/*
	Project: a2is-plugin
	Author : Hendri Sitompul 
	Email  : hsitompul@asuransiastra.com
*/
@font-face{
  font-family: "MgOpenModataBold";
  src: url("../font/fonts/MgOpenModataBold.eot");
  src: local("☺"),
        url("../font/MgOpenModataBold.woff") format("woff"),
        url("../font/MgOpenModataBold.otf") format("opentype"),
        url("../font/MgOpenModataBold.svg#filename") format("svg");
}

@font-face {
  font-family: "MgOpenModataRegular";
  src: url("../font/MgOpenModataRegular.eot");
  src: local("☺"),
        url("../font/MgOpenModataRegular.woff") format("woff"),
        url("../font/MgOpenModataRegular.otf") format("opentype"),
        url("../font/MgOpenModataRegular.svg#filename-ital") format("svg");
}

body ,.fusion-main-menu .sub-menu li a , input, select,textarea{
  font-size: 13/20px !important;
  font-family: 'MgOpenModataRegular',Arial,Helvetica,sans-serif !important;
}

h1,h2,h3,h4,h5,h6,.font-bold,.fusion-button{
    font-family: 'MgOpenModataBold', Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
}


.searchform .search-table .search-button input[type="submit"]{
	font-family: 'icomoon' !important;
}

#main{
    padding-top: 0px !important;
}
    
.print-table{    
    max-width: 940px;
}

.print-table tr td{
    vertical-align: top;
}

/*0090/URF/2016*/   
label{
    font-size: 13px !important;
    color: #333 !important;
}

select, input[type="text"], textarea{    
  font-size: 13px !important;  
  color: #333 !important;
  border: 1px solid #d2d2d2 !important;   
}

input[type="text"]:hover, 
textarea:hover{
    border: 1px solid #777 !important;    
}

#applicantResume{
    border: 1px solid #D2D2D2 !important;    
}

#applicantResume:hover{
    border: 1px solid #D2D2D2 !important;    
    cursor: default;
}
.fileUpload.btn-blue-border:hover{
    background: #FFF !important;
    color: #51C7E7 !important;
    border: 1px solid #51C7E7 !important;    
}

#applicantResume{
    color: #aaa9a9 !important;
}

#usage{
    color: #aaa9a9 !important;
}

input[type="text"]:focus, 
textarea:focus{    
    border: 1px solid #005AAB!important;    
    outline-width: 0px !important;
}

h2.entry-title{
    font-size: 22px !important;   
    line-height: 30px !important;
}




/*End of 0090/URF/2016*/

/*ipad landscape*/   
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.fusion-clearfix-3{
		clear:both;
	}
	.fusion-clearfix-2{
		display:none;
	}       
        .progressBar *{            
            text-align: left !important;
        }
}  

