.offer-mobile-wrapper/*'lower' walues needed to prevent Mozila and old browsers to break on border screen width values*/
#s4-workspace, #s4-workspace * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  html,
  body,
  div,
  applet,
  span,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: middle;
    background: transparent;
  }
  
  ol li,
  ul li {
    list-style-type: none;
  }
  
  h4,
  h5,
  h6,
  .ms-h4,
  .ms-h5,
  .ms-h6 {
    font-family: 'Nunito Sans', Arial !important;
  }
  
  blockquote,
  q {
    quotes: none;
  }
  
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: '';
    content: none;
  }
  
  input,
  select {
    outline: none;
  }
  
  *:focus {
    outline: 0;
  }
  
  input[type="submit"] {
    border: none;
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
  }
  
  p,
  td,
  th,
  li,
  dl {
    font-size: 13px;
  }
  
  p {
    margin-bottom: 5px;
    line-height: 16px;
  }
  
  img {
    vertical-align: bottom;
  }
  
  label {
    cursor: pointer;
  }
  
  a,
  a:visited {
    color: #333;
    font-size: 13px;
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: none;
    color: #cf0972;
  }
  
  html {
    height: 100%;
  }
  
  body {
    /*Original styles*/
    -webkit-overflow-scrolling: touch;
    min-height: inherit !important;
    height: auto !important;
    overflow: auto;
    /*New styles; if still commented after 30.05.2018 - remove*/
    color: #333;
    font: 62.5% 'Nunito Sans', Arial !important;
  }
  
  /*A lot of images don't suit the screen size. Make this for all. It should not break anything. If it is - specify styles for broken*/
  @media (max-width: 969px) {
    img {
      display: inline-block;
      max-width: 100%;
    }
  }
  
  /*Fixing share-point styles.*/
  button {
    min-width: 0;
  }
  
  /*******************************
    FONTS
    *******************************/
  @font-face {
    font-family: 'AvenirLT-Light';
    src: url(../fonts/avenir_light.eot);
    src: url(../fonts/avenir_light.eot?#iefix) format("embedded-opentype"), url(../fonts/avenir_light.woff) format("woff"), url(../fonts/avenir_light.ttf) format("truetype"), url(../fonts/avenir_light.svg#avenir_light) format("svg");
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'AvenirLT-Medium';
    src: url(../fonts/avenir_medium.eot);
    src: url(../fonts/avenir_medium.eot?#iefix) format("embedded-opentype"), url(../fonts/avenir_medium.woff) format("woff"), url(../fonts/avenir_medium.ttf) format("truetype"), url(../fonts/avenir_medium.svg#avenir_medium) format("svg");
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'AvenirLT-Book';
    src: url(../fonts/avenir_book.eot);
    src: url(../fonts/avenir_book.eot?#iefix) format("embedded-opentype"), url(../fonts/avenir_book.woff) format("woff"), url(../fonts/avenir_book.ttf) format("truetype"), url(../fonts/avenir_book.svg#avenir_book) format("svg");
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'AvenirLT-Heavy';
    src: url(../fonts/avenir_heavy.eot);
    src: url(../fonts/avenir_heavy.eot?#iefix) format("embedded-opentype"), url(../fonts/avenir_heavy.woff) format("woff"), url(../fonts/avenir_heavy.ttf) format("truetype"), url(../fonts/avenir_heavy.svg#avenir_heavy) format("svg");
    font-weight: 400;
    font-style: normal;
  }
  
  /*******************************
    GENERAL STYLES
    *******************************/
  h1 {
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: 400;
  }
  
  h1,
  .newsticker h2 {
    font-family: 'Nunito Sans Light', 'Nunito Sans';
    font-weight: 300;
  }
  
  h2 {
    font-size: 24px;
    color: #5b1f69;
    font-weight: 400;
    margin-bottom: 8px;
    line-height: 27px;
    letter-spacing: -.02em;
  }
  
  h2,
  .overlaytxt h1 {
    font-family: 'Nunito Sans' !important;
  }
  
  h2.t-ico {
    line-height: 44px;
    margin-bottom: 0;
  }
  
  h2.t-ico img {
    float: left;
    margin-right: 10px;
  }
  
  h3 {
    font-size: 16px;
  }
  
  h3 a,
  h3 a:visited {
    font-size: 16px;
  }
  
  h4 {
    font-size: 14px;
  }
  
  h4 a,
  h4 a:visited {
    font-size: 14px;
  }
  
  h4.freesms {
    background: url(../images/ico-envelope.png) no-repeat;
    padding-left: 30px;
  }
  
  h5 {
    font-size: 13px;
    margin-bottom: 5px;
  }
  
  h5 a,
  h5 a:visited {
    font-size: 13px;
  }
  
  h6 {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 400;
  }
  
  h6 a,
  h6 a:visited {
    font-size: 13px;
  }
  
  .content,
  .pagecontent {
    margin: 0 auto;
    width: 940px;
  }
  
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    font-size: .1em;
    visibility: hidden;
  }
  
  /* * html .clearfix {
    height: 1%
  }*/
  .clearfix {
    display: block;
  }
  
  .nav li a span,
  .zainsurvey h5 a,
  .zainsurvey h5 a:visited,
  .btn-gray32,
  .btn-gray32:visited,
  .btn-pink32,
  .btn-pink32:visited,
  .btn-gray32 input,
  .btn-pink32 input {
    font-family: 'Nunito Sans Bold', 'Nunito Sans';
    font-weight: 700;
  }
  
  .overlaytxt p,
  .overlaytxt .btn-pinkbig,
  .btn-pinkbig,
  .btn-pinkbig input,
  .btn-pinkbig:visited,
  .newsletter-widget a,
  .colorbar h3,
  .faq h2,
  .toggleitem li span {
    font-family: 'Nunito Sans SemiBold', 'Nunito Sans';
    font-weight: 600;
  }
  
  @media print {
    .printBTN {
      display: none;
    }
    .t_newsPaggingWrapper {
      display: none;
    }
  }
  
  @media (max-width: 969px) {
    /* .spotlighthomeSmall {
      display: none;
    } */
    /* .spotlighthome {
      display: none;
    } */
    h1 {
      font-size: 32px;
    }
  }
  
  /* Quick Pay Fix */
  #ctl00_SPWebPartManager1_g_6a576032_f3fd_40cc_b1f4_12df93d75271_ctrPrepaidQuickPayment_lblPleaseEnterCaptchaValue {
    display: block;
  }
  
  .s4-topLine {
    background: #eee url(../images/bgr-bodytop.png) no-repeat 50% 0;
    width: 100%;
    height: 4px;
    margin: 0;
    padding: 0;
  }
  
  #s4-workspace {
    overflow: inherit;
    /*new styles*/
    background-color: #fff !important;
    height: 100%;
    top:0;
  }
  
  /*breadcrumb*/
  .breadcrumb {
    border-top: 1px solid #ccc;
    height: 30px;
  }
  
  .breadcrumb {
    line-height: 30px;
    padding-right: 5px;
    font-size: 12px;
    color: #666;
  }
  
  .breadcrumb a,
  .breadcrumb a:visited {
    padding-right: 11px;
    margin-right: 5px;
    font-size: 12px;
    background: url(../images/bgr-grayarrow.png) no-repeat 100% 60%;
  }
  
  .breadcrumb a:hover {
    color: #333 !important;
  }
  
  @media (max-width: 969px) {
    .breadcrumb .content {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
  
  .breadcrumb a,
  .breadcrumb a:visited,
  .toggleitem h2 a,
  .toggleitem h2 a:visited,
  .textblock p a,
  .textblock p a:visited,
  .lnk,
  .lnk:visited,
  .list-download a,
  .list-download a:visited,
  .tbl-report td a,
  .tbl-report td a:visited,
  .pinklnk,
  .pinklnk:visited,
  .pdf,
  .pdf:visited,
  .faq-live h2 a,
  .faq-live h2 a:visited {
    color: #cf0972 !important;
  }
  
  .tbl-report td a,
  .tbl-report td a:visited,
  .textblock p a,
  .textblock p a:visited,
  .lnk,
  .lnk:visited,
  .list-download a,
  .list-download a:visited,
  .pinklnk,
  .pinklnk:visited,
  .pdf,
  .pdf:visited {
    text-decoration: underline;
  }
  
  .breadcrumb a:hover,
  .toggleitem h2 a:hover,
  .textblock p a:hover,
  .lnk:hover,
  .tbl-report td a:hover,
  .pinklnk:hover,
  .pdf:hover,
  .faq-live h2 a:hover {
    color: #333;
    text-decoration: underline;
  }
  
  .header,
  .footer,
  .sitemap,
  .colorbar,
  .pagetop,
  .section,
  .row,
  .subrow,
  .srow,
  .oneimg,
  .socialbar,
  .intro,
  .staffrow,
  .location {
    width: 100%;
    overflow: visible;
  }
  
  /*colorbar */
  .colorbar {
    height: 34px;
    line-height: 34px;
  }
  
  .colorbar h3 {
    font-size: 18px;
    font-weight: 400;
    color: #fff5f5;
  }
  
  .colorbar-green {
    background-color: teal;
  }
  
  .colorbar-blue {
    background-color: #5eb6e4;
  }
  
  .pagebottom {
    background-color: #eee;
    padding: 22px 0;
  }
  
  @media (min-width: 970px) {
    .pagetop {
      position: relative;
      z-index: 2;
    }
  }
  
  @media (max-width: 640px) {
    .hide-on-mobile-breackpoint {
      display: none !important;
    }
    .image-center-on-nav-breackpoint {
      display: block;
      max-width: 100%;
    }
    .image-center-on-nav-breackpoint img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
    }
  }
  
  .article-content {
    width: 100%;
    text-align: left;
    clear: both;
  }
  
  span.article-content {
    display: block;
  }
  
  @media (max-width: 969px) {
    #s4-workspace {
      padding-top: 55px;
      width: 100% !important;
    }
    .pagetop {
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 44px;
      width: 100%;
    }
    .mobile-pagetop_active {
      height: calc(100vh - 44px);
    }
    .content,
    .pagecontent {
      width: 100%;
      padding-left: 15px;
      padding-right: 15px;
    }
    .article-content * {
      max-width: 100% !important;
    }
    .article-content img {
      display: block;
      height: auto !important;
    }
    #WebPartWPQ3 h1 {
      /*overwriting some inline stuff*/
      margin-top: 0 !important;
      line-height: 1.1em !important;
    }
    p {
      width: auto !important;
      /*threre are some <p> that have manualy setted width*/
      /*affect images!*/
      /*affect images!*/
      /* 
      * {
        width: auto !important;//you will never belive it      
      }
      */
    }
    .hide-on-nav-breackpoint {
      display: none !important;
    }
    .image-center-on-nav-breackpoint {
      display: block;
      max-width: 100%;
    }
    .image-center-on-nav-breackpoint img {
      display: block;
      margin: 0 auto;
      max-width: 100%;
    }
    .reverse-order-nav-breackpoint {
      /*is used to put right sidebar over the main content for small resolutions. 
        It make sence if nav menu is located on the right. 
        
        Was made for F.A.Q. Now used in most of pages with the right column. If affect something -create separated lazout for F.A.Q.
        Remove this comment after 30.05.2018
        */
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse;
    }
    /* making default SP mochup more compact */
    .ms-webpartzone-cell {
      margin-bottom: 10px;
    }
  }
  
  #s4-bodyContainer {
    padding-bottom: 0 !important;
    /*overwrite corev15 style*/
  }
  
  @media (max-width: 969px) {
    #livechat-full {
      width: 350px !important;
      max-width: 100%;
      right: 0 !important;
      max-height: 400px;
    }
    #livechat-full-view {
      top: auto !important;
      left: auto !important;
      width: 90%;
      max-height: 400px;
    }
  }
  
  /* 404 */
  @media (min-width: 640px) {
    .page-404-small-resolution {
      display: none;
    }
  }
  
  @media (max-width: 640px) {
    .page-404-big-resolution {
      display: none;
    }
  }
  
  @media (min-width: 970px) and (max-width: 970px) {
    .page-404-big-resolution img {
      display: block;
      max-width: 100%;
      margin: 0 auto;
    }
  }
  
  /*-------------------*/
  .btn-selectcountry,
  .btn-selectcountry:visited {
    height: 29px;
    line-height: 29px;
    padding-left: 15px;
    display: inline-block;
    font-size: 14px;
    color: #cf0972;
    font-weight: 700;
    background: url(../images/btn-selectcountry.png) no-repeat;
    width: 159px;
    margin: 0 3px;
  }
  
  .btn-selectcountry span,
  .btn-selectcountry:visited span {
    font-size: 13px;
    text-transform: uppercase;
  }
  
  .btn-mylogin,
  .btn-mylogin:visited {
    height: 29px;
    line-height: 28px;
    padding-left: 15px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    background: url(../images/btn-mylogin.png) no-repeat;
    width: 175px;
    margin: 0 8px;
    text-transform: uppercase;
    vertical-align: top;
  }
  
  .btn-mylogin:hover {
    background-position: 0 100%;
    color: #5ca623 !important;
  }
  
  .btn-login,
  .btn-login:visited {
    height: 32px;
    width: 84px;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
    background: url(../images/btn-login.png) no-repeat;
    border: none !important;
    min-width: 0 !important;
    font: 18px/32px 'Nunito Sans', Helvetica, sans-serif !important;
  }
  
  .btn-logout,
  .btn-logout:visited {
    height: 29px;
    line-height: 28px;
    padding-left: 15px;
    padding-right: 10px !important;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    background: url(../images/btn-mylogin.png) top right no-repeat;
    border-radius: 7px;
    width: 110px;
    margin: 0 10px;
    text-transform: uppercase;
    vertical-align: top;
    border: none !important;
  }
  
  input[type='button'].btn-logout,
  input[type='submit'].btn-logout {
    height: 28px;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    margin: 0 10px;
  }
  
  .btn-logout:hover,
  input[type='button'].btn-logout:hover,
  input[type='submit'].btn-logout:hover {
    background-position: bottom right;
    color: #5ca623 !important;
  }
  
  a.btn-myzain-redirect {
    width: 110px;
    display: inline-block;
    background: url(../images/btn-mylogin.png) top right no-repeat;
    height: 28px;
    line-height: 26px;
    padding: 0px 30px 0px 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border-radius: 7px;
    vertical-align: top;
    margin: 0 10px 0 0;
  }
  
  a.btn-myzain-redirect:hover {
    background-position: bottom right;
    color: #5ca623 !important;
  }
  
  @media (max-width: 969px) {
    #ctl00_LoginControl_loginControl.loginbox .btn-mylogin,
    #ctl00_LoginControl_logoutControl.loginbox .btn-logout {
      display: block;
      margin: 0 auto 5px;
    }
    a.btn-myzain-redirect {
      display: block;
      margin: 0 auto;
      padding: 0px 27px;
    }
  }
  
  /* Generated by http://css.spritegen.com CSS Sprite Generator */
  .hamburger-menu-icon,
  .wrench-menu-icon,
  .chevron-menu-icon-big,
  .chevron-menu-icon-small {
    display: inline-block;
    background: url(../images/mobile_menu_sprite.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
  }
  
  .hamburger-menu-icon {
    background-position: -0px -0px;
    width: 21px;
    height: 19px;
  }
  
  .wrench-menu-icon {
    background-position: -0px -19px;
    width: 20px;
    height: 20px;
  }
  
  .chevron-menu-icon-big {
    background-position: -0px -39px;
    width: 17px;
    height: 26px;
  }
  
  .chevron-menu-icon-small {
    background-position: -0px -65px;
    width: 8px;
    height: 12px;
  }
  
  /* Generated by http://css.spritegen.com CSS Sprite Generator */
  .chevron-dropdown-icon-big,
  .chevron-dropdown-icon-gray-big,
  .close-icon,
  .icon-tweeter-share-small,
  .chevron-back-icon-small {
    display: inline-block;
    background: url("../images/icon_sprite.png") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
  }
  
  .chevron-dropdown-icon-big {
    background-position: -0px -0px;
    width: 26px;
    height: 17px;
  }
  
  .chevron-dropdown-icon-gray-big {
    background-position: -0px -17px;
    width: 26px;
    height: 17px;
  }
  
  .close-icon {
    background-position: -0px -34px;
    width: 20px;
    height: 20px;
  }
  
  .icon-tweeter-share-small {
    background-position: -0px -54px;
    width: 14px;
    height: 14px;
  }
  
  .chevron-back-icon-small {
    background-position: -14px -54px;
    width: 8px;
    height: 12px;
  }
  
  /*******************************
    FORM
    *******************************/
  .frm .frmul,
  .frm .frmul li,
  .frm .li_full,
  .frmsurvey .frmul li,
  .frm .li_greenline {
    width: 100%;
    float: left;
  }
  
  .frm .halflist .li_full {
    width: 100%;
  }
  
  .frm .halflist li {
    width: 50%;
    float: left;
  }
  
  .frm .halflist li.last {
    width: 48.5%;
    padding-left: 1.5%;
  }
  
  .frm .lbl-100 {
    width: 110px;
  }
  
  .frm .lbl-block {
    display: block;
    width: 100%;
    padding-bottom: 5px;
  }
  
  .frm .li_buttonline {
    border-top: 1px solid #a6dcce;
    padding: 17px 0 0;
    width: 100% !important;
  }
  
  .frm .li_greenline {
    border-top: 1px solid #a6dcce;
    padding-top: 15px;
    width: 100% !important;
  }
  
  .frm .li_p_130 {
    width: auto;
    padding-left: 130px;
  }
  
  .frm .li_p_155 {
    width: auto;
    padding-left: 155px;
  }
  
  .frm .rd-left {
    float: left;
    margin: 6px 0 0;
  }
  
  .frm .selectbox {
    margin-right: 10px;
    float: left;
  }
  
  .frm input[type=text],
  .frm input[type=password],
  .frm textarea {
    border: none;
    background: none;
    float: right;
    font-family: 'Nunito Sans', Arial;
    font-size: 13px;
    color: #666;
    overflow: auto;
    resize: none;
    padding-left: 5px !important;
  }
  
  .frm input.input_100 {
    background: url(../images/input_100x30.png) no-repeat;
    width: 80px;
    height: 16px;
    padding: 7px 10px;
    border: none;
    float: left;
  }
  
  .frm input.input_113 {
    background: url(../images/input-113x30.png) no-repeat;
    width: 93px;
    height: 16px;
    padding: 7px 10px;
  }
  
  .frm input.input_160 {
    background: url(../images/input159x25.png) no-repeat;
    width: 149px;
    height: 16px;
    padding: 4px 10px;
  }
  
  .frm input.input_203 {
    background: url(../images/input203x30.png) no-repeat;
    width: 183px;
    height: 18px;
    padding: 6px 10px;
    border: none;
  }
  
  .frm input.input_210,
  .frmprofileimage input.file {
    background: url(../images/input-190x30.png) no-repeat;
    width: 190px;
    height: 30px;
    padding: 7px 0;
    margin-left: 15px;
    border: none;
  }
  
  .frm input.input_239 {
    background: url(../images/input-239x31.png) no-repeat;
    width: 219px;
    height: 17px;
    padding: 7px 10px;
  }
  
  .frm input.input_258 {
    background: url(../images/input-258x27.png) no-repeat;
    width: 248px;
    height: 17px;
    padding: 5px 10px;
    color: #bababa;
  }
  
  .frm input.input_265 {
    background: url(../images/input-265x30.png) no-repeat;
    width: 245px;
    height: 16px;
    padding: 7px 10px;
    border: none;
  }
  
  .frm label {
    font-size: 14px;
    font-weight: 700;
    float: left;
  }
  
  .frm li.al {
    width: auto;
  }
  
  .mobile-header {
    display: none;
  }
  
  .mobile-logo,
  a.mobile-header__call.mobile-logo {
    padding-top: 3px;
    padding-bottom: 3px;
    height: 40px;
  }
  
  .mobile-logo img,
  a.mobile-header__call.mobile-logo img {
    display: block;
    height: 95%;
    width: auto;
    margin: 0 auto;
  }
  
  @media (max-width: 969px) {
    .mobile-header {
        background: url("../images/bgr-mainnav-green-en-new.png") center repeat-x;
      height: 40px;
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      -ms-flex-align: stretch;
      -webkit-box-align: stretch;
              align-items: stretch;
      -ms-flex-pack: justify;
      -webkit-box-pack: justify;
              justify-content: space-between;
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 100;
    }
    a.mobile-header__call:not([href]):not([tabindex]) {
      color: #fff;
    }
    a.mobile-header__call {
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      -ms-flex-align: center;
      -webkit-box-align: center;
              align-items: center;
      padding: 0 10px;
      color: #fff;
      cursor: pointer;
      font-size: 17px;
    }
    a.mobile-header__call:not(.mobile-logo).mobile-header__call_active, a.mobile-header__call:not(.mobile-logo):active, a.mobile-header__call:not(.mobile-logo):hover {
      background: black;
    }
  }
  
  .header {
    position: relative;
    z-index: 1;
    height: 50px;
    padding-top: 10px;
  }
  
  .header:after {
    display: table;
    width: 100%;
    clear: both;
  }
  
  .header-mobile-underlay {
    display: none;
    background: #fff;
    border-radius: 5px;
    width: calc(100% - 50px);
    height: 220px;
    position: absolute;
    top: 22px;
    left: 25px;
    z-index: -1;
  }
  
  .header-mobile-underlay:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -12px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 15px 12px;
    border-color: transparent transparent #ffffff transparent;
  }
  
  /*Depricated since april 2018*/
  /*.header-callcenter-info {
    font-size: 13px;
    padding: 6px 20px 0 0;
    font-weight: 700;
    font-family: $def_headers_font_family;
    float: left;
    span:before {
      content: ', ';
    }
  }*/
  .header-sharings {
    float: right;
  }
  
  .header-sharing-link {
    display: inline-block;
    margin: 2px 3px 0 0;
  }
  
  .header-sharing-link__image {
    height: 19px;
  }
  
  .topsearchbox {
    float: right;
    background: url(../images/bgr-topsearchbox.png) no-repeat;
    width: 220px;
    height: 28px;
    font-size: 14px;
  }
  
  .topsearchbox input {
    border: none;
    background: none;
    height: 27px;
    width: 34px;
    color: #666;
  }
  
  .topsearchbox input[type="text"] {
    padding: 5px 5px;
    width: 100%;
    border: none;
  }
  
  .topsearchbox li {
    float: left;
  }
  
  .ms-srch-sb-border,
  .ms-srch-sb-borderFocused,
  .ms-srch-sb-searchLink {
    border: none !important;
  }
  
  .ms-srch-sb-searchLink img {
    display: none !important;
  }
  
  .ms-srch-sb-searchLink:hover {
    background-color: transparent !important;
  }
  
  .pagelanguage {
    float: right;
    padding: 0 5px;
    margin-top: 5px;
  }
  
  .pagelanguage a,
  .pagelanguage a:visited {
    font: 700 13px 'Nunito Sans';
  }
  
  .languagebox {
    float: right;
    background: url(../images/box-language.png) no-repeat 200px 0;
    width: 170px;
    position: relative;
    height: 31px;
    margin-right: 0;
  }
  
  .languagebox .box-in {
    background: url(../images/box-language.png) repeat-y 200px 0;
    width: 172px;
    padding: 0 4px;
  }
  
  .languagebox .box-out {
    background: url(../images/box-language.png) no-repeat 200px 0;
    width: 100%;
    padding-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
  
  .languagebox ul {
    display: none;
    padding-top: 5px;
  }
  
  .languagebox li {
    padding: 0 18px;
    line-height: 30px;
  }
  
  .languagebox li a,
  .languagebox li a:visited {
    font-size: 14px;
    color: #d2187b;
    border-bottom: 1px solid #d9d9d9;
    background: url(../images/bgr-pinkarrrow.png) no-repeat 99% 50%;
    display: block;
  }
  
  .languagebox li.lastc a {
    border-bottom: none;
  }
  
  .languagebox li:hover {
    background-color: #e5e5e5;
  }
  
  .languagebox:not(.languagebox-toggle) .box-in ul {
    display: none !important;
  }
  
  .languagebox.languagebox-toggle {
    background-position: 0 0;
    margin-top: -8px;
  }
  
  .languagebox.languagebox-toggle .box-in {
    background-position: -346px 0;
  }
  
  .languagebox.languagebox-toggle .box-out {
    background-position: -173px 100%;
    padding-top: 7px;
    padding-bottom: 7px;
  }
  
  .languagebox.languagebox-toggle .btn-selectcountry,
  .languagebox.languagebox-toggle .btn-selectcountry:visited {
    font-size: 13px;
  }
  
  .loginbox {
    float: right;
    background: url(../images/box-mylogin.png) no-repeat 2000px 0;
    padding-top: 7px;
    margin: -7px 0 0;
    position: relative;
  }
  
  .loginbox .text-label {
    color: #cdcdcd;
  }
  
  .loginbox .box-in {
    background: url(../images/box-mylogin.png) repeat-y 2000px 0;
    width: 342px;
    padding: 10px 26px 10px 23px;
    overflow: hidden;
  }
  
  .loginbox .box-out {
    background: url(../images/box-mylogin.png) no-repeat 2000px 0;
    width: 100%;
    padding-bottom: 10px;
  }
  
  .loginbox .box-top {
    background: url(../images/box-mylogin.png) no-repeat 2000px 0;
    width: 344px;
    padding-top: 8px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 35px;
    display: none;
  }
  
  .loginbox li {
    margin-bottom: 10px;
    overflow: hidden;
  }
  
  .loginbox li.li-line {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-bottom: 0;
  }
  
  .loginbox li.li-line input[type='button'],
  .loginbox li.li-line input[type='submit'] {
    margin-bottom: 0 !important;
  }
  
  .loginbox .login-links {
    padding: 3px 0 5px 97px;
    float: right;
    color: #b8b8b8;
    font-size: 12px;
  }
  
  .loginbox .login-links a,
  .loginbox .login-links a:visited {
    font-size: 12px;
  }
  
  .loginbox .login-links span {
    padding: 0 5px;
  }
  
  /*-------------------------------*/
  /*myzain login box*/
  .loginbox-left {
    background-image: url(../images/box-mylogin-left.png);
  }
  
  .loginbox-left .box-top {
    background-image: url(../images/box-mylogin-left.png);
    left: -225px;
  }
  
  .loginbox-left .box-out {
    background-image: url(../images/box-mylogin-left.png);
  }
  
  .loginbox-left .box-in {
    background-image: url(../images/box-mylogin-left.png);
  }
  
  .loginbox-left.loginbox-toggle {
    background-position: -225px 0;
  }
  
  .loginbox-toggle {
    background-position: 0 0;
  }
  
  .loginbox-toggle .box-top {
    background-position: 0 -36px;
  }
  
  .loginbox-toggle .box-out {
    background-position: -344px 100%;
  }
  
  .loginbox-toggle .box-in {
    background-position: -688px 0;
  }
  
  .loginbox-toggle .btn-selectcountry,
  .loginbox-toggle .btn-selectcountry:visited {
    font-size: 13px;
  }
  
  .loginbox-toggle h2 {
    margin-bottom: 15px;
  }
  
  .loginbox-toggle .InputLabel {
    line-height: 28px;
    width: 81px;
    letter-spacing: -.03em;
    font-size: 14px;
    float: left;
    font-weight: 700;
  }
  
  /*End of My zain login*/
  /*-------------------------------*/
  .error,
  .error-login {
    color: red;
    display: block;
    width: 100%;
    text-align: right;
    visibility: hidden;
    border: none !important;
    clear: both;
  }
  
  @media (max-width: 969px) {
    .languagebox.languagebox-toggle .btn-selectcountry {
      width: 100%;
      margin: 0;
      font-size: 0;
      background: #cc1470;
      border-top: 1px solid #cc1470;
      border-bottom: 1px solid #cc1470;
      height: 40px;
      line-height: 38px;
    }
    .languagebox.languagebox-toggle .btn-selectcountry:after {
      content: "Back";
      font-size: 14px;
      font-weight: normal;
      display: inline-block;
      margin: 0 0 0 -13px;
      height: 100%;
      padding: 0 15px;
      color: #fff;
    }
    .languagebox.languagebox-toggle .btn-selectcountry:before {
      content: '';
      display: inline-block;
      background: url(../images/mobile_menu_sprite.png) 0px -65px no-repeat;
      width: 8px;
      height: 12px;
    }
    .header {
      padding: 40px 15px 15px;
      position: absolute;
      top: 44px;
      left: 0;
      width: 100%;
      min-height: 100%;
      background: #3d9980;
      display: none;
      overflow: auto;
    }
    .header.header_mobile_active {
      display: block;
    }
    .header-mobile-underlay {
      display: block;
    }
    .header-callcenter-info,
    .loginbox,
    .topsearchbox,
    .pagelanguage,
    .languagebox {
      float: none;
      margin: 0 auto 15px;
    }
    .pagelanguage {
      text-align: center;
    }
    .header-callcenter-info {
      color: #666;
      text-align: center;
      padding-right: 0;
    }
    .header-callcenter-info span {
      display: block;
      color: #66ab3d;
      font-size: 1.1em;
    }
    .header-callcenter-info span:before {
      display: none;
    }
    .header-sharings {
      display: none;
    }
    .loginbox {
      background: none;
    }
    .loginbox .btn-mylogin,
    .loginbox .btn-pink32 {
      margin-left: 0;
      margin-right: 0;
    }
    .loginbox .box-top {
      background: #fff;
      border-radius: 7px;
      border: 1px solid #ccc;
      width: 350px;
      left: 50%;
      margin-left: -175px;
    }
    .loginbox .box-in,
    .loginbox .box-out {
      width: auto;
      height: auto;
      background: none;
    }
    .languagebox .box-in {
      padding-left: 0px;
    }
    .languagebox .btn-selectcountry,
    .languagebox .btn-selectcountry:visited {
      margin-left: 0px;
    }
    .languagebox.languagebox-toggle {
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow-x: auto;
      margin: 0 auto;
    }
    .languagebox.languagebox-toggle .box-out {
      background: #fff;
      width: 100%;
      min-height: 100%;
      padding: 0;
    }
    .languagebox.languagebox-toggle .box-in {
      width: 100%;
      height: 100%;
      background: none;
      padding: 0;
    }
    /*For one called from main*/
    .locfinder .languagebox.languagebox-toggle {
      z-index: 1000;
      position: fixed;
    }
  }
  
  @media (max-width: 400px) {
    /*some durty fix here*/
    .loginbox .box-top {
      width: 300px;
      margin-left: -150px;
    }
    .loginbox-toggle .box-top .InputLabel {
      float: none !important;
    }
    .loginbox-toggle .box-top .frm input.input_210 {
      float: none !important;
    }
  }
  
  .mainmenu {
    height: 88px;
    padding: 1px 0 0;
    position: relative;
    z-index: 0;
    margin-bottom: 20px;
  }
  
  .mainmenu-hassub {
    height: 129px;
  }
  
  .mm_default_bg {
    background: url("../images/bgr-mainnav-green-en-new.png") no-repeat 50% 0;
  }
  
  @media (min-width: 970px) {
    .nav {
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
    }
    .nav .nav-call-low-level {
      display: none !important;
    }
    .nav > li {
      -ms-flex: 1 0 auto;
      -webkit-box-flex: 1;
              flex: 1 0 auto;
      border-left: 1px solid #fff;
    }
    .nav > li > a {
      display: block;
    /* padding: 17px 10px 4px;*/
      padding: 37px 10px 4px;
      height: 88px;
      font-size: 11px;
      color: #333;
    }
    
    .nav > li > a span {
      display: block;
      color: #fff;
      font-size: 15px;
    }
    .nav > li.logo > a {
      display: -ms-flexbox;
      display: -webkit-box;
      display: flex;
      -ms-flex-pack: center;
      -webkit-box-pack: center;
              justify-content: center;
      -ms-flex-align: center;
      -webkit-box-align: center;
              align-items: center;
      height: 100%;
      padding: 0 10px;
    }
    .nav > li:not(.logo):hover.has-sub > a {
      background: url(../images/bgr-mainnav-active.png) repeat-x 50% 0;
    }
    .nav > li:not(.logo):hover:not(.has-sub) > a {
      background: url(../images/bgr-mainnav-hover.png) repeat-x 100% 0;
    }
    .nav__second-level {
      display: none;
      position: absolute;
      left: 0;
      top: 88px;
      background: url(../images/bgr-mainnav-sub.png) no-repeat;
      min-height: 44px;
      width: 100%;
      padding: 0 10px;
    }
    .nav__second-level li {
      float: left;
      font-size: 12px;
    /*    padding: 0 5px 0 11px;*/ /*Change does not exist on stage*/
    padding:  0 5px 0 9px; 
    line-height: 44px;
    }
    .nav__second-level li a {
      font-size: 13px;
      color: #4d534e;
      font-weight: 700;
      height: auto;
    }
    .nav__second-level li a:visited {
      color: #4d534e;
    }
    .nav__second-level li a:hover, .nav__second-level li a:visited:hover {
      color: #009b74;
      background: none;
    }
    .nav__second-level li.nav__li-separator {
      margin: 0px;
      padding: 0px 3px 0px 3px;
    }
  }
  
  @media (max-width: 969px) {
    .mainmenu.mm_default_bg {
      background: #3d9980;
    }
    .mainmenu {
      position: absolute;
      top: 44px;
      left: 0;
      width: 100%;
      min-height: 100%;
      background: #3d9980;
      display: none;
      overflow: auto;
      margin-bottom: 0;
    }
    .mainmenu.mainmenu_mobile_active {
      display: block;
    }
    .nav {
      min-height: 100%;
    }
    .nav li a {
      display: block;
      padding: 10px 15px;
    }
    .nav > li {
      position: relative;
    }
    .nav > li > a {
      display: block;
      color: rgba(255, 255, 255, 0.8);
      padding-right: 40px;
    }
    .nav > li > a span {
      display: block;
      font-size: 1.2em;
      color: #fff;
    }
    .nav > li > a br {
      display: none;
    }
    .nav > li > a .nav-call-low-level {
      position: absolute;
      z-index: 1;
      width: 40px;
      height: 100%;
      top: 0;
      right: 0;
    }
    .nav > li > a .nav-call-low-level > i {
      margin: 11px 0 0 10px;
      -webkit-transition: 300ms ease all;
      transition: 300ms ease all;
    }
    .nav > li.logo {
      display: none;
    }
    .nav > li.selected .nav-call-low-level > * {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg);
    }
    .nav > li.selected {
      background-color: #1f8787;
      border-bottom-color: #1f8787;
    }
    .nav > li.selected:after {
      display: none;
    }
    .nav > li:after {
      content: '';
      display: block;
      margin-left: 5px;
      width: calc(100% - 10px);
      height: 1px;
      background-color: rgba(0, 0, 0, 0.2);
    }
    .nav__second-level {
      display: none;
      overflow-y: auto;
      background: #fefefe;
    }
    .nav__second-level li > a {
      color: #419b82;
    }
    .nav__second-level li > a:hover, .nav__second-level li > a:active {
      background: rgba(65, 155, 130, 0.2);
    }
    .nav__second-level li:after {
      content: '';
      display: block;
      margin-left: 5px;
      width: calc(100% - 10px);
      height: 1px;
      background-color: rgba(65, 155, 130, 0.2);
    }
    .nav__second-level li.nav__li-separator {
      display: none;
    }
    .nav__second-level li:last-child {
      border-bottom: none;
    }
  }
  
  /*
  .mspacing_1 .nav li a,
  .mspacing_1 .nav li a:visited {
    padding: 17px 13px 4px 12px
  }
  
  .mspacing_2 .nav li a,
  .mspacing_2 .nav li a:visited {
    padding: 17px 23px 4px 22px
  }
  
  .mspacing_3 .nav li a,
  .mspacing_3 .nav li a:visited {
    padding: 17px 23px 4px 22px
  }
  */
  /*footer*/
  .footer {
    border-bottom: 1px solid #b6b6b6;
    padding-bottom: 11px;
    margin-bottom: 10px;
  }
  
  .footer li {
    display: inline;
    padding-right: 10px;
  }
  
  .footer .logosmall {
    float: left;
  }
  
  .footer p {
    font-size: 12px;
    padding: 11px 0 3px;
    margin-bottom: 0;
  }
  
  .footer .copyright {
    float: left;
    margin-left: 17px;
  }
  
  .footer .copyright ul {
    direction: ltr;
  }
  
  .footer .copyright li {
    padding-right: 10px;
  }
  
  .footer .copyright a,
  .footer .copyright a:visited {
    font-weight: 700;
    font-size: 12px;
  }
  
  /* Depricated since 16.04.2018 */
  /*.socialmedialinks {
    padding-bottom: 9px;
    margin-bottom: 20px;
    ul {
      float: right
    }
    li {
      float: left;
      padding-left: 8px
    }
    a,
    a:visited {
      background: url(../images/btn-socials.png) no-repeat;
      height: 28px;
      padding-left: 6px;
      display: inline-block;
      font-weight: 700;
      line-height: 28px;
      letter-spacing: -.02em
    }
    a span {
      background: url(../images/btn-socials.png) no-repeat 100% -28px;
      height: 28px;
      display: inline-block;
      padding-right: 8px;
      img {
        float: left;
        margin: 4px 6px 0 0
      }
    }
  }*/
  /* Depricated since 16.04.2018 */
  /*.sitemap {
    .col {
      float: left;
      width: 156px
    }
    h3 {
      font-size: 13px;
      margin-bottom: 3px;
      font-weight: 700
    }
    li {
      line-height: 20px
    }
  }*/
  .newsletter-widget {
    height: 40px;
    float: right;
    margin-top: 5px;
  }
  
  .newsletter-widget img {
    float: left;
    margin: -2px 5px 0 0;
  }
  
  .newsletter-widget a,
  .newsletter-widget a:visited {
    font-size: 18px;
    padding-top: 4px;
    line-height: 20px;
    color: #666;
    letter-spacing: -.02em;
  }
  
  @media (max-width: 969px) {
    /* Depricated since 16.04.2018 */
    /*.sitemap {
      display: none;
    }*/
    .footer {
      border: none;
      padding: 0;
      margin: 0;
    }
    .footer .logosmall {
      display: none;
    }
    .footer .copyright {
      float: none;
      text-align: center;
    }
    /* Depricated since 16.04.2018 */
    /*.socialmedialinks {
      ul {
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        float:none;
      }
      li {
        float:none;
        padding: 5px;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        white-space: nowrap;
        a{
          display: block;
          font-size:0;
          img{
            margin:4px 0;
            float:none;
          }
        }
      }
    }*/
    .footer-mobile {
      padding-top: 54px;
      position: relative;
    }
    .newsletter-widget {
      position: absolute;
      top: 0;
      margin: 0;
      left: 50%;
      margin-left: -106px;
      width: 212px;
      float: none;
    }
  }
  
  /*******************************
    PAGER  PLAY PAUSE
    *******************************/
  .bx-wrapper{
    position: relative;
  }
  
  .bx-controls {
    position: absolute;
    z-index: 100;
    bottom: 25px;
    left:36px; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  
  .bx-controls-auto .bx-start, 
  .bx-controls-auto .bx-stop{
      display: block;
      width: 26px;
      height:26px;
      background-image: url(../images/bgr-play-pause.png);
      background-repeat: no-repeat;
      color: transparent;
  }
  
  .bx-controls-auto .bx-start{
    background-position: 0 -26px;
  }
  .bx-controls-auto .bx-start:hover{
      background-position: 0 -78px;
  }
  .bx-controls-auto .bx-stop{
      background-position: 0 0;
  }
  .bx-controls-auto .bx-stop:hover{
      background-position: 0 -52px;
  }
  .bx-controls-auto .bx-start.active, 
  .bx-controls-auto .bx-stop.active{
      display: none;
  }
  
  /* .bx-prev,
  .bx-next {
    position: absolute;
    display: block;
    overflow: hidden;
    text-indent: -9999em;
    z-index: 21;
    background: url(../images/bgr-thumb-prev-next.png) no-repeat;
    height: 21px;
    width: 23px;
  }
  
  .bx-prev:hover {
    background-position: 0 100%;
  }
  
  .bx-next {
    background-position: 100% 0;
  }
  
  .bx-next:hover {
    background-position: 100% 100%;
  }
   */
  
  .bx-pager {   
    display: -webkit-box;
    display: -ms-flexbox;
            display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .bx-pager-item{
    margin: 0 3px; 
  }
  .bx-pager a.bx-pager-link{  
    display: block;  
    width: 13px;
    height: 13px;
    background-position: 0 0;
    overflow: hidden;
    text-indent: -9999em;    
  }
  
  .bx-pager a.bx-pager-link:hover,
  .bx-pager a.bx-pager-link.active {
    background-position: 100% 0;
  }
  
  .oneimg {
    position: relative;
  }
  
  .oneimg h1 {
    color: #fff;
    position: absolute;
    bottom: 8px;
    left: 35px;
    z-index: 2;
  }
  
  /* .bx-wrapper .bx-viewport {
    left: -10px !important;
    border-top-style: none !important;
    border-left-style: none !important;
    border-bottom-style: none !important;
    border-right-style: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    background-color: transparent !important;
  } */
  
  /* ************************************************** */
  /* ************************************************** */
  /*Index page*/
  .col-two.last .imgbox {
    float: left;
    margin-right: 15px;
    width: 140px;
  }
  
  .col-two.last .imgbox .rimg5 > img {
    display: block;
    max-width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .b_loc_finder_homepage_description {
    float: none;
    width: auto;
  }
  
  .b_loc_finder_homepage_description {
    float: none;
    width: auto;
    position: relative;
    margin-left: 155px;
  }
  
  .b_loc_finder_homepage_description .rimg5 {
    width: 100%;
    min-height: 50px;
  }
  
  @media (max-width: 640px) {
    .col-two.last .imgbox {
      width: 125px;
      margin-right: 10px;
    }
    .col-two.last .imgbox a {
      max-width: 100%;
    }
    .col-two.last .b_loc_finder_homepage_description {
      margin-left: 135px;
    }
  }
  
  #ctl00_ctl38_g_2d01a6aa_d231_412e_bdbf_e8320e69df1b .srow,
  #ctl00_SPWebPartManager1_g_2d01a6aa_d231_412e_bdbf_e8320e69df1b .srow,
  #ctl00_ctl38_g_7ec21087_b6cd_4567_8146_a782334c6506 .srow,
  #ctl00_SPWebPartManager1_g_7ec21087_b6cd_4567_8146_a782334c6506 .srow {
    width: auto !important;
  }
  
  /*content-listing*/
  .content-listing {
    padding: 15px 0 15px 18px;
  }
  
  .content-listing h3 {
    margin-bottom: 3px;
  }
  
  .content-listing a,
  .content-listing a:visited {
    color: #cf0972 !important;
  }
  
  .content-listing ul,
  .content-listing li,
  .content-listing .clitem {
    width: 280px;
    height: 155px;
    position: relative;
    overflow: hidden;
  }
  
  .content-listing li:after{
    content: '';
    position: absolute;
    width:calc(100% - 100px);
    height:1px;
    background-color: #ccc;
    /* bottom: 40px;*/
    bottom: 36px;
    left:0;
  }
  
  .content-listing li p,
  .content-listing .clitem p {
    padding-right: 110px;
    position: relative;
    z-index: 2;
  }
  
  .content-listing .cl-det {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    padding: 8px 0 10px;
    border-top: 1px solid #ccc;
  }
  
  .content-listing .absimg {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
  }
  
  .content-listing .absimg-middle {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 1;
  }
  
  .content-listing .absimg-middle2 {
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 1;
  }
  
  .content-listing .absimg2 {
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: 1;
  }
  
  .content-listing .cl-price {
    color: #009b74;
  }
  
  .content-listing .content-listing-rotator,
  .content-listing .content-listing-rotator li {
    height: 168px;
    padding-bottom: 0;
  }
  
  .content-listing .content-listing-rotator li p {
    padding-right: 110px;
  }
  
  .content-listing .content-listing-rotator .cl-det {
    width: 160px;
  }
  
  /*BX slider in .content-listing*/
  .content-listing .bx-window {
    height: 168px;
  }
  
  .content-listing .bx-pager {
    bottom: 15px !important;
  }
  
  .content-listing .bx-wrapper .bx-pager {
    left: 105px;
    bottom: 13px;
  }
  
  .content-listing .bx-wrapper .bx-pager a.bx-pager-link {
    background-image: url(../images/bgr-pagerdotssmall.png);
    width: 7px;
    height: 7px;
    margin: 0 2px;
  }
  
  .content-listing .bx-wrapper .bx-default-pager.bx-pager a.bx-pager-link:hover,
  .content-listing .bx-wrapper .bx-default-pager.bx-pager a.bx-pager-link.active {
    background-position: 100% 0 !important;
  }
  
  @media (max-width: 969px) {
    /*New slider*/
    #ctl00_ctl38_g_47d43827_f62b_48ea_9673_ac5d54890943.bx-wrapper,
    #ctl00_SPWebPartManager1_g_47d43827_f62b_48ea_9673_ac5d54890943.bx-wrapper {
      display: none;
    }
  }
  
  /*Inner pages styles*/
  .jThumbnailScroller.tab_930 {
    max-width: 100%;
  }
  
  /* ************************************************** */
  /* ************************************************** */
  /*Content Layouts*/
  /*********************************
      Page Layouts WebPart Zones
    *********************************/
  .ZoneRow {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .ZoneRow70Inverted {
    width: 620px;
    float: right;
  }
  
  .ZoneRow70Inverted .Right {
    width: 620px;
    float: right;
    margin-left: 20px;
  }
  
  .ZoneRow30Inverted {
    width: 300px;
    float: left;
  }
  
  .ZoneVerticalDivider {
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: top;
    float: left;
  }
  
  @media (min-width: 640px) {
    .ShareControl {
      margin-right: 20px;
      float: left;
      width: 330px;
    }
  }
  
  /*----- Location finder main ------*/
  @media (max-width: 640px) {
    .b_loc_finder_homepage_linklist {
      top: 42px;
    }
    .b_loc_finder_homepage_linklist ul li {
      margin-top: 0 !important;
    }
    .locfinder {
      margin-top: -30px;
      float: left;
      margin-left: 135px;
    }
  }
  
  @media (min-width: 640px) {
    .locfinder {
      margin-top: -71px;
      float: left;
      margin-left: 250px;
    }
  }
  
  .b_loc_finder_homepage_linklist {
    position: absolute;
    top: 58px;
  }
  
  .b_loc_finder_homepage_linklist a:hover {
    color: #333 !important;
  }
  
  /*----- Location finder page ------*/
  /*choose location in Location Finder*/
  #map_canvas {
    height: 360px;
  }
  
  @media (max-width: 969px) {
    #map_canvas {
      margin: auto 20px;
    }
  }
  
  @media (min-width: 970px) {
    #map_canvas {
      width: 578px;
      margin: auto;
    }
  }
  
  @media (max-width: 640px) {
    [id$=divKioskLocationsWrapper] {
      margin-top: 140px;
    }
  }
  
  @media (min-width: 640px) {
    [id$=divKioskLocationsWrapper] {
      margin-top: 73px;
    }
  }
  
  #lb_Governorate {
    line-height: 27px;
    font-weight: 700;
  }
  
  .t_errorMsg {
    color: red;
    float: left;
  }
  
  .t_selectionLocation_browse {
    float: left;
    line-height: 30px;
    margin-right: 10px;
  }
  
  .t_governorate {
    width: 380px;
    float: left;
    margin-right: 65px;
  }
  
  .t_map {
    padding: 0 6px;
    position: relative;
  }
  
  .t_mapbox {
    width: 100%;
    position: relative;
  }
  
  .t_mapbox .t_boxin {
    padding: 20px 0;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    background-color: #f4f4f4;
    border-radius: 2%;
  }
  
  .t_selectlocation {
    width: 100%;
    height: 45px;
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .t_input {
    margin-left: 5%;
  }
  
  .t_controlBox {
    width: 100%;
  }
  
  .t_controlHourStart {
    width: 72px;
    margin-left: 10%;
  }
  
  .t_controlHourEnd {
    width: 72px;
    margin-left: 2%;
  }
  
  .t_locations {
    padding-top: 20px;
  }
  
  .t_row-location {
    overflow: hidden;
    line-height: 18px;
  }
  
  .t_row-loc-address {
    padding: 7px 0 0;
  }
  
  .t_row-loc-address h5 {
    font-weight: 700;
  }
  
  .t_row-loc-details {
    padding: 6px 14px;
    position: relative;
    background-color: #f4f4f4;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 2%;
  }
  
  @media (min-width: 640px) {
    .t_row-loc-address {
      float: left;
      width: 40%;
    }
    .t_row-loc-details {
      float: left;
      width: 55%;
    }
  }
  
  @media (min-width: 970px) {
    .t_row-loc-address {
      width: 215px;
    }
    .t_row-loc-details {
      width: 360px;
    }
  }
  
  .t_p-row-hours {
    text-align: right;
    margin-right: 30px;
  }
  
  /*.t_smallboxin {
      padding: 9px 14px 9px 14px;
      border-color: #ccc;
      border-width: 1px;
      border-style: solid;
      background-color: rgb(244, 244, 244);
      border-radius: 2%;
    }*/
  .t_row-line {
    overflow: hidden;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d7d7d7;
    margin-top: 20px;
    padding-bottom: 16px;
  }
  
  @media (min-width: 970px) {
    .t_row-line {
      width: 605px;
    }
  }
  
  .t_locationplus {
    float: right;
    margin-right: 15px;
  }
  
  /* ------------------------------- */
  /*Select location */
  .t_combo_loc_finder {
    background: #fff;
    border: 1px solid #ccc;
    margin-left: 45px;
    height: 30px;
    border-radius: 3px;
    width: calc(100% - 45px) !important;
    max-width: 400px;
  }
  
  .t_combo_loc_finder .jqTransformSelectWrapper a.jqTransformSelectOpen {
    height: 30px;
    top: -1px;
  }
  
  .t_combo_loc_finder .jqTransformSelectWrapper {
    background: none;
    width: 100% !important;
  }
  
  /* ------------------------------- */
  .ZoneRow30MyZain {
    width: 260px;
    float: left;
  }
  
  .ZoneRow70MyZain {
    width: 620px;
    float: right;
  }
  
  .main_image-link, a.main_image-link{
    display: block;
    max-width:100%;
  }
  .main_image-link>img, a.main_image-link>img{
    display: block;
    max-width:100%;
    margin: 0 auto;
  }
  
  @media(max-width:639px){
    .main_image-link>img, a.main_image-link>img{
        display: block;
        width:100%!important;
        max-height:170px;
    }
  }
  
  @media (min-width: 640px) and (max-width: 969px) {
    .ZoneRow33,
    .ZoneRow33Middle {
      width: calc(50% - 10px);
      float: left;
    }
    .ZoneRow33:nth-child(2n+1),
    .ZoneRow33Middle:nth-child(2n+1) {
      margin-right: 20px;
    }
  }
  
  @media (min-width: 970px) {
    /*twocol-box-main-sidebar*/
    .twocol-box-main-sidebar {
      background: url(../images/bgr-vertical-shadow-rep.png) repeat-y 622px 0;
      margin-bottom: 20px;
    }
    .twocol-box-main-sidebar > .box-out {
      background: url(../images/bgr-vertical-shadow-bottom.png) no-repeat 622px 100%;
      padding-bottom: 0;
    }
    .twocol-box-main-sidebar > .box-out > .box-in {
      background: url(../images/bgr-vertical-shadow-top.png) no-repeat 622px 0;
      padding-top: 10px;
    }
    /*twocol-box-main-sidebar*/
    .z_web_title_and_description_control_wrapper {
      background: url(../images/bgr-rowshadow-bot.png) no-repeat 0 100%;
      padding-bottom: 20px;
      margin-bottom: 20px;
    }
    .ZoneRow33,
    .ZoneRow33Middle {
      width: calc(33% - 20px);
      float: left;
    }
    .ZoneRow33Middle {
      margin-left: 20px;
      margin-right: 20px;
    }
    .ZoneRow50 {
      width: calc(50% - 10px);
      float: left;
    }
    .ZoneRow50.Right {
      margin-left: 20px;
    }
    .ZoneRow70,
    .ZoneRow70Tab {
      width: 65%;
      float: left;
    }
    .ZoneRow70Tab {
      padding-left: 20px;
    }
    .ZoneRow30,
    .ZoneRow30Tab {
      width: 33%;
      float: right;
    }
    .ZoneRow30.Right,
    .ZoneRow30Tab.Right {
      margin-left: 2%;
    }
    .ZoneRow70News {
      width: 65%;
      float: left;
    }
    .ZoneRow30News {
      width: 30%;
      float: right;
    }
  }
  
  /*images in right col's prevent images go out*/
  .ZoneRow30 img,
  .ZoneRow30Tab img {
    display: block;
    max-width: 100%;
  }
  
  /*--------------------------------------*/
  /*--------------------------------------*/
  /*--------------------------------------*/
  /*--------------------------------------*/
  @media (max-width: 969px) {
    .ZoneRow30 .ms-webpart-titleText {
      display: none !important;
    }
    .ZoneRow30 .fb_iframe_widget {
      display: none !important;
    }
    .ZoneRow30 #twitter-widget-0,
    .ZoneRow30 #twitter-widget-1 {
      display: none !important;
    }
    .ZoneRow70:after {
      content: '';
      display: table;
      clear: both;
    }
    .ZoneRow70Tab {
      padding-left: 10px;
      padding-right: 10px;
    }
    .ZoneRow30Tab,
    .ZoneRow30News {
      display: none;
    }
    .ZoneRow30 .graybox {
      display: none;
    }
  }
  
  /*new styles for scrollable tables.*/
  @media (min-width: 970px) {
    .offer-mobile-open,
    .offer-mobile-close {
      display: none !important;
    }
    .offer-mobile-wrapper {
      height: auto !important;
    }
    .offer-mobile-table {
      -webkit-transform: none !important;
              transform: none !important;
    }
  }
  
  @media (max-width: 969px) {
    .offer-mobile-table {
      -webkit-transform-origin: 0 0;
              transform-origin: 0 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      float: none;
    }
    .offer-mobile-table:before, .offer-mobile-table:after {
      content: "";
      display: table;
      clear: both;
    }
    .offer-mobile-wrapper {
      position: relative;
      max-width: 100%;
      width:100%; /*Change does not exist on stage*/
      overflow: hidden;
    }
    .offer-mobile-wrapper:before, .offer-mobile-wrapper:after {
      content: "";
      display: table;
      clear: both;
    }
    .offer-mobile-wrapper .offer-mobile-open {
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
    }
    .offer-mobile-wrapper.offer-mobile-wrapper_noscale .offer-mobile-open {
      display: none;
    }
    .offer-mobile-wrapper .offer-mobile-close {
      display: none;
      position: absolute;
      z-index: 1;
      right: 5px;
      top: 5px;
    }
    .offer-mobile-wrapper.offer-mobile-wrapper_open {
      position: fixed;
      z-index: 1000;
      background: rgba(0, 0, 0, 0.5);
      top: 0;
      left: 0;
      height: 100% !important;
      padding: 30px 0 0;
    }
    .offer-mobile-wrapper.offer-mobile-wrapper_open .offer-mobile-table {
      /*--------------------------*/
      -webkit-transform: scale(1) !important;
              transform: scale(1) !important;
      /*--------------------------*/
      width: 100%;
      max-height: 100%;
      background: #fff;
      padding: 15px 5px;
      overflow: auto;
    }
    .offer-mobile-wrapper.offer-mobile-wrapper_open .offer-mobile-open {
      display: none;
    }
    .offer-mobile-wrapper.offer-mobile-wrapper_open .offer-mobile-close {
      display: block;
    }
  }
  
  .print-view-body .offer-mobile-wrapper {
    height: auto !important;
  }
  
  .print-view-body .offer-mobile-table {
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
  }
  
  /**********************************/
  /******LAST NEWS BOX*****/
  .t_lastnewsbox {
    position: relative;
  }
  
  .t_lastnewsbox h2 {
    color: #5b1f69;
    line-height: 27px;
    letter-spacing: -.02em;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 8px;
  }
  
  .t_imgbox {
    float: left;
    display: block;
    margin-right: 15px;
    position: relative;
    width: 140px;
  }
  
  .t_imgbox .t_imgnews {
    display: block;
    max-width: 100%;
  }
  
  .t_newsBox {
    float: none;
    width: auto;
    margin-left: 155px;
  }
  
  .t_titlenews {
    font-size: 13px;
    font-weight: 700;
  }
  
  .t_textbox {
    width: 100%;
    line-height: 16px;
    margin-bottom: 0;
    overflow: hidden;
    font-size: 13px;
  }
  
  .t_buttons {
    position: relative;
    height: 18px;
    margin-top: 0;
  }
  
  .t_newsBox .t_buttons{
      max-width: 180px;/*Not to make all thing two wide*/
      display:-webkit-box;
      display:-ms-flexbox;
      display:flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
  }
  .t_newsbox_linkbutton{
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin-right:5px;
  }
  .t_allnewsbox_linkbutton{
       -webkit-box-flex: 0;
           -ms-flex: 0 0 auto;
               flex: 0 0 auto;
  }
  
  .t_newsbox_linkbutton .t_news_label,
  .t_allnewsbox_linkbutton .t_news_label{
      font-size: 12px;
  }
  
  
  .t_newsbox_a {
    color: #000;
  }
  
  .t_newsbox_a:hover {
    color: #cf41b0;
  }
  
  .t_rowA {
    float: left;
  }
  
  /******************* LATEST NEWS *****************/
  .t_news_newsticker {
    height: 47px;
    padding: 5px 4px 4px 6px;
    /*background-image: url(../images/bgr-newsticker.png);
    background-repeat: no-repeat;
    background-color: transparent;*/
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #ccc;
    border-radius: 5px;
    position: relative;
  }
  
  .t_news_newsticker h2 {
    background-image: url(../images/bgr-latest-news.png);
    background-repeat: no-repeat;
    background-color: transparent;
    color: #eee;
    height: 36px;
    width: 135px;
    padding-left: 3px;
    padding-right: 3px;
    line-height: 35px;
    font-size: 22px;
    letter-spacing: -.02em;
    float: left;
    text-align: center;
  }
  
  .t_news_wrapper {
    margin-left: 135px;
    position: relative;
  }
  
  .t_news_repeater_item {
    width: 100%;
    height: 36px;
    padding-left: 15px;
    position: absolute;
    line-height: 36px;
    letter-spacing: -.02em;
    font-size: 14px;
  }
  
  .t_news_label {
    padding-right: 5px;
    color: #cf0972;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    text-decoration: underline;
  }
  
  .t_lastnewsbox .t_news_label {
    padding-right: 10px;
    background: url(../images/bgr-pinkarrrow.png) 100% 59% no-repeat;
    text-decoration: underline;
  }
  
  .t_lastnewsbox .t_news_label:hover {
    text-decoration: underline;
  }
  
  .t_news_linkbutton {
    margin-right: 56px;
    line-height: 35px;
    background-image: url(../images/bgr-pinkarrrow.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 10px;
    text-decoration: underline;
    float: right;
  }
  
  .t_news_linkbutton .t_news_label {
    color: #cf0972;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
  }
  
  .t_news_span {
    text-decoration: underline;
    color: #cf0972;
    width: 100px;
  }
  
  .t_news_image {
    vertical-align: middle;
  }
  
  .t_news_span:hover,
  .t_news_label:hover,
  .t_news_image:hover {
    color: #000 !important;
    cursor: pointer;
  }
  
  /***PLAY PAUSE*/
  .t_news_playpause {
    width: 26px;
    height: 26px;
    display: block;
    right: 15px;
    position: absolute;
    z-index: 99;
    top: 10px;
  }
  
  .t_news_start {
    width: 26px;
    height: 26px;
    display: block;
    orphans: inherit;
    background: url(../images/bgr-play-pause.png) no-repeat;
  }
  
  .stop {
    background-position: 0 0 !important;
  }
  
  .stop:hover {
    cursor: pointer;
    background-position: 0 -52px !important;
  }
  
  .start {
    background-position: 0 -26px !important;
  }
  
  .start:hover {
    cursor: pointer;
    background-position: 0 -78px !important;
  }
  
  /*** end PLAY PAUSE*/
  .t_news_text {
    float: left;
  }
  
  .t_news_button {
    float: right;
    overflow: hidden;
  }
  
  .t_news_button a,
  .t_news_button a:visited {
    display: block;
    height: 35px;
  }
  
  @media (max-width: 640px) {
    .t_imgbox {
      width: 125px;
      margin-right: 10px;
    }
    .t_newsBox {
      margin-left: 135px;
    }
    .t_news_newsticker {
      display: none;
    }
    /*.t_allnewsbox_linkbutton {
      margin-left: 5px;
    }*/
  }
  
  /*
  @media (min-width: 640px) {
    .t_allnewsbox_linkbutton {
      margin-left: 40px;
    }
  }
  */
  /***************************
      All News Web Part (Imtech)
    ***********************/
  .t_newsoverview_item {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 0 !important;
    height: auto;
    float: left;
    display: block;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px;
  }
  
  .t_newsoverview_item_wrapper_image {
    float: left;
    width: 110px;
    position: relative;
  }
  
  .t_newsoverview_item_wrapper_content {
    text-align: left;
    margin-left: 130px;
    position: relative;
  }
  
  .t_newsoverview_item_wrapper_content .t_news_label {
    margin-left: 15px;
  }
  
  .t_newsoverview_item_wrapper_content .t_newsPagebtn {
    text-decoration: underline;
    font-weight: 700;
    color: #cf0972 !important;
    line-height: 18px;
    font-size: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    background: url(../images/bgr-pinkarrrow.png) no-repeat 100% 35%;
  }
  
  .t_newsoverview_item_wrapper_content .t_newsPagebtn:hover {
    background: url(../images/bgr-pinkarrrow.png) no-repeat 100% 35%;
    color: #333 !important;
    text-decoration: underline;
  }
  
  .t_newsoverview_item_image {
    height: auto;
    display: block;
    width: 100%;
  }
  
  .t_newsoverview_item_date {
    font-size: 100%;
    height: auto;
    color: #404040;
    margin-top: 2px;
    padding-left: 15px;
    width: 100%;
  }
  
  .t_newsoverview_item_title {
    font-size: 110%;
    height: auto;
    color: #333 !important;
    padding-left: 15px;
    display: block;
    margin-right: 10px;
    font-weight: 700;
  }
  
  .t_newsoverview_item_title:hover {
    color: #cf0972 !important;
    text-decoration: none;
    font-weight: 700;
  }
  
  .t_newsoverview_item_description {
    font-family: 'Nunito Sans', Arial;
    font-size: 100%;
    height: auto;
    color: #404040;
    margin-top: 5px;
    padding-left: 15px;
    display: block;
    line-height: 15px;
    margin-right: 10px;
  }
  
  .t_newsPaggingWrapper {
    width: 100%;
    text-align: right;
    padding-right: 20px;
    clear: both;
  }
  
  .t_PaggingPrevButton {
    height: 20px;
    background-image: url("/_catalogs/masterpage/Zain Branding/images/bgr-pinkarrrow_ar.png");
    background-repeat: no-repeat;
    background-position: 50% 40%;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-right: 10px;
  }
  
  .t_PaggingNextBtn {
    height: 20px;
    background-image: url("/_catalogs/masterpage/Zain Branding/images/bgr-pinkarrrow.png");
    background-repeat: no-repeat;
    background-position: 50% 40%;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-left: 10px;
  }
  
  .t_newsPagebtn {
    text-decoration: underline;
    font-weight: 700;
    color: #cf0972 !important;
    line-height: 18px;
    font-size: 15px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 5px;
  }
  
  .t_newsPageText {
    text-decoration: none;
    font-weight: 700;
    color: #000 !important;
    line-height: 18px;
    font-size: 15px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 5px;
  }
  
  .t_newsPaggingDivider {
    width: 100%;
    display: none !important;
    border-top: 1px solid #d7d7d7;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    padding-top: 25px;
  }
  
  .t_newsPaggingLabel {
    font-size: 15px;
    font-weight: 700;
    padding-right: 15px;
  }
  
  .t_newsPageSpot {
    font-family: 'Nunito Sans';
    font-size: 15px;
    color: gray;
    padding-bottom: 5px;
    line-height: 18px;
  }
  
  .t_newsLink {
    background: url(../images/bgr-pinkarrow.png) no-repeat 100% 50%;
    padding-left: 15px;
    font-weight: 700;
    color: #cf0972 !important;
    text-decoration: underline;
  }
  
  .tnewsLink:hover {
    color: #333;
  }
  
  @media (max-width: 640px) {
    .t_newsoverview_item_wrapper_image {
      width: 80px;
    }
    .t_newsoverview_item_wrapper_content {
      margin-left: 90px;
    }
  }
  
  .toggleitem {
    border-bottom: 1px solid #ccc;
  }
  
  .toggleitem h3 {
    padding: 11px 0;
    width: 100%;
    overflow: hidden;
    height: auto !important;
    /*it could be inline overwritten in some cases on some pages*/
    min-height: 50px;
  }
  
  .toggleitem h3 span.qnr {
    float: left;
    width: 35px;
  }
  
  .toggleitem h3 a {
    line-height: 23px;
    float: left;
    width: 590px;
    padding-right: 25px !important;
    /*it could be inline overwritten in some cases on some pages*/
    height: auto !important;
    /*it could be inline overwritten in some cases on some pages*/
    position: relative;
  }
  
  .toggleitem h3 a:after {
    content: '';
    background: url(../images/bgr-plusminus.png) no-repeat 100% 0;
    height: 25px;
    width: 25px;
    top: 0;
    right: 0;
    position: absolute;
    display: block;
  }
  
  .toggleitem .toggleitem-content {
    background-color: #efeeee;
    display: none;
    padding: 18px 30px 0;
    overflow: hidden;
  }
  
  .toggleitem .toggleitem-content h5 {
    margin-bottom: 25px;
  }
  
  .toggleitem .toggleitem-content p {
    margin-bottom: 20px;
  }
  
  .toggleitem-toggled .toggleitem-content {
    display: block;
  }
  
  .toggleitem-toggled h3 a:after,
  .toggleitem-toggled h3 a:visited:after {
    background-position: 0 bottom;
  }
  
  /******************************
      FAQ
    ********************************/
  .p_faq_refinement_wrapper {
    padding-bottom: 10px;
    position: relative;
    background-color: #009b74;
  }
  
  .p_faq_refinement_corner_tr {
    top: 0;
    right: 0;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url(../images/bgr-corner.png) no-repeat scroll 100% 0 transparent;
  }
  
  .p_faq_refinement_corner_tl {
    top: 0;
    left: 0;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url(../images/bgr-corner.png) no-repeat scroll 0 0 transparent;
  }
  
  .p_faq_refinement_corner_br {
    bottom: 0;
    right: 0;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url(../images/bgr-corner.png) no-repeat scroll 100% 100% transparent;
  }
  
  .p_faq_refinement_corner_bl {
    bottom: 0;
    left: 0;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url(../images/bgr-corner.png) no-repeat scroll 0 100% transparent;
  }
  
  .p_faq_refinement_header {
    line-height: 27px;
    letter-spacing: -.02em;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 8px;
    color: #7ff4d7;
    padding: 14px 19px;
    background-color: #008b68;
    border-radius: 5px;
  }
  
  .p_faq_refinement_content_item {
    font-size: 13px;
    margin: 0 20px;
    padding: 7px 0;
    border-bottom-color: #40b497;
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }
  
  .p_faq_refinement_content_item a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    padding-left: 12px;
    background-image: url(../images/bgr-arrow-white.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    background-color: transparent;
  }
  
  .p_faq_refinement_content_item a.current {
    color: #000;
    background-image: url(../images/bgr-arrow-black.png);
    background-position: 0 5px;
    background-repeat: no-repeat;
    background-color: transparent;
  }
  
  .p_faq_refinement_content_item a:hover {
    color: #7ff4d7;
    background-image: url(../images/bgr-arrow-green.png);
    background-position: 0 5px;
    background-repeat: no-repeat;
    background-color: transparent;
  }
  
  .p_faq_refinement_back-button,
  .p_faq_refinement_call-button {
    display: none;
  }
  
  @media (max-width: 969px) {
    .p_faq_refinement_content_item {
      padding: 0;
    }
    .p_faq_refinement_content_item a {
      display: block;
      padding: 7px 0;
    }
    .p_faq_refinement_call-button {
      display: block;
      position: absolute;
      width: 50px;
      height: 50px;
      padding: 10px;
      text-align: center;
      top: 3px;
      right: 5px;
    }
    .p_faq_refinement_header {
      padding-right: 60px;
    }
    .p_faq_refinement_header span:after {
      content: ' categories';
    }
    .p_faq_refinement_content {
      display: none;
    }
    .p_faq_refinement_wrapper {
      padding-bottom: 0;
    }
    .p_faq_refinement_wrapper_shown {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      border-radius: 0;
      z-index: 1000;
      overflow: auto;
    }
    .p_faq_refinement_wrapper_shown .p_faq_refinement_header {
      position: relative;
    }
    .p_faq_refinement_wrapper_shown .p_faq_refinement_header span {
      display: none;
    }
    .p_faq_refinement_wrapper_shown .p_faq_refinement_content {
      display: block;
    }
    .p_faq_refinement_wrapper_shown .p_faq_refinement_back-button {
      display: inline-block;
      text-transform: uppercase;
      cursor: pointer;
      color: #fff;
    }
    .p_faq_refinement_wrapper_shown .p_faq_refinement_back-button i.chevron-menu-icon-big {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      margin-right: 10px;
    }
    .p_faq_refinement_wrapper_shown .p_faq_refinement_call-button {
      display: none;
    }
  }
  
  /*.p_faq_refinement_content_item a:visited {
              color: rgb(255, 255, 255);
          }*/
  .p_faq_refined_wrapper {
    margin: 0;
    padding: 0;
    background: none repeat scroll 0 0 transparent;
    /*.toggleitem h3 span {}*/
  }
  
  .p_faq_refined_wrapper .toggleitem h3 a {
    float: none;
    display: block;
    width: auto;
    margin-left: 45px;
    padding-right: 25px;
  }
  
  .p_faq_refined_wrapper .toggleitem-content img {
    display: block;
    max-width: 100%;
  }
  
  .p_faq_refined_content_item_question {
    padding: 11px 0;
    width: 100%;
    overflow: hidden;
    font-size: 16px;
  }
  
  .p_faq_refined_content_item_question a {
    text-decoration: none;
  }
  
  .p_faq_refined_content_item_question a:hover {
    color: #cf0972;
  }
  
  .p_faq_refined_content_item_answer {
    background-color: #efeeee;
    overflow: hidden;
    padding: 18px 30px 20px;
    font-size: 13px;
  }
  
  /*************************
      Promotions
    ********************************/
  .p_promotions_wrapper {
    position: relative;
    float: left;
    display: block;
  }
  
  .p_promotions_content {
    width: 280px;
    /* height: 168px; */
    padding: 15px 0 0 18px;
    border: 1px solid #CCC;
    background-color: #F4F4F4;
  }
  
  .p_promotions_item {
    background-color: transparent;
  }
  
  .p_promotions_item_title {
    /* float: left; */
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 3px;
  }
  
  .p_promotions_item_description {
    /* float: left; */
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    padding-right: 110px;
    line-height: 14px;
  }
  
  .p_promotions_item_url {
    background: url(../images/bgr-pinkarrrow.png) no-repeat scroll 100% 59% transparent;
    padding-right: 10px;
    /* float: left; */
    font-weight: 700;
    text-decoration: underline;
  }
  
  .p_promotions_item_url:hover, 
  a.p_promotions_item_url:hover {
    text-decoration: underline;
    color: #333 !important;
  }
  
  .p_promotions_item_url_area {
    position: absolute;
    z-index:110;
    bottom:10px;
    
    /* left: 20px !important;
    position: absolute;
    bottom: 0;
    width: 180px;
    padding: 8px 0 10px;
    border-top: 1px solid #CCC;
    z-index: 110; */
  }
  
  .p_promotions_item_url_area a,
  .p_promotions_item_url_area a:visited {
    color: #cf0972 !important;
  }
  
  .p_promotions_item_image {
    position: absolute;
    bottom: 2px;
    right: 0;
    z-index: 1;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 80px;
  }
  
  .p_promotions_selector {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
    padding: 8px 0 10px;
    border-top: 1px solid #CCC;
  }
  
  .p_promotions_content .bx-wrapper .bx-wrapper {
    overflow: visible !important;
  }
  
  .p_promotions_content .bx-wrapper .bx-pager {
    width: 160px !important;
    padding: 8px 0 10px;
    border-top: 1px solid #CCC;
    bottom: 13px;
  }
  
  .p_promotions_corner_tr {
    top: 0;
    right: 0;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url(../images/bgr-cornerborder.png) no-repeat scroll 100% 0 transparent;
  }
  
  .p_promotions_corner_tl {
    top: 0;
    left: 0;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url(../images/bgr-cornerborder.png) no-repeat scroll 0 0 transparent;
  }
  
  .p_promotions_corner_br {
    bottom: 0;
    right: 0;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url(../images/bgr-cornerborder.png) no-repeat scroll 100% 100% transparent;
  }
  
  .p_promotions_corner_bl {
    bottom: 0;
    left: 0;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url(../images/bgr-cornerborder.png) no-repeat scroll 0 100% transparent;
  }
  
  /**********************
      Boxed Navigation
    ****************************/
  @media (min-width: 640px) {
    .z_boxed_navigation,
    #ctl00_PlaceHolderMain_BoxedNavigationWebPart {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }
    .z_boxed_navigation_item_wrapper {
      width: calc(50% - 20px);
      margin-left: 10px;
      margin-right: 10px;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
    }
  }
  
  @media (min-width: 970px) {
    .z_boxed_navigation_item_wrapper {
      width: calc(33% - 20px);
    }
  }
  
  .z_boxed_navigation {
    width: 100%;
  }
  
  .z_boxed_navigation_item_wrapper {
    margin-bottom: 15px;
  }
  
  .z_boxed_navigation_wrapper_box {
    min-height: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f4f4f4;
    position: relative;
  }
  
  a.z_boxed_navigation_wrapper_box {
    display: block;
  }
  
  .z_boxed_navigation_item_box {
    margin-right: 100px;
    position: relative;
    min-height: 172px;
    padding: 11px 0 0 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  .z_boxed_navigation_box_title {
    margin-bottom: 3px;
    font-weight: 700;
    font-size: 16px !important;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  
  .z_boxed_navigation_box_title span {
    color: #000;
  }
  
  .z_boxed_navigation_box_description {
    z-index: 2;
    margin-bottom: 5px;
    line-height: 15px;
    font-size: 12px !important;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  
  .z_boxed_navigation_box_description span {
    color: #000;
  }
  
  .z_boxed_navigation_link_area {
    padding: 8px 0 10px;
    border-top: 1px solid #ccc;
    font-weight: bold;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  
  .z_boxed_navigation_link_area span {
    color: #cf0972;
  }
  
  .z_boxed_navigation_link_area span:hover, .z_boxed_navigation_link_area span:active {
    color: #000;
  }
  
  .z_boxed_navigation_link_area span:after {
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    background: url(../images/bgr-pinkarrrow.png) no-repeat scroll 100% 59% transparent;
  }
  
  .z_boxed_navigation_picture {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 130px;
    max-height: 100%;
    overflow: hidden;
  }
  
  .z_boxed_navigation_picture img {
    display: block;
    max-width: 100%;
    border-radius: 0 3px 3px 0;
  }
  
  /*### PRVI DEO ###*/
  /*******************************
      CSS RESET
  *******************************/
  .ms-srch-hover-content {
    display: none;
  }
  
  /*imagegallery*/
  .imagegallery {
    width: 660px;
    height: 630px;
    padding: 15px 0;
  }
  
  .imagegallery .biggallery {
    width: 660px;
    height: 420px;
    padding: 10px 0 18px;
  }
  
  .imagegallery .biggallery ul,
  .imagegallery .biggallery li {
    height: 420px;
  }
  
  .imagegallery .thumbsgallery li a {
    margin: 0 2px 5px;
  }
  
  /*videogallery*/
  .videogallery {
    width: 542px;
    /*height: 605px;*/
    padding: 6px 0;
  }
  
  .submenu-green li:last-child {
    border-bottom: none;
  }
  
  .tablebox .box-in {
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    min-height: 10px;
  }
  
  /*### DRUGI DEO ###*/
  /**************************
      Weather Forcast
    ************************/
  .t_weather_wrapper {
    /*background: url("../images/weather-bck-gray.png") no-repeat;*/
    width: 298px !important;
    height: 100px !important;
    /* 200px*/
    /*background-color:red;*/
    position: relative;
  }
  
  .t_weather_margin {
    margin-top: 2px;
  }
  
  .t_weather_row_first {
    width: 100%;
    height: 101px;
  }
  
  .t_weather_icon {
    width: 85px;
    padding-top: 7px;
    padding-left: 7px;
    float: left;
  }
  
  .t_weather_current {
    width: 200px;
    float: left;
    padding-top: 5px;
  }
  
  .t_span_weather {
    font-weight: 700;
  }
  
  .t_label_weather {
    color: #069;
    font-size: 20px;
    font-weight: 700;
  }
  
  .t_div_weather {
    width: 100%;
    clear: both;
  }
  
  .t_weather_conditions {
    float: left;
    text-align: left;
  }
  
  .t_label_bold_weather {
    font-size: 10px;
    font-weight: 700;
  }
  
  .t_label_2_weather {
    font-size: 10px;
  }
  
  .t_weather_row {
    /*height: 75px;
      position: relative;
      width: 100%;
      float: right;*/
    display: none;
  }
  
  .t_weather_repeater_item {
    float: left;
    margin-left: 11%;
    width: 30%;
    height: 63px;
    border-left: 2px;
    border-left-style: solid;
    border-left-color: #F66;
  }
  
  .t_weather_next,
  .t_weather_prev {
    position: absolute;
    width: 20px;
    cursor: pointer;
  }
  
  .t_weather_prev {
    margin-right: 8px;
    float: left;
    background: url(../images/Arrow_Left.png) bottom left no-repeat;
    position: absolute;
    left: 0;
    /*z-index: 9999;*/
    top: 20px;
  }
  
  .t_weather_next {
    float: right;
    background: url(../images/Arrow_Right.png) bottom right no-repeat;
    position: absolute;
    top: 20px;
    right: 0;
    margin-right: 5px;
  }
  
  .t_weather_item_date {
    width: 100%;
    float: left;
    padding-left: 20px;
  }
  
  .t_weather_item_img {
    float: left;
    height: 45px;
  }
  
  .t_weather_item_MaxTemp {
    /*margin-right: 7%;*/
    padding-left: 5px;
    color: #F66;
    font-weight: 700;
  }
  
  .t_weather_item_MinTemp {
    padding-left: 12px;
    color: #069;
    font-weight: 700;
  }
  
  .t_weather_line {
    height: 2px;
    background-color: #F66;
    width: 95%;
    padding-left: 2px;
    margin-left: 5px;
    display: none;
  }
  
  .t_weather_powered {
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #e8ecf6;
    border-right-color: #e8ecf6;
    border-bottom-color: #e8ecf6;
    border-left-color: #e8ecf6;
    float: right;
    margin-right: 7px;
    display: none;
  }
  
  /* elements (custom actions) settings*/
  .t_service_settings_row {
    width: 465px;
    margin: 5px;
    margin-bottom: 2px;
  }
  
  .t_service_settings_row_title {
    width: 100%;
    text-align: left;
    font-weight: 700;
    padding: 5px;
    float: left;
  }
  
  .t_service_settings_row_value {
    width: 350px;
    padding-top: 2px;
    text-align: left;
    float: left;
  }
  
  .t_service_settings_row_value_textbox {
    display: block;
    height: auto;
    width: 100%;
  }
  
  .t_service_settings_btn {
    font-weight: 700;
  }
  
  .t_service_settings_rfv {
    color: red;
    width: 100px;
    float: left;
    padding-left: 14px;
  }
  
  .t_clear_fix {
    clear: both;
  }
  
  /***********************
      Yellow Pages
    ********************/
  .p_yellowpages_wrapper {
    padding: 19px;
    width: 586px;
    font-size: 13px !important;
    display: block;
    height: 46px;
    border-radius: 5px;
    border: 1px solid silver;
    background-color: #F0FFFF;
  }
  
  .p_yellowpages_search_company {
    display: block;
  }
  
  .p_yellowpages_search_textbox_company {
    background: url(../images/input203x30.png) no-repeat;
    width: 183px;
    height: 18px;
    padding: 6px 10px !important;
    border: none !important;
  }
  
  .p_yellowpages_search_criteria {
    padding-bottom: 2px;
    padding-top: 2px;
  }
  
  .p_yellowpages_search_results {
    display: block;
    float: left;
    width: 615px;
    margin-top: 10px;
    margin-left: -19px;
  }
  
  .p_yellowpages_search_required_field_validator {
    color: red;
    float: left;
    display: block;
    width: 100%;
  }
  
  .p_yellowpages_search_results_message {
    color: #c3181d;
    font-size: 12px;
    padding: 15px;
    display: block;
    float: left;
    width: 100%;
    height: auto;
  }
  
  .p_yellowpages_search_results_items {
    width: 100%;
    position: relative;
    clear: both;
  }
  
  .p_yellowpages_search_results_item {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    border-bottom: 1px dashed #00a774;
    clear: both;
  }
  
  .p_yellowpages_search_results_item_edit {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    display: block;
    float: left;
    border: 1px solid silver;
    width: 609px;
    margin-top: 10px;
    margin-left: -19px;
    border-radius: 5px;
    background-color: #F0FFFF;
  }
  
  .p_yellowpages_search_results_item_row_add_information {
    width: 100%;
    display: block;
    float: left;
    font-weight: 700;
    margin-top: -25px;
  }
  
  .p_yellowpages_search_results_item_row_edit_information {
    width: 100%;
    display: block;
    float: left;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  
  .p_yellowpages_search_results_item_add {
    padding-left: 15px;
    padding-top: 38px;
    padding-bottom: 5px;
    height: auto;
    border: 1px solid silver;
    float: left;
    width: 609px;
    margin-top: 10px;
    margin-left: -19px;
    border-radius: 5px;
    background-color: #f0ffff;
  }
  
  .p_yellowpages_search_results_item_edit_row {
    display: block;
    float: left;
    height: auto;
    width: 100%;
    padding-bottom: 2px;
    padding-top: 2px;
  }
  
  .p_yellowpages_search_results_item_add_row {
    display: block;
    float: left;
    height: auto;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 100%;
  }
  
  /*.p_yellowpages_search_results_item :hover {
          border-color:#f7ee25;
          border-style:solid;
          border-width:1px;
      }*/
  .p_yellowpages_search_results_item_name {
    color: #00a774;
    font-weight: 700;
    float: left;
    font-size: 14px;
    width: 100%;
    padding-bottom: 5px;
  }
  
  .p_yellowpages_search_results_item_add_name_text,
  .p_yellowpages_search_results_item_edit_name_text {
    width: 100%;
    display: block;
    float: left;
  }
  
  .p_yellowpages_search_results_item_add_name_value,
  .p_yellowpages_search_results_item_edit_name_value {
    width: 431px;
    background: url(../images/input440.png) no-repeat;
    float: left;
    border: none !important;
    height: 21px !important;
    padding: 2px 5px !important;
  }
  
  .p_yellowpages_search_results_item_classification {
    margin-bottom: 15px;
    float: left;
    width: 100%;
  }
  
  .p_yellowpages_search_results_item_add_classification_text,
  .p_yellowpages_search_results_item_edit_classification_text {
    width: 100%;
    display: block;
    float: left;
  }
  
  .p_yellowpages_search_results_item_add_classification_value,
  .p_yellowpages_search_results_item_edit_classification_value {
    width: 431px;
    background: url(../images/input440.png) no-repeat;
    float: left;
    border: none !important;
    height: 21px !important;
  }
  
  .p_yellowpages_search_results_item_phone {
    width: 145px;
    margin-right: 15px;
    float: left;
  }
  
  .p_yellowpages_search_results_item_add_phone_text,
  .p_yellowpages_search_results_item_edit_phone_text {
    width: 100%;
    float: left;
  }
  
  .p_yellowpages_search_results_item_add_phone_value,
  .p_yellowpages_search_results_item_edit_phone_value {
    width: 149px;
    background: url(../images/input159x25.png) no-repeat;
    float: left;
    border: none !important;
    height: 21px !important;
  }
  
  .p_yellowpages_search_results_item_fax {
    width: 145px;
    float: left;
  }
  
  .p_yellowpages_search_results_item_add_fax_text,
  .p_yellowpages_search_results_item_edit_fax_text {
    width: 100%;
    float: left;
  }
  
  .p_yellowpages_search_results_item_add_fax_value,
  .p_yellowpages_search_results_item_edit_fax_value {
    width: 149px;
    background: url(../images/input159x25.png) no-repeat;
    float: left;
    border: none !important;
    height: 21px !important;
  }
  
  .p_yellowpages_search_results_item_add_captcha_value {
    width: 149px;
    background: url(../images/input159x25.png) no-repeat;
    float: left;
    border: none !important;
    height: 21px !important;
  }
  
  .p_yellowpages_search_button_search,
  .p_yellowpages_search_button_refresh_captcha,
  .p_yellowpages_search_button_update,
  .p_yellowpages_search_button_add,
  .p_yellowpages_search_button_edit,
  .p_yellowpages_search_button_save,
  .p_yellowpages_search_button_cancel,
  .p_yellowpages_search_button_search:visited,
  .p_yellowpages_search_button_refresh_captcha:visited,
  .p_yellowpages_search_button_update:visited,
  .p_yellowpages_search_button_add:visited,
  .p_yellowpages_search_button_edit:visited,
  .p_yellowpages_search_button_save:visited,
  .p_yellowpages_search_button_cancel:visited {
    height: 30px;
    line-height: 26px;
    display: inline-block;
    font-size: 14px;
    color: #fff !important;
    font-weight: 700;
    background: url(../images/btn-login.png) no-repeat;
    width: 83px;
    margin: 5px 8px !important;
    margin-left: 10px !important;
    text-transform: uppercase;
    border: none !important;
  }
  
  .p_yellowpages_search_button_search:hover,
  .p_yellowpages_search_button_refresh_captcha:hover,
  .p_yellowpages_search_button_update:hover,
  .p_yellowpages_search_button_add:hover,
  .p_yellowpages_search_button_edit:hover,
  .p_yellowpages_search_button_save:hover,
  .p_yellowpages_search_button_cancel:hover {
    color: #CCC !important;
    border: none !important;
  }
  
  .p_yellowpages_search_button_edit {
    position: relative;
    left: 162px;
    bottom: 1px;
  }
  
  .p_yellowpages_search_button_save {
    float: left;
  }
  
  .p_yellowpages_search_button_cancel {
    float: left;
  }
  
  .p_yellowpages_approving_proposal_wrapper {
    display: block;
    float: left;
    width: 526px;
  }
  
  .p_yellowpages_approving_proposal_row {
    float: left;
    height: auto;
    display: block;
    width: 100%;
    padding: 6px;
  }
  
  .p_yellowpages_approving_proposal_text {
    width: 113px;
    display: block;
    float: left;
  }
  
  .p_yellowpages_approving_proposal_value {
    width: 350px;
    display: block;
    float: left;
  }
  
  .p_yellowpages_approving_proposal_button_save,
  .p_yellowpages_approving_proposal_button_cancel,
  .p_yellowpages_approving_proposal_button_reject {
    float: left;
  }
  
  .p_yellowpages_settings_wrapper {
    float: left;
    display: block;
    height: auto;
    padding: 20px;
  }
  
  .p_yellowpages_settings_row {
    float: left;
    display: block;
    height: auto;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  
  /*-----------------------Package Allowance---------------------*/
  .t_pckgallowance_div {
    width: 610px;
    padding: 0 !important;
    background-color: #ebf7f4;
  }
  
  .t_pckgallowance_item {
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  
  .t_pckgallowance_lbone {
    font-size: 13px;
    display: block;
    float: left;
  }
  
  .t_pckgallowance_lbtwo {
    padding-right: 20px;
    font-size: 13px;
    display: block;
    float: left;
  }
  
  .t_pckgallowance_progressbar {
    width: 355px !important;
    background-color: #71b27f !important;
    margin-top: -5px;
    margin-left: 42%;
    background-image: none;
    height: 22px;
  }
  
  .t_pckgallowance_progressbar .ui-progressbar-value {
    background-color: #b27184;
    padding-top: 3px !important;
    font-size: 12px !important;
  }
  
  .t_pckgallowance_progressbar_span {
    /*display: block;
          position: absolute;
          text-align: center;*/
    padding-top: 0 !important;
    font-size: 12px !important;
  }
  
  /*---------------------Package Bundle Info----------------*/
  .t_packageinfo_wrapper {
    width: 650px;
  }
  
  .t_news_label {
    padding-right: 5px;
    color: #cf0972;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
  }
  
  /*.t_news_linkbutton {
      margin-right: 56px;
      line-height: 35px;
      background-image: url("../images/bgr-pinkarrrow.png");
      background-repeat: no-repeat;
      background-position: 100% 50%;
      padding-right: 10px;
      text-decoration: underline;
    }*/
  /************************
      Gallery
    *************************/
  .z_error_message {
    color: red;
    font-weight: 700;
  }
  
  .z_clear {
    clear: both;
    height: 1px;
  }
  
  /*.z_gallery_selector_album_wrapper {
      width: 200px;
      height: 220px;
      float: left;
      font-size: 10px;
    }
    
    .z_gallery_album_thumbnail {
      width: 180px;
      height: 120px;
      margin: 10px;
      position: relative;
      padding: 5px;
    }
    
      .z_gallery_album_thumbnail img {
          width: 100%;
          height: 100%;
          -moz-transition-property: background-color;
          -moz-transition-duration: 2s;
          background-color: rgba(0,0,0,0.6);
          border-radius: 10px;
          border: 1px solid #e4e4e3;
      }
    
          .z_gallery_album_thumbnail img:hover {
              width: 100%;
              height: 100%;
              opacity: 0.5;
              filter: alpha(opacity=50);
          }
    
    .z_gallery_album_footer {
      width: 180px;
      margin-left: 10px;
      margin-right: 10px;
    }
    
      .z_gallery_album_footer .album-name {
          font-weight: bold;
          font-family: 'Nunito Sans', Helvetica, sans-serif;
          font-size: 13px;
          color: #333;
      }
    
      .z_gallery_album_footer .album-pic-count {
          font-size: 13px;
          font-family: 'Nunito Sans', Helvetica, sans-serif;
      }
    
    .z_gallery_album_footer_label {
      font-weight: bold;
    }
    
    .z_gallery_album_footer_value {
      color: #00a774;
    }*/
  /*GALLERY VIEWER*/
  /*.z_gallery_viewer_wrapper {
    }
    
    .z_gallery_video_selector_wrapper {
    }
    
    .z_gallery_video_thumbnail {
      width: 140px;
      height: 110px;
      margin: 0px!important;
      position: relative;
      padding: 0px!important;
    }
    
      .z_gallery_video_thumbnail img {
          width: 100%;
          height: 100%;
          -moz-transition-property: background-color;
          -moz-transition-duration: 2s;
          background-color: rgba(0,0,0,0.6);
          border-radius: 10px;
          border: 1px solid #e4e4e3;
      }
    
          .z_gallery_video_thumbnail img:hover {
              width: 100%;
              height: 100%;
              opacity: 0.5;
              filter: alpha(opacity=50);
          }
    
    .z_gallery_video_album_footer_wrapper {
      width: 100%;
      margin-top: 10px;
      margin-left: 0px!important;
      margin-right: 0px!important;
    }
    
    .z_gallery_video_album_footer_views_count_wrapper {
    }
    
    .z_gallery_video_album_footer_likes_count_wrapper {
    }
    
    .z_gallery_video_album_footer_title {
      font-style: normal;
      font-size: 13px;
      font-weight: bold;
    }
    
    .z_gallery_album_footer_label {
      font-weight: bold;
      float: left;
      margin-right: 10px;
    }
    
    .z_gallery_album_footer_label_value {
      color: #00a774;
    }
    
    .z_gallery_video_viewer_wrapper {
    }
    
    .z_gallery_youtube_header_wrapper {
      font-size: 12px;
    }
    
    .z_gallery_youtube_header_row {
    }
    
    .z_gallery_youtube_header_cell_label {
      width: 150px;
      float: left;
      font-weight: bold;
      text-align: left;
      margin-left: 5px;
      margin-top: 5px;
    }
    
    .z_gallery_youtube_header_cell_control {
      width: 100px;
      float: left;
      text-align: left;
      margin: 3px;
    }
    
    .z_gallery_youtube_channel_thumbnail_wrapper {
      width: 200px;
      height: 270px;
      float: left;
    }
    
    .z_gallery_youtube_channel_thumbnail {
      width: 180px;
      height: 160px;
      margin: 10px;
      position: relative;
      padding: 5px;
    }
    
      .z_gallery_youtube_channel_thumbnail img {
          width: 100%;
          height: 100%;
          border: 1px solid #E4E4E3;
          border-radius: 10px;
          -moz-transition-property: background-color;
          -moz-transition-duration: 2s;
          background-color: rgba(0,0,0,0.6);
      }
    
          .z_gallery_youtube_channel_thumbnail img:hover {
              width: 100%;
              height: 100%;
              opacity: 0.5;
              filter: alpha(opacity=50);
          }
    
    .z_gallery_youtube_channel_footer_wrapper {
      width: 100%;
      margin-left: 10px;
      margin-right: 10px;
    }
    
    .z_gallery_youtube_channel_footer_title {
      font-style: bold;
      font-size: 13px;
    }
    
    .z_gallery_youtube_channel_footer_views_count_wrapper {
    }
    
    z_gallery_youtube_channel_footer_label .z_gallery_youtube_channel_footer_likes_count_wrapper {
    }
    
    .z_gallery_youtube_channel_footer_label {
      font-weight: normal;
      font-size: 11px;
      float: left;
      margin-right: 10px;
    }
    
    .z_gallery_youtube_channel_footer_label_value {
      color: #00a774;
      font-size: 11px;
    }
    
    
    
    .z_gallery_youtube_channel_load_more_videos_wrapper {
    }
    
    .z_gallery_youtube_channel_load_more_videos {
    }
    
    .album_thumbnail {
      width: 150px;
      height: 100px;
      background-color: lightblue;
      margin: 10px;
      position: relative;
    }
    
      .album_thumbnail img {
          width: 100%;
          height: 100%;
          -moz-transition-property: background-color;
          -moz-transition-duration: 2s;
          background-color: rgba(0,0,0,0.6);
      }
    
          .album_thumbnail img:hover {
              width: 100%;
              height: 100%;
              opacity: 0.5;
              filter: alpha(opacity=50);
          }
    
    .album_wrapper {
      width: 200px;
      height: 200px;
      float: left;
    }
    
    .album_footer {
      width: 100%;
      margin-left: 10px;
      margin-right: 10px;
    }*/
  /*### TRECI DEO ###*/
  .wrapper {
    background: #fff;
    position: relative;
    margin-top: 5px;
    width: 100%;
    float: left;
  }
  
  .ms-webpart-titleText a span,
  .ms-webpart-titleText span {
    font-size: 24px !important;
    color: #5b1f69 !important;
    font-family: 'Nunito Sans SemiBold', 'Nunito Sans' !important;
    font-weight: 600;
  }
  
  /*******************************
    Hiding things from modal dialog
    ***************************8****/
  .ms-dialog .content {
    width: auto !important;
  }
  
  .ms-dlg-heading {
    display: none;
  }
  
  .ms-dlgTitleBtns {
    display: none;
  }
  
  .ms-dlgTitle {
    display: none;
  }
  
  .ms-dialog .ms-dlgFrameContainer {
    padding: 0;
    margin: 0;
  }
  
  .ms-dlgBorder {
    width: auto !important;
  }
  
  /*******************************
    HEADINGS
    *******************************/
  .scrollbox .stitle h2,
  .searchjob h2,
  .register h2 {
    font-size: 20px;
    color: #212121;
  }
  
  .col-520 h2,
  .payments h2,
  .frmpay h2,
  .product-details h2,
  .offer h2,
  .reviews h2 {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    font-family: 'Nunito Sans', Arial !important;
  }
  
  table {
    border-collapse: collapse;
    width: 100%;
  }
  
  .t_ivr_treeview table {
    width: auto !important;
  }
  
  .t_ivr_treeview table span {
    vertical-align: bottom;
  }
  
  .t_ivr_treeview table td {
    vertical-align: bottom;
  }
  
  .row {
    margin-bottom: 20px;
    position: relative;
  }
  
  .row .col-two {
    width: 460px;
    margin-right: 20px;
    float: left;
    position: relative;
  }
  
  .row .col-three {
    width: 300px;
    margin-right: 20px;
    float: left;
    position: relative;
  }
  
  .row .col-three-290 {
    width: 290px;
    margin-right: 35px;
    float: left;
    position: relative;
  }
  
  .row .col-two-third {
    width: 620px;
    margin-right: 20px;
    float: left;
    position: relative;
  }
  
  .row .last {
    margin-right: 0;
  }
  
  .hasshadow {
    background: url(../images/bgr-rowshadow-bot.png) no-repeat 50% 100%;
    padding-bottom: 25px;
  }
  
  .has-short-shadow {
    background: url(../images/bgr-shadow-short.png) no-repeat 50% 100%;
    padding-bottom: 25px;
  }
  
  .subrow {
    padding: 10px 0 20px;
    overflow: hidden;
  }
  
  .srow {
    margin-bottom: 20px;
    overflow: hidden;
    max-width: 100%;
  }
  
  .hasline {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  
  .rowlast {
    margin-bottom: 0;
  }
  
  .customhasshadow {
    background: url(../images/bgr-rowshadow.png) no-repeat 50% 100%;
    padding-bottom: 20px;
  }
  
  .customrow {
    margin-bottom: 0;
  }
  
  .imgbox {
    margin: -5px 20px 0 -4px;
    display: block;
    float: left;
  }
  
  .txtbox {
    min-width: 100px;
    overflow: hidden;
  }
  
  .overflow300 {
    overflow: visible;
    float: left;
    width: 300px;
  }
  
  .approved {
    background: url(../images/bgr-aproved.png) no-repeat 0 50%;
    padding-left: 20px;
  }
  
  .activated {
    background: url(../images/bgr-aproved.png) no-repeat 100% 50%;
    padding-right: 20px;
    font-size: 14px;
  }
  
  .deactivated {
    background: url(../images/bgr-deactivate.png) no-repeat 100% 50%;
    padding-right: 17px;
    font-size: 14px;
  }
  
  .connected {
    background: url(../images/ico-connected-big.png) no-repeat;
    padding-left: 20px;
    font-size: 14px;
    color: #009b74;
  }
  
  /*******************************
    COLUMNS
    *******************************/
  .col-520,
  .col-220,
  .col-300,
  .col-380,
  .col-400,
  .col-720 {
    float: left;
  }
  
  .col-220 {
    width: 220px;
  }
  
  .col-520 {
    width: 520px;
  }
  
  .col-300 {
    width: 300px;
  }
  
  .col-300 .sharebox .box-in {
    width: 298px;
  }
  
  .col-380 {
    width: 380px;
    margin-left: 20px;
  }
  
  .col-400 {
    width: 400px;
    margin-right: 75px;
  }
  
  .col-720 {
    width: 700px;
    margin-left: 20px;
  }
  
  /*******************************
    ROUNDED BOXES
    *******************************/
  .rimg5,
  .rimg-dark5,
  .rimg10,
  .masked,
  .rimg-border5,
  .rimg-borderlight5,
  .rimg-borderdark3 {
    position: relative;
    display: inline-block;
    z-index: 1;
  }
  
  /* Don't have any idea what it was made for */
  /* .rimg5 {
    margin-bottom: 10px;
  } */
  
  .rimg5 span,
  .rimg-dark5 span,
  .rimg-border5 span,
  .rimg-borderlight5 span,
  .rimg-borderdark3 span,
  .oneimg span,
  .corner-nb-tl,
  .corner-nb-tr,
  .corner-nb-bl,
  .corner-nb-br {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url(../images/bgr-corner.png) no-repeat;
  }
  
  .rimg-dark5 span {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url(../images/bgr-corner-dark.png) no-repeat;
  }
  
  .rimg10 span {
    position: absolute;
    z-index: 1;
    width: 10px;
    height: 10px;
    background: url(../images/bgr-corner10.png) no-repeat;
  }
  
  .rimg5 .eventday {
    background: url(../images/bgr-eventdate.png) no-repeat;
    width: 48px;
    height: 46px;
    top: 0;
    left: 10px;
    text-align: center;
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    line-height: 19px;
  }
  
  .rimg5 .eventday em {
    font-size: 24px;
    font-style: normal;
    display: block;
    margin-top: 7px;
  }
  
  .corner-tl,
  .corner-tr,
  .corner-bl,
  .corner-br,
  .rimg-border3 span {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url(../images/bgr-cornerborder.png) no-repeat;
  }
  
  .corner-tl-p,
  .corner-tr-p,
  .corner-bl-p,
  .corner-br-p {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url(../images/bgr-cornerborder-p.png) no-repeat;
  }
  
  .corner-tl-g,
  .corner-tr-g,
  .corner-bl-g,
  .corner-br-g {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url(../images/bgr-cornerborder-g.png) no-repeat;
  }
  
  .corner-tl-dg,
  .corner-tr-dg,
  .corner-bl-dg,
  .corner-br-dg {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url(../images/bgr-cornerborder-darkg.png) no-repeat;
  }
  
  .corner-tl-dgb,
  .corner-tr-dgb,
  .corner-bl-dgb,
  .corner-br-dgb {
    position: absolute;
    z-index: 1;
    width: 5px;
    height: 5px;
    background: url(../images/bgr-cornerborder-darkgb.png) no-repeat;
  }
  
  .rimg-border5 span {
    background: url(../images/bgr-cornerborder-light.png) no-repeat;
  }
  
  .rimg-border5 img {
    border: 1px solid #e8e5e5;
  }
  
  .rimg-borderdark3 span {
    background: url(../images/bgr-cornerborder-dark.png) no-repeat;
  }
  
  .rimg-borderdark3 img {
    border: 1px solid #bfbfbf;
  }
  
  .rimg-borderlight5 span {
    background: url(../images/bgr-cornerborder-light5.png) no-repeat;
  }
  
  .rimg-borderlight5 img {
    border: 1px solid #e2dede;
  }
  
  span.ct,
  .corner-tl,
  .corner-tl-p,
  .corner-tl-g,
  .corner-tl-dg,
  .corner-tl-dgb,
  .corner-nb-tl {
    top: 0;
    left: 0;
    background-position: 0 0;
  }
  
  span.cr,
  .corner-tr,
  .corner-tr-p,
  .corner-tr-g,
  .corner-tr-dg,
  .corner-tr-dgb,
  .corner-nb-tr {
    top: 0;
    right: 0;
    background-position: 100% 0;
  }
  
  span.cb,
  .corner-br,
  .corner-br-p,
  .corner-br-g,
  .corner-br-dg,
  .corner-br-dgb,
  .corner-nb-br {
    bottom: 0;
    right: 0;
    background-position: 100% 100%;
  }
  
  span.cl,
  .corner-bl,
  .corner-bl-p,
  .corner-bl-g,
  .corner-bl-dg,
  .corner-bl-dgb,
  .corner-nb-bl {
    bottom: 0;
    left: 0;
    background-position: 0 100%;
  }
  
  .play,
  .playbig {
    display: block;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    z-index: 3 !important;
    width: 45px !important;
    height: 45px !important;
    margin: -22px 0 0 -22px;
  }
  
  .play {
    background: url(../images/btn-play.png) no-repeat 50% 50% !important;
  }
  
  .playbig {
    background: url(../images/btn-playbig.png) no-repeat 50% 50% !important;
  }
  
  .masked span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1;
  }
  
  .masked .mask-80x60 {
    background: url(../images/bgr-mask80x60.png) no-repeat;
    width: 80px;
    height: 60px;
  }
  
  .current .mask-80x60,
  .masked:hover .mask-80x60 {
    background-position: 0 -60px;
  }
  
  .masked .mask-128x97 {
    background: url(../images/bgr-mask128x97.png) no-repeat;
    width: 128px;
    height: 97px;
  }
  
  .masked .mask-142x107 {
    background: url(../images/bgr-mask142x107.png) no-repeat;
    width: 142px;
    height: 107px;
  }
  
  .masked .mask-140x107 {
    background: url(../images/bgr-mask140x107.png) no-repeat;
    width: 140px;
    height: 107px;
  }
  
  .masked .maskbannerthumb {
    background: url(../images/bgr-mask-bannerthumb.png) no-repeat;
    width: 99px;
    height: 58px;
  }
  
  .masked .maskthumb {
    background: url(../images/bgr-thumbmask.png) no-repeat;
    width: 146px;
    height: 111px;
  }
  
  .masked:hover .maskthumb,
  .maskthumb-active .maskthumb {
    background-position: 0 -111px;
  }
  
  /*******************************
    LINE - SPERATORS
    *******************************/
  .line,
  .line5,
  .line7,
  .line10,
  .line15,
  .line17,
  .line20 {
    width: 100%;
    display: block;
    border-top: 1px solid #d7d7d7;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
  }
  
  .line5 {
    padding-bottom: 5px;
    margin-top: 5px;
  }
  
  .line {
    padding-bottom: 8px;
    margin-top: 10px;
  }
  
  .line7 {
    padding-bottom: 7px;
    margin-top: 7px;
  }
  
  .line10 {
    padding-bottom: 10px;
    margin-top: 20px;
  }
  
  .line15 {
    padding-bottom: 15px;
    margin-top: 15px;
  }
  
  .line17 {
    padding-bottom: 17px;
    margin-top: 18px;
  }
  
  .line20 {
    padding-bottom: 16px;
    margin-top: 20px;
  }
  
  .line-vert {
    border-left: 1px solid #999;
    width: 1px;
  }
  
  .lineshadow {
    background: url(../images/bgr-shadow-small.png) no-repeat 0 100%;
    height: 14px;
    width: 100%;
    margin-bottom: 11px;
  }
  
  .lastline {
    padding-bottom: 0;
  }
  
  .noline {
    border: none !important;
  }
  
  .spacer30 {
    width: 100%;
    display: block;
    height: 30px;
    clear: both;
  }
  
  .spacer20 {
    width: 100%;
    display: block;
    height: 20px;
    clear: both;
  }
  
  .spacer15 {
    width: 100%;
    display: block;
    height: 15px;
    clear: both;
  }
  
  .spacer10 {
    width: 100%;
    display: block;
    height: 10px;
    clear: both;
  }
  
  .t-green,
  .greenlnk,
  .greenlnk:visited {
    color: #11a070;
  }
  
  .t-red {
    color: red;
  }
  
  .ft-11 {
    font-size: 11px;
  }
  
  .align12 {
    padding: 0 12px;
  }
  
  .align10 {
    padding: 0 10px;
  }
  
  .last {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
  
  .note {
    font-size: 11px;
  }
  
  .m-left58 {
    margin-left: 58px;
  }
  
  .up {
    background: url(../images/bgr-greenup.png) no-repeat 100% 50%;
    padding-right: 20px;
  }
  
  .abs {
    position: absolute;
    top: 10px;
    right: 0;
  }
  
  .infobox {
    position: relative;
    float: left;
  }
  
  .greeinfo {
    background: url(../images/bgr-greeninfo.png) no-repeat;
    display: inline-block;
    width: 12px;
    height: 11px;
    margin: 2px 0;
    position: absolute;
    top: 3px;
    left: 3px;
  }
  
  /*******************************
    LAYOUT
    *******************************/
  /*.stockmarket*/
  .stockmarket {
    margin-top: 15px;
  }
  
  .stockmarket li {
    float: left;
    font-size: 11px;
    padding-right: 7px;
    font-weight: 700;
  }
  
  .stockmarket li.li-selector {
    color: #d0d0d0;
  }
  
  
  /*
  Looks like all the difference between .spotlighthome and .spotlighthomeSmall was in height (480px and 360px)
    .spotlighthome,
  .spotlighthome ul,
  .spotlighthome li {
    width: 940px;
    height: 480px;
    position: relative;
    z-index: 0;
  }
  */
  
  .spotlighthome,
  .spotlighthomeSmall{
    position: relative;
    z-index: 0;
  }
  
  .spotlighthome .rimg5 a,
  .spotlighthomeSmall .rimg5 {
    display: block;
    width:100%;
  }
  
  .spotlighthome .bx-controls,
  .spotlighthomeSmall .bx-controls {
    bottom: 23px;
    left: 36px;
  }
  
  .spotlighthome .bx-controls-auto .bx-start,
  .spotlighthome .bx-controls-auto .bx-stop,
  .spotlighthomeSmall .bx-controls-auto .bx-start,
  .spotlighthomeSmall .bx-controls-auto .bx-stop{
    background-image: url(../images/bgr-play-pause-white.png);
  }
  
  .spotlighthome .bx-pager,
  .spotlighthomeSmall .bx-pager {
    margin-left:15px;
  }
  
  .spotlighthome .bx-pager a.bx-pager-link,
  .spotlighthomeSmall .bx-pager a.bx-pager-link {
    background-image: url(../images/bgr-pagerdots.png);
  }
  
  .spotlighthome li img {
    /*Just to be sure that wrng size banner is filling all the banner space*/
    width:100%!important;
    height: auto!important;
    max-height:490px;
  }
  
  .spotlighthomeSmall li img{
    /*Just to be sure that wrng size banner is filling all the banner space*/
    width:100%!important;
    height: auto!important;
    max-height:350px;
  }
  
  @media (max-width: 640px) {
    /* Stretch banner height on small resolutions, as it is in the Android and iOS applications. Zain's request.*/
    .spotlighthome li img,
    .spotlighthomeSmall li img {
      height: 250px !important;
      /* height: calc((100vw - 45px)/1.5) !important; */
      height: calc((100vw)/(940/350)) !important;
    }
  }
  
  /*zainsurvey*/
  .zainsurvey {
    background: url(../images/bgr-zainsurvey.png) no-repeat;
    width: 118px;
    height: 53px;
    position: absolute;
    top: 17px;
    left: -14px;
    z-index: 999;
  }
  
  .zainsurvey h5 {
    text-transform: uppercase;
  }
  
  .zainsurvey h5 a,
  .zainsurvey h5 a:visited {
    color: #d60f85;
    font-size: 14px;
    line-height: 15px;
    display: block;
    padding: 7px 0 0 50px;
  }
  
  .spotlightinner,
  .spotlightinner ul,
  .spotlightinner li {
    width: 940px;
    height: 350px;
    position: relative;
  }
  
  .spotlightinner li .overlaytxt {
    padding: 0 0 80px 36px;
  }
  
  .toprated {
    background: url(../images/bgr-toprated.png) no-repeat;
    width: 95px;
    height: 95px;
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 99;
  }
  
  /* body */
  .section {
    position: relative;
    z-index: 1;
  }
  
  .section .content {
    padding-bottom: 20px;
  }
  
  /*intro*/
  .intro {
    overflow: hidden;
    padding: 15px 0 0;
  }
  
  .intro p {
    margin: 0;
  }
  
  .intro h1 {
    font-size: 30px;
    margin-bottom: 5px;
  }
  
  .intro .lnk,
  .intro .lnk:visited {
    margin-top: 5px;
  }
  
  /*onepaybox*/
  .onepaybox {
    background: url(../images/box-pay.png) no-repeat;
    height: 160px;
    width: 260px;
    padding: 12px 20px;
  }
  
  .onepaybox h2 {
    font-size: 24px;
    color: #fff;
  }
  
  .onepaybox label {
    color: #e4d700;
  }
  
  .onepaybox li {
    padding-bottom: 7px;
  }
  
  .onepaybox .btnwhite {
    margin-top: 13px;
  }
  
  .onepaybox .btnwhite input {
    width: 40px;
  }
  
  /*regional-network*/
  .regional-network {
    padding-top: 4px;
  }
  
  .regional-network li {
    font-size: 11px;
    width: 100%;
    padding-bottom: 17px;
  }
  
  .regional-network p {
    margin-bottom: 15px;
  }
  
  .regional-network select {
    width: 250px;
  }
  
  .regional-network .line {
    margin-top: 11px;
    padding-bottom: 10px;
  }
  
  /*stock-market*/
  .stock-market table {
    margin-bottom: 6px;
  }
  
  .stock-market table td {
    padding: 7px 13px 6px;
  }
  
  .stock-market .ft-11 {
    padding: 0 0 8px 3px;
    display: inline-block;
  }
  
  /*fact-figures*/
  .fact-figures .absimg {
    position: absolute;
    top: -2px;
    right: 0;
  }
  
  .fact-figures .ft-11 {
    display: block;
    padding: 0 0 9px 3px;
  }
  
  /*newsticker*/
  .newsticker {
    position: relative;
    background: url(../images/bgr-newsticker.png) no-repeat;
    height: 36px;
    width: 930px;
    padding: 5px 4px 4px 6px;
  }
  
  .newsticker h2 {
    font-size: 22px;
    margin-bottom: 0;
    color: #eee;
    background: url(../images/bgr-latest-news.png) no-repeat;
    width: 128px;
    padding-left: 13px;
    height: 36px;
    line-height: 35px;
    float: left;
    margin-right: 8px;
    letter-spacing: -.023em;
  }
  
  /* .newsticker .bx-wrapper {
    float: left;
  } */
  
  .newsticker ul {
    float: left;
    width: 770px;
    height: 36px;
    overflow: hidden;
  }
  
  .newsticker ul li {
    width: 770px;
    height: 36px;
    line-height: 36px;
    letter-spacing: -.02em;
  }
  
  .newsticker ul li span {
    float: left;
    width: 662px;
    height: 36px;
    overflow: hidden;
  }
  
  /* .newsticker .bx-auto {
    left: 749px;
    top: 5px;
  } */
  
  /*messagefromceo*/
  .messagefromceo {
    background: url(../images/box-messageceo.png) no-repeat;
    width: 258px;
    height: 307px;
    padding: 16px;
    margin-bottom: 12px;
    position: relative;
    color: #fff;
  }
  
  .messagefromceo p {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 12px;
  }
  
  .messagefromceo cite {
    font-size: 14px;
    font-style: normal;
  }
  
  .messagefromceo cite strong {
    display: block;
  }
  
  .messagefromceo img {
    position: absolute;
    bottom: -1px;
    right: 0;
  }
  
  /*milestones*/
  .milestones {
    padding: 0 10px 5px;
    overflow: hidden;
  }
  
  .milestones p {
    margin-bottom: 8px;
  }
  
  .mitem {
    width: 100%;
    overflow: hidden;
    padding-bottom: 12px;
  }
  
  .mitem .rimg5,
  .mitem .rimg-border5,
  .oitem .rimg5,
  .citem .rimg5 {
    float: left;
    margin: 0 10px 0 0;
  }
  
  .mitem strong {
    display: block;
  }
  
  .citem {
    width: 100%;
    overflow: hidden;
  }
  
  .citem p {
    margin-bottom: 0 !important;
  }
  
  .oitem {
    width: 100%;
    overflow: hidden;
  }
  
  .oitem span {
    display: block;
    font-weight: 400;
  }
  
  .oitem h5 .lnk {
    float: none;
    font-weight: 400;
    margin-left: 5px;
  }
  
  /*eitem*/
  .eitem {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 0;
  }
  
  .eitem .imgbox {
    margin-right: 20px;
  }
  
  .eitem .imgbox .pinklnk {
    clear: left;
    float: left;
    font-weight: 700;
    margin-top: 3px;
  }
  
  .eitem .rimg5 {
    margin-bottom: 0;
  }
  
  .eitem h5 {
    margin-bottom: 2px;
  }
  
  .eitem h4 {
    margin-bottom: 7px;
  }
  
  .eitem h5 span {
    font-weight: 400;
  }
  
  .eitem h5 a,
  .eitem h5 a:visited {
    display: block;
  }
  
  .eitem .date {
    font-size: 12px;
    margin-bottom: 3px;
  }
  
  .eitem .lnklist {
    padding-top: 1px;
  }
  
  .main .eitem p {
    line-height: normal;
  }
  
  .eitem .title-rate {
    width: 100%;
    overflow: hidden;
  }
  
  .eitem .title-rate h5 {
    float: left;
    margin-bottom: 0;
  }
  
  .eitem .title-rate .rate {
    float: left;
    width: auto;
    margin: 1px 0 0 15px;
    height: 12px;
  }
  
  .eitem .buy-price strong {
    line-height: 30px;
    font-size: 13px;
    float: left;
    margin: 0 10px;
  }
  
  .eitem .posabs {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0 !important;
  }
  
  .eitem .ft-14 {
    margin-bottom: 10px;
  }
  
  .servicesbox {
    margin: 20px;
  }
  
  .servicesbox .services {
    position: relative;
    padding-right: 150px;
    overflow: hidden;
  }
  
  .servicesbox h4 {
    margin-bottom: 10px;
  }
  
  .servicesbox p {
    margin-bottom: 12px;
  }
  
  .servicesbox ul {
    margin-bottom: 5px;
  }
  
  .servicesbox .activated,
  .servicesbox .deactivated {
    position: absolute;
    top: 0;
    right: 0;
  }
  
  /*.faq { margin-top:28px;}*/
  /*main*/
  .main {
    float: left;
    width: 620px;
  }
  
  /*	.main p{ line-height:22px; margin-bottom:15px;}*/
  .main .hasshadow {
    background-image: url(../images/bgr-rowshadow-small.png);
  }
  
  /*sidebar*/
  .sidebar {
    float: left;
    width: 280px;
  }
  
  .sidebar-padding p {
    margin-bottom: 10px;
  }
  
  .twocol-box-main-sidebar .sidebar {
    margin-left: 40px;
  }
  
  .twocol-box-sidebar-main .sidebar {
    margin-right: 40px;
  }
  
  /*socialbar*/
  .socialbar {
    overflow: visible;
    border-bottom: 1px solid #ccc;
    padding: 0 0 15px;
    margin-bottom: 15px;
  }
  
  .socialbar li {
    float: left;
    color: #ccc;
    font-size: 14px;
  }
  
  .socialbar .al li {
    line-height: 12px;
  }
  
  @media (min-width: 640px) {
    .socialbar .al li {
      padding-right: 9px;
    }
  }
  
  .socialbar .ar li {
    padding: 3px 0 0 4px;
    line-height: 13px;
  }
  
  .socialbar .fsize {
    display: block;
    width: 17px;
    height: 11px;
    text-indent: -9999em;
    overflow: hidden;
    margin-top: 3px;
  }
  
  .socialbar .increaseFont {
    background: url(../images/btn-txt-plus.png) no-repeat;
  }
  
  .socialbar .decreaseFont {
    background: url(../images/btn-txt-minus.png) no-repeat;
  }
  
  .socialbar a.twitter-share-button {
    /*tweeter not presented fix*/
    background: #1da1f2;
    border-radius: 3px;
    font-size: 12px;
    padding: 2px 5px;
    color: #fff;
    vertical-align: top;
  }
  
  .socialbar a.twitter-share-button:hover, .socialbar a.twitter-share-button:visited {
    color: #fff;
  }
  
  .socialbar a.twitter-share-button:before {
    content: '';
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    background: transparent url("../images/icon_sprite.png") 0px -54px no-repeat;
  }
  
  /*facebook*/
  .facebox {
    min-height: 290px;
  }
  
  .facebox .fheader {
    background: #325c9a url(../images/bgr-facebook.png) no-repeat 97% 50%;
    height: 33px;
    line-height: 33px;
    width: 278px;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #aaa;
  }
  
  .facebox .fheader a,
  .facebox .fheader a:visited {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    font-family: 'Nunito Sans', Arial;
    display: block;
    margin-left: 10px;
  }
  
  .tweeterbox {
    background: url(../images/bgr-twitter-bottom.png) no-repeat 0 100%;
    padding-bottom: 5px;
  }
  
  .tweeterbox .tweet-content {
    border-width: 0 1px;
    border-style: solid;
    border-color: #00b6e0;
    padding: 0 15px 12px;
    width: 248px;
    background-color: #fff;
  }
  
  .tweeterbox h2 {
    background: url(../images/bgr-twitter-top.png) no-repeat;
    width: 210px;
    height: 36px;
    line-height: 36px;
    padding-left: 70px;
    margin: 0;
    color: #fff;
  }
  
  #tweeterbox .twtr-doc {
    border: none;
    border-radius: 0;
  }
  
  #tweeterbox .twtr-ft,
  #tweeterbox .twtr-hd {
    display: none;
  }
  
  #tweeterbox .twtr-widget .twtr-tweet-wrap {
    padding: 12px 0;
  }
  
  /*Calendar*/
  .calendar {
    width: 290px;
    min-height: 190px;
    margin-bottom: 12px;
    background: url(../images/bgr-calendar-bottom.png) no-repeat 0 100%;
    padding-bottom: 1px;
  }
  
  .calendar .ui-datepicker {
    padding: 0;
    background: none;
  }
  
  .calendar .ui-widget-content,
  .calendar .ui-widget-header {
    border: none;
    width: 290px;
  }
  
  .calendar .ui-datepicker .ui-widget-header {
    background: url(../images/bgr-calendar-top.png) no-repeat;
    width: 100%;
    height: 33px;
    padding: 0;
    position: relative;
  }
  
  .calendar .ui-datepicker .ui-datepicker-prev,
  .calendar .ui-datepicker .ui-datepicker-next {
    background: url(../images/bgr-white-prev-next.png) no-repeat;
    height: 10px;
    width: 6px;
    top: 12px;
    cursor: pointer;
    position: absolute;
    display: block;
  }
  
  .calendar .ui-datepicker .ui-datepicker-prev {
    background-position: 0 0;
    left: 13px;
  }
  
  .calendar .ui-datepicker .ui-datepicker-next {
    background-position: 100% 0;
    left: 273px;
  }
  
  .calendar .ui-datepicker .ui-datepicker-prev span,
  .calendar .ui-datepicker .ui-datepicker-next span {
    display: none;
  }
  
  .calendar .ui-datepicker .ui-datepicker-title {
    font-size: 15px;
    color: #fff;
    line-height: 33px;
    text-align: center;
    font-weight: 700;
  }
  
  .calendar .ui-datepicker th {
    text-align: center;
    vertical-align: middle;
    width: 14.28%;
    background-color: #333;
    color: #fff;
    height: 31px;
    font-size: 13px;
    padding: 0;
  }
  
  .calendar .ui-datepicker td,
  .calendar .ui-datepicker .ui-datepicker-unselectable,
  .calendar .ui-datepicker .ui-state-disabled {
    border-top: 1px solid #d7d7d7;
    background-color: #efefef;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    width: 14.28%;
    height: 25px;
    padding: 0;
  }
  
  .calendar .ui-datepicker .ui-datepicker-unselectable span,
  .calendar .ui-datepicker .ui-state-disabled span {
    padding: 0;
    border: none;
    background: none;
    color: #333;
    text-align: center;
    height: 25px;
    line-height: 25px;
    display: block;
  }
  
  .calendar .ui-datepicker td a,
  .calendar .ui-datepicker td a:visited {
    background: none;
    border: none;
    color: #cf0972;
    padding: 0;
    text-align: center;
    float: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
  }
  
  .calendar .ui-datepicker .ui-datepicker-current-day a,
  .calendar .ui-datepicker .ui-datepicker-current-day a:visited,
  .calendar .ui-datepicker .ui-datepicker-current-day span {
    background-color: #ca1173;
    color: #fff;
    height: 25px;
    display: block;
    line-height: 25px;
  }
  
  .calendar td a.current:visited {
    background-color: #ca1173;
    color: #fff;
  }
  
  /*event*/
  .eventbox .line {
    margin-top: 12px;
    padding-bottom: 10px;
  }
  
  .event {
    width: 100%;
    overflow: hidden;
  }
  
  .event .day {
    background: url(../images/bgr-day.png) no-repeat;
    width: 46px;
    height: 46px;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    line-height: 19px;
    margin: 3px 8px 0 0;
  }
  
  .event .day span {
    font-size: 25px;
    display: block;
    margin-top: 5px;
  }
  
  .event p {
    font-size: 12px;
    margin-bottom: 0;
  }
  
  .event h5 {
    line-height: 14px;
  }
  
  /*report*/
  .report p {
    margin-bottom: 20px;
    line-height: 22px;
  }
  
  /*lang-doc*/
  .lang-doc {
    float: left;
    padding-top: 4px;
    width: 115px;
    margin-left: 15px;
  }
  
  .lang-doc .ar {
    width: 70px;
    margin-top: 1px;
  }
  
  .lang-doc span {
    font-size: 13px;
    display: block;
  }
  
  /*.searchbox*/
  .searchbox {
    background: url(../images/bgr-searchbox.png) no-repeat;
    padding-top: 10px;
    width: 940px;
    position: relative;
    z-index: 1;
  }
  
  .searchbox .box-out {
    background: url(../images/bgr-searchbox.png) no-repeat -940px 100%;
  }
  
  .searchbox .box-in {
    background: url(../images/bgr-searchbox.png) repeat-y -1880px;
    width: 940px;
    height: 38px;
  }
  
  .searchbox h3 {
    float: left;
    margin: 9px 10px 0 20px;
    font-size: 18px;
    font-weight: 400;
  }
  
  .searchbox form {
    float: left;
  }
  
  .searchbox ul {
    margin: 7px 0 7px 15px;
    float: left;
  }
  
  .searchbox li {
    font-size: 18px;
    padding-right: 11px;
    float: left;
    line-height: 23px;
  }
  
  .searchbox li label {
    font-size: 14px;
    font-weight: 700;
  }
  
  .searchbox .btn-pink {
    margin-top: -1px;
  }
  
  .searchbox .input440,
  .searchbox .input345,
  .searchbox .input160 {
    height: 17px;
    color: #666;
    padding: 4px 10px;
    float: left;
    border: none;
  }
  
  .searchbox .input440 {
    width: 421px;
    background: url(../images/input440.png) no-repeat;
  }
  
  .searchbox .input345 {
    width: 326px;
    background: url(../images/input345x25.png) no-repeat;
  }
  
  .searchbox .input160 {
    width: 149px;
    background: url(../images/input159x25.png) no-repeat;
  }
  
  .searchbox-small {
    background: url(../images/bgr-search-smallbox.png) no-repeat;
    width: 620px;
  }
  
  .searchbox-small .box-out {
    background: url(../images/bgr-search-smallbox.png) no-repeat -620px 100%;
  }
  
  .searchbox-small .box-in {
    background: url(../images/bgr-search-smallbox.png) repeat-y -1240px 0;
    width: 620px;
    height: 40px;
  }
  
  /*searchtitle*/
  .searchtitle {
    width: 100%;
    overflow: hidden;
    padding-bottom: 11px;
  }
  
  .searchtitle h2 {
    color: #fff;
    float: left;
    line-height: 22px;
    margin: 0 25px 0 0;
  }
  
  .searchtitle p {
    color: #bdbdbd;
    float: left;
    line-height: 28px;
  }
  
  /*.navigator*/
  .navigator {
    width: 100%;
  }
  
  .pagination {
    float: right;
  }
  
  .pagination li {
    float: left;
    margin-left: 6px;
    font-weight: 700;
  }
  
  .pagination li a,
  .pagination li a:visited {
    font-weight: 700;
    color: #cf0972;
    display: inline-block;
    text-decoration: underline;
  }
  
  .pagination li a:hover {
    color: #333;
  }
  
  .pagination li a.current,
  .pagination li a.current:visited {
    color: #333;
    text-decoration: none;
  }
  
  .pagination li a.prev,
  .pagination li a.next {
    height: 16px;
    width: 6px;
    background: url(../images/bgr-pink-prev-next.png) no-repeat 0 60%;
    text-indent: -9999em;
    overflow: hidden;
    float: left;
    margin: 0 10px;
  }
  
  .pagination li a.next {
    background-position: 100% 60%;
    margin: 0 0 0 7px;
  }
  
  .pagination li span {
    background: url(../images/bgr-graydot.png) no-repeat;
    float: left;
    width: 6px;
    height: 5px;
    margin-top: 6px;
  }
  
  .investorbox {
    width: 100%;
    overflow: hidden;
  }
  
  .investorbox .investorlist {
    padding: 5px 0 0;
    width: 100%;
    overflow: hidden;
  }
  
  .investorbox .line {
    margin: 26px 0 16px;
  }
  
  .title h1 {
    line-height: 48px;
    margin-bottom: 5px;
  }
  
  .title h1 span {
    font-size: 30px;
    position: relative;
    top: -10px;
  }
  
  .title h2 {
    color: #666;
  }
  
  .title p {
    margin: 5px 0 0;
    width: 100%;
    float: left;
  }
  
  /*staffrow*/
  .staffrow {
    overflow: hidden;
    padding: 0 0 32px;
  }
  
  .staffrow-last {
    padding-bottom: 0;
  }
  
  .staff {
    width: 220px;
    float: left;
    margin: 0 20px 0 0;
  }
  
  .staff .rimg10 {
    margin-bottom: 10px;
  }
  
  .staff h5 {
    margin-bottom: 5px;
    letter-spacing: -.04em;
    font-size: 13px;
  }
  
  .staff h5 a,
  .staff h5 a:visited {
    font-size: 13px;
  }
  
  .staff h5 span {
    display: block;
    font-weight: 400;
  }
  
  .staff p {
    margin-bottom: 10px;
  }
  
  /*financial-highlite*/
  .financial-highlite p {
    margin-bottom: 15px;
  }
  
  .financial-report {
    margin-bottom: 20px;
  }
  
  .financial-report h3 {
    font-size: 15px;
    color: #333;
    margin-bottom: 3px;
  }
  
  /*financial-report*/
  .financial-report .line {
    padding-bottom: 6px;
  }
  
  .financial-report h3 a,
  .financial-report h3 a:visited {
    color: #009b74;
    font-size: 15px;
  }
  
  /*mediabox*/
  .mediabox {
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
  }
  
  .mediabox li {
    margin-right: 10px;
    float: left;
  }
  
  .location {
    position: relative;
    line-height: 18px;
    overflow: hidden;
  }
  
  .location .loc-address {
    float: left;
    width: 215px;
    background: url(../images/bgr-location.png) no-repeat;
    padding: 7px 0 0 25px;
  }
  
  .location .loc-address p {
    line-height: 18px;
  }
  
  .location .loc-details {
    float: left;
    width: 380px;
    position: relative;
    background-color: #f4f4f4;
  }
  
  .location .loc-details .box-in {
    border: 1px solid #ccc;
    padding: 9px 14px;
  }
  
  .location .loc-details p {
    margin-bottom: 0;
  }
  
  .location .loc-details dt {
    font-weight: 700;
    float: left;
    width: 185px;
  }
  
  /*mediagallery*/
  .mediagallery {
    margin: 0 auto;
    overflow: hidden;
  }
  
  .mediagallery h2 {
    margin-bottom: 15px;
  }
  
  /* .mediagallery .bx-pager {
    position: absolute;
    top: -25px;
    left: 0;
    font-size: 13px;
  }
   */
  .thumbsgallery {
    height: 131px;
    position: relative;
    float: left;
  }
  
  .thumbsgallery ul {
    height: 135px;
  }
  
  .thumbsgallery li {
    height: 135px;
    float: left;
  }
  
  .thumbsgallery li h5 {
    font-weight: 400;
    margin-left: 3px;
  }
  
  .thumbsgallery li a {
    display: block;
    width: 140px;
    height: 105px;
    padding: 3px;
  }
  
  /* .thumbsgallery .bx-prev,
  .thumbsgallery .bx-next {
    top: 46px;
  }
  
  .thumbsgallery .bx-prev {
    left: -28px;
  }
  
  .thumbsgallery .bx-next {
    right: -28px;
  } */
  
  /*imagegallery*/
  .imagegallery {
    width: 660px;
    height: 690px;
    padding: 10px 0;
    margin-left: 23px;
  }
  
  .imagegallery .biggallery {
    width: 660px;
    height: 495px;
    padding: 15px 0 18px;
  }
  
  /* .imagegallery .bx-pager-total {
    position: relative;
    top: -28px;
    font-size: 13px;
    font-family: 'Nunito Sans', Arial;
  } */
  
  .imagegallery .biggallery ul,
  .imagegallery .biggallery li {
    height: 495px;
  }
  
  .imagegallery .biggallery li img {
    width: 100%;
  }
  
  .imagegallery .thumbsgallery {
    padding: 0 28px;
  }
  
  .imagegallery .thumbsgallery,
  .imagegallery .thumbsgallery ul {
    width: 600px;
  }
  
  .imagegallery .thumbsgallery li {
    width: 150px;
  }
  
  .imagegallery .thumbsgallery li a {
    margin: 0 2px 5px;
    overflow: hidden;
  }
  
  /*videogallery*/
  .videogallery {
    width: 542px;
    height: 605px;
    padding: 15px 0;
  }
  
  .videogallery .biggallery {
    width: 540px;
    height: 396px;
    margin: 10px 0 18px;
    background-color: #000;
    border: 1px solid #ccc;
    float: left;
  }
  
  .videogallery .biggallery ul,
  .videogallery .biggallery li {
    height: 396px;
  }
  
  .videogallery .thumbsgallery li h5 {
    margin-left: 13px;
  }
  
  .videogallery .thumbsgallery {
    padding: 0 25px;
  }
  
  .videogallery .thumbsgallery,
  .videogallery .thumbsgallery ul {
    width: 492px;
  }
  
  .videogallery .thumbsgallery li {
    width: 164px;
  }
  
  .videogallery .thumbsgallery li a {
    margin: 0 9px 5px;
  }
  
  /* .videogallery .thumbsgallery .bx-prev {
    left: -24px;
  }
  
  .videogallery .thumbsgallery .bx-next {
    right: -24px;
  } */
  
  /*submenu-green*/
  .submenu-green {
    background-color: #009b74;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
  }
  
  .submenu-green h2 {
    color: #7ff4d7;
    background-color: #008b68;
    padding: 14px 19px;
  }
  
  .submenu-green li {
    margin: 0 20px;
    padding: 7px 0;
    border-bottom: 1px solid #40b497;
  }
  
  .submenu-green li.last {
    border-bottom: none;
  }
  
  .submenu-green a,
  .submenu-green a:visited {
    color: #fff;
    font-weight: 700;
    background: url(../images/bgr-submenuarrow-green.png) no-repeat 0 3px;
    padding-left: 12px;
  }
  
  .submenu-green a.current {
    background-position: 0 -47px;
    color: #000;
  }
  
  .submenu-green a:hover {
    background-position: 0 -167px;
    color: #7ff4d7;
  }
  
  .submenu-green li ul {
    padding-bottom: 7px;
    display: none;
  }
  
  .submenu-green li.menuopen ul {
    display: block;
  }
  
  .submenu-green li.menuopen > a {
    background-position: 0 -110px;
  }
  
  .submenu-green li li {
    border-bottom: none;
    padding: 6px 0 0;
    margin: 0 10px;
  }
  
  .submenu-green li li a,
  .submenu-green li li a:visited {
    background: none;
    font-size: 13px;
    font-weight: 400;
    padding-left: 3px;
  }
  
  /*submenu-dark*/
  .submenu-dark {
    background-color: #333;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
  }
  
  .submenu-dark h2 {
    color: #fff;
    background-color: #333;
    margin-bottom: 0;
    padding: 14px 19px;
  }
  
  .submenu-dark li {
    margin: 0 20px;
    padding: 7px 0;
    border-bottom: 1px solid #4e4e4e;
  }
  
  .submenu-dark li.last {
    border-bottom: none;
  }
  
  .submenu-dark a,
  .submenu-dark a:visited {
    font-weight: 700;
    color: #ea2799;
    background: url(../images/bgr-submenuarrow-dark.png) no-repeat 0 3px;
    padding-left: 15px;
  }
  
  .submenu-dark a.current,
  .submenu-dark a:hover {
    background-position: 0 -47px;
    color: #999;
  }
  
  /*submenu-light*/
  .submenu-light {
    background-color: #f4f4f4;
    overflow: hidden;
    position: relative;
  }
  
  .submenu-light .box-in {
    border: 1px solid #ccc;
  }
  
  .submenu-light h2 {
    margin-bottom: 0;
    padding: 14px 19px;
  }
  
  .submenu-light ul {
    margin-bottom: 10px;
  }
  
  .submenu-light li {
    margin: 0 20px;
    padding: 7px 0;
    border-bottom: 1px solid #cacaca;
  }
  
  .submenu-light li.last {
    border-bottom: none;
  }
  
  .submenu-light li a,
  .submenu-light li a:visited {
    font-weight: 700;
    color: #333;
    background: url(../images/bgr-submenuarrow-light.png) no-repeat 0 3px;
    padding-left: 15px;
  }
  
  .submenu-light li a.current,
  .submenu-light li a:hover {
    background-position: 0 -47px;
    color: #ea2799;
  }
  
  .faq-live {
    background: url(../images/bgr-faq-livegradient.png) repeat-x 0 100%;
    padding: 10px 15px;
  }
  
  .faq-live-border {
    border-bottom: 1px solid #ccc;
  }
  
  .faq-live h2 {
    padding: 0;
    line-height: 18px;
    letter-spacing: normal;
    margin-bottom: 6px;
  }
  
  .faq-live h2 a,
  .faq-live h2 a:visited {
    font-size: 20px;
  }
  
  .faq-live p {
    margin-bottom: 0;
  }
  
  .faq-live .imgbox {
    margin-right: 7px;
  }
  
  .faq-live .txtbox {
    margin-top: 5px;
  }
  
  /*submenu-cart*/
  .submenu-cart {
    background-color: #333;
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
  }
  
  .submenu-cart h2 {
    color: #ccc;
    margin-bottom: 0;
    padding: 14px 19px 15px 65px;
    background: #2a2a2a url(../images/bgr-cartico.png) no-repeat 15px 50%;
  }
  
  .submenu-cart .cartin {
    padding: 13px 15px 5px;
    overflow: hidden;
  }
  
  .submenu-cart .cartin .btn-pink32 {
    margin-right: 10px;
  }
  
  .submenu-cart .cart-total {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #3c3c3c;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 18px;
  }
  
  .submenu-cart .cart-total strong {
    font-size: 18px;
    color: #aaa;
  }
  
  .submenu-cart .cart-total span.ar {
    color: #fff;
    font-size: 14px;
  }
  
  .submenu-cart li {
    margin: 0 20px;
    padding: 7px 0;
    border-bottom: 1px solid #4e4e4e;
  }
  
  .submenu-cart li.last {
    border-bottom: none;
  }
  
  /*solution*/
  .solution {
    float: left;
    width: 180px;
  }
  
  .solution h4 {
    margin-bottom: 3px;
  }
  
  .solutionimg {
    float: left;
    margin: 13px 0 0 10px;
  }
  
  /*careers*/
  .careers {
    padding: 14px 16px 22px;
    overflow: hidden;
  }
  
  .searchjob {
    width: 100%;
    background: url(../images/bgr-search-gradient.png) repeat-x 0 100%;
    border-top: 1px solid #ccc;
    overflow: hidden;
  }
  
  .searchjob .imgbox,
  .register .imgbox {
    margin: 13px 10px 13px 18px;
  }
  
  .searchjob .txtblock,
  .register .txtblock {
    float: left;
    width: 200px;
    padding: 10px 0 14px;
  }
  
  .searchjob h2,
  .register h2 {
    margin-bottom: 0;
  }
  
  .register {
    border-top: 1px solid #ccc;
    overflow: hidden;
  }
  
  .register .txtblock {
    padding: 7px 0;
  }
  
  /*whychoose*/
  .whychoose h5,
  .whychoose p {
    margin-bottom: 5px;
  }
  
  /*.scrollbox*/
  .scrollbox .stitle {
    width: 900px;
    margin: 10px 20px 20px;
    overflow: hidden;
    border-bottom: 1px solid #e1e0e0;
    padding-bottom: 10px;
  }
  
  .scrollbox .stitle h2 {
    margin: 10px 12px;
    float: left;
  }
  
  .scrollbox .stitle img {
    float: left;
  }
  
  .scrollbox .stitle .btn-gray32,
  .scrollbox .stitle .btn-gray32:visited {
    float: right;
    margin: 7px 0;
  }
  
  .scroller {
    overflow: hidden;
    height: 247px;
    margin: 0 22px;
    width: 896px;
  }
  
  .scroller .item {
    width: 126px;
    float: left;
    height: 228px;
    margin-right: 29px;
  }
  
  .scroller .item .rimg5 {
    margin-bottom: 7px;
  }
  
  .scroller .item h5 {
    margin-bottom: 0;
  }
  
  .scroller .item .details {
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 6px;
  }
  
  .scroller .item .details a,
  .scroller .item .details a:visited {
    float: left;
  }
  
  .scroller .item .details .prc {
    float: right;
    font-size: 13px;
    line-height: 32px;
  }
  
  .commonbox p {
    line-height: 22px;
    margin-bottom: 20px;
  }
  
  .commonbox .rimg5 {
    margin-bottom: 20px;
  }
  
  .commonbox h4 {
    margin-bottom: 6px;
  }
  
  .commonbox .ft-14 {
    font-size: 14px;
  }
  
  .textblock {
    font-size: 1.3em;
  }
  
  .textblock p,
  .textblock p a,
  .textblock p a:visited,
  .textblock li {
    font-size: 1em;
  }
  
  .textblock li {
    line-height: 22px;
  }
  
  .textblock p {
    margin-bottom: 20px;
  }
  
  .textblock h2 {
    font-size: 1.846em;
  }
  
  .textblock h3 {
    font-size: 1.385em;
  }
  
  .textblock h4 {
    font-size: 1.077em;
  }
  
  .textblock h5 {
    font-size: 1em;
  }
  
  .textblock table th,
  .textblock table td,
  .textblock .lnk,
  .textblock .lnk:visited {
    font-size: 1em;
  }
  
  .commonbox .textblock .rimg5 {
    float: left;
    margin: 3px 20px 5px 0;
  }
  
  .textblock p.date {
    font-size: .923em;
    margin-bottom: 0;
  }
  
  .gallerybox {
    margin-top: 50px;
    width: 100%;
  }
  
  .gallerybox .bigimage,
  .gallerybox .bigimage li {
    width: 300px;
    height: 345px;
    float: left;
    overflow: hidden;
    position: relative;
  }
  
  .gallerybox .freedelivery {
    position: absolute;
    bottom: 20px;
    right: 0;
    background: url(../images/bgr-calltoaction.png) no-repeat;
    width: 127px;
    height: 123px;
    z-index: 99;
  }
  
  .gallerybox .thumbs li {
    float: left;
    margin-right: 7px;
  }
  
  .gallerybox-twoitem {
    width: 200px;
    margin: 10px 30px 0 8px;
    float: left;
  }
  
  .gallerybox-twoitem .bigimage,
  .gallerybox-twoitem .bigimage li {
    width: 200px;
    height: 270px;
  }
  
  .gallerybox-twoitem .thumbs li {
    float: left;
    margin-right: 9px;
  }
  
  .stepsbox {
    width: 100%;
    padding-top: 20px;
  }
  
  .stepsbox .pstep {
    float: left;
    width: 144px;
    border-right: 1px solid #616161;
    text-align: center;
  }
  
  .stepsbox .pstep h5 {
    color: #999;
    margin: 7px 0 0;
  }
  
  .stepsbox .pstep p {
    color: #fff;
  }
  
  .stepsbox .pstep-active h5 {
    color: #fff;
  }
  
  .stepstitle {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
  }
  
  .stepstitle h2 {
    float: left;
    margin-bottom: 0 !important;
  }
  
  .stepstitle .btn-gray32,
  .stepstitle .btn-gray32:visited {
    float: right;
    margin-left: 10px;
  }
  
  .darkgraybox .stepsbox {
    border-top: 1px solid #616161;
  }
  
  .darkgraybox .pstep {
    border-right: 1px solid #616161;
  }
  
  .pinkbox .stepsbox {
    border-top: 1px solid #cd6b9f;
  }
  
  .pinkbox .pstep {
    border-right: 1px solid #cd6b9f;
  }
  
  .pinkbox .pstep h5 {
    color: #fff;
    margin-bottom: 2px;
  }
  
  .pinkbox .pstep a,
  .pinkbox .pstep a:visited {
    text-decoration: underline;
    color: #fff;
  }
  
  .info {
    background: url(../images/bgr-info.png) no-repeat 15px 7px;
    padding-left: 55px;
  }
  
  .info p {
    margin-bottom: 0;
  }
  
  .payments {
    background: url(../images/bgr-grayline.png) repeat-y 50% 50%;
  }
  
  .payments p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  
  .payments .pinklnk,
  .payments .pinklnk:visited {
    line-height: 30px;
  }
  
  .payments .btn-pink32,
  .payments .btn-pink32:visited {
    margin-right: 10px;
  }
  
  .payments .numberlist li {
    font-size: 14px;
    padding-bottom: 5px;
  }
  
  .cardbox {
    background: url(../images/box-cards.png) no-repeat;
    width: 265px;
    height: 50px;
    margin-bottom: 15px;
    float: left;
  }
  
  .cardbox img {
    margin: 7px 0 7px 10px;
    float: left;
  }
  
  .loadmore {
    width: 100%;
    height: 40px;
    position: relative;
  }
  
  .loadmore .btn-gray32,
  .loadmore .btn-gray32:visited {
    width: 115px;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -60px;
  }
  
  .loadmore .btn-gray32 span span {
    width: 95px;
  }
  
  .visitors {
    padding: 19px;
    overflow: hidden;
  }
  
  .visitors h3 {
    float: left;
    margin-right: 25px;
    font-size: 20px;
    font-weight: 400;
  }
  
  .visitors .lnk,
  .visitors .lnk:visited {
    float: right;
    margin-top: 5px;
  }
  
  .visitors .ratebig {
    margin-top: 5px;
  }
  
  .more-videos {
    border-top: 1px solid #a6dcce;
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
    padding-top: 10px;
    text-align: right;
  }
  
  .more-videos p {
    margin-bottom: 0;
  }
  
  .more-videos .btn-gray32 {
    margin-right: 0 !important;
  }
  
  .myacc {
    padding: 19px;
    overflow: hidden;
  }
  
  .myacc h3 {
    margin-bottom: 10px;
  }
  
  .myacc li,
  .myacc p {
    line-height: 18px;
  }
  
  .myacc p {
    margin-bottom: 15px;
  }
  
  .myacc .graybulletlist li {
    background-position: 0 7px;
  }
  
  .myacc .btn-pink32,
  .myacc .btn-gray32 {
    margin-right: 20px;
  }
  
  .myacc .citem .imgbox {
    width: 22px;
    margin-right: 10px;
  }
  
  .greenbox-579 {
    background: url(../images/box-green579x42.png) no-repeat;
    width: 579px;
    height: 42px;
    margin-bottom: 15px;
  }
  
  .greenbox-579 p {
    font-size: 15px;
    padding: 12px 20px;
    margin-bottom: 0;
  }
  
  .myacc .pitem h3 {
    margin-bottom: 5px;
  }
  
  .myacc .pitem p {
    margin-bottom: 7px;
  }
  
  .myacc .pitem .grayarrowlist li {
    width: 156px;
    float: left;
    font-weight: 700;
    padding-bottom: 3px;
  }
  
  /*filterbox*/
  .filterbox {
    padding: 20px;
  }
  
  .filterbox h4 {
    margin-bottom: 13px;
  }
  
  .filterbox .filtertable .navigator {
    width: 540px;
    float: left;
    margin-bottom: 10px;
  }
  
  .filterbox .filtertable .boxdetails {
    padding: 20px;
  }
  
  .filterbox .filtertable-head {
    width: 100%;
    overflow: hidden;
  }
  
  .filterbox .filtertable-head h4 {
    float: left;
  }
  
  .filterbox .filtertable-head ul {
    float: right;
  }
  
  .filterbox .filtertable-head ul li {
    float: left;
    padding-left: 5px;
    font-weight: 700;
  }
  
  .boxdetails {
    padding: 0 20px;
  }
  
  .boxdetails p {
    margin-top: 5px;
  }
  
  /*accessories*/
  .accessories {
    width: 570px;
    overflow: hidden;
    padding: 24px;
  }
  
  .accessories ul {
    width: 570px;
    height: 220px;
  }
  
  .accessories li {
    width: 190px;
    height: 220px;
    float: left;
  }
  
  .accessories li h5 {
    margin-bottom: 2px;
    letter-spacing: -.03em;
  }
  
  .accessories li p.t-green {
    margin-bottom: 5px;
  }
  
  .accessories .rimg-borderlight5 {
    margin-left: 28px;
  }
  
  .accessories .acc-details {
    width: 140px;
    padding: 7px 0 7px 3px;
    overflow: hidden;
    margin: 0 auto;
  }
  
  /* .accessories .bx-prev,
  .accessories .bx-next {
    top: 105px;
  }
  
  .accessories .bx-prev {
    left: -13px;
  }
  
  .accessories .bx-next {
    right: -13px;
  } */
  
  /*onlinestore*/
  .onlinestore {
    padding: 10px 20px;
  }
  
  .storeitem {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
  }
  
  .storeitem h3 {
    margin-bottom: 3px;
  }
  
  .storeitem .imgbox {
    width: 150px;
    overflow: hidden;
    text-align: center;
  }
  
  .storeitem-shadow {
    background: url(../images/bgr-shadow-short.png) no-repeat 50% 100%;
    padding-bottom: 20px;
  }
  
  .storethumbsbox {
    margin-left: -11px;
    overflow: hidden;
    height: 95px;
  }
  
  .storethumbsbox ul {
    width: 352px;
    height: 95px;
  }
  
  .storethumbsbox li {
    float: left;
    width: 88px;
    height: 95px;
  }
  
  .storethumbsbox li a,
  .storethumbsbox li a:visited {
    text-align: center;
    display: block;
    text-decoration: none;
  }
  
  .storethumbsbox li a.rimg-borderlight5 {
    margin: 0 7px 3px;
  }
  
  /* .storethumbsbox .bx-prev,
  .storethumbsbox .bx-next {
    top: 18px;
  }
  
  .storethumbsbox .bx-prev {
    left: -25px;
  }
  
  .storethumbsbox .bx-next {
    right: -25px;
  } */
  
  /*product-title*/
  .product-title {
    width: 100%;
    overflow: hidden;
    padding-bottom: 5px;
  }
  
  .product-title h2 {
    float: left;
  }
  
  .product-title ul {
    float: right;
  }
  
  .product-title li {
    display: inline;
    color: #ccc;
    padding-left: 5px;
  }
  
  .product-details {
    float: left;
    width: 340px;
  }
  
  .product-details .rate {
    margin-bottom: 15px;
  }
  
  .product-details .price {
    color: #11A070;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
  }
  
  .product-details .btn-gray32,
  .product-details .btn-gray32:visited {
    clear: both;
    margin-bottom: 17px;
  }
  
  .product-details h3 {
    clear: left;
  }
  
  .product-details .graybulletlist {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
  }
  
  .product-details .graybulletlist li {
    float: left;
    width: 47%;
    padding-bottom: 2px;
  }
  
  .product-details p {
    line-height: 22px;
    clear: left;
  }
  
  .product-details dl {
    width: 100%;
    overflow: hidden;
    line-height: 22px;
  }
  
  .product-details dt {
    float: left;
    width: 130px;
    clear: left;
  }
  
  .product-details dd {
    padding-left: 130px;
  }
  
  .moreitemsbox {
    padding: 20px 39px;
  }
  
  .moreitemsbox ul {
    width: 540px;
    height: 110px;
  }
  
  .moreitemsbox li {
    width: 108px;
    height: 110px;
  }
  
  .moreitemsbox li a,
  .moreitemsbox li a:visited {
    text-align: center;
    display: block;
    text-decoration: none;
  }
  
  .moreitemsbox li a.rimg-borderlight5 {
    margin: 0 5px 5px;
  }
  
  /* .moreitemsbox .bx-prev,
  .moreitemsbox .bx-next {
    top: 27px;
  }
  
  .moreitemsbox .bx-prev {
    left: -28px;
  }
  
  .moreitemsbox .bx-next {
    right: -28px;
  } */
  
  .reviews .rate {
    margin: 12px 0 0;
  }
  
  .reviews .review-title {
    margin-top: 15px;
  }
  
  .review-title,
  .review-title-in {
    width: 100%;
    overflow: hidden;
  }
  
  .review-title h2,
  .review-title-in h3 {
    float: left;
  }
  
  .review-title h2 {
    margin: 3px 0 0;
  }
  
  .review-title .btn-gray32,
  .review-title .btn-gray32:visited {
    float: right;
  }
  
  .review-title-in {
    margin-bottom: 10px;
  }
  
  .review-title-in span {
    float: left;
    font-size: 12px;
    padding: 4px 0 0 10px;
  }
  
  .review-item h4 {
    margin-bottom: 5px;
  }
  
  .review-item p {
    line-height: 22px;
    margin-bottom: 10px;
  }
  
  .review-details {
    background: url(../images/bgr-review-det.png) no-repeat;
    width: 578px;
    height: 35px;
  }
  
  .review-details ul {
    margin: 8px 10px;
    float: left;
  }
  
  .review-details li {
    font-weight: 700;
    float: left;
    margin-right: 20px;
  }
  
  .review-details li a {
    padding-right: 5px;
  }
  
  /*support*/
  .support {
    overflow: hidden;
    padding: 13px 15px;
  }
  
  .support h3 {
    float: left;
    line-height: normal;
    margin: 0 10px 0 0;
  }
  
  .support p {
    font-size: 16px;
    line-height: normal;
    margin: 0;
  }
  
  .support .supportitembox {
    margin: 15px 0 17px;
    width: 100%;
    overflow: hidden;
  }
  
  .support .supportitem {
    float: left;
    width: 165px;
    padding-right: 10px;
    margin: 0 30px 0 0;
    border-right: 1px solid #e5e5e5;
  }
  
  .support .supportitem img {
    float: left;
  }
  
  .support .supportitem h5 {
    overflow: hidden;
    padding: 8px 0 0 8px;
    line-height: 14px;
  }
  
  .support .last {
    border-right: none;
  }
  
  .support .line {
    overflow: hidden;
    zoom: 1;
  }
  
  .chartfilter {
    padding: 4px 0 7px 20px;
  }
  
  .chartfilter .frow,
  .chartfilter .daterow {
    float: left;
    width: 100%;
  }
  
  .chartfilter .frow {
    margin-bottom: 10px;
  }
  
  .chartfilter .ctitle {
    border-bottom: 2px solid #ccc;
    padding-bottom: 16px;
    margin-bottom: 10px;
  }
  
  .chartfilter .range {
    float: left;
    width: 332px;
  }
  
  .chartfilter .quick-dr {
    float: left;
    width: 158px;
  }
  
  .chartfilter .precise-dr {
    float: left;
    width: 174px;
  }
  
  .chartfilter .daterow {
    margin-bottom: 3px;
  }
  
  .chartfilter .chart-type {
    float: left;
    width: 258px;
    margin-left: 30px;
  }
  
  .chartfilter .c-type {
    float: left;
    width: 148px;
  }
  
  .chartfilter .f-type {
    float: left;
    width: 110px;
  }
  
  .chartfilter .draw {
    float: left;
    width: 240px;
    margin: 50px 0 0 38px;
  }
  
  .chartfilter .draw .frow {
    margin-bottom: 8px;
  }
  
  .stockby {
    float: right;
    margin: 10px 20px 10px 0;
  }
  
  .stockby p {
    font-size: 12px;
  }
  
  /*profile-data*/
  .profile-data {
    padding-top: 10px;
  }
  
  .profileimagebox {
    background: url(../images/box-popup-slider.png) no-repeat;
    width: 451px;
    height: 60px;
    padding: 21px 40px;
    margin: 15px 0;
    clear: left;
  }
  
  .profileimagebox ul {
    width: 450px;
    height: 90px;
  }
  
  .profileimagebox li {
    float: left;
    width: 90px;
    height: 60px;
  }
  
  .profileimagebox li .masked {
    width: 80px;
    height: 60px;
    float: left;
    margin: 0 5px;
  }
  
  /* .profileimagebox .bx-prev,
  .profileimagebox .bx-next {
    top: 18px;
  }
  
  .profileimagebox .bx-prev {
    left: -28px;
  }
  
  .profileimagebox .bx-next {
    right: -28px;
  }
   */
  .recomend {
    width: 100%;
    overflow: hidden;
    padding: 6px 0;
  }
  
  .recomend img {
    margin: 0 10px;
    float: left;
  }
  
  .recomend h4 {
    margin: 7px 0;
    float: left;
  }
  
  .recomend .btn-pink32,
  .recomend .btn-pink32:visited {
    float: right;
    margin: 7px 13px 0 0;
  }
  
  /*smsbox*/
  .smsbox {
    float: right;
    position: relative;
  }
  
  .smsbox .smshistory {
    background: url(../images/box-pinkborder.png) no-repeat;
    width: 620px;
    padding-top: 6px;
    position: absolute;
    top: 32px;
    right: 0;
    z-index: 99;
    display: none;
  }
  
  .smsbox .smshistory .box-out {
    background: url(../images/box-pinkborder.png) no-repeat -620px 100%;
    padding-bottom: 6px;
  }
  
  .smsbox .smshistory .box-in {
    background: url(../images/box-pinkborder.png) repeat-y -1240px 0;
    width: 616px;
    padding: 0 2px;
  }
  
  .smsbox .sms-head {
    background-color: #e8e6e6;
    width: 100%;
    overflow: hidden;
    padding: 13px 0;
  }
  
  .smsbox .sms-head h4 {
    background: url(../images/bgr-sms-envelope.png) no-repeat;
    padding-left: 35px;
    float: left;
    margin: 2px 0 0 18px;
    height: 20px;
    line-height: 20px;
  }
  
  /*.smssearchbox*/
  .smsbox .smssearchbox {
    background: url(../images/bgr-smssearchbox.png) no-repeat;
    width: 250px;
    height: 27px;
    float: right;
    margin-right: 18px;
  }
  
  .smsbox .smssearchbox li {
    float: left;
  }
  
  .smsbox .smssearchbox input {
    border: none;
    background: none;
    height: 27px;
    width: 34px;
    color: #666;
  }
  
  .smsbox .smssearchbox input[type="text"] {
    height: 17px;
    padding: 5px 10px 1px;
    width: 195px;
  }
  
  /*sms-filter*/
  .smsbox .sms-filter {
    width: 100%;
    overflow: hidden;
    padding: 22px 0 18px;
    background: url(../images/bgr-shadow-short.png) no-repeat 50% 100%;
  }
  
  .smsbox .sms-filter ul {
    float: left;
    margin-left: 18px;
  }
  
  .smsbox .sms-filter li {
    float: left;
    margin-right: 10px;
  }
  
  .smsbox .sms-filter p {
    float: right;
    margin-right: 18px;
    line-height: 25px;
  }
  
  .smsbox .sms-filter a,
  .smsbox .sms-filter a:visited {
    text-transform: none;
  }
  
  .smsbox .sms-content {
    margin: 0 18px;
    padding: 7px 0;
    overflow: hidden;
  }
  
  /*.sms-item*/
  .sms-item {
    width: 100%;
    overflow: hidden;
    padding: 5px 0;
  }
  
  .sms-item .sms-number {
    background: url(../images/bgr-phone.png) no-repeat;
    font-weight: 700;
    padding-left: 40px;
    line-height: 30px;
    font-size: 13px;
    float: left;
    margin-right: 15px;
  }
  
  .sms-item .sms-details {
    overflow: hidden;
    position: relative;
    height: 18px;
    padding-top: 8px;
  }
  
  .sms-item .sms-details p {
    padding-right: 50px;
  }
  
  .sms-item .sms-details .btn-openclose {
    position: absolute;
    top: 4px;
    right: 0;
  }
  
  .sms-item .sms-details .btn-deletepink {
    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
  }
  
  .sms-item-open .sms-details {
    height: auto;
  }
  
  .sms-item-open .sms-details .btn-deletepink {
    display: block;
  }
  
  .sms-item-open .sms-details .btn-openclose {
    background-position: 0 100%;
  }
  
  /*sms*/
  .sms {
    padding: 17px 20px 15px;
  }
  
  .sms .r-row {
    width: 100%;
    padding-bottom: 10px;
    overflow: hidden;
  }
  
  .sms .r-row p {
    margin-bottom: 0;
  }
  
  .sms .recipientlist {
    background: url(../images/bgr-grayline.png) repeat-y 50% 50%;
    overflow: hidden;
    width: 100%;
    padding: 5px 0;
  }
  
  .sms .recipientlist li {
    width: 95px;
    float: left;
    padding: 5px 30px 5px 15px;
  }
  
  .sms .recipientlist li span {
    float: left;
    line-height: 20px;
  }
  
  .sms .recipientlist li .btn-delete {
    float: right;
  }
  
  .recipientbox {
    width: 280px;
    float: left;
  }
  
  .recipientmsg {
    width: 280px;
    float: left;
    margin-left: 18px;
  }
  
  .errormsg p,
  p.errormsg {
    color: red !important;
  }
  
  /*******************************
    COMMON BOXES
    *******************************/
  .box-out {
    width: 100%;
    padding-bottom: 10px;
  }
  
  /*graybox*/
  .graybox {
    width: 100%;
    position: relative;
    margin-bottom: 3px;
  }
  
  .graybox .box-in {
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    min-height: 10px;
  }
  
  /*darkborderbox*/
  .darkborderbox {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
  }
  
  .darkborderbox .box-in {
    border: 1px solid #999 !important;
    background-color: #fff !important;
    min-height: 10px;
  }
  
  .greenbox .darkborderbox .box-in {
    padding: 0 !important;
  }
  
  /*graybox*/
  .grayboxnoborder {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
  }
  
  .grayboxnoborder .box-in {
    background-color: #f4f4f4;
    min-height: 10px;
  }
  
  /*graybox*/
  .grayboxnobg {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
  }
  
  .grayboxnobg .box-in {
    border: 1px solid #ccc;
    background-color: #fff;
    min-height: 10px;
  }
  
  /*scrollbox*/
  .scrollbox {
    width: 100%;
    position: relative;
    margin-bottom: 3px;
  }
  
  .scrollbox .box-in {
    border: 1px solid #ccc;
    background-color: #f7f5f5;
    min-height: 10px;
  }
  
  /*tablebox*/
  .tablebox {
    width: 100%;
    position: relative;
    margin-bottom: 3px;
  }
  
  .tablebox .box-in {
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    min-height: 10px;
    height: auto !important;
    width: auto !important;
  }
  
  .graybox-585 {
    background: url(../images/box-gray-585.png) no-repeat;
    width: 555px;
    height: 58px;
    padding: 15px 10px 15px 20px;
  }
  
  .darkgraybox {
    background: #222 url(../images/box-darkgray-gradient.png) repeat-x;
    position: relative;
    width: 100%;
  }
  
  .darkgraybox .box-in {
    padding: 15px 20px;
    overflow: hidden;
  }
  
  .darkgraybox h2 {
    color: #fff;
    margin-bottom: 17px;
  }
  
  .darkgraybox h3 {
    color: #fff;
    margin-bottom: 17px;
  }
  
  .pinkbox {
    background: #cf0972;
    position: relative;
    width: 100%;
  }
  
  .pinkbox .box-in {
    padding: 15px 20px;
    overflow: hidden;
  }
  
  .pinkbox h2 {
    color: #fff;
    margin-bottom: 17px;
  }
  
  .pinkbox h3 {
    color: #fff;
    margin-bottom: 17px;
  }
  
  /*.greenbox*/
  .greenbox {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
  }
  
  .greenbox .box-in {
    border: 1px solid #009b74;
    background-color: #ebf7f4;
    min-height: 10px;
  }
  
  .greenbox .haspadding {
    padding: 17px 20px 20px;
  }
  
  .greenbox .nopadding {
    padding: 0;
  }
  
  .greenbox .tbl {
    margin: 10px 0;
  }
  
  .greenbox-title {
    background-color: #009b74;
    padding: 6px 20px;
  }
  
  .greenbox-title h2 {
    color: #fff;
    margin-bottom: 0;
  }
  
  /*.darkgreenbox*/
  .darkgreenbox {
    width: 100%;
    position: relative;
  }
  
  .darkgreenbox .box-in {
    border: 1px solid #009b74;
    background-color: #a6dcce;
    min-height: 10px;
    padding: 10px 0;
  }
  
  /*.darkgreenbox*/
  .darkgreenboxnoborder {
    width: 100%;
    position: relative;
  }
  
  .darkgreenboxnoborder .box-in {
    border: none;
    background-color: #a6dcce;
    min-height: 10px;
    padding: 0;
  }
  
  /*threecolbox*/
  .threecolbox {
    background: url(../images/box-threecols.png) no-repeat;
    width: 940px;
    padding-top: 10px;
  }
  
  .threecolbox .box-out {
    background: url(../images/box-threecols.png) no-repeat -940px 100%;
  }
  
  .threecolbox .box-in {
    background: url(../images/box-threecols.png) repeat-y -1880px 0;
    width: 940px;
    padding: 15px 0;
  }
  
  .threecolbox .col-three {
    width: 280px;
    padding-left: 19px;
    margin-right: 15px;
    float: left;
    position: relative;
  }
  
  /*whitebox-290*/
  .whitebox-290 {
    background: url(../images/box-white290.png) no-repeat;
    width: 270px;
    height: 41px;
    padding: 5px 10px;
    clear: left;
  }
  
  .whitebox-290 .line-vert {
    height: 30px;
    float: left;
    margin-top: 5px;
  }
  
  /*reportbox*/
  .reportbox-290 {
    background: url(../images/box-reportbox.png) no-repeat;
    width: 290px;
    padding-top: 10px;
  }
  
  .reportbox-290 .box-out {
    background: url(../images/box-reportbox.png) no-repeat -290px 100%;
  }
  
  .reportbox-290 .box-in {
    background: url(../images/box-reportbox.png) repeat-y -580px 0;
    width: 288px;
    padding: 0 1px;
    position: relative;
  }
  
  .twocol-box-sidebar-main {
    background: url(../images/bgr-vertical-shadow-rep2.png) repeat-y 294px 0;
    margin-bottom: 20px;
  }
  
  .twocol-box-sidebar-main > .box-out {
    background: url(../images/bgr-vertical-shadow-bottom2.png) no-repeat 294px 100%;
    padding-bottom: 0;
  }
  
  .twocol-box-sidebar-main > .box-out > .box-in {
    background: url(../images/bgr-vertical-shadow-top2.png) no-repeat 294px 0;
    padding-top: 10px;
  }
  
  /*mapbox*/
  .mapbox {
    width: 100%;
    position: relative;
  }
  
  .mapbox .box-in {
    border: 1px solid #ccc;
    background-color: #f4f4f4;
    width: 604px;
    padding: 20px 0 20px 14px;
  }
  
  .map {
    background: url(../images/box-map.png) repeat-y -1180px 0;
    width: 578px;
    height: 360px;
    padding: 0 6px;
    position: relative;
  }
  
  .map .maptop,
  .map .mapbottom {
    z-index: 1;
    position: absolute;
    left: 0;
    top: -1px;
    width: 590px;
    height: 10px;
    background: url(../images/box-map.png) no-repeat 0 0;
  }
  
  .map .mapbottom {
    top: 355px;
    background-position: -590px 0;
  }
  
  /*share*/
  .sharebox {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
  }
  
  .sharebox .box-in {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
  }
  
  /*bluebox220*/
  .bluebox220 {
    background: url(../images/box-blue220.png) no-repeat;
    width: 220px;
    padding-top: 10px;
    margin-bottom: 15px;
  }
  
  .bluebox220 .box-out {
    background: url(../images/box-blue220.png) no-repeat -220px 100%;
  }
  
  .bluebox220 .box-in {
    background: #5eb6e4;
    width: 192px;
    padding: 0 14px;
    overflow: hidden;
  }
  
  .bluebox220 li {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    border-bottom: 1px solid #54a3cd;
    padding: 3px 0 7px;
    margin-bottom: 2px;
  }
  
  .bluebox220 li.last {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
  }
  
  .bluebox220 li span {
    font-size: 24px;
  }
  
  .bluebox220 li strong {
    float: left;
    width: 106px;
  }
  
  /*chartbox*/
  .chartbox {
    width: 900px;
    margin: 0 auto;
  }
  
  .chartbox .box-in {
    width: 838px;
    padding: 15px 30px;
  }
  
  .chartbox h3 {
    margin: 10px 0 40px;
  }
  
  /*******************************
    POPUPS
    *******************************/
  .popup_block {
    display: none;
  }
  
  .popup-title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
  }
  
  .popup-title h2 {
    margin-bottom: 13px;
  }
  
  .staff-popup {
    padding: 20px;
    width: 555px;
  }
  
  .staff-popup .rimg10 {
    float: left;
    margin: 3px 20px 10px 0;
  }
  
  .staff-popup h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 7px;
  }
  
  .staff-popup h3 span {
    font-weight: 400;
    font-size: 13px;
    display: block;
  }
  
  .staff-popup h4 {
    color: #333;
    font-weight: 400;
  }
  
  .staff-popup .line {
    width: 310px;
    margin-left: 240px;
    margin-top: 10px;
    padding-bottom: 10px;
  }
  
  .staff-popup p {
    line-height: 22px;
  }
  
  #cartpopup {
    width: 800px;
    padding: 20px 25px;
  }
  
  #cartpopup .cart-head,
  #cartpopup .cart-table-head,
  #cartpopup .cart-table-submit,
  #cartpopup .cart-table-total {
    width: 100%;
    overflow: hidden;
  }
  
  #cartpopup .cart-head h2 {
    float: left;
    background: url(../images/bgr-cartico-big.png) no-repeat;
    padding-left: 50px;
    line-height: 43px;
  }
  
  #cartpopup .cart-head p {
    float: right;
    text-align: right;
    font-size: 14px;
  }
  
  #cartpopup .cart-head p strong {
    clear: right;
    font-size: 16px;
    display: block;
  }
  
  #cartpopup .cart-table-head,
  #cartpopup .cart-table-total {
    background: url(../images/box-carthead.png) no-repeat;
    width: 800px;
    height: 44px;
  }
  
  #cartpopup .cart-table-head li,
  #cartpopup .cart-table-total li {
    font-size: 16px;
    padding-left: 18px;
    line-height: 44px;
    float: left;
  }
  
  #cartpopup .cart-table-total li {
    font-weight: 700;
    font-size: 20px;
  }
  
  #cartpopup .cart-table-total {
    margin-bottom: 15px;
  }
  
  #cartpopup .w-525 {
    width: 507px;
  }
  
  #cartpopup .w-100 {
    width: 82px;
  }
  
  #cartpopup .w-175 {
    width: 157px;
  }
  
  #cartpopup .w-96 {
    width: 96px;
  }
  
  #cartpopup .w-400 {
    width: 372px;
    padding-right: 18px;
  }
  
  #cartpopup table {
    width: 100%;
  }
  
  #cartpopup table td {
    vertical-align: top;
    padding: 15px 0 15px 18px;
    text-align: left;
  }
  
  #cartpopup table td.td-vertmiddle {
    vertical-align: middle;
    width: 78px;
  }
  
  #cartpopup table td.td-vertmiddle-price {
    vertical-align: middle;
  }
  
  #cartpopup table td.td-border {
    border-left: 1px solid #e5e5e5;
  }
  
  #cartpopup table .trdark td {
    background-color: #f7f7f7;
  }
  
  #cartpopup table .half_li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px;
  }
  
  #cartpopup table .half_li li {
    width: 47%;
    float: left;
    padding-bottom: 0;
  }
  
  #cartpopup .planlist {
    width: 100%;
    float: left;
    margin-bottom: 5px;
  }
  
  #cartpopup .planlist li {
    float: left;
    width: 100%;
    color: #333;
    padding-bottom: 3px;
  }
  
  #cartpopup .planlist .d-t {
    font-weight: 700;
    width: 95px;
    clear: left;
    float: left;
  }
  
  #cartpopup .planlist .d-d {
    width: 270px;
    float: left;
  }
  
  #cartpopup .cart-table-submit .pinklnk,
  #cartpopup .cart-table-submit .pinklnk:visited {
    float: right;
    line-height: 32px;
  }
  
  #cartpopup .cart-table-submit .btn-pink32,
  #cartpopup .cart-table-submit .btn-pink32:visited {
    float: right;
    margin-left: 10px;
  }
  
  #popup_newsletter {
    padding: 20px 30px;
    width: 585px;
    height: 370px;
    overflow: hidden !important;
  }
  
  #popup_changepass {
    padding: 20px 30px;
    width: 339px;
    height: 235px;
    overflow: hidden !important;
  }
  
  #popup_editpicture {
    padding: 20px 30px;
    width: 530px;
    height: 260px;
    overflow: hidden !important;
  }
  
  /*******************************
    LISTS
    *******************************/
  .imglist {
    width: 100%;
    overflow: hidden;
  }
  
  .imglist li {
    float: left;
    margin: 10px 10px 3px 0;
  }
  
  .imglist li a {
    clear: left;
    float: left;
    font-size: 12px;
  }
  
  .imglist li strong {
    display: block;
  }
  
  .grayboxnoborder li {
    margin: 11px 0 11px 11px;
  }
  
  .grayboxnoborder li .rimg-border5 {
    margin: 0 0 5px;
  }
  
  .list-share-print li,
  .list-download li {
    float: left;
    color: #b4b4b4;
    font-size: 14px;
    padding: 17px 10px 17px 0;
  }
  
  .list-share-print:before {
    content: "";
    display: table;
    width: 100%;
    clear: both;
  }
  
  .list-download h3 {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin-left: 5px;
  }
  
  .planlist li {
    display: inline;
    color: #666;
    padding-right: 10px;
  }
  
  .list-download li {
    float: left;
    line-height: 20px;
    padding-left: 10px;
  }
  
  .list-download img {
    float: left;
    margin: 0 7px 0 0;
  }
  
  .list-download a,
  .list-download a:visited {
    display: inline-block;
  }
  
  .lnklist {
    width: 100%;
    overflow: hidden;
  }
  
  .lnklist li {
    float: left;
    padding-right: 20px;
  }
  
  .lnklist-bold {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
  }
  
  .lnklist-bold li {
    padding-right: 10px;
    font-weight: 700;
    float: left;
  }
  
  .actionbox {
    width: 100%;
    overflow: hidden;
  }
  
  .actionbox .lnklist-bold {
    width: auto;
    float: right;
  }
  
  .tabbox .tabcontent-items .lnklist-bold {
    margin-bottom: 0;
  }
  
  .investorlist {
    width: 100%;
    overflow: hidden;
  }
  
  .investorlist li {
    float: left;
    width: 142px;
    margin: 0 17px 0 0;
  }
  
  .investorlist .masked {
    background-color: #fff;
    width: 142px;
    height: 107px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 7px;
  }
  
  .investorlist li strong {
    display: block;
  }
  
  .mgallery {
    margin-bottom: 2px;
    overflow: hidden;
    width: 100%;
  }
  
  .mgallery li {
    float: left;
    margin: 0 10px 0 0;
  }
  
  .medialist {
    width: 100%;
    overflow: hidden;
  }
  
  .medialist .masked {
    margin-bottom: 10px;
    position: relative;
  }
  
  .medialist h5,
  .medialist h5 a,
  .medialist h5 a:visited {
    font-size: 13px;
  }
  
  .medialist h5 span {
    display: block;
    font-weight: 400;
  }
  
  .medialist li {
    float: left;
    width: 140px;
    padding-right: 20px;
    height: 166px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 10px;
  }
  
  .twocol-box-main-sidebar .medialist li {
    margin: 0 0 24px;
  }
  
  /*graybulletlist*/
  .graybulletlist {
    width: 100%;
    padding-top: 5px;
  }
  
  .graybulletlist li {
    background: url(../images/bgr-smalldot.png) no-repeat 0 6px;
    padding: 0 0 5px 10px;
  }
  
  /*greenbulletlist*/
  .greenbulletlist {
    margin-bottom: 20px;
  }
  
  .greenbulletlist li {
    background: url(../images/bgr-greendot.png) no-repeat 0 8px;
    padding-left: 10px;
    line-height: 22px;
    color: #008967;
    font-weight: 700;
  }
  
  /*grayarrowlist*/
  .grayarrowlist li {
    background: url(../images/bgr-grayarrow-dark.png) no-repeat 0 4px;
    padding-left: 12px;
  }
  
  /*greenlist*/
  .greenlist li {
    line-height: 22px;
    color: #008967;
    font-weight: 700;
  }
  
  /*numberlist*/
  .numberlist {
    padding-left: 20px;
  }
  
  .numberlist li {
    list-style: decimal;
  }
  
  /*******************************
    TABLES
    *******************************/
  table .tlast {
    border-right: none !important;
  }
  
  /*.tbl*/
  .tbl td {
    padding: 8px 20px;
    border-bottom: 1px solid #a6dcce;
    font-size: 15px;
  }
  
  .tbl .trdark td {
    background-color: #d3eee7;
  }
  
  .tbl .trlast td {
    border: none;
  }
  
  .tbl .btn-gray32,
  .tbl .btn-pink32 {
    margin: 10px 10px 0 0;
  }
  
  .tbl-withtitle th {
    background-color: #a6dcce;
    border-right: 1px solid #fff;
    color: #333;
    vertical-align: bottom;
    text-align: left;
    padding: 10px 10px 10px 20px;
    font-size: 15px;
  }
  
  .tbl-withtitle td {
    border-right: 1px solid #99d7c7;
    background-color: #fff;
    text-align: left;
    padding: 8px 10px 8px 20px;
    vertical-align: top;
  }
  
  .tbl-withtitle .trlight td {
    background-color: #ebf7f4;
  }
  
  .tbl-withtitle .trline td {
    border-bottom: 1px solid #7fcdb9;
  }
  
  .tbl-withtitle .trline h4 {
    float: left;
    margin-right: 15px;
  }
  
  .tbl-withtitle .trtitle th {
    background-color: #009b74;
  }
  
  .tbl-withtitle .trtitle h2 {
    margin: 0;
    color: #fff;
  }
  
  .tbl-withtitle .ez-checked {
    margin: 3px;
  }
  
  .tbl-lesspadd th,
  .tbl-lesspadd td {
    padding-left: 10px;
  }
  
  .tbl-lesspadd td:first-child {
    white-space: nowrap;
  }
  
  .tbl-withtitle td.t100 {
    width: 70px;
    text-align: right;
    padding-right: 20px;
  }
  
  .tbl-withtitle th.t100 {
    text-align: center;
  }
  
  /*tblfitered*/
  .tblfitered th {
    background-color: #e8e6e6;
    padding: 12px 10px;
    vertical-align: top;
  }
  
  .tblfitered td {
    background: url(../images/bgr-tableline.png) no-repeat 50% 100%;
    padding: 9px;
    vertical-align: middle;
  }
  
  .tblfitered td.tdfirst {
    background-position: 0 100%;
    padding-left: 20px;
  }
  
  .tblfitered td.tdlast {
    background-position: 100% 100%;
    padding-right: 20px;
    text-align: right;
  }
  
  .tblfitered .trlast td {
    background: none;
  }
  
  .tblfitered .trtotal td {
    background: #f3f3f3 none;
    font-size: 14px;
    text-align: center;
    border-width: 1px 0;
    border-style: solid;
    border-color: #ccc;
  }
  
  /*tbl-congrats*/
  .tbl-congrats th {
    background-color: #a6dcce;
    font-size: 15px;
    padding: 11px 20px;
    text-align: left;
  }
  
  .tbl-congrats .trfoot th {
    font-size: 20px;
  }
  
  .tbl-congrats th.thhasb {
    border-left: 1px solid #fff;
  }
  
  .tbl-congrats td {
    font-size: 15px;
    padding: 15px 20px;
    text-align: left;
    line-height: 18px;
  }
  
  .tbl-congrats td.tdhasb {
    border-left: 1px solid #99d7c7;
  }
  
  .tbl-congrats .trwhite td {
    background-color: #fff;
  }
  
  .tbl-congrats .tdright {
    text-align: right;
  }
  
  /*tblweather*/
  .tblweather {
    width: 266px;
    margin: 11px;
  }
  
  .tblweather td {
    font-size: 14px;
    padding: 2px 0 8px;
  }
  
  .tblweather .trline td {
    border-bottom: 1px solid #ccc;
    text-align: left;
  }
  
  .tblweather .trdays td {
    width: 38px;
    text-align: center;
    padding: 11px 0 0;
  }
  
  .tblweather .wimg {
    float: left;
    width: 62px;
  }
  
  .tblweather .wdetails {
    padding: 0 0 0 15px;
    height: 45px;
    margin-left: 13px;
    border-left: 1px solid #ccc;
  }
  
  .tblweather .deg {
    font-size: 32px;
    color: #848484;
  }
  
  .tbl-grayrows {
    margin-bottom: 10px;
  }
  
  .tbl-grayrows td {
    padding: 6px 10px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e3e3e3;
    font-weight: 700;
    line-height: 16px;
  }
  
  .tbl-grayrows td.tddcol-1 {
    width: 122px;
  }
  
  .tbl-grayrows td.tddcol-2 {
    width: 165px;
  }
  
  .tbl-grayrows .trgray td {
    background-color: #efefef;
  }
  
  .tbl-grayrows .trdarkgray td {
    background-color: #e7e7e7;
    border-color: #dedede;
  }
  
  #s4-workspace .tblgreen, #s4-workspace .tblgreen * {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  
  .tblgreen th {
    background-color: #009b74;
    border-right: 1px solid #fff;
    color: #fff;
    vertical-align: bottom;
    text-align: left;
    padding: 6px 5px 10px 15px;
  }
  
  .tblgreen th span {
    font-weight: 400;
    display: block;
  }
  
  .tblgreen td {
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #dadada;
    background-color: #fff;
    text-align: left;
    padding: 8px 5px 8px 15px;
  }
  
  @media (max-width: 969px) {
    .tblgreen td {
      padding: 8px 5px;
    }
  }
  
  .tbl-divident .trlast td {
    border-bottom: none;
    padding-bottom: 0;
  }
  
  .tbl-report {
    width: 100%;
  }
  
  .tbl-report th {
    font-size: 14px;
    color: #fff;
    background-color: #5eb6e4;
    border-left: 1px solid #8fccec;
    padding: 4px 0 9px;
  }
  
  .tbl-report th.thfirst {
    border-left: none;
  }
  
  .tbl-report td {
    background-color: #fff;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #ccc;
    padding: 11px 0;
    text-align: center;
    vertical-align: middle;
  }
  
  .tbl-report td.td-darkgray {
    background-color: #eee;
    font-weight: 700;
    padding: 0 5px;
    border-left: none;
  }
  
  .tbl-report td.td-l {
    text-align: left;
    padding-left: 15px;
  }
  
  .tbl-report td.td-nob,
  .tbl-report td.tdfirst {
    border-left: none;
  }
  
  .tbl-report .break {
    display: block;
    padding: 3px;
  }
  
  .tbl-report .empty {
    height: 21px;
    display: block;
  }
  
  .tbl-report .trlight td {
    background-color: #eee;
    font-weight: 700;
  }
  
  .tbl-report .trtotal td {
    font-weight: 700;
    font-size: 16px;
  }
  
  .subrow .tbl-report td.td-darkgray {
    font-size: 16px;
  }
  
  .financial-report .tbl-report th {
    padding: 4px 20px 12px;
  }
  
  .financial-report .tbl-report td {
    text-align: left;
    padding: 11px 10px 11px 20px;
  }
  
  .financial-report .tbl-report td.td-nob {
    padding-left: 0;
  }
  
  .tbl-share .tdlight {
    background-color: #f2f2f2;
    font-weight: 700;
  }
  
  .tbl-share td {
    border-bottom: 1px solid #e6e6e6;
    padding: 6px 10px;
  }
  
  .tbl-share .trlast td {
    border-bottom: none;
  }
  
  .col-300 .sharebox .tdlight {
    width: 90px;
  }
  
  .col-380 .sharebox .tbl-share td.tdlight {
    width: 50%;
    padding-left: 10px;
  }
  
  .col-380 .sharebox .tbl-share td {
    padding-left: 85px;
  }
  
  /*******************************
    BUTTONS
    *******************************/
  .lnk,
  .lnk:visited {
    background: url(../images/bgr-pinkarrrow.png) no-repeat 100% 59%;
    padding-right: 10px;
    float: left;
    font-weight: 700;
  }
  
  .pdf,
  .pdf:visited {
    background: url(../images/ico-pdf.png) no-repeat;
    padding-left: 25px;
    line-height: 20px;
    height: 21px;
    display: inline-block;
  }
  
  .print {
    background: url(../images/btn-share-print.png) no-repeat;
    margin: 0 auto;
    display: block;
    width: 20px;
    height: 17px;
  }
  
  .PrinttoPDF {
    background: url(../images/pdfIcon.png) no-repeat;
    height: 23px;
    width: 23px;
    position: absolute;
    top: -3px;
    left: 307px;
  }
  
  .xls,
  .xls:visited {
    background: url(../images/ico-xls.png) no-repeat;
    padding-left: 25px;
    line-height: 20px;
    height: 21px;
    display: inline-block;
  }
  
  .view,
  .view:visited {
    background: url(../images/ico-magnifier.png) no-repeat;
    padding-left: 17px;
    height: 17px;
    display: inline-block;
    margin: 0 8px;
  }
  
  /*btn-pink*/
  /*btn-white*/
  .btn-pink,
  .btn-pink:visited,
  .btnwhite,
  .btnwhite:visited,
  .btnwhiteborder,
  .btnwhiteborder:visited {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 10px;
    float: left;
    height: 27px;
    line-height: 26px;
  }
  
  .btn-pink span,
  .btnwhite span,
  .btnwhiteborder span {
    padding-right: 10px;
    display: inline-block;
    height: 27px;
  }
  
  .btn-pink span span,
  .btnwhite span span,
  .btnwhiteborder span span {
    padding: 0;
  }
  
  .btn-pink span span input,
  .btnwhite span span input,
  .btnwhiteborder span span input {
    background: none;
    border: none;
    font-size: 14px;
    height: 27px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    overflow: visible;
    float: left;
  }
  
  /*normal*/
  .btn-pink,
  .btn-pink:visited {
    background: url(../images/btn-pink.png) no-repeat;
    color: #fff;
  }
  
  .btn-pink span {
    background: url(../images/btn-pink.png) no-repeat 100% -27px;
  }
  
  .btn-pink span span {
    background: url(../images/btn-pink.png) repeat-x 0 -54px;
  }
  
  .btn-pink span span input {
    color: #fff;
  }
  
  /*hover*/
  .btn-pink:hover {
    background: url(../images/btn-white.png) no-repeat;
    color: #d60f84;
  }
  
  .btn-pink:hover span {
    background: url(../images/btn-white.png) no-repeat 100% -27px;
  }
  
  .btn-pink:hover span span {
    background: url(../images/btn-white.png) repeat-x 0 -54px;
  }
  
  .btn-pink:hover span span input {
    color: #d60f84;
  }
  
  /*normal*/
  .btnwhite,
  .btnwhite:visited {
    background: url(../images/btn-white.png) no-repeat;
    color: #d60f84;
  }
  
  .btnwhite span {
    background: url(../images/btn-white.png) no-repeat 100% -27px;
  }
  
  .btnwhite span span {
    background: url(../images/btn-white.png) repeat-x 0 -54px;
  }
  
  .btnwhite span span input {
    color: #d60f84;
  }
  
  /*hover*/
  .btnwhite:hover {
    background: url(../images/btn-pink.png) no-repeat;
    color: #fff;
  }
  
  .btnwhite:hover span {
    background: url(../images/btn-pink.png) no-repeat 100% -27px;
  }
  
  .btnwhite:hover span span {
    background: url(../images/btn-pink.png) repeat-x 0 -54px;
  }
  
  .btnwhite:hover span span input {
    color: #fff;
  }
  
  /*normal*/
  .btnwhiteborder,
  .btnwhiteborder:visited {
    background: url(../images/btn-whiteborder.png) no-repeat;
    color: #d60f84;
  }
  
  .btnwhiteborder span {
    background: url(../images/btn-whiteborder.png) no-repeat 100% -27px;
  }
  
  .btnwhiteborder span span {
    background: url(../images/btn-whiteborder.png) repeat-x 0 -54px;
  }
  
  .btnwhiteborder span span input {
    color: #d60f84;
  }
  
  /*hover*/
  .btnwhiteborder:hover {
    background: url(../images/btn-pink.png) no-repeat;
    color: #fff;
  }
  
  .btnwhiteborder:hover span {
    background: url(../images/btn-pink.png) no-repeat 100% -27px;
  }
  
  .btnwhiteborder:hover span span {
    background: url(../images/btn-pink.png) repeat-x 0 -54px;
  }
  
  .btnwhiteborder:hover span span input {
    color: #fff;
  }
  
  /*btn-gray32*/
  /*btn-pink32*/
  .btn-gray32,
  .btn-gray32:visited,
  .btn-pink32,
  .btn-pink32:visited {
    height: 32px;
    line-height: 33px;
    font-size: 14px;
    padding-left: 10px;
    float: left;
    text-transform: uppercase;
  }
  
  .btn-gray32 span,
  .btn-pink32 span {
    padding-right: 10px;
    display: inline-block;
    height: 32px;
  }
  
  .btn-gray32 span span,
  .btn-pink32 span span {
    padding: 0;
    text-align: center;
  }
  
  .btn-gray32 span span input,
  .btn-pink32 span span input {
    font-size: 14px;
    text-transform: uppercase;
    height: 32px;
    line-height: 32px;
    background: none;
    overflow: visible;
  }
  
  /*normal*/
  .btn-gray32,
  .btn-gray32:visited {
    background: url(../images/btn-gray32.png) no-repeat;
    color: #cf0972;
  }
  
  .btn-gray32 span {
    background: url(../images/btn-gray32.png) no-repeat 100% -32px;
  }
  
  .btn-gray32 span span {
    background: url(../images/btn-gray32.png) repeat-x 0 -64px;
    padding: 0;
  }
  
  .btn-gray32 span span input {
    color: #cf0972;
  }
  
  /*hover*/
  .btn-gray32:hover {
    background: url(../images/btn-pink32.png) no-repeat;
    color: #fff;
  }
  
  .btn-gray32:hover span {
    background: url(../images/btn-pink32.png) no-repeat 100% -32px;
  }
  
  .btn-gray32:hover span span {
    background: url(../images/btn-pink32.png) repeat-x 0 -64px;
  }
  
  .btn-gray32:hover span span input {
    color: #fff;
  }
  
  /*normal*/
  .btn-pink32,
  .btn-pink32:visited {
    background: url(../images/btn-pink32.png) no-repeat;
    color: #fff;
  }
  
  .btn-pink32 span {
    background: url(../images/btn-pink32.png) no-repeat 100% -32px;
  }
  
  .btn-pink32 span span {
    background: url(../images/btn-pink32.png) repeat-x 0 -64px;
  }
  
  .btn-pink32 span span input {
    color: #fff;
  }
  
  /*hover*/
  .btn-pink32:hover {
    background: url(../images/btn-gray32.png) no-repeat;
    color: #cf0972;
  }
  
  .btn-pink32:hover span {
    background: url(../images/btn-gray32.png) no-repeat 100% -32px;
  }
  
  .btn-pink32:hover span span {
    background: url(../images/btn-gray32.png) repeat-x 0 -64px;
    padding: 0;
  }
  
  .btn-pink32:hover span span input {
    color: #cf0972;
  }
  
  .btn-puk span span span {
    background: url(../images/bgr-puk.png) no-repeat 0 9px;
    padding-left: 18px;
  }
  
  .btn-puk:hover span span span {
    background: url(../images/bgr-puk.png) no-repeat 0 -27px;
  }
  
  .btn-key span span span {
    background: url(../images/bgr-key.png) no-repeat 0 9px;
    padding-left: 18px;
  }
  
  .btn-key:hover span span span {
    background: url(../images/bgr-key.png) no-repeat 0 -27px;
  }
  
  .btnsmshistory span span span {
    background: url(../images/bgr-smshistory.png) no-repeat 100% 11px;
    padding-right: 15px;
  }
  
  .btnsmshistory:hover span span span {
    background: url(../images/bgr-smshistory.png) no-repeat 100% -89px;
  }
  
  .btnsmshistory-open span span span {
    background: url(../images/bgr-smshistory.png) no-repeat 100% -33px;
  }
  
  .btnsmshistory-open:hover span span span {
    background: url(../images/bgr-smshistory.png) no-repeat 100% -134px;
  }
  
  /*btn-pinkbig*/
  .btn-pinkbig,
  .btn-pinkbig:visited {
    background: url(../images/btn-pinkbig.png) no-repeat;
    height: 35px;
    line-height: 35px;
    font-size: 21px;
    color: #fff;
    padding-left: 10px;
    float: left;
    text-transform: uppercase;
  }
  
  .btn-pinkbig span {
    background: url(../images/btn-pinkbig.png) no-repeat 100% -35px;
    padding-right: 10px;
    display: inline-block;
    height: 35px;
  }
  
  .btn-pinkbig span span {
    background: url(../images/btn-pinkbig.png) repeat-x 0 -70px;
    padding: 0;
  }
  
  .btn-pinkbig span span input {
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
    height: 35px;
    line-height: 35px;
    background: none;
  }
  
  /**/
  .btn-follow,
  .btn-follow:visited {
    height: 27px;
    line-height: 26px;
    padding-left: 10px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    background: url(../images/btn-follow.png) no-repeat;
    width: 93px;
    font-size: 14px;
    text-transform: uppercase;
  }
  
  /**/
  .printBTN,
  .printBTN:visited,
  .btn-print,
  .btn-print:visited,
  .btn-share,
  .btn-share:visited {
    background: url(../images/btn-share-print.png) no-repeat;
    padding-left: 20px;
    overflow: visible;
  }
  
  .btn-share,
  .btn-share:visited {
    background-position: 0 -34px;
  }
  
  .printBTN:hover,
  .btn-print:hover,
  .btn-share:hover {
    color: #cf0972;
    overflow: visible;
  }
  
  .btngo {
    background: url(../images/btn-go.png) no-repeat;
    width: 53px;
    height: 32px;
    border: none;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    line-height: 32px;
    text-align: center;
  }
  
  .btn-add {
    background: url(../images/btn-add.png) no-repeat;
    width: 30px;
    height: 29px;
    float: left;
  }
  
  .btn-add:hover {
    background-position: 0 -29px;
  }
  
  .btn-delete {
    background: url(../images/btn-delete.png) no-repeat;
    width: 22px;
    height: 21px;
    float: left;
  }
  
  .btn-delete:hover {
    background-position: 0 -21px;
  }
  
  .btn-deletepink {
    background: url(../images/btn-delete.png) no-repeat 0 -21px;
    width: 22px;
    height: 21px;
    float: left;
  }
  
  .btn-deletepink:hover {
    background-position: 0 0;
  }
  
  .btn-openclose {
    background: url(../images/bgr-plusminus.png) no-repeat;
    width: 23px;
    height: 23px;
    float: left;
  }
  
  .btn-openclose:hover {
    background-position: 0 100%;
  }
  
  /*### CETVRTI DEO ###*/
  .req {
    color: #069e78;
    font-weight: 700;
    font-size: 22px;
    font-family: 'Nunito Sans', Arial;
    padding: 0 2px;
  }
  
  .reqbig {
    background: url(../images/ico-mandatory.png) no-repeat 50% 50%;
    padding: 0 5px;
  }
  
  .select-380 {
    width: 400px;
  }
  
  .select-250 {
    width: 270px;
  }
  
  .select-240 {
    width: 257px;
  }
  
  .select-210 {
    width: 230px;
  }
  
  .select-160 {
    width: 180px;
  }
  
  .select-80 {
    width: 100px;
  }
  
  .select-70 {
    width: 95px;
  }
  
  .select-65 {
    width: 82px;
  }
  
  .select-50 {
    width: 50px;
  }
  
  .s-day {
    width: 55px;
  }
  
  .s-month {
    width: 100px;
  }
  
  .s-year {
    width: 66px;
  }
  
  /*frmsurvey*/
  .frmsurvey {
    width: 100%;
    overflow: hidden;
  }
  
  .frmsurvey ul {
    overflow: hidden;
  }
  
  .frmsurvey .frmul li {
    padding: 5px 0 6px;
  }
  
  .frmsurvey li label {
    line-height: 19px;
  }
  
  .frmsurvey .line {
    margin-top: 2px;
    padding-bottom: 7px;
  }
  
  /*frmnewsletter*/
  .frmnewsletter li {
    font-size: 14px;
    padding-bottom: 5px;
  }
  
  .frmnewsletter label {
    line-height: 20px;
  }
  
  .frmnewsletter .graybox-585 label {
    line-height: 30px;
    padding-right: 15px;
  }
  
  .frmnewsletter .graybox-585 li.al {
    width: 275px;
  }
  
  .frmnewsletter .halflist {
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #fff;
  }
  
  .frmnewsletter .halflist li {
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    width: 290px;
  }
  
  .frmnewsletter .halflist .li_full {
    border: none;
    padding: 15px 0 0;
  }
  
  .frmnewsletter .ez-checkbox {
    background-image: url(../images/bgr-checkbox-newsletter.png);
    margin: 3px 10px 0 0;
    width: 19px;
    height: 15px;
  }
  
  .frmpassword li {
    padding-bottom: 15px;
  }
  
  .frmpassword h2 {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
  }
  
  .frmpassword label {
    line-height: 30px;
    width: 135px;
  }
  
  .frmpassword .btn-pink32 {
    margin-left: 135px;
  }
  
  .frmreport {
    width: 100%;
    clear: left;
    float: left;
    padding: 10px 0;
  }
  
  .frmreport li.al {
    padding-right: 8px;
  }
  
  .frmreport .btn-pink {
    margin-top: 1px;
  }
  
  .report .selectwhite .jqTransformSelectWrapper div span {
    padding-left: 5px;
    letter-spacing: -.025em;
  }
  
  .report .selectwhite .jqTransformSelectWrapper ul a {
    padding: 3px 5px;
  }
  
  /*frmsearchjob*/
  .frmsearchjob {
    background: url(../images/bgr-searchjob.png) no-repeat;
    width: 190px;
    height: 27px;
  }
  
  .frmsearchjob li {
    float: left;
  }
  
  .frmsearchjob input[type=text] {
    background: none;
    height: 27px;
    padding: 5px 10px;
    width: 140px;
  }
  
  .frmsearchjob input[type=submit] {
    border: none;
    background: none;
    height: 27px;
    width: 30px;
  }
  
  /*frmverification*/
  .frmaccount li {
    padding-bottom: 15px;
  }
  
  .frmaccount label {
    padding-right: 15px;
  }
  
  .frmaccount .halflist .frmsub {
    width: 100%;
    clear: left;
    padding: 10px 0;
  }
  
  .frmaccount .halflist ul li {
    width: auto;
  }
  
  .frmaccount .halflist ul li label {
    font-weight: 400;
  }
  
  /*frmpayment-method*/
  .frmpayment-method li {
    padding-bottom: 15px;
  }
  
  .frmaccount .li_greenline {
    padding-bottom: 0;
  }
  
  .frmpayment-method .btn-pink32,
  .frmpayment-method .btn-gray32 {
    margin: 0 10px 0 0;
  }
  
  .frmpayment-method .frmsub {
    padding-left: 20px;
  }
  
  .frmpayment-method .frmsub .al {
    line-height: 30px;
    padding: 0 20px 0 10px;
  }
  
  .frmpayment-method .frmsub li,
  .frmpay .frmsub li {
    float: left;
    width: auto;
    padding-bottom: 0;
  }
  
  .frmpayment-method .frmsub .rd {
    margin-top: 15px;
    float: left;
  }
  
  .frmpayment-method .frmsub label {
    padding: 0 20px 5px 0;
  }
  
  .frmpayment-method .radio-place {
    float: left;
    width: 20px;
    padding: 1px;
  }
  
  .frmpayment-method .nr {
    font-size: 13px;
  }
  
  .frmpay li {
    padding-bottom: 10px;
  }
  
  .frmpay h2 {
    margin-bottom: 15px;
  }
  
  .frmpay li label {
    float: left;
    width: 155px;
    line-height: 30px;
  }
  
  .frmpay .frmsub {
    padding-left: 20px;
  }
  
  .frmpay .frmsub .al {
    line-height: 30px;
    padding: 0 20px 0 10px;
  }
  
  .frmpay .frmsub label {
    padding: 0 20px 0 0;
    width: auto;
    line-height: normal;
  }
  
  .frmpay select {
    width: 98px;
  }
  
  .frmpay .jqTransformSelectWrapper {
    margin-right: 40px;
  }
  
  .frmpay .powered {
    position: absolute;
    right: 0;
    top: 85px;
  }
  
  .frmfilter li {
    width: auto;
    float: left;
    padding-right: 10px;
  }
  
  .frmfilter .jqTransformSelectWrapper {
    margin-top: -4px;
  }
  
  .frmfilter .frmsub {
    width: 100%;
    overflow: hidden;
    margin-bottom: 18px;
  }
  
  .frmfilter .frmsub label {
    padding-right: 25px;
  }
  
  .frmfilter .input_100 {
    background: url(../images/input_100x30.png) no-repeat;
    width: 80px;
    height: 16px;
    padding: 7px 10px;
    border: none;
    float: left;
  }
  
  .frmfilter .frmdate {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
  }
  
  .frmfilter .frmdate li {
    line-height: 30px;
    float: left;
  }
  
  .frmfilter .frmdate img {
    float: left;
    margin: 5px 15px 5px 4px;
  }
  
  .frmfilter .frmdate .lnk {
    margin-left: 8px;
  }
  
  .frmlocation {
    width: 100%;
    height: 45px;
  }
  
  .frmlocation li {
    float: left;
    padding: 0 5px;
  }
  
  .frmlocation label {
    line-height: 27px;
    font-weight: 700;
  }
  
  .frmlocation select {
    width: 197px;
  }
  
  .frmlocation .btngo {
    margin-top: -1px;
  }
  
  /*.frmpayment*/
  .frmpayment li {
    padding-bottom: 15px;
  }
  
  .frmpayment li.li-btn {
    padding: 0 0 0 130px;
    width: auto;
  }
  
  .frmpayment label {
    width: 130px;
    line-height: 30px;
  }
  
  .frmchart label {
    letter-spacing: -.025em;
    float: left;
  }
  
  .frmchart label.lbl-12 {
    font-size: 12px;
    line-height: 20px;
  }
  
  .frmchart label.lbl-bold {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
  }
  
  .frmchart .daterow input {
    background: url(../images/bgr-input113.png) no-repeat;
    width: 93px;
    height: 17px;
    padding: 4px 10px;
    border: none;
    float: left;
    font-size: 13px;
    color: #666;
  }
  
  .frmchart .daterow label {
    font-size: 13px;
    float: left;
    line-height: 24px;
    width: 35px;
  }
  
  .frmchart .daterow .ui-datepicker-trigger {
    float: left;
    margin-left: 7px;
  }
  
  .frmpuk {
    margin-top: 10px;
  }
  
  .frmpuk label {
    line-height: 30px;
    padding-right: 10px;
  }
  
  .frmprofileimage .filebox {
    float: left;
    width: 320px;
    padding-right: 30px;
  }
  
  .frmprofileimage .filebox p {
    font-size: 12px;
    padding-top: 5px;
    clear: left;
  }
  
  .frmprofileimage .filebox .infobox {
    float: right;
  }
  
  .frmprofileimage .btn-pink32 {
    margin-left: 13px;
  }
  
  .frmsms textarea {
    background: url(../images/bgr-tearea-sms.png) no-repeat;
    width: 259px;
    height: 120px;
    padding: 5px 10px;
  }
  
  /*******************************
    FORMS CHECKBBOX
    *******************************/
  .ez-hide {
    opacity: 0;
    filter: alpha(opacity=0);
    float: left;
    margin: 1px;
  }
  
  .ez-checkbox {
    background: transparent url(../images/bgr-checkbox.png) 0 0 no-repeat;
    display: block;
    float: left;
    margin: 3px 5px 0 0;
    width: 15px;
    height: 15px;
  }
  
  .ez-radio {
    background: transparent url(../images/bgr-radiobuton.png) 0 0 no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    float: left;
    margin: 1px 5px 0 0;
  }
  
  .ez-checkbox,
  .ez-radio {
    zoom: 1;
    *display: inline;
    _height: 30px;
  }
  
  .ez-checked {
    background-position: 0 100%;
  }
  
  .ez-selected {
    background-position: 0 -35px;
  }
  
  /*******************************
    TABS
    *******************************/
  .widget {
    width: 100%;
    overflow: hidden;
    float: left;
  }
  
  /************************************************************************************************************************
      Custom Development Sharepoint 2013
    ************************************************************************************************************************/
  /*******************************
    CLEARFIX HACK
    *******************************/
  .clr_15 {
    clear: both;
    margin-bottom: 15px;
  }
  
  .clr-l {
    clear: left;
  }
  
  .clr-r {
    clear: right;
  }
  
  .cfix {
    clear: both;
  }
  
  .FontResizeControl {
    margin-right: 0;
    float: right;
  }
  
  /*********************************
      Banner with button
    *********************************/
  a img {
    border: none;
  }
  
  #main_ads_container {
    width: 940px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    /*rounded corners*/
    border-radius: 26px 26px 28px 28px;
  }
  
  .ads_container {
    width: 940px;
    overflow: hidden;
    position: relative;
    display: none;
    /*rounded corners*/
    border-radius: 26px 26px 28px 28px;
    z-index: 0;
  }
  
  #survey {
    position: absolute;
    top: 32px;
    left: -14px;
    z-index: 500;
  }
  
  #pausePlayImg {
    /*bottom: 33px;*/
    bottom: 40px;
    left: 50px;
    position: absolute;
    z-index: 500;
  }
  
  #ads {
    z-index: 100;
  }
  
  .ads_container div.ad {
    width: 940px !important;
    height: 480px;
    display: block;
    position: relative;
    /*rounded corners*/
    border-radius: 26px 26px 28px 28px;
  }
  
  .ads_container div.ad-940x350 {
    width: 940px !important;
    height: 350px;
    display: block;
    position: relative;
  }
  
  /* Pagination (the dots) */
  .pagination {
    bottom: 45px;
    position: absolute;
    width: 200px;
    z-index: 510;
    left: 80px;
    padding: 0;
    margin: 0;
  }
  
  .pagination li {
    float: left;
    list-style: none;
    width: 13px;
    height: 13px;
    overflow: hidden;
    cursor: pointer;
    margin-right: 3px;
  }
  
  .pagination li a {
    display: block;
    width: 13px;
    height: 0;
    padding-top: 13px;
    background-image: url(../images/bgr-pagerdots.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
  }
  
  .pagination li.current a {
    background-position: -19px 0;
  }
  
  div.ads_container div.ad div.text-box {
    position: absolute;
    bottom: 80px;
    left: 50px;
    width: 430px;
    overflow: hidden;
    /*rounded corners*/
    border-radius: 26px 26px 28px 28px;
  }
  
  div.ads_container div.ad-940x350 div.text-box {
    position: absolute;
    bottom: 80px;
    left: 50px;
    width: 430px;
    overflow: hidden;
  }
  
  .ad_main_text {
    font-size: 33pt;
    color: #fff;
    /*font-family: avenir-reg;*/
    display: block;
    line-height: 100%;
    margin-bottom: 25px;
  }
  
  .ad_sub_text {
    font-size: 13.5pt;
    color: #fff;
    display: block;
    /*font-family:avenir-med;*/
    margin-bottom: 25px;
  }
  
  span.ad_link {
    display: block;
  }
  
  span.ad_link a {
    font-size: 16pt;
    color: #fff !important;
    /*font-family:avenir-med;*/
    background: url(../images/main-banners-link.png) 0 0 no-repeat;
    float: left;
    width: 194px;
    height: 34px;
    line-height: 33px;
    text-decoration: none;
    text-align: center;
    overflow: hidden;
  }
  
  /* general -start- */
  .default-float {
    float: left;
  }
  
  /* general -end- */
  /* Layouts -- start --*/
  div#main_ads_container {
    margin-bottom: 20px;
    min-height: 350px;
  }
  
  /* layouts -end-*/
  .rounded {
    border-radius: 26px 26px 28px 28px;
    position: relative;
  }
  
  .center {
    text-align: center;
  }
  
  .vcenter {
    vertical-align: middle !important;
  }
  
  input,
  select {
    outline: none;
  }
  
  div.ad-940x350 img {
    border-radius: 26px 26px 28px 28px;
    position: relative;
  }
  
  #pausePlayImg {
    height: 26px;
    cursor: pointer;
    border-radius: 15px;
  }
  
  #pausePlayImg:hover {
    cursor: pointer;
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  }
  
  /*******************
      News Layout
    *******************/
  .captioned-image {
    width: 100%;
    margin: 0;
    padding: 0;
    display: none;
  }
  
  .captioned-image .image {
    float: left;
  }
  
  .article-header {
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    display: none;
  }
  
  .article-header .date-line {
    float: left;
    margin-left: 0;
    font-size: 10px;
  }
  
  .textblock h3 {
    font-weight: 700;
    clear: both;
  }
  
  /*********************
      Smart Survery    
    *********************/
  .z_survey_manager_debug {
    display: none;
  }
  
  input[type='button'],
  input[type='submit'] {
    height: 32px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    border: 0 solid #ababab;
    color: #444;
  }
  
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover,
  button:hover {
    border-color: #92c0e0 !important;
    background-color: #e6f2fa !important;
  }
  
  .z_survey_creator_options_wrapper {
    background-color: #fff;
    border: 1px solid #00a774;
    padding: 10px;
    height: 55px;
    font-size: 13px;
  }
  
  .z_survey_creator_option_element {
    float: left;
    margin-right: 5px;
    height: 30px;
    vertical-align: bottom;
  }
  
  .z_survey_creator_option_element select {
    margin-top: 8px;
    width: 450px;
  }
  
  .z_survey_creator_option_element span {
    display: block;
    /*vertical-align: baseline;*/
    padding-top: 10px;
  }
  
  .z_survey_is_a_poll_check_box {
    font-weight: 700;
  }
  
  .z_survey_is_a_poll_check_box_error_wrapper {
    color: red;
    clear: both;
  }
  
  .z_survey_creator_content_wrapper {
    float: left;
    width: 39%;
    margin-top: 10px;
    background-color: #fff;
    font-size: 13px;
    border: 1px solid #00a774;
    padding-left: 5px;
  }
  
  /*=================================== DIV TABLE START =============================*/
  .z_survey_manager_content_row {
    margin-bottom: 20px;
  }
  
  .z_survey_manager_cell_label_wrapper {
    width: 180px;
    float: left;
    font-weight: 700;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
  }
  
  .z_survey_manager_cell_control {
    width: 250px;
    float: left;
    text-align: left;
    margin: 3px;
  }
  
  .z_survey_field_mandatory_label {
    color: red;
  }
  
  .z_survey_creator_question_type_button {
    float: left;
    padding: 3px;
    width: 200px;
    height: 30px;
    border-color: #92c0e0;
    background-color: #e6f2fa;
  }
  
  .z_survey_creator_main_options_button {
    float: left;
    padding: 3px;
    width: auto;
    height: 30px;
    border-color: #92c0e0;
    background-color: #e6f2fa;
  }
  
  .z_survey_creator_preview_control_wrapper {
    float: right;
    width: 59%;
    margin-top: 10px;
    background-color: #fff;
    font-size: 13px;
    border: 1px solid #00a774;
  }
  
  .z_error_message {
    color: red;
    font-weight: 700;
  }
  
  .z_survey_visual_state {
    color: #00a774 !important;
    margin-left: 5px;
  }
  
  .z_survey_creator_question_grid {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #00a774 !important;
    width: 99%;
  }
  
  .z_survey_question_grid_1_button_column {
    width: 25px;
    border-style: none !important;
    vertical-align: top;
  }
  
  .z_survey_grid_view_cell_wrapper {
    padding: 2px;
  }
  
  .z_survey_choice_text {
    width: 96% !important;
  }
  
  .z_survey_question_commands_wrapper {
    float: right;
    padding: 0 !important;
  }
  
  .z_survey_command_pictures_wrapper {
    float: right;
    width: 132px;
    margin: 3px;
  }
  
  .z_survey_command_pictures_content_wrapper {
    float: right;
  }
  
  .z_survey_command_picture {
    height: 20px;
    width: 20px;
    padding: 3px;
  }
  
  /*========================= SURVEY IMAGES ======================*/
  .z_survey_question_command_move_up_image {
    background-image: url(../images/Icons/arrow_up_blue.png);
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
  }
  
  .z_survey_question_command_move_down_image {
    background-image: url(../images/Icons/arrow_down_blue.png);
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
  }
  
  .z_survey_question_command_edit_question_image {
    background-image: url(../images/Icons/edit_24.png);
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
  }
  
  .z_survey_question_command_delete_question_image {
    background-image: url(../images/Icons/trash.png);
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
  }
  
  .z_survey_grid_choices_delete_image {
    background-image: url(../images/Icons/delete_24.png);
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
  }
  
  /*===================================================================*/
  .z_survey_radio_button_column {
    width: 25px;
    vertical-align: top;
    border-width: 0;
    padding-bottom: 7px;
  }
  
  .z_survey_check_box_column {
    width: 25px;
    vertical-align: top;
    border-width: 0;
    padding-bottom: 7px;
  }
  
  .z_survey_preview_header_row {
    margin-bottom: 20px;
  }
  
  .z_survey_preview_header_cell_label {
    width: 130px;
    float: left;
    font-weight: 700;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
  }
  
  .z_survey_preview_name_label_text {
    font-size: 14px;
    color: #00a774;
    font-weight: 700;
  }
  
  .z_survey_preview_header_cell_control {
    float: left;
    text-align: left;
    margin: 3px;
  }
  
  .z_survey_preview_name_label {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    display: block;
    margin-left: 5px;
  }
  
  .z_survey_command_save_wrapper {
    float: left;
    margin: 5px;
  }
  
  .z_survey_command_publish_wrapper {
    float: left;
    margin: 5px 5px 5px 50px;
  }
  
  .z_survey_command_delete_wrapper {
    float: left;
    margin: 5px;
  }
  
  .z_survey_question_tooltip {
    display: none;
    height: 0;
    width: 0;
    padding: 0;
    border: none;
  }
  
  .z_clear {
    clear: both;
    height: 1px;
  }
  
  /*================================== DIALOGS ======================*/
  .z_survey_dialog_cancel_question_wrapper {
    padding: 10px;
  }
  
  .z_survey_dialog_warning_image {
    background-image: url(../images/Icons/Warning_32x32.png);
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
  }
  
  .z_survey_dialog_information_image {
    background-image: url(../images/Icons/Information_32x32.png);
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
  }
  
  .z_survey_dialog_question_wrapper {
    float: left;
    margin: 10px;
  }
  
  .z_survey_dialog_buttons_wrapper {
    margin: 10px;
    text-align: center;
  }
  
  .z_survey_dialog_button {
    margin: 5px;
  }
  
  .z_close_box_image {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/Icons/Delete_20x20.png);
  }
  
  .z_survey_dialog_delete_question_wrapper {
    padding: 10px;
  }
  
  .z_survey_dialog_cancel_survey_creation_wrapper {
    padding: 10px;
  }
  
  .z_survey_dialog_delete_survey_wrapper {
    padding: 10px;
  }
  
  .z_survey_dialog_overwrite_survey_wrapper {
    padding: 10px;
  }
  
  .z_survey_dialog_save_and_publish_survey_wrapper {
    padding: 10px;
  }
  
  .z_survey_dialog_simple_message_wrapper {
    padding: 10px;
  }
  
  /*----------------------------------------------------*/
  /*--------------------- Smart Solver -----------------*/
  .z_SurveySolverWrapper {
    width: auto;
    height: auto;
    padding: 5px;
  }
  
  .z_SurveySolverHeader {
    background-color: #ff0;
    width: auto;
  }
  
  .z_SurveyCompletedSucessfullyWrapper {
    color: #333;
    font-size: 13px;
    font-weight: 700;
  }
  
  .z_SurveyAlreadyTakenWrapper {
    color: red;
    font-weight: 400;
    margin-left: 5px;
    font-size: 13px;
  }
  
  .z_SurveySolverSubmitButton,
  .z_SurveySolverSubmitButton:visited {
    background: url(../images/btn-login.png) no-repeat;
    color: #fff !important;
    width: 84px;
    height: 32px !important;
    font-size: 14px !important;
    border: none !important;
  }
  
  /*hover*/
  .z_SurveySolverSubmitButton:hover {
    background: url(../images/btn-login.png) no-repeat;
    color: #FCF !important;
    width: 84px;
    height: 32px !important;
    font-size: 14px;
    border: none !important;
  }
  
  .z_SurveySolverQuestions {
    width: auto;
    clear: both;
    font-size: 13px;
  }
  
  .z_SurveyResultsWrapper {
    width: auto;
    height: auto;
    /*background-color: aqua;*/
    padding: 5px;
    font-size: 13px;
  }
  
  .z_SurveyResultsQuestionWrapper {
    /*margin: 5px 5px 10px 0px;*/
    clear: both;
  }
  
  .z_SurveyResultsQuestionTextLabel {
    color: #00a774;
    width: 100%;
  }
  
  .z_SurveyResultsQuestionChoiceTextWrapper {
    /*margin: 5px 5px 0px 5px;*/
    /*background-color: blue;*/
    clear: both;
  }
  
  .z_SurveyResultsChoiceTextLabel {
    width: 100%;
  }
  
  .z_SurveyResultsBarAndPercentageWrapper {
    margin: 3px 3px 6px;
    background-color: #fff;
    border-bottom: 1px solid grey;
    height: 20px;
  }
  
  .z_ProgressBarWrapper {
    float: left;
    width: 86%;
    border: none;
    background-color: #ccc;
  }
  
  .z_ProgressBar {
    /*width: 120px;*/
    background-color: #00a774;
    height: 20px;
    border-width: 0;
  }
  
  .z_SurveyResultsPercentageWrapper {
    float: right;
    width: auto;
    margin-top: 2px;
  }
  
  .z_SurveyResultsPercentageLabel {
    color: #00a774;
    width: auto;
    margin-right: 3px;
  }
  
  .z_SurveyResultsTotalVotesWrapper {
    clear: both;
  }
  
  .z_SurveyResultsTotalVotesLabel {
    color: #000;
  }
  
  .z_SurveyResultsNothingSelectedErrorWrapper {
    clear: both;
  }
  
  .z_SurveyResultsNothingSelectedErrorLabel {
    color: Red;
    visibility: hidden;
  }
  
  /***************************
      Smart Quiz
    ***********************8*/
  .z_quiz_name_label {
    float: left;
  }
  
  .z_quiz_submit_button {
    float: right;
  }
  
  .z_quiz_submit_button,
  .z_quiz_submit_button:visited {
    background: url(../images/btn-login.png) no-repeat;
    color: #fff !important;
    width: 84px;
    height: 32px !important;
    font-size: 14px !important;
    border: none !important;
  }
  
  /*hover*/
  .z_quiz_submit_button:hover {
    background: url(../images/btn-login.png) no-repeat;
    color: #FCF !important;
    width: 84px;
    height: 32px !important;
    font-size: 14px;
    border: none !important;
  }
  
  .z_quiz_congrats_message {
    font-size: 13px;
  }
  
  .z_close_box_wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
  }
  
  .z_close_box_wrapper img {
    width: 20px;
    height: 20px;
  }
  
  /*=================================== DIV TABLE START =============================*/
  .z_quiz_completed_row {
    margin-bottom: 20px;
  }
  
  .z_clear {
    clear: both;
  }
  
  /*=================================== DIV TABLE END =============================*/
  .z_quiz_completed_congrats_title {
    color: #ffc0cb;
    font-weight: 700;
  }
  
  .z_quiz_completed_submit_button {
    background-color: #c00d6b;
    color: #fff;
  }
  
  .z_quiz_try_again_wrapper {
    height: 150px;
  }
  
  /*-------------------------------------------------------------------------------*/
  /*------------------------------Smart Quiz Manager ------------------------------*/
  .z_quiz_manager_debug {
    display: none;
  }
  
  .z_quiz_visual_state {
    color: #00a774 !important;
    margin-left: 5px;
  }
  
  input[type='button'],
  input[type='submit'] {
    height: 32px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
    border: 0 solid #ababab;
    color: #444;
  }
  
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover,
  button:hover {
    border-color: #92c0e0 !important;
    background-color: #e6f2fa !important;
  }
  
  .z_quiz_command_pictures_wrapper {
    float: right;
    width: 132px;
    margin: 3px;
  }
  
  .z_quiz_command_pictures_content_wrapper {
    float: right;
  }
  
  .z_quiz_command_picture {
    height: 20px;
    width: 20px;
    padding: 3px;
  }
  
  .z_quiz_choice_text {
    width: 96% !important;
    display: block;
    margin-top: 3px;
  }
  
  .z_error_message {
    color: red;
    font-weight: 700;
    font-size: 13px;
  }
  
  .z_clear {
    clear: both;
    height: 1px;
  }
  
  .z_quiz_creator_options_wrapper {
    background-color: #fff;
    border: 1px solid #00a744;
    padding: 10px;
    height: 40px;
    font-size: 13px;
  }
  
  .z_quiz_creator_option_element {
    float: left;
    margin-right: 5px;
  }
  
  .z_quiz_creator_option_element select {
    margin-top: 8px;
    width: 450px;
  }
  
  .z_quiz_creator_option_element span {
    display: block;
    padding-top: 10px;
  }
  
  .z_quiz_creator_content_wrapper {
    background-color: #fff;
    border: 1px solid #00a744;
    margin-top: 10px;
    float: left;
    width: 39%;
    padding-left: 5px;
    font-size: 13px;
  }
  
  /*=================================== DIV TABLE START =============================*/
  .z_quiz_manager_content_row {
    margin-bottom: 20px;
  }
  
  .z_quiz_manager_cell_label {
    width: 180px;
    float: left;
    font-weight: 700;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
  }
  
  .z_quiz_manager_cell_control {
    width: 250px;
    float: left;
    text-align: left;
    margin: 3px;
  }
  
  .z_quiz_preview_header_row {
    margin-bottom: 20px;
  }
  
  .z_quiz_preview_header_cell_label {
    width: 130px;
    float: left;
    font-weight: 700;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
  }
  
  .z_quiz_preview_header_cell_control {
    width: 545px;
    float: left;
    text-align: left;
    margin: 3px;
  }
  
  /*========================= QUIZ IMAGES ======================*/
  .z_quiz_question_command_move_up_image {
    background-image: url(../images/Icons/arrow_up_blue.png);
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
  }
  
  .z_quiz_question_command_move_down_image {
    background-image: url(../images/Icons/arrow_down_blue.png);
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
  }
  
  .z_quiz_question_command_edit_question_image {
    background-image: url(../images/Icons/edit_24.png);
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
  }
  
  .z_quiz_question_command_delete_question_image {
    background-image: url(../images/Icons/trash.png);
    height: 24px;
    width: 24px;
    padding: 3px;
    background-repeat: no-repeat;
  }
  
  .z_quiz_grid_choices_delete_image {
    background-image: url(../images/Icons/delete_24.png);
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
  }
  
  /*===================================================================*/
  .z_quiz_creator_question_type_button {
    float: left;
  }
  
  .z_quiz_creator_preview_control_wrapper {
    float: right;
    width: 59%;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #00a744;
  }
  
  .z_quiz_field_mandatory_label {
    color: red;
  }
  
  .z_quiz_creator_question_grid {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #007a44 !important;
    width: 99%;
  }
  
  .z_quiz_question_grid_1_button_column {
    width: 25px;
    border-style: none !important;
    vertical-align: top;
  }
  
  .z_quiz_grid_view_cell_wrapper {
    padding: 2px;
  }
  
  /*.z_quiz_grid_view_cell_wrapper input[type=text] {
          width: 98% !important;
      }*/
  .z_quiz_question_commands_wrapper {
    float: right;
    padding: 0 !important;
  }
  
  .z_quiz_grid_image_button {
    height: 20px;
    width: 20px;
  }
  
  .z_quiz_preview_name_label_text {
    font-size: 14px;
    color: #00a774;
    font-weight: 700;
  }
  
  .z_quiz_preview_name_label {
    font-size: 14px;
    color: #333;
    font-weight: 700;
  }
  
  .z_quiz_command_save {
    float: left;
    margin: 5px;
  }
  
  .z_quiz_command_publish {
    float: left;
    margin: 5px 5px 5px 50px;
  }
  
  .z_quiz_command_delete {
    float: left;
    margin: 5px;
  }
  
  /*================================== DIALOGS ======================*/
  .z_close_box_image {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url(../images/Icons/Delete_20x20.png);
  }
  
  .z_quiz_dialog_warning_image {
    background-image: url(../images/Icons/Warning_32x32.png);
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
  }
  
  .z_quiz_dialog_information_image {
    background-image: url(../images/Icons/Information_32x32.png);
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
  }
  
  .z_quiz_dialog_question_wrapper {
    float: left;
    margin: 10px;
  }
  
  .z_quiz_dialog_buttons_wrapper {
    margin: 10px;
    text-align: center;
  }
  
  .z_quiz_dialog_button {
    margin: 5px;
  }
  
  .z_quiz_dialog_delete_question_wrapper,
  .z_quiz_dialog_cancel_question_wrapper,
  .z_quiz_dialog_cancel_quiz_creation_wrapper,
  .z_quiz_dialog_simple_message_wrapper,
  .z_quiz_dialog_save_and_publish_quiz_wrapper,
  .z_quiz_dialog_overwrite_quiz_wrapper,
  .z_quiz_dialog_delete_quiz_wrapper {
    padding: 10px;
  }
  
  /***********************************
      Smart Form
    *********************************/
  .z_form_debug {
    display: none;
  }
  
  .z_invisible {
    display: none;
  }
  
  .z_form_creator_options_wrapper {
    background-color: #0cf;
    padding: 10px;
    height: 30px;
  }
  
  .z_form_creator_option_element {
    float: left;
    margin-right: 5px;
  }
  
  .z_form_creator_option_element span {
    top: 7px;
    position: relative;
  }
  
  .z_form_creator_option_element select {
    top: 1px;
    position: relative;
    width: 270px;
  }
  
  .z_form_submit_button {
    text-transform: uppercase !important;
    border: medium none !important;
    overflow: visible !important;
    padding: 0 !important;
    cursor: pointer !important;
    height: 32px !important;
    width: 85px !important;
    margin: 2px 2px 2px 0 !important;
    line-height: 32px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: center !important;
    min-width: 0;
    background: url(../images/btn-submit.png) no-repeat scroll 0 0 transparent !important;
  }
  
  .z_form_submit_button:hover {
    color: silver !important;
  }
  
  .z_form_edit_form_ddl {
    margin-top: 5px;
  }
  
  .z_clear {
    clear: both;
    height: 1px;
  }
  
  .z_form_main_data_left_wrapper {
    float: left;
  }
  
  .z_form_main_data_cell_label {
    width: 180px;
    float: left;
    font-weight: 700;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
  }
  
  .z_form_main_data_cell_control {
    width: 200px;
    float: left;
    text-align: left;
    margin: 3px;
    height: 42px;
    padding-bottom: 10px;
  }
  
  .z_form_main_data_right_wrapper {
    float: right;
  }
  
  .z_form_main_data_status_label {
    font-size: larger;
    font-weight: 700;
  }
  
  .z_form_main_data_status_ddl {
    font-size: larger;
    font-weight: 700;
    width: 150px;
  }
  
  .z_form_field_creator_wrapper {
    float: left;
    /*background-color: green;*/
    /*height: 200px;*/
    width: 70%;
  }
  
  .z_form_preview_wrapper {
    float: left;
    background-color: #a2fff4;
    height: auto;
    width: 100%;
  }
  
  .z_error_message {
    color: red;
    font-weight: 700;
  }
  
  .z_form_commands_wrapper {
    /*background-color: grey;*/
  }
  
  .z_form_visual_state {
    color: blue;
  }
  
  .z_form_validator {
    color: red;
  }
  
  .z_form_required_asterisk {
    color: red;
    margin-left: 5px;
  }
  
  .z_form_field_edit_icon,
  .z_form_field_delete_icon,
  .z_form_field_update_icon,
  .z_form_field_cancel_icon,
  .z_form_field_insert_icon,
  .z_form_field_move_up_icon,
  .z_form_field_move_down_icon {
    margin-left: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
    width: 25px;
    height: 25px;
  }
  
  .z_form_field_edit_icon {
    background-image: url(../images/edit_25x25b.png);
  }
  
  .z_form_field_delete_icon {
    background-image: url(../images/delete_25x25b.png);
  }
  
  .z_form_field_update_icon {
    background-image: url(../images/confirm_25x25b.png);
  }
  
  .z_form_field_cancel_icon {
    background-image: url(../images/cancel_25x25b.png);
  }
  
  .z_form_field_insert_icon {
    background-image: url(../images/add_25x25b.png);
  }
  
  .z_form_field_move_up_icon {
    background-image: url(../images/move_up_25x25b.png);
  }
  
  .z_form_field_move_down_icon {
    background-image: url(../images/move_down_25x25b.png);
  }
  
  .z_form_fields_grid_view {
    border: 1px solid #000;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  /*====================================== GRID VIEW FIELDS ==============*/
  .z_form_grid_column_header_field_order,
  .z_form_grid_column_header_field_name,
  .z_form_grid_column_header_field_type,
  .z_form_grid_column_header_field_required,
  .z_form_grid_column_header_field_validator,
  .z_form_grid_column_header_field_commands {
    background-color: #a2fff4;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .z_form_grid_column_item_field_order {
    width: 69px;
  }
  
  .z_form_grid_column_item_field_required {
    text-align: center;
    width: 80px;
  }
  
  .z_form_grid_column_item_field_commands {
    width: 80px;
  }
  
  /*.z_form_grid_column_control_field_order {
    }*/
  .z_form_grid_column_control_field_name {
    width: 150px;
  }
  
  .z_form_grid_column_control_field_type {
    width: 150px;
  }
  
  .z_form_grid_column_control_field_required {
    text-align: center;
  }
  
  /*.z_form_grid_column_control_field_commands {
    }*/
  .z_form_grid_column_footer_field_required {
    text-align: center;
  }
  
  .z_form_grid_column_footer_field_order,
  .z_form_grid_column_footer_field_name,
  .z_form_grid_column_footer_field_type,
  .z_form_grid_column_footer_field_required,
  .z_form_grid_column_footer_field_validator,
  .z_form_grid_column_footer_field_commands {
    background-color: #c9ffbf;
  }
  
  /*====================================== DIALOGS ==============*/
  .z_form_dialog_overwrite_form_question_wrapper {
    padding: 10px;
  }
  
  .z_form_dialog_warning_image {
    background-image: url(../images/Warning_32x32.png);
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
  }
  
  .z_form_dialog_question_wrapper {
    float: left;
    margin: 10px;
  }
  
  .z_form_dialog_buttons_wrapper {
    margin: 10px;
    text-align: center;
  }
  
  .z_form_dialog_button {
    margin: 5px;
  }
  
  .z_form_dialog_simple_message_wrapper {
    padding: 10px;
  }
  
  .z_form_dialog_information_image {
    background-image: url(../images/information_32x32.png);
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
  }
  
  .z_form_dialog_message_wrapper {
    float: left;
    margin: 10px;
  }
  
  /*====================================== FORM FILLER ==============*/
  /*====================================== FORM FILLER CONTROL ==============*/
  .z_form_filler_control_wrapper {
    /*background-color: aqua;*/
    width: 100%;
    border-radius: 10px;
    border: 2px solid #00a774;
  }
  
  .z_form_filler_form_not_active_yet_wrapper {
    text-align: center;
    margin-bottom: 10px;
  }
  
  .z_form_filler_form_expired_wrapper {
    text-align: center;
    margin-bottom: 10px;
  }
  
  .z_form_filler_form_submitted_message_wrapper {
    text-align: center;
    margin-bottom: 10px;
    color: blue;
  }
  
  .z_form_filler_one_field_wrapper {
    /*background-color: yellow;*/
    margin: 10px;
    height: 100%;
    border-top: 1px solid #CAFFFF;
    border-bottom: 1px solid #CAFFFF;
  }
  
  .z_form_filler_field_label_wrapper {
    float: left;
    width: 30%;
    height: 100%;
    font-size: 14px;
    line-height: 28px;
    display: table-cell;
    vertical-align: middle;
  }
  
  .z_form_filler_field_control_wrapper {
    float: left;
    width: 69%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  
  .z_form_filler_field_label {
    margin-left: 10px;
  }
  
  .z_form_filler_field_control {
    margin-top: 5px;
    margin-left: 10px;
  }
  
  .z_form_filler_field_control_wrapper table {
    margin-left: 10px;
  }
  
  .z_form_filler_title_wrapper {
    text-align: center;
    margin: 20px;
  }
  
  .z_form_filler_title {
    font-size: x-large;
    color: #00a774;
  }
  
  .z_form_filler_field_mandatory_off {
    color: red;
    margin-left: 5px;
    display: none;
  }
  
  .z_form_filler_field_mandatory_on {
    color: red;
    margin-left: 5px;
  }
  
  .z_form_filler_field_validator_label {
    color: red;
    font-weight: 700;
  }
  
  .z_form_filler_commands_wrapper {
    text-align: center;
    padding: 20px;
  }
  
  /*.z_form_filler_radio_button_list_control tbody tr td span label {
          margin-left: 24px;
          display: block;
          position: relative;
          top: -15px;
          margin-bottom: -15px;
      }*/
  .z_form_filler_drop_down_list_control {
    margin-top: 5px;
  }
  
  .z_form_filler_date_time_control_text_box_control {
    margin-top: 5px;
  }
  
  .z_form_filler_date_time_control_description_control {
    margin-top: 5px;
  }
  
  /*====================== FIX FOR DATE TIME CONTROL FOR CALENDAR SELECT TO BE NEXT TO ENTRY BOX OF THE DATE ======*/
  .z_form_filler_control_wrapper .ms-dtinput {
    float: left !important;
  }
  
  /****************************
      Web2SMS
    *******************************/
  .z_web2sms_debug {
    color: orange;
    font-weight: 700;
    background-color: #fcf2b8;
    border: 2px solid orange;
    padding: 10px;
    margin-bottom: 20px;
    display: none;
  }
  
  .z_web2sms_wrapper {
    position: relative;
  }
  
  .z_web2sms_rounded_box {
    background-color: #ebf7f4;
    border-color: #24a988;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
  }
  
  /*=================================== DIV TABLE START =============================*/
  .z_web2sms_row {
    margin-bottom: 20px;
  }
  
  .z_web2sms_cell_label {
    width: 180px;
    float: left;
    font-weight: 700;
    text-align: left;
  }
  
  .z_web2sms_cell_control {
    width: 250px;
    float: left;
    text-align: left;
  }
  
  .z_clear {
    clear: both;
    margin-bottom: 10px;
  }
  
  /*=================================== DIV TABLE END =============================*/
  .z_web2sms_error_message {
    color: red;
  }
  
  .z_web2sms_status_message {
    color: #00a774;
  }
  
  .z_web2sms_button {
    margin-left: 180px;
  }
  
  .z_web2sms_textarea {
    word-wrap: break-word !important;
  }
  
  /*===================================== jqTransform ==========*/
  .z_radio_english_wrapper {
    float: left;
  }
  
  .z_radio_arabic_wrapper {
    float: left;
  }
  
  /*============ ROUND CORNERS ==============================================================================================*/
  .corner-tl-dg,
  .corner-tr-dg,
  .corner-bl-dg,
  .corner-br-dg {
    position: absolute;
    z-index: 1;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    background: url(../images/bgr-cornerborder-darkg.png) no-repeat scroll 0 0 transparent;
  }
  
  span.cr,
  .corner-tr,
  .corner-tr-p,
  .corner-tr-g,
  .corner-tr-dg,
  .corner-tr-dgb,
  .corner-nb-tr {
    top: 0;
    right: 0;
    background-position: 100% 0;
  }
  
  span.ct,
  .corner-tl,
  .corner-tl-p,
  .corner-tl-g,
  .corner-tl-dg,
  .corner-tl-dgb,
  .corner-nb-tl {
    top: 0;
    left: 0;
    background-position: 0 0;
  }
  
  span.cb,
  .corner-br,
  .corner-br-p,
  .corner-br-g,
  .corner-br-dg,
  .corner-br-dgb,
  .corner-nb-br {
    bottom: 0;
    right: 0;
    background-position: 100% 100%;
  }
  
  span.cl,
  .corner-bl,
  .corner-bl-p,
  .corner-bl-g,
  .corner-bl-dg,
  .corner-bl-dgb,
  .corner-nb-bl {
    bottom: 0;
    left: 0;
    background-position: 0 100%;
  }
  
  .z_pink_button_medium {
    text-transform: uppercase !important;
    border: medium none !important;
    overflow: visible !important;
    padding: 0 !important;
    cursor: pointer !important;
    height: 32px !important;
    width: 84px !important;
    margin: 2px 2px 2px 0 !important;
    line-height: 32px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: center !important;
    background: url(../images/btn-login.png) no-repeat scroll 0 0 transparent !important;
  }
  
  /****************************************
      Consumption and Billing
    ****************************************/
  /*----------------Balance Of Prepaid Numbers -------------*/
  /*======================= COMMON ============*/
  .z_balance_prepaid_debug {
    color: orange;
    font-weight: 700;
    background-color: #fcf2b8;
    border: 2px solid orange;
    padding: 10px;
    display: none;
  }
  
  .z_clear {
    clear: both;
  }
  
  .z_balance_prepaid_error_message {
    color: red;
  }
  
  .z_balance_prepaid_status_message {
    color: #00a774;
  }
  
  .z_balance_prepaid_control_wrapper {
    position: relative;
  }
  
  /*====================== DIV TABLE DESIGN ====================*/
  .z_balance_prepaid_row {
    background-color: #ebf7f4;
    height: 31px;
  }
  
  .z_balance_prepaid_row_with_combo {
    background-color: #ebf7f4;
    /*width: 546px;*/
    height: 41px;
  }
  
  .z_balance_prepaid_alternating_row {
    background-color: #fff;
    height: 31px;
  }
  
  .z_balance_prepaid_cell_label {
    width: 50%;
    float: left;
    text-align: left;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: 1px solid #009b74;
  }
  
  .z_balance_prepaid_cell_control {
    width: auto;
    float: left;
    text-align: left;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .z_balance_table_wrapper {
    /*border: 1px solid #009b74;
      background-color: #ebf7f4;*/
    position: relative;
  }
  
  .z_rounded_table {
    border: 1px solid #009b74;
  }
  
  .z_balance_prepaid_header_row {
    background-color: #009b74;
    padding: 10px 10px 10px 20px;
    font-size: 15px;
    height: 27px;
    outline-color: transparent;
    font-family: 'Nunito Sans', Arial;
    color: #333;
  }
  
  .z_balance_table_header_label {
    color: #fff;
    font-weight: 400;
  }
  
  .z_bal_add_ppaid_grid_header_row {
    background-color: #009b74;
    padding: 10px 10px 10px 20px;
    font-size: 15px;
    height: 27px;
    outline-color: transparent;
    width: 518px;
    font-family: 'Nunito Sans', Arial;
    color: #333;
  }
  
  .z_bal_add_ppaid_row {
    background-color: #ebf7f4;
    /*width: 546px;*/
    height: 31px;
  }
  
  .z_bal_add_ppaid_alt_row {
    background-color: #fff;
    /*width: 546px;*/
    height: 31px;
  }
  
  .z_bal_add_grid {
    /*border: 1px solid #009b74;*/
  }
  
  .z_bal_add_ppaid_cell_label {
    width: auto;
    float: left;
    text-align: left;
    padding: 5px 15px;
  }
  
  /*==========================================================================================================*/
  .corner-tl-dg,
  .corner-tr-dg,
  .corner-bl-dg,
  .corner-br-dg {
    position: absolute;
    z-index: 1;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    background: url(../images/bgr-cornerborder-darkg.png) no-repeat scroll 0 0 transparent;
  }
  
  span.cr,
  .corner-tr,
  .corner-tr-p,
  .corner-tr-g,
  .corner-tr-dg,
  .corner-tr-dgb,
  .corner-nb-tr {
    top: 0;
    right: 0;
    background-position: 100% 0;
  }
  
  span.ct,
  .corner-tl,
  .corner-tl-p,
  .corner-tl-g,
  .corner-tl-dg,
  .corner-tl-dgb,
  .corner-nb-tl {
    top: 0;
    left: 0;
    background-position: 0 0;
  }
  
  span.cb,
  .corner-br,
  .corner-br-p,
  .corner-br-g,
  .corner-br-dg,
  .corner-br-dgb,
  .corner-nb-br {
    bottom: 0;
    right: 0;
    background-position: 100% 100%;
  }
  
  span.cl,
  .corner-bl,
  .corner-bl-p,
  .corner-bl-g,
  .corner-bl-dg,
  .corner-bl-dgb,
  .corner-nb-bl {
    bottom: 0;
    left: 0;
    background-position: 0 100%;
  }
  
  /*-----------------------------Best Fit Package-----------------------*/
  /******  BEST FIT PACKAGE ADMINISTRATOR *********/
  .t_bestfitadmin_wrapper {
    width: 670px;
    border-color: #009b74;
    border-width: 1px;
    border-style: solid;
    background-color: #ebf7f4;
    float: left;
  }
  
  .t_bestfitadmin_wrapper h2 {
    font-size: 16px;
    font-weight: 700;
    padding: 15px 0 30px 15px;
  }
  
  .t_bestfitadmin_row {
    width: 100%;
    height: 65px;
  }
  
  .t_bestfitadmin_row_label {
    width: 95%;
    display: block;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: 700;
    padding-left: 5px;
  }
  
  .t_bestfitadmin_row_ddl {
    margin-left: 50px;
    width: 100%;
    float: left;
  }
  
  .t_bestfitadmin_row_part1 {
    width: 340px;
    float: left;
  }
  
  .t_bestfitadmin_row_span {
    width: 30px;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
  }
  
  .t_bestfitadmin_row_part2 {
    width: 330px;
    float: left;
  }
  
  .t_bestfitadmin_row_input260 {
    background: url(../images/input-265x30.png) no-repeat scroll 0 0 transparent;
    padding: 2px;
    width: 275px;
    height: 30px;
    float: left;
  }
  
  .t_bestfitadmin_row_tb260 {
    width: 249px;
    height: 20px;
    padding-top: 3px;
    padding-left: 5px;
  }
  
  .t_bestfitadmin_line {
    border-top: 1px solid #a6dcce;
    width: 90%;
    margin-left: 5%;
  }
  
  .t_bestfitadmin_row_btn {
    height: 32px;
    width: 84px;
    margin: 10px 2px 2px 0;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: center;
    background: url(../images/btn-submit.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
  }
  
  .t_bestfitadmin_row_rfv {
    float: left;
    font-size: 12px;
    padding-top: 3px;
  }
  
  .t_bestfitadmin_gridview_wrapper {
    height: 290px;
  }
  
  .t_bestfitadmin_gridview {
    float: left;
    margin-top: 20px;
  }
  
  .t_bestfitadmin_row_info {
    min-width: 600px;
    float: left;
    margin-top: 15px;
  }
  
  .t_bestfitadmin_gv_btn {
    height: 22px;
    width: 60px;
    display: block;
    background: url(../images/btn-submitsmall.png) no-repeat scroll 0 0 transparent;
    background-color: #ebf7f4;
    color: #fff !important;
    cursor: pointer;
    text-align: center;
    font-weight: 700 !important;
  }
  
  /******  BEST FIT PACKAGE SUBSCRIBER *********/
  .t_bestfitpckgcalc_wrapper {
    width: 500px;
    border-color: #009b74;
    border-width: 1px;
    border-style: solid;
    background-color: #ebf7f4;
    float: left;
  }
  
  .t_bestfitpckgcalc_wrapper h2 {
    font-size: 14px;
    font-weight: 700;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
    color: #000;
  }
  
  .t_bestfitpckgcalc_div {
    background: url(../images/bgr-radiobuton.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    /*width: 16px;*/
    height: 16px;
    float: left;
  }
  
  /*input[type="radio"]*/
  .t_bestfitpckgcalc_rb {
    margin: 1px;
    float: left;
    opacity: 0;
  }
  
  .t_bestfitpckgcalc_rb_selected {
    background-position: 0 -35px;
  }
  
  .t_bestfitpckgcalc_span {
    float: left;
    padding-right: 50px;
  }
  
  .t_bestfitpckgcalc_row {
    width: 100%;
    float: left;
    padding-top: 10px;
  }
  
  .t_bestfitpckgcalc_row_part {
    width: 198px;
    float: left;
    padding-left: 20px;
  }
  
  .t_bestfitpckgcalc_row_input113 {
    background: url(../images/input-113x30.png) no-repeat scroll 0 0 transparent;
    padding: 3px 3px 10px;
    width: 120px;
    height: 30px;
    float: left;
  }
  
  .t_bestfitpckgcalc_row_tb113 {
    width: 97px;
    height: 20px;
    padding: 5px;
    border: medium none;
  }
  
  .t_bestfitpckgcalc_row_span {
    width: 100%;
    margin: 0;
    padding-right: 10px;
    float: left;
  }
  
  .t_bestfitpckg_line {
    width: 600px;
    height: 65px;
    border-top: 1px solid #a6dcce;
    float: left;
    margin-top: 40px;
  }
  
  .t_bestfitpckg_greenbox {
    margin-bottom: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    background-color: #ebf7f4;
    border: 1px solid #009b74;
    min-height: 10px;
    width: 600px;
  }
  
  .t_bestfitpckgcalc_row_linkbtn {
    padding-bottom: 5px;
    padding-left: 10px;
  }
  
  .t_bestfitpck_clear {
    clear: both;
    height: 1px;
  }
  
  .t_bestfitpck_error_message {
    color: red;
  }
  
  /*================================== DIALOGS ======================*/
  .t_bestfitpck_close_box {
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    background-image: url(../images/Icons/Delete_20x20.png);
  }
  
  .t_bestfitpck_warning {
    background-image: url(../images/Icons/Warning_32x32.png);
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
  }
  
  .t_bestfitpck_information {
    background-image: url(../images/Icons/Information_32x32.png);
    width: 32px;
    height: 32px;
    float: left;
    margin: 20px;
  }
  
  .t_bestfitpck_question {
    float: left;
    margin: 10px;
  }
  
  .t_bestfitpck_buttons {
    margin: 10px;
    text-align: center;
  }
  
  /*-----------------------Package Allowance---------------------*/
  .t_pckgallowance_wrapper {
    width: 580px;
    margin-top: 30px;
    border-color: #009b74;
    border-width: 1px;
    border-style: solid;
    background-color: #ebf7f4;
    float: left;
  }
  
  .t_pckgallowance_wrapper h2 {
    font-size: 14px;
    font-weight: 700;
    padding-top: 20px;
    padding-left: 19px;
    color: #000;
  }
  
  .t_pckgallowance_div {
    width: 610px;
    padding: 19px;
    background-color: #ebf7f4;
  }
  
  .t_pckgallowance_item {
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  
  .t_pckgallowance_itemheader {
    font-size: 13px;
    display: block;
    float: left;
    min-width: 217px;
    padding-left: 10px !important;
  }
  
  .t_pckgallowance_lbone {
    font-size: 13px;
    display: block;
    float: left;
  }
  
  .t_pckgallowance_lbtwo {
    padding-right: 20px;
    font-size: 13px;
    display: block;
    float: left;
  }
  
  .t_pckgallowance_progressbar_span {
    /*display: block;
          position: absolute;
          text-align: center;*/
    padding-top: 1px;
  }
  
  .t_pckgallowance_rectangle_used {
    width: 16px;
    height: 30px;
    background-color: #b27184;
    float: left;
    margin-bottom: 10px;
  }
  
  .t_pckgallowance_rectangle_used span {
    padding-left: 20px;
  }
  
  .t_pckgallowance_rectangle_free {
    width: 16px;
    height: 30px;
    background-color: #71b27f;
    float: left;
    margin-left: 85px;
    margin-bottom: 10px;
  }
  
  .t_pckgallowance_rectangle_free span {
    padding-left: 20px;
  }
  
  .t_pckgallowance_container {
    width: 100%;
  }
  
  /*---------------------Package Bundle Info----------------*/
  .t_packageinfo_wrapper {
    width: 580px;
  }
  
  .t_packageinfo_wrapper table tr td {
    padding: 5px;
  }
  
  .t_packageinfo_wrapper h2 {
    font-size: 24px;
    color: #5b1f69;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -.02em;
    margin-bottom: 8px;
  }
  
  .t_packageinfo_DIV {
    padding-top: 10px;
  }
  
  .t_packageinfo_greenbox {
    margin-bottom: 20px;
    margin-bottom: 10px;
    background-color: #ebf7f4;
    border: 1px solid #009b74;
    min-height: 10px;
    width: 100%;
  }
  
  .t_packageinfo_greenbox tr {
    color: #fff;
    height: 30px;
  }
  
  .t_packageinfo_greenbox td {
    font-size: 13px;
    width: 50%;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #009b74;
  }
  
  .t_packageinfo_greenbox td span {
    padding: 8px 10px 8px 15px;
  }
  
  .t_pckheader_record {
    color: #000;
    padding: 8px 10px 8px 15px;
  }
  
  .t_packageinfo_error {
    color: red;
    font-size: 13px;
    letter-spacing: -.02em;
    line-height: 27px;
  }
  
  /* elements (custom actions) settings*/
  .t_packageinfo_settings_row {
    min-width: 600px;
    width: 100%;
    margin: 5px;
    margin-bottom: 2px;
  }
  
  .t_packageinfo_settings_row_title {
    width: 100%;
    text-align: left;
    font-weight: 700;
    padding: 5px;
    float: left;
  }
  
  .t_packageinfo_settings_row_value {
    width: 350px;
    padding-top: 2px;
    text-align: left;
    float: left;
  }
  
  .t_packageinfo_settings_row_value_textbox {
    display: block;
    height: auto;
    width: 100%;
  }
  
  .t_packageinfo_settings_rfv {
    color: red;
    width: 100px;
    float: left;
    padding-left: 14px;
  }
  
  .t_packageinfo_settings_btn {
    font-weight: 700;
    float: left;
    padding-top: 20px;
  }
  
  /********************************
      News And Events
    ********************************/
  /********************************/
  /****************************
      Location Finder
    *******************************/
  .t_main-body {
    width: 300px;
    float: left;
  }
  
  .t_fieldset {
    width: 560px;
    margin-top: 20px;
    margin-left: 5%;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
  }
  
  .t_fieldset .t_label {
    display: block;
    margin: .5em 0 0;
  }
  
  .t_fieldset .t_textbox {
    width: 95%;
  }
  
  .t_img {
    float: left;
  }
  
  .t_p-row {
    padding-top: 2px;
  }
  
  .t_p-row-info {
    font-weight: 700;
    float: left;
    padding-right: 15%;
  }
  
  .t_address-row {
    width: 552px;
    float: left;
    margin-left: 5%;
    margin-top: 3%;
  }
  
  .t_address-row-title {
    width: 25%;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    float: left;
  }
  
  .t_address-row-value {
    width: 75%;
    vertical-align: middle;
    text-align: left;
    float: left;
  }
  
  /********************************
      IVR
    ***********************************/
  .t_ivr_wrapper {
    width: 790px;
    height: 480px;
  }
  
  .t_ivr_populate_tv_row0 {
    width: inherit;
    float: left;
  }
  
  .t_ivr_populate_tv_row {
    width: 100px;
    max-width: 110px;
    float: left;
    padding-right: 5px;
  }
  
  .t_ivr_populate_tv_arrowrow {
    max-width: 70px;
    float: left;
    padding-right: 5px;
  }
  
  .t_ivr_treeview {
    width: 300px;
    height: auto;
    float: left;
    margin-right: 50px;
    margin-top: 3px;
  }
  
  .t_ivr_populate {
    margin-top: 10px;
    width: 375px;
    height: 185px;
    float: left;
    position: absolute;
  }
  
  .t_ivr_populate_name {
    width: 375px;
    height: 455px;
    float: left;
    position: relative;
  }
  
  .t_ivr_line {
    border-bottom-width: 2px;
    border-bottom-style: dashed;
    border-bottom-color: silver;
  }
  
  .t_ivr_pan {
    background-color: #F0F0F0;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  
  .t_ivr_imageedit {
    position: absolute;
    top: 3px;
    right: 5px;
  }
  
  .t_ivr_populate_row {
    width: 100%;
    padding-bottom: 35px;
  }
  
  .t_ivr_populate_row_title {
    width: 80px;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    float: left;
  }
  
  .t_ivr_populate_row_value {
    width: 270px;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    float: left;
  }
  
  .t_ivr_populate_row_value1 {
    width: 270px;
    vertical-align: middle;
    text-align: left;
    margin-left: 23px;
  }
  
  .t_ivr_populate_row_textbox {
    width: 100%;
  }
  
  .t_ivr_populate_row_linkbutton {
    background-color: #F0F0F0;
    border: 1px solid #B0B0B0;
    padding: 5px 10px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
  }
  
  .t_ivr_populate_row_linkbutton1 {
    background-color: #F0F0F0;
    border: 1px solid #B0B0B0;
    padding: 5px 10px;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    position: absolute;
    bottom: 0;
  }
  
  .t_ivr_button_row {
    float: left;
    padding-top: 80px;
  }
  
  .NodeStyle {
    color: #000;
    font-size: 15px;
  }
  
  .NodeStyle strong {
    color: #cf0792;
    font-size: 15px;
  }
  
  /************************
      Gallery
    *************************/
  .z_gallery_selector_wrapper {
    position: relative;
    top: -10px;
  }
  
  .z_gallery_selector_wrapper .z_gallery_selector_album_wrapper:last-child {
    border-bottom: none !important;
  }
  
  .z_error_message {
    color: red;
    font-weight: 700;
  }
  
  .z_clear {
    clear: both;
    height: 1px;
  }
  
  .z_gallery_selector_album_wrapper {
    width: 150px;
    height: 217px;
    float: left;
    font-size: 10px;
    margin: 0 0 24px;
    border-bottom: 1px solid #ccc;
    padding-right: 15px;
  }
  
  /*.z_gallery_selector_album_wrapper:nth-child(5n-1){ 
    padding-right: 0;
    }*/
  .z_gallery_album_thumbnail {
    width: 140px;
    height: 105px;
    /*background-color: lightblue;*/
    margin: 0 !important;
    position: relative;
    padding: 0 !important;
  }
  
  .z_gallery_album_thumbnail img {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    margin-right: 15px;
    float: left;
    /*-moz-transition-property: background-color;
          -moz-transition-duration: 2s;
          background-color: rgba(0,0,0,0.6);*/
    border-radius: 10px;
    border: 1px solid #e4e4e3;
  }
  
  .z_gallery_album_thumbnail img:hover {
    width: 100%;
    height: 100%;
  }
  
  .z_gallery_footer {
    border-bottom: 1px solid #ccc;
    position: relative;
    top: -25px;
    clear: both;
    width: 605px;
  }
  
  .z_gallery_album_footer {
    width: auto !important;
    display: block;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 13px;
  }
  
  .z_gallery_album_footer .album-pic-count::after {
    content: " images";
  }
  
  .z_gallery_album_footer .album-name {
    font-weight: 700;
  }
  
  .z_gallery_album_footer_label {
    font-weight: 700;
  }
  
  .z_gallery_album_footer_value {
    color: #00a774;
  }
  
  /*GALLERY VIEWER*/
  .z_video_gallery_footer {
    border-bottom: 1px solid #ccc;
    clear: both;
    position: relative;
    top: -25px;
    width: 605px;
  }
  
  .z_gallery_video_selector_album_wrapper {
    width: 140px;
    height: 205px;
    float: left;
    padding-right: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
  }
  
  .z_gallery_video_selector_album_wrapper:nth-child(4n-1) {
    padding-right: 0;
  }
  
  .z_gallery_video_thumbnail {
    width: 140px;
    height: 110px;
    margin: 0 !important;
    position: relative;
    padding: 0 !important;
    background: none;
    border: none !important;
  }
  
  .z_gallery_video_thumbnail img {
    width: 100%;
    height: 100%;
    -moz-transition-property: background-color;
    -moz-transition-duration: 2s;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid #E4E4E3;
    border-radius: 10px;
  }
  
  .z_gallery_video_thumbnail img:hover {
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: alpha(opacity=50);
  }
  
  .z_gallery_video_album_footer_wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 10px;
    width: 100%;
  }
  
  .z_gallery_youtube_time {
    /*padding: 0 4px;
      font-weight: bold;
      font-size: 11px;
      background-color: #000;
      color: #fff!important;
      height: 14px;
      line-height: 14px;
      opacity: 0.75;
      margin-top: 0;
      margin-right: 0;
      display: inline-block;
      display: -moz-inline-stack;
      filter: alpha(opacity=75);
      zoom: 1;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      position: absolute;
      bottom: 5px;
      right: 5px;
      width: auto;*/
    display: none !important;
  }
  
  .z_gallery_video_album_footer_title {
    font-style: normal;
    font-size: 13px;
    font-weight: 700;
  }
  
  .z_gallery_album_footer_label {
    font-weight: 700;
    float: left;
    margin-right: 10px;
  }
  
  .z_gallery_album_footer_label_value {
    color: #00a774;
  }
  
  .z_gallery_youtube_header_wrapper {
    font-size: 12px;
  }
  
  .z_gallery_youtube_header_cell_label {
    width: 150px;
    float: left;
    font-weight: 700;
    text-align: left;
    margin-left: 5px;
    margin-top: 5px;
  }
  
  .z_gallery_youtube_header_cell_control {
    width: 100px;
    float: left;
    text-align: left;
    margin: 3px;
  }
  
  .z_gallery_youtube_channel_thumbnail_wrapper {
    width: 140px;
    height: 255px;
    float: left;
    padding-right: 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px;
  }
  
  .z_gallery_youtube_channel_thumbnail_wrapper:nth-child(4n) {
    padding-right: 0;
  }
  
  .z_gallery_youtube_channel_thumbnail {
    width: 140px;
    height: 110px;
    margin: 0;
    position: relative;
    padding: 0;
  }
  
  .z_gallery_youtube_channel_thumbnail img {
    width: 100%;
    height: 100%;
    -moz-transition-property: background-color;
    -moz-transition-duration: 2s;
    background-color: rgba(0, 0, 0, 0.6);
    border: 1px solid #E4E4E3;
    border-radius: 10px;
  }
  
  .z_gallery_youtube_channel_thumbnail img:hover {
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: alpha(opacity=50);
  }
  
  .z_gallery_youtube_channel_footer_wrapper {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
  }
  
  .z_youtube_channel_gallery_footer {
    border-bottom: 1px solid #ccc;
    clear: both;
    position: relative;
    top: -36px;
    width: 605px;
  }
  
  .z_gallery_youtube_channel_footer_wrapper div span {
    font-size: 12px;
    font-weight: 400;
  }
  
  .z_gallery_youtube_channel_footer_wrapper div div {
    font-size: 12px;
    font-weight: 400;
  }
  
  .z_gallery_youtube_channel_footer_wrapper #divVideoTitle {
    font-size: 13px;
    font-weight: 700;
    font-style: normal !important;
  }
  
  .z_gallery_youtube_channel_footer_title {
    font-style: italic;
  }
  
  .z_gallery_youtube_channel_footer_label {
    font-weight: 700;
    float: left;
    margin-right: 10px;
  }
  
  .z_gallery_youtube_channel_footer_label_value {
    color: #00a774;
  }
  
  .album_thumbnail {
    width: 150px;
    height: 100px;
    background-color: #add8e6;
    margin: 10px;
    position: relative;
  }
  
  .album_thumbnail img {
    width: 100%;
    height: 100%;
    -moz-transition-property: background-color;
    -moz-transition-duration: 2s;
    background-color: rgba(0, 0, 0, 0.6);
  }
  
  .album_thumbnail img:hover {
    width: 100%;
    height: 100%;
    opacity: .5;
    filter: alpha(opacity=50);
  }
  
  .album_wrapper {
    width: 200px;
    height: 200px;
    float: left;
  }
  
  .album_footer {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }
  
  /*======================================GALLERY SETTINGS*/
  .z_picture_galery_viewer_settings_wrapper {
    padding: 10px;
    background-color: #CDF5FE;
    border: 2px solid blue;
    float: right;
    width: 250px;
  }
  
  .z_glr_sett_table_row {
    width: 500px;
  }
  
  .z_glr_sett_table_cell_label {
    width: 180px;
    float: left;
    font-weight: 700;
    text-align: left;
    background-color: blue;
  }
  
  .z_glr_sett_table_cell_control {
    width: 250px;
    float: left;
    text-align: left;
    background-color: red;
  }
  
  .z_glr_sett_commands_wrapper {
    text-align: right;
  }
  
  .z_glr_sett_error_message {
    color: red;
    font-weight: 700;
  }
  
  .z_glr_sett_pic_galleries_wrapper {
    padding: 10px;
    float: left;
    background-color: #CDF5FE;
    border: 2px solid blue;
  }
  
  .z_glr_sett_vid_galleries_wrapper {
    padding: 10px;
    float: left;
    background-color: #fcd68f;
    border: 2px solid orange;
  }
  
  /***********************
      Common Controls
    ***************************/
  .p_controls_facebook_share_button {
    background-color: #eceef5;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #cad4e7;
    cursor: pointer;
    width: 47px;
    font-family: 'Nunito Sans', Arial;
    font-size: 11px;
    position: relative;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
  }
  
  .p_controls_facebook_share_button a {
    background-image: url(../images/facebook_button.png);
    background-size: auto auto;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    width: 14px;
    padding-left: 15px;
    text-decoration: none;
    color: #3b5998;
  }
  
  .p_controls_facebook_share_button:hover {
    border-top-color: #9dacce;
    border-bottom-color: #9dacce;
    border-left-color: #9dacce;
    border-right-color: #9dacce;
  }
  
  .p_controls_addthis_button {
    background: url(../images/btn-share-print.png) no-repeat;
    background-position: 0 -34px;
    padding-left: 20px;
    overflow: visible;
  }
  
  .p_controls_addthis_button a,
  .p_controls_addthis_button a:visited {
    font-size: 13px;
    text-decoration: none;
    color: #333;
  }
  
  .p_controls_addthis_button a:hover {
    color: #cf0972;
  }
  
  /*================ ROUNDED CORNERS =========================*/
  .corner-tl-boxed-nav,
  .corner-tr-boxed-nav,
  .corner-bl-boxed-nav,
  .corner-br-boxed-nav {
    position: absolute;
    z-index: 1;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    background: url(../images/bgr-cornerborder.png) no-repeat scroll 0 0 transparent;
  }
  
  span.cr,
  .corner-tr,
  .corner-tr-p,
  .corner-tr-g,
  .corner-tr-boxed-nav,
  .corner-tr-boxed-navb,
  .corner-nb-tr {
    top: 0;
    right: 0;
    background-position: 100% 0;
  }
  
  span.ct,
  .corner-tl,
  .corner-tl-p,
  .corner-tl-g,
  .corner-tl-boxed-nav,
  .corner-tl-boxed-navb,
  .corner-nb-tl {
    top: 0;
    left: 0;
    background-position: 0 0;
  }
  
  span.cb,
  .corner-br,
  .corner-br-p,
  .corner-br-g,
  .corner-br-boxed-nav,
  .corner-br-boxed-navb,
  .corner-nb-br {
    bottom: 0;
    right: 0;
    background-position: 100% 100%;
  }
  
  span.cl,
  .corner-bl,
  .corner-bl-p,
  .corner-bl-g,
  .corner-bl-boxed-nav,
  .corner-bl-boxed-navb,
  .corner-nb-bl {
    bottom: 0;
    left: 0;
    background-position: 0 100%;
  }
  
  /*********************
      CPR Authorization
    ***********************/
  /*======================= COMMON ============*/
  .z_cpr_auth_debug {
    color: orange;
    font-weight: 700;
    background-color: #fcf2b8;
    border: 2px solid orange;
    padding: 10px;
    margin-bottom: 20px;
    display: none;
  }
  
  .z_clear {
    clear: both;
    margin-bottom: 10px;
  }
  
  .z_cpr_auth_error_message {
    color: red;
  }
  
  .z_cpr_auth_status_message {
    color: blue;
  }
  
  /*============================ CPR AUTH =============*/
  .z_cpr_auth_control_wrapper {
    background-color: #ebf7f4;
    border-color: #24a988;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    width: 630px;
  }
  
  /*====================== DIV TABLE DESIGN ====================*/
  .z_cpr_auth_row {
    margin-bottom: 20px;
  }
  
  .z_cpr_auth_cell_label {
    width: 200px;
    float: left;
    font-weight: 700;
    text-align: left;
  }
  
  .z_cpr_auth_cell_control {
    width: 300px;
    float: left;
    text-align: left;
  }
  
  /************************
      User Registration
    ******************************/
  .p_user_registration_wrapper,
  .p_subscriber_confirm_wrapper,
  .p_user_finish_registration_wrapper {
    position: relative;
    display: block;
    float: left;
    margin-bottom: 20px;
    margin: 0 auto;
  }
  
  .p_user_registration_content {
    padding: 19px;
    background-color: #ebf7f4;
    border: 1px solid #009b74;
    width: 586px;
    display: block;
    float: left;
  }
  
  .p_subscriber_confirm_content {
    padding: 19px;
    background-color: #ebf7f4;
    border: 1px solid #009b74;
    width: 586px;
    display: block;
    float: left;
  }
  
  .p_user_finish_registration_content {
    padding: 19px;
    background-color: #ebf7f4;
    border: 1px solid #009b74;
    width: 586px;
    display: block;
    float: left;
  }
  
  .p_subscriber_confirm_corner_tr,
  .p_user_registration_corner_tr,
  .p_user_finish_registration_corner_tr {
    top: 0;
    right: 0;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url(../images/bgr-cornerborder-darkg.png) no-repeat scroll 100% 0 transparent;
  }
  
  .p_subscriber_confirm_corner_tl,
  .p_user_registration_corner_tl,
  .p_user_finish_registration_corner_tl {
    top: 0;
    left: 0;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url(../images/bgr-cornerborder-darkg.png) no-repeat scroll 0 0 transparent;
  }
  
  .p_subscriber_confirm_corner_br,
  .p_user_registration_corner_br,
  .p_user_finish_registration_corner_br {
    bottom: 0;
    right: 0;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url(../images/bgr-cornerborder-darkg.png) no-repeat scroll 100% 100% transparent;
  }
  
  .p_subscriber_confirm_corner_bl,
  .p_user_registration_corner_bl,
  .p_user_finish_registration_corner_bl {
    bottom: 0;
    left: 0;
    width: 5px !important;
    height: 5px !important;
    min-height: 5px !important;
    max-height: 5px !important;
    position: absolute;
    background: url(../images/bgr-cornerborder-darkg.png) no-repeat scroll 0 100% transparent;
  }
  
  .p_user_registration_row,
  .p_subscriber_confirm_row,
  .p_user_finish_registration_row {
    padding-bottom: 8px;
    padding-top: 8px;
    display: block;
    height: auto;
    width: 100%;
    float: left;
  }
  
  .p_user_registration_row_nopadding,
  .p_subscriber_confirm_row_nopadding,
  .p_user_finish_registration_row_nopadding {
    display: block;
    height: auto;
    width: 100%;
    float: left;
  }
  
  .p_user_finish_registration_label {
    width: 100%;
    font-size: 13px !important;
  }
  
  .p_subscriber_confirm_radio_button_list {
    width: 265px;
  }
  
  .p_subscriber_confirm_label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 5px;
    width: 157px;
    float: left;
  }
  
  .p_subscriber_confirm_label_value {
    display: block;
    width: 265px;
    float: left;
    font-size: 13px;
  }
  
  .p_subscriber_confirm_textbox,
  .p_user_registration_textbox {
    padding: 6px 10px;
    background-image: url(../images/input-265x30.png);
    background-color: transparent !important;
    height: 18px;
    width: 245px;
    font-size: 13px !important;
    float: left;
    display: block;
    border-left-style: none !important;
    border-left-color: transparent !important;
    border-left-width: medium !important;
    border-right-style: none !important;
    border-right-color: transparent !important;
    border-right-width: medium !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-top-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: transparent !important;
    border-bottom-width: medium !important;
  }
  
  .p_subscriber_confirm_button,
  .p_user_registration_button {
    height: 32px !important;
    width: 84px;
    font-size: 13px !important;
    font-weight: 700;
    color: #fff !important;
    background-image: url(../images/btn-login.png);
    background-color: transparent !important;
    border: none !important;
    cursor: pointer;
  }
  
  .p_subscriber_confirm_box,
  .p_user_registration_box,
  .p_user_finish_registration_box {
    font-size: 15px;
    width: 579px;
    height: 42px;
    display: block;
    background-image: url(../images/box-green579x42.png);
    background-color: transparent !important;
  }
  
  .p_subscriber_confirm_box_label,
  .p_user_registration_box_label,
  .p_user_finish_registration_box_label {
    padding-top: 12px;
    padding-left: 20px;
    display: block;
  }
  
  .p_subscriber_confirm_required_field_validator {
    padding-left: 157px;
  }
  
  .p_user_registration_required_field_validator {
    padding-left: 265px;
  }
  
  .p_user_registration_label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 5px;
    width: 264px;
    float: left;
  }
  
  .p_user_registration_box_error_label,
  .p_subscriber_confirm_box_error_label {
    padding-top: 12px;
    padding-left: 20px;
    display: block;
    color: red;
  }
  
  .p_user_registration_box_message {
    float: left;
    line-height: 18px;
  }
  
  .p_user_registration_box_message_label {
    width: 100%;
    float: left;
    font-size: 13px !important;
  }
  
  /*************************
      Web and Title Description
    ****************************/
  .z_web_title h1 {
    margin-bottom: 5px !important;
    color: #333 !important;
  }
  
  .z_web_description p {
    margin-bottom: 0 !important;
  }
  
  .TabsControl {
    margin-bottom: 15px;
  }
  
  .TabBackground {
    background-color: #f4f4f4;
    border-left: #ccc;
    border-right: #ccc;
    border-bottom: #ccc;
    border-width: 1px;
    border-style: solid;
    border-top-width: 0;
    position: relative;
  }
  
  /* .graybox .box-in {
    height: 168px;
  } */
  
  /* Marko */
  #at15s.atm {
    /*display: block!important;
    top: 300px!important;*/
  }
  
  .t_ota_greenbox579 {
    margin: 10px !important;
  }
  
  /*==== CLASS5 CONTRACT NO ======*/
  .t_contractno_div_ddl {
    float: left;
    margin-left: 20px;
  }
  
  /*==== CLASS5 WHOLE CONTROL WRAPPER ====*/
  .z_class5_control_wrapper {
    clear: both;
    font-size: 13px;
  }
  
  /*===== CLASS5 CONTROL HEADER ======*/
  /*==== CLASS5 THE CONTENTS OF THE CONTROL (ROUND BOX)*/
  .z_class5_contents_wrapper {
    position: relative;
  }
  
  .z_rounded_box_light {
    background-color: #ebf7f4;
    border: 1px solid #24a988;
    padding: 20px;
  }
  
  .z_rounded_box {
    border: 1px solid #24a988;
    background-color: #ebf7f4;
  }
  
  /*==== CLASS5 SUBSCRIBER NUMBER SELECTION ====*/
  .z_class5_subscriber_number_selection_wrapper {
    clear: both;
  }
  
  .z_class5_subscriber_number_selection_label_wrapper {
    float: left;
    margin-right: 10px;
  }
  
  .z_class5_subscriber_number_selection_label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    padding-bottom: 5px;
  }
  
  .z_class5_subscriber_number_selection_list_box_wrapper {
    float: left;
    margin-right: 10px;
    font-size: 12px !important;
    font-family: 'Nunito Sans', Arial;
    margin-left: 5px;
  }
  
  .z_class5_subscriber_number_selection_list_box {
    width: 117px;
    border-radius: 4px;
  }
  
  .z_class5_subscriber_number_selection_text_box_wrapper {
    float: left;
    margin-left: 18px;
  }
  
  .z_class5_subscriber_number_selection_text_box {
    padding: 6px 10px;
    background-image: url(../img/input-113x30.png);
    background-color: transparent !important;
    height: 26px;
    width: 103px;
    font-size: 13px !important;
    float: left;
    display: block;
    border-left-style: none !important;
    border-left-color: transparent !important;
    border-left-width: medium !important;
    border-right-style: none !important;
    border-right-color: transparent !important;
    border-right-width: medium !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-top-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: transparent !important;
    border-bottom-width: medium !important;
  }
  
  .z_class5_get_services_error_wrapper {
    color: red;
    clear: both;
  }
  
  /*=== PROFILE SERVICES GRID =====*/
  .z_class5_profile_services_grid_wrapper {
    position: relative;
  }
  
  .z_class5_profile_services_header_row {
    background-color: #009b74;
    padding: 10px 10px 10px 20px;
    font-size: 15px;
    height: 27px;
    outline-color: transparent;
    font-family: 'Nunito Sans', Arial;
    color: #333;
  }
  
  .z_class5_profile_services_table_header_label {
    color: #fff;
  }
  
  .z_class5_service_row_wrapper {
    background-color: #ebf7f4;
    /*height: 24px;*/
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
  }
  
  .z_class5_service_row_wrapper label {
    margin-left: 10px;
  }
  
  .z_class5_service_alternating_row_wrapper {
    background-color: #fff;
    /*height: 24px;*/
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
  }
  
  .z_class5_service_alternating_row_wrapper label {
    margin-left: 10px;
  }
  
  /*==== CLASS5 BUTTON COMMANDS ======*/
  .z_class5_button_update_wrapper {
    margin-top: 20px;
  }
  
  .z_class5_button_update {
    background: url(../img/btn-login.png) no-repeat;
    width: 84px !important;
    height: 32px;
    margin: 2px;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: center;
    background-color: transparent !important;
    border: none !important;
    cursor: pointer;
  }
  
  /*====== CHANGE SIM ========*/
  .p_change_sim_row {
    padding-bottom: 8px;
    padding-top: 8px;
    clear: both;
  }
  
  .p_change_sim_label {
    font-size: 14px;
    font-weight: 700;
    padding-bottom: 5px;
    float: left;
    display: block;
    width: 200px;
  }
  
  .p_change_sim_textbox {
    padding: 6px 10px;
    background-image: url(../images/input-265x30.png);
    background-color: transparent !important;
    height: 26px;
    width: 255px;
    font-size: 13px !important;
    float: left;
    display: block;
    border-left-style: none !important;
    border-left-color: transparent !important;
    border-left-width: medium !important;
    border-right-style: none !important;
    border-right-color: transparent !important;
    border-right-width: medium !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-top-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: transparent !important;
    border-bottom-width: medium !important;
  }
  
  .p_change_sim_submit {
    height: 32px !important;
    width: 84px;
    font-size: 13px !important;
    font-weight: 700;
    color: #fff !important;
    margin: 0 !important;
    padding: inherit !important;
    background-image: url(../images/btn-login.png);
    background-color: transparent !important;
    border-color: transparent !important;
    border-width: medium !important;
    border-style: none !important;
    cursor: pointer;
  }
  
  .p_change_sim_message {
    font-size: 13px;
  }
  
  .p_change_sim_required_field {
    padding-left: 200px;
    float: left;
    display: block;
    clear: both;
  }
  
  .p_change_sim_transform_dropdown {
    float: left;
    display: block;
    width: 265px;
  }
  
  .p_change_sim_transform_dropdown .jqTransformSelectWrapper {
    width: 238px !important;
  }
  
  .p_change_sim_transform_dropdown .jqTransformSelectWrapper div span {
    width: 238px !important;
  }
  
  .p_change_sim_transform_dropdown .jqTransformSelectWrapper ul {
    width: 258px !important;
    left: 3px;
    top: 29px;
  }
  
  .p_change_sim_transform_dropdown .jqTransformSelectWrapper ul li a {
    font-size: 13px;
  }
  
  /*----- Prepaid number fix ------*/
  .z_prepaid_payment_number_selection_list_box {
    border-radius: 3px;
    font-size: 13px !important;
  }
  
  .z_pp_topup_ccdc_grid_header_row {
    height: 35px !important;
  }
  
  .z_grid_footer_amount_column {
    margin-right: 13px !important;
  }
  
  /*----- POSTPAID number fix ------*/
  .t_online_boxin_header_phone {
    text-align: center;
  }
  
  .t_online_label_2 {
    padding-left: 4px !important;
    display: block !important;
  }
  
  .t_online_boxin_header {
    text-align: center !important;
    height: 36px !important;
  }
  
  .t_onlinepayment_listbox {
    border-radius: 3px !important;
    width: 113px !important;
    height: 77px !important;
    margin-left: 4px !important;
    font-size: 13px !important;
  }
  
  .t_onlinepayment_input113_auto {
    margin-left: 17px !important;
  }
  
  .t_online_boxin_header_row {
    text-align: right;
  }
  
  /*------ CONTRACTS ------*/
  .p_contracts_billing_details_header_cell {
    text-align: center !important;
  }
  
  .p_contracts_billing_details_header_last_cell {
    text-align: center !important;
  }
  
  /*------ progress bar fixes ---------*/
  .t_pckgallowance_itemheader {
    padding-left: 10px !important;
    font-size: 13px !important;
    display: block !important;
    float: left !important;
    min-width: 120px !important;
  }
  
  .t_pckgallowance_progressbar {
    width: 381px !important;
    background-color: #71B27F !important;
    margin-top: -24px !important;
    margin-left: 205px !important;
    background-image: none !important;
  }
  
  .t_pckgallowance_progressbar .ui-progressbar-value {
    background-color: #b27184;
  }
  
  .k_package_allowance_legend_row {
    padding-top: 20px !important;
  }
  
  /*------ Bundle select box fix -----*/
  .k_numbers_under_contract_list_box {
    border-radius: 4px !important;
    font-size: 13px !important;
    width: 100px !important;
  }
  
  .k_antispam_header_row h2 {
    color: #fff !important;
  }
  
  /*------------Payment fix------------*/
  .p_contract_payment_radio_button_list {
    float: left !important;
    width: 220px !important;
  }
  
  .t_online_label_hidden {
    visibility: hidden !important;
    display: block !important;
  }
  
  /*------------------- Survey fix --------------------*/
  .z_survey_question_header_wrapper {
    background-color: #00a774;
    background-color: inherit;
  }
  
  .z_survey_question_header_wrapper .z_clear {
    margin-bottom: 0;
  }
  
  .z_survey_question_order_number_wrapper {
    float: left;
    margin: 5px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
  }
  
  .z_survey_question_text_wrapper {
    float: left;
    margin: 5px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
  }
  
  .z_survey_choices_grid_wrapper {
    margin: 0 auto;
    border: none;
    margin-left: 10px;
    background-color: #fff;
    background-color: inherit;
    width: 100%;
  }
  
  .z_survey_choice_text_column {
    padding-left: 5px;
    vertical-align: top;
    border-width: 0;
    padding-top: 4px;
    position: relative;
    top: -6px;
  }
  
  .z_survey_free_text_question_answer {
    width: 87%;
    border-radius: 5px;
  }
  
  .z_survey_choices_grid_view {
    width: auto;
    background-color: inherit;
    padding-right: 20px;
    margin-bottom: 10px;
  }
  
  .z_survey_question_wrapper {
    margin-bottom: 20px;
  }
  
  .z_SurveySolverQuestions .z_survey_question_wrapper:last-child {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
  
  .z_SurveySolverSubmitWrapper {
    text-align: left;
  }
  
  .z_SurveySolverSubmitButton {
    margin-bottom: 0;
  }
  
  .z_survey_free_text_question_answer_wrapper {
    margin: 0;
    position: relative;
    left: 10px;
  }
  
  /*==================================*/
  /* ADDITIONAL QUIZ CSS*/
  /*==================================*/
  .z_quiz_completed_wrapper {
    background-color: #ebf7f4;
    border-color: #24a988;
    border-style: solid;
    border-width: 1px;
    padding: 20px;
    border-radius: 5px;
    width: 500px;
    width: inherit;
  }
  
  .z_quiz_completed_page_wrapper {
    margin: 20px;
  }
  
  .z_quiz_completed_cell_label {
    float: left;
    width: auto;
    font-weight: 700;
    text-align: left;
  }
  
  .z_quiz_completed_cell_control {
    float: left;
    width: auto;
    text-align: left;
  }
  
  .z_quiz_participant_data_text_box {
    padding: 6px 10px;
    background-image: url(../images/input-113x30.png);
    background-color: transparent !important;
    height: 26px;
    width: 103px;
    font-size: 13px !important;
    float: left;
    display: block;
    border-left-style: none !important;
    border-left-color: transparent !important;
    border-left-width: medium !important;
    border-right-style: none !important;
    border-right-color: transparent !important;
    border-right-width: medium !important;
    border-top-style: none !important;
    border-top-color: transparent !important;
    border-top-width: medium !important;
    border-bottom-style: none !important;
    border-bottom-color: transparent !important;
    border-bottom-width: medium !important;
  }
  
  /*this is the class which hides the X button in IE text fields because the empty field validation doesn't work when the field is cleared like this*/
  .z_quiz_participant_data_text_box::-ms-clear {
    display: none !important;
  }
  
  .z_quiz_submit_participant_button,
  .z_quiz_review_choices_button {
    background: url(../images/btn-login.png) no-repeat;
    width: 84px !important;
    height: 32px;
    margin: 2px;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    text-align: center;
    background-color: transparent !important;
    border: none !important;
    cursor: pointer;
  }
  
  table[id="tblParticipantData"] tr[id="header"] td {
    padding-bottom: 20px;
  }
  
  table[id="tblParticipantData"] tr td[class="z_quiz_label"] {
    width: 130px;
    vertical-align: top;
    font-weight: 700;
    font-size: 13px;
  }
  
  table[id="tblParticipantData"] tr td[class="z_quiz_textbox"] {
    width: 130px;
    padding-bottom: 20px;
  }
  
  table[id="tblParticipantData"] tr[id="commands"] td {
    padding-top: 20px;
  }
  
  table[id="tblParticipantData"] span[class="z_error_message"] {
    /*	height:50px;*/
    display: block;
    clear: both;
  }
  
  table[id="tblParticipantData"] tr:nth-child(4) {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d7d7d7;
  }
  
  table[id="tblQuizCompletedIncorrectly"] tr td {
    text-align: center;
  }
  
  /*==================================*/
  /* ADDITIONAL QUIZ SOLVER CSS*/
  /*==================================*/
  .z_quiz_question_header_wrapper {
    font-size: 13px;
    background-color: #00a774;
    background-color: inherit;
  }
  
  .z_quiz_question_header_wrapper .z_clear {
    margin-bottom: 0;
  }
  
  .z_quiz_question_order_number_wrapper {
    float: left;
    margin: 5px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
  }
  
  .z_quiz_question_text_wrapper {
    float: left;
    margin: 5px;
    color: #000;
    font-weight: 700;
    font-size: 14px;
  }
  
  .z_quiz_choices_grid_wrapper {
    border: none;
    margin-left: 10px;
    background-color: inherit;
    width: 100%;
  }
  
  .z_quiz_choice_text_column {
    padding-left: 5px;
    vertical-align: top;
    border-width: 0;
    padding-top: 4px;
    position: relative;
    top: -2px;
  }
  
  .z_quiz_choices_grid_view {
    margin: 0 auto;
    margin-bottom: 10px;
    width: 100%;
    background-color: #fff;
    background-color: inherit;
    padding-right: 20px;
    border: none;
  }
  
  .z_quiz_question_wrapper {
    margin-bottom: 20px;
  }
  
  .z_QuizSolverQuestions .z_quiz_question_wrapper:last-child {
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
  
  .z_quiz_solver_submit_button_wrapper {
    height: 31px;
    margin-top: 13px;
  }
  
  .z_quiz_solver_submit_button_wrapper input {
    float: left;
  }
  
  .z_quiz_choices_grid_view_correct_question {
    margin-bottom: 10px;
    width: 90%;
    border: none;
    background-color: #91ff91;
    border-radius: 10px;
  }
  
  .z_quiz_choices_grid_view_incorrect_question {
    width: 90%;
    border: none;
    background-color: #FFb0b0;
    margin-bottom: 10px;
    border-radius: 10px;
  }
  
  .z_quiz_radio_button_column {
    width: 25px;
    vertical-align: top;
    border-width: 0;
    padding-bottom: 7px;
    padding-left: 5px;
    padding-top: 3px;
  }
  
  .z_quiz_check_box_column {
    width: 25px;
    vertical-align: top;
    border-width: 0;
    padding-top: 7px;
    padding-left: 6px;
    padding-bottom: 4px;
  }
  
  /* Home promo boxes */
  /*MY Zain Welcome message*/
  #divWellcomeNoteWrapper span {
    font: 14px Arial;
  }
  
  /* Quick Pay Fix */
  .z_payment_receipts_from_label_wrapper span {
    font: 12px Arial;
  }
  
  .z_payment_receipts_to_label_wrapper span {
    font: 12px Arial;
  }
  
  /* QUIZ fix */
  .z_quiz_question_wrapper .z_quiz_choices_grid_wrapper {
    margin-left: 0 !important;
  }
  
  .z_survey_choices_grid_wrapper {
    margin-left: 0;
  }
  
  .z_survey_command_save_wrapper {
    display: block;
    margin: 5px !important;
  }
  
  .z_survey_command_publish_wrapper {
    display: block;
    margin: 5px !important;
  }
  
  .z_survey_command_delete_wrapper {
    display: block;
    margin: 5px !important;
  }
  
  .z_form_commands_wrapper input {
    background-color: #ccc;
    border: 1px solid #666;
  }
  
  .p_billing_summary_back {
    top: 0 !important;
  }
  
  /* Quick pay */
  .p_postapaid_quickpay_table_row td,
  .p_prepaid_quickpay_payment_table_row td {
    border-right: none !important;
  }
  
  .p_postapaid_quickpay_table_alternating_row td:last-child,
  .p_prepaid_quickpay_payment_table_alternating_row td:last-child {
    border-right: none !important;
  }
  
  #divPostapaidQuickpayData .p_packageinfo_content {
    border: none !important;
  }
  
  .p_prepaid_quickpay_payment_row .p_prepaid_quickpay_submit {
    padding: 0 !important;
  }
  
  .p_postapaid_quickpay_table_header th,
  .p_prepaid_quickpay_payment_table_header th {
    border-right: none !important;
  }
  
  .p_einvoice_registration_subscribe_title,
  .p_einvoice_registration_einvoice_mail_title {
    padding-top: 6px;
  }
  
  /*  After Golivefixes */
  .ms-srch-item-body {
    font-size: 13px;
  }
  
  .z_profile_edit_content_header_wrapper {
    font-size: 13px;
  }
  
  .p_postapaid_quickpay_table_row td,
  .p_prepaid_quickpay_payment_table_row td {
    border-right: 1px solid #99D7C7 !important;
  }
  
  .k_numbers_under_contract_text_box {
    width: 138px !important;
    border-radius: 5px;
    font-size: 13px;
  }
  
  .k_antispam_label_info {
    font-size: 13px !important;
    color: #fff;
  }
  
  .z_number_selection_list_box {
    font-size: 13px !important;
    border-radius: 5px;
  }
  
  .p_change_sim_label {
    width: 154px !important;
  }
  
  .z_pay_rcpts_details_pay_alloc_item {
    text-align: right;
  }
  
  .t_onlinepayment_greenbox .t_onlinepayment_boxin .t_onlinepayment_gv tr td {
    padding: 5px !important;
  }
  
  .t_onlinepayment_greenbox {
    margin-left: -14px !important;
  }
  
  /* ### PACCKAGE ALLOWANCE ADDITIONAL */
  .t_pckgallowance_wrapper {
    /*width: 650px;
      margin-top: 0px !important;
      border-color: #009b74;
      border-width: 1px;
      border-style: solid;
      background-color: rgb(235, 247, 244);
      float: left;*/
    margin-top: 15px !important;
    float: none !important;
    border: none;
    width: 621px;
    background: none;
  }
  
  .t_pckgallowance_wrapper h2 {
    font-size: 14px;
    font-weight: 700;
    /*padding-top: 20px;*/
    padding-top: 0;
    /*padding-left: 19px;*/
    padding-left: 0;
    color: #000;
  }
  
  .t_pckgallowance_div {
    width: 609px;
    /*padding: 19px;*/
    /*padding: 0px;*/
    background-color: #ebf7f4;
    margin-left: -10px;
  }
  
  /*.t_pckgallowance_lbtwo {
      padding-right: 20px;
      font-size: 13px;
      display: block;
      float: left;
    }*/
  .t_pckgallowance_rectangle_used {
    width: 16px;
    height: 30px;
    background-color: #b27184;
    float: left;
    margin-bottom: 10px;
  }
  
  .t_pckgallowance_rectangle_used span {
    padding-left: 20px;
  }
  
  .t_pckgallowance_rectangle_free {
    width: 16px;
    height: 30px;
    background-color: #71b27f;
    float: left;
    margin-left: 85px;
    margin-bottom: 10px;
  }
  
  .t_pckgallowance_rectangle_free span {
    padding-left: 20px;
  }
  
  .ui-widget-header {
    background-image: none !important;
  }
  
  /* MESSAGE */
  .k_package_allowance_last_row {
    clear: both;
  }
  
  .k_package_allowance_message_label {
    font-size: 13px;
  }
  
  .k_package_allowance_notification_message_row {
    clear: both;
  }
  
  .k_package_allowance_notification_message_label {
    font-size: 14px;
  }
  
  .k_package_allowance_legend_row {
    width: 418px;
    overflow: hidden;
    clear: both;
  }
  
  .k_package_allowance_legend_consumed {
    width: 25px;
    float: left;
  }
  
  .k_package_allowance_legend_remaining {
    float: left;
  }
  
  .p_packageinfo_header_row {
    background-color: #009B74;
    font-size: 15px;
    font-family: 'Nunito Sans', Arial;
    color: #333;
    line-height: 27px;
    padding: 10px 10px 10px 20px;
  }
  
  .p_packageinfo_heafer_label {
    color: #FFF;
    font-weight: 400;
  }
  
  .p_packageinfo_table_alternating_row {
    background-color: #EBF7F4;
  }
  
  .p_packageinfo_table_row {
    background-color: #FFF;
  }
  
  .p_packageinfo_table_item_title {
    border-right: 1px solid #009B74;
    padding: 10px;
    font-size: 13px;
    text-align: left;
    vertical-align: top;
    width: 50%;
  }
  
  .p_packageinfo_table_item_value {
    padding: 10px;
    font-size: 13px;
    text-align: left;
    vertical-align: top;
  }
  
  .p_packageinfo_row_title {
    margin-left: 10px;
  }
  
  /*========================*/
  /*========================*/
  .t_pckgallowance_item {
    /*vertical-align: middle;*/
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 25px;
  }
  
  .t_pckgallowance_itemheader_wrapper {
    float: left;
    /*background-color:blue;*/
    margin-right: 10px;
    margin-left: 0;
    width: 163px;
  }
  
  .t_pckgallowance_itemheader {
    font-size: 13px;
  }
  
  .t_pckgallowance_lbone_wrapper {
    float: left;
    /*background-color:orange;*/
    width: 100px;
    overflow: visible;
  }
  
  .t_pckgallowance_lbone {
    font-size: 13px;
  }
  
  .t_pckgallowance_container {
    /*width: 100%;*/
    /*width: 100%;*/
    /* background-color: red; */
    /*border: 2px solid black;*/
    float: left;
    /*float:right;*/
    width: 315px;
  }
  
  .k_package_allowance_container_consumed {
    width: 25px;
    float: left;
  }
  
  .k_package_allowance_container_free {
    width: 10px;
    float: left;
  }
  
  .k_package_allowance_container_remainder {
    /*width: 100%;*/
    /*float: left;*/
    padding-bottom: 4px;
  }
  
  .t_pckgallowance_progressbar {
    /*width: 355px !important;*/
    width: 315px !important;
    background-color: #71b27f;
    margin-top: -5px !important;
    margin-left: 0 !important;
    background-image: none;
  }
  
  .t_pckgallowance_progressbar .ui-progressbar-value {
    background-color: #b27184;
    padding-top: 1%;
  }
  
  .t_pckgallowance_progressbar_span {
    /*display: block;
          position: absolute;
          text-align: center;*/
    text-align: center;
    padding-top: 2%;
  }
  
  /*  SEDCO FIX */
  .xdsoft_datetimepicker .xdsoft_datepicker {
    width: auto !important;
  }
  
  .xdsoft_datetimepicker.xdsoft_inline {
    width: auto !important;
  }
  
  .z_sedco_grey_panel span {
    font-size: 12px !important;
  }
  
  .xdsoft_datetimepicker {
    font-size: 10px !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_calendar th {
    font-size: 10px !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_calendar table {
    width: 170px !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_prev {
    width: 15px !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_today_button {
    margin-left: 0 !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_label {
    width: 75px !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_year {
    margin-left: -5px !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_year {
    width: 48px !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 138px !important;
  }
  
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    width: 22px !important;
  }
  
  /* Depricated since 16.04.2018 */
  /* .sedco-button {
      display: block;
      width: 46px;
      height: 46px;
      float: left;
      margin-left: 302px;
    } */
  .p_login_required_field {
    background: url("/_catalogs/masterpage/Zain Branding/images/bgr-greenstar.png") repeat scroll 0 0 transparent;
    width: 9px;
    height: 9px;
    float: left;
    display: block;
    margin-top: 3px;
    margin-left: 2px;
  }
  
  .p_login_message_row_wrapper {
    height: 20px !important;
    font-size: 11px;
  }
  
  .p_login_message_left_part {
    float: left;
  }
  
  .p_login_message_right_part {
    margin-left: 2px;
  }
  
  .p_login_fields_row_wrapper {
    margin-top: 10px;
    height: 60px !important;
  }
  
  .p_login_links_row_wrapper {
    margin-top: 10px;
    height: 30px !important;
  }
  
  .p_login_left_column_wrapper {
    float: left;
    margin-right: 20px;
    width: 276px;
    border: medium none;
  }
  
  .p_login_right_column_wrapper {
    float: left;
    width: 276px;
  }
  
  #wrapperLoginControl .error {
    font-size: 11px;
  }
  
  /*location list in Location Finder*/
  [id$=b_divLocations] {
    margin-top: 50px;
  }
  
  /*Back button for Bundle page*/
  .backButton {
    background-image: url(/_catalogs/masterpage/Payment/img/btn-login.png);
    width: 84px;
    height: 32px;
  }
  
  .backButton a span {
    padding-left: 26px;
    padding-top: 9px;
    position: absolute;
    color: #fff;
  }
  
  .ms-rtestate-field h1 {
    color: #333 !important;
  }
  
  @media (max-width: 969px) {
    /*DURTY ONE for Pagelayout locations list positioning*/
    #ctl00_ctl38_g_377bb6a9_ec5b_4848_bf39_fc23701a073b_divLocations,
    #ctl00_SPWebPartManager1_g_377bb6a9_ec5b_4848_bf39_fc23701a073b_divLocations {
      margin-top: 100px;
    }
    #ctl00_ctl38_g_377bb6a9_ec5b_4848_bf39_fc23701a073b_ctrKioskLocations_divResult,
    #ctl00_SPWebPartManager1_g_377bb6a9_ec5b_4848_bf39_fc23701a073b_ctrKioskLocations_divResult {
      max-width: calc(100vw - 30px);
      overflow: auto;
    }
    /*this styles may stay.*/
    #livechat-eye-catcher,
    #RTInterceptPopup {
      display: none !important;
    }
    .fixed-on-scroll_mobile {
      top: 0;
      position: fixed;
      left: 0;
      width: 100%;
      z-index: 1000;
      /*it should be over over all*/
      background: #fff;
    }
    #ms-designer-ribbon.fixed-on-scroll_mobile {
      z-index: 1001;
    }
    /*there are a lot of places where -40px margin added to p inside header.*/
    .ms-rtestate-field h1 + p {
      margin: 0 !important;
    }
    
    /*always hide the ribbon for mobile*/
    #ms-designer-ribbon{	
      display:none;
    }
    #ms-designer-ribbon+span .ms-signInLink{
      /*Stage unautorized ribbon*/
      display:none!important;
    }
    .pagetop {
      top:0!important;
    }
  }
  
  /*Popup fixes*/
  @media (max-width: 969px) {
    #colorbox {
      overflow: visible !important;
    }
    #cboxOverlay,
    #cboxWrapper,
    #cboxLoadedContent {
      max-width: 100%;
    }
    #colorbox,
    #cboxTopCenter,
    #cboxContent,
    #cboxBottomCenter {
      max-width: calc(100% - 50px);
    }
  }
  
  .cmn-no-scroll {
    overflow: hidden !important;
  }
  
  .cmn-hide {
    display: none !important;
  }
  
  @media (max-width: 640px) {
    .cmn-mobile-no-scroll {
      overflow: hidden !important;
    }
  }
  
  /*Google maps fix*/
  #map_canvas *{
      -webbkit-box-sizing:  content-box;
      box-sizing: content-box
  }
  /*# sourceMappingURL=MainResponsiveUpgrade.min.css.map */