/*@font-face{font-weight:normal;src:url("/uae/citigold/Data/fonts/interstate_bold.eot?#iefix") format("embedded-opentype"), url("/uae/citigold/Data/fonts/interstate_bold.woff") format("woff"), url("/uae/citigold/Data/fonts/interstate_bold.woff") format("truetype"), url("/uae/citigold/Data/fonts/interstate_bold.svg#Citibank") format("svg");}*/
.searchIcon{border:0px;background:url("/uae/citigold/Data/images/icon/search_icon_gold.png") no-repeat scroll 10px 0px;}
.searchBar .search-close a{background:url("/ar/wealth-management/citigold/apply-now/images/close_navigation.png") no-repeat scroll 0px 0px;}
#back-top span{background:url("/ar/wealth-management/citigold/apply-now/images/carat_up_gold.png") no-repeat 10px 23px;}
.innerBanner{min-height: 200px;}
.input-box{background:#ffffff;}
.upArrow li a{font-size:14px;}
.TandC ol.numLst li {font-size: 16px;letter-spacing: 0;line-height: 22px;margin-left: 11px;padding: 0 5px 9px 5px;width: 97%;clear: both;font-family: 'interstate-light';color: #333333;}
.TandC .upArrow li a{text-align:left;border-top:0; font-family: 'interstate';}
.TandC .upArrow li a::before{content:'';position:absolute;display:block;width:15px;height:8px;left:10px;top:18px;background-image:url(/uae/citigold/Data/images/icons/carat_grey.png);transition:all 600ms ease;margin-left:15px;}

@media screen and (min-width: 1024px) {
  .pageBanner .bannerTxt {
    display: flex;
    align-items: normal !important;
    justify-content: center;
  }
  .pageBanner .bannerTxt > .innerBanner.cta-parent,
  .bannerTxt > .innerBanner1.cta-parent1 {
    margin: 0;
  }
}
.img-close-wrapr {
            top: -110px;
            position: absolute;
            left: -125px;
            display: inline-block;
            height: 267px;
            z-index: 99;
            width: 110px;
        }

        .close-mark {
            cursor: pointer;
            left: 90px;
            position: absolute;
            top: 2px;
        }

        .over_lay {
            position: fixed;
            display: none;
        }

        .img-close-wrapr {
            z-index: 99998;
        }

        .close-marks {
            cursor: pointer;
            position: absolute;
            right: -10px;
            top: -15px;
        }

        .over_lay-wrapper .over_lay-inner {
            background-color: white;
            padding: 0 1em;
            height: 100%;
        }

        .over_lay-wrapper1 .over_lay-inner {
            overflow: hidden;
        }

        .over_lay-wrapper1 {
            max-width: 795px;
            position: absolute;
            background-color: white;
            padding: 2em;
            width: 100%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .exmp-tooltip {
            float: right;
            font-size: 12px;
            display: block;
            width: 60%;
            color: rgb(255, 255, 255);
            text-align: center;
            position: absolute;
            top: -35px;
            right: 0px;
            visibility: hidden;
            opacity: 0;
            transition: all 0.25s linear;
            background: rgb(51, 51, 51);
            padding: 15px 0px;
            border-radius: 5px;
        }

        .exmp-tooltip::before {
            border-top-color: rgb(51, 51, 51) !important;
            border-width: 6px !important;
        }

        .exmp-tooltip::before {
            top: 100%;
            left: 50%;
            content: " ";
            height: 0px;
            width: 0px;
            position: absolute;
            pointer-events: none;
            border-width: initial;
            border-style: solid;
            border-color: transparent;
            border-image: initial;
        }

        .exmp-mobile {
            display: block;
            top: 15px;
            visibility: visible;
            opacity: 1;
        }

        /* 29-04-2019 */

        h3.subHeading {
            font-weight: bold;
            color: #B4975A;
        }

        .form-toplable p b {
            font-size: 20px;
        }

        .chatsection {
            position: relative;
        }

        div#contactus-form {
           /*  width: 450px;
            position: absolute; */
            right: 1px;
            top: -130px;
            padding: 0 25px;
            background: #fff;
            z-index: 1;
            margin: 0 auto;
            background-color: #eee;

        }
		.innerContainer#contactus-form{
			padding: 30px 0;		
		}
        #contactus-form .form-section {
            padding: 30px 0 30px 0 !important;
            width: 90%;
            margin: 0 auto;
            direction: rtl;
        }

        .cgc-main-container {
            padding: 0 20px;
            clear: left;
        }

        .cgc-additional-benefits-container {
            padding: 0% 35% 0 5%;
            min-height: 560px;
        }

        .cgc-additional-benefits-container>p {
            font-size: 16px;
            padding: 5% 0;
        }

        .cgc-ab-sections {
            padding: 0 5%;
        }

        .cgc-ab-section {
            display: table;
            width: 100%;
            padding: 5px 0;
        }

        .cgc-ab-section>.cgc-ab-image-section {
            width: 70px;
            padding-right: 20px;
        }

        .cgc-ab-section>.cgc-ab-image-section,
        .cgc-ab-section .cgc-ab-content-section {
            display: table-cell;
            vertical-align: middle;
        }

        .cgc-ab-section .cgc-ab-content-section p {
            font-size: 16px;
            margin: 0;
            padding: 0;
        }

        .cgc-relationship-container {
            padding: 40px 0;
            border-top: 1px solid #d7d7d7;
            margin: 40px 0;
        }

        .cgc-r-title-section>h3 {
            font-size: 20px;
            text-align: center;
            padding: 0 0 40px;
        }

        .cgc-r-steps-sections {
            display: table;
            width: 100%;
        }

        .cgc-r-steps-sections .cgc-r-steps-section {
            display: table-cell;
            text-align: center;
            vertical-align: top;
            width: 25%;
            padding: 0 10px;
        }

        .cgc-rs-icon-section {
            display: table;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 2px solid #b5995b;
            text-align: center;
            margin: 0 auto 20px;
        }

        .cgc-rs-icon-section .cgc-rs-icon-text {
            display: table-cell;
            vertical-align: middle;
            padding: 0;
            font-size: 16px;
            text-transform: uppercase;
        }

        .cgc-rs-content-section>p {
            padding: 0;
            font-size: 16px;
        }

        .cgc-benefits {
            padding: 5px;
            margin: 25px 0;
            border: 2px solid #b5995b;
        }

        .cgc-benefits h4 {
            text-align: center;
            padding: 20px 0;
            font-size: 20px;
            font-weight: bold;
        }

        .cgc-benefits ul {
            list-style-type: disc;
            padding: 5px 25px;
        }

        .cgc-benefits ul::after {
            display: block;
            content: '';
            clear: both;
        }

        .cgc-benefits ul li {
            width: 45%;
            box-sizing: content-box;
            padding: 5px;
            margin-right: 35px;
            min-height: 58px;
        }

        .errorCode,
        .errorCode2 {
            margin-bottom: 7px;
        }

        .inputField.fundfield {
            width: 100%;
            margin: 10px auto;
        }

        .fundmyacct {
            display: inline-block;
            width: 64%;
            vertical-align: top;
            padding-right: 10px;
        }

      /*  .switch {
            position: relative;
            height: 40px;
            width: 120px;
            background: #AFABAB;
            border-radius: 3px;
            -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
        }*/

        .switch.switch-yellow {
            display: inline-block;
            width: auto;
       
        }

        .switch-input {
            display: none;
        }

        .switch-label-off {
            padding-left: 2px;
        }

        .switch-label-on {
            padding-right: 2px;
        }

   /*     .switch-label {
            position: relative;
            z-index: 2;
            float: left;
            width: 58px;
            line-height: 40px;
            font-size: 14px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
            cursor: pointer;
			height: 40px;
        }

        .switch-input:checked+.switch-label {
            color: #fff;
            text-shadow: 0 1px rgba(255, 255, 255, 0.25);
            -webkit-transition: 0.15s ease-out;
            -moz-transition: 0.15s ease-out;
            -ms-transition: 0.15s ease-out;
            -o-transition: 0.15s ease-out;
            transition: 0.15s ease-out;
            -webkit-transition-property: color, text-shadow;
            -moz-transition-property: color, text-shadow;
            -ms-transition-property: color, text-shadow;
            -o-transition-property: color, text-shadow;
            transition-property: color, text-shadow;
        }
*/


        /* .switch-yellow .switch-selection {
            background-color: #B5995B;
        } */
		
		.switch-yellow .switch-selection {
                background-color: #ffffff;
				z-index: 1;
        }

        /* .switch-selection {
            position: absolute;
            z-index: 1;
            top: 0px;
            left: 0px;
            display: block;
            width: 58px;
            height: 40px;
            border-radius: 3px;
            background-color: #B5995B;
            box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
            -webkit-transition: left 0.15s ease-out;
            -moz-transition: left 0.15s ease-out;
            -ms-transition: left 0.15s ease-out;
            -o-transition: left 0.15s ease-out;
            transition: left 0.15s ease-out;
        } */
		
		.switch-selection {
            position: absolute;
            z-index: 1;
            top: 1px;
            left: 2px;
            display: block;
            width: 54px;
            height: 37px;
            border-radius: 3px;
            background-color: #B5995B;
            box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
            -webkit-transition: left 0.15s ease-out;
            -moz-transition: left 0.15s ease-out;
            -ms-transition: left 0.15s ease-out;
            -o-transition: left 0.15s ease-out;
            transition: left 0.15s ease-out;
        }

        .switch-input:checked+.switch-label-on~.switch-selection {
            left: 60px;
        }

        .cgc-main-container p {
            line-height: 20px;
        }

        /* .btnStyle {
            background: #B4975A;
        } */

        a#talknow {
            cursor: pointer;
        }

        .form-section .disclimer {
            font-size: 14px;
            line-height: 20px;
            font-style: italic;
        }

        .disclimer.call {
            margin-top: 20px;
            margin-bottom: 0;
        }

        @media screen and (min-width: 1024px) and (max-width: 1280px) {
            .cgc-additional-benefits-container {
                padding: 0 50% 0 0;
                min-height: 630px;
            }
            div#contactus-form {
                top: -35px;
            }
            .cgc-benefits ul li {
                margin-right: 25px;
            }

        }

        @media screen and (min-width: 768px) and (max-width: 1024px) {
            div#contactus-form {
                width: 90%;
                position: relative;
                top: 0;
                margin: 20px auto;
            }
            .cgc-benefits ul li {
                width: 100%;
                min-height: auto;
            }
            .cgc-additional-benefits-container {
                padding: 5px;
                min-height: auto;
            }
			
        }
		
        @media only screen and (max-width: 767px) {
            div#contactus-form {
                width: 100%;
                position: relative;
                margin: 0;
                top: 10px;
            }
            .cgc-main-container {
                padding: 0;
            }
            .cgc-ab-section {
                padding: 20px 0;
            }
            .cgc-r-steps-sections .cgc-r-steps-section {
                display: block;
                width: 100%;
                padding: 0 10px 40px;
                max-width: 300px;
                margin: 0 auto;
            }
            .cgc-additional-benefits-container {
                padding: 10px;
                min-height: auto;
            }
            .cgc-benefits ul li {
                width: 100%;
                min-height: auto;
            }
            .fundmyacct {
               width: 50%;
             /*  width: 100%;*/
            }
            #contactus-form .col-md-12.clearfix {
                width: 100%;
            }
        }

        /* 29-04-2019 */
 
