/* ================================================================ */
/* Default Name: Default Style sheet compatible for HTML 5.0        */
/* Version: 4.0                                                     */
/* Follow: @arisds                                                  */
/* ================================================================ */

body{ background:#ffffff; color:#333333; letter-spacing:normal; margin:0; padding:0; line-height:normal; letter-spacing:normal; }
a, a:link, a:visited, a:active{ text-decoration:none;color:#1b3d6e; transition: background-color 0.3s ease-in 0s, color 0.3s ease-in 0s; cursor:pointer; outline:none; }
a:hover { text-decoration:none;color:#e85024;  } .fleft{ float:left !important; } .fright{ float:right !important; } .fnone{ float:none !important; } .clear{ clear:both; } .enter{ clear:both; height:10px; } .right{ clear:right; } .left{ clear:left; } .doubleenter{ clear:both; height:20px; } .tripleenter{ clear:both; height:30px; } .fourthenter{ clear:both; height:40px; } .fifthhenter{ clear:both; height:40px; }

/* HEADING */
h1{ font-size:36px; line-height:38px; font-weight:700; letter-spacing:-1px; margin:0; padding:20px 0; }
h2{ font-size:24px; line-height:26px; font-weight:600; letter-spacing:-0.5px; margin:0; padding:20px 0; }
h3{ font-size:18px; line-height:20px; font-weight:500; letter-spacing:0px; margin:0; padding:20px 0; }
h4{ font-size:16px; line-height:18px; font-weight:400; letter-spacing:0px; margin:0; padding:20px 0; }
h5{ font-size:14px; line-height:16px; font-weight:400; margin:0; padding:20px 0; }
h6{ font-size:12px; line-height:14px; font-weight:400; margin:0; padding:20px 0; }
h7{ font-size:10px; line-height:10px; font-weight:400; margin:0; padding:20px 0; }

/* PARAGRAF */
p{ margin:15px 0 15px; }

/* PADDING */
.pad-50{ padding:50px !important; }
.pad-40{ padding:40px !important; }
.pad-30{ padding:30px !important; }
.pad-20{ padding:20px !important; }
.pad-15{ padding:15px !important; }
.pad-10{ padding:10px !important; }
.pad-5{ padding:5px !important; }
.pad-4{ padding:4px !important; }
.pad-3{ padding:3px !important; }
.pad-2{ padding:2px !important; }
.pad-1{ padding:1px !important; }
.pad-r{ padding-right:0 !important; }
.pad-l{ padding-left:0 !important; }
.pad-b{ padding-bottom:0 !important; }
.pad-t{ padding-top:0 !important; }

/* MARGIN */
.mar-1{ margin:1px !important; }
.mar-2{ margin:2px !important; }
.mar-3{ margin:3px !important; }
.mar-4{ margin:4px !important; }
.mar-5{ margin:5px !important; }
.mar-10{ margin:10px !important; }
.mar-15{ margin:15px !important; }
.mar-20{ margin:20px !important; }
.mar-30{ margin:30px !important; }
.mar-40{ margin:40px !important; }
.mar-50{ margin:50px !important; }
.mar-r{ margin-right:0 !important; }
.mar-l{ margin-left:0 !important;  }
.mar-b{ margin-bottom:0 !important; }
.mar-t{ margin-top:0 !important; }

/* RADIUS */
.radius-5{ -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;  }
.radius-10{ -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 5px; border-radius: 10px;  }

/* IMAGE */
.image-left{ float:left; margin-right:10px; }
.image-right{ float:right; margin-left:10px; }
.image-center{ float:none; margin:0 auto; }

/* COLOR */
.color-biru-dark{ color:#1c2533 !important; }
.color-biru-light{ color:#35449c !important; } 
.color-biru{ color:#1b3d6e !important; } a.color-biru{ color:#1b3d6e !important; }
.color-hitam{ color:#222222 !important; } a.color-hitam{ color:#222222 !important; } 
.color-silver{ color:#999999 !important; } a.color-silver{ color:#999999 !important; } 
.color-putih{ color:#ffffff !important; } a.color-putih{ color:#ffffff !important; }
.color-orange{ color:#e85024 !important; } a.color-orange{ color:#e85024 !important; }
.color-orange-light{ color:#f36e46 !important; }
.color-grey{ color:#666666 !important; }
.color-merah{ color:#dd6262 !important; }
.color-hijau{ color:#50c07f !important; }

/* BACKGROUND */
.bg-biru-dark{ background-color:#083262 !important; }
.bg-biru-light{ background-color:#52b9e9 !important; } 
.bg-biru{ background-color:#1b3d6e !important; } 
.bg-hitam{ background-color:#222222 !important; }
.bg-silver{ background-color:#999999 !important; } 
.bg-putih{ background-color:#ffffff !important; }
.bg-kuning{ background-color:#ffcf13 !important; }
.bg-orange-light{ background-color:#f36e46 !important; }
.bg-none{ background:none !important; }
.bg-grey{ background:#666666 !important;; }

/* WIDTH PERCENT */
.width-percent-100{ width:100% !important; }
.width-percent-95{ width:95% !important; }
.width-percent-90{ width:90% !important; }
.width-percent-85{ width:85% !important; }
.width-percent-80{ width:80% !important; }
.width-percent-75{ width:75% !important; }
.width-percent-70{ width:70% !important; }
.width-percent-65{ width:65% !important; }
.width-percent-60{ width:60% !important; }
.width-percent-55{ width:55% !important; }
.width-percent-50{ width:50% !important; }
.width-percent-45{ width:45% !important; }
.width-percent-40{ width:40% !important; }
.width-percent-35{ width:35% !important; }
.width-percent-30{ width:30% !important; }
.width-percent-25{ width:25% !important; }
.width-percent-20{ width:20% !important; }
.width-percent-15{ width:15% !important; }
.width-percent-10{ width:10% !important; }
.width-percent-5{ width:5% !important; }

/* WIDTH PIXEL */
.width-px-1200{ width:1200px; }
.width-px-1100{ width:1100px; }
.width-px-1000{ width:1000px; }
.width-px-900{ width:900px; }
.width-px-870{ width:870px; }
.width-px-800{ width:800px; }
.width-px-780{ width:780px; }
.width-px-740{ width:740px; }
.width-px-680{ width:680px; }
.width-px-650{ width:650px; }
.width-px-600{ width:600px; }
.width-px-550{ width:550px; }
.width-px-490{ width:490px; }
.width-px-480{ width:480px; }
.width-px-470{ width:470px; }
.width-px-460{ width:460px; }
.width-px-440{ width:440px; }
.width-px-420{ width:420px; }
.width-px-400{ width:400px; }
.width-px-380{ width:380px; }
.width-px-350{ width:350px; }
.width-px-310{ width:310px; }
.width-px-300{ width:300px; }
.width-px-270{ width:270px; }
.width-px-250{ width:250px; }
.width-px-245{ width:245px; }
.width-px-240{ width:240px; }
.width-px-230{ width:230px; }
.width-px-200{ width:200px; }
.width-px-160{ width:160px; }
.width-px-150{ width:150px; }
.width-px-140{ width:140px; }
.width-px-100{ width:100px; }
.width-px-60{ width:60px; }
.width-px-30{ width:30px; }
.width-px-20{ width:20px; }
.width-px-15{ width:15px; }
.width-px-10{ width:10px; }

/* HEIGHT PERCENT */
.height-percent-100{ height:100%; }
.height-percent-90{ height:90%; }
.height-percent-80{ height:80%; }
.height-percent-70{ height:70%; }
.height-percent-60{ height:60%; }
.height-percent-50{ height:50%; }
.height-percent-40{ height:40%; }
.height-percent-30{ height:30%; }
.height-percent-20{ height:20%; }
.height-percent-10{ height:10%; }

/* WIDTH PIXEL */
.height-px-250{ height:250px; }
.height-px-100{ height:100px; }
.height-px-90{ height:90px; }
.height-px-80{ height:80px; }
.height-px-70{ height:70px; }
.height-px-60{ height:60px; }
.height-px-50{ height:50px; }
.height-px-40{ height:40px; }
.height-px-30{ height:30px; }
.height-px-20{ height:20px; }
.height-px-10{ height:10px; }
.height-px-0{ height:0; }

/* HR */
hr{ border-color:#e3e3e3; margin:10px 0}

/* BORDER */
.border{ border:1px solid #cccccc; }
.border-top{ border-top:1px solid #cccccc; }
.border-bottom{ border-bottom:1px solid #cccccc; }
.border-left{ border-left:1px solid #cccccc; }
.border-right{ border-right:1px solid #cccccc; }

/* FONT FAMILY */
.font-Arial{ font-family:Arial, Helvetica, sans-serif; }
.font-OpenSans{ font-family: 'Open Sans', sans-serif; }
.font-OpenSansCondensed{ font-family: 'Open Sans Condensed', sans-serif; }

/* FONT SIZE */
.font-60{ font-size:60px }
.font-50{ font-size:50px }
.font-40{ font-size:40px }
.font-36{ font-size:36px }
.font-34{ font-size:34px }
.font-32{ font-size:32px }
.font-30{ font-size:30px }
.font-26{ font-size:26px }
.font-24{ font-size:24px }
.font-20{ font-size:20px }
.font-18{ font-size:18px }
.font-16{ font-size:16px }
.font-15{ font-size:15px }
.font-14{ font-size:14px }
.font-13{ font-size:13px }
.font-12{ font-size:12px }
.font-11{ font-size:11px }
.font-10{ font-size:10px }

/* LINE HEIGHT */
.line-height-35{ line-height:35px; }
.line-height-30{ line-height:30px; }
.line-height-25{ line-height:25px; }
.line-height-20{ line-height:20px; }
.line-height-18{ line-height:18px; }
.line-height-16{ line-height:16px; }
.line-height-14{ line-height:14px; }
.line-height-12{ line-height:12px; }
.line-height-normal{ line-height:normal; }

/* FONTS STYLE+WEIGHT */
.italic{ font-style:italic; }
.light{ font-weight:300; }
.normal{ font-weight:400; font-style:normal; }
.semibold{ font-weight:600; }
.bold{ font-weight:700; }
.extrabold{ font-weight:800; }

/* TEXT */
.center{ margin:0 auto; }
.text-left{ text-align:left !important; }
.text-right{ text-align:right !important; }
.text-center{ text-align:center !important; }

/* LETTER-SPACING */
.ls-min-1{ letter-spacing:-1px; }
.ls-min-05{ letter-spacing:-0.5px; }
.ls-normal{ letter-spacing:normal; }
.ls-plus-05{ letter-spacing:0.5px; }
.ls-plus-1{ letter-spacing:1px; }

/* TEXT TRANSFORM */
.uppercase{ text-transform:uppercase; }
.capitalize{ text-transform:capitalize; }
.lowercase{ text-transform:lowercase; }

/* DISPLAY */
.block{ display:block !important; }
.hide{ display:hide !important; }
.none{ display:none !important; }
.inline-block{ display:inline-block !important; }
.overflow-hidden{ overflow:hidden !important; }

/* POSITION */
.relative{ position:relative; }
.absolute{ position:absolute; }
.fixed{ position:fixed; }

/* LOADING */
#page-preloader { position: fixed; z-index: 100500;	top: 0;	right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #2e2e2e; }
#page-preloader .spinner { position: absolute; z-index: 1001; top: 50%; left: 50%; display: block; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; -webkit-animation: spin 2.5s infinite linear; animation: spin 2.5s infinite linear; border: 3px solid transparent; border-top-color: #1b3d6e; border-radius: 50%; }
#page-preloader .spinner:before, #page-preloader .spinner:after { position: absolute; content: ''; border-radius: 50%; }
#page-preloader .spinner:before { top: 5px; right: 5px; bottom: 5px; left: 5px; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; border: 3px solid transparent; 	border-top-color: #e85024; }
#page-preloader .spinner:after { top: 15px; right: 15px; bottom: 15px; left: 15px; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; border: 3px solid transparent; 	border-top-color: #ffffff; }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/*border radius*/
.border-rad-5{border-radius:10px !important;}

/*Terbaru*/

.side-post>ul>li>a, a:link, a:visited, a:active{ text-decoration:none;color:#1b3d6e; transition: background-color 0.3s ease-in 0s, color 0.3s ease-in 0s; cursor:pointer; outline:none;list-style:none; }
a:hover { text-decoration:none;color:#e85024;  } .fleft{ float:left !important; } .fright{ float:right !important; } .fnone{ float:none !important; } .clear{ clear:both; } .enter{ clear:both; height:10px; } .right{ clear:right; } .left{ clear:left; } .doubleenter{ clear:both; height:20px; } .tripleenter{ clear:both; height:30px; } .fourthenter{ clear:both; height:40px; } .fifthhenter{ clear:both; height:40px; }