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

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

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

/*brd 123 urf 2024*/
li#menu-item-17001, li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-17001.fusion-menu-item-button {
display: none !important;
}

h1,h2,h3,h4,h5,h6,.font-bold,.fusion-button,
.fusion-menu .menu-text
{
    font-family: 'VAG-Rounded-Bold', 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: #003E74 !important;
}

select, input[type="text"], input[type="tel"], textarea{    
    font-size: 13px !important;  
    color: #333333 !important;
    border: 1px solid #d2d2d2 !important; 
    -moz-appearance: none;
    -webkit-appearance: none;  
}

input[type="text"]:hover, 
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
textarea:hover{
    border: 1px solid #777 !important;  
    -moz-appearance: none;
    -webkit-appearance: none;  
}

#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, 
input[type="tel"]:focus,
input[type="number"]: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*/



/* 0079/URF/2018 */


/* LAYOUT LOGIN */
.user-info-menu .fusion-megamenu-icon .glyphicon {
    color: #FAC225 !important;
    padding-right: 5px;
}

.user-info-menu {
    padding-right: 0px;
    text-transform: capitalize !important;
}

@media screen and (min-width:1000px){
    .login-main-container {
        width: 25vw ;
        height: 50vh ;
        top: 25vh ;
        left: 40vw ;
    }
}
@media screen and (max-width:1000px) and (min-width: 700px) {
    .login-main-container {
        width: 35vw ;
        height: 50vh ;
        top: 25vh ;
        left: 35vw ;
    }
}
@media screen and (max-width:700px) and (min-width: 500px) {
    .login-main-container {
        width: 40vw ;
        height: 50vh ;
        top: 25vh ;
        left: 30vw ;
    }
}
@media screen and (max-width: 500px) and (min-width: 400px) {
    .login-main-container {
        width: 70vw ;
        height: 50vh ;
        top: 25vh ;
        left: 15vw ;
    }
}

@media screen and (max-width: 400px) {
    .login-main-container {
        width: 75vw ;
        height: 50vh ;
        top: 25vh ;
        left: 12.5vw ;
    }
}

input[type="email"] {
    color: #333333 !important;
}

input[type="password"]{    
    font-size: 13px !important;  
    color: #333333 !important;
    border: 1px solid #d2d2d2 !important; 
    -moz-appearance: none;
    -webkit-appearance: none;  
}

input[type="password"]:hover{
    border: 1px solid #777 !important;  
    -moz-appearance: none;
    -webkit-appearance: none;  
}

input[type="submit"], input[type="button"] {
    -moz-appearance: none;
    -webkit-appearance: none;  
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  input#loginMainEmail, input#loginMainPassword {
    font-size: 16px !important;
  }
}
/* END OF LAYOUT LOGIN */
    
/*LAYOUT REGISTER*/
.user-register-menu .fusion-megamenu-icon .glyphicon {
    color: #FAC225 !important;
    padding-right: 5px;
}

.user-register-menu {
    padding-right: 0px;
    text-transform: capitalize !important;
}

.user-register-menu .button-medium {
    background : #ffbf00;
    border-left: 1px solid;
}

.user-register-menu .button-medium:hover {
    background : #ffd966;
}

#popupRegisterLoginPurchaseBody {
    max-height: fit-content;
}

#popupRegisterConfirmBody{
    max-height: fit-content;
}
/*END OF LAYOUT REGISTER*/

/* LAYOUT MEGA MENU HAPPYONE */

/* hide the title to only show on mobile view */
.fusion-megamenu-title a {
    display: none !important;
}
.happy-mega-icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.happy-mega-desc {
    text-align: center;
    color: #000000 !important;
    margin-left: auto;
    margin-right: auto;
	font-weight: 600;
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
    height: 100px !important;
}
.happy-mega-info {
    display: block !important;
    text-align: center;
    font-weight: bold;
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
    color: #003E74 !important;
}
/* END OF LAYOUT MEGA MENU HAPPYONE

/* LAYOUT FOOTER HAPPYONE */
@media only screen and (max-width: 768px){ 
    .custom-footer-padding {
        padding-left: 0px;
    }
}
@media only screen and (min-width: 768px){ 
    .custom-footer-padding {
        padding-left: 25%;
    }
}

/* END OF LAYOUT FOOTER HAPPYONE */

input[type="tel"] {
    width: 100%;
    height: 29px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type="number"] {
    width: 100%;
    font-size: 13px !important;
    color: #333333 !important;
    border: 1px solid #d2d2d2;
    padding-right: 15px;
    padding-left: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.number-value {
    float:left;
    margin: 0px !important;
    width: 78% !important;
}

.number-stepper {
    float:left;
    margin:0px;
    width: 11%;
    height: 29px;
    line-height: 1;
    background: #FFFFFF;
    color: #404040;
    text-align: center;
}

.number-stepper:hover:disabled, .number-stepper:disabled {
    background: #dadada !important;
    border-color: #dadada !important;
    color: #eeeeee !important;
}

.date-value {
    float:left;
    margin: 0px !important;
    width: 89% !important;
}

.date-icon {
    float:left;
    margin:0px;
    width: 11%;
    height: 29px;
    line-height: 1;
    background: #FFFFFF;
    color: #404040;
    text-align: center;
}

#ManfaatDataContainer tr td,
#ManfaatDataContainer tr td *{
    font-size: 15px;
    color:#777;
}

.happy-breadcrumbs-container ul {
}

ul.page-list li:after {
    content: '/';
    padding-right: 4px;
    padding-left: 4px;
}
ul.page-list li:last-child:after {
    content: '';
}
ul.page-list li {
    float:left;
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
    color: #2D5EA8 !important;
}

ul.page-list li a {
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
    color: #2D5EA8;
}

ul.page-list li.current a {
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
    color: #003E74;
}