/*ipad potrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.fusion-clearfix-3{
		display:none;
	}
	.fusion-clearfix-2{
		clear:both;
	}
        .progressBar *{            
            text-align: center !important;
        }
}
 
@media only screen and (min-width: 1025px){  
	.fusion-clearfix-3{
		clear:both;
	}
	.fusion-clearfix-2{
		display:none;
	}
	
    #print-gp-button{
        margin-left: 85px;
    }

    .print-table{
        margin-left: 182px;
    }
    
    .print-table2{
        margin-left: 100px;
        font-size:14px;
    }
    
    .hide-on-desktop{
           display:none !important;
    } 
    .full-height{
      height:100vh;
      background-size: cover;
    }

    .flex-vertical-center{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }          
      
	/*Hide Sub Menu On Desktop Page*/
    .sub-menu{
         /* display:none !important; */
    }
      
    .fullwidth-box-career{
        min-height: 540px;
    }    
      
    .st_sharethis_custom{
        float: right;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 769px){         
	.fusion-main-menu > ul > li > a:hover {
		transition: all .2s ease;
	}

      .custom-breadcrumbs{
            border-bottom: 1px solid #d5d5d5;
      }
      
      .page-breadcrumbs-container .page-group,
      .page-breadcrumbs-container .page-list{
          border-bottom: none;  
          margin-bottom: 0;
          margin-top: 0;
          padding: 8px 0px 0px;
      }
      .clearfix{
          clear: both;
      }
      .page-breadcrumbs-container .page-group{          
          float: left;         
      }
      
      .page-breadcrumbs-container .page-list{
          float: right;  
      }
      .page-breadcrumbs-container .page-list li{
         margin-left: 20px;
         float: left;
      }
      
      .page-breadcrumbs-container ul{
          display:block;          
      }
      .page-breadcrumbs-container ul li{
          list-style-type: none;
          display: inline;
      }
      .page-breadcrumbs-container ul li a{
          display: inline-block;
		  position: relative;
		  padding-bottom: 10px;
      }
    .page-breadcrumbs-container ul li:hover
	{
          font-weight: bold;
          color:#333333 !important;
      }
      .page-breadcrumbs-container ul li.active 
      {          
          font-weight: bold;
      }  

		.page-breadcrumbs-container ul li:after {
			content: '';
			display: block;
			margin: auto;
			height: 3px;
			width: 0px;
			background: transparent;
			transition: width .5s ease, background-color .5s ease;
		}
		.page-breadcrumbs-container ul li:hover:after, .page-breadcrumbs-container ul li.active:after {
			width: 100%;
			background: #d5d5d5;
		}
      .page-breadcrumbs-container ul li.active:hover{
          cursor: default !important;
      }
      .page-breadcrumbs-container ul li.active a:hover{
          cursor: default !important;
      }
}
    
    #photoPreviewContainer{
        /*border:3px solid #E3E3E3; Updated 03/05/2016*/ 
        border: 1px solid #d2d2d2;
    }
    
    /*------------------ */
    
    .fileUpload {
        position: relative;
        overflow: hidden;
        margin: 10px;
    }
    
    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    
    #loader-img{
        display:block;
        margin: 0 auto;
    }
    
    
    .grey-header{
        background: #f5f5f5;
    }
    
    .grey-header *{
       color: #888888 !important;
    }
    
    .grey-header a:hover{
       color: #005aab !important;
    }
    
    .add-new-record{
        cursor: pointer;
        color: #005aab;
        font-weight: bold;
    }
    
    .add-new-record:hover{
        color: #4ac7e9;
    }
    
    .grey-header .fusion-one-full{
		margin-top: 30px !important;
        margin-bottom: 15px !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
    }
    .grey-header .fusion-one-full h1{
        margin-bottom: 0px !important;
    }
   
    .procedure-step-blue-title .content-box-heading{
        color: #333 !important;
    }
    
    .procedure-step-blue-title  .heading .image{
        background:#FFF;
        border-radius: 100%;
        padding: 10px 10px 10px 10px;
        border: 1px solid #f5f5f5;
        margin-left: -40px !important;
        top: -102px !important;        
    }
    
    .procedure-step-blue-title  .heading .image img{
        padding: 8px;
        margin: 0 !important;
    }
    
    .procedure-step-blue-title  .heading .image .content-box-column{
        margin-bottom: 20px;
    }
    .a2is-web-pagination{
        padding-left: 0px;
    }
    .a2is-web-pagination li{
            display: inline;
            font-family:  'MgOpenModataBold', Arial, Helvetica, sans-serif !important;
            box-shadow: none;
            margin:0px 2px;
            border-radius: 5px;
            border:1px solid white;
    }
    .a2is-web-pagination li a{
        text-decoration:none;
        color: #005aab;
        padding: 6px 10px 6px 10px;
    }
    .a2is-web-pagination li.active{
            background: #005aab;
            color: white;
            padding: 6px 10px;
            border:1px solid #005aab; 
    }  
	.a2is-web-pagination li:hover{
		padding: 6px 0px;
		border:1px solid #005aab;
	}
	.a2is-web-pagination li.active:hover {
		padding: 6px 10px;
	}
    .a2is-fin-table table{
        border: none !important;
        -webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
    }
    .table-1 tr:nth-child(2n), .tkt-slctr-tbl-wrap-dv tr:nth-child(2n){
        background: none !important;
    }
    .a2is-fin-table table tr td,
    .a2is-fin-table table tr th{
        background: none;
    }
    .a2is-fin-table table tr td{
        border: none;
        padding:5px 15px;
    }
    .a2is-fin-table tr:nth-child(even) {
    	background-color: #f5f5f5 !important;
	}
    
    .a2is-fin-table table tr th{
        border-right: none;
        border-left: none;
        padding: 15px;
    }
    
    .breadcrumbs ul{
        float:right;
    }
    .breadcrumbs ul li{
        display: inline;
        list-style-type: none;        
        font-weight: bold;
        color: #888888;
        padding: 5px;
    }
    .breadcrumbs ul li a{
        color: #888888;
    }
    
    .breadcrumbs ul li a:hover{
        color: #005aab;
    }
    
    #a2is-modal-dialog .modal-header{
        background: url('../images/asuransi-astra-small.png') no-repeat 10px 6px;       
        color: #fff;        
        display:none;
    }
    
    #a2is-modal-dialog .modal-header .modal-title{
        margin-left: 60px;
        
    }
    
    .a2is-video-modal-dialog .modal-body iframe{
        width: 100% !important;
        height: 100% !important;
    }
    
     .a2is-video-modal-dialog .modal-body{
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    }
    
    .a2is-video-modal-dialog .modal-body iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    #filter-location,
    #filter-type{
        color: #000 !important;
    }
    
    /* Header & menu Custom CSS*/
