/*!
Design by Alphasquad Inc. @2008-2017
(http://danangalvaris.com)
Description: ifsa.or.id
Version: 3.4
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .table-header {
font-family: 'Raleway', arial, sans-serif;
font-weight: 700;
line-height: 1.1;
color: inherit;
}
/*   color  
===================================*/
/*   background color   */
.bg-green1 {
background-color: #36d193;
}
.bg-green2 {
background-color: #1abc9c;
}
.bg-green3 {
background-color: #34a7b7;
}
.bg-blue1 {
background-color: #00a0d6;
}
.bg-blue2 {
background-color: #507abd;
}
.bg-blue3 {
background-color: #3e5ba9;
}
.bg-blue4 {
	background-color: #1672dc;
	}
.bg-yellow1 {
background-color: #f9da62;
}
.bg-yellow2 {
background-color: #f5b53b;
}
.bg-yellow3 {
background-color: #f89a1d;
}
.bg-red1 {
background-color: #ff3334;
}
.bg-red2 {
background-color: #e25e5b;
}
.bg-red3 {
background-color: #df4430;
}
.bg-red4 {
background-color: #c31d45;
}
.bg-black {
background-color: #3a3e4a;
}
.bg-grey1 {
background-color:#dbe1e1;	
}
.bg-grey2 {
background-color: #b3bdbe;
}
.bg-grey3 {
background-color: #677275;	
}
.bg-softgrey {
background-color:#f4f7f6;
}
.bg-alpha {
background-color: #fdfaf5;
}
.bg-white {
background-color: #ffffff;
}
.bg-mainimage {
background:url(../img/banner/main_bg.jpg) no-repeat center;
background-size: cover;	
}
/*   text color   */
.txt-green1 {
color: #36d193;
}
.txt-green2 {
color: #1abc9c;
}
.txt-green3 {
color: #34a7b7;
}
.txt-blue1 {
color: #00a0d6;
}
.txt-blue2 {
color: #507abd;
}
.txt-blue3 {
color: #3e5ba9;
}
.txt-yellow1 {
color: #f9da62;
}
.txt-yellow2 {
color: #f5b53b;
}
.txt-yellow3 {
color: #f89a1d;
}
.txt-red1 {
color: #ff3334;
}
.txt-red2 {
color: #e25e5b;
}
.txt-red3 {
color: #df4430;
}
.txt-black {
color: #3a3e4a;
}
.txt-grey1 {
color:#dbe1e1;	
}
.txt-grey2 {
color: #b3bdbe;
}
.txt-grey3 {
color: #677275;	
}
.txt-white {
color: #ffffff;
}
.txt-black1 {
color: #3a3e4a;
}
.txt-black2 {
color: #252934;
}
.txt-black3 {
color: #262733;
}
.border-yellow,
.border-yellow span {
border-color: #f9da62!important;
}
.border-blue,
.border-blue span {
border-color: #3e5ba9!important;
}
.txt-shadow{
-webkit-text-shadow: 1px 1px 3px rgba(104,104,104,1);
-moz-text-shadow: 1px 1px 3px rgba(104,104,104,1);
text-shadow: 1px 1px 3px rgba(104,104,104,1);
}
/*   button color   */
.btn {
font-weight: bold;
border-radius:1px!important;
}
.centerbtn {
text-align:center!important;
}
.btn-alpha_red {
color: #fff;
background-color: #c51633;
border-color: #c51633;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-alpha_red:hover,
.btn-alpha_red:focus,
.btn-alpha_red.focus,
.btn-alpha_red:active,
.btn-alpha_red.active,
.open > .dropdown-toggle.btn-alpha_red {
color: #c51633;
background-color: #fff;
border-color: #c51633;
}
.btn-alpha_red:active,
.btn-alpha_red.active,
.open > .dropdown-toggle.btn-alpha_red {
background-image: none;
}
.btn-alpha_redline {
color: #c51633;
background-color: #fff;
border-color: #c51633;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-alpha_redline:hover,
.btn-alpha_redline:focus,
.btn-alpha_redline.focus,
.btn-alpha_redline:active,
.btn-alpha_redline.active,
.open > .dropdown-toggle.btn-alpha_redline {
color: #fff;
background-color: #c51633;
border-color: #c51633;
}
.btn-alpha_redline:active,
.btn-alpha_redline.active,
.open > .dropdown-toggle.btn-alpha_redline {
background-image: none;
}
.btn-alpha_white {
color: #00324d;
background-color: #ffffff;
border-color: #ffffff;
border-radius:0!important;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-alpha_white:hover,
.btn-alpha_white:focus,
.btn-alpha_white.focus,
.btn-alpha_white:active,
.btn-alpha_white.active,
.open > .dropdown-toggle.btn-alpha_white {
color: #ffffff;
background-color: #00324d;
border-color: #00324d;
}
.btn-alpha_white:active,
.btn-alpha_white.active,
.open > .dropdown-toggle.btn-alpha_white {
background-image: none;
}
.btn-alpha_whiteline {
color: #00324d;
background-color: #ffffff;
border-color: #00324d;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-alpha_whiteline:hover,
.btn-alpha_whiteline:focus,
.btn-alpha_whiteline.focus,
.btn-alpha_whiteline:active,
.btn-alpha_whiteline.active,
.open > .dropdown-toggle.btn-alpha_whiteline {
color: #ffffff;
background-color: #00324d;
border-color: #00324d;
}
.btn-alpha_whiteline:active,
.btn-alpha_whiteline.active,
.open > .dropdown-toggle.btn-alpha_whiteline {
background-image: none;
}
.btn-rad {
border-radius:3px!important;	
}
.btn-alpha_green {
color: #02a89e;
background-color: #ffffff;
border-color: #e2e2e2;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-alpha_green:hover,
.btn-alpha_green:focus,
.btn-alpha_green.focus,
.btn-alpha_green:active,
.btn-alpha_green.active,
.open > .dropdown-toggle.btn-alpha_green {
color: #016861;
background-color: #e2e2e2;
border-color: #e2e2e2;
}
.btn-alpha_green:active,
.btn-alpha_green.active,
.open > .dropdown-toggle.btn-alpha_green {
background-image: none;
}
.btn-alpha_blue {
color: #ffffff;
background-color: #00324d;
border-color: #00324d;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-alpha_blue:hover,
.btn-alpha_blue:focus,
.btn-alpha_blue.focus,
.btn-alpha_blue:active,
.btn-alpha_blue.active,
.open > .dropdown-toggle.btn-alpha_blue {
color: #1eabc7;
background-color: #ffffff;
border-color: #1eabc7;
}
.btn-alpha_blue:active,
.btn-alpha_blue.active,
.open > .dropdown-toggle.btn-alpha_blue {
background-image: none;
}
.btn-alpha_blue1 {
color: #ffffff;
background-color: #1eabc7;
border-color: #1eabc7;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-alpha_blue1:hover,
.btn-alpha_blue1:focus,
.btn-alpha_blue1.focus,
.btn-alpha_blue1:active,
.btn-alpha_blue1.active,
.open > .dropdown-toggle.btn-alpha_blue1 {
color: #1eabc7;
background-color: #ffffff;
border-color: #1eabc7;
}
.btn-alpha_blue1:active,
.btn-alpha_blue1.active,
.open > .dropdown-toggle.btn-alpha_blue1 {
background-image: none;
}
.btn-alpha_blue1line {
color: #1eabc7;
background-color: #ffffff;
border-color: #1eabc7;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-alpha_blue1line:hover,
.btn-alpha_blue1line:focus,
.btn-alpha_blue1line.focus,
.btn-alpha_blue1line:active,
.btn-alpha_blue1line.active,
.open > .dropdown-toggle.btn-alpha_blue1line {
color: #ffffff;
background-color: #1eabc7;
border-color: #1eabc7;
}
.btn-alpha_blue1line:active,
.btn-alpha_blue1line.active,
.open > .dropdown-toggle.btn-alpha_blue1line {
background-image: none;
}
.btn-member {
color: #1eabc7;
background-color: #ffffff;
border-color: #1eabc7;
border-radius: 100% !important;
padding: 0;
line-height:39px;
width: 39px;
height:39px;
font-size: 18px;
text-align: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn-member:hover,
.btn-member:focus,
.btn-member.focus,
.btn-member:active,
.btn-member.active,
.btn-member-selected:hover,
.open > .dropdown-toggle.btn-member {
color: #ffffff;
background-color: #f9da62;
border-color: #f89a1d;
}
.btn-member:active,
.btn-member.active,
.open > .dropdown-toggle.btn-member {
background-image: none;
}
.focussectorbtn:hover {
cursor:pointer;
}
.termcon {
padding: 0;
margin: 0;
margin-top: -2px;
}
.alert-alpha {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
/*   end button color   */
/*   End color  
===================================*/
body {
background: #fff;
font-family: 'Raleway', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 22px;
color: #000;
}
html {
height: 100%;
}
a{
color:#00324d;
}
a:hover {
outline: none;
text-decoration:none;
color:#009ac7;
}
a:focus {
outline:none;
outline-offset: 0;
}
a {
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
ul {
list-style: none;
}
.bs-docs-section > h5[id] {
padding-top:55px;
}
.framesection {
/*
border-right: 25px solid #FFFFFF;
border-left: 25px solid #FFFFFF;
*/
overflow: hidden;
}
.sectionfooter {
margin-top: 90px;
}
.sectionwithsidebar {
margin-bottom: -70px;
}
.sectionslide {
	position: relative;
}
.sectionslide .contentfull{
padding:0;
}
.contentfull {
min-width:100%;
max-width:100%;
}
.bg-white .contentfull {
padding:0;
}
#product6-1 table {
width: 100%!important;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
border: 1px solid #dddddd;	
}
.table-borderless tr, .table-borderless td, .table-borderless th {
border: 0 !important;
}
.overflow{
overflow: hidden;
}
.uppercase{
text-transform: uppercase;
}
.align-right{
text-align: right;
}
.inline{
display: inline-block;
}
.padding{
padding: 65px 0;
}
.padding-bottom{
padding-bottom: 65px;
}
.padding-top{
padding-top: 90px;
}
.padding-right{
padding-right: 80px;
}
.padding-left{
padding-left: 80px;
}
.margin-bottom{
margin-bottom: 35px;
}
.padding-frame {
padding:25px 15px;	
}
.padding-title {
padding:5px;	
}
.carousel-indicators.visible-xs {
height: 20px;
margin: 0;
padding: 0;
position: absolute;
top: -35px;
width: 100%;
left: 0;
}
.carousel-indicators.visible-xs li {
border-color: #00324d;
border-width: 2px;
height: 12px;
margin: 0 5px 0 0;
width: 12px;
}
.carousel-indicators.visible-xs li.active {
background: rgba(210, 153, 72, 0.7);
}
.sectionalpha {
padding:25px 0;
position:relative;
}
.stepbystepalpha {
padding:15px 0;
margin: 0;
}
.form-control {
border-radius:1px;  
}
.page-header {
padding-bottom: 9px;
margin: 20px 0 10px;
border-bottom: 1px solid rgba(238, 238, 238, 0.1);
}
.img-display {
position: relative;
overflow: hidden;
text-align: center;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.img-about {
width:100%	
}
.img-modal {
margin: 15px 0;
}
.img-wrapper {
position: relative;
padding-bottom: 60%;
overflow: hidden;
width: 100%;
}
.img-wrapper img {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.feature-image {
height:250px;
margin-top: 25px;
}
.modalpage{
margin:0;
width:100%;
background-color:#ffffff;
}
.modalpage .modal-content {
box-shadow: none;
border: none;
border-radius:0;
min-height: 100vh;
}
.modal-header {
border:none;
}
.mediapdf {
	margin: 0 auto;
	height:100vh;
	width:100%;
}
.mediapdf>object {
	width: 100%;
	height: 100%;
}
/*************************
*******Header******
**************************/
#header{
margin-bottom: 0;
padding: 0;
z-index:13;
position:fixed;
margin:0 auto;
width:100%;
background-color:#f2f2f2;
/*
border-bottom:1px solid #1f5aa5;
*/
}
#header .navbar-inverse .container{
position: relative;
}
.social-icons ul li{
padding: 0 10px;
}
.social-icons ul li:last-child{
padding-right: 0;
}
.social-icons ul li a{
font-size: 18px;
color: #d3d3d3;
padding: 0;
}
.social-icons ul li a:hover,
.social-icons ul li a:focus{
color:#1f5aa5;
background: none;
}
#header .navbar {
background: transparent;
border: 0;
margin-bottom: 0;
border-radius:0;
}
#header .navbar-toggle{
margin-top: 20px;
}
#header .navbar-brand{
padding: 0;
margin-left: 0;
margin-top:0;
}
#header .navbar-brand h1{
padding: 0;
margin: 0;
}
#header .navbar-nav.navbar-right >li:last-child{
/*margin-right: 20px;*/
}
#header .navbar-nav >li a {
font-family: 'Raleway', sans-serif;
font-weight: bold;
color: #3e5ba9;
font-size: 12px;
line-height: 18px;
padding: 5px 10px;
border-bottom: 3px solid transparent;
}
#header .navbar-nav  li.active > a,  
#header .navbar-nav  li.active > a:focus, 
.navbar-nav > .open > a {
background-color: inherit;
border: 0;
color: #f2f2f2;
/*border-bottom: 3px solid #f2f2f2;*/
}
#header .navbar-nav li a:hover{
	color: #dddddd;
	/*border-bottom: 3px solid transparent;*/
	background-color: #ff3334;
}
.bgheader-grad {
	background: -webkit-linear-gradient(top, rgba(0, 50, 77, 1) 0%, rgba(0, 50, 77, 1) 0%, rgba(0, 66, 133, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 50, 77, 1)), color-stop(0%, rgba(0, 50, 77, 1)), to(rgba(0, 66, 133, 1)));
	background: linear-gradient(to bottom, rgba(0, 50, 77, 1) 0%, rgba(0, 50, 77, 1) 0%, rgba(0, 66, 133, 1) 100%);
}
.bgheader-grad.affix {
}
.logoalpha {
	padding:0;
	margin:0;
}
/*Dropdown menu*/
.dropdown-menu{
	border-radius:1px;
	border:none;
	right:80px;
	top:50px;
}
ul.sub-menu {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
}
#header .navbar-nav li ul.sub-menu li a {
	color: #818285;
	padding: 5px 0;
	font-size: 13px;
	display: block;
	text-transform: capitalize;
}
#header .navbar-nav li ul.sub-menu li .active{
	background: #d9ebf9;
	color: #00324d;
	position: relative;
}
#header .navbar-nav li ul.sub-menu li .active i{
	position: absolute;
	font-size: 56px;
	top: -13px;
	color: #00324d;
}
#header .navbar-nav li ul.sub-menu li .active .fa-angle-right{
	left: -3px;
}
#header .navbar-nav li ul.sub-menu li .active .fa-angle-left{
	right: -3px;
}
#header .navbar-nav li ul.sub-menu li a:hover,
#header .navbar-nav li ul.sub-menu li a:focus{
	background: #d9ebf9;
	color: #00324d;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	background-color:#ffffff;
}
/* ===== side navbar ===== */
.bs-docs-sidebar.affix {
position: static;
}
.bs-docs-sidenav {
margin-top: 75px;
margin-bottom: 20px;
}
.label-about {
/*font-size: 10px;*/
font-weight: bold;
padding-left: 15px;
}
/* All levels of nav */
.bs-docs-sidebar .nav > li > a {
display: block;
padding: 4px 20px;
font-size: 13px;
font-weight: 700;
color: #999;
}
.bs-docs-sidebar .nav > li > a:hover {
padding-left: 15px;
color: #3e5ba9;
text-decoration: none;
background-color: #f2f2f2;
border-left: 5px solid #ddd;
}
.bs-docs-sidebar .nav > .active > a,
.bs-docs-sidebar .nav > .active:hover > a,
.bs-docs-sidebar .nav > .active:focus > a {
padding-left: 15px;
font-weight: bold;
color: #3e5ba9;
background-color: rgba(114, 188, 223, 0.1);
border-left: 5px solid #3e5ba9;
}
/* Nav: second level (shown on .active) */
.bs-docs-sidebar .nav .nav {
display: none; /* Hide by default, but at >768px, show it */
padding-bottom: 10px;
}
.bs-docs-sidebar .nav .nav > li > a {
padding-top: 1px;
padding-bottom: 1px;
padding-left: 30px;
font-size: 12px;
font-weight: normal;
}
.bs-docs-sidebar .nav .nav > li > a:hover,
.bs-docs-sidebar .nav .nav > li > a:focus {
padding-left: 29px;
}
.bs-docs-sidebar .nav .nav > .active > a,
.bs-docs-sidebar .nav .nav > .active:hover > a,
.bs-docs-sidebar .nav .nav > .active:focus > a {
padding-left: 28px;
font-weight: 700;
}
@media (min-width: 992px) {
.bs-docs-sidebar .nav > .active > ul {
display: block;
}
/* Widen the fixed sidebar */
.bs-docs-sidebar.affix,
.bs-docs-sidebar.affix-bottom {
width: 195px;
margin-top:45px;
}
.bs-docs-sidebar.affix {
position: fixed; /* Undo the static from mobile first approach */
top: 20px;
}
.bs-docs-sidebar.affix-bottom {
position: absolute; /* Undo the static from mobile first approach */
}
.bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
.bs-docs-sidebar.affix .bs-docs-sidenav {
margin-top: 0;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
/* Widen the fixed sidebar again */
.bs-docs-sidebar.affix-bottom,
.bs-docs-sidebar.affix {
width: 250px;
margin-top:45px;
}
}
/* ===== end side navbar ===== */
/* social media button */
.socialiconframe {
text-align: right;
position: absolute;
right: 250px;
display: inline-block;
}
.socialiconframe a {
padding-top: 10px;
margin-right: 10px;
float: right;
font-size: 18px;
}
.marquee {
	padding: 0 15px;
	overflow:hidden;
	height:25px;
}
/* End social media button */
/* language & search */
.langsearch {
text-align:right;
position: absolute;
right: 0;
width:250px;
display:inline-block;
}
.langsearch .lang{
width: 185px;
float:left;
padding-top: 10px;
color:#009ac7;
}
.langsearch .searchs {
padding-top: 10px;
padding-left: 10px;
position: relative;
float:right;
}
.langsearch .searchs:hover {
cursor:pointer;
}
.langsearch .searchs i {
margin: 0 auto;
line-height: 14px;
padding: 5px;
}
.langsearch .searchs .searchhere {
width: 230px;
max-width:0;
position:absolute;
right:20px;
box-sizing:border-box;
opacity:0;
margin: 0;
height: 24px;
padding: 3px 10px;
font-size: 12px;
line-height: 1.42857143;
color: #555;
font-style: italic;
background-color: #ffffff;
background-image: none;
border: 1px solid #00324d;
outline: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
transition: all .5s ease;
}
.langsearch .searchs .searchhere.expanded{
max-width:230px;
opacity:1;
}
.searchclk {
width: 24px;
height: 24px;
background: #00324d;
position: absolute;
right: 0;
}
.btn-lang {
display: inline-block;
padding: 3px 10px;
margin-bottom: 0;
font-size: 11px;
font-weight: normal;
text-transform:uppercase;
color:#999;
line-height: 1.5;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 0;
background-color: rgba(0, 0, 0, 0);
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.btn-lang:hover {
color:#ddd;
}
.btn-lang:active,
.btn-lang.active  {
color:#00324d;
}
.fa-angle-down{
padding-left: 5px; 
}
.scaleIn {
-webkit-animation-name: scaleIn;
animation-name: scaleIn;
}
@-webkit-keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
/* ImageHeader for IFSA */
.imageheader {
margin: 10px 0 30px 0;
}
.imageheader h1{
margin:50px 0 0 0;
}
.head_about{
background:url(../img/imageheader/header-about.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.head_event {
background:url(../img/imageheader/header-event.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.head_berita {
background:url(../img/imageheader/header-artikel.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.head_beasiswa {
background:url(../img/imageheader/header-beasiswa.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.head_majalah {
background:url(../img/imageheader/header-majalah.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.head_anggota {
background:url(../img/imageheader/header-anggota.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.head_regulasi {
background:url(../img/imageheader/header-regulasi.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.head_statistik {
background:url(../img/imageheader/header-statistik.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.head_management{
background:url(../img/imageheader/header-management-period.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.head_etik{
background:url(../img/imageheader/header-etik.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.head_prilaku{
background:url(../img/imageheader/header-fkd.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.head_regmember{
background:url(../img/imageheader/header-registration.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.head_regpartner{
background:url(../img/imageheader/header-registration.jpg) left center no-repeat;
background-size:cover;
min-height:100px;
}
.row-eq-height {
  display: table;
}
.row-eq-height [class*="col-"] {
	  float: none;
        display: table-cell;
        vertical-align: top;
}
.image_thumb {
	max-height:100px;
	overflow:hidden;
}
.image_thumb img{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;	
}
.image_thumb img:hover {
-webkit-filter: grayscale(100%);
cursor:pointer;
}
.img-responsive{
min-width:100%;	
}
/* end ImageHeader for IFSA */
/* End Header */
/* ===== nav filter ===== */
.nav-tab-alpha {
border-bottom: 1px solid #00324d;
}
.nav-tab-alpha > li {
/*
float: left;
*/
margin-bottom: -1px;
}
.nav-tab-alpha > li > a {
white-space:nowrap;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0;
color:#00324d;
background-color:transparent;
}
.nav-tab-alpha > li > a:hover {
border-color: #eee #eee #00324d;
bacground-color: transparent;
color:#00324d;
cursor:pointer;
}
.nav-tab-alpha > li.active > a,
.nav-tab-alpha > li.active > a:hover,
.nav-tab-alpha > li.active > a:focus {
color: #ffffff;
background-color: #fd715f;
border: 1px solid #fd715f;
border-bottom-color: transparent;
cursor:pointer;
}
.nav-tab-alpha > li > span {
white-space:nowrap;
line-height: 1.42857143;
border-radius: 0;
color:#00324d;
background-color:transparent;
position: relative;
display: block;
padding: 10px;
text-align:center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.nav-tab-alpha > li > span:hover {
background-color: #f2f2f2;
color:#009ac7;
cursor:pointer;
}
/* ===== End nav filter === */
/*
=============== Back to Top   =================
*/
.backtotop {
bottom:53px!important;
}
.backtotop {
position:fixed;
bottom:13px;
right:-90px;
z-index:999;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.backtotop a {
background:#f5f5f5;
padding: 3px 10px;
width:90px;
float:left;
font-weight: 500;
overflow:hidden!important;
color:#3a3e4a;
font-size:13px;
}
.backtotop a:hover {
text-decoration:none;
color:#00324d;
}
.backtotop p {
background:rgba(102, 102, 102, 0.15);
padding: 3px 5px;
float:left;
margin:0;
}
.backtotop:hover {
right:0;
}
.backtotop:hover .bttcaret {
border-top: 8px solid transparent;
border-right: 0 dotted;
border-bottom: 8px solid transparent;
border-left: 8px solid #00324d;
}
.bttcaret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 0 dotted;
border-right: 8px solid transparent;
border-bottom: 8px solid #83c2f7;
border-left: 8px solid transparent;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
/* end Back to Top */
/*************************
*******Footer******
**************************/
#footer {
padding-bottom: 10px;
position:relative;
/*margin-bottom: 30px;*/
}
.formframe {
margin:25px 0;	
}
.contactsubmit{
padding:15px 0;	
}
.form-control {
border: 1px solid transparent;
border-bottom:1px solid #00324d;
font-weight: 300;
outline: none;
box-shadow: none;
height: 40px;
}
.form-control:hover, 
.form-control:focus{
border-color: #00324d;
outline: none;
box-shadow: none;
}
.copyright-text{
margin-top: 20px;
}
/* Affix Top */
.affix {
width: 100%;
-webkit-animation: fadeInDown 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
animation: fadeInDown 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
background-color:#ffffff;	
}
/* End Affix Top*/
/* Responsive Slider Home */
.bs-docs-sliderhome{
padding-top:5px;
}
.sliderhome_logo{
padding:0;
margin-top:-9px;
}
.sliderhome_caption {
background-color:transparent;
width: auto;
padding:50px 0 0 0;
border-bottom:none;
overflow: visible;
}
.sliderhome_caption:hover {
background-color:transparent;
}
.sliderhome_caption h2 {
text-transform:uppercase;
font-weight:400;
line-height:0.9;
color:#ffffff;
margin:0;
padding:0;
display:block;
margin-bottom: 8px;
text-shadow:3px 3px 5px rgba(58, 62, 74, 0.55);
}
#mainslide .slidefull {
padding:0;
max-width: 100%;
min-width: 100%;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
/*fillfull
position: relative;
width: 100%;
height:45vh;
overflow: hidden;
background: #ffffff;
*/
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
max-height: 110vh;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
/*fillfull
position: absolute;
min-height: 100%;
height: auto;
min-width: 100%;
width: auto;
margin: auto;
left: 50%;
top: 50%;
z-index: 0;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
*/
display: block;
height: 100%;
float: left;
width: auto;
border: 0;
background-size: cover;
background-position: 50% 50%;
background-position:center;
background-repeat: no-repeat;
}
.callbacks_tabs {
padding: 10px 0;
text-align: center;
width: 100%;
position: absolute;
bottom: 0;
z-index: 2;
}
.callbacks_tabs li {
display: inline;
float: none;
margin-right: 20px;
/*
background-color:#dddddd;
width:16px;
height:16px;
border-radius:18px;
padding:0 6px 3px 6px;
*/
}
.callbacks_tabs li:first-child {
margin-left: 20px;
}
.callbacks_tabs a {
line-height: 5px;
width:8px;
height:8px;
border-radius:2px;
padding:1px 20px 0 20px;
overflow:hidden;
display: inline;
font-size:3px;
color:transparent;
background-color:#f2f2f2;
}
.callbacks_tabs a:hover {
background-color:rgba(255, 255, 255, 0.8);
}
.callbacks_tabs .callbacks_here a {
color:rgba(0, 84, 54, 0.3);
background-color:#00324d;
}
.callbacks_container {
/* margin-bottom: 30px;
	float: left;*/
position: relative;
width: 100%;
}
.callbacks {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.callbacks li {
/*
position: absolute;
width: 100%;
left: 0;
top: 0;
max-height: 90vh;
*/
}
.callbacks img {
display: block;
position: relative;
z-index: 1;
height: auto;
width: 100%;
border: 0;
}
.callbacks .caption {
display: block;
position: absolute;
z-index: 2;
text-shadow: none;
color: #fff;
left: 0;
right: 0;
bottom: 0;
top:0;
padding: 10px;
margin: 0;
max-width: none;
}
.callbacks_nav {
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 52%;
left: 0;
opacity: 0.3;
z-index: 3;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
background: transparent url("../img/webnav/themes.gif") no-repeat left top;
margin-top: -45px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.callbacks_nav:hover {
opacity: 0.7;
}
.callbacks_nav:active {
opacity: 1.0;
}
.callbacks_nav.next {
left: auto;
background-position: right top;
right: 0;
}
.slideleft {
position: relative;
float: left;
left: 5%;
width:80%
}
.slideright {
position:relative;
float:right;
right:5%;
height:auto;
width:auto;
}
.slideright img {
border-bottom:1px solid rgba(229, 35, 27, 1.0);
margin:0 auto;
display:block;
}
.imgfullscreen {
width:100vh;
background-repeat:no-repeat;
background-position:50% 50% !important;
}
/* fullscreen setup */
.fullscreen,
.content-a {
width:100%;
height:100%;
overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
height:auto;
min-height:100%;
}
/* content centering styles */
.content-a {
display:table;
}
.content-b {
display:table-cell;
position:relative;
vertical-align:middle;
text-align:center;
}
/* End Responsive Slider Home */
.iconhome {
height: 110px;
width: 110px;
margin: 25px auto 15px auto;
border: 3px solid #ffffff;
border-radius:100%;
}
.iconhome i {
line-height: 110px;
font-size: 48px;	
}
/* services */
.img-service {
height:130px;
margin-top: 25px;
margin-bottom: 15px;
width:auto;
}
.img-service,
.img-sectors {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.img-service:hover,
.img-sectors:hover {
transform: scale(1.1);
}
.servicespoin {
cursor:pointer;	
}
.servicespoin:hover{
color:inherit;	
}
.bg-modalservice {
background:url(../img/services/services_bg.jpg) center no-repeat;
background-size:cover;
}
.bg-modalservice .modal-content {
background-color:transparent;	
}
#list-members .col-centered:hover {
background-color:#f2f2f2;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.img-member{
width: 100%;
height: 80px;
overflow: hidden;
}
.img-member .img-display{
max-height:100%;
max-width:100%;
margin:0 auto;
padding:15px;
}
.txt-member {
padding: 0 15px;
min-height:195px;
border-bottom: 1px solid #f2f2f2;
margin-bottom:30px;
}
.txt-member .fa{
font-size:36px;
margin-bottom:10px
}
.txt-member h4{
min-height:40px;
margin:0;
}
/* end services */
/*  list alpha */
.thumbalpha {
/*border:1px solid rgba(221, 221, 221, 0.16);*/
padding:15px;
margin-bottom:15px;
background-color:transparent;
border-radius:5px;
}
.thumbalpha .img{
/*
position:relative;
max-width:150px;
margin: 0 auto;
*/
}
.thumbalpha a {
text-decoration:none;
cursor:pointer;
}
.thumbalpha h2{
height:60px;
overflow: hidden;
}
.thumbalpha h5{
line-height: 1.1;
max-height: 28px;
height:28px;
overflow: hidden;
margin:5px 0;
}
.thumbalpha p{
font-size: 11px;
font-weight: bold;
}
.thumbalpha h4{
font-size:18px;
line-height: 18px;
max-height: 18px;
height:18px;
overflow: hidden;
margin:15px 0;
}
.labelalpha {
border-left: 8px solid #00324d;
background-color: #00324d;
padding: 2px 7px;
color: #fcdf16;
margin-left: -15px;
position:absolute;
top:0;
left:0;
}
.pagingproductnav .alphalist-first,
.pagingproductnav .alphalist-last {
display:none!important;
}
.pagingproductnav .alphalist-pagingmid button {
color: #ffffff!important;
background-color: #ffffff!important;
}
.pagingproductnav .alphalist-pagingmid .alphalist-current {
color: #009ac7!important;
background-color: #009ac7!important;
}
.pagingproductdivider {
margin-top:5px !important;
border-top:none!important;
padding-bottom:35px;
border-bottom: none;
}
.partsform {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
padding: 20px;
background-color: #FFF;
min-height: 530px;
}
.partnumber {
font-size:16px;	
}
.partscaptcha img {
width:120px;
height:30px;
border:none;
margin-bottom:10px;
}
.partssubmit {
margin-top:15px;
padding: 15px 0;
border-top: 1px solid #E5E5E5;
display: inline-block;
width: 100%;
}
.videoframe {
background-color:#ffffff;
padding:15px;
}
.videoframe:hover{
background-color:#f2f2f2;
}
.videotext {
padding:15px 0;
}
/* end list alpha */
.bordertext5,
.bordertext15{
display: block;
width: 100%;
margin: 15px 0 20px 0;
}
.bordertext15 span{
display: inline-block;
border-top: 4px solid #EEE;
width: 15%;
}
.bordertext5 span{
display: inline-block;
border-top: 4px solid #EEE;
width: 5%;
}

.bordertext15x span{
display: inline-block;
border-top: 4px solid #337ab7;
width: 15%;
}
.bordertext5x span{
display: inline-block;
border-top: 4px solid #337ab7;
width: 5%;
}
/* home media */
.instasuu {
width:100%!important;
height:auto;	
}
.news_headline {
padding:20px;
background-color:#ffffff;
}
.newsscroll{
overflow-y:scroll;
overflow-x:hidden;
}
.news_list {
margin-bottom: 10px;
padding: 8px;
border-bottom: 1px solid #f4f4f4;
}
.news_list:hover {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-color:#dddddd;	
}
.news_headline a.imgheadline {
display: block;
margin-bottom: 15px;
max-height: 250px;
overflow: hidden;
}
.news_list a.imgthumb {
width:90px;
display: block;
overflow:hidden;
float:left;
margin-right:10px;
}
.news_headline a img,
.news_list a img {
width: 100%;
height: auto;
cursor:pointer;
}
.news_list .post-meta span.labelmedia {
}
.news_headline h2.title,
.news_list h3.title{
margin-top: 2px;
margin-bottom: 4px;
font-size: 15px;
line-height: 17px;
height: 34px;
overflow: hidden;
text-transform:uppercase;
cursor:pointer;
}
.news_list .small,
.news_headline .small {
font-size: 70%;
font-weight: bold;
}
.news_list .small p,
.news_headline .small p {
margin-right:15px;
}
.news_headline h6 span.date,
.news_list h6 span.date {
margin-right:15px;
}
.articlecredits {
margin: 10px 0 15px;
font-size:11px;
text-align: center;
}
.articlecredits mark,
.articletime mark {
background: #F2F2F2;
color: #3A3E4A;
font-weight: bold;
}
.dropcap {
margin-top: 15px;
}
.dropcap p:first-child {
text-indent:0!important;
min-height: 38px;
}
.dropcap p:first-child:first-letter {
text-indent:0!important;
min-height: 55px;
float: left;
font-size: 460%;
line-height: 30px;
padding-bottom: 0;
padding-top: 10px;
}
.modal-body h1 {
font-size:24px;
}
.txt-news p{
text-indent:25px;
}
.modal-body .img-display img {
width:100%	;
}
/* corporate */
.enquiries form {
margin: 20px 0;
padding: 15px;
}
.enquiries h5 {
font-size: 11px;
margin-bottom: 5px;
color: #8a8c8f;
}
.glance-imageframe {
position: relative;
overflow: hidden;
text-align: center;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin:10px 0 20px 0;
padding:15px;
background-color:#f2f2f2;
}
.glance-image {
height: 325px;
}
.glance-caption {
position: absolute;
top: 20%;
width: 200px;
}
.glance-caption h1{
margin:0;
margin-bottom: -30px;
}
.glance-caption h4,
.glance-caption h2{
background-color: #f2f2f2;
line-height: 30px;
display: inline;
text-align:left;
}
.glance-text {
float: none;
margin: 0 auto;
/*	padding: 20px 30px; */
}
.glance-text p {
text-indent: 25px;
}
.glance-text p:first {
text-indent: 0!important;
}
/* ===== navmedia ===== */
.nav_tab-media {
border-bottom: 1px solid #fd715f;
}
.nav_tab-media > li {
margin-bottom: -1px;
}
.nav_tab-media > li > a {
white-space:nowrap;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0;
color:#00324d;
background-color:transparent;
}
.nav_tab-media > li > a:hover {
border-color: #eee #eee #fd715f;
bacground-color: transparent;
color:#fd715f;
cursor:pointer;
}
.nav_tab-media > li.active > a,
.nav_tab-media > li.active > a:hover,
.nav_tab-media > li.active > a:focus {
color: #ffffff;
background-color: #fd715f;
border: 1px solid #fd715f;
border-bottom-color: transparent;
cursor:pointer;
}
.nav_tab-media > li > span {
white-space:nowrap;
line-height: 1.42857143;
border-radius: 0;
color:#00324d;
background-color:transparent;
position: relative;
display: block;
padding: 10px;
text-align:center;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.nav_tab-media > li > span:hover {
background-color: #f2f2f2;
color:#3a3e4a;
cursor:pointer;
}
.thumbmedia {
padding:8px;
margin-bottom:15px;
background-color:#f5f5f5;
}
.thumbmedia .img {
height: 100px;
/*width: 100px;*/
overflow: hidden;
}
.thumbmedia .img img {
height: 100%;
max-width:none !important;
}
.thumbmedia .newslist-body a {
color:#32383d;
}
.thumbmedia .newslist-body a:hover {
cursor:pointer;
text-decoration:none;
color:#8a8c8f;
}
.thumbmedia h4{
line-height: 1.1;
min-height: 39px;
max-height: 39px;
overflow: hidden;
}
.labelmedia {
border-left:8px solid #e25e5b;
background-color: #FD715F;
font-size:11px;
padding:2px;
color:#ffffff;
margin-left: -7px;
margin-top:5px;
position:absolute;
text-transform:uppercase;
}
.modal-bodymedia {
padding: 15px 20px;
}
.modal-bodymedia h4 {
font-size:22px;
}
.modal-labelmedia {
border-left: 8px solid #e25e5b;
padding-left: 10px;
font-size: 12px;
}
.articlecredits {
margin: 10px 0 15px;
font-size:11px;
text-align: center;
}
.articlecredits mark {
background: #F2F2F2;
color: #3A3E4A;
font-weight: bold;
}
.dropcap {
margin-top: 15px;
}
.dropcap p:first-child {
text-indent:0!important;
min-height: 38px;
}
.dropcap p:first-child:first-letter {
text-indent:0!important;
min-height: 55px;
float: left;
font-size: 460%;
line-height: 30px;
padding-bottom: 0;
padding-top: 10px;
}
.modal-body p{
text-indent:25px;
}
/* ===== End navmedia === */
/* end corporate */
/* ifsa beasiswa */
.beasiswabottom {
background:url(../img/beasiswa/beasiswa_bottom.webp) center no-repeat;
background-size:cover;
min-height:100px;
}
.thumbtestimoni {
background-color:rgba(58, 62, 74, 0.4);
padding-top: 20px;
padding-bottom: 35px;
}
.img-testimoni {
height: 130px;
width:130px;
border-radius:130px;
margin-top: 25px;
margin-bottom: 15px;
margin-left:auto;
margin-right:auto;
}
.img-testimoni img{
width:100%;
height:100%
}
.thumbtestimoni h4,
.thumbtestimoni h5,
.thumbtestimoni p {
width:80%;
margin-left:auto;
margin-right:auto;	
}
.thumbtestimoni p {
height: 150px;
overflow: hidden;
}
.thumbtestimoni .quotemark {
font-size:90px;
height:50px;	
font-family: 'Palanquin', sans-serif;
}
/* end ifsa beasiswa */
.divider_header {
background: url(../img1/logoicon/bordernav.jpg) center repeat-x;
padding-bottom: 7px;
overflow: hidden;
margin: 0 auto;
border: none;
}
.divider_boder-blue {
padding-bottom: 0;
margin: 30px auto;
border-top: 1px solid;
border-top-color: rgba(61, 155, 233, 1);
}
.divider_boder-green{
padding-bottom: 0;
margin: 30px auto;
border-top: 1px solid #02a89e;
}
.divider_boder-red {
padding-bottom: 0;
margin: 30px auto;
border-top: 1px solid #ff3334;
}
.divider_boder-grey{
padding-bottom: 0;
margin: 30px auto;
border-top: 1px solid #dbe1e1;
}
.divider_boder-softgrey{
padding-bottom: 0;
margin: 30px auto;
border-top: 1px solid #f2f2f2;
}
.divider_boder-white{
padding-bottom: 0;
margin: 30px auto;
border-top: 1px solid #ffffff;
}
.divider_shadow {
background: url(../img/logoicon/divider.png) center bottom no-repeat;
background-size: contain;
max-width: 1200px;
padding-bottom: 35px;
margin: 0 auto 18px;
border: none;
}
.openingpage {
padding: 40px 15px;
text-align: center;
}
.openingfirstpage {
padding: 10px 15px 40px 15px;
text-align: center;
}
.openingfirstpage h1{
margin-top:5px;	
}
.openingpage h1 {
font-family: 'Raleway', Arial, sans-serif;
font-weight:700;
}
.openingpage .spacings {
height:78px;
}
/* =====   Banner   ===== */
.bannertop {
background-image: url(../img/banner/bannertop.jpg);
background-repeat:no-repeat;
background-position:center center;
background-size: cover;
height: 150px;
}
.bannertxt {
display:inline-block;	
}
.bannertxt h4 {
margin-top:40px;
margin-bottom: 5px;
}
.bannertxt h2,
.bannertxt h3 {
margin-top:0;
margin-bottom:5px;
}
.bg-bottom {
background: url(../img/banner/linkedsection.jpg) center right no-repeat;
background-size: cover;
}
.bg-footer {
background: url(../img/banner/footer_image.jpg) center right no-repeat;
background-size: cover;
}
.btn-adv {
background-image:url(../img/logoicon/check.png);
background-repeat:no-repeat;
background-size:cover;
width:100px;
height:100px;
position: absolute;
top: -20px;
right: -15px;
}
.btn-adv:hover {
background-image:url(../img/logoicon/checkhvr.png);
}
/* =====   Social Media   ===== */
.instasuu {
width:100%!important;
height:auto;	
}
.socialcontent #instasu{
overflow-y: scroll;
}
.socialcontent.socialcontent #instasu {
height: 250px;
}
/*---------------------------------------------------------------------*/
/*  TIMELINE
/*---------------------------------------------------------------------*/
.panel-group.timeline {
position: relative;
margin-top: 30px;
}
.panel-group.timeline .timeline-item {
position: relative;
margin-bottom: 40px;
}
@media (min-width: 568px) {
.panel-group.timeline .timeline-item {
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.panel-group.timeline .timeline-item:before {
position: absolute;
content: '';
width: 1px;
height: calc(100% + 20px);
top: 0;
left: 170px;
border-left: 1px dashed #fff;
}
}
.panel-group.timeline .timeline-item:last-child {
margin-bottom: 0px;
}
.panel-group.timeline .timeline-item:last-child:before {
display: none;
}
.panel-group.timeline .timeline-item .timeline-year {
display: block;
position: relative;
width: 120px;
height: 40px;
margin-bottom: -20px;
margin-right: auto;
margin-left: auto;
line-height: 40px;
background-color: #DCC417;
text-align: center;
font-weight: 700;
text-transform: uppercase;
border-radius: 4px;
}
@media (min-width: 568px) {
.panel-group.timeline .timeline-item .timeline-year {
position: absolute;
top: 0;
left: 0;
margin: 0;
}
}
.panel-group.timeline .timeline-item .timeline-btn {
position: absolute;
z-index: 5;
top: 0;
left: 150px;
width: 40px;
height: 40px;
background-color: #C70E32;
border-radius: 4px;
}
@media (max-width: 767px) {
.panel-group.timeline .timeline-item .timeline-btn {
display: none;
}
}
.panel-group.timeline .timeline-item .timeline-btn > a {
display: block;
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 40px;
height: 40px;
}
.panel-group.timeline .timeline-item .timeline-btn > a:before {
display: block;
position: absolute;
z-index: 15;
content: '-';
top: 0;
left: 0;
width: 40px;
height: 40px;
line-height: 38px;
color: #ffffff;
font-size: 30px;
font-weight: 700;
text-align: center;
}
.panel-group.timeline .timeline-item .timeline-btn > a.collapsed:before {
content: '+';
}
.panel-group.timeline .timeline-item .panel {
padding: 10px;
width: 100%;
background: transparent;
border: 1px solid #DCCECE;
border-radius: 0px;
}
@media (min-width: 568px) {
.panel-group.timeline .timeline-item .panel {
width: calc(100% - 140px);
margin-left: 140px;
}
}
@media (min-width: 768px) {
.panel-group.timeline .timeline-item .panel {
width: calc(100% - 210px);
margin-left: 210px;
}
}
.panel-group.timeline .timeline-item .panel .panel-heading {
position: relative;
}
.panel-group.timeline .timeline-item .panel .panel-heading .panel-title {
text-transform: uppercase;
/*color:#11ECD2;*/
}
@media (max-width: 567px) {
.panel-group.timeline .timeline-item .panel .panel-heading .panel-title {
padding-top: 20px;
}
}
.panel-group.timeline .timeline-item .panel .panel-collapse .panel-body {
padding-top: 5px;
border-top: none;
/*color:#DCCECE;*/
}
.panel-group.timeline .timeline-item .panel .panel-collapse .panel-body p {
margin-bottom: 0px;
}
/* =====   end timeline   ===== */
/** gmap coy **/
#mapaca {
padding-top:0;
}
.gm-style {
/* font-family: 'alphabody', sans-serif;	 */
}
#map_canvas {
width: 100%;
height: 400px;
}
.map_acc {
width: auto;
height: 400px;
overflow: auto;
}
.gmap * {
font-size: 100%;
}
.controls_title {
color:#3a3e4a;	
}
.ullist {
width: 100%;
}
.tab-content {
margin: 0 0 20px;
}
.menu .ullist li {
width: 49%;
float: left;
margin-right: 1%
}
.menu .ullist li.active a,
.menu .ullist li a:hover {
color: #00324d !important;
background-color: #eee !important;
}
.tabs .ullist li a{
padding: 0px 23.8px !important;
}
.tabs .ullist li a:hover {
color: #00324d !important;
background-color: transparent !important;
}
.tabs .ullist li.active a{
font-weight: bold;
color: #3c3c3c !important;
background-color: #fff !important;
}
.ullist li.active a {
font-weight: bold;
}
.ullist li.active a,
.ullist li a:hover {
color: #00324d !important;
background-color: #eee !important;
}
.gmap {
height: 350px;
width: 100%;
padding: 0;
border: none;
font-size: 90%;
margin-bottom:20px;
}
.gmap + .gmap {
margin: 5px 0;
}
.canvas_map {
width: 100% !important;
}
.gmap img, .gmap object, .gmap embed { max-width: none; height: auto }
.gmap *,.gmap *:before,.gmap *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.tabs-content li {
list-style-type: none !important;
}
#controls-findadealer,
#controls-service,
#controls-era,
#controls-bodyrepair {
margin-bottom: 20px;
float: left;
width: 100%;
}
#controls-findadealer .ullist,
#controls-service .ullist,
#controls-era .ullist,
#controls-bodyrepair .ullist {
margin: 0px; 
padding: 0px; 
list-style-type: none;
height: 320px;
overflow-y: scroll;
}
#controls-findadealer .wrap_controls,
#controls-service .wrap_controls,
#controls-era .wrap_controls,
#controls-bodyrepair .wrap_controls {
margin-bottom: 20px;
}
#route table tbody tr td.adp-text {
padding: 9px 25px;
vertical-align: middle;
}
.line {
border-bottom: 3px solid #ddd;
margin-top: 10px;
}
.gmap h5{
margin-top: 5px;
margin-bottom: 20px;
padding: 5px;
display:inline-block;
}
.gmap p{
margin:0;
font-size:11px;
font-weight:bold;
line-height:14px;
}
.gmap p strong{
font-weight:bold;
font-size:17px;
color:#00324d;
}
.gmapframe {
margin:20px 0;	
}
.gmap_controls a span small {
font-size: 70%;
color: #00324d;
padding: 3px;
margin-left: 7px;
background-color: #f2f2f2;
}
@media only screen and (max-width: 549px) {
.gmap {
height: 250px;
}
#controls-findadealer .ullist, #controls-service .ullist, #controls-era .ullist, #controls-bodyrepair .ullist {
height:150px;
}
}
/** end gmap coy **/
/* custom icon pagination */
.icon-background1 {
color: #ffc0ff;
}
.icon-background2 {
color: #ffffc0;
}
.icon-background3 {
color: #c0ffff;
}
.icon-background4 {
color: #c0ffc0;
}
.icon-background6 {
color: #40c040;
}
.icon-background5 {
color: #c0c0ff;
}
.circle-icon2 {
background: #ffc0c0;
padding:30px;
border-radius: 50%;
}
.circle-icon {
background: #ffc0c0;
width: 100px;
height: 100px;
border-radius: 50%;
text-align: center;
line-height: 100px;
vertical-align: middle;
padding: 30px;
}
#btnPrevPageLogo {
top: 30px;
}
#btnNextPageLogo {
top: 30px;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* Features */
.feature-inner{
text-align: center;
}
.icon-wrapper{
display: inline-block;
background-color: #00324d;
color: #fff;
padding: 25px;
box-shadow: 0 0 0 5px rgba(0,0,0,.1) inset;
-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.1) inset;
border-radius: 100%;
margin: 10px 0;
}
.core-cards {
list-style-type: none;
display: inline-block;
padding:0;
}
.core-cards li {
height: 300px;
float: left;
position: relative;
overflow: hidden;
/*margin-bottom: 30px!important;
width: 30%;*/
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
}
.core-cards li:nth-child(2),
.core-cards li:nth-child(5),
.core-cards li:nth-child(8) {
/*margin: 0 5%;*/
}
@media only screen and (max-width: 992px) {
.core-cards li {
/*width: 50%;*/
}
.core-cards li:nth-child(2),
.core-cards li:nth-child(5),
.core-cards li:nth-child(8) {
margin: 0;
}
.core-cards li:nth-child(odd) {
/*margin-right: 10%;*/
}
}
@media only screen and (max-width: 767px) {
.core-cards li {
width: 100%;
margin-right: 0;
margin-left: 0;
height: 260px;
}
}
.core-cards a {
float: left;
width: 100%;
height: 100%;
padding: 50px 30px;
}
.core-cards a * {
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
position: relative;
z-index: 1;
}
.core-cards a#card-ui h3 {
padding-right: 20px;
}
.core-cards a .bg-img {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
background-size: cover;
background-position: top center;
opacity: 0;
z-index: 0;
}
.core-cards a .bg-img:before {
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(31, 90, 165, 0.6);
}
.core-cards a .card-icn {
height: 60px;
width: 60px;
margin-bottom: 30px;
background-image: url("../img/logoicon/sprite_services_dax.png");
background-repeat: no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6 / 2),
(-webkit-min-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
.core-cards a .card-icn {
background-image: url("../img/logoicon/sprite_services_dax@2x.png");
background-size: 420px 1620px;
}
}
.core-cards a .card-icn--ux-design {
background-position: 0 -1560px;
}
.core-cards a .card-icn--ui-design {
background-position: -60px -1560px;
}
.core-cards a .card-icn--mobile-ui {
background-position: -120px -1560px;
}
.core-cards a .card-icn--web-design {
background-position: -180px -1560px;
}
.core-cards a .card-icn--ubiquitous-design {
background-position: -240px -1560px;
}
.core-cards a .card-icn--social-design {
background-position: -300px -1560px;
}
.core-cards a .card-icn--wearable-apps {
background-position: -360px -1560px;
}
/*
@media (min-width: 1200px) and (max-width: 1400px) {
	.rslides li {
		max-height:75vh;
	}
}
*/
@media only screen and (max-width: 1200px) {
.core-cards a p {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (max-width: 992px) {
.core-cards a p {
font-size: 16px;
font-size: 1.6rem;
}
}
@media only screen and (max-width: 767px) {
.core-cards a {
padding: 30px 30px;
}
}
.core-cards a .border {
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
width: 100%;
height: 8px;
background-color: #1f5aa5;
}
.core-cards a:before {
position: absolute;
display: inline-block;
content: "";
background: #ffffff;
width: 40px;
height: 2px;
left: -50px;
bottom: 0;
margin-bottom: 20px;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.core-cards a:after {
position: absolute;
display: inline-block;
content: "";
width: 10px;
height: 10px;
color: #ffffff;
border-top: 2px solid;
border-left: 2px solid;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
bottom: 0;
left: -20px;
margin-bottom: 16px;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.core-cards a:hover .bg-img {
opacity: 1;
}
.core-cards a:hover svg {
fill: white;
}
.core-cards a:hover h3 {
color: #ffffff;
}
.core-cards a:hover p {
color: #f5f6f7;
}
.core-cards a:hover .border {
height: 40px;
}
.core-cards a:hover:before {
left: 30px;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out 0.3s;
-moz-transition: all 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s;
}
.core-cards a:hover:after {
left: 60px;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out 0.3s;
-moz-transition: all 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s;
}
.core-cards a:hover .card-icn--ux-design {
-webkit-animation: icnUxAnim 0.6s steps(27) 0.2s;
-moz-animation: icnUxAnim 0.6s steps(27) 0.2s;
animation: icnUxAnim 0.6s steps(27) 0.2s;
}
.core-cards a:hover .card-icn--ui-design {
-webkit-animation: icnUxAnim 0.6s steps(27) 0.2s;
-moz-animation: icnUxAnim 0.6s steps(27) 0.2s;
animation: icnUxAnim 0.6s steps(27) 0.2s;
}
.core-cards a:hover .card-icn--mobile-ui {
-webkit-animation: icnUxAnim 0.6s steps(27) 0.2s;
-moz-animation: icnUxAnim 0.6s steps(27) 0.2s;
animation: icnUxAnim 0.6s steps(27) 0.2s;
}
.core-cards a:hover .card-icn--web-design {
-webkit-animation: icnUxAnim 0.8s steps(27) 0.2s;
-moz-animation: icnUxAnim 0.8s steps(27) 0.2s;
animation: icnUxAnim 0.8s steps(27) 0.2s;
}
.core-cards a:hover .card-icn--ubiquitous-design {
-webkit-animation: icnUxAnim 0.6s steps(27) 0.2s;
-moz-animation: icnUxAnim 0.6s steps(27) 0.2s;
animation: icnUxAnim 0.6s steps(27) 0.2s;
}
.core-cards a:hover .card-icn--social-design {
-webkit-animation: icnUxAnim 0.6s steps(27) 0.2s;
-moz-animation: icnUxAnim 0.6s steps(27) 0.2s;
animation: icnUxAnim 0.6s steps(27) 0.2s;
}
.core-cards a:hover .card-icn--wearable-apps {
-webkit-animation: icnUxAnim 0.6s steps(27) 0.2s;
-moz-animation: icnUxAnim 0.6s steps(27) 0.2s;
animation: icnUxAnim 0.6s steps(27) 0.2s;
}
.core-cards .card--comingsoon:hover {
background-color: #ffffff;
}
.core-cards .card--comingsoon a {
cursor: default;
}
.core-cards .card--comingsoon a h3 {
margin-top: 90px;
color: #b5b8bb;
}
.core-cards .card--comingsoon a .border {
height: 0;
}
.core-cards .card--comingsoon a:hover .bg-img {
opacity: 0;
}
.core-cards .card--comingsoon a:hover h3 {
color: #b5b8bb;
}
.core-cards .card--comingsoon a:hover .border {
height: 0;
}
.core-cards .card--comingsoon a:hover:before {
display: none;
}
.core-cards .card--comingsoon a:hover:after {
display: none;
}
#homepage .core-cards li:nth-of-type(1n+7) {
display: none;
}
.row-centered {
text-align:center;
}
.col-centered {
display:inline-block;
float:none;
text-align:left;
margin-right:-4px;
}
/* End Features */
/* content IFSA */
.openingsubpage {
padding: 5px 15px;
margin-bottom:15px;
}
.openingsubpage h3 {
margin:10px auto;
}
.margin0 {
margin:0;	
}
.visimisibase {
padding:25px;	
}
.visimisititle {
width: 100px;
height: 100px;
border: 3px solid #00a0d6;
border-radius: 100%;
margin-bottom:25px;
}
.visimisititle h4{
line-height:100px;
margin:0;
}
.listpoint {
list-style-image: url(../img/logoicon/bullet_square.gif);
}
/* End Content IFSA */
/*//////////////////////////////////////////////////////////////////
[ Login Custom ]*/
.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
}
.login100-form-logo {
	font-size: 60px;
	color: #333333;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;

	height: 171px;
	margin: 0px auto;
	margin-top: 10px;
}
/* === End Login Custom === */
/*
==================== responsive
====================
*/
@media only screen and (min-width: 1200px) {
.bannertxt h2{
font-size: 28px;
}
.newsscroll{
height:415px;
}
.navalpha {
float:right;
}
.logoalpha {
background:url(../img/logoicon/mainlogo.png) no-repeat;
background-size:cover;
width: 228px;
height: 65px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.newsscroll{
height:353px;
}
.navalpha {
float:left;
}
}
@media (min-width: 992px) {
.sectionalphaoo{
padding:55px 0;  
}
.feature-image {
width:100%;
height:auto!important;
}
.stepbystepalpha {
padding:55px 0;
margin: 0;
}
#header .navbar-nav.navbar-right >li a {
	font-size: 12px;
	font-weight: bold;
}
.newslist-body {
margin-top:15px;	
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.logoalpha {
background:url(../img/logoicon/logo.png) no-repeat;
background-size:cover;
width: 116px;
height: 50px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#home-slider .slide-text {
top: 20px;
width: 60%;
}
.navalpha {
float:left;
}
.maintitle {
font-size: 50px;
line-height: 35px;
}
.celebrate-image {
height: 190px;
}
.newsscroll{
height:331px;
}
.bannertxt {
width:33vw;
}
}
@media (max-width: 991px) {
.feature-image {
width:100%;
height:auto!important;
}
}
@media (min-width: 550px) and (max-width: 767px) {
.btn-startfind {
width:70px;
height:70px;
}
#header .navbar-brand {
margin-top: 15px;
margin-left:0;
}
.logoalpha {
background:url(../img/logoicon/logo.png) no-repeat;
background-size:cover;
width: 81px;
height: 34px;
}
.newsscroll{
height:298px;
}
.bg-login .tractordisplay{
bottom:0;
}
}
@media only screen and (max-width: 549px) {
.bannertxt h2{
font-size: 16px;
}
.btn-startfind {
width:55px;
height:55px;
}
.bannertop {
background-position-x:40%;
background-position-y:50%;
background-size: cover;
}
#header .navbar-brand {
margin-top:15px;
margin-left:0;
}
.newsscroll{
height:300px;
}
.bg-login .tractordisplay{
bottom:-25px;
}
.rslides img {
/*min-height: 300px;*/
}
.newslist-body {
margin-top:15px;	
}
.logoalpha {
background:url(../img/logoicon/logo.png) no-repeat;
background-size:cover;
width: 81px;
height: 34px;
}
}
@media only screen and (min-width : 768px) {
.nav.navbar-nav > li:hover > ul.sub-menu{
display: block;
-webkit-animation: fadeInUp 400ms;
animation: fadeInUp 400ms;
}
ul.sub-menu {
position: absolute;
top: 60px;
left: 0;
background: #fff;
padding: 10px 0;
width: 240px;
box-shadow: none;
display: none;
z-index: 999;
border: 1px solid #dab074;
}
#header .navbar-brand {
margin-top:20px;
margin-bottom:10px;
}
#header .navbar-nav li ul.sub-menu li a {
padding-left: 20px;
}
.navalpha {
margin-right: -25px;	
}
#header .affix {
background-color:rgba(0, 50, 77, 1);
}
.affix-top .navalpha {
margin-top: 45px;
margin-bottom: 5px;
}
.affix-top .navalpha>li>a {
text-align:center;
}
.text-frame {
width:350px;
}
.affix .navbar .navbar-collapse .navalpha {
margin-top:10px;
}
.affix .navbar .navbar-collapse .navalpha>li {
display: inline-block;
width: auto;
}
.affix .navbar {
min-height:50px;
}
.affix .logoalpha {
background: url(../img/logoicon/logo.png) no-repeat;
background-size: cover;
width: 76px;
height: 30px;
padding: 0;
margin: 0;
margin-top:5px!important;
}
.divider_boder-green {
margin:50px auto;	
}
.sectionslide {
padding-top:80px;
}
.slideleft {
padding-top: 15%;
}
.affix .langsearch,
.affix .socialiconframe {
display:none!important;
opacity:0;
}
.modalpage .modal-content {
width: 70%;
margin: 0 auto;
}
.modal {
    padding-right: 0px !important;
}
.bs-docs-sidebar {
padding-left: 20px;
}
.thumbproduct {
min-height:380px;
}
.thumbproduct h2{
min-height:66px;
}
}
@media only screen and (max-width : 767px) {
h1{
font-size: 22px;
}
h2{
font-size:20px;
}
.padding{
padding: 30px 0;
}
.sectionslide {
padding-top:65px;
}
.social-icons.pull-right{
float: left !important;
}
#header{
/*
background:url(../img/logoicon/bg_nav138s.jpg) repeat-x;
*/
}
.navbar-collapse.in {
/*background-color:rgba(0, 50, 77, 1);*/
}
#header .navbar-inverse .navbar-toggle,
#header .navbar-inverse .navbar-toggle:focus {
border-color: #1f5aa5;
margin-top: 15px;
margin-right: 0;
outline: none;
background-color: #ffffff;
}
.navbar-header .navbar-toggle .icon-bar {
background-color: #1f5aa5;
}
#header .navbar-inverse .navbar-toggle:hover {
background: #1f5aa5;
}
#header .navbar-inverse .navbar-toggle:hover .icon-bar {
background: #fff;
} 
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-top: 0;
text-align: center;
}
.social-icons ul li:first-child{
padding-left: 0;
}
#header .navbar-nav.navbar-right li > a > i {
display: inline-block;
float: right;
padding: 8px 10px 8px 30px
}
#header .navbar-nav.navbar-right li > a {
padding: 10px 0;
text-align:center;
}
#header .navbar-nav li ul.sub-menu li a {
padding: 5px 10px;
}
#header .navbar-inverse .navbar-nav li.active > a, 
#header .navbar-inverse .navbar-nav li.active > a:focus, 
#header .navbar-nav.navbar-right li > a:hover {
/*border: none;*/
}
.framesection {
border-left-width:15px;
border-right-width:15px;
}
.slideleft {
left: 10%;
}
.langsearch,
.socialiconframe {
position: relative;
}
.socialiconframe {
right: 0;
}
.callbacks_tabs a {
padding: 1px 10px 0 10px;
font-size: 2px;
}
.callbacks img {
max-width: 100%;
}
}
/* Important styles */
#toggle {
display: block;
width: 28px;
height: 30px;
margin: 30px auto 10px;
}
#toggle span:after,
#toggle span:before {
content: "";
position: absolute;
left: 0;
top: -9px;
}
#toggle span:after{
top: 9px;
}
#toggle span {
position: relative;
display: block;
}
#toggle span,
#toggle span:after,
#toggle span:before {
width: 100%;
height: 5px;
background-color: #888;
transition: all 0.3s;
backface-visibility: hidden;
border-radius: 2px;
}
/* on activation */
#toggle.on span {
background-color: transparent;
}
#toggle.on span:before {
transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu {
opacity: 1;
visibility: visible;
}
.number {
color: #ffffff; /* warna angka (gelap) */
font-size: 16px;
font-family: Arial, sans-serif;
}