.happy-breadcrumbs-container ul.page-list {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.happy-blacklabel {
    color: #333333 !important;
}

.happy-color-dark-blue { color: #003E74 !important; }
.happy-color-blue { color: #1E78C7 !important; }
.happy-color-soft-blue { color: #4FC7E8 !important; }
.happy-color-navy { color: #02213F !important; }

.happy-error label.error{
    color: #EB4D4B !important;
    font-style: italic;
    text-transform: none !important;
}

.home-package-header td {
    text-align: center;
}
.home-package-header .package-name {
    color: #FF8566;
    margin-bottom: 10px;
}
.home-package-header .package-price {
    color: #7F8C8D;
    margin-bottom: 15px;
}
.home-choose-package td {
    background-color: #FFC8BB;
    color: #FFFFFF;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
    font-weight: bold;
}
.home-choose-package .active{
    background-color: #FF8566;
}
.home-package-item td{
    padding: 8px;    
}
.home-package-item .package-item-desc {
    /*float: left;
    max-width: 60%;*/
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
}
.home-package-item .package-item-price {
    /*float: right;*/
    font-weight: bold;
    font-size: 15px;
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
}

.happyme-summary-container {
    background-color: #F1E8D1 !important;
}

.happyedu-summary-container {
    background-color: #D9E9D7 !important;
}

.happyhome-summary-container {
    /*background-color: #F1DFDB !important;*/
}

.happytrip-summary-container {
    background-color: #FFF !important; /* Unknown in guidelines */
}

input.comfcode::-webkit-outer-spin-button,
input.comfcode::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
input.comfcode {
    margin-left: 1%;
    /*margin-right: 1%;*/
    margin-top: 10px;
    padding: 2px 2px 2px 2px!important;
    text-align: center;
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
}

@media screen and (min-width:1024px) {
    input.comfcode {
        width: 5vw !important;
        height: 5vw !important;
        font-size: 3vw !important;
    }
}
@media screen and (max-width:1023px) {
    input.comfcode {
        width: 7vw !important;
        height: 7vw !important;
        font-size: 3vw !important;
    }
    .user-info-menu .fusion-bar-highlight{
        padding-right: 16%;
    }
}

input.comfcodeMain::-webkit-outer-spin-button,
input.comfcodeMain::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
input.comfcodeMain {
    margin-left: 1%;
    /*margin-right: 1%;*/
    margin-top: 10px;
    padding: 2px 2px 2px 2px!important;
    text-align: center;
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
}

@media screen and (min-width:1024px) {
    input.comfcodeMain {
        width: 5vw !important;
        height: 5vw !important;
        font-size: 3vw !important;
    }
}
@media screen and (max-width:1023px) {
    input.comfcodeMain {
        width: 7vw !important;
        height: 7vw !important;
        font-size: 3vw !important;
    }
}

.HappyInputTelPref {
    background: #003E74;
    width: 13%; 
    height: 100%; 
    position: relative;
    float: left; 
    margin: auto;
    vertical-align: center;
    line-height: 29px;
    box-shadow: none;
    padding: 0px 0px;
    border: 0px;
    border-radius: 0px;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
}

.HappySummaryTitle {
    color: #003E74;
    font-weight: bold;
    font-size: 15px;
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
}

.HappySummaryValue {
    color: #333333;   
    font-size: 15px;
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
}

/*brd 0071 urf 2025*/
.HappyTaxTitle {
    color: #97AAB3 !important;
    font-weight: bold !important;
    font-size: 15px !important;
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
}

.HappyTaxValue,
#s3DPPContainer,
#s3PPNContainer {
    color: #97AAB3 !important;
    font-size: 15px !important;
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
}

.HappyTaxInfo {
    color: #97AAB3 !important;   
    font-size: 15px !important;
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
}

.HappyTaxTooltip {
    color: #5F737F !important;   
    font-size: 15px !important;
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
    text-transform: none;
}

.s3HappyTaxValue[style] {
  color:#97AAB3 !important;
}

#s3DPPContainer,
#s3PPNContainer,
#s3TooltipContainer
{
    padding-bottom: 20px;
}

#s3TooltipContainer {
    color: #5F737F !important;
    font-size: 15px !important;
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
    display: flex;
}

.taxTooltip {
    margin-left: 4px;
    display: flex;
    align-self: center;
    margin-top: -2px;
}

/* Begin 0103URF2021 RLB Garda Home Employee */
.HappySummaryValueEmp {
    color: #333333;   
    font-size: 15px;
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
    font-weight: 700;
    margin-bottom: 0px;
}
/* End 0103URF2021 RLB Garda Home Employee */

.HappyTotalSummaryTitle{
    color: #4FC7E8;    
    font-weight: bold;
    font-size: 15px;
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
}

.HappyUpperCase {
    text-transform: uppercase;
}

.HappyPaymentSummary {
    color: #838383;
}

.HappyPaymentSummaryAe {
    color: #333333;
}

.HappyPaymentSumaryValue {
    color: #838383;
    font-weight: bold;
}

.HappyPaymentSumaryValue.SummaryMobile {
    color: #003E74;
    font-weight: normal;
}

.photoPreviewContainer.happyone-uploaded-file{
    height: 267px;
    width: 100%;
}

.happyone-upload-container{
    margin: 20px 0px;
}

.happyone-upload-container .image-preview{
    max-width: 100%;
}

.HappyPaymentSumaryValueAe {
    color: #333333;    ;
    font-weight: normal;
}

.HappyPaymentSumaryValueAe.SummaryMobile {
    color: #003E74;
    font-weight: normal;
}

/* End of 0079/URF/2018 */


/*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;
    }

    .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:#FAC225 !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;
    }
}

/********************* Custom-breadcrumbs ************************/

/********************* template01 ****************/
.custom-breadcrumbs  {
    border-bottom: 1px solid #d5d5d5;
}

    .custom-breadcrumbs  li.active a,
    .custom-breadcrumbs  li.active a.active {
        color: #4FC7E8;
    }

    .custom-breadcrumbs  li a:hover {
        color: #4FC7E8;
    }
/********************* template01 ****************/

/********************* Custom-breadcrumbs ************************/



.page-breadcrumbs-container * {
    color: #1e78C7;
}

.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: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
    color: #fac225 !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: 30px 0 !important;
}
.grey-header .fusion-one-full h1{
    margin-bottom: 0px !important;
}

.procedure-step-blue-title .content-box-heading{
    color: #1E78C7 !important;
}

.procedure-step-blue-title  .heading .image{
    background:#FFF;
    color: #1E78C7 !important;
    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:  'VAG-Rounded-Bold', 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: #02213F !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: left !important; */
        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;
    }

    .title-field-quotation-mobile{
        display: none !important;
    }

    .qlwapp {
        bottom: 60px !important;
    }

    .fusion-footer-copyright-area {
        z-index: 9 !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: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
}

/*Container Custom CSS*/
.blue-base{
    color: #005aab !important;
}
.black-base{
    color: #000 !important;
}
.white-base{
    color: #fff !important;
}
.fullwidth-box{
    /*padding-bottom: 0px !important;
    padding-top: 0px !important;
        */
}

.profile-base{
    color: #003E74 !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:  'VAG-Rounded-Bold', 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: 'VAG-Rounded-Bold', 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 !important; 
}

.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 ************************/
    /********************* template01 ****************/
    .custom-breadcrumbs  .page-list,
    .custom-breadcrumbs  .page-group {
        padding: 0px;
    }
    /********************* template01 ****************/
    /********************* Custom-breadcrumbs ************************/
}
/*-------------*/

/*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: 'VAG-Rounded-Bold', 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;*/
}

.select-arrow 
{   
    display: none !important;
    height: 30px !important;          
    line-height: 30px !important;         
}

input[type="text"]:disabled, 
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
textarea: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 .image-preview{
    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-orange {
    background : #F39C12 !important;
    color: #FFFFFF;
}

.btn-orange:hover {
    background : #ffd966 !important;
    color: #FFFFFF;
}
.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;
}

.a2is-note-container a{
    color: #000;
    font-size: 13px;
}

#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: 'VAG-Rounded-Bold', Arial, Helvetica, sans-serif !important;
}

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

h3.a2is-form-group-title {
    color: #1E78C7 !important;
    padding: 10px 0px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom:30px;
}

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

h5.a2is-form-group-title {
    color: #1E78C7 !important;
    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: 'VAG-Rounded-Bold', 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;
}

.a2is-button-default-disabled{
    background-color:#9F9F9F;
    color:#fff;
}


/*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;
  }
}*/


.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;
}

.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;
}


.a2is-shadow-button-blue:hover .fusion-button-text,
.a2is-shadow-button-white:hover .fusion-button-text
{
    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,1) !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: "VAG-Rounded-Bold",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;
}

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


/*
BRD Enhancement 0019/BRD/2017
Dev: EAG
*/

#divbigbanner
{
    background-color: #005AAB;
    color: #fff;
    padding-top :15px;
}

#BannerHeader {
    color: #fff;
}

#BannerImage {
    padding-left:  15px;
    padding-right: 15px;
}
.photoPreviewContainer{
    /*border:3px solid #E3E3E3; Updated 03/05/2016*/
    border: 1px solid #d2d2d2;
}
.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;
}
.photoInputContainer{
    display: none;
}


.a2is-softBlueColor *,
.a2is-softBlueColor
{
    color: #51c7e7 !important;
}

#OrderPaymentConfirmationDataContainer,
.paymentBankSelectionContainer *
{
    font-size: 12px !important;
}

.paymentBankSelectionContainer td{
    border: 1px solid #E1E1E1;
}

.bank-logo{
    max-height: 25px;
}

.paymentBankSelectionContainer .right-content{
    float:right;
}

#BankInstallmentPaymentCode,
#BankPaymentMethodCode{
    padding-top: 6px !important;
    padding-bottom: 8px !important;
}

.paymentBankSelectionContainer td{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.paymentBankSelectionContainer td .content{
    padding: 10px 5px;

    margin-bottom: 10px;
}

.paymentMethodContainer .blue-border{
    border: 1px solid #366FB3;
}

.paymentMethodContainer .grey-border{
    border: 1px solid #D8D8D8;
}

.paymentMethodContainer .content{
    padding: 10px 5px;
}

.paymentMethodContainer {
    margin-bottom: 12px;
    text-align:left;
}

.paymentMethodContainer .paymentmethod-checkbox{
    float: left;
}

.paymentMethodContainer .paymentmethod-logo{
    float: right;
}


@media (max-width: 600px) {
  .payment-popup-dialog{
    text-align:left !important;
    top: 0px !important;    
    left: 0px!important;
   }
}

#OrderTemporaryCalculationSummary 
.PaymentCalculationTitle{
    color: #51c7e7 !important;    
    font-size: 15px;
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
}

#OrderTemporaryCalculationSummary 
.PaymentCalculationValue{
    color: #FFFFFF !important;
    font-weight: bold;
    font-size: 20px;
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
}

.garda-family-purchase-summary-mobile .PaymentCalculationTitle {
    color: #FFF !important;
}
.garda-family-purchase-summary-mobile .PaymentCalculationValue {
    color: #FFF !important;
}

.garda-family-purchase-summary-mobile .panel-colapse .panel-body {
    padding-top: 0px;
}

.garda-family-purchase-summary-mobile .panel-colapse ul.arrow-list {
    margin-top: 0px;
}

/* Payment Tabs */
.a2is-tab.mobileVersion 
{
    display: none;
}

.a2is-tab.desktopVersion
{
    display: inherit;
}

.a2is-tab ul.nav-tabs
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: left;
}