.searchform .search-table .search-button input[type="submit"] {
       background: #005aab !important;
}

.searchform .search-table .search-button input[type="submit"]:hover{
       background: #4ac7e9 !important;
}
/*----------------------*/
/*content-container-custom*/

.grey-color{
   margin-top: 0px !important;
   color: #999 !important;
}

.fusion-button {
    margin: 10px 0px;
    min-width:80px;
    border-radius: 4px !important;
}

 .multiple-button-container{
    text-align: center !important;
 } 

.multiple-button-container a{   
    margin-right: 10px;
}

.fusion-row .error-box{ 
  background: #F2DEDE;
  border: 1px solid #ebccd1;
  padding: 10px 5px;
  font-size: 12px;
  font-weight: bold;
}

.success-box{  
  background: #dff0d8;
  padding: 10px 5px;
  font-size: 12px;
  font-weight: bold;
  color: #3c763d !important;
}

.error-field,
.fusion-row .error-box{
   color: #a94442;
}

.error-field input{
   border: 1px solid #EBCCD1 !important;
   color: #a94442 !important;
}

.fusion-row-form{
   margin: 10px 5px;
}

.a2is-filter{
    background: #F5F5F5;
    padding: 5px;    
}

.custom-left-container div{
    float: left;
    margin: 20px 0;
}

.custom-left-container .image-container,.custom-left-container .text-container{
    width: 45%;
}

.fusion-sharing-box .fusion-social-networks .fusion-social-network-icon{
    margin-bottom: 5px !important;
}

@media only screen 
and (min-device-width : 300px) 
and (max-device-width : 667px) { 
     #cf-voucher-info-container *{
        color: #fff;
        font-size: 8px !important;                
        line-height:2px;
    }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
    #cf-voucher-info-container #vouchercode{
        color:#fff;font-size: 14px !important; margin-top:10px !important;
        line-height:10px !important;
    }
    #cf-voucher-info-container #vouchername{
        color:#fff;text-transform: uppercase;font-size:20px !important; font-weight:bold; margin-top:10px !important;
        line-height:10px !important;
    }
    
    #cf-voucher-info-container #voucherphone{
        color:#fff;font-size:18px !important;  margin-top:10px !important; 
        line-height:10px !important;
    }
}


@media only screen and (min-width: 641px) and (max-width: 769px){	
    .hide-on-ipad-only{
      display: none !important;
    }
    h2, p {
      text-align: left;
    }
    h2.content-box-heading{
      text-align: center;
    }
}     

