/*.selected
{
 transition : transform 0.5s ease-in-out;
}*/

.addreward img{
    background-color: #cccccc;
    border-radius: 50%;
}

.selected img{
    background-color: #8C6C2C !important;
    border-radius: 50%;
}


#banner-carousel .carousel-item img {
    min-height: 350px;
}

#exclusive-welcome-rewards input {
     background: none;
     width: 7,2rem;
}

html:not(.ie) .slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 2px;
    background: #d8d8d8;
    outline: 0;
    -webkit-transition: .2s;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
@media (max-width:768px) {
    .citi-carousel-caption h1 {
        font-size: 25px !important;        
        line-height: 30px !important;
        margin-bottom: 15px !important;    
 }
 .inner-container .gold-button{
     margin-top: 15px;
 }
 .citi-carousel-caption p {
    font-weight: 300;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #fff;
}
div .bg-wealth-gold{
    padding-bottom: 100px !important;
}
.icon_first:first-child{
    height: 45px;
}
div .icon-wrapper {
    margin-bottom: 5px;
    height: 62px;
}
.wealth-sticky-foot h5{
    font-size: 16px;
    line-height: 20px;
}
.wealth-sticky-foot .white-button{ 
    padding: 0px;
    line-height: 30px;
    font-size: 16px;
    margin-top: 5px;
}
 #wealth-slider .modal-dialog,
.modal-dialog{
    width: 90%;
    margin: auto;
}
.mob_view1 h2{
    font-size: 30px;
    line-height: 36px;
}
  .card-container{
    min-height: 220px;
    margin: 10px 0px;
  }
}
@media (max-width:400px) {
    .or-button::after{
        width: 29% !important;
        right: 13%  !important;     
    }
    
    .or-button::before{
        width: 29% !important;
        left: 13% !important;
    }
}
@media (max-width:1100px) {
	  .mob_hide{
        display: none;
    }
}
@media (max-width:992px) {
    div.or-button {
        position: static;
    }
    .wealth-sticky-foot .close-sticky-foot{
        top: 5px;
        right:5px;
    }
    .wealth-sticky-foot h5{
        font-size: 16px;
        line-height: 20px;
    }
    .wealth-sticky-foot .white-button{ 
        padding: 0px;
        line-height: 30px;
        font-size: 16px;
        margin-top: 5px;
    }
    div .wealth-sticky-foot{
        min-height: 120px;
    }
    .mob_hide{
        display: none;
    }
    .or-button::after{
        content: '';
        width: 38%;
        border-color: var(--color-gold) !important;
        position: absolute;
        right: 7%;     
        border: 1px solid;
    }
    
    .or-button::before{
        content: '';
        width: 38%;
        border-color: var(--color-gold) !important;
        position: absolute;
        left: 7%;
        border: 1px solid;
    }
    
div.border-gold {
     border: 0px!important;
    }
}



.citigold-promotion {
    background: url('/wealth-management/citigold/wealth-journey/img/citigold-first-banner.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 63px !important;
}



.more-hide {
    display: none;
}

@media (max-width:414px) {
    .scroll-xs {
        width: 70vw;
        overflow-x: scroll;
    }
}

@media only screen and (min-device-width : 432px) and (max-device-width : 936px) and (orientation : portrait) {
    .scroll-xs {
        width: 70vw;
        overflow-x: scroll;
    }

    #banner-carousel {
        display: block;
    }
}

@media only screen and (min-device-width : 430px) and (max-device-width : 932px) and (orientation : portrait) {
    .scroll-xs {
        width: 70vw;
        overflow-x: scroll;
    }

    #banner-carousel {
        display: block;
    }
}

@media only screen and (min-device-width : 810px) and (max-device-width : 1080px) and (orientation : portrait) {
    .more-hide {
        display: block;
        float: right;
        margin-right: 10%;
    }

    .scroll-xs {
        width: 70vw;
        overflow-x: scroll;
    }

    body {
        overflow-x: hidden !important;
    }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .more-hide {
        display: block;
        float: right;
        margin-right: 10%;
    }
}

.popup-table {
    table-layout: inherit !important;
}

.visible-desk {
    display: block;
}

.visible-mobile {
    display: none;
}

.visible-tab {
    display: none;
}