.mainMenu  #logomainenth {position: absolute;left: calc(50% - 54px);top: -12px;}
.over_lay .over_lay-wrapper1{width: 70%;}
.over_lay .over_lay-wrapper1 .close-marks{right: -13px;top: -13px;}
.cgc-banner-container {position: absolute;top: 0;z-index: 1;width: 100%;height: 100%;}
.disclaimerContentCalc > p.container {padding: 5px 10px;}
.disclaimerContentCalc > p.container .cs-icon {margin-right: 30px;}
#footer {padding: 0 10px;}
.bannerImage {position: relative;}
.cgc-banner-sections {display: table;width: 100%;height: 100%;max-width: 984px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;}
.cgc-banner-section {display: table-cell;vertical-align: middle;padding-right: 50%;}
.cgc-banner-section h3 {color: #fff;font-size: 30px;padding-bottom: 20px;}
.cgc-banner-section p {color: #fff;font-size: 16px;}
#sidebar {z-index: 1;margin: 0 auto;background-color: #eee;}
.cgc-main-container {padding: 0 20px;clear: left;}
.cgc-additional-benefits-container > p {font-size: 16px;padding: 20px 0 20px;}
.cgc-ab-section {display: table;width: 100%;padding: 5px 0;}
.cgc-ab-section > .cgc-ab-image-section, .cgc-ab-section .cgc-ab-content-section {display: table-cell;vertical-align: middle;}
.cgc-ab-section > .cgc-ab-image-section {width: 70px;padding-right: 20px;}
.cgc-ab-section .cgc-ab-content-section p {font-size: 16px;margin: 0;padding: 0;}
.cgc-rs-icon-section {display: table;width: 100px;height: 100px;border-radius: 50%;border: 2px solid #b5995b;text-align: center;margin: 0 auto 20px;}
.cgc-r-title-section > h3 {font-size: 20px;text-align: center;padding: 0 0 40px;}
.cgc-rs-icon-section .cgc-rs-icon-text {display: table-cell;vertical-align: middle;padding: 0;font-size: 16px;text-transform: uppercase;}
.cgc-r-steps-sections {display: table;width: 100%;}
.cgc-r-steps-sections .cgc-r-steps-section {display: table-cell;text-align: center;vertical-align: top;width: 20%;padding: 0 10px;}
.cgc-relationship-container {padding-top: 40px;border-top: 1px solid #d7d7d7;margin-top: 40px;}
.cgc-rs-content-section > p {padding: 0;font-size: 16px;}
.cgc-learnMore-button-section {background-color: #eee;text-align: center;margin: 30px auto 0;}
.cgc-learnMore-button-section .cgc-lm-button {display: inline-block;padding: 10px 40px 10px 20px;position: relative;font-size: 14px;text-transform: uppercase;cursor: pointer;font-weight: bold;}
.cgc-learnMore-button-section .cgc-lm-button > span:before ,.cgc-learnMore-button-section .cgc-lm-button > span:after {content: "";width: 3px;height: 16px;position: absolute;top: 10px;transition: all 300ms ease-in-out 0s;-webkit-transition: all 300ms ease-in-out 0s;background-color: #000;}
.cgc-learnMore-button-section .cgc-lm-button > span:before {transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);right: 20px;}
.cgc-learnMore-button-section .cgc-lm-button > span:after {transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);right: 10px;}
.cgc-learnMore-button-section .cgc-lm-button.cgc-t-open > span:before {transform: rotate(-135deg);-ms-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.cgc-learnMore-button-section .cgc-lm-button.cgc-t-open > span:after {transform: rotate(135deg);-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.cgc-lm-table {display: table;width: 100%;background-color: #fff;text-align: center;}
.cgc-lm-table p {padding: 0;}
.cgc-lm-table-row {display: table-row;}
.cgc-lm-table-cell-head , .cgc-lm-table-cell {display: table-cell;vertical-align: middle;}
.cgc-learnMore-table-container {float:left;margin:15px 0;overflow-x: auto;border: 2px solid #eee;}
.cgc-lm-table {min-width: 700px;}
.cgc-lm-table-cell-head {padding: 10px;background-color: #b5995b;color: #fff;text-align: center;border-right: 1px solid #CBCBCB;font-size: 16px;font-weight: bold;}
.cgc-lm-table-cell-head:last-child {border-right: 0px solid #CBCBCB;}
.cgc-lm-table-cell-head:nth-child(1) {background-image: -ms-linear-gradient(left, #7D6529 0%, #A79660 100%);background-image: -moz-linear-gradient(left, #7D6529 0%, #A79660 100%);background-image: -o-linear-gradient(left, #7D6529 0%, #A79660 100%);background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7D6529), color-stop(100, #A79660));background-image: -webkit-linear-gradient(left, #7D6529 0%, #A79660 100%);background-image: linear-gradient(to right, #7D6529 0%, #A79660 100%);background-color: #7d6529;}
.cgc-lm-table-cell-head:nth-child(2), .cgc-lm-table-cell-head:nth-child(3), .cgc-lm-table-cell-head:nth-child(4) {background-image: -ms-linear-gradient(left, #A08945 0%, #ccbb83 100%);background-image: -moz-linear-gradient(left, #A08945 0%, #ccbb83 100%);background-image: -o-linear-gradient(left, #A08945 0%, #ccbb83 100%);background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #A08945), color-stop(100, #ccbb83));background-image: -webkit-linear-gradient(left, #A08945 0%, #ccbb83 100%);background-image: linear-gradient(to right, #A08945 0%, #ccbb83 100%);background-color: #ccbb83;}
.cgc-lm-table-cell-head:nth-child(5) {background-image: -ms-linear-gradient(left, #C8B77F 0%, #decfb2 100%);background-image: -moz-linear-gradient(left, #C8B77F 0%, #decfb2 100%);background-image: -o-linear-gradient(left, #C8B77F 0%, #decfb2 100%);background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #C8B77F), color-stop(100, #decfb2));background-image: -webkit-linear-gradient(left, #C8B77F 0%, #decfb2 100%);background-image: linear-gradient(to right, #C8B77F 0%, #decfb2 100%);background-color: #C8B77F;}
.cgc-lm-table-cell {padding: 10px 20px;border-right: 1px solid #CBCBCB;}
.cgc-lm-table-cell:last-child {border-right: 0px solid #CBCBCB;}
.cgc-lm-table-cell > p {font-size: 14px;color: #333333;}
.cgc-lm-table-cell > p > span{white-space: nowrap;}
.cgc-lm-table-cell:nth-child(1) > p {color: #B4975A ;font-size: 20px;}
.cgc-lm-table-cell:nth-child(2) > p {white-space: nowrap;}
#sidebar form label {display: none;}
#sidebar form input {float: none;width: 100%;padding: 10px 10px;height: auto;font-size: 16px;line-height: 18px;border: 0 none;background-color: #fff;box-sizing: border-box;}
#sidebar form li {margin-bottom: 10px;}
#sidebar form .sbHolder {border: 0 none;background-color: #fff;height: 40px;float: none;padding: 10px;box-sizing: border-box;width: 100% !important;}
#sidebar form .sbHolder .sbSelector {height: 40px;font-size: 16px;padding: 10px;box-sizing: border-box;line-height: 20px;}
#sidebar form .sbHolder .sbToggle {height: 36px;background-position: center;background-color: #ededed;border: 2px solid #fff;}
#sidebar form .sbHolder .sbOptions {top: 41px !important;}
/*@media (min-width: 768px) and (max-width: 1024px) {
.cgc-additional-benefits-container {padding-right: 50%;}
}*/
@media (max-width: 767px) {
#mainContent #sidebar {padding-top: 40px;padding-bottom: 40px;height: auto;}
.cgc-additional-benefits-container {padding-right: 0;}
.cgc-r-steps-sections {display: table;width: 100%;}
.cgc-r-steps-sections .cgc-r-steps-section {display: block;width: 100%;padding: 0 10px 40px;max-width: 300px;margin: 0 auto;}
.cgc-banner-section h3 {color: #fff;font-size: 22px;}
.cgc-banner-section p {color: #fff;font-size: 14px;}
.cgc-learnMore-table-container {overflow-x: scroll;padding: 0 0 5px;border-left: 5px solid #eee;border-right: 5px solid #eee;}
.cgc-ab-section {padding: 20px 0;}
.cgc-relationship-container {padding-top: 30px;margin-top: 20px;}
.cgc-lm-table-cell-head > p, .cgc-lm-table-cell > p{font-size: 14px;}
.cgc-lm-table-cell:nth-child(1) > p {font-size: 18px;}
}
@media (max-width: 500px) {
.cgc-banner-container {position: relative;height: auto;}
.cgc-banner-sections {height: auto;}
.cgc-banner-section {padding: 20px 0;text-align: center;}
.cgc-banner-section h3 {color: #59595B;font-size: 22px;}
.cgc-banner-section p {color: #59595B;font-size: 14px;}
}                       
                        
#mobilefix .mob-prefilinput{width: 30%;box-sizing: border-box;float: left;color:#98999b;}
#mobilefix .mobnuminput{width: 75%;box-sizing: border-box;}
#mobilefix .mob-prefil{margin: 0;width: 100%;background: #fff;padding: 0;}
#mobilefix .input-box-brd-left{border-radius: 6px 0px 0px 6px;}
#mobilefix .input-box-brd-rght{ border-radius: 0px 6px 6px 0px;}
@media (max-width: 1024px) and (min-width: 768px){
.BanTxt {
	background-color: rgba(70,70,70,.8);
	padding: 10px;
	border-radius: 5px;
}
}
@media (max-width: 767px) {
.BanTxt{
	background-color: transparent !important;
	left: 3%;
    position: static;
}
}
.BanTxt{
	background-color: rgba(70,70,70,.8);
	padding: 10px;
	border-radius: 5px;
}
  
html {display: none;visibility: hidden;}
		.subTxt {letter-spacing: 3px;}
		.benefit-boxes {padding: 60px 0;}
		.termborderfix {border-right: 1px solid #d7d7d7;}
		.chatsection {border-bottom: none;}
		.cgc-r-title-section h3 {line-height: 25px;}
		.cg-tabl-border{border-bottom:1px solid #CBCBCB;}
		@media (max-width: 767px){
			.benefit-boxes {padding: 35px 0;}
			.termborderfix {border-bottom: 1px solid #d7d7d7;border-right: none;padding: 10px 0;}
			.col-xs-12 {width: 100%;}
			.termborderfix1{padding-top:10px;}
			.offersec-mbl-hide{display:none;}
			.mbloff-stltxt{border:1px solid #B5995B;}
			.mbloff-stltxt p{padding:10px;}
			.mbloff-stltxt h4{font-size:24px; padding:20px;color: #59595B;font-family: 'interstate-light';}
            .cgc-rs-content-section.cgofferstepscontent.mbloff-stltxt {margin-top: 20px;}
		}
		@media (min-width: 768px){
			.offersec-Desk-hide{display:none;}
		}
        table, th, td { border: 1px solid #e0e0e0; border-collapse: collapse; }
		table{ width:100%; }
		.textalg{ text-align:center; }
		.tablewidprnt{width:100%;}
		.tablewid{ width:525px; font-size:12px; color:#333; }
		.tablewid tr td{ padding: 5px; vertical-align:middle; }
		.tbl-back-clr{background-color: #A79660;color:#fff;font-size: 14px;padding:5px;font-family: 'interstate-light';}
		.tbl-span-clr{color: #B4975A;font-size: 18px;padding:5px;font-family: 'interstate-light';}
		.tbl-cont-clr{color: #333333;font-size: 14px;padding:5px;font-family: 'interstate-light';}
		@media screen and (max-width: 767px) {
			.tablewidprnt{width:100%;}
			.tbl-comn-size{font-size: 12px !important;}
		}

.cta{
	padding: 15px;
    border: 2px solid #B5995B;
	font-size:16px;
	font-weight:bold;	
	text-align:center;
}	

#cta_button{	
    padding: 10px;
    background-color: #B5995B;
    border: none;
    border-radius: 5px;
    color: white;
	margin-top: 25px;
}
#cta_button a{
	text-decoration:none;
	color:white;
}
p#cta {line-height:30px;}



/* New css code */


.clearfix.btn-submit {
    width: 20%;
    margin: 0 auto;
}

#contactus-form .input1{
 width: 32%;
 display: inline-block;
margin-left: 10px;
}
#contactus-form .input2{
 width: 32%;
 display: inline-block;
 margin-left: 10px;
}
#contactus-form .input3{
 width: 33%;
 display: inline-block;
}

#cg-circle-sec li.innerContainer.item{
	width: 24%;
	float: right !important;
}

.cgc-main-container {
    width: 100%;
    margin: 0 auto;
	padding: 60px 0;
}


#cg-circle-sec .new-subheading{
    font-size: 14px;
}

#cg-circle-sec .new-line {
    border-bottom: solid 2px #B4975A;
    width: 50px;
    margin: 0px auto;
    position: relative;
    top: -40px;
}

#cg-circle-sec .circle__content .circleCenter .new-subheading{
position: absolute;
    left: 0%;
    top: -28px;
    text-align: center;
    width: 100%;
}

#cg-circle-sec .circle__content .circleCenter .new-font {
    position: absolute;
    width: 100%;
    top: -75px;
    left: 0%;
}

#cg-circle-sec h2.mainHeading{
	font-size: 34px;
        margin-bottom: 30px;
	text-align: center;
}

#cg-circle-sec h4.subTitle{
	margin-top: 20px;
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px;
}

.form-heding h2.mainHeading {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
	color: #b4985b;
}

.form-heding h4.subTitle {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
}

.switch-yellow .clos-img{
    background-repeat: no-repeat;
    background-position: -22px center;
}

label.switch-label.switch-label-off img{
    width: 18px;
    position: relative;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 0px;
}

label.switch-label.switch-label-on img{
    width: 17px;
    position: relative;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 0px;
}


.innerBanner1 {
    width: 27%;
    margin: 0 auto;
    max-width: 840px;
    display: inline-block;
    background-color: rgba(14, 42, 72, 0.9);
    padding: 0 5px;
    height: 100%;
    min-height: 200px;
    position: relative;
    left: 0px;
}

.bannerTxt h1.pagetitle {
    font-size: 52px;
}

.enj-txt{
	vertical-align: middle;
	margin-top: 50px;
	color: #fff;
}

.intrst-cta {
    color: #ffffff;
    background: #b4985b;
    outline: 0px;
    border: 0px;
    border-radius: 6px;
    padding: 14px 65px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    margin-top: 10px;
	font-weight: 700;
	
}

@media screen and (max-width: 499px){
	
.container-fluid #cg-circle-sec li.innerContainer.item {
		width: 100%;
		float: none !important;
	}
	.circle__content .circleCenter .new-subheading{
		display: block;
		line-height: 22px;
	}
	.circle__content .circleCenter .new-line {
		display: block !important;
	}
	.circle__content .circleCenter .new-font {
		display: block !important;
	}
	#contactus-form .clearfix.btn-submit {
		width: 60%;
		margin: 0 auto;
	}
	.enj-txt {
		vertical-align: middle;
		padding-top: 30px;
		color: #fff;
		width: 100%;
		margin: 0 auto;
		font-size: 16px;
		line-height: 23px;
	}
}

@media screen and (max-width: 767px){
	.innerBanner1{
		width: 100%;
		min-height: 180px;
	}
	.form-heding {
		margin-bottom: 20px;
	}
	.mob-resp3{
		width: 100%;
		display: block;
		padding: 10px;
	}
	#contactus-form .input2 {
		width: 100%;
		display: block;
	}
	#contactus-form .input1 {
		width: 100%;
		display: block;
	}
	#contactus-form .input3 {
		width: 100%;
		display: block;
	}
	#contactus-form .fundmyacct {
        width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	.switch.switch-yellow{
		left: 30%;
	}
	
	#cg-circle-sec li.innerContainer.item {
		width: 70%;
		float: none !important;
	}
	.innerBanner{
	   min-height: 100px;
	}
	
	.bannerTxt .cta-parent h1.pagetitle{
		width: 100%;
		margin: 0 auto;
	}
	#cg-circle-sec h4.subTitle {
		margin-top: 40px;
	}
	#cg-circle-sec h2.mainHeading {
		font-size: 26px;
		margin-bottom: 5px;
		text-align: center;
		margin-top: 20px;
	}
	.mob-br{
		display: none;
	}
	.form-heding h4.subTitle {
		text-align: center;
		font-size: 16px;
		margin-bottom: 30px;
		width: 90%;
		margin: 0 auto;
		line-height: 22px;
	}
	#cg-circle-sec .new-subheading {
		font-size: 16px;
		line-height: 22px;
	}
	.elg-txt{
		    font-size: 14px;
			line-height: 22px;
	}
	.bannerTxt h1.pagetitle {
		font-size: 40px;
	}
}

@media screen and (max-width: 767px) and (min-width: 500px){
	#contactus-form .switch.switch-yellow{
		left: 40%;
	}
	#contactus-form .clearfix.btn-submit {
		width: 50%;
		margin: 0 auto;
	}
	.enj-txt{
		font-size: 16px;
		line-height: 24px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px){
	
    #cg-circle-sec li.innerContainer.item {
		width: 50%;
		float: right !important;
	}
	#contactus-form .input2 {
		width: 100%;
		display: block;
	}
	#contactus-form .input1 {
		width: 100%;
		display: block;
	}
	#contactus-form .input3 {
		width: 100%;
		display: block;
	}
	#contactus-form .clearfix.btn-submit {
		width: 50%;
		margin: 0 auto;
	}
	
	.innerBanner1 {
		width: 42%;
	}
	.innerBanner {
		width: 57%;
		margin: 0px auto;
	}
	.form-heding {
		width: 80%;
		margin: 0 auto;
	}
	#contactus-form .fundmyacct {
        width: 100%;
		display: block;
		margin-bottom: 20px;
	}
	.switch.switch-yellow{
				left: 40%;
				margin-bottom: 10px;
	}
}

.table-sec1 th, td{
	    border: none;
}

.bannerTxt h1.pagetitle{
    width: 100%;
    margin: 0 auto;
}


/* Popup code */

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.288);
  transition: opacity 500ms;
  display: none;
  z-index: 99;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 13% auto;
  padding: 20px;
  background: #fff;
  width: 65%;
  position: relative;
  -webkit-box-shadow: 0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%);
  box-shadow: 0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%);
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: 'interstate-light';
}
.popup .close {
  position: absolute;
	top: 12px;
    right: 20px;
  transition: all 200ms;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
/* .popup .content {
  max-height: 30%;
  overflow: auto;
} */

#popup1 .content {
    padding: 30px 3%;
    margin: 0px auto;
}

@media screen and (max-width: 700px){
  .popup{
    width: 90%;
  }
}

/*
.switch-yes{
	 background: #B4985B;
}

.switch-no{
   background: #AFABAB;
}

.switch-error{
	    background: #D60000;
}*/

.radio-error{
	color: #D60000;
    text-align: left;
    font-size: 12px;
    line-height: 20px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px){
	p.radio-error {
		color: #D60000;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 10px;
	}

}


@media screen and (max-width: 1024px) and (min-width: 768px){
	.sticky-sec .text-left {
		text-align: center;
		width: 100%;
	}
	#flex-container .sticky-sec{
		width: 100%;
        display: block;
	}
	.sticky-sec .notes-fixes{
		text-align: center;
	}
}

.sticky-sec{
		width: 100%;
        display: block;
	}

@media screen and (max-width: 768px) and (min-width: 767px){
.bannerTxt .cta-parent h1.pagetitle {
    width: 100%;
    margin: 0 auto;
	max-width: 450px;
}
.innerBanner.cta-parent .pagetitle {
    padding: 47px 0 21px 0;
}
.mob-br{
	display: none;
}
}



@media screen and (max-width: 2880px) and (min-width: 1920px){
	
	.bannerTxt h1.pagetitle{
		font-weight: bold;
	}
	.innerBanner.cta-parent {
		width: 36%;
	}
	.innerBanner1.pageTitleBorder1 {
		width: 18%;
		max-width: 710px;
		padding: 48px 5px;
	}
	.innerBanner .pagetitle {
		padding: 40px 0 40px 0;
	}
	.enj-txt{
		    margin-top: 10px;
	}
	#flex-container{
		    width: 50%;
			margin: 0 auto;
	}
}


@media screen and (max-width: 1600px) and (min-width: 1538px){
	.innerBanner .pagetitle {
		padding: 67px 0 21px 0;
	}
	.bannerTxt h1.pagetitle {
		width: 100%;
		margin: 0 auto;
	}
	.mob-br{
		display: none;
	}
}

@media screen and (max-width: 820px) and (min-width: 769px){
	.bannerTxt h1.pagetitle {
		width: 100%;
		margin: 0 auto;
	}
	.innerBanner .pagetitle {
		padding: 40px 0 21px 0;
	}
	.mob-br{
		display: none;
	}
}

.radiobtn-error{
	width: 100%;
	display: block;
}

/* IE Media query */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.radiobtn-error{
	width: 100%;
	display: block;
	max-width: 100px;
}
}