@media only screen and (max-width: 768px){      
    .type-filter-container{
            display:none;
    }
    
    .custom-left-container div{
        float: left;
        margin: 20px 0;
    }
    
    .custom-left-container .image-container,.custom-left-container .text-container{
        width: 100%;
        text-align: center;
    }

    .breadcrumbs-container{
        margin-top: 0px !important;
    }
    .breadcrumbs ul{
        float: none !important;
        padding-left: 0px;
    }
   .fusion-header{
     border-bottom: 1px solid #e5e5e5 !important;
     padding-top: 10px !important;
     padding-bottom: 10px !important;
   }
   
   .fusion-mobile-nav-item {
     color: #005aab !important;
     font-weight: bold !important;
     font-size: 14px !important;
   }
   
  .fusion-mobile-current-nav-item  >a,
  .fusion-mobile-current-nav-item  >a::before{
       color: #4ac7e9;
       background: #FFF !important;
  }
  
  .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon, .fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon{
      margin: 0 auto 5px auto;
  }
 
  ul.fusion-list{
        padding-left: 0px !important;
  }
  .fusion-list li{
      display: inline;
      margin: 0 5px;
      list-style-type: circle;
  }
   
    .sub-menu li a{
        font-weight: normal !important;
    }

    #menu-main-navigation{
        border-left: 0px;
        border-right: 0px;
        border-bottom: 0px;
    }    

    .fusion-mobile-menu-icons a::before{
        color: #AAAAAA !important;
    }  
    
    .fusion-layout-column, .fusion-title, .fusion-column-wrapper{
        text-align: center !important;
    }     

    .fusion-column-wrapper .a2is-fin-table{
        text-align: left !important
    }
    
    /*Home*/
     
     #home-header p{
          font-size: 16px !important;
     }

   /*Network*/
	.network-header{ 
       background: #E9F6FF !important;
   }
   .network-header .fusion-column-last{
       margin-top: 10px !important;
   }
   
   .mobile-center,.mobile-center *{
       text-align:center !important;
   }
   
   .hide-on-ipad{
       display:none !important;
   }
}

@media only screen and (min-width: 769px){ 
      .hide-on-desktop{
           display:none !important;
      }    
      .desktop-right{
          text-align: right;
      }
}

/*DESKTOP ONLY*/
@media only screen and (min-width: 1025px){ 
  .hide-on-desktop-only{
      display:none !important;
  }    
}

@media only screen and (max-width: 769px){
    
   #grey-header h1,
   #grey-header .grey-color{
       margin-bottom: 0px !important;
   }
   
   #grey-header .breadcrumbs ul{
       margin-top: 0px !important;
   }
   
   #grey-header .breadcrumbs-container{
       margin-top: 0px !important;
   }
   
   
   .job-item-container .job-location  *{
		padding-bottom: 10px;
   }
   
   .job-item-container .job-url,
   .job-item-container .job-location{
		display: table;
		margin: 0 auto;
		float: none !important;
   }
}

.page-breadcrumbs-container *{
  color: #888888;
}
.page-breadcrumbs-container .page-group{
    font-size: 16px !important;
    font-weight:bold;
    list-style-type: none;    
}
.page-breadcrumbs-container .page-list{
  display:block;
  list-style-type:none; 
}
.page-breadcrumbs-container ul li{
    padding: 0px;
}

.page-breadcrumbs-container ul li:hover
{
  font-weight: bold;

}
.page-breadcrumbs-container ul li.active 
{          
  font-family: 'MgOpenModataBold',Arial,Helvetica,sans-serif !important;
}   


/*Container Custom CSS*/
.blue-base{
  color: #005aab !important;
}

.fullwidth-box{
   padding-bottom: 0px !important;
   padding-top: 0px !important;
}
/*------------*/


/* Mobile Page Setup*/
@media only screen and (max-width: 810px){
    .st_sharethis_custom{
        margin-top: 0px;
    }
}
    
/*Custom Footer CSS*/
#footer .fusion-row *{
      text-align:center;
}

.fusion-footer-widget-area .fusion-social-networks {
    padding-left: 20px;
}

.fusion-footer-widget-area{
   background: #F5f5f5;
   border-top: 1px solid #F6f6f6;
   line-height:20px !important;
   font-size:13px !important;
}
 
.footer-item-block .footer-title{
  font-size: 13px !important;
  margin-bottom: 10px !important;
}

.footer-item-block .footer-content-title{
   float: left;
   width: 50px !important;
}

