/*--------------btn style------------------------------*/

.btn {
    padding: 3px 16px 3px 16px;
    border-radius: 30px;
    border: solid 2px;
    font-size: 13px;
    font-family: 'MontserratBold';
    line-height: normal;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    text-transform: uppercase;
}
.btn:hover{
    border-width: 2px;
}
.btn:focus,
.btn.focus{
    box-shadow:inherit !important;
    outline: 0px !important;
}
button:focus{
    border-width: 2px;
}
.btn span {
    min-width: 65px;
    display: inline-block;
    margin-right: 8px;
    padding: 6px 0;
}
.btn .icon {
    width: 28px;
    height: 28px;
    background: #c08b22;
    display: inline-block;
    border-radius: 40px;
    text-align: center;
    padding: 3px;
    transition: all 0.15s ease-in-out;
    margin-right: -13px;
}
.btn .icon svg.svg-icon {
    width: 22px;
    height: 21px;
    margin-right: -2px;
}
.btn path {
    fill: #fff;
    transition: all 0.15s ease-in-out;
}


/*--------------primary btn on dark bg------------------------------*/
.btn.btn-primary {
    background: #c08b22;
    background-color: #c08b22;
    border-color: #c08b22;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-primary:active ,
.btn.btn-primary:focus ,
.btn.btn-primary.focus ,
.btn.btn-primary:hover {
    background-color: #286f8a;
    border-color: #286f8a;
    background: #286f8a;
    color: #fff;
}

.btn-primary:not(:disabled):not(.disabled):active .icon,
.btn.btn-primary:active .icon,
.btn.btn-primary:focus .icon,
.btn.btn-primary.focus .icon,
.btn.btn-primary:hover .icon{
    background: #286f8a;
}
/*--------------primary btn on dark bg------------------------------*/
.dark-blue-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active ,
.dark-blue-bg-custom.btn.btn-primary:active ,
.dark-blue-bg-custom.btn.btn-primary:focus ,
.dark-blue-bg-custom.btn.btn-primary.focus ,
/*--------*/
.dark-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active ,
.dark-bg-custom.btn.btn-primary:active ,
.dark-bg-custom.btn.btn-primary:focus ,
.dark-bg-custom.btn.btn-primary.focus ,
/*--------*/
.dark-blue-bg2-custom.btn.btn-primary:not(:disabled):not(.disabled):active ,
.dark-blue-bg2-custom.btn.btn-primary:active ,
.dark-blue-bg2-custom.btn.btn-primary:focus ,
.dark-blue-bg2-custom.btn.btn-primary.focus ,
/*-------*/
.grey-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active ,
.grey-bg-custom.btn.btn-primary:active ,
.grey-bg-custom.btn.btn-primary:focus ,
.grey-bg-custom.btn.btn-primary.focus ,
/*-------*/
.dark-blue-bg-custom.btn.btn-primary:hover,
.dark-bg-custom.btn.btn-primary:hover,
.dark-blue-bg2-custom.btn.btn-primary:hover,
.grey-bg-custom.btn.btn-primary:hover{
    background-color: #fff;
    background: #fff;
    border-color: #fff;
    color:  #c08b22;
}



.dark-blue-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active .icon,
.dark-blue-bg-custom.btn.btn-primary:active .icon,
.dark-blue-bg-custom.btn.btn-primary:focus .icon,
.dark-blue-bg-custom.btn.btn-primary.focus .icon,
/*--------*/
.dark-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active .icon,
.dark-bg-custom.btn.btn-primary:active .icon,
.dark-bg-custom.btn.btn-primary:focus .icon,
.dark-bg-custom.btn.btn-primary.focus .icon,
/*--------*/
.dark-blue-bg2-custom.btn.btn-primary:not(:disabled):not(.disabled):active .icon,
.dark-blue-bg2-custom.btn.btn-primary:active .icon,
.dark-blue-bg2-custom.btn.btn-primary:focus .icon,
.dark-blue-bg2-custom.btn.btn-primary.focus .icon,
/*-------*/
.grey-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active .icon,
.grey-bg-custom.btn.btn-primary:active .icon,
.grey-bg-custom.btn.btn-primary:focus .icon,
.grey-bg-custom.btn.btn-primary.focus .icon,
/*-------*/
.dark-blue-bg-custom.btn.btn-primary:hover .icon,
.dark-bg-custom.btn.btn-primary:hover .icon,
.dark-blue-bg2-custom.btn.btn-primary:hover .icon,
.grey-bg-custom.btn.btn-primary:hover .icon{
    background: #fff;
}


/*-------*/
.dark-blue-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active .icon path,
.dark-blue-bg-custom.btn.btn-primary:active .icon path,
.dark-blue-bg-custom.btn.btn-primary:focus .icon path,
.dark-blue-bg-custom.btn.btn-primary.focus .icon path,
/*-------*/
.dark-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active .icon path,
.dark-bg-custom.btn.btn-primary:active .icon path,
.dark-bg-custom.btn.btn-primary:focus .icon path,
.dark-bg-custom.btn.btn-primary.focus .icon path,
/*-------*/
.dark-blue-bg2-custom.btn.btn-primary:not(:disabled):not(.disabled):active .icon path,
.dark-blue-bg2-custom.btn.btn-primary:active .icon path,
.dark-blue-bg2-custom.btn.btn-primary:focus .icon path,
.dark-blue-bg2-custom.btn.btn-primary.focus .icon path,
/*-------*/
.grey-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active .icon path,
.grey-bg-custom.btn.btn-primary:active .icon path,
.grey-bg-custom.btn.btn-primary:focus .icon path,
.grey-bg-custom.btn.btn-primary.focus .icon path,
/*-------*/
.dark-blue-bg-custom.btn.btn-primary:hover .icon path,
.dark-bg-custom.btn.btn-primary:hover .icon path,
.dark-blue-bg2-custom.btn.btn-primary:hover .icon path,
.grey-bg-custom.btn.btn-primary:hover .icon path{
    fill: #c08b22;
}
/*--------------primary btn on light bg------------------------------*/

.gold-bg-custom.btn.btn-primary,
.light-blue-bg-custom.btn.btn-primary {
    background: #fff;
    background-color: #fff;
    border-color: #fff;
    color: #c08b22;
}
.gold-bg-custom.btn.btn-primary .icon,
.light-blue-bg-custom.btn.btn-primary .icon{
     background: #fff;
}
.gold-bg-custom.btn.btn-primary .icon path,
.light-blue-bg-custom.btn.btn-primary .icon path{
     fill: #c08b22;
}



.gold-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active ,
.gold-bg-custom.btn.btn-primary:active ,
.gold-bg-custom.btn.btn-primary:focus ,
.gold-bg-custom.btn.btn-primary.focus ,
/*-------*/
.light-blue-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active ,
.light-blue-bg-custom.btn.btn-primary:active ,
.light-blue-bg-custom.btn.btn-primary:focus ,
.light-blue-bg-custom.btn.btn-primary.focus ,
/*-------*/
.gold-bg-custom.btn.btn-primary:hover,
.light-blue-bg-custom.btn.btn-primary:hover {
    background: #162835;
    border-color: #162835;
    color: #fff;
}


.gold-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active .icon,
.gold-bg-custom.btn.btn-primary:active .icon,
.gold-bg-custom.btn.btn-primary:focus .icon,
.gold-bg-custom.btn.btn-primary.focus .icon,
/*-------*/
.light-blue-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active .icon,
.light-blue-bg-custom.btn.btn-primary:active .icon,
.light-blue-bg-custom.btn.btn-primary:focus .icon,
.light-blue-bg-custom.btn.btn-primary.focus .icon,
/*-------*/
.gold-bg-custom.btn.btn-primary:hover .icon,
.light-blue-bg-custom.btn.btn-primary:hover  .icon{
    background: #162835;
}

.gold-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active .icon path,
.gold-bg-custom.btn.btn-primary:active .icon path,
.gold-bg-custom.btn.btn-primary:focus .icon path,
.gold-bg-custom.btn.btn-primary.focus .icon path,
/*-------*/
.light-blue-bg-custom.btn.btn-primary:not(:disabled):not(.disabled):active .icon path,
.light-blue-bg-custom.btn.btn-primary:active .icon path,
.light-blue-bg-custom.btn.btn-primary:focus .icon path,
.light-blue-bg-custom.btn.btn-primary.focus .icon path,
/*-------*/
.gold-bg-custom.btn.btn-primary:hover .icon path,
.light-blue-bg-custom.btn.btn-primary:hover .icon path{
     fill: #fff;
}

/*--------------outline btn ------------------------------*/
.btn.btn-outline-primary {
    border-color: #c08b22;
    color: #c08b22;
    background-color: transparent !important;
    background: transparent !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn.btn-outline-primary:active ,
.btn.btn-outline-primary:focus ,
.btn.btn-outline-primary.focus ,
.btn.btn-outline-primary:hover {
    border-color: #286f8a;
    color: #286f8a;
    background: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active .icon,
.btn.btn-outline-primary:active .icon,
.btn.btn-outline-primary:focus .icon,
.btn.btn-outline-primary.focus .icon,
.btn.btn-outline-primary:hover .icon{
    background: #286f8a;
}
.site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type="button"]:disabled, .site-container input[type="button"]:disabled:hover, .site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover, .site-container input[type="submit"]:disabled, .site-container input[type="submit"]:disabled:hover {
    border-width: 2px;
}

/*--------------outline btn on dark bg------------------------------*/
.dark-blue-bg-custom.btn-outline-primary:not(:disabled):not(.disabled):active ,
.dark-blue-bg-custom.btn.btn-outline-primary:active ,
.dark-blue-bg-custom.btn.btn-outline-primary:focus ,
.dark-blue-bg-custom.btn.btn-outline-primary.focus ,

.dark-bg-custom.btn-outline-primary:not(:disabled):not(.disabled):active ,
.dark-bg-custom.btn.btn-outline-primary:active ,
.dark-bg-custom.btn.btn-outline-primary:focus ,
.dark-bg-custom.btn.btn-outline-primary.focus ,

.dark-blue-bg2-custom.btn-outline-primary:not(:disabled):not(.disabled):active ,
.dark-blue-bg2-custom.btn.btn-outline-primary:active ,
.dark-blue-bg2-custom.btn.btn-outline-primary:focus ,
.dark-blue-bg2-custom.btn.btn-outline-primary.focus ,

.grey-bg-custom.btn-outline-primary:not(:disabled):not(.disabled):active ,
.grey-bg-custom.btn.btn-outline-primary:active ,
.grey-bg-custom.btn.btn-outline-primary:focus ,
.grey-bg-custom.btn.btn-outline-primary.focus ,

.dark-blue-bg-custom.btn.btn-outline-primary:hover,
.dark-bg-custom.btn.btn-outline-primary:hover,
.dark-blue-bg2-custom.btn.btn-outline-primary:hover,
.grey-bg-custom.btn.btn-outline-primary:hover{
    border-color: #fff;
    color: #fff;
}


.dark-blue-bg-custom.btn.btn-outline-primary:not(:disabled):not(.disabled):active .icon,
.dark-blue-bg-custom.btn.btn-outline-primary:active .icon,
.dark-blue-bg-custom.btn.btn-outline-primary:focus .icon,
.dark-blue-bg-custom.btn.btn-outline-primary.focus .icon,
/*---------*/
.dark-bg-custom.btn.btn-outline-primary:not(:disabled):not(.disabled):active .icon,
.dark-bg-custom.btn.btn-outline-primary:active .icon,
.dark-bg-custom.btn.btn-outline-primary:focus .icon,
.dark-bg-custom.btn.btn-outline-primary.focus .icon,
/*---------*/
.dark-blue-bg2-custom.btn.btn-outline-primary:not(:disabled):not(.disabled):active .icon,
.dark-blue-bg2-custom.btn.btn-outline-primary:active .icon,
.dark-blue-bg2-custom.btn.btn-outline-primary:focus .icon,
.dark-blue-bg2-custom.btn.btn-outline-primary.focus .icon,
/*---------*/
.grey-bg-custom.btn.btn-outline-primary:not(:disabled):not(.disabled):active .icon,
.grey-bg-custom.btn.btn-outline-primary:active .icon,
.grey-bg-custom.btn.btn-outline-primary:focus .icon,
.grey-bg-custom.btn.btn-outline-primary.focus .icon,
/*---------*/
.dark-blue-bg-custom.btn.btn-outline-primary:hover .icon,
.dark-bg-custom.btn.btn-outline-primary:hover .icon,
.dark-blue-bg2-custom.btn.btn-outline-primary:hover .icon,
.grey-bg-custom.btn.btn-outline-primary:hover .icon{
    background: #fff;
}



.dark-blue-bg-custom.btn.btn-outline-primary:not(:disabled):not(.disabled):active .icon path,
.dark-blue-bg-custom.btn.btn-outline-primary:active .icon path,
.dark-blue-bg-custom.btn.btn-outline-primary:focus .icon path,
.dark-blue-bg-custom.btn.btn-outline-primary.focus .icon path,
/*---------*/
.dark-bg-custom.btn.btn-outline-primary:not(:disabled):not(.disabled):active .icon path,
.dark-bg-custom.btn.btn-outline-primary:active .icon path,
.dark-bg-custom.btn.btn-outline-primary:focus .icon path,
.dark-bg-custom.btn.btn-outline-primary.focus .icon path,
/*---------*/
.dark-blue-bg2-custom.btn.btn-outline-primary:not(:disabled):not(.disabled):active .icon path,
.dark-blue-bg2-custom.btn.btn-outline-primary:active .icon path,
.dark-blue-bg2-custom.btn.btn-outline-primary:focus .icon path,
.dark-blue-bg2-custom.btn.btn-outline-primary.focus .icon path,
/*---------*/
.grey-bg-custom.btn.btn-outline-primary:not(:disabled):not(.disabled):active .icon path,
.grey-bg-custom.btn.btn-outline-primary:active .icon path,
.grey-bg-custom.btn.btn-outline-primary:focus .icon path,
.grey-bg-custom.btn.btn-outline-primary.focus .icon path,
/*---------*/
.dark-blue-bg-custom.btn.btn-outline-primary:hover .icon path,
.dark-bg-custom.btn.btn-outline-primary:hover .icon path,
.dark-blue-bg2-custom.btn.btn-outline-primary:hover .icon path,
.grey-bg-custom.btn.btn-outline-primary:hover .icon path{
    fill: #c08b22;
}
/*--------------outline btn on light bg------------------------------*/
.gold-bg-custom.btn.btn-outline-primary,
.light-blue-bg-custom.btn.btn-outline-primary {
    border-color: #fff;
    color: #fff;
}
.gold-bg-custom.btn.btn-outline-primary .icon,
.light-blue-bg-custom.btn.btn-outline-primary .icon {
    background: #fff;
}
.gold-bg-custom.btn.btn-outline-primary .icon path,
.light-blue-bg-custom.btn.btn-outline-primary .icon path,.gold-bg-custom.btn.btn-outline-primary .icon g,
.light-blue-bg-custom.btn.btn-outline-primary .icon g{
    fill: #c08b22;
}

.gold-bg-custom.btn.btn-outline-primary:hover,
.light-blue-bg-custom.btn.btn-outline-primary:hover {
    border-color: #162835;
    color: #fff;
}
.gold-bg-custom.btn.btn-outline-primary:hover .icon,
.light-blue-bg-custom.btn.btn-outline-primary:hover .icon {
    background: #162835;
}
.gold-bg-custom.btn.btn-outline-primary:hover .icon path,
.light-blue-bg-custom.btn.btn-outline-primary:hover .icon path{
    fill: #fff;
}