@font-face {
    font-family: 'BPGArialCaps';
    src: url('fonts/bpg_arial_caps.eot');
    src: url('fonts/bpg_arial_caps.eot?#iefix') format('embedded-opentype'),
    url('fonts/bpg_arial_caps.woff') format('woff'),
    url('fonts/bpg_arial_caps.ttf') format('truetype'),
    url('fonts/bpg_arial_caps.svg#BPGArialCaps') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BPGArial';
    src: url('fonts/bpg_arial.eot');
    src: url('fonts/bpg_arial.eot?#iefix') format('embedded-opentype'),
    url('fonts/bpg_arial.woff') format('woff'),
    url('fonts/bpg_arial.ttf') format('truetype'),
    url('fonts/bpg_arial.svg#BPGArial') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    background: #FFFFFF;
    font-family: "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 12px;
    color: #333;
    margin: 0;
    padding: 0;
}
input, textarea, select {
    font-family: "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 12px;
}
p {
    margin: 0;
}
a {
    color: #064287;
}
img {
    border: none;
}
label {
    cursor: pointer;
}
.sep_5 {
    height: 5px;
}
.sep_10 {
    height: 10px;
}
.sep_20 {
    height: 20px;
}
.sep_30 {
    height: 30px;
}
.sep_40 {
    height: 40px;
}
.sep_50 {
    height: 50px;
}
.clearb {
    clear: both;
}
.hidden {
    display: none;
}
.centered {
    text-align: center;
}
.inline_block {
    display: inline-block;
}
.no_wrap {
    white-space: nowrap;
}
.padding_10 {
    padding: 10px;
}
.line_sep {
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 0;
}
.red_text {
    color: #e90000;
}
.bold_text {
    font-weight: bold;
}
a.sort-none, a.sort-asc, a.sort-desc{
    padding-right: 17px;
    text-decoration: none !important;
    background: url("../img/sort_none.png") no-repeat right;
}
a.sort-asc {
    background: url("../img/sort_asc.png") no-repeat right;
}
a.sort-desc {
    background: url("../img/sort_desc.png") no-repeat right;
}
.header_cnt {
    position: relative;
    z-index: 16;
}
.header {
    margin: 0 auto;
    width: 980px;
    overflow: hidden;
}
.header .logo {
    padding: 8px 8px 8px 26px;
    float: left;
}
.header .logo a {
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.header .logo .slogan {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    max-width: 500px;
}
.header .logo img {
    border: 0;
}
.header .right_cnt {
    float: right;
    overflow: hidden;
}
.header .top_links {
    margin-top: 10px;
    float: right;
    clear: both;
}
.header .top_link {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    color: #555555;
    text-decoration: none;
    font-size: 12px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #e0e0e0;
}
.header .top_link span{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-right: 10px;
}
.header .top_links .icon {
    width: 14px;
    height: 12px;
    margin-right: 5px;
}
.top_links .icon_sitemap {
    background: url("../img/sprites.png?v=50") no-repeat -228px -1px;
}
.top_links .icon_map {
    background: url("../img/sprites.png?v=50") no-repeat -244px -1px;
}
.top_links .icon_contact {
    background: url("../img/sprites.png?v=50") no-repeat -260px -1px;
}
.header_cnt .menu_cnt {
    background: #efefef;
}
.header_cnt .menu {
    margin: 0 auto;
    width: 980px;
}
.top_links .lang_link {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 22px;
    height: 16px;
    text-decoration: none;
}
.top_links .lang_link_ge {
    background: url("../img/sprites.png?v=50") no-repeat -283px -30px;
}
.top_links .lang_link_en {
    background: url("../img/sprites.png?v=50") no-repeat -307px -30px;
}
.header .search_cnt {
    float: right;
    clear: both;
    position: relative;
    margin-top: 30px;
}
.header .search_input {
    border: 1px solid #E0E0E0;
    width: 277px;
    height: 18px;
    background: #FFF;
    padding: 5px 30px 5px 5px;
    outline: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header .search_cnt:hover .search_input, .header .search_input:active, .header .search_input:hover  {
    border-color: #064287;
    outline: none;
}
.header .search_btn input {
    background: none!important;
    border: 0!important;
    width: 0!important;
    height: 0!important;
    margin: 0!important;
    padding: 0!important;
}
.header .search_btn {
    display: block;
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -340px -1px;
    position: absolute;
    top: 8px;
    right: 10px;
}
.header .search_btn:hover, .header .search_cnt:hover .search_btn {
    background: url("../img/sprites.png?v=50") no-repeat -358px -1px;
}
.header_cnt .menu {
    background: #f2682b;
    height: 50px;
}
.mobile_header {
    display: none;
    position: relative;
    z-index: 16;
}
.main_cnt {
    background: #f6f6f6;
    position: relative;
    z-index: 2;
    overflow: hidden;
    zoom: 1;
    padding-bottom: 30px;
    clear: both;
}
.main {
    width: 980px;
    margin: 10px auto 0;
    overflow: hidden;
    zoom: 1;
}
.map_body .main_cnt {
    z-index: auto;
}

.loading_common {
    width: 16px;
    height: 11px;
    background: url("../img/loader.gif") no-repeat;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 5px;
    vertical-align: middle;
}

/* Buttons --->>> */
.no_bg_btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-decoration: none;
    cursor: pointer;
}
.no_bg_btn span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-decoration: none;
    vertical-align: middle;
}

.icon_arrow_s {
    height: 11px;
    width: 7px;
    background: url("../img/sprites.png?v=50") no-repeat -232px -16px;
}
.icon_logout_s {
    height: 11px;
    width: 12px;
    background: url("../img/sprites.png?v=50") no-repeat -242px -16px;
}
.icon_logout {
    height: 15px;
    width: 17px;
    background: url("../img/sprites.png?v=50") no-repeat -67px -261px;
}
.icon_logout_20 {
    height: 20px;
    width: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -65px -259px;
}
.btn {
    font-family: "BPGArial", sylfaen, arial, tahoma, sans-serif;
    color: #ffffff;
    background: #064287;
    padding: 6px 10px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
}
.btn_transparent {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    text-decoration: none;
}
.btn_transparent span.text {
    padding-top: 5px;
    text-decoration: underline;
}
.btn.orange {
    background: #f2682b;
}
.btn.red {
    background: #e90000;
}
.btn.disabled {
    background: #bbb;
}
a.btn, .btn a {
    text-decoration: none;
    color: #ffffff;
}
.btn:hover {
    background: #043267;
    color: #ffffff;
}
.btn.orange:hover {
    background: #e25415;
}
.btn.red:hover {
    background: #c40000;
}
.btn.disabled:hover {
    background: #999;
}
.btn.green {
    background: #46bc62;
}
.btn.green:hover {
    background: #18742e;
}
.btn_transparent span,
.btn span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.btn_transparent .icon,
.btn .icon {
    margin-left: 10px;
    font-size: 0;
}
.btn .left_icon {
    margin-left: 0;
    margin-right: 10px;
    font-size: 0;
}
.btn input {
    background: none!important;
    border: 0!important;
    width: 0!important;
    height: 0!important;
    margin: 0!important;
    padding: 0!important;
}
.btn .only_icon {
    font-size: 0;
    margin-left: 0;
    margin-right: 0;
}
/* Buttons <<<--- */

/* Home banners --->>> */
.home_banners_cnt, .home_banners_cnt * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.home_banners_cnt {
    position: relative;
    margin: 0 0 20px;
}
.home_banners_cnt ul{
    display: block;
    cursor: default !important;
    height: 100%;
}
.home_banners_cnt li img {
    width: 100%;
}
.home_banners_cnt li {
    position: relative;
    opacity:inherit;
    filter:inherit;
}
.home_banners_cnt .caroufredsel_wrapper {
    position: relative;
    cursor: default !important;
}
.home_banners_cnt .banner_paging {
    position: absolute;
    bottom: 10px;
    right: 5px;
}
.home_banners_cnt .banner_paging a{
    display: block;
    width: 14px;
    height: 14px;
    background: #ffffff;
    float: left;
    margin: 0 5px;
    text-indent: -5000px;
    border: 1px solid #004386;
}
.home_banners_cnt .banner_paging a.selected{
    background: #004386;
}
.home_banners_cnt .banner_text {
    position: absolute;
    top: 30px;
    left: 30px;
    background: #064287;
    width: 25%;
    color: #FFF;
    padding: 15px 50px 15px 15px;
    opacity:inherit;
    filter:inherit;
}
.home_banners_cnt .title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
}
.home_banners_cnt .link {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    display: block;
    background: url("../img/sprites.png?v=50") no-repeat -331px -30px;
}
/* Home banners <<<--- */

/* Fuel prices --->>> */
.fuel_prices {
    background: #f2682b;
    width: 30%;
    float: right;
    position: relative;
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 20px;
}
.fuel_prices .gel_symbol {
    background: url("../img/sprites.png?v=50") no-repeat -331px -158px;
    width: 170px;
    height: 200px;
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 1;
}
.fuel_prices .product_name, .fuel_prices .product_price {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
}
.fuel_prices .product_name {
    float: left;
}
.fuel_prices .product_price {
    float: right;
    font-size: 16px;
}
.fuel_prices .price_entries {
    padding: 20px;
    position: relative;
    z-index: 2;
    padding-bottom: 40px;
}
.fuel_prices .price_entry {
    margin-bottom: 15px;
    overflow: hidden;
}
.fuel_prices .price_entries .last {
    margin-bottom: 0;
}
.fuel_prices .view_archive {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 13px;
    background: #e25415;
    text-align: right;
    padding: 5px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}
.fuel_prices .view_archive a {
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
}
.fuel_prices .view_archive span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
}
.icon_arrow_20_w {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -359px -30px;
}
.icon_arrow_back_20_w {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -95px -455px;
}
.icon_card_order_20_w {
    width: 23px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat 0 -430px;
}
.icon_card_renew_20_w {
    width: 23px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -23px -430px;
}
.price_detailed .price_entries {
    position: relative;
    background: #ffffff;
}
.price_detailed .price_entries .price_entries_inner {
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    overflow-x: hidden;
    overflow-y: auto;
    height: 400px;
}
.price_detailed .price_entries .price_entries_inner .dummy, .price_detailed .price_entries .price_entries_inner a  {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-align: center;
}
.price_detailed .price_entries .price_entries_inner .dummy {
    height: 100%;
}
.price_detailed .price_entries table {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
}
.price_detailed .price_entries table td {
    width: 13%;
    vertical-align: middle;
}
.price_detailed .price_entries .header_bg {
    background: #064287;
    height: 55px;
}
.price_detailed .price_entries .prices_header td {
    padding: 0;
}
.price_detailed .price_entries .th-inner {
    position: absolute;
    top: 0;
    height: 55px;
    text-align: left;
    border-left: 1px solid #1254a0;
    margin-left: -1px;
    width: 12.5%;
    overflow: hidden;
    text-align: center;
}
.price_detailed .price_entries .prices_header td.first .th-inner {
    border-left: 0;
}
.price_detailed .price_entries .prices_header a {
    color: #ffffff;
    text-decoration: none;
}
.price_detailed .price_entries .prices_header a .small {
    display: none;
}
.price_detailed .price_entries .prices_cnt td {
    border-right: 1px solid #e2e2e2;
}
.price_detailed .price_entries .prices_cnt td.last {
    border-right: 0;
}
.price_detailed .price_entries .even td {
    background: #efefef;
}
.price_detailed .price_entries .odd td {
    background: #ffffff;
}
.price_detailed .price_entries .prices_cnt td span {
    display: block;
    padding: 5px;
    text-align: center;
}
.price_detailed .icon_calendar {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.icon_calendar {
    width: 18px;
    height: 18px;
    background: url("../img/sprites.png?v=50") no-repeat 0 -160px;
}
.price_detailed .download {
    background: #f2682b;
    display: block;
    position: absolute;
    right: 0;
    top: -25px;
    cursor: pointer;
    font-size: 0;
}
.price_detailed .download .icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 2px;
    font-size: 0;
}
.icon_download {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -20px -160px;
}
/* Fuel prices <<<--- */

/* Home shortcuts --->>> */
.home_shortcuts {
    width: 67%;
    float: left;
    margin-bottom: 20px;
}
.home_shortcut {
    background: #064287;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 23.5%;
    margin-right: 2%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.home_shortcut:hover {
    background: #043267;
}
.home_shortcuts .last {
    margin-right: 0;
}
a.home_shortcut_cnt {
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #ffffff;
    display: block;
    cursor: pointer;
}
.home_shortcut .icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 10px;
}
.home_shortcut .shortcut_title {
    display: block;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
}
.home_shortcut .shortcut_title span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.home_shortcut .shortcut_title .dummy {
    height: 100%;
}
.icon_auth_w {
    width: 52px;
    height: 52px;
    background: url("../img/sprites.png?v=50") no-repeat -263px -60px;
}
.icon_st_map_w {
    width: 52px;
    height: 52px;
    background: url("../img/sprites.png?v=50") no-repeat -317px -60px;
}
.icon_club_w {
    width: 66px;
    height: 52px;
    background: url("../img/sprites.png?v=50") no-repeat -372px -60px;
}
.icon_store_w {
    width: 52px;
    height: 52px;
    background: url("../img/sprites.png?v=50") no-repeat -440px -60px;
}
.icon_invoice_w {
    width: 52px;
    height: 52px;
    background: url("../img/sprites.png?v=50") no-repeat -1px -297px;
}
/* Home shortcuts <<<--- */