.fusion-footer .footer-title{
font-family:  'MgOpenModataBold', Arial, Helvetica, sans-serif;
font-size:14px !important;
}


.fusion-footer-widget-area .fusion-social-networks {
 padding-left: 0px !important
}

.footer-item-block {
    margin-bottom: 20px;
}
/*widget-polylang*/

#polylang-2 li.lang-item a {
    font-family: 'MgOpenModataBold', Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
}

.widget_polylang ul li.current-lang {
    background: #e5e5e5;
}

.widget_polylang ul li {
  display: inline-block;
  padding: 10px;
}

.widget_polylang ul li a {
  border-bottom: none !important;
  color: #333333;
  font-weight: bold;
  font-size: 16px;
  padding: 0;
}
.widget_polylang ul li{
  background: #FFF;
  margin:0;
  float: left;
}
.widget_polylang ul li.current-lang{
  background: #D3D3D3;
}

form .fusion-column{
  margin: 20px !important;
}
/*-----------------------*/
@media only screen and (max-width: 769px){
   /*
   .fusion-footer-widget-area  {
         display: none !important;
   }
   */
   h1{
    line-height: 1.3em !important;
   }

   .mobile-left *{
      text-align: left !important;
      text-justify: inter-word;
   }
   .fusion-header{
        background: #F5F5F5 !important;
   }
   .procedure-step-blue-title{
       margin-bottom: 20px !important;
   }
   .procedure-step-blue-title  .heading .image{
        background:#FFF;
        border-radius: 100%;
        padding: 10px 10px 10px 10px;
        border: 1px solid #f5f5f5;
        margin-left: -40px !important;
        top: -90px !important;        
    }
    
    .custom-breadcrumbs .page-list,
    .custom-breadcrumbs .page-group{
        padding: 0px;
    }
}
/*-------------*/

/*Social Network */
.fusion-social-networks .fusion-social-network-icon{
    color: #A9A9A9 !important;
    background: #FFF;
    padding: 10px;
    border-radius: 100%;
}

.fusion-social-networks .fusion-social-network-icon:hover{
    color: #005aab !important;
    opacity: 1 !important;
}
/*-------------*/

/*awards*/

.awards-container .awards-logo{
   display: block;      
   text-align: center;   
}
    
.awards-container .awards-logo img{
    max-height: 180px;
    border: 0 none;
    margin: 0 auto;
    outline: 0 none;
    padding: 0;
}

.posts-navigation .message-container{
    padding:10px;margin: 20px 0;font-weight: bold;text-align:center;color:#969696;display:none;
}

.posts-navigation #load-more {
    cursor: pointer;
    padding:10px;
    margin: 20px 0;
    font-family: 'MgOpenModataBold', Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333333;
    text-align:center;
    background:#e5e5e5;
}
.fusion-post-grid a{
    color: #000 !important;
}

.fusion-post-grid a:hover{
    color: #005aab  !important;
}

.print-table tr td{
   padding: 0px;
   text-align: left !important;
}

/*-----------*/
/*Printing-CSS*/
#print-div OL {counter-reset: item }
#print-div LI { display: block }
#print-div  LI:before { content: counters(item, ".") " "; counter-increment: item }
       
@media print {
#print-div { font-size:12pt;background:white; color:black ;padding:20pt;}
}


/*job-openings*/
.job-item-container a, .job-item-container span{
    display: block;
}
.job-item-container .job-title{
    float: left;
    font-weight: bold;
}
.job-item-container .job-title:hover{
    color: #4ac7e9;
}
.job-item-container .job-location{
    float: right;
}
/*------------------*/

/*Job Form*/

#image-preview {
  max-width: 337px;
  /*height: 400px;*/
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  color: #ecf0f1;
}

#image-preview input{
    line-height: 200px;
    font-size: 200px;
    width: 337px !important;
    display: block;
    position: absolute;
    opacity: 0;
    /*z-index: 10;*/
}
  