@media (min-width: 992px) {


    .max-width-image.mt-15 {
        height: 31rem;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .search-form {
        top: 0%;
    }

    .visible-desk {
        display: none;
    }

    .visible-mobile {
        display: none;
    }

    .visible-tab {
        display: block;
    }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
    .search-form {
        top: 0% !important;
    }

    .more-hide {
        display: block;
        float: right;
        margin-right: 20%;
    }

    #footer-menu {
        display: none;
    }

    .visible-desk {
        display: none;
    }

    .visible-mobile {
        display: block;
    }

    .visible-tab {
        display: none;
    }

    ul.row.row-eq-height.nav.nav-tabs > li {
        font-size: 11px !important;
    }
}

@media only screen and (min-device-width : 360px) and (max-device-width : 740px) and (orientation : portrait) {
    .search-form {
        top: 0% !important;
    }

    .more-hide {
        display: block;
        float: right;
        margin-right: 20%;
    }

    #footer-menu {
        display: none;
    }

    .visible-desk {
        display: none;
    }

    .visible-mobile {
        display: block;
    }

    .visible-tab {
        display: none;
    }

    ul.row.row-eq-height.nav.nav-tabs > li {
        font-size: 11px !important;
    }
}



.customers {
    border-collapse: collapse;
    width: 100%;
}

    .customers td, #customers th {
        border: 1px solid #CCC;
        padding: 8px;
    }

.newal {
    text-align: center !important;
    background-color: #ffffff !important;
}

.newt {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #B4975A;
    color: white;
}

.cus-font {
    font-size: 46px !important;
    line-height: 56px !important;
}

.cus-h2 {
    font-size: 30px !important;
    line-height: 42px !important;
}

.cus-h3 {
    font-size: 24px !important;
    line-height: 28px !important;
}

.large-1 {
    font-size: 18px;
}



.close-1 {
    right: 19px !important;
}

.modal-body {
    padding: 25px 15px !important;
}

.modal-body {
    justify-content: normal !important;
}

.bgc {
    text-align: center !important;
    background-color: #b4975a33;
}

@media (max-width:1199px) {
    #scroll-to-top {
        top: -1.5rem !important;
    }

    .cus-pad {
        padding-bottom: 22px;
    }

    .cus-1-h5 {
        font-size: 18px !important;
    }

    .mob-hd {
        display: none;
        width: 100% !important;
    }

    .or-button {
        margin-top: 20px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .wealth-sticky-foot {
        height: 11vh;
    }

    .cus-font {
        font-size: 35px !important;
        line-height: 50px !important;
    }

  
  
}

@media (max-width:766px) {
    .cus-pad {
        padding-bottom: 50px !important;
    }

    .wealth-sticky-foot {
        height: 144px;
    }

    .modal-dialog {
        max-width: 94%;
    }

    .or-button {
        margin-top: 20px;
    }

    .mt-15 {
        margin-top: 15px !important;
    }

  

    .cus-font {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    .mob-hd1 {
        display: none;
        width: 100% !important;
    }

    .cus-h2 {
        font-size: 25px !important;
        line-height: 32px !important;
    }
}

@media (max-width:414px) {
    #banner-carousel {
        display: block !important;
    }
}


@media (max-width:769px) {
    .cus-blk {
        display: block;
    }
}



.mini-header {
    background: #163c6a !important;
}

.main-container {
    background: #163c6a !important;
}

figure {
    margin: 0 0 0rem !important;
}

.brand.citigold {
    /*background-color: var(--color-gold);*/
    background: #FFF !important;
    background-image: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 0;
    gap: 61px;
}

.searchHeader {
    padding:0px 0 0px 0;
}

.pull-right {
    float: right !important;
}

.search-form {
    display: block !important;
    right: 30px;
}

/*! CSS Used from: https://www.citibank.com.sg/citigold/gcb/css/gss.css */
#gssSearchBox {
    height: 15px;
}

.gsc-clear-button, .gsib_b {
    display: none !important;
}

.gsc-control-cse {
    font-family: Arial, sans-serif !important;
    vertical-align: bottom !important;
}

table.gsc-search-box {
    height: 15px;
    margin: 0px !important;
    width: 72% !important;
}

form.gsc-search-box, input.gsc-input {
    font-size: 10px !important;
    margin: 0px !important;
    width: 100% !important;
}

td.gsib_a, td.gsc-input {
    padding: 0px !important;
    width: 100% !important;
}