/* Home left cnt --->>> */
.home_left_cnt {
    width: 67%;
    float: left;
    overflow: hidden;
    zoom: 1;
}
.home_promos {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
/* Home page promos <<<--- */


/* Promos --->>> */
.promo_news_entry {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 49%;
    margin-right: 2%;
    overflow: hidden;
    margin-bottom: 10px;
    background: #ffffff;
}
.promo_news_entries .second {
    margin-right: 0;
}
.promo_news_entries .full_width {
    width: 100%;
    margin-right: 0;
}
.promo_news_entry_cnt {
    border: 1px solid #e2e2e2;
    position: relative;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    display: block;
    text-decoration: none;
    cursor: pointer;
}
.promo_news_entry_cnt:hover {
    border: 1px solid #064287;
}
.promo_news_entry .promo_title {
    display: block;
    height: 65px;
    padding: 10px 35px 0 10px;
    text-decoration: none;
    color: #064287;
    font-size: 14px;
    overflow: hidden;
}
.promo_news_entry .promo_title .date {
    display: block;
    font-size: 11px;
    color: #555555;
    margin-top: 3px;
}
.promo_news_entry .promo_pic {
    overflow: hidden;
    position: relative;
    overflow: hidden;
    background: #F6F6F6;
    display: block;
}
.promo_news_entry .promo_pic img {
    width: 100%;
    display: block;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.promo_news_entry_cnt:hover .promo_pic img, .promo_news_entry .promo_pic img:hover {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.promo_news_entry .promo_link {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
}
.icon_arrow_20_b {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -381px -30px;
}




/*vouchers*/

.vouchers_tittle {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 16px;
    color: #064287;
}

.vouchers_entries_modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
}

.vouchers_entries_modal_content {
    width: 500px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}

.vouchers_entries_modal_content .modal_header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    background: #dfeffa;
}

.vouchers_entries_modal_content .modal_header .modal_title {
    font-size: 14px!important;
    color: #264584!important;
}

.vouchers_entries_modal_content .modal_header button {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    cursor: pointer;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    background-color: transparent;
    border: 0;
}

.vouchers_entries_modal_content .modal_body {
    padding: 30px 0!important;
    text-align: center;
    position: relative;
    flex: 1 1 auto;
}

.vouchers_entries_modal_content .modal_body p {
    font-size: 16px;
    font-weight: 600;
}






.vouchers_entries .list .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
}

.vouchers_entries .list .row .col-lg-4 {
    width: 100%;
}

@media screen and (min-width: 767px) {
    .vouchers_entries .list .row .col-lg-4 {
        flex: 0 0 33.333333%;
        max-width: 31.433333%;
        position: relative;
        width: 100%;
        padding-right: 5px;
        padding-left: 5px;
    }
}

.vouchers_entries .list .row .promo {
    margin-bottom: 30px;
    background: #fff;
    border-radius: 5px;
    color: #000;
}

.vouchers_entries .list .row .promo .body {
    padding: 5px;
}

@media screen and (max-width: 767px) {
    .vouchers_entries .list .row .promo .body {
        padding: 20px;
    }
}

.vouchers_entries .list .row .promo .body .imageC {
    margin-bottom: 20px;
}

.vouchers_entries .list .row .promo .body .imageC img {
    max-width: 100%;
    border-radius: 4px;
}

.vouchers_entries .list .row .promo .body .titleC {
    font-size: 14px;
}