#image-preview label {
    color:#AAAAAA;
    position: absolute;
    z-index: 5;
    opacity: 0.8;
    cursor: pointer;    
    width: 200px;
    height: 50px;   
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
  }  
  
  textarea.wpcf7-form-control{
      border : 1px solid #D2D2D2;
  }
  
  /*select option*/  
  .wpcf7-select{
      background: #FFF !important;
      /*color: #aaa9a9 !important;*/
      -moz-appearance: none;
      -webkit-appearance: none;
      /*padding: 7px 15px !important;
      border-bottom : 1px solid #D2D2D2 !important;*/
  }
  
  .wpcf7-select-parent
  .select-arrow{    
     height: 32px !important;          
     line-height: 32px !important;     
     border-bottom: 1px solid #fff !important;
  }
  
  input[type="text"]:disabled,
  select:disabled,option:disabled, 
  select[disabled] > option{
    background: #f0f0f0 !important;
  }
  
  #xtotalPremium{
      color: #4ac7e9;
  }
  
  .table-1.table-no-border tr td,
  .table-1.table-no-border table{
      text-align: left;
      border: 0;
  }
  
  .checkInputGroup .checkboxInput{
      margin-left: 0;
      margin-top: 4px;
      float:left;
  }
  
  .checkInputGroup .checkboxLabel{
      margin-left: 10px;
      display:block;
      float:left;
      text-align: left;
      vertical-align: top;
      max-width: 300px;
  }
  
  .paPassangerInputContainer input,
  .paPassangerInputContainer span{
     /* float:left;*/
  }
  
  .paPassangerInputContainer #paPassangerQuantity{
      width: 15%;
  }
  
  .paPassangerInputContainer span{
      width: 10%;
      text-align: center;
  }
  
  .paPassangerInputContainer #paPassangerPrice{
      width: 60%;
  }
  
  .error label,.job-error-message{
      color: #FF9846 !important;
  }
  
  .error input, .error textarea, .error select{
      border: 1px solid #FF9846 !important;
  }
  
  .error #photoPreviewContainer{
      border: 1px solid #FF9846; 
  }
  
  
  .error  label{
    color: #FF9846 !important;
    text-transform: capitalize !important;
  }
  
  .error .form-label{
    color: #FF9846 !important;  
    text-transform: capitalize  !important;
  }
   
   #error-container label.error{
       display: block;
       color: #FF9846 !important;
   }
   
  .error  input,
  .error  textarea,
  .error  select{
      border: 1px solid #FF9846 !important;
  }

/*--Financial Table */


/*--Financial Table */

/*Fusion Button Custom*/
.btn-grey-border{
   background: #FFF !important; 
   color: #949494 !important; 
   border: 2px solid #949494 !important; 
   border-radius: 5px;  
}
.btn-grey-border:hover{
   color: #FFF !important; 
   background : #005aab  !important;
   border: 2px solid  #005aab  !important;
   border-radius: 5px;  
}
.btn-reverse-color{
    background: #4ac7e9 !important;
}
.btn-reverse-color:hover{
    background: #005aab !important;
}

.btn-blue-border{
   color: #005aab  !important;
   border: 1px solid  #005aab  !important;
   background:#FFFFFF !important;
}

.btn-blue-border:hover{
   color: #FFFFFF !important;
   background: #005aab  !important;   
}
/*--------------*/

/*Navigation Container*/
.a2is-nav-container{
    margin-top: 30px;
    margin-bottom: 30px;
}

.a2is-note-container{
    border: 1px solid #e5e5e5;
    padding: 0 20px;
    line-height: 25px;
}

.a2is-note-container h4{
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.a2is-note-container ul{
    margin-top: 0 !important;
    padding-left: 0px;   
}

.a2is-note-container ul li{
    list-style-type: none;
    text-align: left;
}

#progressBar.fusion-progressbar,
.progress-bar-custom{
    height: 20px !important;
}

.custom-table tr td{
    padding: 10px 20px 10px 0;
}

.text-center{
    text-align: center;
}

.image-padding{
    padding: 5px;
}

.a4-full-image img{
    height: 900px !important;
}

/**** Bram Update 11/02/2016 *****/
.fusion-footer .footer-title{
	font-family: 'MgOpenModataBold', Arial, Helvetica, sans-serif !important;
}

.fusion-footer-widget-area{
  border-top:1px;
}

h4.a2is-form-group-title {
  padding: 10px 0px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom:30px;
}

#wrapper .fusion-button-round, #wrapper .button-round {
    border-radius: 8px;
}