input.gsc-input, .gsc-input-box {
    background-image: none !important;
    border: none !important;
    height: 15px !important;
    margin: 0 !important;
}
/*! CSS Used from: https://www.citibank.com.sg/citigold/css/style.css ; media=screen */
@media screen {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        *:before, *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    div, span, form, table, tbody, tr, td, section {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
    }

    section, a {
        display: block;
        margin: 0px;
        padding: 0px;
    }

    a {
        text-decoration: none;
        color: #B4975A;
        outline: 0px;
        display: inline-block;
    }

    input {
        outline: 0px;
    }

    input {
        outline: 0px;
    }

    .container {
        width: 1480px;
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }

    .innerContainer {
        margin: 0px auto;
        float: none !important;
    }

    .col12, .col10 {
        position: relative;
        padding: 0 10px;
        float: left;
    }

    /* .container {
        display: table;
        content: "";
    } */

    @media (min-width: 992px) {
        .col12 {
            width: 100%;
        }

        .col10 {
            width: 83.33333333%;
        }
    }

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

    .searchBar {
        -webkit-box-shadow: 0 5px 5px -4px #cccccc;
        -moz-box-shadow: 0 5px 5px -4px #cccccc;
        box-shadow: 0 5px 5px -4px #cccccc;
        box-shadow: 0 5px 5px -4px #cccccc;
        margin-bottom: 0px;
        margin-top: 50px;
    }

    .innerwrap {
        margin-bottom: 70px;
        display: inline-block;
    }

    .searchIcon {
        border: 0px;
        background: url("https://www.citibank.com.sg/citigold/images/icons/search_icon_gold.png") no-repeat scroll 10px 0px;
        display: inline-block;
        float: left;
        width: 40px;
        height: 20px;
        position: absolute;
    }

    .searchBar .search-close {
        font-family: "interstate", arial;
        display: inline-block;
        float: right;
        width: 100%;
        margin-bottom: 20px;
        position: relative;
    }

        .searchBar .search-close a {
            color: #000000;
            position: absolute;
            right: 0px;
            top: 15px;
        }

    table {
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
    }

    input.searchBtn {
        background: none;
        border: none;
        cursor: pointer;
        float: right;
        font-size: 10px;
        margin: 1px 0 0;
        outline: none;
        padding: 0;
        width: 0px;
    }

    .gsc-search-box input.gsc-input {
        border: 0px;
        border-bottom: 1px solid #cccccc !important;
        font-family: "interstate-light", arial;
        font-size: 16px !important;
        padding-bottom: 12px !important;
        height: auto !important;
        margin-left: 10px !important;
        padding-left: 30px !important;
        border-radius: 0px;
    }

    .gsc-search-box input, #gssSearchBox .gsc-input-box {
        border: 0px !important;
        box-shadow: none !important;
        height: auto !important;
    }

    #gssSearchBox table.gsc-search-box {
        width: 100% !important;
    }

    .gsc-tabHeader.gsc-tabhInactive {
        height: 27px !important;
    }

    .searchBar .search-close a {
        background: url("https://www.citibank.com.sg/citigold/images/icons/close_navigation.png") no-repeat scroll 0px 0px;
        width: 17px;
        height: 17px;
    }

    .searchBar form.gsc-search-box {
        margin-left: 0 !important;
    }

    .gsc-control-cse {
        padding: 0 !important;
    }

    .searchBar {
        -webkit-box-shadow: 0 5px 5px -4px #cccccc;
        -moz-box-shadow: 0 5px 5px -4px #cccccc;
        box-shadow: 0 5px 5px -4px #cccccc;
        box-shadow: 0 5px 5px -4px #cccccc;
        margin-bottom: 0px;
        margin-top: 50px;
    }

    .innerwrap {
        margin-bottom: 70px;
        display: inline-block;
    }

    .searchIcon {
        border: 0px;
        background: url("https://www.citibank.com.sg/citigold/images/icons/search_icon_gold.png") no-repeat scroll 10px 0px;
        display: inline-block;
        float: left;
        width: 40px;
        height: 20px;
        position: absolute;
        margin-top: 2px;
    }

    .searchBar .search-close {
        font-family: "interstate", arial;
        display: inline-block;
        float: right;
        width: 100%;
        margin-bottom: 11px;
        position: relative;
    }

        .searchBar .search-close a {
            color: #000000;
            position: absolute;
            right: 0px;
            top: 15px;
        }

    table {
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
    }

    input.searchBtn {
        background: none;
        border: none;
        cursor: pointer;
        float: right;
        font-size: 10px;
        margin: 1px 0 0;
        outline: none;
        padding: 0;
        width: 0px;
    }

    .gsc-search-box input.gsc-input {
        border: 0px;
        border-bottom: 1px solid #cccccc !important;
        font-family: "interstate-light", arial;
        font-size: 16px !important;
        padding-bottom: 20px !important;
        height: auto !important;
        margin-left: 10px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        border-radius: 0px;
    }

    .gsc-search-box input, #gssSearchBox .gsc-input-box {
        border: 0px !important;
        box-shadow: none !important;
        height: auto !important;
    }

    #gssSearchBox table.gsc-search-box {
        width: 100% !important;
    }

    .gsc-tabHeader.gsc-tabhInactive {
        height: 27px !important;
    }

    .searchBar .search-close a {
        background: url("https://www.citibank.com.sg/citigold/images/icons/close_navigation.png") no-repeat scroll 0px 0px;
        width: 17px;
        height: 17px;
    }

    .searchBar form.gsc-search-box {
        margin-left: 0 !important;
    }

    svg {
        overflow: hidden;
    }

    @media (max-width: 1500px) {
        .container {
            width: 100%;
        }
    }

    @media (max-width: 1200px) {
        .col10.innerContainer {
            width: 100%;
        }
    }

    @media (max-width: 767px) {
        .mt-sm {
            margin-top: 8px;
        }

        .menuRow {
            width: 100%;
        }

            .menuRow .container {
                padding-left: 0px;
                padding-right: 0px;
            }

        .gsc-search-box input.gsc-input {
            padding-bottom: 14px !important;
        }

        svg {
            margin: 0px auto;
        }
    }
}
/*! CSS Used from: https://www.citibank.com.sg/citigold/css/style2.css ; media=screen */
@media screen {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        *:before, *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    div, span, form, table, tbody, tr, td, section {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
    }

    section, a {
        display: block;
        margin: 0px;
        padding: 0px;
    }

    a {
        text-decoration: none;
        color: #B4975A;
        outline: 0px;
        display: inline-block;
    }

    input {
        outline: 0px;
    }

    input {
        outline: 0px;
    }

    .container {
        width: 1480px;
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
    }

    .innerContainer {
        margin: 0px auto;
        float: none !important;
    }

    .col12, .col10 {
        position: relative;
        padding: 0 10px;
        float: left;
    }

    /* .container {
        display: table;
        content: "";
    } */

    @media (min-width: 992px) {
        .col12 {
            width: 100%;
        }

        .col10 {
            width: 83.33333333%;
        }
    }

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

    .searchBar {
        -webkit-box-shadow: 0 5px 5px -4px #cccccc;
        -moz-box-shadow: 0 5px 5px -4px #cccccc;
        box-shadow: 0 5px 5px -4px #cccccc;
        box-shadow: 0 5px 5px -4px #cccccc;
        margin-bottom: 0px;
        margin-top: 50px;
    }

    .innerwrap {
        margin-bottom: 70px;
        display: inline-block;
    }

    .searchIcon {
        border: 0px;
        background: url("https://www.citibank.com.sg/citigold/images/icons/search_icon_gold.png") no-repeat scroll 10px 0px;
        display: inline-block;
        float: left;
        width: 40px;
        height: 20px;
        position: absolute;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
    }

    input.searchBtn {
        background: none;
        border: none;
        cursor: pointer;
        float: right;
        font-size: 10px;
        margin: 1px 0 0;
        outline: none;
        padding: 0;
        width: 0px;
    }

    .gsc-search-box input.gsc-input {
        border: 0px;
        border-bottom: 1px solid #cccccc !important;
        font-family: "interstate-light";
        font-size: 16px !important;
        padding-bottom: 20px !important;
        height: auto !important;
        margin-left: 10px !important;
        padding-left: 30px !important;
        border-radius: 0px;
    }

    .gsc-search-box input, #gssSearchBox .gsc-input-box {
        border: 0px !important;
        box-shadow: none !important;
        height: auto !important;
    }

    #gssSearchBox table.gsc-search-box {
        width: 100% !important;
    }

    .gsc-tabHeader.gsc-tabhInactive {
        height: 27px !important;
    }

    .searchBar form.gsc-search-box {
        margin-left: 0 !important;
    }

    .gsc-control-cse {
        padding: 0 !important;
    }

    .searchBar {
        -webkit-box-shadow: 0 5px 5px -4px #cccccc;
        -moz-box-shadow: 0 5px 5px -4px #cccccc;
        box-shadow: 0 5px 5px -4px #cccccc;
        box-shadow: 0 5px 5px -4px #cccccc;
        margin-bottom: 0px;
        margin-top: 50px;
    }

    .innerwrap {
        margin-bottom: 70px;
        display: inline-block;
    }

    .searchIcon {
        border: 0px;
        background: url("https://www.citibank.com.sg/citigold/images/icons/search_icon_gold.png") no-repeat scroll 10px 0px;
        display: inline-block;
        float: left;
        width: 40px;
        height: 20px;
        position: absolute;
        margin-top: 2px;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
        table-layout: fixed;
    }

    input.searchBtn {
        background: none;
        border: none;
        cursor: pointer;
        float: right;
        font-size: 10px;
        margin: 1px 0 0;
        outline: none;
        padding: 0;
        width: 0px;
    }

    .gsc-search-box input.gsc-input {
        border: 0px;
        border-bottom: 1px solid #cccccc !important;
        font-family: "interstate-light";
        font-size: 16px !important;
        padding-bottom: 20px !important;
        height: auto !important;
        margin-left: 10px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
        border-radius: 0px;
    }

    .gsc-search-box input, #gssSearchBox .gsc-input-box {
        border: 0px !important;
        box-shadow: none !important;
        height: auto !important;
    }

    #gssSearchBox table.gsc-search-box {
        width: 100% !important;
    }

    .gsc-tabHeader.gsc-tabhInactive {
        height: 27px !important;
    }

    .searchBar form.gsc-search-box {
        margin-left: 0 !important;
    }

    @media (max-width: 1500px) {
        .container {
            width: 100%;
        }
    }

    @media (max-width: 1200px) {
        .col10.innerContainer {
            width: 100%;
        }
    }

    @media (max-width: 767px) {
        .menuRow {
            width: 100%;
        }

            .menuRow .container {
                padding-left: 0px;
                padding-right: 0px;
            }

        .gsc-search-box input.gsc-input {
            padding-bottom: 14px !important;
        }
    }
}
/*! CSS Used from: https://www.citibank.com.sg/citigold/css/citigold_promotions.css ; media=screen */
@media screen {
    input {
        outline: none;
    }

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

    input:focus {
        border: 1px solid #B4975A !important;
    }

    ::placeholder {
        opacity: 1;
        color: #333;
    }

    @media screen and (min-width: 320px) and (max-width: 767px) {
        .container {
            width: 100%;
        }

        table {
            font-size: 10px;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1024px) {
        table {
            font-size: 14px;
        }
    }
}
/*! CSS Used from: Embedded */
.searchIcon {
    margin-top: 8px !important;
    margin-left: 7px !important;
}

.gsc-search-box input.gsc-input {
    padding-bottom: 14px !important;
    padding-left: 40px !important;
}

.gsc-search-button-v2 {
    padding: 11px 30px !important;
}

.searchBar .search-close a {
    right: 17px !important;
    top: 19px !important;
}

@media only screen and (min-device-width : 360px) and (max-device-width : 740px) and (orientation : portrait) {
    .gsc-search-box input.gsc-input {
        padding-bottom: 6px !important;
    }

    .searchBar {
        padding-right: 5% !important;
    }

        .searchBar .search-close a {
            margin-right: 20px !important;
            margin-top: 2px !important;
        }

    .searchIcon {
        margin-top: 9px !important;
        margin-left: 10px !important;
    }

    .gsc-search-button-v2 {
        font-size: 0 !important;
        padding: 6px 10px !important;
        width: auto !important;
        vertical-align: middle !important;
        border: 1px solid #666 !important;
        border-radius: 2px !important;
        border-color: #3079ed !important;
        background-color: #4d90fe !important;
    }
}

@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : portrait) {
    .searchBar {
        padding-right: 5% !important;
    }

        .searchBar .search-close a {
            margin-right: 15px !important;
            top: 28px !important;
        }

    .searchIcon {
        margin-top: 12px !important;
    }

    .gsc-search-button-v2 {
        font-size: 0 !important;
        padding: 10px 13px !important;
        width: auto !important;
        vertical-align: middle !important;
        border: 1px solid #666 !important;
        border-radius: 2px !important;
        border-color: #3079ed !important;
        background-color: #4d90fe !important;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .searchBar {
        padding-right: 5% !important;
    }

        .searchBar .search-close a {
            margin-right: 14px !important;
            top: 28px !important;
        }

    .searchIcon {
        margin-top: 13px !important;
    }

    .gsc-search-button-v2 {
        font-size: 0 !important;
        padding: 10px 13px !important;
        width: auto !important;
        vertical-align: middle !important;
        border: 1px solid #666 !important;
        border-radius: 2px !important;
        border-color: #3079ed !important;
        background-color: #4d90fe !important;
    }
}
/*! CSS Used from: https://www.google.com/cse/static/element/8e77c7877b8339e2/default+en.css */
.gsc-control-cse {
    padding: 1em;
}