.vouchers_entries .list .row .promo .body .titleC img {
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.vouchers_entries .list .row .promo .body .titleC .voucher {
    color: #e56727;
    font-weight: 700;
}

.vouchers_entries .list .row .promo .body .descriptionC {
    margin-top: 20px;
    font-size: 13px;
    padding: 0 5px;
}

.vouchers_entries .list .row .promo .action {
    display: block;
    width: 100%;
    padding: 15px;
    text-align: center;
    border: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #e56727;
    color: #fff;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}




/* Promos <<<--- */

/* Box --->>> */
.home_news {
    width: 30%;
    float: right;
    clear: right;
}
.home_gulf_club {
    width: 30%;
    float: right;
    clear: right;
}
.box {
    margin-bottom: 20px;
}
.box .box_title {
    background: #064287;
    color: #ffffff;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    padding: 13px 35px 7px 15px;
    position: relative;
}
.box .box_link {
    position: absolute;
    top: 7px;
    right: 10px;
    text-decoration: none;
    color: #fff;
}
.box .box_link span {
    display: inline-block;
    vertical-align: middle;
    padding-top: 6px;
}
.box .box_link span.icon {
    padding: 0;
}
.box .box_cnt {
    padding: 10px 15px;
    background: #FFFFFF;
}
.orange_box .box_title {
    background: #f2682b;
}
/* Box <<<--- */

/* News --->>> */
.home_news_entry {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}
.home_news_entry .news_date {
    font-size: 12px;
    color: #064287;
    margin-bottom: 5px;
    font-weight: bold;
}
.home_news_entry .news_title {
    text-decoration: none;
    color: #444444;
}
.home_news_entries .last {
    border-bottom: 0;
    margin-bottom: 0;
}
/* News <<<--- */


/*Alert and notification styles start*/
.alert {
    padding: 5px;
    margin: 5px 0;
    border: 1px solid;
    line-height: 18px;
}
.alert ul {
    margin: 0;
}
.alert-success {
    color: #009539;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}
.alert-success a {
    color: #009539;
    text-decoration: underline;
}
.alert-info {
    color: #31708F;
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}
.alert-info a {
    color: #31708F;
    text-decoration: underline;
}
.alert-warning {
    color: #8A6D3B;
    background-color: #FCF8E3;
    border-color: #FAEBCC;
}
.alert-warning a {
    color: #8A6D3B;
    text-decoration: underline;
}
.alert-danger {
    border: 1px solid;
    color: #c00000 !important;
    background-color: #fce8e8 !important;
    border-color: #c00000 !important;
    padding: 5px;
    margin-bottom: 10px;
}
.alert-danger a {
    color: #c00000;
    text-decoration: underline;
}
.alert a {
    font-weight: bold;
}
.alert a:hover {
    text-decoration: underline;
}
.alert.only-text {
    border: 0;
    background: none !important;
    padding: 5px 0;
    margin: 0;
}
/*Alert and notification styles end*/

/* Form --->>> */
.form {
    position: relative;
}
.form .rightmost {
    position: absolute;
    bottom: 0;
    right: 0;
}
.form .form_left_btns {
    position: absolute;
    bottom: 0;
    right: 0;
}
.form .form_left_btns .btn {
    margin-right: 5px;
}
.form .form_left_btns .btn:last-child {
    margin-right: 0;
}
.form .ui-datepicker-trigger,
.form1 .ui-datepicker-trigger {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.form .inline_btn {
    vertical-align: bottom;
    margin-bottom: 10px;
}
.form_field {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 250px;
    margin-bottom: 10px;
}
.small_form_field {
    width: 150px;
}
.form_field_chkb {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 200px;
    margin-bottom: 10px;
}
.form_field_chkb_med {
    width: 250px;
}
.form_field_radio {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-bottom: 0 !important;
    margin-right: 30px;
}
.form_field .date_cnt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-right: 10px;
}
.form_field_cnt {
    background: #ffffff;
    position: relative;
    overflow: hidden;
    display: block;
    border: 1px solid #064287;
    padding: 6px 5px 7px;
}
.form_field_disabled .form_field_cnt {
    background: #efefef;
    border: 1px solid #777;
}
.form_field_cnt.with_icon .ui-datepicker-trigger {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.form_field_cnt.no_bg_border {
    border: 0;
    background: none;
    padding: 0;
}
.success {
    padding: 5px;
    margin-bottom: 10px;
    color: #3C763D;
    background-color: #DFF0D8;
    border: 1px solid #3C763D;
}
.form_input {
    background: #ffffff;
    outline: none;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
}
.form_field_disabled .form_input {
    background: #efefef;
}
.form_field_cnt .input_cnt {
    display: block;
}
.form_field .with_btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-bottom: 5px;
}
.form_field .with_icon .input_cnt {
    padding-right: 40px;
}
.form_field_cnt .icon_cnt {
    position: absolute;
    top: 0;
    right: 7px;
    height: 100%;
}
.form_field_cnt .icon_cnt span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.form_field_cnt .icon_cnt .dummy {
    height: 100%;
}
.form_field label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 5px;
}
.form_field.with_sub_label label {
    margin-bottom: 1px;
}
.form_field .sub_label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 5px;
    color: #777;
    font-size: 11px;
}
.form_input_med {
    width: 180px;
    padding: 5px;
    border: 1px solid #064287;
    outline: none;
}

.form_sub_title {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #064287;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
}
.form1 .form_field {
    width: 315px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.form1 .small_field {
    width: 100px;
}
.form1 .form_field_auto_w {
    width: auto !important;
}
.form1 .form_field_chkb {
    margin-right: 20px;
    margin-bottom: 10px;
}
.form1 .fuel_field {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e2e2e2;
}
.form1 .fuel_field .form_field_chkb, .form1 .fuel_field .form_field  {
    margin-bottom: 0;
    vertical-align: middle;
}
.form1 .fuel_field .form_field_chkb {
    margin-bottom: 5px;
    width: 250px;
}
.form1 .fuel_field .suf_label {
    display: block;
    float: left;
}
.form1 .chkb_group label {
    text-align: center;
    margin-right: 10px;
}
.form1 .chkb_group label span {
    display: block;
}
.form1 .chkb_group label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.form1 .sub_label {
    display: block;
    margin-bottom: 5px;
}
.form1 .card_entry {
    border: 1px solid #064287;
    padding: 15px;
    margin-bottom: 10px;
    position: relative;
}
.form1 .delete_card_entry {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.form1 .card_entry .form_field {
    width: 300px;
}
.form1 .textarea_cnt {
    border: 1px solid #064287;
    padding: 5px;
    background: #ffffff;
    overflow: hidden;
}
.form1 textarea {
    width: 100%;
    height: 100px;
    border: 0;
    padding: 0;
    margin: 0;
    background: none;
    outline: none;
    resize: vertical;
}
.captcha {
    float: left;
    cursor: pointer;
}
.reload-captcha {
    display: block;
    float: left;
    padding: 0 10px 5px 5px;
    cursor: pointer;
}
.reload-captcha span {
    width: 13px;
    height: 14px;
    background: url("../img/sprites.png?v=50") no-repeat -43px -161px;
    display: block;
}
.required {
    color: #c00000;
    font-family: 'Verdana', 'Arial', 'sans-serif';
    font-weight: bold;
    font-size: 12px;
}
.form_field_cnt.input-text-error, input.input-text-error, .error, .cnt_error, .textarea_cnt.input-text-error {
    border: 1px solid #c00000;
    background-color: #fce8e8;
}
.form_field_cnt.input-text-error .form_input {
    background-color: #fce8e8;
}
.error, .cnt_error {
    padding: 5px;
    margin-bottom: 10px;
    color: #c00000;
}
.error ul, .cnt_error ul {
    margin: 0;
}
.icon_plus_20_w {
    background: url("../img/sprites.png?v=50") no-repeat -62px -84px;
    width: 20px;
    height: 20px;
}
.icon_red_x {
    background: url("../img/sprites.png?v=50") no-repeat -62px -62px;
    width: 20px;
    height: 20px;
}
.icon_x {
    background: url("../img/sprites.png?v=50") no-repeat 0 -401px;
    width: 20px;
    height: 20px;
}
.icon_card_lb {
    background: url("../img/sprites.png?v=50") no-repeat 0 -122px;
    width: 27px;
    height: 17px;
}
.icon_person_lb {
    background: url("../img/sprites.png?v=50") no-repeat -30px -122px;
    width: 12px;
    height: 16px;
}
.icon_id_lb {
    background: url("../img/sprites.png?v=50") no-repeat -46px -125px;
    width: 15px;
    height: 12px;
}
.icon_addr_lb {
    background: url("../img/sprites.png?v=50") no-repeat -63px -122px;
    width: 18px;
    height: 17px;
}
.icon_phone_lb {
    background: url("../img/sprites.png?v=50") no-repeat -2px -141px;
    width: 16px;
    height: 16px;
}
.icon_email_lb {
    background: url("../img/sprites.png?v=50") no-repeat -22px -141px;
    width: 16px;
    height: 16px;
}
.icon_car_number_lb {
    background: url("../img/sprites.png?v=50") no-repeat -42px -141px;
    width: 34px;
    height: 13px;
}
.icon_mobile_lb {
    background: url("../img/sprites.png?v=50") no-repeat -79px -141px;
    width: 8px;
    height: 14px;
}
.icon_lock_lb {
    background: url("../img/sprites.png?v=50") no-repeat -71px -401px;
    width: 16px;
    height: 16px;
}
/* Form <<<--- */

/* Gulf club --->>> */
.gulf_club_summary .entry {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}
.gulf_club_summary .sub_entry {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 30px;
    margin-bottom: 15px;
}
.gulf_club_summary .sub_entry.last {
    margin-right: 0;
    margin-bottom: 0;
}
.gulf_club_summary .no_border {
    border-bottom: 0;
    margin-bottom: 5px;
}
.gulf_club_summary .entry_title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    color: #064287;
}
.gulf_club_summary .value {
    color: #e25415;
    font-size: 18px;
}
.gulf_club_summary .span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
}
.gulf_club_summary .actions {
    overflow: hidden;
}
.gulf_club_summary .actions a {
    float: left;
}
.gul_club_auth_s .form_field {
    width: 100%;
}
.gulf_club_login_cnt {
    background: #FFF;
    border: 1px solid #E2E2E2;
    padding: 10px 10px 20px 10px;
    text-align: center;
    margin-bottom: 20px;
}
.gulf_club_login_cnt .form1 {
    border-right: 1px solid #cccccc;
    margin-right: 10px;
    padding-right: 10px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.gulf_club_login_cnt .form1 .form_field {
    width: 60%;
    margin-right: 0;
}
.gulf_club_login_cnt .card_info {
    width: 300px;
    text-align: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 20px 0;
}
.gulf_club_login_cnt .card_info .label {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 150px;
    text-align: right;
    color: #064287;
}
.gulf_club_login_cnt .btn {
    margin-bottom: 10px;
}
.partners {
    text-align: center;
}
.partners a {
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: 10px;
}
.discount_entry {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 5px;
    margin-bottom: 2px;
}
.discount_entry .label {
    width: 65%;
    font-weight: bold;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.gulf_club_details {
    background: #FFF;
    border: 1px solid #E2E2E2;
    padding: 10px 10px 20px 10px;
    position: relative;
    z-index: 1;
}
.gulf_club_details .entry {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}
.gulf_club_details .no_border {
    border-bottom: 0;
    margin-bottom: 5px;
}
.gulf_club_details .sub_entries {
    display: block;
    margin-left: 48px;
}
.gulf_club_details .entry_icon {
    margin-right: 10px;
    margin-bottom: 10px;
    display: block;
    float: left;
}
.gulf_club_details .sub_entry {
    margin-right: 30px;
    margin-bottom: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    min-width: 150px;
}
.gulf_club_details .entry .large_btns {
    position: absolute;
    top: -10px;
    font-size: 0;
    right: 0;
    max-width: 360px;
}
.gulf_club_details .entry .large_btn {
    background: #f2682b;
    width: 110px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 13px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.gulf_club_details .entry .large_btn:last-child {
    margin-right: 0;
}
.gulf_club_details .entry .large_btn .btn_title_cnt {
    padding: 10px 5px 5px;
    line-height: 30px;
    height: 30px;
    display: block;
    background: #064287;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
    position: relative;
}
.gulf_club_details .entry .large_btn .btn_title_cnt:after {
    content: '';
    font-size: 0;
    background: url('../img/sprites.png?v=50') no-repeat -307px -482px;
    width: 19px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: -9px;
    left: 46px;
}
.gulf_club_details .entry .large_btn .btn_title {
    display: inline-block;
    vertical-align: middle;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    line-height: 16px;
}
.gulf_club_details .entry .large_btn .btn_icon_cnt {
    padding: 5px;
    line-height: 55px;
    height: 55px;
    display: block;
    text-align: center;
    padding-top: 10px;
}
.gulf_club_details .entry .large_btn .btn_icon {
    display: inline-block;
    vertical-align: middle;
}
.icon_lari_lg_wt {
    width: 46px;
    height: 46px;
    background: url("../img/sprites.png?v=50") no-repeat 0 -500px;
}
.icon_tree_lg_wt {
    width: 46px;
    height: 46px;
    background: url("../img/sprites.png?v=50") no-repeat -46px -500px;
}
.icon_percentage_lg_wt {
    width: 46px;
    height: 46px;
    background: url("../img/sprites.png?v=50") no-repeat -92px -500px;
}
.gulf_club_details .entry .small_btns {
    display: none;
}
.gulf_club_details .entry .small_btns a.btn {
    display: inline-block;
    position: relative;
}
.discount_entries {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-right: 20px;
}
.discount_entries .sub_entry {
    width: 330px;
    margin-right: 0;
}
.gulf_club_details .entry_title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    color: #064287;
}
.gulf_club_details .value {
    color: #e25415;
    font-size: 18px;
}
.gulf_club_details .span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
}
.gulf_club_details_title {
    overflow: hidden;
}
.gulf_club_details_title .page_title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 9px;
    margin-top: 7px;
}
.gulf_club_details_title .gulf_club_logout_btn {
    font-size: 13px;
    display: block;
    float: right;
}


.special_discount_entry .value {
    color: #dc1c25;
}
.icon_user {
    width: 38px;
    height: 38px;
    background: url("../img/sprites.png?v=50") no-repeat 0 -181px;
}
.icon_user_bs {
    width: 24px;
    height: 24px;
    background: url("../img/sprites.png?v=50") no-repeat -163px -427px;
}
.icon_points {
    width: 38px;
    height: 38px;
    background: url("../img/sprites.png?v=50") no-repeat -40px -181px;
}
.icon_points_bs {
    width: 24px;
    height: 24px;
    background: url("../img/sprites.png?v=50") no-repeat -188px -427px;
}
.icon_discount {
    width: 38px;
    height: 38px;
    background: url("../img/sprites.png?v=50") no-repeat 0 -221px;
}
.icon_special_discount {
    width: 38px;
    height: 38px;
    background: url("../img/sprites.png?v=50") no-repeat -40px -221px;
}
.icon_tags_bs {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -276px -427px;
}
.icon_tags_gs {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -276px -447px;
}
.icon_percentage_bs {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -297px -427px;
}
.icon_percentage_gs {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -297px -447px;
}
.icon_ring_bs {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -213px -427px;
}
.icon_ring_gs {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -213px -447px;
}
.icon_star_bs {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -234px -427px;
}
.icon_star_gs {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -234px -447px;
}
.icon_clock_bs {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -255px -427px;
}
.icon_clock_gs {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -255px -447px;
}
.icon_clock2_gs {
    width: 18px;
    height: 18px;
    background: url("../img/sprites.png?v=50") no-repeat -88px -482px;
}
.icon_ticket_gs {
    width: 18px;
    height: 18px;
    background: url("../img/sprites.png?v=50") no-repeat -107px -482px;
}
.icon_check_wt {
    width: 24px;
    height: 18px;
    background: url("../img/sprites.png?v=50") no-repeat -126px -482px;
}
.icon_print_wt {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -242px -479px;
}
.icon_arrow_left_wt {
    width: 11px;
    height: 18px;
    background: url("../img/sprites.png?v=50") no-repeat -265px -481px;
}
.icon_arrow_right_wt {
    width: 11px;
    height: 18px;
    background: url("../img/sprites.png?v=50") no-repeat -276px -481px;
}
.icon_arrow_up_wt {
    width: 18px;
    height: 11px;
    background: url("../img/sprites.png?v=50") no-repeat -287px -478px;
}
.icon_arrow_down_wt {
    width: 18px;
    height: 11px;
    background: url("../img/sprites.png?v=50") no-repeat -287px -489px;
}


.discount_graph {
    width: 300px;
    height: 80px;
    position: relative;
    margin-top: 15px;
    margin-right: 35px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.discount_graph .scale {
    height: 35px;
    width: 300px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}
.discount_graph .scale .line {
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #aaaaaa;
}
.discount_graph .scale .scale_point {
    position: absolute;
    top: 3px;
}
.discount_graph .scale .scale_point div {
    background: #aaaaaa;
    height: 10px;
    width: 3px;
    margin-left: -50%;
    *margin-left: 0;
}
.discount_graph .scale .scale_unit {
    position: absolute;
    top: 15px;
}
.discount_graph .scale .scale_unit div {
    margin-left: -50%;
    *margin-left: 0;
    font-size: 11px;
    color: #064287;
}
.discount_graph .current_amount {
    height: 60px;
    position: absolute;
    top: 8px;
    border-left: 1px solid #064287;
    color: #064287;
    width: 100%;
    z-index: 3;
    margin-left: 10px;
}
.discount_graph .current_amount div {
    position: absolute;
    bottom: -5px;
    left: 0;
}
.discount_graph .current_amount span {
    font-size: 11px;
}
.discount_graph .current_amount span.a_value {
    font-size: 16px;
}

.discount_graph .infinity {
    position: absolute;
    top: 10px;
    right: 0;
    width: 25px;
    margin-right: -35px;
    height: 9px;
    background: url("../img/sprites.png?v=50") no-repeat 0 -261px;
}
.discount_graph .scale_over {
    overflow: hidden;
    height: 35px;
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2;
    padding-left: 10px;
}
.discount_graph .scale_over .scale {
    top: 0;
}
.discount_graph .scale_current .scale_point div, .discount_graph .scale_current .line  {
    background: #f2682b;
}

.discount_graph .discounts {
    height: 35px;
    width: 300px;
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 5;
}
.discount_graph .discounts_over {
    overflow: hidden;
    height: 35px;
    width: 100%;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 6;
    padding-left: 10px;
}
.discount_graph .discounts_over .discounts {
    top: 0;
}
.discount_graph .discount_point {
    position: absolute;
    top: 0;
}
.discount_graph .discount_point div {
    width: 18px;
    height: 18px;
    background: url("../img/sprites.png?v=50") no-repeat -47px -261px;
    position: relative;
    top: 0;
    left: -9px;
    *left: -7px;
}
.discount_graph .discounts_over .discount_point  div {
    background: url("../img/sprites.png?v=50") no-repeat -27px -261px;
}
.discount_graph .discount_unit {
    position: absolute;
    top: -20px;
}
.discount_graph .discount_unit div {
    margin-left: -50%;
    *margin-left: 0;
    color: #064287;
    font-size: 14px;
}
.discount_graph .discount_unit.active_h div {
    color: #e25415;
    font-weight: bold;
    font-size: 15px;
}
.gulf_club_details .owner_details {
    position: relative;
}
.gulf_club_details .owner_details .sub_entries {
    margin-right: 130px;
}
.gulf_club_details .owner_details .btn {
    position: absolute;
    top: 0;
    right: 0;
}

.tab_box {
    position: relative;
}
.link_tabs_cnt,
.tab_box .tabs {
    position: relative;
    z-index: 2;
    margin-bottom: -1px;
}
.link_tabs_cnt a,
.tab_box .tabs .tab_item {
    padding: 10px 5px 8px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #ffffff;
    border: 1px solid #064287;
    background: #064287;
    border-bottom: 0;
    margin-right: 3px;
    -webkit-transition: background 0.5s ease, border-color 0.5s ease;
    -moz-transition: background 0.5s ease, border-color 0.5s ease;
    -o-transition: background 0.5s ease, border-color 0.5s ease;
    transition: background 0.5s ease, border-color 0.5s ease;
    height: 14px;
    cursor: pointer;
}
.link_tabs_cnt a.planted_trees {
    background: #46bc62;
    border-color: #46bc62;
}
.link_tabs_cnt a:hover,
.tab_box .tabs .tab_item:hover {
    background: #043267;
    border-color: #043267;
}
.link_tabs_cnt a.planted_trees:hover {
    background: #18742e;
    border-color: #18742e;
}
.link_tabs_cnt a.active,
.tab_box .tabs .active_tab {
    color: #064287;
    border: 1px solid #E2E2E2 !important;
    background: #fff !important;
    border-bottom: 1px solid #ffffff !important;
}
.link_tabs_cnt a.planted_trees.active {
    color: #18742e;
}
.link_tabs_cnt a:last-child,
.tab_box .tabs .tab_item:last-child {
    margin-right: 0;
}
.link_tabs_cnt .expand_collapse,
.tab_box .tabs .expand_collapse {
    height: 32px;
    width: 44px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: none;
    z-index: 2;
}
.link_tabs_cnt .expand_collapse .icon,
.tab_box .tabs .expand_collapse .icon {
    width: 20px;
    height: 13px;
    background: url("../img/sprites.png?v=50") no-repeat -394px -1px;
    position: absolute;
    top: 9px;
    right: 12px;
}
.tab_box .tab_cnt {
    background: #FFF;
    border: 1px solid #E2E2E2;
    padding: 10px 10px 20px 10px;
    position: relative;
    z-index: 1;
}
.svc_pmt_history,
.planted_trees_history {
    background: #FFF;
    border: 1px solid #E2E2E2;
    padding: 10px 10px 20px 10px;
    position: relative;
    z-index: 1;
}
.svc_pmt_history_filter .form_field {
    width: 110px;
}
.svc_pmt_history_filter .ui-datepicker-trigger {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.date_sep_line {
    color: #064287;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
    font-size: 24px;
}
.svc_pmt_history_filter .btn,
.svc_pmt_history_filter .form_field,
.date_sep_line {
    vertical-align: bottom;
    margin-bottom: 10px;
}
.icon_search_20_w {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -46px -455px;
}
.icon_buy_20_w {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -69px -455px;
}
.icon_tree_20_w {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -42px -477px;
}
.icon_offer_20_w {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -173px -479px;
}
.icon_accounts_20_w {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -196px -479px;
}
.icon_check_20_w {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -219px -479px;
}
.icon_tree_20_g {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -64px -477px;
}
.planted_tree_link {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 3px 3px 0 0;
    vertical-align: middle;
}
.planted_tree_view {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.plant_tree_status {
    border-top: 1px solid;
}
.plant_tree_status.planted {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-top-color: #cde0bd !important;
}
.plant_tree_status.partially_planted {
    color: #31708f !important;
    background-color: #d9edf7 !important;
    border-top-color: #b3dfe8 !important;
}
.plant_tree_status.not_planted {
    color: #674933 !important;
    background-color: #fce49c !important;
    border-top-color: #fcc158 !important;
}
.b_grid_inner,
.svc_pmt_history_grd_inner,
.planted_tress_grd_inner
{
    overflow-y: hidden;
    overflow-x: auto;
}
.b_grid th a {
    color: #fff;
}
.b_grid,
.fueling_history,
.svc_pmt_history_grd,
.planted_tress_grd {
    position: relative;
}
.b_grid,
.fueling_history_title,
.spent_points_history_title,
.svc_pmt_history_grd,
.planted_tress_grd {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.b_grid.b_grid_with_aggregates {
    overflow: hidden;
}
.b_grid table,
.fueling_history table,
.svc_pmt_history_grd table,
.planted_tress_grd table {
    background: #ffffff;
    border-bottom: 1px solid #E2E2E2;
    width: 100%;
}
.b_grid td,
.fueling_history td,
.svc_pmt_history_grd td,
.planted_tress_grd td {
    border-left: 1px solid #E2E2E2;
    padding: 5px;
}
.b_grid th,
.fueling_history th,
.svc_pmt_history_grd th,
.planted_tress_grd th {
    background: #064287;
    font-weight: normal;
    color: #fff;
    padding: 10px 5px;
    border-right: 1px solid #1254A0;
}
.b_grid th.last,
.fueling_history th.last,
.svc_pmt_history_grd th.last,
.planted_tress_grd th.last {
    border-right: none;
}
.b_grid td.last,
.fueling_history td.last,
.svc_pmt_history_grd td.last,
.planted_tress_grd td.last {
    border-right: 1px solid #E2E2E2;
}
.b_grid .even td,
.fueling_history .even td,
.svc_pmt_history_grd .even td,
.planted_tress_grd .even td {
    background: #EFEFEF;
}
.b_grid .odd td,
.fueling_history .odd td,
.svc_pmt_history_grd .odd td,
.planted_tress_grd .odd td {
    background: #FFF;
}

.b_grid td.td_warning {
    color: #674933 !important;
    background-color: #fce49c !important;
    border-bottom: 1px solid #fcc158;
}
.b_grid tr:hover td.td_warning,
.b_grid td.td_warning:hover {
    background-color: #fcc158 !important;
}

.b_grid td.td_success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-bottom: 1px solid #cde0bd;
}
.b_grid tr:hover td.td_success,
.b_grid td.td_success:hover {
    background-color: #cde0bd !important;
}

.b_grid td.td_danger {
    color: #c00000 !important;
    background-color: #fce8e8 !important;
    border-bottom: 1px solid #fcb3b3;
}
.b_grid tr:hover td.td_danger,
.b_grid td.td_danger:hover {
    background-color: #fcb3b3 !important;
}

.b_grid table tr:last-child td.td_warning,
.b_grid table tr:last-child td.td_success,
.b_grid table tr:last-child td.td_danger {
    border-bottom: 0;
}

.b_grid .even:hover td,
.fueling_history .even:hover td,
.svc_pmt_history_grd .even:hover td,
.planted_tress_grd .even:hover td,
.b_grid .odd:hover td,
.fueling_history .odd:hover td,
.svc_pmt_history_grd .odd:hover td,
.planted_tress_grd .odd:hover td {
    background: #dbdbdb;
}
.fueling_history .highlighted td,
.svc_pmt_history_grd .highlighted td {
    color: #674933;
    background-color: #fce49c;
}
.fueling_history .download,
.spent_points_history .download,
.accumulation_points_history .download,
.svc_pmt_history_grd .download
{
    background: #f2682b;
    display: block;
    position: absolute;
    right: 0;
    top: -25px;
    cursor: pointer;
    font-size: 0;
}
.fueling_history .download .icon,
.spent_points_history .download .icon,
.accumulation_points_history .download .icon,
.svc_pmt_history_grd .download .icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 2px;
    font-size: 0;
}
.b_grid_cnt,
.fueling_history_cnt,
.svc_pmt_history_grd_cnt,
.planted_tress_grd_cnt {
    position: relative;
}
.b_grid_cnt .loader,
.fueling_history_cnt .loader,
.svc_pmt_history_grd_cnt .loader,
.planted_tress_grd_cnt .loader {
    background: url("../img/loader.gif") no-repeat 50% 50%;
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}
.spent_points_history_inner,
.fueling_history_inner {
    overflow-y: hidden;
    overflow-x: auto;
}

.gulf_club_card_dob_cnt .day_cnt {
    width: 25%;
    margin-right: 2%;
}
.gulf_club_card_dob_cnt .month_cnt {
    width: 46%;
    margin-right: 2%;
}
.gulf_club_card_dob_cnt .year_cnt {
    width: 25%;
    margin-right: 0;
}
.gulf_club_card_order .order_totals {
    margin: 30px 0;
}
.gulf_club_card_order .order_totals_title {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    color: #064287;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
}
.gulf_club_card_order .promo_cnt .form_input {
    width: 180px;
}
.gulf_club_card_order .promo_cnt_inner {
    padding: 10px 0;
}
.gulf_club_card_order .totals_cnt {
    background: #efefef;
    overflow: hidden;
}
.gulf_club_card_order .totals_cnt_inner {
    padding: 10px;
    overflow: hidden;
}
.gulf_club_card_order .totals_cnt .entry {
    padding: 7px 0;
    font-size: 14px;
}
.gulf_club_card_order .totals_cnt .entry_title, .gulf_club_card_order .totals_cnt .entry_value {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    text-align: left;
    width: 50%;
}
.gulf_club_card_order .totals_cnt .entry_value {
    text-align: right;
}
.gulf_club_card_order .totals_cnt .total_entry {
    font-size: 16px;
    color: #064287;
}
.gulf_club_card_order .totals_cnt .sep {
    height: 1px;
    background: #ccc;
    margin: 10px 0;
}
.gulf_club_card_order .totals_cnt .promo_discount_entry {
    display: none;
}
.gulf_club_card_order .totals_cnt .btn_cnt {
    float: right;
}
.gulf_club_card_order_id
{
    padding: 10px 0 20px;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    color: #064287;
}
.gulf_club_card_order_message
{
    padding-bottom: 100px;
}
.tbc_visa_mc_cnt {
    float: left;
    margin-top: 5px;
}


.gulf_club_card_order .card_info
{
    background: #efefef;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 20px;
}
.gulf_club_card_order .card_info .entry {
    padding-bottom: 10px;
}
.gulf_club_card_order .card_info .name {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 150px;
    color: #064287;
}
.gulf_club_card_order .card_info .value {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.gulf_club_card_order .no_margin {
    margin: 0 !important;
}
.gulf_club_login_inner_cnt, .gulf_club_reg_cnt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 60%;
}
.gulf_club_reg_cnt {
    text-align: left;
    width: 40%;
}
.gulf_club_reg_cnt .title_text {
    padding-bottom: 5px;
    display: block;
    font-size: 14px;
}
.btn_gulf_club_pay_services,
.btn_gulf_club_plant_tree {
    margin-bottom: 5px;
}
/* Gulf club <<<--- */

/* Footer --->>> */
.footer_cnt {
    border-top: 2px solid #e2e2e2;
    background: #efefef;
    padding: 20px 0;
}
.footer {
    width: 980px;
    margin: 0 auto;
}
.footer_menu {
    width: 50%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.footer_menu, .footer_menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer_menu li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.footer_menu li a {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    color: #064287;
    text-decoration: none;
    padding-right: 10px;
    height: 38px;
    display: block;
    overflow: hidden;
}
.footer_menu li li {
    display: block;
    margin-bottom: 5px;
}
.footer_menu li li a {
    font-family: "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 12px;
    color: #444;
    padding-right: 0;
    display: inline;
}
.footer_menu li li a.menuactive {
    color: #064287;
}
.footer_menu ul ul {
    padding-right: 10px;
}
.copy_cnt {
    height: 70px;
}
.copy_cnt .copy {
    width: 980px;
    margin: 10px auto;
}
.contact_boxes {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 50%;
}
.social_media {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 50%;
}
.social_media_cnt {
    padding: 0 10px;
}
.social_media .sc_title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    color: #064287;
}
.social_media .links {
    margin-top: 15px;
}
.social_media .links .link {
    width: 32px;
    height: 32px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 5px;
}
.social_media .link_fb {
    background: url("../img/sprites.png?v=50") no-repeat -402px -21px;
}
.social_media .link_tw {
    background: url("../img/sprites.png?v=50") no-repeat -435px -21px;
}
.social_media .link_yt {
    background: url("../img/sprites.png?v=50") no-repeat -468px -21px;
}
.contacts {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 50%;
}
.contacts_cnt {
    padding: 0 10px;
}
.contacts .sc_title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    color: #064287;
}
.contacts .hot_line {
    margin-top: 15px;
}
.contacts .hot_line span {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 16px;
}
.contacts .hot_line span.num {
    color: #064287;
    font-size: 24px;
}
.chat_box_cnt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 50%;
}
.chat_box_btn_cnt {
    padding: 0 10px;
}
.chat_box {
    width: 160px;
    padding: 10px;
    cursor: pointer;
    overflow: hidden;
}
.chat_box_cnt .online {
    background: #259b24;
}
.chat_box_cnt .offline {
    background: #f2682b;
}
.chat_box_cnt span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 16px;
    color: #ffffff;
}
.chat_box_cnt  a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.chat_box_cnt span.text {
    width: 100px;
    margin-left: 10px;
}
.icon_chat_b_w {
    background: url("../img/sprites.png?v=50") no-repeat -451px -115px;
    width: 46px;
    height: 40px;
}
.contact_boxes .dummy_cnt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 50%;
}
/* Footer <<<--- */