.a2is-tab ul.nav-tabs li .tab-link span.PaymentTabHeader
{
    color:#d6d6d6 !important;  
}

.a2is-tab ul.nav-tabs li .tab-link span.PaymentTabHeaderInfo
{
    color:#d6d6d6 !important;  
}

.a2is-tab ul.nav-tabs li.passed .tab-link span.PaymentTabHeader
{
    color: #333  !important;    
}

.a2is-tab ul.nav-tabs li.passed .tab-link span.PaymentTabHeaderInfo
{   
    color: #333  !important;    
}

.a2is-tab ul.nav-tabs li.current .tab-link span.PaymentTabHeader
{
    color: #003e74  !important;    
}

.a2is-tab ul.nav-tabs li.current .tab-link span.PaymentTabHeaderInfo
{   
    color: #1e78c7  !important;    
}

.a2is-tab ul.nav-tabs li {
    /*border-left: 3px solid #d6d6d6;*/
}

.a2is-tab ul.nav-tabs li.passed
{
    border-color: #333;
}

.a2is-tab ul.nav-tabs li.current
{
    border-color: #f39c12;
}

.a2is-tab ul.nav-tabs li .tab-link span.PaymentTabHeader{
   font-size: 18px !important;
   font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
}

.a2is-tab ul.nav-tabs li .tab-link span.PaymentTabHeaderInfo{
   font-size: 15px !important;
   font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
}

.a2is-tab ul.nav-tabs
{   
    margin: 0px;
    padding: 0px;
}

.a2is-tab ul.nav-tabs li{
        background: none;        
        display: inline-block;
        width: 30%;
        padding: 0px 15px 0px 0px;
        margin: 0px;
        height: 100%;
        cursor: pointer;
        text-align: left;        
        vertical-align:top;        
}

.tab-content .tab-pane{
        display: none;
        opacity:0;
}

.tab-content .tab-pane.current{
        display: inherit;
        opacity: 1;
}

/*Payment Button CSS*/
.PaymentButtonProcess{
    color: #fff;
    font-size: 15px !important;
}

.a2is-font-bold{
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
}

.a2is-font-thin{
    font-family: VAG-Rounded-Thin,Arial,Helvetica,sans-serif !important;
}

#OrderPaymentConfirmationDataContainer tr td,
#OrderPaymentConfirmationDataContainer tr td *
{
    font-size: 15px;
    color: #777 !important;
}

.paymentBankSelectionContainer,
#OrderPaymentConfirmationDataContainer *
{
    color: #777 !important;
}
/*End of Payment Button CSS*/
/*#Region Jquery Modal Dialog*/
.modal-box {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 100%;
    background: white;
    border-bottom: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-clip: padding-box;
}

.modal-box header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 2.25em 1.85em; }

.modal-box footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;  
  height: 0px;
  background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
  line-height: 1;
  font-size: 1.8em;
  position: absolute;
  top: 0.80%;
  right: 2%;
  text-decoration: none;
  color: #222;
}

a.close:hover {
  color: #1A5CA9;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

@media (min-width: 32em) {
  .modal-box { width: 70%; }
}
/*#Region Jquery Modal Dialog*/

/* End of Payment Tabs */


/*region custom msg confirm*/
@-webkit-keyframes scale-fade{
    0%{opacity:0;-webkit-transform:scale(.8) rotateX(-40deg);transform:scale(.8) rotateX(-40deg)}
    50%{opacity:1}70%{-webkit-transform:scale(1.05) rotateX(0);transform:scale(1.05) rotateX(0)}
    100%{-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0)}
}
@keyframes scale-fade{
    0%{opacity:0;-webkit-transform:scale(.8) rotateX(-40deg);transform:scale(.8) rotateX(-40deg)}
    50%{opacity:1}70%{-webkit-transform:scale(1.05) rotateX(0);transform:scale(1.05) rotateX(0)}
    100%{-webkit-transform:scale(1) rotateX(0);transform:scale(1) rotateX(0)}
}

.msc-confirm--animate {
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, -1.09);
    animation: scale-fade 300ms forwards cubic-bezier(.8, .02, .45, .91);
}

.msc-confirm {
    z-index: 999;
    display: block;
    background-color:white;  
    color: #252525;
    -webkit-font-smoothing: antialiased;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity:0.9;
    filter:alpha(opacity=90);
}
.msc-overlay {
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: #fff;
    z-index: 20;
}

.msc-confirm button {
    background: none;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease-in;
}

.msc-confirm button:focus {
    outline: none;
}

.msc-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px; 
    font-size: 1.2em;
    text-align: center;
    vertical-align: middle;
}
.msc-close:hover {
    background: #eee;
}

.msc-content {
    position: relative;
    z-index: 21;
    background: #fff; 
    max-width: 400px;
    margin: 10% auto 10% auto;
    border:solid silver 1px;
    padding: 40px;
    text-align: center;
}

@media (max-width: 600px) {
  .msc-content {
    padding: 10px 0;
  }
}

.msc-title {
    font-size: 2em;
    margin: 0 0 0.1em 0;
}
.msc-body {
    font-size: 1.2em;
    margin-bottom: 1em;
    color: #666;
}
.msc-body p {
    margin: 0 0 10px 0;
}

.msc-input {
    box-sizing: border-box;
    width: 100%;
    height: 38px;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.02em;
    font-weight: 400;
    font-style: normal;
    font-family: 'VAG-Rounded-Thin','Arial','Helvetica','sans-serif';
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    padding: 0 15px;
}

.msc-input:focus {
    outline: none;
    border-color: #0F985A;
}


.msc-action button {
    border: 1px solid #ccc;
    padding: 10px 20px; 
    min-width: 80px;
    background: #fff;
}
.msc-action button:focus {
    outline: none;
}
.msc-ok {
    margin-right: 10px;
}
button.msc-ok:hover, button.msc-ok:focus {
    border: 1px solid #0F985A;
    color: #0F985A;
}
button.msc-cancel:hover, button.msc-cancel:focus {
    border: 1px solid #111;
    color: #111;
}

.msc-sub{
    white-space: pre-line;
}


 /*
#CustomMobileView .fusion-tabs .nav {
    display: block !important; 
}
*/

/*end region custom confirm*/


/* select2 css style*/
.select2-container
{
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100% !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow 
{
    height: 32px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-results__option
{
    color:#333 !important;
}

.select2-results__option--highlighted
{
    color: #000 !important;
}

.select2-container .select2-choice > .select2-chosen, .select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 32px !important;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 35px;
    user-select: none;
    -webkit-user-select: none;
}

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 13px;
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative;
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;

    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 13px !important;
        }

    .select2-container .select2-search--inline {
        float: left;
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 13px !important;
            margin-top: 5px;
            padding: 0;
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none;
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 0px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
    font-size: 13px;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    font-size: 13px;
}

    .select2-results__option[aria-selected] {
        cursor: pointer;
    }

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
    font-size: 13px;
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}



/* 0081 update for happytrip select2 multiple choice*/

.error input.select2-search__field {
    border: none !important;
}

.error .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #FF9846;
    border-radius: 0px;
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 0px;
}

.error .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #FF9846 1px;
    outline: 0;
}

/* END OF 0081 update for happytrip select2 multiple choice*/

.error .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #FF9846;
    border-radius: 0px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 0px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        border-left: 1px solid #d2d2d2 !important;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }


        .select2-container--default .select2-selection--single .select2-selection__arrow b::before {
            content: \f078;
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #d1D1D1;
    border-radius: 0px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
        list-style: none;
    }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #2178C5;
    border: 1px solid #2178C5;
    border-radius: 0px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 2px 5px;
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
    margin-left: 7px;
    float: right;
}