.gsc-control-cse {
    width: auto;
    font-family: Arial, sans-serif;
    font-size: 13px;
}

.gsc-control-wrapper-cse {
    width: 100%;
}

form.gsc-search-box {
    font-size: 13px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 4px;
    margin-left: 0;
    width: 100%;
}

table.gsc-search-box {
    border-style: none;
    border-width: 0;
    border-spacing: 0 0;
    width: 100%;
    margin-bottom: 2px;
}

    table.gsc-search-box td {
        vertical-align: middle;
    }

        table.gsc-search-box td.gsc-input {
            padding-right: 12px;
        }

.gsc-search-button {
    width: 1%;
}

.gsc-search-button-v2 svg {
    fill: #fff;
}

.gsc-clear-button {
    width: 14px;
}

.gsc-search-button {
    margin-left: 2px;
}

.gsc-clear-button {
    display: inline;
    text-align: right;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('https://www.google.com/cse/static/css/v2/clear.png');
    cursor: pointer;
}

    .gsc-clear-button:hover {
        background-image: url('https://www.google.com/cse/static/css/v2/clear-hover.png');
    }

.gsc-search-box-tools .gsc-clear-button {
    display: none;
}

.gsc-results-close-btn {
    background-image: url("https://www.google.com/images/nav_logo114.png");
    background-repeat: no-repeat;
    background-position: -140px -230px;
    float: right;
    display: none;
    opacity: 0;
    height: 12px;
    width: 12px;
    position: absolute !important;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.gsc-results-wrapper-overlay {
    border: none;
    margin: auto;
    border-radius: 1px;
    overflow: auto;
    height: 80%;
    -webkit-box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);
    -ms-box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);
    -o-box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);
    box-shadow: 0 3px 10px rgba(34, 25, 25, 0.4);
    border-collapse: separate;
    background: white;
    padding: 30px;
    width: 70%;
    position: fixed !important;
    top: 5%;
    left: 12%;
    opacity: 0;
    z-index: 100002;
    visibility: hidden;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#888888')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=135, Color='#888888');
}