/* Internal page --->>> */
.top_banner {
    overflow: hidden;
    margin-bottom: 20px;
    overflow: hidden;
}
.top_banner img {
    width: 100%;
}
.page_cnt {
    width: 70%;
    float: left;
    margin-bottom: 20px;
}
.page_title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 16px;
    color: #064287;
    margin-bottom: 15px;
}
.sub_title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 16px;
    color: #064287;
    padding-bottom: 5px;
    border-bottom: 1px solid #064287;
    margin-bottom: 10px;
}
.sub_title_no_border {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 16px;
    color: #064287;
    margin-bottom: 15px;
}
.page_text {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.right_menu {
    width: 27%;
    float: right;
    clear: right;
}
.right_side {
    width: 27%;
    float: right;
    clear: right;
    overflow: hidden;
}

.int_shortcuts {
    width: 27%;
    float: right;
    clear: right;
    margin-bottom: 20px;
}
.int_shortcut {
    background: #064287;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.int_shortcuts .second, .int_shortcuts .last {
    margin-right: 0;
}
.int_shortcuts .third, .int_shortcuts .last {
    margin-bottom: 0;
}
a.int_shortcut_cnt {
    text-align: center;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    display: block;
    cursor: pointer;
}
.int_shortcut .icon {
    display: inline-block;
    margin-bottom: 10px;
}
.int_shortcut .shortcut_title {
    display: block;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    height: 32px;
    overflow: hidden;
}
.int_shortcut:hover {
    background: #043267;
}
/* Internal page <<<--- */


/* Gallery --->>> */
.gallery_entry {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 48.3%;
    margin-right: 3%;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.gallery_entries .right {
    margin-right: 0;
}
.gallery_entry .thumb {
    display: block;
    overflow: hidden;
    margin-bottom: 34px;
}
.gallery_entry:hover .thumb,  .gallery_entry .thumb:hover {
    border-bottom: 0;
}
.gallery_entry .thumb img {
    width: 100%;
}
.gallery_entry .link_cnt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f2682b;
    webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.gallery_entry .link {
    text-decoration: none;
    color: #ffffff;
    display: block;
    padding: 10px 35px 10px 10px;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 13px;
    position: relative;
}
.gallery_entry .link_cnt:hover, .gallery_entry:hover .link_cnt  {
    background-color: #E25415;
}
.gallery_entry .thumb img {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.gallery_entry:hover .thumb img, .gallery_entry .thumb img:hover {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.gallery_entry .icon {
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
}
/* Gallery <<<--- */


/* Right menu --->>> */
.right_menu ul {
    border: 1px solid #e2e2e2;
    border-top: 0;
    background: #ffffff;
    border-bottom: 0;
}
.right_menu ul, .right_menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.right_menu ul a {
    text-decoration: none;
    display: block;
    padding: 10px;
    padding-left: 0;
    color: #444444;
    cursor: pointer;
}
.right_menu .parent_row {
    padding-left: 30px;
    border-bottom: 1px solid #e2e2e2;
}
.right_menu .parent_row.menuparent {
    cursor: pointer;
}
.right_menu ul a.last {
    /*border-bottom: 0;*/
}
.right_menu ul a.menuactive, .right_menu ul a:hover {
    color: #f2682b;
}
.right_menu ul li {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.right_menu ul li:hover {
    background-color: #EDEDED;
}
.right_menu ul ul {
    border: 0;
    display: none;
    background: #F6F6F6;
    /*border-bottom: 1px solid #e2e2e2;*/
}
.right_menu ul ul.expanded {
    display: block;
}
/*.right_menu ul ul a {
    padding-left: 25px;
}
.right_menu ul ul ul a {
    padding-left: 40px;
}
.right_menu ul ul ul ul a {
    padding-left: 55px;
}*/
.right_menu ul .icon {
    background: url("../img/sprites.png?v=50") no-repeat -492px -1px;
    height: 10px;
    width: 6px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-right: 3px;
}
.right_menu ul a.menuactive .icon {
    background: url("../img/sprites.png?v=50") no-repeat -484px -1px;
}
.right_menu ul a.expanded .icon {
    height: 6px;
    width: 10px;
    background: url("../img/sprites.png?v=50") no-repeat -469px -9px;
}
.right_menu ul a.menuactive.expanded .icon {
    height: 6px;
    width: 10px;
    background: url("../img/sprites.png?v=50") no-repeat -469px -1px;
}
.right_menu .parent_row {
    background: url("../img/arr_g_r.png") no-repeat 10px 50%;
}
.right_menu .parent_row.expanded {
    background: url("../img/arr_g_d.png") no-repeat 10px 50%;
}
.right_menu .parent_row.menuactive, .right_menu .parent_row:hover {
    background: url("../img/arr_o_r.png") no-repeat 10px 50%;
}
.right_menu .parent_row.menuactive.expanded {
    background: url("../img/arr_o_d.png") no-repeat 10px 50%;
}
.right_menu ul ul .parent_row {
    padding-left: 45px;
    background-position: 25px 50% !important;
}
.right_menu ul ul ul .parent_row {
    padding-left: 60px;
    background-position: 40px 50% !important;
}
.right_menu ul ul ul ul .parent_row {
    padding-left: 75px;
    background-position: 55px 50% !important;
}
/* Right menu <<<--- */

/* Menu --->>> */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
    cursor: pointer;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}

.sf-menu {
    float: left;
    width: 100%;
    position: relative;
}
.sf-menu ul {
    /*min-width: 12em;
    *width: 12em;*/
    width: 250px;
    padding-top: 10px;
    background: url("../img/menu_arrow_1.png") no-repeat 22px 0;
    top: 40px;
}
.sf-menu a {
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    /*padding: 18px 22px 16px;*/
    zoom: 1; /* IE7 */

    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;

    padding: 10px 15px;
    max-height: 30px;
}
.sf-menu li.last {
    border-right: none;
    background-image: none;
}
.sf-menu li {
    -webkit-transition: background .2s;
    transition: background .2s;
    height: 50px;
    background-image: url('../img/menu_px.png');
    background-repeat: repeat-y;
    background-position: right;
}
.sf-menu li .dummy {
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 100%;
}
.sf-menu ul li {
    background: #ffffff;
    border-left: 1px solid #e65100;
    border-right: 1px solid #e65100;
    height: auto;
}
.sf-menu ul li.last {
    border-right: 1px solid #e65100;
}
.sf-menu ul a.menuparent {
    background-image: url("../img/menu_arrow_3.png");
    background-repeat: no-repeat;
    background-position: right 50%;
}
.sf-menu ul li a {
    display: block;
    color: #444444;
    font-size: 12px;
    font-family: "BPGArial", sylfaen, arial, tahoma, sans-serif;
    border: none;
    padding: 10px;
    border-bottom: 1px solid #dddddd;
    margin: 0;
    max-height: none;
}
.sf-menu ul li a.last {
    border: none;
}
.sf-menu ul {
    border-top: 0;
    left: 0;
    border-bottom: 1px solid #e65100;
}
.sf-menu ul ul {
    border-top: 1px solid #e65100;
    top: -1px;
    background-image: none;
    padding: 0;
}
.sf-menu ul ul li {
    background: #ffffff;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu li.menuactive {
    background-color: #e25415;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}
.sf-menu ul li:hover,
.sf-menu ul li.sfHover,
.sf-menu ul li.menuactive {
    color: #e25415;
    background-color: #ededed;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}
.sf-menu ul a.menuactive,
.sf-menu ul a:hover {
    color: #e25415;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
}
/* Menu <<<--- */

/* Sitemap --->>> */
.sitemap {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 20px;
}
.sitemap ul, .sitemap ul * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sitemap ul li {
    padding: 5px 10px;
    width: auto !important;
}
.sitemap ul a{
    text-decoration: none;
}
.sitemap ul a:hover{
    text-decoration: underline;
}
.sitemap ul li li {
    padding: 5px 3px 5px 30px;
    background: url("../img/sitemap_ident.gif") no-repeat left /*50%*/ -786px;
}
.sitemap ul li li.last {
    background: url("../img/sitemap_ident_last.gif") no-repeat left /*50%*/ -768px;
}
/* Sitemap <<<--- */

/* Pagination --->>> */
.pagination {
    border-top: 1px solid #064287;
    padding-top: 5px;
    margin: 10px 0;
}
.pagination a, .pagination div {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.pagination a {
    font-size: 14px;
    text-decoration: none;
    color: #333333;
    cursor: pointer;
    margin: 0 2px;
    padding: 1px 8px;
}
.pagination a:hover {
    color: #ffffff;
    background: #064287;
}
.pagination .current {
    color: #ffffff;
    background: #064287;
    font-size: 14px;
    padding: 1px 8px;
    margin: 0 2px;
}
.pagination .pag_pg {
    margin-right: 20px;
}
.pagination .pg_text,
.pag_limits .pag_limits_lbl
{
    font-family: "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    color: #064287;
    margin-right: 5px;
}
.pag_limits select {
    border: 1px solid #064287;
    padding: 2px 2px 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.pagination .prev, .pagination .next {
    height: 11px;
    width: 7px;
    cursor: pointer;
    margin: 0 5px;
}
.pagination .prev a, .pagination .next a {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    background: none !important;
}
.pagination .prev {
    background: url("../img/sprites.png?v=50") no-repeat -257px -16px;
}
.pagination .next {
    background: url("../img/sprites.png?v=50") no-repeat -232px -16px;
}
/* Pagination <<<--- */

/* Media files --->>> */
.media_files {
    margin-top: 20px;
    font-size: 0;
    overflow: hidden;
}
.media_files .file {
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 22.8%;
    margin: 1%;
    margin-top: 0;
    overflow: hidden;
    cursor: pointer;
    vertical-align: top;
}
.media_files .thumb {
    border: 2px solid #f2682b;
    display: block;
    overflow: hidden;
    position: relative;
}
.media_files .file img {
    width: 100%;
    z-index: 2;
    position: relative;
    display: block;
}
/*.media_files .file  img {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.media_files .file:hover img, .media_files .file img:hover {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}*/
.media_files span.zoom {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/magnify.png") no-repeat 50% 50%;
    z-index: 1;
}
.media_files span.video {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/video.png") no-repeat 50% 50%;
    z-index: 3;
}
/* Media files <<<--- */

/* News --->>> */
.news_filter {
    padding: 12px 0 10px;
    border: 1px solid #064287;
    border-left: 0;
    border-right: 0;
    overflow: hidden;
    margin-bottom: 20px;
}
.news_filter .year_txt,  .news_filter a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
}
.news_filter a {
    text-decoration: none;
    margin: 0 10px;
    color: #333333;
}
.news_filter a.active {
    color: #064287;
}
.news_entry {
    background: #ffffff;
    border: 1px solid #e2e2e2;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.news_entry:hover {
    border: 1px solid #064287;
}
.news_entry .title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    text-decoration: none;
    padding: 10px;
    display: block;
}
.news_entry .date {
    padding: 0 10px 10px;
    display: block;
}
.news_entry .picture {
    display: block;
    float: left;
    margin-right: 10px;
    width: 23%;
    height: 100%;
    font-size: 0;
    overflow: hidden;
}
.news_entry .picture img {
    width: 100%;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.news_entry .picture img:hover, .news_entry:hover .picture img {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.with_pic .news_entry_cnt{
    margin-left: 23%;
}
.news_entry .news_title, .news_detailed .news_title, .promo_news_detailed .news_title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 16px;
    color: #064287;
    margin-bottom: 10px;
}
.news_entry .news_date, .news_detailed .news_date, .promo_news_detailed .news_date {
    margin-bottom: 20px;
}
.news_pic {
    display: block;
    float: left;
    position: relative;
    margin: 0 10px 10px 0;
}
.news_pic span.zoom {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../img/magnify.png") no-repeat 50% 50%;
    z-index: 1;
}
.news_pic img {
    z-index: 2;
    position: relative;
    display: block;
}
.promo_news_detailed .news_pic img {
    width: 250px;
}
.promo_news_detailed .news_pic_wide {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}
.promo_news_detailed .news_pic_wide img {
    width: 100%;
}
.share-btns {
    clear: both;
    padding: 30px 0 10px;
    overflow: hidden;
}
.share-btns .fb, .share-btns .fb_share, .share-btns .tw, .share-btns .google {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    overflow: hidden;
    height: 22px;
    margin-top: 5px;
}
.share-btns .fb {
    width: 90px;
}
.share-btns .fb_share {
    width: 100px;
}
.share-btns .tw {
    width: 100px;
}
.share-btns .google {
    width: 100px;
}
.comments {
    border-top: 1px solid #CCC;
    margin-bottom: 10px;
}
/* News <<<--- */

/* Map --->>> */
.map_title {
    margin-top: 10px;
}
/* Map <<<--- */

/* Search --->>> */
.search_results {
    margin: 10px 0;
}
.search_results ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cccccc;
}
.search_results li {
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
}
.search_results li:hover {
    background: #EFEFEF;
}
/* Search <<<--- */

/* Gulf card --->>> */
.gulf_card_auth_cnt {
    background: #ffffff;
    border: 1px solid #e2e2e2;
    padding: 5px;
}
.gulf_card_auth {
    width: 290px;
    height: 370px;
    position: relative;
    margin: 15px auto 0;
}
.gulf_card_auth iframe {
    width: 290px;
    height: 370px;
}
.right_menu2_cnt {
    width: 27%;
    float: right;
    clear: right;
}
.gulf_card_customer {
    width: 100%;
    margin-bottom: 10px;
}
.gulf_card_customer_header {
    background: #064287;
    color: #ffffff;
    padding: 8px 0 0;
    position: relative;
    height: 24px;
}
.gulf_card_customer_header .customer_icon_cnt {
    width: 38px;
    display: block;
    float: left;
    text-align: center;
}
.gulf_card_customer_header .icon {
    display: inline-block;
    vertical-align: middle;
}
.gulf_card_customer_header .customer_name {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    padding: 0 34px 0 38px;
}
.gulf_card_customer_header .customer_name_inner {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 3px;
    white-space: nowrap;
}
.gulf_card_customer_header  .gulf_card_logout {
    display: block;
    width: 34px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 0;
}
.icon_profile_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -103px -401px;
}
.icon_car_lb {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -87px -401px;
}
.icon_transfer_lb {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -42px -161px;
    opacity: .5;
}
.icon_edit_b {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -119px -401px;
}
.icon_edit_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -263px -401px;
}
.icon_cross_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -280px -401px;
}
.icon_dashboard_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -135px -401px;
}
.icon_limit_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -151px -401px;
}
.icon_cart_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -167px -401px;
}
.icon_fuel_station_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -183px -401px;
}
.icon_car_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -199px -401px;
}
.icon_invoice_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -215px -401px;
}
.icon_card_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -231px -401px;
}
.icon_docs_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=55") no-repeat -297px -401px;
}
.icon_pie_chart_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=55") no-repeat -314px -401px;
}
.icon_exit_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=55") no-repeat -331px -401px;
}
.icon_settings_wt {
    width: 16px;
    height: 16px;
    background: url("../img/sprites.png?v=50") no-repeat -247px -401px;
}
.gulf_card_customer_body {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-top: 0;
    position: relative;
}
.gulf_card_customer_body .cust_info_item {
    overflow: hidden;
}
.gulf_card_customer_body .item_icon_cnt {
    display: block;
    float: left;
    border-right: 1px solid #e2e2e2;
    width: 33px;
    height: 18px;
    text-align: center;
    padding: 5px 0;
}
.gulf_card_customer_body .icon {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
.gulf_card_customer_body .item_value {
    padding: 5px 5px 5px 40px;
}
.gulf_card_customer_body .item_value_inner {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gulf_card_customer_edit {
    display: block;
    position: absolute;
    right: 5px;
    bottom: 5px;
    overflow: hidden;
    text-decoration: none;
}
.gulf_card_customer_edit span {
    display: inline-block;
    vertical-align: middle;
    text-decoration: underline;
}
.right_menu2 {
    width: 100%;
    margin-bottom: 10px;
}
.right_menu2 a {
    display: block;
    background: #064287;
    color: #fff;
    text-decoration: none;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    padding: 10px;
    margin-bottom: 1px;
}
.right_menu2 a:hover,
.right_menu2 a.active {
    background: #0f2f64;
}
.right_menu2 span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-top: 3px;
}
.right_menu2 span.icon {
    padding: 0;
    margin-right: 5px;
}

.limits_and_prices_outer {
    display:block;
    overflow: hidden;
    margin: 0 -20px;
    *margin: 0;
}
.limits_and_prices {
    display: table;
    *display:block;
    width: 100%;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 20px 0;
}
.limits_and_prices_inner {
    display: table-row;
    *display:block;
    width: 100%;
    overflow: hidden;
}


.gulf_card.fuel_prices {
    display: table-cell;
    *display:block;
    width: 49%;
    float: none;
    *float: right;
    height: auto;
    margin-bottom: 20px;
}
.gulf_card.fuel_prices .gel_symbol {
    background: url("../img/sprites.png?v=50") no-repeat -210px -158px;
    width: 119px;
    height: 139px;
    top: 30px;
    right: 20px;
}
.gulf_card.fuel_prices .price_entries {
    padding: 15px 15px 30px;
}
.gulf_card.fuel_prices .price_entry {
    margin-bottom: 8px;
}
.gulf_card.fuel_prices .product_name,
.gulf_card.fuel_prices .product_price {
    font-size: 14px;
}
.gulf_card.fuel_prices .product_name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80%;
}
.gulf_card.fuel_prices .prices_header {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    background: #e25415;
    padding: 8px 15px 5px;
}