.select2-container .select2-selection .select2-selection__arrow {
    border-left: 0px !important;
    border-bottom: 1px solid #D1D1D1;
}

.error .select2-container .select2-selection .select2-selection__arrow {
    border-bottom: 0px !important;
}
.select2-dropdown--below {
    margin-top: 2px;
}


.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #003E74 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0;
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em;
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em;
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em;
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em;
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em;
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #FFF !important;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 0px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #aaa;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
        background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
        background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none;
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px;
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 0px;
    cursor: text;
    outline: 0;
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #5897fb;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 0px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}
/*end of style css*/


/***** Gardaoto.com CSS Section *****/

.subtitle-grey-color{
    color: #aaa !important;
    font-size: 12px !important;
}

/****** Footer Section ******/
#social_links-widget-2{
    margin-bottom: 10px;
}
.custom-carousel-nav-color .fusion-carousel .fusion-carousel-nav .fusion-nav-next, 
.custom-carousel-nav-color .fusion-carousel .fusion-carousel-nav .fusion-nav-prev{
    background-color: #005aab !important;
}

.container-grey-border{
    border-bottom: 1px solid #D9D9D9;
}

.photoPreviewContainer.godigital-uploaded-file{
    height: 267px;
    width: 100%;
}

.godigital-uploaded-file-container{
    margin: 20px 0px;
}

.godigital-uploaded-file-container .image-preview{
    max-width: 100%;
}

@media screen and (max-height: 575px){
     .godigital-recaptcha
     {
         transform:scale(0.77);
         -webkit-transform:scale(0.77);
         transform-origin:0 0;
         -webkit-transform-origin:0 0;

     } 
}
@media only screen 
    and (max-width: 1024px) 
    and (min-width:768px)
{
    .a2is-tab.desktopVersion ul.nav-tabs {
        text-align: center !important;
        margin-left: inherit;
        margin-right: inherit;
        height: 80px;
    }
}


@media only screen and (min-width: 370px) and (max-width: 768px){
    .a2is-tab.mobileVersion
    {
       display: inherit;
    }
    .a2is-tab.desktopVersion {
        display: none;
    }
    .a2is-tab ul.nav-tabs {       
        text-align: center !important;
        margin-left: inherit;
        margin-right: inherit;
        height: 76px;
    }

    .a2is-tab .nav ul.nav-tabs li {
        padding-left: 0px 5px !important;        
        min-width: 100px;
        text-align:center;
        margin: 0px auto;
        height:100%;
    }

    .a2is-tab ul.nav-tabs li .tab-link span.PaymentTabHeader {
        font-size: 16px !important;
        font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
    }

    .a2is-tab ul.nav-tabs li .tab-link span.PaymentTabHeaderInfo {
        font-size: 12px !important;
        font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
    }


    .godigital-recaptcha div{
        margin: 0px auto;
    }
}

@media only screen and (max-width: 370px) {
    .a2is-tab.mobileVersion {
        display: inherit;
    }

    .a2is-tab.desktopVersion {
        display: none;
    }

    .a2is-tab ul.nav-tabs {
        text-align: center !important;
        margin-left: inherit;
        margin-right: inherit;       
        height: 100%;
    }

    .a2is-tab .nav ul.nav-tabs li {
        display:block;
        padding-left: 0px 5px !important;
        min-width: 150px;
        text-align: center;
        margin: 5px auto;
        height: 100%;
        width:100%;
    }

    .a2is-tab ul.nav-tabs li .tab-link span.PaymentTabHeader {
        font-size: 16px !important;
        font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
    }

    .a2is-tab ul.nav-tabs li .tab-link span.PaymentTabHeaderInfo {
        font-size: 12px !important;
        font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
    }

}   

.OrderPaymentConfirmationDataContainer-mobile-version div{
    text-align:left;
}

.OrderPaymentConfirmationDataContainer-mobile-version .content-container{
    margin-bottom: 20px;
}

.OrderPaymentConfirmationDataContainer-mobile-version .content-title{
    font-weight: bold;
}


/**** GODigital Accordian ****/

/* UPDATE HAPPY HAPPY 0079 */
/* UPDATE GARDA FAMILY 0247 */

.garda-family-purchase-summary-mobile {
    z-index: 99999;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 0px;
}
.godigital-accordian a.active .fa-chevron-down {
    display: block;
}
.godigital-accordian a.active .fa-chevron-up {
    display: none;
}

.godigital-accordian a.collapsed .fa-chevron-down {
    display: none;
}
.godigital-accordian a.collapsed .fa-chevron-up {
    display: block;
}

.godigital-accordian .panel-title .fusion-toggle-icon-wrapper {
    position: absolute;
    top: 20px;
    right: 6%;
    margin: 0px 10px;
    color: #FFF !important;
}

.godigital-accordian .panel-heading{
    background: #003E74 !important;
}
.panel-heading.panel-happyme{
    background: #003E74  !important;
}
.panel-heading.panel-happyedu{
    background: #003E74  !important;
}
.panel-heading.panel-happyhome{
    background: #003E74  !important;
}
.panel-heading.panel-happytrip{
    background: #003E74  !important;
}
.panel-heading.panel-gardaoto{
    background: #003E74  !important;
}

.godigital-pannel-content {
    max-height: calc(100vh - 52px - 65px);
    overflow-y: auto;
}

.godigital-pannel-content.panel-happyme{
    background: #003E74  !important;
    border-top: 2px solid #D6D6D6;
}
.godigital-pannel-content.panel-happyedu{
    background: #003E74  !important;
    border-top: 2px solid #D6D6D6;
}
.godigital-pannel-content.panel-happyhome{
    background: #003E74  !important;
    border-top: 2px solid #D6D6D6;
}
.godigital-pannel-content.panel-happytrip{
    background: #003E74  !important;
    border-top: 2px solid #D6D6D6;
}
.godigital-pannel-content.panel-gardaoto{
    background: #003E74  !important;
    border-top: 2px solid #D6D6D6;
}
/* END OF UPDATE HAPPY HAPPY URF 0079 */
/* END OF UPDATE GARDA FAMILY URF 0247 */

.godigital-accordian .panel-title .fusion-toggle-heading {
    margin: 0px 20px !important;
    margin-left: 40px !important;
    float:left !important;
    text-align: left;
}

.godigital-accordian .panel-body ,
.godigital-accordian .panel-body *
{
    text-align: left;    
}


.godigital-accordian .panel-title a:hover .fa-fusion-box-custom {
    background-color: #333333  !important;
    border-color: #333333 !important;
}
.godigital-pannel-content {
    background: #F5F5F5;
    padding: 0px 20px;
}

/**** GODigital Accordian ****/

/**** SPIN TO WIN ********/
#title {
  position: relative;

  width: 375px;
  margin: 60px auto 20px auto;
}

#description{
  max-width: 850px !important;
  margin-top: 0px;
  margin-bottom: 0px;

  text-align: center;
}

#spinTheWheel-container, #spinTheWheel-container p{
  text-align: center;
}

#acceptTerms{
  margin-top: -20px;
}

#wheelSpinner{
  position: relative;
  transform: scale(0.78125);
}

#spinTheWheel-container #wheelSpinner #wheel{
  position: relative;

  width: 512px;
  height: 512px;
  margin-bottom: 40px;
  margin-left: calc(50% - 256px);

  background-image: url('../images/wheel.png');
  background-position: center;
  background-size: cover;
}

#spinTheWheel-container #wheelSpinner #wheelCenter{
  position: absolute;
  top: calc(50% - 60px);
  left: calc(50% - 64px);
  width: 128px;
  height: 128px;
  background: url('../images/wheel-center.png');
  background-position: center;
  background-size: cover;
}

#spinTheWheel-container #submitBtn{
    width: 150px;
    margin-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px;
}

#termsCondition{
  margin-bottom: 40px;
}

#termsCondition hr{
  border: none;
  border: solid 1px #F6F6F6;
}

#termsCondition ol li{
  padding: 5px 0;
  padding-left: 20px;
}

#termsCondition ol{
  list-style-position: outside;
  padding-left: 20px;
}

 #spinTheWheel-container .godigital-recaptcha div{
        margin: 0px auto;
}