html{
	 overflow-x: hidden;
}

.footer-fixed{background-color: #eee!important;}
.caret::after{background-image:url("/uae/citigold/Data/images/icons/carat_down_gold.png");}
@media (max-width:767px){
.new-font{font-size: 22px;}
h2.mainHeading{font-size:26px;line-height:32px;padding-bottom:10px;}
.footer-heading{/*background:url("/uae/citigold/Data/images/icons/carat_down_footer.png") no-repeat 20px 20px;*/display:inline-block;width:100%;padding-bottom:0px;cursor:pointer;}
.footer-heading.activeFooter{background:url("/uae/citigold/Data/images/icons/carat_up_footer.png") no-repeat 20px 20px;}
.form-section .inputField{margin-bottom:10px;}
#contactus-form .submit-box{margin-bottom:0px;}
}
#flex-container > div:nth-child(1) {
padding: 0 10px 0 20%;
}
@media only screen and (max-width:1280px) {
#flex-container > div:nth-child(1) {padding: 0 9px 0 0%;}            
}
 /* Radio button css code */
.switch input[type=radio] {opacity: 0;}
.switch .switch-label-off,.switch .switch-label-on{float: right;}
.radio-btn {font-size: 16px;background: url(/uae/citigold/Data/images/icons/oval.png) no-repeat right 2px;height: 22px;display: inline-block;margin-right: 25px;}
.radio-active {background: url(/uae/citigold/Data/images/icons/radio_selected.png) no-repeat right 2px;}
.switch .switch-label-off, .switch .switch-label-on {padding-right: 32px;cursor: pointer;}
@media screen and (max-width: 767px){
    .switch .switch-label-off,.switch .switch-label-on {padding-top: 5px;}
    #contactus-form .inputField.fundfield{margin-bottom: 25px;font-size: 16px;line-height: 22px;}
}
.radiotxtcenter{text-align: center;}
@media (max-width:480px){
.circle__content .circleCenter .new-font,.circle__content .circleCenter .new-subheading{display:block !important;}
}
.cgformfldmrg{margin-bottom:20px;}
.table-sec1 {direction:rtl;}