.gulf_card_limits {
    display: table-cell;
    *display:block;
    background: #064287;
    width: 49%;
    *float: left;
    position: relative;
    color: #ffffff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 20px;
}
.gulf_card_limits .limits_header {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    background: #0f2f64;
    padding: 8px 15px 5px;
}
.gulf_card_limits .limit_symbol {
    background: url("../img/sprites.png?v=50") no-repeat -368px -370px;
    width: 132px;
    height: 130px;
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 1;
}
.gulf_card_limits .product_name,
.gulf_card_limits .limit_value {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
}
.gulf_card_limits .product_name {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80%;
}
.gulf_card_limits .limit_value {
    float: right;
}
.gulf_card_limits .limit_entries {
    position: relative;
    z-index: 2;
    padding: 15px 15px 30px;
}
.gulf_card_limits .limit_entry {
    margin-bottom: 8px;
    overflow: hidden;
}
.gulf_card_limits .limit_entries .last {
    margin-bottom: 0;
}
.gulf_card_limits .view_archive {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 13px;
    background: #0f2f64;
    text-align: right;
    padding: 5px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
}
.gulf_card_limits .view_archive a {
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
}
.gulf_card_limits .view_archive span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: bottom;
}
.gulf_card_limits .loader {
    background: url("../img/loader.gif") no-repeat 50% 50%;
    width: 100%;
    height: 40px;
}