.gsc-modal-background-image {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 130%;
    width: 100%;
    z-index: 100001;
    background-color: white;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    display: none;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

input.gsc-input {
    padding: 1px 6px;
    border: 1px solid #ddd;
    width: 99%;
}

.gsc-positioningWrapper {
    position: relative;
}

.gsc-tabsAreaInvisible, .gsc-refinementsAreaInvisible {
    display: none;
}

.gsc-tabHeader {
    border: none;
    font-size: 13px;
    font-weight: bold;
    line-height: 27px;
    min-width: 54px;
    padding: 0 8px 1px 8px;
    text-align: center;
}

    .gsc-tabHeader.gsc-tabhInactive {
        cursor: pointer;
    }

.gsc-tabData.gsc-tabdActive {
    display: block;
}

.gsc-tabData.gsc-tabdInactive {
    display: none;
}

.gsc-resultsbox-invisible {
    display: none;
}

.gsc-wrapper {
    position: relative;
    display: block;
}

.gsc-adBlockInvisible {
    display: none;
}

.gsc-above-wrapper-area-invisible {
    display: none;
}

.gsc-above-wrapper-area-container {
    width: 100%;
}

.gsc-result-info-container {
    text-align: left;
}

.gsc-result-info-invisible {
    display: none;
}

.gsc-orderby-container {
    text-align: right;
    background: transparent;
}

.gsc-orderby-invisible {
    display: none;
}

.gsc-orderby-label {
    color: #676767;
    padding: 5px 5px 6px 0;
}

.gsc-selected-option-container {
    background-color: whiteSmoke;
    background-image: linear-gradient(top, whiteSmoke, #f1f1f1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    cursor: default;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    max-width: 90%;
    min-width: 54px;
    outline: 0;
    padding: 0 28px 0 6px;
    position: relative;
    text-align: center;
}

.gsc-selected-option {
    position: relative;
    width: 100%;
}

.gsc-control-cse .gsc-option-selector {
    border: none;
    height: 11px;
    margin-top: -4px;
    position: absolute;
    right: 5px;
    top: 12px;
    width: 7px;
    padding: 0 5px 0 5px;
    background: url(https://ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) center no-repeat;
}

.gsc-option-menu-invisible {
    display: none;
}

.gsc-control-cse .gsc-option-menu-container {
    color: #000;
    font-size: 80%;
    position: relative;
}

.gsc-option-menu-item {
    color: #777;
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 0 30px 0 30px;
    white-space: nowrap;
}

.gsc-option-menu-item-highlighted {
    background-color: #eee;
    border-color: #eee;
    border-width: 1px 0;
    color: #333;
}

.gsc-option {
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
    line-height: 27px;
    text-align: left;
}

.gsc-control-cse:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

html > body .gsc-inline-block {
    display: -moz-inline-box;
    display: inline-block;
}

.gsc-inline-block {
    display: inline-block;
}
/*! CSS Used from: https://www.google.com/cse/static/style/look/v4/default.css */
.gsc-control-cse {
    background-color: #fff;
    border: 1px solid #fff;
}

.gsc-input {
    font-size: 16px;
}

.gsc-input-box {
    border: 1px solid #dfe1e5;
    background: #fff;
}

.gsc-search-button-v2 {
    font-size: 0;
    padding: 6px 27px;
    width: auto;
    vertical-align: middle;
    border: 1px solid #666;
    border-radius: 2px;
    border-color: #3079ed;
    background-color: #4d90fe;
    background-image: linear-gradient(top, #4d90fe, #4787ed);
}

    .gsc-search-button-v2:hover {
        border-color: #2f5bb7;
        background-color: #357ae8;
        background-image: linear-gradient(top, #4d90fe, #357ae8);
    }

    .gsc-search-button-v2 svg {
        fill: #fff;
    }

.gsc-tabHeader.gsc-tabhInactive {
    color: #666;
}

.gsc-tabHeader.gsc-tabhActive {
    border-bottom: 2px solid #1a73e8;
    color: #1a73e8;
}
/*! CSS Used from: Embedded */
.gsc-control-cse {
    font-family: arial, sans-serif;
}

.gsc-control-cse {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}

input.gsc-input, .gsc-input-box {
    border-color: #D9D9D9;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: #666666;
    background-color: #CECECE;
    background-image: none;
    filter: none;
}

    .gsc-search-button-v2 svg {
        fill: #FFFFFF;
    }

.gsc-tabHeader.gsc-tabhActive {
    color: #CCCCCC;
    border-color: #CCCCCC;
    background-color: #FFFFFF;
}

.gsc-tabHeader.gsc-tabhInactive {
    color: #CCCCCC;
    border-color: #CCCCCC;
    background-color: #FFFFFF;
}
/*! CSS Used from: Embedded */
.gscb_a {
    display: inline-block;
    font: 27px/13px arial,sans-serif;
}

.gsst_a .gscb_a {
    color: #a1b9ed;
    cursor: pointer;
}

.gsst_a:hover .gscb_a, .gsst_a:focus .gscb_a {
    color: #36c;
}

.gsst_a {
    display: inline-block;
}

.gsst_a {
    cursor: pointer;
    padding: 0 4px;
}

    .gsst_a:hover {
        text-decoration: none !important;
    }

.gsst_b {
    font-size: 16px;
    padding: 0 2px;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    white-space: nowrap;
}

.gsib_a {
    width: 100%;
    padding: 4px 6px 0;
}

.gsib_a, .gsib_b {
    vertical-align: top;
}

.gsib_a {
    padding: 5px 9px 4px 9px;
}

.gscb_a {
    line-height: 27px;
}

.small {
    font-size: 14px !important;
}