*{
  letter-spacing: 0.01em;
}

#main{
  padding-top: 0px !important;
}

.push-left{
  margin-left: 0px !important;
}

.push-down{
  margin-bottom: 20px !important;
}

.push-up{
  margin-top: 20px !important;
}

p a:hover{
  cursor: pointer !important;
  text-decoration: underline;
}

.desktop-title{
  padding-top:15px !important;
  padding-bottom:25px !important;
}

.pinch-75 img{
  width:89%;
  max-width:89%
}

@media only screen and (min-width: 1170px){
.pinch-75 img{
  width:75%;
  max-width:75%
}
}

.margin-0{
  margin:0px !important;
}

.title-push{
  margin-bottom:30px;
}

.awards-container h4{
 margin-bottom:0px;
}

.awards-container p{
 margin-top:5px;
}

.xnetwork-type {
   margin-left: 6px;
   font-size: 14px;
}

.xnetwork-name{
   margin-bottom:5px !important;
}

.xnetwork-name b{
    font-family: 'MgOpenModataBold', Arial, Helvetica, sans-serif !important;
}

.xnetwork-item-container{
    margin-top:5px !important;
}

.xnetwork-item-container p{
    margin-bottom:0px;
}

#network-ajax-result{
  margin-top:20px;
}

label{
    font-size: 13px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.fusion-footer-widget-area {
border-top:1px solid #e9eaee !important;
}

.push-left{
  margin-left:20px;
}

.push-right{
  margin-right:20px;
}

.a2is-button-blue, .a2is-button-gray, .a2is-shadow-button-white, .a2is-shadow-button-blue, .a2is-shadow-button-gray{
  border-radius: 4px !important;
  transition: all 0.2s ease-out 0s !important;
}

/*Two Button Responsive*/

.two-button-container .fusion-button{ 
	margin-left: 5px;
	margin-right: 5px;
}


.two-button-container .fusion-button{
	min-width: 100px;
}

/* on phone and ipad */
@media only screen and (max-width: 769px){
  .cta .two-button-container {
    margin-top: 0px !important;
  }
  .center-text-on-ipad p, .cta p{
    text-align: center !important; 
  }
}

.grey-text{
  color:#aaa;
}
/*
@media only screen and (min-width: 768px){
  #button-space, .button-space{
    margin-right:20px;
  }
}*/

.button-space2{
  margin-right:10px;
}


.a2is-button-blue, .a2is-button-gray{
  border-width: 0px !important;
}

.a2is-shadow-button-white, .a2is-shadow-button-blue, .a2is-shadow-button-gray{
  border-width: 1px !important;
  background-color:transparent !important;
  background-image: none !important;
  color: #fff !important;
  border-color: #fff !important;
}

.a2is-shadow-button-blue{
  border-color:#005aab !important;
  color: #005aab !important;
}

.a2is-shadow-button-white:hover, .a2is-shadow-button-blue:hover{
  color: #51c7e7 !important;
  background: transparent !important;
  border-color: #51c7e7 !important;
}

ul.arrow-list{
  padding-left:0px;
}

ul.arrow-list li{
  list-style: none;
  margin-left: 20px;
}

ul.arrow-list li:before{
    display: inline-block;
    content: '';
    width: 5px;
    height: 8px;
    background: url(../../../uploads/2016/03/arrow-head.png);
    background-size: cover;
    margin-left: -20px;
    margin-right: 15px;
    margin-bottom: 2px;
}

.padding-25{
  padding:25px;
}

#toTop {
  opacity:0.4 !important;
}

.zero-top-container .fusion-layout-column{
  margin-top: 0px !important;
}

.form-label{
  font-size:13px !important;
  text-transform: uppercase;
  color : #333 !important;
}

.fusion-main-menu .sub-menu {
    border-top: 0px !important;
    background-color: rgba(255,255,255,0.9) !important;
}

.fusion-main-menu .sub-menu li a {
  border-bottom:0px !important;
}

.fusion-main-menu .sub-menu li a:hover {
    background-color: #eeeeee !important;
}