.aggregates {
    float: right;
    margin-top: 5px;
}
.aggregates_with_pagination {
    margin-top: -30px;
}
.aggregates .aggregates_title,
.aggregates .aggregates_title_mc {
    font-family: "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    color: #064287;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.aggregates .aggregates_title_mc {
    font-size: 0;
}
.aggregate_entry {
    min-width: 290px;
    font-size: 0;
}
.aggregate_entry_wide {
    min-width: 320px;
}
.aggregate_entries .name,
.aggregate_entries .value {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    font-size: 13px;
    text-align: left;
}
.aggregate_entries .value {
    text-align: right;
    width: 40%;
    font-weight: bold;
}
.aggregates .aggregates_title_mc .name,
.aggregates .aggregates_title_mc .value {
    display: inline-block;
    vertical-align: top;
    width: 60%;
    text-align: left;
    font-size: 14px;
}
.aggregates .aggregates_title_mc .value {
    text-align: right;
}
#edit_customer_form .form_field_sms label,
#edit_customer_form .form_field_sms span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 32px;
}
#edit_customer_form .form_field_sms label {
    margin: 0;
}
#edit_customer_form .form_field_sms .form_field_cnt {
    width: 100px;
}

.icon_active {
    width: 17px;
    height: 17px;
    background: url("../img/sprites.png?v=50") no-repeat 0 -553px;
}
.icon_active:hover {
    background: url("../img/sprites.png?v=50") no-repeat 0 -570px;
}
.icon_inactive {
    width: 17px;
    height: 17px;
    background: url("../img/sprites.png?v=50") no-repeat -18px -553px;
}
.icon_inactive:hover {
    background: url("../img/sprites.png?v=50") no-repeat -18px -570px;
}
.icon_edit {
    width: 17px;
    height: 17px;
    background: url("../img/sprites.png?v=50") no-repeat -36px -553px;
}
.icon_edit:hover {
    background: url("../img/sprites.png?v=50") no-repeat -36px -570px;
}
.icon_view {
    width: 18px;
    height: 18px;
    background: url("../img/sprites.png?v=55") no-repeat -54px -552px;
}
.icon_view:hover {
    background: url("../img/sprites.png?v=55") no-repeat -54px -569px;
}
.icon_clock {
    width: 18px;
    height: 18px;
    background: url("../img/sprites.png?v=55") no-repeat -72px -552px;
}
.icon_clock:hover {
    background: url("../img/sprites.png?v=55") no-repeat -72px -569px;
}
.gulf_card_changes_details_btn {
    display: inline-block;
    cursor: pointer;
}
.vehicle_changes_details_table td.group_name {
    background: #e2e2e2;
    text-align: center;
    font-weight: bold;
}
.change_vehicle_status {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.driver_name_cnt,
.driver_name_cnt .driver_name,
.driver_name_cnt .change_vehicle_driver_name {
    display: inline-block;
    vertical-align: middle;
}
.driver_name_cnt .change_vehicle_driver_name {
    cursor: pointer;
}
.vehicle_number_cnt,
.vehicle_number_cnt .vehicle_number,
.vehicle_number_cnt .edit_vehicle {
    display: inline-block;
    vertical-align: middle;
}


.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
    }
    .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 999;
    
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    }
    .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
    }
    .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
    }
    .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
    }





.vehicle_number_cnt .edit_vehicle {
    cursor: pointer;
}
/* Gulf card <<<--- */