@media (max-width: 432px) {
  #wheelSpinner{
    transform: scale(0.6);
  }

  #acceptTerms{
    margin-top: -60px;
  }

  #description{
    margin-bottom: -40px;
  }
}

/**** SPIN TO WIN ********/


/****** Footer Section ******/
.fusion-footer, 
.fusion-footer a{
    color:#000 !important;
}
.fusion-footer a:hover{
    color:#2d5ea8 !important;
}


.fusion-footer-copyright-area{
    background-color: #f0f0f0  !important;
    border: 1px solid #efefef !important;
}

.customConfirmPromoPopUp.msc-confirm{
    opacity: 1 !important;
}
.customConfirmPromoPopUp .msc-content{
    background: #F5F5F5 !important;    
}

.customConfirmPromoPopUp .msc-content .msc-title{
    color: #000 !important;
    font-size: 15px;
}

.customConfirmPromoPopUp .msc-sub{
    font-size: 15px !important;
    padding: 10px 5px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #2d5ea8;
    color: #2d5ea8 !important;
    background: #fff !important;
    border-radius: 5px !important;
    font-weight: bold;
}

.customConfirmPromoPopUp .promotionPopUpMessage
{
    color : #000 !important;
    font-size: 14px !important;
    margin: 20px 0px 10px 0px;
}

.customConfirmPromoPopUp button.msc-ok:hover, button.msc-ok:focus {
    /* border: 1px solid #0F985A; */
    /* color: #0F985A; */
    background: #51c7e7;
    color: #fff !important;
    font-weight:bold;
    border-radius: 5px;
}

.customConfirmPromoPopUp .msc-action button {
    border: 1px solid #ccc;
    padding: 10px 20px;
    min-width: 80px;
    background: #2d5ea8;
    border: 1px solid #ffffff;
    color: #fff !important;
    font-weight:bold;
    border-radius: 5px;
}

.customConfirmPromoPopUp.msc-confirm button {    
    border: none;
    cursor: pointer;
    transition: all 0.2s ease-in;
}

/****** End of Gardaoto.com CSS Section ******/

/****** Happyone.id CSS Section *******/
.user-info-menu .active {
    display: block !important;
}

.user-info-menu{
    display: none;
}

.user-login-menu {
    padding-right: 0px !important;
}

.form-input-container
{
    margin-top:10px;
    margin-bottom:10px;
}

.form-input-container.content-center 
{
    text-align: center;
}

.profile-package-header td {
    text-align: center;
}
.profile-package-header .package-name {
    color: #02213F;
    margin-bottom: 5px;
}
.profile-package-header .package-result {
    color: #02213F;
    margin-bottom: 5px;
}
.profile-choose-package td {
    color: #02213F;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;
}
.profile-choose-package .active{
    background-color: #02213F;
}

.MOButton{
    color: #02213F;
    font-size: 10px !important;
    margin-left: 5px;
    margin-right: 5px;
    height: 25px;
    border-radius: 2px;
}

.manage-order-review {
    color: #02213F;
}

.manage-order-padding {
    padding-bottom: 20px;
}

.order-margin {
    margin-left: 10px;
    margin-right: 10px;
}

.order-review {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.review-bold {
    color: #02213F;
    font-weight: bold;
}

.manage-order-insured {
    color: #E80909;
    font-weight: bold;
}

@media screen and (min-width:720px) {
    .ManageCartPaymentDesktopView{
         display: table;
    }

    .ManageCartPaymentMobileView{
         display: none;
    }

    .content-manage-order.ManageOrderDesktopView {
        display: block;
    }

    .content-manage-order.ManageOrderMobileView {
        
        display: none;
    }
    .profile-border-bottom {
        border-bottom: 2px solid #E4E4E4;
    }

    .cart-section {
        margin-top: 0px !important;
        padding-right: : 20px !important;
    }
}

@media screen and (max-width:721px) {
    .ManageCartPaymentDesktopView{
         display: none !important;
    }

    .ManageCartPaymentMobileView{
         display: block !important;
    }

    .content-manage-order.ManageOrderDesktopView {
        display: none !important;
    }

    .content-manage-order.ManageOrderMobileView {
        display: block;
    }
}

.container-link-ios {
    color: #003E74;
}

.container-link-ios td {
    padding-right: 10px;
    padding-left: 10px;
}

/****** End Happyone.id CSS Section *******/
.textarea-fullwidth {
    width: 100%;
}
.textarea-fullwidth.height100{
    height: 100px;
}
.textarea-fullwidth.height150{
    height: 150px;
}
.textarea-fullwidth.height200 {
    height: 200px;
}
.textarea-fullwidth.height300 {
    height: 300px;
}
.textarea-fullwidth.height400 {
    height: 400px;
}
.textarea-fullwidth.height500 {
    height: 500px;
}   

.no-vertical-margin
{
    margin-top : 0px;
    margin-bottom:0px;
}
.no-horizontal-margin
{
    margin-left: 0px;
    margin-right:0px;
}
.no-vertical-padding {
    padding-top: 0px;
    padding-bottom: 0px;
}

.no-horizontal-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.claim-form .input-label
{
    color: #1E78C7;
}

.custom-happyone-contentbox
.content-wrapper-boxed {
    background: #F6F7F9 !important;
    border: 1px solid #EBEDEC !important;
}

.custom-page-breadcrumbs
{
    font-weight: bold;
}

.custom-page-breadcrumbs a
{
    font-weight: bold;
}

.custom-page-breadcrumbs a.active
{
    font-weight: bold;
}

.text-left
{
    text-align:left !important;
}

.text-right 
{
    text-align: right !important;
}

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

/***********************margin-settings-class***************************/
.vertical-margin-10px 
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.vertical-margin-20px {
    margin-top: 20px;
    margin-bottom: 20px;
}
.horizontal-margin-10px {
    margin-left: 10px;
    margin-right: 10px;
}

.horizontal-margin-20px {
    margin-left: 20px;
    margin-right: 20px;
}
/***********************************************************************/

/*********************product-selector-css*****************************/
/* DEPRECATED FROM BRD 0247 URF 2019 */ 
/*.product-section-container
{
    margin:0px;
    padding: 0px;
}

.product-section-container
{
    margin: 0px;
    padding: 0px;    
}

.product-section-container .product-container 
{
   border: 1px solid #d6d6d6;       
   cursor: pointer;
   margin-top: 20px;
   margin-bottom: 10px;
   margin-right: 0px !important;
}

.product-section-container 
.product-container.selected-product
{   
    border-top: 2px solid    #d6d6d6 ;
    border-left: 2px solid   #d6d6d6 ;
    border-right: 2px solid  #d6d6d6 ;
    border-bottom: 2px solid #d6d6d6 ;
}

.product-section-container .product-container .product-header-container 
{
   line-height:27px; 
}

.product-section-container .product-container .product-premium-container
{
    font-size: 27px;
}

.product-section-container .product-container .content-row
{
       padding: 15px 0;
}

.product-section-container .product-container .product-text
{
       padding: 10px 0;       
       background: #1E78C7;
}

.product-section-container .product-container.selected-product .product-text {    
    background: #4FC7E8;
}

.product-section-container .product-container .product-detail-container
{
    font-size: 12px;
    color: #333;
}

.product-section-container .product-container .product-detail-control-container
.control-container
{
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
    display:inline-block;
    text-align: center;
    font-size: 14px;
    width: 100%;
    cursor: pointer;
}

.product-section-container .product-container .product-detail-control-container
.control-icon
{
    margin-left: 10px;
}

.product-section-container
.product-container
.product-detail-container
.product-detail-row-container
.product-detail-row {
    border-top: 1px solid #d6d6d6;
    padding: 10px 10px;
}

.product-section-container
.product-container.selected-product
.product-detail-container
.product-detail-row-container
.product-detail-row {
    /*border-top: 2px solid #7f8c8d;*/
    border-top: 1px solid #d6d6d6;
}


.product-detail-row-container
.product-detail-row
.product-detail-header,
.product-detail-row-container
.product-detail-row
.product-detail-content {
    clear:both;
    float: left;
}

.product-detail-row-container
.product-detail-row
.product-detail-clearfix
{
    clear: both;
}

.product-section-container 
.product-container 
.product-detail-container
.product-detail-row-container
.product-detail-row
.product-detail-header
{
    text-align: left;
}

.product-section-container 
.product-container 
.product-detail-container
.product-detail-row-container
.product-detail-row
.product-detail-content
{
    text-align: left;
}

