@font-face {
    font-family: Interstate_Light;
    src: url('fonts/interstate/Interstate-Light.eot');
    src: url('fonts/interstate/Interstate-Light.woff') format('woff'),
        url('fonts/interstate/Interstate-Light.ttf') format('truetype'),
        url('fonts/interstate/Interstate-Light.svg#Interstate-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Interstate_Regular;
    src: url("fonts/interstate/Interstate-Regular.eot");
    src: url("fonts/interstate/Interstate-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/interstate/Interstate-Regular.woff") format("woff"), url("fonts/interstate/Interstate-Regular.ttf") format("truetype"), url("fonts/interstate/Interstate-Regular.svg#fontname") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Interstate_Bold;
    src: url("fonts/interstate/Interstate-Bold.eot");
    src: url("fonts/interstate/Interstate-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/interstate/Interstate-Bold.woff") format("woff"), url("fonts/interstate/Interstate-Bold.ttf") format("truetype"), url("fonts/interstate/Interstate-Bold.svg#fontname") format("svg");
    font-weight: 400;
    font-style: normal;
}
*{
    margin: 0;
    font-family: Interstate_Light, sans-serif;
    -webkit-text-size-adjust: 100%;
}
ul {
    padding-left: 0;
    list-style: none;
}
a{
    text-decoration: none;
}
.col-12{
    float: left;
    width: 100%;
}
/* Top Navigation Bar */
.topMenu {background: #333333;height: 26px;}
.topMenu a {color: #FFFFFF;}
.topMenu a:hover{color: #FFFFFF;text-decoration: none;}
.topMenu li {position: relative;color: #ffffff;font-size: 12px;letter-spacing: 0px;line-height: 12px;margin: 7px 0px 0 0px;display: inline-block;font-family: "interstate-light", arial;}
.topMenu ul.lang-switch li {position: relative;color: #ffffff;font-size: 12px;line-height: 12px;margin: 7px 0px 0 40px;display: inline-block;font-family: "interstate-light", arial;}
.topMenu ul.lang-switch li:first-child {margin: 7px 0px 0 0px} 
.topMenu ul.lang-switch li >a {position: relative;color: #ffffff;font-size: 12px;line-height: 12px;margin: 0 0 0 0;font-family: "interstate-light", arial;}
.input-box::-webkit-input-placeholder{color: #333333;opacity:1;}
.input-box::-moz-placeholder{color: #333333;opacity:1;}
.input-box::-moz-placeholder{color: #333333;opacity:1;}
.input-box:-ms-input-placeholder{color: #333333;opacity:1;}

/* Header */
.banner {background: #AD9154;background: -webkit-linear-gradient(#163c6a, #163c6a, #163c6a);background: -o-linear-gradient(#163c6a, #163c6a, #163c6a);background: -moz-linear-gradient(#163c6a, #163c6a, #163c6a);background: linear-gradient(#163c6a, #163c6a, #163c6a);color: #ffffff;height: 70px;}
.logoWrapper {padding: 20px 0 0;float: left;}
.searchHeader {padding: 27px 0 0px 0;}
.searchHeader a {color: #ffffff;line-height: 16px;}
.sticky {background: #fff;position: fixed !important;top: 0px;width: 100%;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);transform: translateZ(0);-webkit-transform: translateZ(0);}
.menuBar nav {z-index: 999;position: relative;display: inline-block;height: auto;overflow: hidden;width: 100%;}
.menuBar {-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);width: 100%;display: table;position: relative;z-index: 99;height: auto;}
.menubar-ul > li:first-child, .footerTc> li:first-child {margin-left: 0px;padding-left: 0px;}
.logInbtn a {text-align: right;font-family: "interstate-bold", arial;font-weight: bold;}
.nopadding {
    padding: 0px !important;
}
.draggable-container {
    overflow: hidden;
    position: absolute !important;
}
.whitebgwithShadow {
    display: inline-block;
    background-color: white;
    margin-right: -20px !important;
    /*width: 110px;*/
    text-align: center;
}
.menubar-ul > li:after, .logInbtn:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 5px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #B4985B;
    -webkit-transition: all 220ms ease-out;
    -moz-transition: all 220ms ease-out;
    -o-transition: all 220ms ease-out;
    transition: all 220ms ease-out;
}
.menubar-ul > li:after, .logInbtn:after {content: "";position: absolute;width: 0px;height: 5px;left: 0px;right: 0px;bottom: 0px;background: #B4985B;-webkit-transition: all 220ms ease-out;-moz-transition: all 220ms ease-out;-o-transition: all 220ms ease-out;transition: all 220ms ease-out;}
.menubar-ul > li:hover:after, .menubar-ul > li.menuBar-active:after, #signIn:hover:after, #signIn.menuBar-active:after, .activeMenu:after, .menubar-ul > li.activeMenu:after {width: 100%;}
.activeMenu:after, .menubar-ul > li.activeMenu:after {width: 100% !important;}
.menubar-ul > li {position: relative;display: block;padding: 18px 0px 17px 0px;}
.logInbtn {position: relative;display: block;padding: 18px 0px 17px 0px;margin: 0px !important;cursor: pointer}
.menubar-ul > li {margin: 0px 16px;cursor: pointer;}
.menubar-ul > li >a, .logInbtn >a {font-size: 16px;letter-spacing: 0px;line-height: 16px;color: #333333;}
.menuBar .mCSB_inside > .mCSB_container {margin-right: 9px !important;}
.dropdown-menu {float: none;z-index: 1;position: absolute;border-bottom: 0px;width: 20%;top: 0px;}
.dropdown-menu:after {transform: translateY(0%);display: block;transition-delay: 0s, 0s, 0.3s;}
.dropdown-menu a {border: 1px solid rgba(0, 0, 0, 0.1);text-align: left;padding: 15px 20px 20px 40px;width: 100%;background: #fff;color: #333333;display: block;border-top: 0px;font-size: 16px;line-height: 16px;}
.dropdown-menu a:first-child {border-top: 1px solid rgba(0, 0, 0, 0.1);}
.dropdown-menu a:last-child {border-radius: 0px 0px 6px 6px;}
.dropdown-menu:last-child {float: right !important;right: 0px;}
.menuBar-active>a, .activeMenu>a {color: #B4975A !important;}
.activeSubmenu {color: #B4975A !important;}
.dropdown-menu{
    padding: 0 !important;
    margin: 0 !important;
}
#loginTab{
    border: 0;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    left: auto;
}
.nav-tabs>li>a:hover {
    border-color: #fff !important;
}
/* Search Bar */
.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("../images/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: 20px !important;height: auto !important;margin-left: 10px !important;padding-left: 30px !important;border-radius: 0px;}
.gsc-search-box input, #gssSearchBox .gsc-input-box, #gssSearchBox .gsc-input-box-hover, #gssSearchBox .gsc-input-box-focus {border: 0px !important;box-shadow: none !important;height: auto !important;}
#gssSearchBox table.gsc-search-box {width: 100% !important;}
.searchResult .mainHeading {/* background: #ccc; */font-size: 42px;padding: 88px 10px 0px 10px;}
.gsc-table-cell-thumbnail {width: 7% !important;}
.gsc-tabsArea > div {overflow: initial !important;}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {padding-left: 0px !important;padding-right: 0px !important;}
.gsc-tabsArea > .gsc-tabHeader {height: 29px !important;}
.gsc-tabHeader.gsc-tabhInactive {height: 27px !important;}
.searchBar .search-close a {background: url("../images/close_navigation.png") no-repeat scroll 0px 0px;width: 17px;height: 17px;}
.searchBar form.gsc-search-box {margin-left: 0 !important;}
.cse .gsc-control-cse, .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("../images/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, #gssSearchBox .gsc-input-box-hover, #gssSearchBox .gsc-input-box-focus {border: 0px !important;box-shadow: none !important;height: auto !important;}
#gssSearchBox table.gsc-search-box {width: 100% !important;}
.searchResult .mainHeading {/* background: #ccc; */font-size: 42px;padding: 88px 10px 0px 10px;}
.gsc-table-cell-thumbnail {width: 7% !important;}
.gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open{width: 80% !important;}
.gsc-tabsArea > div {overflow: initial !important;}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {padding-left: 0px !important;padding-right: 0px !important;}
.gsc-tabsArea > .gsc-tabHeader {height: 29px !important;}
.gsc-tabHeader.gsc-tabhInactive {height: 27px !important;}
.searchBar .search-close a {background: url("../images/close_navigation.png") no-repeat scroll 0px 0px;width: 17px;height: 17px;}
.searchBar form.gsc-search-box {margin-left: 0 !important;}
.gsc-results-wrapper-overlay {left: 15% !important;}

/* Header section */
.pageBanner {position: relative;width: 100%;margin: 0 auto;}
.pageBanner img {float: left;width: 100%;}
.bannerImg {position: relative;}
.bannerTxt {position: absolute;top: 0px;width: 100%;/*height: 500px;*/}
.HomeBanner{}
/* Banner img */
.bannerImg div {width: 100%;position: relative;display: inline-block;}
.rgtImg div {width: 100%;}
.rgtImgVideo div {height: 343px;width: 100%;}
.eventsGray div {height: 394px;width: 100%;}
.teamImg {width: 100%;display: inline-block;}

.transformVertical1 {position: absolute;top: 50%;transform: translateY(-50%);}
.center-row {display:table;}
.center {display:table-cell;vertical-align:middle;float:none;}
.xl-center-row {display:table !important;}
.xl-center {display:inline-table !important;vertical-align:middle;float:none !important;}
.errTxt {margin: 100px 0;}
.errTxt>p, .errTxt>h1 {padding-bottom: 20px}
.errTxt>p {font-size: 16px;line-height: 25px;font-family: "interstate-light", arial;}
#indexVideoImg1 {background-repeat: no-repeat;background-position: center top;background-size: cover;background-image: url('/views/citigold/images/home/insights-video-thumb.jpg');cursor: pointer;}

/* Header Style */
a:hover{
    text-decoration: none !important;
}
.pageWrapper{
    width: 100%;
}
.container_div{
    width: 93%;
    margin: auto;
}
.caption{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 5%;
}
.caption h1{
    text-align: center;
    color: #163c6a;
    margin-top: 0;
    font-size: 35px;
    margin-bottom: 0;
}
.caption h1:nth-child(2){
    margin-left: 100px;
}
.caption img{
    padding-top: 8px;
    float: none !important;
    width: auto;
    margin-top: 5px;
    margin-right: 5px;
}
/* Rewards Style */
.reward_sec{
    padding: 50px 0 100px 0;
}
.heading{
    color: #B4975A;
    font-size: 35px;
    text-align: center;
}
.reward_sec p{
    font-size: 19px;
    margin-top: 30px;
    text-align: center;
}
/* UNLOCK Style */
.unlock_sec {
    width: 100%;
    padding: 50px 0;
    background-color: #ebebeb;
    -webkit-box-shadow: 0px -8px 12px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px -8px 12px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -8px 12px 0px rgba(0, 0, 0, 0.2);
    position: relative;
}
.unlock_sec .heading img{
    width: 150px;
}
.unlock_sec_image {
    position: absolute;
    top: -33px;
    left: 0;
    right: 0;
}
.unlock_sec_image img{
    width: 65px;
}
.unlock_sec .heading{
    color: #396496;
    margin-bottom: 50px;
    margin-top: 0;
}
.box_sec h3{
    color: #B4975A;
    font-weight: bold;
}
.box_sec p{
    font-size: 25px;
    margin-top: 20px;
}
.box_img{
    width: 90%;
}
.unlock_sec_image {
    text-align: center;
}
.flx_cls{
    width: 85%;
    display: table;
    margin: auto;
}
.cols{
    width: 31%;
    display: table-cell;
    float: left;
}
.cols:nth-child(2){
    margin: 0 32px;
}
.circle_sec{
    margin-top: 50px;
}
.circle_sec:hover{
    background: url(../images/Circle.png) no-repeat;
    background-size: cover;
    border: solid 2px #ebebeb;
}
.circle_sec:hover h1,.circle_sec:hover p:nth-child(3){
    color: #fff;
}
.circle_sec p:nth-child(1){
    
}
.circle_sec {
        margin: 50px auto;
    width: 500px;
    padding: 0 0px;
    position: relative;
    display: block;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    height: 500px;
    border: solid 2px #B4975A;
}
.circle_sec p:nth-child(1) {
    font-size: 23px;
    margin-top: 50px;
}
.circle_sec h1 {
    font-size: 50px;
    color: #B4975A;
}
.circle_sec p:nth-child(3) {
    color: #B4975A;
    font-size: 23px;
    font-weight: bold;
    margin-top: 25px;
}
.sub_txt{
    color: #285691;
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
    font-weight: bold;
}
/* More Section Style */

.sub_para{
    color: #B4975A;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
}
.more_sec table{
    border: 1px solid #B4975A;
    margin-top: 30px;
}
.more_sec table th{
    background-color: #162a52;
    color: #B4975A;
    font-size: 18px;
    text-align: center;
    padding: 10px 40px 10px 25px;
}
.more_sec table th span {
    width: 5px;
    height: 5px;
    background-color: #B4975A;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(45deg);
    margin: 0 6px;
}
.more_sec table td{
    text-align: center;
    color: #B4975A;
    font-size: 18px;
    padding: 15px 5px;
  border: 1px solid #B4975A;
}
.more_sec table tr:last-child td{
    padding-bottom: 30px;
}
.more_sec table td:nth-child(1){
    width: 35%;
}
.table_row{
    position: relative;
}
.total_sec {
    width: 250px;
    padding: 0 0px;
    position: absolute;
    display: block;
    background-color: #fff;
    text-align: center;
    border-radius: 50%;
    height: 250px;
    border: solid 2px #B4975A;
    right: 0;
    top: 120px;
}
.total_sec p:nth-child(1) {
    font-size: 23px;
    margin-top: 40px;
}
.total_sec h1 {
    font-size: 50px;
    color: #B4975A;
}
.total_sec p:nth-child(3) {
    color: #B4975A;
    font-size: 20px;
    font-weight: bold;
}
.terms_txt{
    margin-top: 50px;
    font-size: 20px;
    font-weight: bold;
}
/* Footer Style */
#footer {
    padding: 5px 29px 0;
    font-size: 10pt;
    position: relative;
    clear: both;
    z-index: 1;
    background:#333333;
}
.footerMenu {
    border-bottom: 2px solid #CCCCCC;
    overflow: hidden;
    padding: 0px 0 5px;
    width: 100%;
    z-index: 9999;
    background: #fff;
    position: relative;
}
.footerDisclaimer, .footerMenu {
    z-index: 9998;
}
.footerMenu a {
    color: #fff !important;
}
.footerLeftLink {
    float: left;
    padding: 0px 7px 0 0;
    font-size: 10pt;
}
.footerList li {
    float: left;
    padding-left: 8px;
    list-style: none;
    font-size: 10pt;
}

.footerLinksList {
    float: right;
    padding: 0;
    margin-top: 3px;
}
.visible-phone {
    display: none !important;
}
.footerDisclaimer {
    overflow: hidden;
    padding: 16px 0 35px;
    z-index: 9999;
    position: relative;
    background: #333333;
}
.footerLogo {
    background: url(../images/citi-logo-pc.png) no-repeat;
    width: 62px;
    height: 32px;
    float: left;
}
.copyRight {
    float: right;
    text-align: right;
    color: #fff;
}
.clear {
    clear: both;
}
.txtjustify {
    text-align: justify;
    color:#fff;
}
.linkLstWrap{
    display: none;
}
/* Media Query */
/*@media (min-width: 1601px) {
    .caption{
        margin-top: 210px;
    }
}*/
.visibleBigscreen {
    display: none;
}
.visibleMobile, .visibleXSM {
    display: none !important;
}
@media (max-width: 350px)   
{
 .rewardblock
 {width: 90px !important; }
}
                                 
@media (min-width: 1740px) {
	.visibleBigscreen {display: block;}
	.hideBigscreen {display: none;}
	.pageBanner .mastHeadImage {height: 600px;overflow: hidden;}
	.pageBanner .mastHeadImage img {max-width: none;transform: translateX(-50%);margin-left: 50%;height: auto; width: 100%;}
	.HomeBanner .innerBanner {margin: 0;}
}

@media (min-width: 2150px) {
	.pageBanner .mastHeadImage img {width: 100%;height: auto;}
}

@media (min-width: 768px) and (max-width: 992px) {
	.homebanner_cta h1.mainHeading {font-size: 34px;line-height: 38px;padding-bottom: 10px;}
	.homebanner_cta .pagebannerTxt {padding-top: 20px;}
	.homebanner_cta .landingPara {padding-bottom: 15px;}
	.hero_banner_cta .cta-wrap p {line-height: 20px;}
}

@media (max-width: 1500px) {
    .container {width: 100%;}
    .bannerImg,
    .pageBanner {width: 100%;}
    .leftNav-ul,
    .leftBarFixed .leftNav-ul {width: 309px !important;}
    .wtSoution .col10.innerContainer {width: 100%;}
    .wtSoution .col-md-10.innerContainer {width: 100%;}
}

@media (max-width: 1400px) {
    .leftNav-ul,
    .leftBarFixed .leftNav-ul {width: 300px !important;}
}

@media (max-width: 1300px) {
    .leftNav-ul,
    .leftBarFixed .leftNav-ul {width: 258px !important;}
    .wtSoution .col10 {width: 100%;}
	.innerBanner {width: 62.2%;}
	.commonBtnStyle {width: 57%;}
}

@media (max-width: 1200px) {
	.col2by5 {width: 19.444%;}
    .leftNav-ul li > a {padding: 18px 18px;}
    .videoContainer .gray-container {padding: 40px 40px 0px 40px;}
    .leftNav-ul,
    .leftBarFixed .leftNav-ul {width: 246px !important;}
    .dropdown-menu {width: 40%;}
    .callLine {font-size: 21px;line-height: 24px;}
    .innerBanner {/*margin: 33px auto;*/width: 78.2%;}
    .visibleTabPhone {display: inline-block !important;}
    .visibleDesktopOnly {display: none !important;}
    .footerTc li {margin: 0px 10px 0px 0px;}
    .mobileTabHidden {display: none;}
    .col10.innerContainer {width: 100%;}
    .col-md-10.innerContainer {width: 100%;}
    .lightbox-open #pageWrappper {position: fixed;}
    .ipadImg {margin-top: 0px;position: relative;}
    .menuClose:after {width: 0px !important;}
    #lifestyle-numLst ol.numLst {margin-left: 8px;}
    #lifestyle-numLst ol.numLst li {padding: 0 0 9px 5px;width: 100%;}
    .priceItem .mobTxtRight {font-size: 18px;}
	.sticky {top: -2px;}
	.gsc-table-cell-thumbnail {width: 11% !important;}
	.desktopCircle .col3{padding:0 10px;}
	.bannerTxt {display: flex;}
	#forElectionVideo.videoContainer .gray-container {padding: 0px 40px 0px 40px;}
	.rowtableBlock{font-size:14px;}
	.innerdraggableTab .tab-two-column li,.innerdraggableTab .tab-two-column li.tab-two-column-active{width:350px;}
	.gsc-results-wrapper-overlay {left: 8% !important;width: 84% !important;}
    .flx_cls{
        width: 100%;
    }
    .circle_sec{
         width: 288px !important;
    height: 288px !important;
    }
    .circle_sec p:nth-child(1),.circle_sec p:nth-child(3){
        font-size: 20px;
    }
    .circle_sec h1{
        font-size: 40px;
    }
}
@media only screen and (max-width:1024px){
    .box_img{
        display: block;
        margin: auto;
    }
}
@media (max-width: 990px) {
    .unlock_sec .heading img{
        width: 100px;
    }  
    .total_sec{
        position: relative;
        top: 0;
        margin: auto;
        margin-top: 30px;
    }
   /* .caption h1:nth-child(2){
        margin-left: 50px;
    }
    .caption h1{
        font-size: 35px;
    }
    .caption img{
        width: 30px;
    }*/
    .flx_cls{
        display: block;
    }
    .cols {
        width: 304px;
        display: block;
        float: none;
        margin: auto;
    }
    .cols:nth-child(2) {
        margin: 0 auto;
    }
    
    .box_sec p,.box_sec h3{
        text-align: center;
    }
}
@media (max-width: 990px) and (min-width:784px){
    .box_img{
        width: 50%;
    }
    
    .footerMenu{
        height: auto !important;
    }
}
@media (max-width: 1100px) {
    .leftNav-ul,
    .leftBarFixed .leftNav-ul {width: 209px !important;}
	.progressbarbg span {padding: 13px 3px;}
	/* For chinese START */
	.gifts .box-head {padding: 14px 65px;}
	/* For chinese END */
}

@media (max-width: 1000px) {
	.innerBanner {width: 77%;margin: 0px auto;}
	.HomeBanner .innerBanner {margin: 0;}
	.innerBanner{padding: 1px 20px;}
    .leftNav-ul .leftNav-active {background: #FFFFFF;}
    .leftNavBarSection,
    .rightPannel {margin: 20px 0 0px;}
    .leftNav-active .arrow {display: none;}
    .leftNav-ul li > a {width: 100% !important;box-sizing: border-box;}
    .leftNav-ul {width: 100% !important;display: none !important;}
    .leftBarFixed .leftNav-ul {width: 100% !important;}
    .leftNav-ul li > a {width: 94%;font-size: 16px;}
    .leftBarFixed {width: 24% !important;}
    .ipadImg {margin-top: 0px;position: relative;}
    .content {font-size: 14px;padding: 16px 7%;}
    .imgAlter .rgtTxt {padding-left: 20px;}
    .imgAlter .lftTxt {padding-right: 20px;}
    .gray-container h2 {font-size: 28px;line-height: 35px;}
    .gray-container {padding: 22px 20px 24px;}
    .firstVideoContainer .gray-container {padding: 40px 60px 0px 40px;}
    .videoContainer .gray-container {padding: 40px 40px 0px 32px;}
    #forElectionVideo.videoContainer .gray-container {padding: 0px 40px 0px 32px;}
}

@media (max-width: 992px) {
    .bannerImg div {/*height: 340px;*/}
    .bannerTxt {/* height: 340px;*/}
	.gsc-table-cell-thumbnail {width: 17% !important;}
	.new-font{letter-spacing: 0px;font-size: 2.2vw;}
	.circle__content {padding: 0.2em;}
	.new-subheading {padding: 0 20px;font-size: 1.8vw;}
	.imagePara img{width:100%;}
	.errorCode, .errorCode2 {height: 40px;}
	.add-box .before {left: 48%;}
	.fixed-links a, .fixed-links > span {margin: 0 10px;}
	.threeColumnThumbWrap .mainHeadbox{ min-height:195px; }
	.pagetitle.regSup sup{ font-size:32px; }
	/* For chinese START */
	.gifts .box-head {padding: 14px 32px;}
	/* For chinese END */
}
@media (max-width: 768px) {
    #menuMobile {display: none !important;}
    .leftColumn {padding: 60px 77px 70px;}
	/* .HomeBanner .innerBanner {width: 60%;} */
	.HomeBanner .innerBanner {width: 50%;}
	.visibleSM {display:block !important;}
	.tableHeader-bg {font-size: 15px;}
    .box_img{
        width: auto;
    }
    .heading{
        font-size: 25px;
    }
    .h3, h3, .box_sec p, .sub_para, .terms_txt{
        font-size: 20px;
    }
}

@media only screen and (min-device-width: 1024px) and  (orientation : landscape) {
	/*.homePageSection .col3.callLine{width: 32%;}*/
	.gray-container {padding: 40px 40px 30px;}
}

@media (min-width: 768px) and (max-width: 855px) {
    .new-subheading {
        line-height: 2.5vw;
    }
}

@media only screen and (device-width: 768px) {
	.gray-container {padding:30px 40px 10px;}
	.innerdraggableTab .tab-two-column li, .innerdraggableTab .tab-two-column li.tab-two-column-active {width: 266px;}
	.tab-two-column li{font-size:22px;line-height: 28px}
}

@media (max-width: 798px) {
    .innerBanner {/*width: 82%;*/}
}

@media (min-width: 768px) and (max-width: 855px) {
    .new-subheading {line-height: 2.5vw;}
    .menubar-ul > li{
        margin: 0 8px;
    }
}

@media (max-width: 767px) {
    .banner{
        height: 65px;
    }
	/* .btnStyle.findOutBtn.alertTxt{ line-height: 16px; } */
    .visibleDesktop{
        display: none !important;
    }
    .visibleMobile{
        display: block !important;
    }
    .logoWrapper{
        padding: 8px 0 0;
    }
    .searchHeader{
        padding: 10px 0 0;
    }
	.dispheader-group .visibleMobile{width:100% !important;}
	.HomeBanner .leadingTxt,.HomeBanner .landingPara{font-size: 16px;line-height: 24px;}
	.sticky {-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0);-moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);box-shadow: 0 0px 0px rgba(0, 0, 0, 0);box-shadow: 0 0px 0px rgba(0, 0, 0, 0);}
	/*.menuShadow{-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);z-index: 9;position: relative;}*/
	.landingPara {font-size: 16px;line-height: 24px;}
	.transformVertical{display: block;}
    .rightPannelStyle2 .headerMob .upArrow li a::before {left: 20px;}
    .noRowMobile {margin-right: 0px;margin-left: 0px;}
    #menuMobile {display: block !important;}
    .leftNavBarSection {position: absolute;top: 10px !important;z-index: 9999999999;/* height: 240px; */background: #fff;left: 0px !important;}
    .innerBanner {margin: -11.4% auto 1%;max-width: 840px;padding: 0px;}
	.bannerTxt {height: auto;display: block;-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;}
    .menuBar {-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);box-shadow: 0 0px 0px rgba(0, 0, 0, 0); box-shadow: 0 0px 0px rgba(0, 0, 0, 0);}
	.thumpContainerVideo div {height: 300px;}
    .dropdown-wrapper {margin-top: 10.5%;width: 100%;left: 0px !important;}
    .dropdown-menu {width: 100%;left: 0px !important;max-height: 183px;overflow: auto;overflow-x: hidden;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.095);-moz-box-shadow:  0px 2px 10px rgba(0, 0, 0, 0.095);-webkit-box-shadow:  0px 2px 10px rgba(0, 0, 0, 0.095);box-shadow:  0px 2px 10px rgba(0, 0, 0, 0.095);border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
    .mobRow {margin-right: -10px;margin-left: -10px;}
    .mobRow2 {margin-right: -20px;margin-left: -20px;margin-top: -6px;}
	.dropdown-menu a:first-child {border-top: 0px solid rgba(0, 0, 0, 0.1);}
	.emailUs{margin-bottom: 80px;}
	.team .headSection {margin-bottom: 80px;}
	.center-row {display:block;}
	.center {display: inline-block;}
	.padding80{padding-bottom:47px;}
	.gsc-result .gs-title {height: 3em !important;}
    .headerMob .col-sm-12 {padding: 0 20px;}
    .headerMob .numLst {width: 99%;}
    .range-slider {width: 80%;margin: 5px auto;}
    .watchbtn {margin-left: 0%;}
    .videoSection div {height: 395px;background-position: center center;}
    .eventsGray div {height: 180px;background-position: top center;}
    .innerBanner {margin: -11.4% auto 1%;max-width: 840px;padding: 0px;}
    .new-font {font-size: 3.2vw;}
    .new-subheading.visibleMobile {padding: 0 10px;margin-bottom: 12px;min-height: 64px;display: block !important;clear: both;}
    .draggable-container.col-sm-10 {width: 83.33333333%;}
    .pagetitle-subTxt {padding-left: 20px;padding-right: 20px;}
    .mobContainer {display: table;content: "";padding-right: 10px;padding-left: 10px;margin-right: auto;margin-left: auto;width: 100%;}
    body {font-family: "interstate-light", arial;font-size: 12px;line-height: 16px;color: #333333;margin: 0;background: #ffffff;}
    h4.pagetitle {font-size: 12px;line-height: 18px;letter-spacing: 1px;}
    h3.subHeading {font-size: 16px;line-height: 24px;letter-spacing: 1px;}
    h2.mainHeading {font-size: 26px;line-height: 32px;padding-bottom: 40px;}
    h1.mainHeading {font-size: 26px;line-height: 32px;padding-bottom: 45px;}
    .mobBorder {border-bottom: 1px solid #666666;}
    .topMenu ul.lang-switch li {margin: 7px 0px 0 20px;}
    .menubar-ul > li {margin: 0px 8px;}
    .pageBanner .bannerGoldTxt .pagetitle {font-size: 42px;line-height: 50px;padding: 0px 0 39px 0;width: 80%;margin: 0px auto;}
    .pagetitle-subTxt {letter-spacing: 0px;font-size: 16px;line-height: 24px;letter-spacing: 0px;}
    .radio-label {padding-left: 8px;font-size: 16px;}
    .pageBanner .pagetitle-subTxt {width: 100%;margin: 0px auto;}
    .bannerGoldTxt .pagetitle-subTxt {padding: 35px 0 0px;}
    .dispfooter-group {display: table-footer-group;}
    .dispheader-group {display: table-header-group;}
    .gsc-table-cell-thumbnail {width: 25% !important;}
    .gs-promotion table {width: 100% !important;}
    .banner {height: 55px;}
    .mobpullLeft {float: left!important;}
    .menubar-ul > li >a, .logInbtn >a {font-size: 14px;line-height: 14px;}
    .menubar-ul.pull-right li {border-left: 1px solid #eeeeee;}
    .sub-navbar-list {float: left;}
    .logInbtn a {text-align: center;}
    .menubar-ul > li, .logInbtn {padding: 16px 0px 17px 0px !important;}
    .dropdown-menu {background: #ffffff;}
    .dropdown-menu a {border-right: 0px;padding: 37px 20px 44px 40px;border-left: 0px;}
    .dropdown-menu a:last-child {border-radius: 0px;}
    .bannerHeader {padding: 20px 0 0px 0;}
    .bannerTxt{
        width: 100%;
        left: 0;
    }
    .whitebgwithShadow {
    box-shadow: -4px 0px 10px rgba(0, 0, 0, 0.2);
}
    .logInbtn a{padding-left: 16px;}
    .pageWrapper{
        overflow: hidden;
    }
    .menuBar nav{
        height: auto;
    }
    .nav-tabs {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}
    .visible-phone {
    display: inherit !important;
}
    .footerLinksList {
        float: none;
        padding: 0 23px 0 0;
        position: relative
    }

    .footerLinksList ul li {
        float: left;
        padding: 0 15px 0 0
    }

    .footerLinksList a {
        color: #666;
        padding-bottom: 4px;
        display: inline-block
    }

    .footerLinksList a:hover {
        color: #39c;
        text-decoration: underline
    }

    .footerLinksList a.activeTabHighlight {
        color: #39c;
        text-decoration: underline
    }

    .footerRhtLink {
        float: right;
        color: #666;
        padding: 4px 0 0
    }

    .appFooterScrolTop,
    .appFooterScrolBot {
        display: block;
        height: 16px;
        position: absolute;
        right: -5px;
        top: 4px;
        width: 21px
    }

    .appFooterScrolBot {
        background: url("../images/showArrow.png") no-repeat scroll 0 2px transparent;
        background-size: 14px 9px
    }

    .appFooterScrolTop {
        background: url("../images/arrow.png") no-repeat scroll 0 0 transparent;
        background-size: 9px 14px
    }

    .footerList {
        float: left;
        padding-top: 10px;
        width: 100%
    }

    .footerMenu {
        height: 28px;
        overflow: hidden
    }

    .copyRight {
        float: none
    }

    .thumbImg {
        float: none;
        margin: 0 0 10px
    }

    .productsListCont {
        margin: 0
    }

    .TermsAndConditions {
        display: none
    }

    .termsPlus,
    .termsMinus {
        cursor: pointer;
        display: inline-block;
        float: left;
        width: 14px;
        height: 14px;
        margin-right: 10px;
        width: 100%;
        padding-left: 20px
    }
    .footerLinksList{
        margin-top: 0px;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .add-box .before {left: 48%;}
/*    .new-subheading {line-height: 2.2vw;}*/
}

@media (max-width: 990px) {
	.tableRow, .tableRow .goldTxt {font: 20px/26px "interstate-light", arial;}
   .caption {
text-align: center !important;
width: 90% !important;
top: 88%;
background-color: #fff;
padding: 15px;
}

    .caption h1{
        font-size: 20px;
    }
    .caption h1:nth-child(2) {
        margin-left: 0;
    }
    .caption img{
            float: none !important;

            padding-top: 8px;
        width: 60px;
    }
    .heading{
        font-size: 25px;
    }
    .unlock_sec .heading img{
        display: none;
    }
    .more_sec{
        padding: 50px 0;
    }
    .h3, h3,.box_sec p,.sub_para,.terms_txt {
    font-size: 17px !important;
}
}

@media (max-width: 450px) {
	.rgtImgVideo div {height: 192px;}
	.gsc-table-cell-thumbnail {width:50% !important;}
    .draggable-container.col-sm-10 {width: 73.66666667%;}
	 #privilegesThumbImg5 {background-size: cover;}
	 .tableRow,.tableRow .goldTxt {font: 16px/21px "interstate-light", arial;}
}
@media (max-width: 370px) {
	.fixed-links a img {width: 35px;}
	.fixed-links a .callIcon {padding-right: 5px;}
	.fixed-links a:first-child {margin-right: 5px;}
}
@media (max-width: 375px) {
	.gsc-table-cell-thumbnail, .gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open {width: 100% !important;float: left;}
	.videoSection div {height: 203px;}
	.callLine .verticalFix {padding-top: 3px;font-size: 14px;line-height: 18px;}
	.graph-tab  svg{width: 76%;}
    .circle_sec{
        width: 288px !important;
        height: 288px;
    }
}

@media (max-width: 319px) {
    .socialIcon ul>li {padding-left: 40px}
    
}
                                      
                                      

                                      
                                      
a:focus {
    outline: unset;
    outline-offset: unset;
}

img {
    display: inline-block;
    max-width: 100%;
}

h2 {
    font-size: 2.625em;
    line-height: 1.2;
    font-weight: bold;
}

h2.mainHeading{
    padding-bottom:0;
}

h3 {
    font-size: 1.75em;
    line-height: 1.2;
}

h4 {
    /*font-size: 1.1875em; */
        line-height:1.4;
}

strong {
    font-family: "interstate", sans-serif;
}

.bg-blue {
    background-color: #002A54;
    color: #000;
}

.bg-gold {
    background-color: #B4975A;
    color: #fff;
}

.bg-grey {
    background-color: #EEEEEE;
    color: #000;
}

.text-brown {
    color: #B4975A;
   
  
}

.text-gold {
    color: #B4975A;
    
}

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

.findOutBtn{
    width:20%;
}

.findOutBtn:hover{
    text-decoration: none;
    color:#fff;
}

.container-fluid {
    padding-left: 10px;
    padding-right: 10px;
}

.body-container{
    padding-left:20px;
    padding-right:20px;
}

.overlap {
    margin-top: 3.5rem;
}

.circle-120 {
    width: 5rem;
    margin-bottom: 1.5rem;
}

.overlap .circle-120 {
    margin-top: -2.5rem;
}

table.collapsable {
    margin: 0 auto;
}

    table.collapsable td {
        display: block;
        width: 100%
    }

hr.goldline {
    border: none;
    display: inline-block;
    width: 100px;
    height: 2px;
    border-bottom: solid 2px #B4975A;
    margin: 0 auto;
}

.reward-container{
    padding-left:10px;
    padding-right:10px;
}

.rewardblocks,
.rewardblockscpc {
    display: block;
    margin: 1rem auto 0rem !important;
    width: 358px;
}

@media (min-width:350px) {
    .rewardblocks,
    .rewardblockscpc {
        display: block;
    margin: 1rem auto;
    width: 230px; 
}
}

.rewardblock {
    display: block;
    margin: 10px 0 10px 12px;
    width: 100px;
    /* height: 100px; */
    border: solid 2px;
    border-radius: 6px;
    position: relative;
    float: left;
    padding: .5rem;
    font-size: .9em;
    line-height: 1.2;
}

    .rewardblock table {
        width: 100%;
    }

        .rewardblock table img {
            height: 40px;
            width:40px;
        }

    .rewardblock td {
        height: 25px;
        vertical-align: middle;
        width: 100%;
    }

.icon-plus {
    width: 30px;
    position: absolute;
    left: -22px;
    top: 32px;
}

.rewardblocks .rewardblock:last-of-type,
.rewardblockscpc .rewardblock:last-of-type {
    margin-right: 0;
}

.rewardblocks .rewardblock:last-of-type {
    margin-right: 0;
}

.rewardblockscpc .rewardblock:last-of-type {
    margin: 10px Calc(50% - 50px);
}

#rewardstiertable {
    width: 100%;
}

    #rewardstiertable td {
        width: 33.333%;
        border: solid 1px #EEEEEE;
        text-align: center;
        line-height: 1.2;
        padding: .5em;
    }

    #rewardstiertable thead td {
        background-color: #B4975A;
        color: #fff;
        font-weight: bold
    }

tablet-hide{
        display:none;
    }

@media (min-width: 992px) {
    .overlap {
        margin-top: 4.75rem;
    }

    .circle-120 {
        width: 7.5rem;
    }

    .overlap .circle-120 {
        margin-top: -3.75rem;
    }
    
    .body-container{
    padding-left:190px;
    padding-right:190px;
}

    table.collapsable td {
        display: table-cell;
        width: unset;
        vertical-align: middle;
        padding: 1rem;
    }

    .rewardblocks {
        width: 600px;
      display: flex;
    justify-content: center;
    }

    .rewardblockscpc {
            width: 800px;
   			display: flex;
    		justify-content: center;
    }

    .rewardblock {
        margin: 20px 0 0px 24px;
        height: 267px;
        width: 252px;
        font-size: 1em;
        padding: 2em;
    }

    .rewardblockscpc .rewardblock:last-of-type {
        margin: 20px 10px 20px 24px;
    }

    .rewardblock table {
        width: 100%;
    }

        .rewardblock table img {
            height: 60px;
            width:60px;
        }

    .rewardblock td {
        height: 50px;
    }

    .icon-plus {
        width: 50px;
        left: -40px;
        top: 92px;
    }

    #rewardstiertable td {
        font-size: 1.5em;
    }
    
    .tablet-hide{
        display:block;
    }
}

@media (min-width: 1740px) {
    .pageBanner .mastHeadImage img {
        height: auto;
        width: 100%;
    }
    
}




/**carousel**/

.carousel {
    position: relative;
}

.sr-only {
    position: absolute;
    color: #333;
    top: 9rem;
    font-size: 2rem;
    overflow: visible;
    clip: unset;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .6s ease-in-out left;
        -o-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-inner > .item.next,
        .carousel-inner > .item.active.right {
            left: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }

        .carousel-inner > .item.prev,
        .carousel-inner > .item.active.left {
            left: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }

            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right,
            .carousel-inner > .item.active {
                left: 0;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.right,
    .carousel-control.left {
        background: none;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
    }

    .carousel-control:hover,
    .carousel-control:focus {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    margin-top: 2rem;
    position: relative;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    text-align: center;
    margin-left: unset;
    left: unset;
}

    .carousel-indicators a {
        display: inline-block;
        width: 40px;
        height: 10px;
        margin: 4px;
        cursor: pointer;
        border: 2px solid;
        border-radius: 10px;
    }

    .carousel-indicators .active.text-brown,
    .carousel-indicators .active.text-brown:hover,
    .carousel-indicators .active.text-brown:focus {
        background-color: #281814;
        width: 40px;
        height: 10px;
        margin: 4px;
        border-color: #281814
    }

    .carousel-indicators .active.text-gold,
    .carousel-indicators .active.text-gold:hover,
    .carousel-indicators .active.text-gold:focus {
        background-color: #B4975A;
        width: 40px;
        height: 10px;
        margin: 4px;
        border-color: #B4975A;
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

    .carousel-caption .btn {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

/**carousel**/