.to_top {
    position: fixed;
    bottom: 50px;
    right: 10px;
    z-index: 104400;
    background: #064287;
    padding: 14px 12px;
    cursor: pointer;
    display: none;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.to_top:hover {
    background: #043267;
}
.to_top .icon {
    display: block;
}
.icon_up {
    width: 14px;
    height: 8px;
    background: url("../img/sprites.png?v=50") no-repeat -59px -161px;
}

.gk-switcher {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 37px;
    height: 22px;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
}
.gk-switcher-inner {
    width: 37px;
    height: 22px;
    background: url("../img/sprites.png?v=50") no-repeat -87px -430px;
    position: absolute;
    top: 0;
    left: 0;
    *display: none;
}
.gk-switcher.gk-on .gk-switcher-inner {
    background: url("../img/sprites.png?v=50") no-repeat -50px -430px;
}
.gk-switcher input {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    outline: none;
    background: none;
    position:absolute;
    top: -3000px;
    *position: relative;
    *top: 0;
}
.kbd-switcher-label {
    display: inline-block;
    vertical-align: middle;
    padding-top: 4px;
}

/* Lottery Tickets --->>> */
.lottery_tickets_cnt {
    position: relative;
}
.lottery_tickets_cnt .loader {
    background: url("../img/loader.gif") no-repeat 50% 50%;
    width: 100%;
    height: 10px;
}
.lottery_tickets {
    padding-bottom: 5px;
    clear: both;
}
.lottery_ticket {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    text-align: center;
}
.lottery_ticket  .lottery_ticket_inner_bg {
    background: #f6f6f6;
    border-right: 5px solid #ffffff;
}
.lottery_ticket.current .lottery_ticket_inner_bg {
    background: #ffffff;
}
.lottery_ticket  .lottery_ticket_inner {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-align: left;
    padding: 25px 5px;
    position: relative;
}
.lottery_ticket  .ticket_title {
    color: #f2682b;
    font-size: 18px;
}
.lottery_ticket .lottery_date {
    color: #7b7b7b;
    font-size: 12px;
    padding-bottom: 5px;
}
.lottery_ticket .winner_m {
    position: absolute;
    top: 10px;
    right: 0;
}
.lottery_ticket .winner_m img {
    width: 30px;
}
.lottery_ticket .pic {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.lottery_ticket .pic img {
    width: 100px;
}
.lottery_ticket .card_number {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding-bottom: 5px;
    color: #7b7b7b;
    font-size: 8px;
    font-weight: bold;
}
.lottery_ticket.active .card_number {
    color: #064287;
}
.lottery_ticket .tickets_num_cnt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin-left: 5px;
}
.lottery_ticket span.multi {
    color: #7b7b7b;
    font-size: 18px;
    font-weight: bold;
    font-family: "arial black", arial, tahoma, sans-serif;
}
.lottery_ticket span.tickets_num {
    font-size: 30px;
    color: #7b7b7b;
    font-family: "arial black", arial, tahoma, sans-serif;
}
.lottery_ticket .tickets_text {
    color: #7b7b7b;
    font-size: 14px;
}
.lottery_ticket.active span.multi,
.lottery_ticket.active .tickets_text
{
    color: #064287;
}
.lottery_ticket.active span.tickets_num {
    color: #f2682b;
}
.icon_special_tickets {
    width: 38px;
    height: 38px;
    background: url("../img/sprites.png?v=50") no-repeat -47px -353px;
}
/* Lottery Tickets <<<--- */


/* Blog --->>> */
.blog_title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 16px;
    color: #064287;
    margin: 10px 0 15px;
}
.blog_post_title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 16px;
    color: #064287;
    margin-bottom: 5px;
}
.blog_post_date {
    font-size: 11px;
    display: block;
    color: #888;
    margin-bottom: 10px;
}
.blog_categories {
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 5px;
}
.blog_categories ul {
    list-style: none;
    font-size: 0;
    margin: 0;
    padding: 0;
}
.blog_categories li {
    font-size: 12px;
    display: inline-block;
    padding: 6px 10px;
    background: #222;
    background: rgba(0,0,0,0.7);
    color: #ffffff;
    overflow: hidden;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    margin-right: 10px;
    margin-bottom: 5px;
}
.blog_categories li:last-child {
    margin-right: 0;
}
.blog_categories li:hover,
.blog_categories li.active {
    background: #000;
    background: rgba(0,0,0,0.9);
}
.blog_categories a, .blog_categories span {
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
}
.blog_categories span.count {
    padding: 2px 5px;
    background: #ffffff;
    color: #000000;
    border-radius: 6px;
    margin-left: 6px;
}
.blog_posts ul {
    list-style: none;
    margin: 0;
    margin-left: 0;
    padding: 0;
    font-size: 0;
}
.blog_posts li {
    box-sizing: border-box;
    position: relative;
    width: 33.333%;
    height: 350px;
    margin: 0;
    padding: 0;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    cursor: pointer;
    display: inline-block;
    background: transparent;
    -webkit-transform: translateZ(0);
    overflow: hidden;
}
.blog_posts li:hover {
    background: #ffffff;
}
.blog_posts li.br {
    border-right: 1px solid #d0d0d0;
    z-index: 8;
}
.blog_posts li.br:last-child {
    border-right: none;
}
.blog_posts li.bt {
    border-top: 1px solid #d0d0d0;
}
.blog_posts li a {
    display: block;
    color: #333;
    position: absolute;
    padding: 30px;
    height: 100%;
    left: 0;
    right: 0;
    text-decoration: none;
}
.blog_posts li .post_cover {
    position: relative;
    display: block;
}
.blog_posts li .post_cover_img {
    position: relative;
    display: block;
    overflow: hidden;
}
.blog_posts li .post_cover img {
    width: 100%;
    display: block;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.blog_posts li:hover .post_cover img, .blog_posts li .post_cover img:hover {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-perspective: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.blog_posts .post_title {
    font-size: 16px;
    display: block;
    color: #333;
    margin: 10px 0;
}
.blog_posts .post_date {
    font-size: 11px;
    display: block;
    color: #888;
}
.blog_posts .post_category {
    font-size: 12px;
    position: absolute;
    padding: 6px;
    color: #fff;
    bottom: 10px;
    left: -20px;
    background: #222;
    background: rgba(0,0,0,0.8);
    font-weight: normal;
}
.post_details_blog_categories .blog_categories_title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 16px;
    color: #064287;
    margin-bottom: 10px;
}
.post_details_blog_categories {
    border: 0;
    margin-bottom: 20px;
}
.blog_recent_posts {
    margin-bottom: 20px;
}
.blog_recent_posts .recent_posts_title {
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 16px;
    color: #064287;
    margin-bottom: 10px;
}
.blog_recent_posts ul {
    list-style: none;
    font-size: 0;
    margin: 0;
    padding: 0;
}
.blog_recent_posts li {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    font-size: 13px;
    border-bottom: 1px solid #d0d0d0;
}
.blog_recent_posts li a {
    display: block;
    overflow: hidden;
    padding: 20px 10px;
    text-decoration: none;
}
.blog_recent_posts li:first-child a {
    padding-top: 0;
}
.blog_recent_posts li:last-child {
    border-bottom: 0;
}
.blog_recent_posts li img {
    width: 100%;
}
.blog_recent_posts .post_cover,
.blog_recent_posts .post_title {
    display: block;
    overflow: hidden;
    color: #333;
    margin-bottom: 5px;
}
.blog_recent_posts .post_date {
    font-size: 11px;
    display: block;
    color: #888;
}
/* Blog <<<--- */


/* Fuelling feedback --->>> */
.fuelling_feedback .fuelling_details {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    text-align: center;
}
.fuelling_feedback .form1 {
    text-align: center;
}
.fuelling_feedback .form_field {
    text-align: left;
}
.feedback_success {
    text-align: center;
    display: none;
}
/* Fuelling feedback <<<--- */

/* Jquery UI --->>> */
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
    border-bottom-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0 !important;
}
.ui-widget-header {
    border: 0 !important;
    color: #FFF !important;
    font-weight: 700 !important;
    background: #f2682b !important;
}
.ui-widget, .ui-widget select, .ui-widget button {
    font-family: "BPGArial", sylfaen, arial, tahoma, sans-serif !important;
    font-size: 13px !important;
}
.ui-datepicker {
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
    z-index: 999 !important;
    border: 0 !important;
}
.ui-datepicker .ui-widget-header .ui-icon {
    background-image: url("app_cp/images/ui-icons_ffffff_256x240.png");
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 8px !important;
    left: 2px !important;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
    top: 8px !important;
    right: 2px !important;
    cursor: pointer;
}
.ui-datepicker select {
    border: 0 !important;
    outline: none !important;
}
.ui-datepicker .ui-datepicker-header {
    padding: 8px 0 !important;
}
.ui-datepicker select.ui-datepicker-month {
    margin-right: 2px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0 !important;
    background: none !important;
}
.ui-datepicker-calendar a.ui-state-default {
    width: 24px !important;
}
.ui-datepicker-calendar tr td {
    border-bottom: 1px solid #ccc !important;
    padding: 3px 1px !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus,
.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-datepicker-current-day a.ui-state-active
{
    border: 0 !important;
    background: #f2682b !important;
    color: #fff !important;
}
.ui-datepicker-buttonpane {
    border: 0 !important;
}
/* Jquery UI <<<--- */


/* Popups --->>> */
.popup_cnt {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    text-align: center;
    overflow-y: auto;
}
.popup_cnt .dummy_cnt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 100%;
    vertical-align: middle;
    width: 1px;
}
.popup_cnt .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: #000;
    opacity: 0.8;
}
.popup_inner_cnt {
    background: #fff;
    margin: 20px auto;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .35);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .35);
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 1px;
    height: 1px;
    vertical-align: middle;
    text-align: left;
    overflow: hidden;
    z-index: 10;
    max-width: 98%;
    overflow-x: auto;
}
.popup_inner_cnt .popup_text {
    padding: 10px;
}
.icon_close_blue {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat 0 -477px;
}
.icon_close_wt {
    width: 20px;
    height: 20px;
    background: url("../img/sprites.png?v=50") no-repeat -20px -477px;
}
.popup_inner_cnt .close_btn {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.popup_cnt .popup_header {
    padding: 10px 10px 6px;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    background: #f2682b;
    color: #fff;
}
/* Popups <<<--- */


/* Dialog --->>> */
.dialog_cnt {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    text-align: center;
    overflow-y: auto;
}
.dialog_cnt .dummy_cnt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 100%;
    vertical-align: middle;
    width: 1px;
}
.dialog_outer_cnt .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: #000;
    opacity: 0.8;
    z-index: 1041;
}
.dialog_inner_cnt {
    background: #fff;
    margin: 20px auto;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .35);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .35);
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: auto;
    height: auto;
    vertical-align: middle;
    text-align: left;
    overflow: hidden;
    z-index: 10;
    max-width: 98%;
    overflow-x: auto;
}
.dialog_inner_cnt .dialog_body {
    padding: 10px;
}
.dialog_inner_cnt .close_btn {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.dialog_inner_cnt .dialog_header {
    padding: 10px 10px 6px;
    font-family: "BPGArialCaps", "BPGArial", sylfaen, arial, tahoma, sans-serif;
    font-size: 14px;
    background: #f2682b;
    color: #fff;
}
/* Dialog <<<--- */

.slideunlock-slider {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    width: 105px;
    padding: 7px 20px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    box-shadow: inset 2px 2px 6px rgba(0,0,0,.1);
    color: #333;
    text-shadow: 0 1px rgba(255,255,255,.2);
    background: #f5f5f5;
}
.slideunlock-slider.seton {
    border: 0;
    margin: 0;
    background: #45a31f;
    color: #fff;
}
.slideunlock-label {
    width: 40px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 999;
    cursor: pointer;
    background: #064287;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slideunlock-slider.disabled .slideunlock-label {
    background: #bbbbbb;
}
.slideunlock-label-tip {
    z-index: 9;
    position: relative;
    padding-right: 0;
    padding-left: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slideunlock-slider.seton .slideunlock-label-tip {
    padding-right: 20px;
    padding-left: 0;
}
.slideunlock-label .icon {
    margin-top: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("../img/sprites.png?v=50") no-repeat -359px -30px;
}
.slideunlock-slider.seton .slideunlock-label .icon {
    background: url("../img/sprites.png?v=50") no-repeat -95px -455px;
}

 /* file upload buttons */

.upload_file_buttons{
    vertical-align: bottom;
}

.actual_btn_hidden{

}

.actual_btn{
    background: #f2682b;
    color: white;
    padding: 0.5rem;
    font-family: sans-serif;
    border-radius: none;
    cursor: pointer;
   
}

.file_chosen{
    
    margin-left: 0.3rem;
    font-family: sans-serif;
    
}

@media only screen and (min-width: 1280px)
{
    body {
        font-size: 13px;
    }
    input, textarea, select {
        font-size: 13px;
    }
    .header {
        width: 1240px;
    }
    .header_cnt .menu {
        width: 1240px;
    }
    .main_cnt .main {
        width: 1240px;
    }
    .footer {
        width: 1240px;
    }
    .copy_cnt .copy {
        width: 1240px;
    }

    /* Fuel prices --->>> */
    .price_detailed .price_entries .prices_cnt td span {
        font-size: 14px;
    }
    /* Fuel prices <<<--- */

    /* Form --->>> */
    .form1 .form_sub_title,.gulf_club_card_order .order_totals_title  {
        font-size: 15px;
    }
    .form1 .form_field {
        width: 380px;
    }
    .form1 .card_entry .form_field {
        width: 365px;
    }
    .form1 .small_field {
        width: 100px;
    }

    /* Form <<<--- */

    /* News --->>> */
    .news_entry .title {
        font-size: 16px;
    }
    /* News <<<--- */

    /* Gallery --->>> */
    .gallery_entry .link {
        font-size: 14px;
    }
    /* Gallery <<<--- */

    /* Internal page --->>> */
    .page_title {
        /*font-size: 18px;*/
    }
    .int_shortcut .icon {
        display: inline-block;
        margin-bottom: 10px;
    }
    .int_shortcut .shortcut_title {
        padding: 0 20px;
    }
    /* Internal page <<<--- */

    /* Promos --->>> */
    .promo_news_entry .promo_title {
        font-size: 16px;
    }
    /* Promos <<<--- */

    /* Fuel prices --->>> */
    .fuel_prices .product_name, .fuel_prices .product_price {
        font-size: 16px;
    }
    .fuel_prices .product_price {
        font-size: 18px;
    }
    .fuel_prices .view_archive {
        font-size: 14px;
    }
    /* Fuel prices <<<--- */

    /* Home shortcuts --->>> */
    .home_shortcut .shortcut_title {
        padding: 0 20px;
    }
    a.home_shortcut_cnt {
        padding: 15px;
    }
    /* Home shortcuts <<<--- */

    /* Menu --->>> */
    .sf-menu {
        display: table;
    }
    .sf-menu li {
        width: auto !important;
        display: table-cell;
        float: none;
    }
    .sf-menu li li {
        display: list-item;
    }
    .sf-menu a {
        font-size: 14px;
    }
    .sf-menu ul li a {
        font-size: 13px;
    }
    .sf-menu ul {
        display: none;
        width: 300px;
    }
    /* Menu <<<--- */

    /* Footer --->>> */
    .footer_menu li a {
        font-size: 16px;
    }
    .footer_menu li li a {
        font-size: 13px;
    }
    .social_media .sc_title {
        font-size: 16px;
    }
    .contacts .sc_title {
        font-size: 16px;
    }
    .contacts .hot_line span {
        font-size: 16px;
    }
    /* Footer <<<--- */
}

@media only screen and (max-width: 1279px)
{
    .home_banners_cnt .link {
        width: 20px;
        height: 20px;
        background: url("../img/sprites.png?v=50") no-repeat -359px -30px;
    }
    .home_banners_cnt .banner_text {
        width: 30%;
        padding: 15px 40px 15px 15px;
    }

    .header .logo .slogan {
        max-width: 350px;
    }
    .gulf_club_reg_cnt .title_text {
        font-size: 13px;
    }

    /* Lottery Tickets --->>> */
    .lottery_tickets {
        padding: 5px 0 0 5px;
    }
    .lottery_ticket {
        width: 50% !important;
        margin-bottom: 5px;
    }
    /* Lottery Tickets <<<--- */
    .gulf_club_details .entry .large_btns {
        max-width: 240px;
    }
}

@media only screen and (max-width: 1023px)
{
    .header {
        width: 100%;
    }
    .header_cnt .menu {
        width: 100%;
    }
    .main_cnt .main {
        width: 100%;
    }
    .main_cnt {
        padding: 0 10px;
    }
    .top_links .lang_link {
        margin-right: 10px;
    }

    .price_detailed .price_entries .prices_header a .small {
        display: inline;
    }
    .price_detailed .price_entries .prices_header a .normal {
        display: none;
    }
    .price_detailed .price_entries td, .price_detailed .price_entries .prices_cnt td span {
        font-size: 11px;
    }

    /* Gallery --->>> */
    .gallery_entry .link {
        font-family: "BPGArial", sylfaen, arial, tahoma, sans-serif;
        font-size: 12px;
    }
    /* Gallery <<<--- */

    /* Media files --->>> */
    .media_files .file {
        width: 31%;
        margin: 1%;
    }
    /* Media files <<<--- */

    /* Internal page --->>> */
    .page_cnt {
        width: 65%;
    }
    .right_menu, .right_menu2_cnt {
        width: 32%;
    }
    .right_side {
        width: 32%;
    }
    .int_shortcuts {
        width: 32%;
    }
    /* Internal page <<<--- */

    /* Footer --->>> */
    .footer {
        width: 100%;
    }
    .copy_cnt .copy {
        width: 100%;
    }
    .footer_menu ul {
        padding-left: 10px;
    }
    .footer_menu ul ul {
        padding-left: 0;
    }
    .copy_cnt .copy {
        text-align: center;
    }
    /* Footer <<<--- */

    /* Box --->>> */
    .home_news {
        width: 37%;
    }
    .home_gulf_club {
        width: 37%;
    }
    /* Box <<<--- */

    /* Menu --->>> */
    .sf-menu a {
        font-family: "BPGArial", sylfaen, arial, tahoma, sans-serif;
        font-size: 12px;
    }
    .sf-menu ul {
        width: 200px;
    }
    /* Menu <<<--- */

    /* Fuel prices --->>> */
    .fuel_prices {
        width: 37%;
    }
    /* Fuel prices <<<--- */

    /* Home shortcuts --->>> */
    .home_shortcuts {
        width: 60%;
    }
    .home_shortcut .shortcut_title {
        display: none;
    }
    .home_shortcut .icon {
        margin-bottom: 0;
    }
    /* Home shortcuts <<<--- */

    /* Home left cnt --->>> */
    .home_left_cnt {
        width: 60%;
    }
    /* Home page promos <<<--- */

    .header .logo .slogan {
        max-width: 200px;
    }

    .gulf_club_login_inner_cnt {
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
    }

    .gulf_club_login_inner_cnt, .gulf_club_reg_cnt {
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

    .gulf_club_reg_cnt {
        text-align: center;
        width: 100%;
    }

    .gulf_club_login_cnt .form1 {
         border-right: 0;
         margin-right: 0;
         padding-right: 0;
        display: inline-block;
    }

    /* Lottery Tickets --->>> */
    .lottery_tickets {
        padding: 5px 0 0 5px;
    }
    .lottery_ticket {
        width: 50% !important;
        margin-bottom: 5px;
    }
    /* Lottery Tickets <<<--- */

    /* Gulf Club profile tabs --->>> */
    .link_tabs_cnt,
    .tab_box .tabs {
        height: 32px;
        overflow: hidden;
    }
    .link_tabs_cnt a,
    .tab_box .tabs .tab_item {
        display: block;
        border: 0 !important;
        border-bottom: 1px solid #fff !important;
        margin: 0;
        color: #ffffff !important;
    }
    .link_tabs_cnt a.active,
    .tab_box .tabs .active_tab {
        background: #043267 !important;
        border: 0 !important;
        border-bottom: 1px solid #fff !important;
    }
    .link_tabs_cnt a.planted_trees.active {
        background: #18742e !important;
    }
    .link_tabs_cnt .expand_collapse,
    .tab_box .tabs .expand_collapse
    {
        display: block;
    }
    .link_tabs_cnt.collapsed a.active,
    .tab_box .tabs.collapsed .active_tab
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    /* Gulf Club profile tabs <<<--- */
    .gulf_club_details .entry .large_btns {
        display: none;
    }
    .gulf_club_details .entry .small_btns {
        display: block;
    }
}

@media only screen and (max-width: 799px)
{
    .header_cnt {
        display: none;
    }
    .to_top {
        display: none !important;
    }

    /* Promo news --->>> */
    .promo_news_entry .promo_title {
        font-size: 13px;
    }
    /* Promo news <<<--- */

    /* Map --->>> */
    .map_body .map_title, .map_body .footer_cnt, .map_body .copy_cnt {
        display: none !important;
    }
    .map_body .main_cnt, .map_body .main {
        margin: 0 !important;
        padding: 0 !important;
    }
    .map_body .map_cnt {
        border: 0;
    }
    .map_html, .map_body, .map_body .main_cnt, .map_body .main, .map_body .map_cnt, .map_body #stations_map,
    .map_body .poi-map, .map_body .poi-map .poi-map-inner-cnt
    {
        height: 100%
    }
    .map_body .poi-map .poi-filters {
        width: 0;
    }
    .map_body .main_cnt {
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        padding-top: 92px !important;
    }
    .map_body .map_filter_floating, .map_body .map_filter {
        overflow: auto;
    }
    .map_body .map_filter_floating {
        z-index: 1;
        display: none;
    }
    .map_body .icon_filter_compact {
        display: none;
    }
    .map_body .icon_filter_expand {
        display: block;
    }
    /* Map <<<--- */

    /* Internal page --->>> */
    .page_title {
        font-size: 14px;
    }
    .page_cnt {
        width: 100%;
    }
    .right_menu, .right_menu2_cnt {
        width: 100%;
    }
    .right_side {
        width: 100%;
    }
    .int_shortcuts {
        width: 100%;
    }
    .int_shortcut .shortcut_title {
        font-size: 13px;
    }
    .int_shortcut, .int_shortcuts .second {
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 0;
    }
    /* Internal page <<<--- */

    /* Pagination --->>> */
    .pagination .pg_text {
        display: none;
    }
    /* Pagination <<<--- */

    /* Footer --->>> */
    .footer_menu {
        display: none;
    }
    .contact_boxes {
        width: 100%;
    }
    .contact_boxes .dummy_cnt {
        display: none;
    }
    .social_media, .contacts, .chat_box_cnt {
        width: 33.3%;
    }
    /* Footer <<<--- */

    /* Box --->>> */
    .home_news {
        width: 49%;
        float: left;
        clear: none;
    }
    .box .box_title {
        font-size: 13px;
    }
    .home_gulf_club {
        width: 49%;
    }
    /* Box <<<--- */

    /* Home left cnt --->>> */
    .home_left_cnt {
        width: 100%;
    }
    /* Home page promos <<<--- */

    /* Fuel prices --->>> */
    .fuel_prices {
        width: 49%;
        float: left;
        height: 260px;
        margin-bottom: 10px;
    }
    .fuel_prices .price_entry {
        margin-bottom: 15px;
    }
    .fuel_prices .product_name {
        font-size: 13px;
    }
    .fuel_prices .product_price {
        font-size: 14px;
    }
    .fuel_prices .gel_symbol {
        background: url("../img/sprites.png?v=50") no-repeat -210px -158px;
        width: 119px;
        height: 139px;
        top: 10px;
        right: 20px;
    }
    /* Fuel prices <<<--- */

    /* Home shortcuts --->>> */
    .home_shortcuts {
        width: 49%;
        float: right;
        height: 260px;
        margin-bottom: 10px;
    }
    .home_shortcut {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 4%;
        height: 48%;
    }
    .home_shortcuts .second {
        margin-right: 0;
    }
    .home_shortcut .shortcut_title {
        display: block;
    }
    .home_shortcut .icon {
        margin-bottom: 10px;
    }
    .home_shortcuts .last, .home_shortcuts .third {
        margin-bottom: 0;
    }
    .home_shortcut .shortcut_title {
        font-size: 13px;
    }
    .icon_auth_w {
        width: 42px;
        height: 42px;
        background: url("../img/sprites.png?v=50") no-repeat -263px -115px;
    }
    .icon_st_map_w {
        width: 42px;
        height: 42px;
        background: url("../img/sprites.png?v=50") no-repeat -307px -115px;
    }
    .icon_club_w {
        width: 52px;
        height: 42px;
        background: url("../img/sprites.png?v=50") no-repeat -351px -115px;
    }
    .icon_store_w {
        width: 42px;
        height: 42px;
        background: url("../img/sprites.png?v=50") no-repeat -405px -115px;
    }
    .icon_invoice_w {
        width: 42px;
        height: 42px;
        background: url("../img/sprites.png?v=50") no-repeat -1px -351px;
    }
    /* Home shortcuts <<<--- */

    /* Home banners --->>> */
    .home_banners_cnt {
        margin-bottom: 10px;
    }
    .home_banners_cnt li {
        padding-bottom: 34px;
    }
    .home_banners_cnt .text {
        display: none;
    }
    .home_banners_cnt .banner_text {
        bottom: 3px;
        left: 0;
        top: auto;
        width: 100%;
        padding: 0;
        height: 33px;
        overflow: hidden;
    }
    .home_banners_cnt .title {
        font-size: 13px;
        padding: 10px 35px 10px 10px;
        margin: 0;
    }
    .home_banners_cnt .banner_paging {
        display: none !important;
    }
    .home_banners_cnt .link {
        top: 7px;
    }
    /* Home banners <<<--- */

    /*Mobile Header --->>>*/
    .mobile_header {
        display: block;
        background: #f2682b;
    }
    .mobile_header .logo {
        width: 83px;
        height: 76px;
        margin: 8px 0 8px 10px;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }
    .mobile_header .logo_ge {
        background: url("../img/sprites.png?v=50") no-repeat -175px -60px;
    }
    .mobile_header .logo_en {
        background: url("../img/sprites.png?v=50") no-repeat -90px -60px;
    }
    .mobile_header .right_cnt {
        float: right;
    }
    .mobile_header .top_links {
        margin-top: 10px;
        float: right;
        clear: both;
    }
    .mobile_header .top_link {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        color: #555555;
        text-decoration: none;
        font-size: 12px;
        margin-right: 7px;
        padding-right: 7px;
        border-right: 1px solid #f58655;
        cursor: pointer;
    }
    .mobile_header .top_link span {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
    }
    .mobile_header .top_links .icon {
        width: 14px;
        height: 12px;
        margin-right: 5px;
    }
    .mobile_header .icon_sitemap_w {
        background: url("../img/sprites.png?v=50") no-repeat -276px -1px;
    }
    .mobile_header .icon_map_w {
        background: url("../img/sprites.png?v=50") no-repeat -292px -1px;
    }
    .mobile_header .icon_contact_w {
        background: url("../img/sprites.png?v=50") no-repeat -308px -1px;
    }
    .mobile_header .icon_chat_w {
        background: url("../img/sprites.png?v=50") no-repeat -324px -1px;
    }
    .top_links .lang_link {
        margin-right: 15px;
    }
    .mobile_header .search_and_menu {
        margin-top: 30px;
        float: right;
        clear: both;
        position: relative;
    }
    .mobile_header .search_btn, .mobile_header .menu_btn {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 15px;
    }
    .mobile_header .search_btn {
        width: 16px;
        height: 16px;
        background: url("../img/sprites.png?v=50") no-repeat -376px -1px;
    }
    .mobile_header .menu_btn {
        width: 20px;
        height: 13px;
        background: url("../img/sprites.png?v=50") no-repeat -394px -1px;
    }
    div#mobile_menu_cnt {
        border-top: 0;
        position: absolute;
        top: 25px;
        right: 0;
        padding-top: 10px;
        background: url("../img/menu_arrow_1.png") no-repeat 215px 0;
        z-index: 25;
    }
    .slicknav_menu ul {
        border: 1px solid #F2682B;
        border-top: 0;
        background: #FFF;
    }
    .slicknav_menu ul ul {
        border: 0;
        background: #F6F6F6;
        border-top: 1px solid #DDD;
    }
    .slicknav_menu, .slicknav_menu * {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .slicknav_nav {
        width: 248px;
        display: none;
    }
    .slicknav_nav a {
        text-decoration: none;
        color: #333333;
        display: block;
        padding: 10px;
        outline: none;
    }
    .slicknav_nav a.menuparent {
        padding-right: 20px;
        display: inline-block;
    }
    .slicknav_nav li li a {
        padding-left: 20px;
    }
    .slicknav_nav li li li a {
        padding-left: 30px;
    }
    .slicknav_nav li li li li a {
        padding-left: 40px;
    }
    .slicknav_nav li.menuactive, .slicknav_nav li:hover {
        background-color: #EDEDED;
    }
    .slicknav_nav a.menuactive, .slicknav_nav a:hover {
        color: #E25415;
    }
    .slicknav_nav li {
        width: auto !important;
        border-bottom: 1px solid #dddddd;
        height: auto;
    }
    .slicknav_nav li.last {
        border-bottom: 0;
    }
    a.slicknav_row {
        padding: 0 !important;
        padding-right: 40px !important;
    }
    li.slicknav_collapsed {
        background-image: url("../img/menu_arrow_2.png");
        background-repeat: no-repeat;
        background-position: right 15px;
    }
    li.slicknav_open {
        background-image: url("../img/menu_arrow_3.png");
        background-repeat: no-repeat;
        background-position: right 15px;
    }
    div#mobile_search_cnt {
        position: absolute;
        top: 25px;
        right: 0;
        padding-top: 10px;
        background: url("../img/menu_arrow_1.png") no-repeat 180px 0;
        z-index: 15;
    }
    .mobile_search {
        padding: 5px;
        background: #ffffff;
        border: 1px solid #F2682B;
        border-top: 0;
        width: 238px;
        display: none;
    }
    .mobile_search .search_input {
        width: 225px;
        border: 1px solid #cccccc;
        height: 18px;
        padding: 5px;
        outline: none;
    }
    /*Mobile Header <<<---*/

    /* Popups --->>> */
    .popup_text table:first-child {
        max-width: 570px;
    }
    /* Popups <<<--- */

    /* Blog --->>> */
    .blog_posts li {
        width: 50%;
        border-top: 1px solid #d0d0d0;
    }
    .blog_posts li:nth-child(1), .blog_posts li:nth-child(2) {
        border-top: none;
    }
    .blog_posts li:nth-child(odd) {
        border-right: 1px solid #d0d0d0;
    }
    .blog_posts li:nth-child(even) {
        border-right: none;
    }
    .blog_posts .post_title {
        font-size: 14px;
    }
    .blog_recent_posts li {
        width: 50%;
        font-size: 12px;
        height: 300px;
    }
    .blog_recent_posts li:nth-child(1) a, .blog_recent_posts li:nth-child(2) a  {
        padding-top: 0;
    }
    /* Blog <<<--- */
}

@media only screen and (max-width: 767px)
{
    .form .rightmost {
        position: relative;
    }
    .form .form_left_btns .btn span {
        display: none;
    }
    .form .form_left_btns .btn span.icon {
        display: inline-block;
        margin-left: 0;
    }
    .limits_and_prices_outer {
        margin: 0;
    }
    .limits_and_prices,
    .limits_and_prices_inner,
    .gulf_card_limits,
    .gulf_card.fuel_prices {
        display: block;
        width: 100%;
        overflow: hidden;
    }
    .aggregates {
        float: none;
        margin-top: 5px;
    }
}

@media only screen and (max-width: 610px)
{
    /* Gulf club --->>> */
    .gulf_club_login_cnt .form1 {
        width: 100%;
    }
    .gulf_club_login_cnt .form1 .form_field {
        width: 70%;
    }
    /* Gulf club <<<--- */

    /* Footer --->>> */
    .social_media, .contacts {
        width: 50%;
    }
    .chat_box_cnt {
        width: 100%;
    }
    .chat_box_cnt {
        margin-top: 15px;
    }
    .chat_box, .chat_box_cnt a {
        margin: 0 auto;
    }
    .chat_box_btn_cnt {
        text-align: center;
    }
    /* Footer <<<--- */

    /* News --->>> */
    .news_detailed .news_text {
        float: left;
        clear: both;
    }
    /* News <<<--- */

    /* Popups --->>> */
    .popup_text table:first-child {
        max-width: 510px;
    }
    /* Popups <<<--- */

    /* Blog --->>> */
    .blog_posts li {
        width: 100%;
        border-top: 1px solid #d0d0d0 !important;
        border-right: none !important;
    }
    .blog_posts li:nth-child(1) {
        border-top: none !important;
    }
    .blog_recent_posts li {
        width: 100%;
        height: auto;
    }
    .blog_recent_posts li:nth-child(1) a, .blog_recent_posts li:nth-child(2) a  {
        padding-top: 20px;
    }
    /* Blog <<<--- */
}

@media only screen and (max-width: 550px)
{
    /* Lottery Tickets --->>> */
    .lottery_ticket {
        width: 100% !important;
    }
    /* Lottery Tickets <<<--- */

    /* Media files --->>> */
    .media_files .file {
        width: 48%;
        margin: 1%;
    }
    /* Media files <<<--- */

    /* Gallery --->>> */
    .gallery_entry {
        width: 100%;
        margin-right: 0;
    }
    /* Gallery <<<--- */

    /* Internal page --->>> */
    .int_shortcut .shortcut_title {
        display: none;
    }
    .int_shortcut .icon {
        margin-bottom: 0;
    }
    /* Internal page <<<--- */

    /* Fuel prices --->>> */
    .fuel_prices {
        width: 100%;
        float: left;
        height: 260px;
        margin-bottom: 10px;
    }
    /* Fuel prices <<<--- */

    /* Home shortcuts --->>> */
    .home_shortcuts {
        width: 100%;
        float: right;
        height: auto;
        margin-bottom: 10px;
    }
    .home_shortcut {
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 0;
        height: auto;
    }
    .home_shortcuts .last {
        margin-right: 0;
    }
    .home_shortcuts .second {
        margin-right: 2%;
    }
    .home_shortcut .shortcut_title {
        display: none;
    }
    .home_shortcut .icon {
        margin-bottom: 0;
    }
    /* Home shortcuts <<<--- */

    /* Promos --->>> */
    .promo_news_entry {
        width: 100%;
        margin-right: 0;
    }
    .promo_news_entry .promo_title {
        height: auto;
        min-height: 30px;
        padding-bottom: 2px;
    }
    /* Promos <<<--- */

    /* Box --->>> */
    .home_news {
        width: 100%;
    }
    .home_gulf_club {
        width: 100%;
    }
    /* Box <<<--- */

    .gulf_club_card_order .totals_cnt .btn_cnt {
        float: none;
    }
    .tbc_visa_mc_cnt {
        float: none;
        margin-bottom: 20px;
    }

    /* Popups --->>> */
    .popup_text table:first-child {
        max-width: 440px;
    }
    /* Popups <<<--- */
}

@media only screen and (max-width: 479px)
{
    /* Home banners --->>> */
    .home_banners_cnt .title {
        font-family: "BPGArial", sylfaen, arial, tahoma, sans-serif;
        font-size: 12px;
        padding: 10px 35px 10px 10px;
        margin: 0;
    }
    /* Home banners <<<--- */

    /* Form --->>> */
    .form1 .form_field, .form1 .card_entry .form_field {
        width: 99%;
        margin-right: 0;
    }
    .form1 .small_field {
        width: 100px;
    }
    /* Form <<<--- */

    /* Gulf Card --->>> */
    .gulf_club_details .entry_icon {
        float: none;
    }
    .gulf_club_details .sub_entries {
        margin-left: 0;
    }
    .discount_entries .sub_entry {
        width: 230px;
    }
    .discount_graph, .discount_graph .discounts, .discount_graph .scale {
        width: 200px;
    }
    .gulf_club_details .owner_details .sub_entries {
        margin-right: 0;
    }
    /* Gulf Card  <<<--- */

    /* Popups --->>> */
    .popup_text table:first-child {
        max-width: 285px;
    }
    /* Popups <<<--- */
}

@media only screen and (max-width: 320px)
{
    body{
        width: 320px;
    }
    /* Blog --->>> */
    .blog_posts li {
        height: 300px;
    }
    /* Blog <<<--- */
}