*/
/***********************************************************************/
/****** End Happyone.id CSS Section *******/
/* Happy One Color Sheme : 
    darkgrey = #7F8c8d
    softgrey = #d6d6d6
    black = #333
    softblue = #4FC7E8
    blue = #1E78C7
    darkblue = #003E74
    navy = #02213f
    green = #5cc54e
    greenpastel = #1ABC9c
    red = #EB4D4b
    pink = #ED4096
    yellow = #FAC225
    orange = #F39C12
*/
/************* Happy Trip Color Code *****************/
.content-text-color-darkgrey,
.content-text-color-darkgrey *,
.text-color-darkgrey {
    color: #7f8c8d !important;
}

.content-text-color-softgrey,
.content-text-color-softgrey *,
.text-color-softgrey {
    color: #d6d6d6 !important;
}

.content-text-color-black,
.content-text-color-black *,
.text-color-black {
    color: #333 !important;
}

.content-text-color-softblue,
.content-text-color-softblue *,
.text-color-softblue {
    color: #4fc7e8 !important;
}

.content-text-color-blue,
.content-text-color-blue *,
.text-color-blue {
    color: #1E78C7 !important;
}

.content-text-color-darkblue,
.content-text-color-darkblue *,
.text-color-darkblue {
    color: #003e74 ;
}
.content-text-color-darkblue .nav *{
    color: #003e74 !important;
}

.content-text-color-navy,
.content-text-color-navy *,
.text-color-navy {
    color: #02213F !important;
}

.content-text-color-green,
.content-text-color-green *,
.text-color-green {
    color: #5cc54e !important;
}

.content-text-color-greenpastel,
.content-text-color-greenpastel *,
.text-color-greenpastel {
    color: #1abc9c !important;
}

.content-text-color-red,
.content-text-color-red *,
.text-color-red {
    color: #EB4D4B !important;
}

.content-text-color-pink,
.content-text-color-pink *,
.text-color-pink {
    color: #ED4096 !important;
}

.content-text-color-yellow,
.content-text-color-yellow *,
.text-color-yellow {
    color: #FAC225 !important;
}

.content-text-color-orange,
.content-text-color-orange *,
.text-color-orange {
    color: #F39C12 !important;
}

.content-text-color-white,
.content-text-color-white *,
.text-color-white {
    color: #fff !important;
}

/****************************SUMMARY TEMPLATE***************************/

.a2is-note-container
.summaryTitle {
    color: #1e78c7;
    border-bottom: 2px solid #e5e5e5;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 8px;
}


.a2is-note-container
.CalculationSummaryWrapper
{
    margin-bottom: 8px;
}

.a2is-note-container 
.CalculationSummaryTitleContainer
.CalculationSummaryTitle
{
    color : #003E74;    
    margin-bottom: 0px;
}

.a2is-note-container
.CalculationSummaryResultContainer,
.a2is-note-container
.CalculationSummaryTitleContainer {
    margin-top: 0;    
    margin-bottom: 0px;
}

.a2is-note-container
.CalculationSummaryResultContainer
.CalculationSummaryResult {
    color: #7f8c8d;
}
/***********************************************************************/

/***********************BACKGROUND*******************************/
.background-color-darkgrey {
    background: #7f8c8d !important;
}

.background-color-softgrey {
    background: #d6d6d6 !important;
}

.background-color-lightgrey {
    background: #f6f7f8 !important;
}

.background-color-black {
    background: #333 !important;
}

.background-color-softblue {
    background: #4fc7e8 !important;
}

.background-color-blue {
    background: #1E78C7 !important;
}

.background-color-darkblue {
    background: #003e74 !important;
}

.background-color-navy {
    background: #02213F !important;
}

.background-color-green {
    background: #5cc54e !important;
}

.background-color-greenpastel {
    background: #1abc9c !important;
}

.background-color-red {
    background: #EB4D4B !important;
}

.background-color-pink {
    background: #ED4096 !important;
}

.background-color-yellow {
    background: #FAC225 !important;
}

.background-color-orange {
    background: #F39C12 !important;
}

.background-color-white {
    background: #fff !important;
}

.cart-number {
    background-color: #6394F8;
    border-radius: 10px;
    color: white;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin-left: -10px;
    margin-top: -10px;
}

@media only screen and (max-device-width : 540px) {
    .payment-button-process-container .fusion-column-wrapper {
        text-align: center !important;
    }
}

/*Cart*/
.user-cart-menu a i:hover{
    color: #fac225 !important;
}
@media only screen and (max-width: 1024px){ 
    .user-cart-menu a .menu-text{
        display: block;
    }
}
@media only screen and (min-width: 1024px){ 
    .user-cart-menu a .menu-text{
        display: none;
    }
    .user-cart-menu a .menu-text:before{
        content: 
    }
}

.show-hide-menu:hover {
    cursor: pointer;
}
/*****************************************************/

/* Begin - 0247/URF/201 - Garda Family - DLL */

/* ===== Begin - CSS Constant ===== */
.color-dark-blue {
    color: #003E74 !important;
}

.color-medium-blue {
    color: #1E78C7 !important;
}