/**** Bram Update 11/02/2016 *****/
@media only screen and (max-width: 769px){
  #home-header{
    background-image: url('/wp-content/uploads/2016/03/home-banner-mobile.jpg') !important;
  }
  #mgo-hero{
    background-image: url('/wp-content/uploads/2016/03/mgo-banner-mobile.jpg') !important;
  }
}

/* Hendri Update 03/05/2016 */
.notification-bar,
.notification-bar a{
    font-size: 13px;
    background: #005AAB;
    width: 100%;
    text-align:center;
    color: #fff;
    padding: 10px;
    font-weight: bold;
}

.notification-bar a,
.notification-bar a:hover,
.notification-bar a:active,
.notification-bar a:focus{
    color: #fff !important;
    text-decoration: underline;    
}

#photoInputContainer{
    display: none;
}

/* Progress Bar */
.progressBar{        
    margin-top: 5px;
}

.progressBar *{
    width: 80px;
    text-align: left;
}


/*CSS 
Coded By Hendri
Update 23-05-2016 Microsite
*/
.microsite .error-box{     
      background: #F2DEDE;
      padding: 10px 5px;
      font-size: 12px;
      font-weight: bold;
      color: #a94442;
 }

.microsite .success-box{
      border: 1px solid #d6e9c6;
      background: #dff0d8;
      padding: 10px 5px;
      font-size: 12px;
      font-weight: bold;
      color: #3c763d !important;
}

.microsite .error .form-label{
    color: #ff9846 !important;
}

.microsite .error .form-textField input{
   border: 1px solid #ff9846 !important;
}

#cf-certificate-template{
    z-index:0;
}

#grid .grid-item{
    //display: block !important;    
    float:none !important;   
    //margin-bottom: 20px !important;
    padding-top: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 0px !important;
}

.fa-icon-text{
    font-family: "MgOpenModataBold",Arial,Helvetica,sans-serif !important;     
}

/*
Media Query for News 
Edited BY Hendri : 15/06/2016
*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
    #grid .grid-item{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
    #grid .grid-item{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    #grid .grid-item{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}


/* 0137URF2016 */
.mikro-form-info{
 font-size: 12px;    
}

/* 0270URF2016 */
.btn-blue-no-border{
   color: #FFFFFF  !important;
   border: 1px solid  #005aab  !important;
   background: #005aab  !important;
}

.btn-blue-no-border:hover{
    border: 1px solid  #FFFFFF  !important;
    background: #005aab  !important;
}

#pom-button-container .fusion-column-wrapper {   
    
}

.pom-button-container .fusion-column-wrapper a,
.pom-button-container .fusion-column-wrapper input[type="button"]{
    margin:10px 10px;
    min-width: 170px;
}

#pom-heroes-list-container ul{
  padding-left: 10px;   
}

#pom-heroes-list-container ul li{
    padding-left: 15px;
    list-style-type: '-';
    text-align: left;
}

.shareThisContainer .st_sharethis_custom{
    float: none !important;        
    margin: 10px auto !important;
}

#POM_register_facebook_btn,
#POM_register_twitter_btn{
	display:none;
}

/* BRAM */
.video-modal .modal-header{
   display:none;
}

.video-modal .modal-body{
  min-height:500px;
}

.margin-right{
    margin-right:20px;
}

.flush-margin-right{
	margin-right:0px !important;
}
/* BRAM */

/*FWD*/

input.fusion-search-submit.searchsubmit {
    background: #005aab !important;
}

input.fusion-search-submit.searchsubmit:hover {
    background: #4ac7e9 !important;
}

input.fusion-search-submit.searchsubmit {
    font-family: 'icomoon' !important;
}

.a2is-shadow-button-blue .fusion-button-text {
 color: #005aab !important;
}

.a2is-shadow-button-white:hover .fusion-button-text,.a2is-shadow-button-blue:hover .fusion-button-text{
  color: #51c7e7 !important;
  background: transparent !important;
  border-color: #51c7e7 !important;
}

.btn-sharethis > * {
    color: #005aab !important;
}

.btn-sharethis:hover > * {
    color: #fff !important;
}

.lang-item{
    padding:10px !important;
}

/*FWD*/