.color-light-blue {
    color: #4fc7e8 !important;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.d-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.row {
    flex-direction: row;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.justify-center {
    justify-content: center;
}

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

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.btn-wide {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.btn-dark-blue {
    background-color: #003E74;
    color: white;
    border-radius: 0 !important;
}

.btn-dark-blue:hover {
    background-color: #1E78C7;
    color: white;
}

.btn-gray {
    background-color: #cccccc;
    color: white;
    border-radius: 0 !important;
}

.btn-gray:hover {
    background-color: #999999;
}

.btn-outline-blue {
    border-color: #1E78C7 !important;
    background-color: white;
    color: #1E78C7;
    border-width: 1px !important;
}

.btn-outline-blue:hover {
    border-color: #005aab !important;
    color: #005aab;
}

/* ===== End - CSS Constant ===== */

.login-container {
    width: 22vw;
}

.download-app-container {
    padding-top: 22px;
}

.download-app-p {
    font-size: calc(0.3em + 1vw);
}

.order-header {
    margin-bottom: 10px;
    border-bottom: 2px solid #E4E4E4;
    font-size: 20px;
}

.show-order-content {
    cursor: pointer;
}

.order-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 16px !important;
    padding-top: 16px;
    padding-top: 12px;
    background-color: #efefef;
    border-radius: 5px;
    flex-direction: row;
}

.order-product-logo {
    width: 80%;
}

.order-h-tag {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.order-img-wrapper {
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: left;
}

.order-premi-wrapper {
    justify-content: flex-end;
}

.order-premi-wrapper-img-load {
    padding-top: 5%;
    padding-right: 15%;
}

.OrderDetailMobileView {
    display: none;
}

.OrderDetailDesktopView {
    display: flex;
}

.btn-order-detail-wrapper {
    position: absolute;
    bottom: 6%;
    right: 6%;
}

.thank-you-container {
    margin-top: 100px;
    margin-bottom: 100px;
}

.thank-you-wrapper {
    padding-left: 40px;
}

@media (min-width: 801px) and (max-width: 1024px) {
    .col-sm-2 {
        width: 16.66% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .col-sm-3 {
        width: 25% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .col-sm-4 {
        width: 33.32% !important;
        padding-left: 8px !important;
    }

    .col-sm-5 {
        width: 41.65% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .col-sm-6 {
        width: 50% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .col-sm-7 {
        width: 58.31% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .col-sm-9 {
        width: 75% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

@media (min-width: 576px) and (max-width: 800px) {
    .col-sm-2 {
        width: 16.66% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .col-sm-3 {
        width: 25% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .col-sm-4 {
        width: 33.32% !important;
        padding-left: 8px !important;
    }

    .col-sm-5 {
        width: 41.65% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .col-sm-6 {
        width: 50% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .col-sm-7 {
        width: 58.31% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .col-sm-9 {
        width: 75% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .custom-h2 {
        font-size: calc(0.8em + 1vw) !important;
    }

    .custom-h3 {
        font-size: calc(0.5em + 1vw) !important;
    }

    .login-container {
        width: 30vw;
    }
}

@media (max-width: 575px) {
    .row {
        flex-direction: column;
    }

    .col-sm-3, .col-sm-5, .col-sm-7, .col-sm-8, .col-sm-9 {
        width: 100% !important;
    }

    .custom-h2 {
        font-size: 20px !important;
    }

    .custom-h3 {
        font-size: calc(0.8em + 1vw) !important;
    }

    .custom-h4 {
        font-size: calc(0.68em + 1vw) !important;
    }

    /* ------------------- */

    .login-container {
        width: 60vw;
    }

    .download-app-container {
        text-align: center;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .download-app-p {
        font-size: 14px;;
    }

    .order-row {
        flex-direction: column;
        border-radius: 10px;
    }

    .order-product-logo {
        width: 40%;
    }

    .order-header {
        font-size: calc(0.7em + 1vw) !important;
    }

    .order-img-wrapper {
        margin-top: 24px;
        text-align: center;
    }

    .order-premi {
        padding: 0 !important;
    }

    .order-premi-wrapper {
        justify-content: space-between;
        padding-left: 16px;
        padding-right: 16px;
    }

    .order-premi-wrapper-img-load {
        justify-content: center;
    }

    .OrderDetailMobileView {
        display: block;
    }
    
    .OrderDetailDesktopView {
        display: none;
    }

    .btn-order-detail-wrapper {
        position: relative;
        align-self: center;
        bottom: 0;
        right: 0;
        width: 100%;
    }

    .btn-order-detail {
        width: 100%;
        margin-bottom: 0;
        border-radius: 0 0 10px 10px !important;
    }

    .thank-you-container {
        margin-top: 0;
        margin-bottom: 60px;
        text-align: left !important;
    }

    .thank-you-wrapper {
        padding-left: 0;
    }
}
/* End - 0247/URF/2019 - DLL */

/*GARDA-OTO*/
.godig-color-dark-blue { color: #003E74 !important; }
.godig-color-blue { color: #1E78C7 !important; }
.godig-color-soft-blue { color: #4FC7E8 !important; }
.godig-color-navy { color: #02213F !important; }

.godig-background-dark-blue { background-color: #003E74 !important; }
.godig-background-blue { background-color: #1E78C7 !important; }
.godig-background-soft-blue { background-color: #4FC7E8 !important; }
.godig-background-softer-blue { background-color: #F1F7FC !important; }

.godig-background-dark-grey { background-color: grey !important; }
.godig-background-grey { background-color: #d6d6d6 !important; }
.godig-background-soft-grey { background-color: #f6f7f8 !important; }

.godig-background-button-soft-blue {
    background: transparent !important;
    border-color: #51c7e7 !important; 
}

.InputTelPref {
    background: #003E74;
    width: 13%; 
    height: 100%; 
    position: relative;
    float: left; 
    margin: auto;
    vertical-align: center;
    line-height: 29px;
    box-shadow: none;
    padding: 0px 0px;
    border: 0px;
    border-radius: 0px;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    font-family: 'VAG-Rounded-Thin',Arial,Helvetica,sans-serif !important;
}
/*#f6f7f8*/
/*****************************************************/



/* START ADDED FAY  */
.colorwhite{
    color: #ffffff;
}

.happyme-summary-container {
    background-color: transparent !important;
}

.btnshowquotation {
    margin:0px !important; 
    padding: 8px 23px !important; 
    border-width: 2px !important; 
    border-color: #fff !important; 
    font-size: 10pt !important;
}

.btnsmallpurchase {
    margin:0px !important; 
    padding: 8px 23px !important; 
    border-width: 0px !important; 
    border-color: #fff !important; 
    font-size: 10pt !important;
}

.a2is-tab ul.nav-tabs li.current
{
    border-color: #003e74;
}

.spanerror{
    color: #EB4D4B !important;
    font-style: italic;
    font-size: 10pt;
}

.discountcolor{
    color: #FAC225
}

input[type="tel"] .padding15{
    padding-right: 15px;
    padding-left: 15px;
}
/* END OF ADDED FAY */


/* GARDA TRIP BRD 0247 */
.InsuredObjectFormGroupTitle {
    color: #005AAB;
}
.insured-obj-toogle {
    cursor: pointer !important;
}
.insured-obj-toogle-mandatory {
    font-size: small;
    font-family: 'VAG-Rounded-Thin', Arial, Helvetica, sans-serif !important;
    color: red;
    font-style: italic;
}
@media (max-width: 800px) {
    .insured-obj-toogle-mandatory {
        display: none !important; /* REMEMBER TO DELETE THIS WHEN UI IS SETTLED */
    }
}
.product-section-container
{
    margin:0px;
    padding: 0px;
}

.product-section-container
{
    margin: 0px;
    padding: 0px;    
}

.product-item-container {
    margin-bottom: 0px !important;
}

@media (max-width: 800px) and (min-width: 576px) {
    .product-section-container .product-container {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
    }   
    .product-section-container .product-item-container {
        float: left !important;
    }
    .product-section-container .fusion-layout-column.product-item-container {
        width: 50% !important;
    }
    .product-section-container .fusion-layout-column.product-item-container {
        width: 50% !important;
    }
    .product-section-container 
    .fusion-layout-column.product-item-container:nth-child(odd) {
      padding-right: 10px;
    }

    .product-section-container .fusion-layout-column.product-item-container:nth-child(even) {
      padding-left: 10px;
    }
}

@media (max-width: 576px) {
    .product-section-container .product-item-container {
        padding: 0px !important;
    }
}

.product-section-container .product-container 
{
   border: 1px solid #d6d6d6;      
   border-radius: 10px; 
   cursor: pointer;
   margin-top: 20px;
   margin-bottom: 10px;
   padding-left: 0px !important;
   padding-right: 0px !important;
   background-color: #F5F5F5;
}

.product-section-container 
.product-container.selected-product
{   
    border: 2px solid #FFF;
}

.product-section-container .product-container .product-header-container 
{
   line-height:80%; 
   margin-bottom: 7px;
}

.product-section-container .product-container 
.product-header-container .product-icon-container {
    display: inline-block;
    text-align: left;
    max-width: 45%;
}

.product-section-container .product-container 
.product-header-container .product-icon-container > img {
    vertical-align: bottom;
    max-width: 75%;
}

.product-section-container .product-container .product-header-container-right {
    text-align: right;
    max-width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-top: 5%;
    /*margin-left: 7%;*/
    width: 50%;
}

.product-section-container .product-container .product-header-container-right > 
.product-selected-indicator-container {
    border: 2px solid #005AAB;
    background-color: #005AAB;
    border-radius: 10px;
    padding: 5px 15px;
    color: #FFF;
    font-size: 16px;
}
.product-section-container .product-container .product-header-container-right >
.product-selected-indicator-container:before {
    content: "PILIH";
}


.product-container.selected-product  .product-header-container-right >
.product-selected-indicator-container {
    border: 2px solid #4FC7E8;
    background-color: #4FC7E8;
}
.product-container.selected-product  .product-header-container-right >
.product-selected-indicator-container:before {
    content: "TERPILIH";
}

.product-section-container .product-container .product-premium-container
{
    font-size: 2vw;
}

.product-section-container .product-container .product-premium-container.premium-large-value
{
    font-size: 1.6vw;
}

@media screen and (max-width:1000px) {
    .product-section-container .product-container .product-premium-container
    {
        font-size: x-large !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 1.49) {
    .product-section-container .product-container .product-premium-container.premium-large-value {
        font-size: 1.2vw !important;
    }
    .product-section-container .product-container .product-premium-container {
        font-size: 1.2vw !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.6) and (-webkit-max-device-pixel-ratio: 1.8) {
    .product-section-container .product-container .product-premium-container {
        font-size: 1.25vw !important;
    }
    .product-section-container .product-container .product-premium-container.premium-large-value {
        font-size: 1.25vw !important;
    }
}


.product-section-container .product-container .content-row
{
       padding: 15px 10px;
}

.product-section-container .product-container .product-text
{
       padding: 10px 0;       
       background: #1E78C7;
}

.product-section-container .product-container.selected-product .product-text {    
    background: #4FC7E8;
}

.product-section-container .product-container .product-detail-container
{
    font-size: 12px;
    color: #333;
}

.product-section-container .product-container .product-detail-control-container {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #9F9F9F;
    color: #FFF;
}

.product-section-container .product-container .product-detail-control-container
.control-container
{
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
    display:inline-block;
    text-align: center;
    font-size: 14px;
    width: 100%;
    cursor: pointer;
}

.product-section-container .product-container .product-detail-control-container
.control-icon
{
    margin-left: 10px;
}

.product-section-container
.product-container
.product-detail-container
.product-detail-row-container
.product-detail-row {
    padding: 10px 10px;
}

.product-section-container
.product-container.selected-product
.product-detail-container
.product-detail-row-container
.product-detail-row {
    color: #FFF !important;
}


.product-detail-row-container
.product-detail-row
.product-detail-header,
.product-detail-row-container
.product-detail-row
.product-detail-content {
    clear:both;
    float: left;
}

.product-detail-row-container
.product-detail-row
.product-detail-clearfix
{
    clear: both;
}

.product-section-container 
.product-container 
.product-detail-container
.product-detail-row-container
.product-detail-row
.product-detail-header
{
    text-align: left;
}

.product-section-container 
.product-container 
.product-detail-container
.product-detail-row-container
.product-detail-row
.product-detail-content
{
    text-align: left;
}

.product-section-container .product-container.selected-product {
    background-color: #1E78C7;
    color: #FFF;
}
.product-section-container .product-container.selected-product .product-detail-row-container {
    background-color: #1E78C7;
    color: #FFF;
}

.product-section-container .product-container.selected-product .product-detail-control-container {
    background-color: #003E74;
    color: #FFF;
}

.product-container .product-header-container 
.product-header-container-right .product-premium-container{
    color: #003E74;
}

.product-container .product-header-container 
.product-header-container-right .product-premium-container > .product-premium-currency-container {
    /*display: block;*/
    color: #4FC7E8;
    margin-top: 7px;
    text-align: right;
}
.product-container.selected-product .product-header-container 
.product-header-container-right .product-premium-container{
    color: #FFF;
}
.product-container.selected-product .product-header-container 
.product-header-container-right .product-premium-container > .product-premium-currency-container {
    color: #FFF;
}

.product-container .product-detail-container {
    color: #003E74;
}

.product-container.selected-product .product-detail-container {
    color: #FFF;
}
.product-detail-container 
.product-detail-row-container
.product-detail-row .product-detail-header {
    font-family: VAG-Rounded-Thin,Arial,Helvetica,sans-serif !important;
}
.product-detail-container 
.product-detail-row-container
.product-detail-row .product-detail-content {
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
}

.product-detail-container 
.product-detail-row-container.product-detail-main 
.product-detail-row .product-detail-header {
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
    color : #003E74;
}
.product-detail-container 
.product-detail-row-container.product-detail-main 
.product-detail-row .product-detail-content {
    font-family: VAG-Rounded-Thin,Arial,Helvetica,sans-serif !important;
    color: #003E74;
}

.product-container.selected-product
.product-detail-container 
.product-detail-row-container.product-detail-main 
.product-detail-row .product-detail-header {
    color : #FFF;
}
.product-container.selected-product
.product-detail-container 
.product-detail-row-container.product-detail-main 
.product-detail-row .product-detail-content {
    color: #FFF;
}

.product-item-container:nth-child(even):not(:nth-child(2)) {
    clear: both;
}

@media (max-width: 800px) {
    .product-item-container:nth-child(odd):not(:first-child) {
        clear: both;
    }
    .product-item-container:nth-child(even) {
        clear: unset !important;
    }
    .
}

@media (max-width: 576px) {
    .product-item-container:nth-child(even):not(:nth-child(2)) {
        clear: unset;
    }
    .product-item-container {
        clear: unset;
    }
}

.popup-trip-benefit-container {
    overflow-y: auto;
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
    color : #1E78C7;
}
.popup-content-benefit-detail {
    text-align: center; 
    max-height: 70vh; 
    overflow-y: auto
}
@media (max-width: 800px) {
    .popup-content-benefit-detail {
        max-height: 75vh;
    }
}
.popup-benefit-title {
    color: #1E78C7;
}
.popup-benefit-title-type {
    color: #003E74;
}

.popup-detail-content {
    float: right;
    text-align: right;
}
.popup-detail-row {
    border-bottom: 2px solid #1E78C7;
    font-family: VAG-Rounded-Thin,Arial,Helvetica,sans-serif !important;
}
.popup-detail-row-level-1 {
    margin-left: 0px;
    font-family: 'VAG-Rounded-Bold',Arial,Helvetica,sans-serif !important;
}
.popup-detail-row-level-2 {
    margin-left: 10px;
    color: #000;
}
.popup-detail-row-level-3 {
    margin-left: 20px;
    color: #000;
}
.popup-detail-row-level-4 {
    margin-left: 30px;
    color: #000;
}
.popup-detail-row-level-5 {
    margin-left: 40px;
    color: #000;
}
.popup-detail-clearfix
{
    clear: both;
}

.popup-detail-header
{
    float: left;
    text-align: left;
    max-width: 50%;
}

.popup-detail-content
{
    text-align: right;
    max-width: 50%;
}

input.gardafamily-placeholder-blue::-webkit-input-placeholder { /* WebKit browsers */
    color:    #003E74;
}
input.gardafamily-placeholder-blue:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #003E74;
}
input.gardafamily-placeholder-blue::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #003E74;
}
input.gardafamily-placeholder-blue:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #003E74;
}

/* START of GARDA HOME BRD 0247 */ 
#OwnershipStatus, #BuildingPrice, #ProductPackage, #AssetPrice{
    min-height: 36px;
    font-size: 15px !important;
}

#buildingPriceContainer{
    margin-bottom: 0px;
}

.package-header-gardahome h1, .package-header-gardahome h3{
    color: #1E78C7 !important;
    background-image: #1E78C7 !important;
}

.package-header-gardahome h3{
    color: #51c7e7  !important;
    background-image: #1E78C7 !important;
}

.gardahome-chooser-item{
    background: transparent !important;
    background-color: #2d5ea8 !important; 
}
.package-header-gardahome{
    background-color: #f6f7f8 !important;
}
.package-content-gardahome{
    background-color: #f6f7f8 !important;
    color: #2d5ea8 !important;
    /*overflow: hidden;
    transition: height 200ms;*/
}
.package-footer-gardahome{
    background-color: grey !important;
}
.package-footer-gardahome:hover{
    cursor: pointer;
}
.active .package-header-gardahome h1, .active .package-header-gardahome h3{
    color: #fff !important;
    background-image: #1E78C7 !important;
}
.active .gardahome-chooser-item{
    background: transparent !important;
    background-color: #51c7e7 !important; 
}
.active .package-header-gardahome{
    background-color: #1E78C7 !important;
}
.active .package-content-gardahome{
    background-color: #1E78C7 !important;
    overflow: hidden;
    transition: height 200ms;
}

.active .package-content-gardahome td{
    color: white !important;
}
.active .package-footer-gardahome{
    background-color: #003E74 !important;
}
.active .package-footer-gardahome:hover{
    cursor: pointer;
}
.gardahome-extendedCoverageType{
    font-weight:bold;
}
.gardahome-extendedCoveragePrice{
    font-weight: bold;
    color: #1E78C7;
}
.gardahome-dtl-manfaat-table{
    font-size: 15px !important;
    width: 100% !important;
}
.gardahome-dtl-manfaat-table tr{
    font-weight: bold;
    border-bottom: solid thin #1E78C7;
    /*border-bottom-width: 2px;*/
}
.gardahome-dtl-manfaat-table tr td{
    padding: 7px 0px 0px 0px;
}
.gardahome-dtl-manfaat-table table{
    border-radius: 0px !important;
}
.popupDtlManfaat-wrap{    
    padding: 15px;
    background-color: bisque;
    border-radius: 10px;
    background-color: #f6f7f8;
}

.package-content-gardahome td div {
  max-height: 0;
  padding: 0px !important;
  box-sizing: border-box;
  overflow: hidden;
  transition: max-height 0.3s, padding 0.3s;
}
.package-content-gardahome.open td div {
  max-height: 500px;
  padding: 10px 0px !important;
  transition: max-height 0.6s, padding 0.6s;
}

.wpcf7-select-parent .wpcf7-select{
    width: 100%;
    display: block;
    cursor: pointer;
    outline: 0;
    padding: 0px 15px;
    position: relative;
    text-indent: .01px;
    vertical-align: middle;
    z-index: 5;
    margin: 0;
}
/* END of GARDA HOME BRD 0247 */