/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 27 February 2016 19:09:11
*/


@charset "utf-8";
/* CSS Document */ 

/*================================================================================================================*/
/*================================================================================================================*/
/*================================================ MAIN SITE CSS =================================================*/
/*===== custom.css v2 rewrited by Garcini Sebastien ===============================================================*/
/*================================================================================================================*/

/*=================================================================*/
/*========================= CSS FOR COMMUN ========================*/
/*=================================================================*/

  /* general Styles */
html,body {
    height: 100% !important;
}

body {
    font-family: 'Oswald', sans-serif;
    color: #6a727d; 
    overflow-x: hidden;
}

.element-disabled-by-sebi, .anchors-jump, .register-button-mobile{ display:none !important }

a:hover, a:focus {
    color:#FCD71F;
    text-decoration: none;
    outline: 0;
}

a {
    color: #fcd71f;
    text-decoration: none;
    outline: 0;
}

#footer img{ vertical-align: bottom; }

#footer .more-open {
    background: url(http://cmscdn.staticcache.org/assets/image/0008/189926/faq_open.png?v=0.2.1)no-repeat scroll right center rgba(0, 0, 0, 0);
    cursor: pointer;
    line-height: 33px;
    padding-right: 33px;
    width: 33px;
    height: 33px;
}

.register-button-top {  
    position: absolute; 
    right: 15%; 
    top: 30%; 
}

.btn-register .btn {
    background:#78A316; 
    color:#FFF !important; 
    border:none;
    border-radius:0px;   
}

.azure {  color: #3792cd; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color:#3792CD; font-family: 'Lato', sans-serif; }
h1, h2{ font-size: 28px; }

.content-area-main {
    display: inline-block;
    height: auto !important;
    min-height: 100% !important;
    width: 100%;
}

.page-content {
    margin-bottom: 40px; 
}

.content-area a:hover, .desktop .content-area a:focus, .content-area a:active, .content-area a { color: #428bca; }

/*======================== HOME PAGE ========================================*/
.desktop.home .content-area .col-lg-4, .tablet.home .content-area .col-lg-4{border-right:1px solid #ccc;}
.desktop.home .content-area .col-lg-4:nth-child(4), .tablet.home .content-area .col-lg-4:nth-child(4) { border-right: 0; }

.more {
    cursor: pointer;
    background: url("http://cmscdn.staticcache.org/assets/image/0003/187644/exp_ico.png?v=0.8.5") no-repeat right center;
    padding-right: 33px;
    line-height: 33px;
    width: 33px;
    height: 33px;
}

/*====================== MEDIA GALLERY PAGE =================================*/
.desktop .gallery-page-wrapper.container, .desktop .gallery-left-nav.col-lg-2, .tablet .gallery-page-wrapper.container, .tablet .gallery-left-nav.col-lg-2 { padding: 0;}
.desktop .mob-alt-txt, .tablet .mob-alt-txt { display: none; font-size: 16px; }

.desktop .gallery-section, .tablet .gallery-section {
    border-top: 1px solid #bebebe;
    padding-top: 25px;
    margin-top: 30px;
    margin-bottom: 40px;
}

/*=============================== NEW PAGE =================================*/

.news-block {
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
}

.left-col {
    width: 30%;
}

.right-col {
    width: 63%;
    margin-left: 30px;
}

.mobile .right-col {
    width: 90%;
}

.img-wrapper {
    margin-left: 40px;
}

.news-more a:hover {
    text-decoration: none;
}

.img-wrapper {
    margin-left: 40px;
}

.news-title {
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    margin: 10px 0 20px;
}

.social-ruler {
    width: 40px;
    background-color: #e7e7e8;
    height: 100%;
}

.mobile .social-ruler {
    width: auto;
    background-color: transparent;
    height: auto;
}

.social-ruler div {
    width: 40px;
    height: 40px;
    margin-bottom: 30px;
}

.mobile .social-ruler div {
    margin-bottom: 0;
    float: left;
}

.fb-ico {
    margin-top: 20px;
}

.mobile .fb-ico {
    margin-top: 0;
}

.gplus-ico {
    margin-bottom: 0;
}

.fb-ico {
    background: url("http://cmscdn.staticcache.org/assets/image/0005/188843/news_fb_icon.png?v=0.8.5") no-repeat 50% 50% transparent;
}

.tw-ico {
    background: url("http://cmscdn.staticcache.org/assets/image/0007/188845/news_tw_icon.png?v=0.8.5") no-repeat 50% 50% transparent;
}

.gplus-ico {
    background: url("http://cmscdn.staticcache.org/assets/image/0018/239121/news_gplus_icon.png?v=0.2.5") no-repeat 50% 50% transparent;
}

.news-ico a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.news-more a {
    color: #0e71a4;
    line-height: 35px;
    padding-right: 45px;
    display: inline-block; 
    width:33px; 
    height:40px;
    background: url("http://cmscdn.staticcache.org/assets/image/0008/188846/news_read_more_ico.png?v=0.8.5") no-repeat right center transparent;
}

.news-more-open a {
    background: url(http://cmscdn.staticcache.org/assets/image/0008/189926/faq_open.png?v=0.2.1)no-repeat scroll right center;
    color: #0E71A4;
    display: inline-block;
    width:33px; 
    height:40px;
    line-height: 35px;
    padding-right: 45px;
}

.archive-container {
    text-align: center;
}

/*============================== PAGINATION =================================*/
.pager-wrap {
    width: 315px;
    height: 35px;
    margin: 0 auto 40px;
}

.mobile .pager-wrap{
    width: 80%;
}

@media only screen and (orientation : landscape){
    .mobile .pager-wrap{
        width: 60%;
    }
}

.pager span {
    display: inline-block;
}

.pager li {
    width: 20px;
    height: 30px;
    line-height: 30px;
    float: left;
}

.pager li.current {
    background-color: #1F3765;
    color: #ffffff;
}

.pager li>a {
    color: #1F3765;
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
    line-height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 100;
}

.pager li>a:hover {
    background-color: #6A727D;
    color: #ffffff;
}

.pager .prev {
    margin-right: 15px;
}

.pager .next {
    margin-left: 15px;
}
.mobile .pager .next {
    float: right;
}

.pager .prev, .pager .next {
    width: 35px;
    height: 35px;
}

.pager .prev a, .pager .prev a:hover {
    background: url("http://cmscdn.staticcache.org/assets/image/0009/188847/news_pager_prev.png?v=0.8.5") no-repeat 0 0 transparent;
}

.pager .next a, .pager .next a:hover {
    background: url("http://cmscdn.staticcache.org/assets/image/0010/188848/news_pager_next.png?v=0.8.5") no-repeat 0 0 transparent;
}

.pager .prev a, .pager .next a {
    display: inline-block;
    width: 35px;
    height: 35px;
}

.pager .selected {
    background-color: #1f3765;
    color: #ffffff;
}

.pager ul, .pager .prev {
    float: left;
}

/*==================== LIGHTBOX CUSTOMISATION ===============================*/

.lb-data .lb-close {
    background-image: url('http://cmscdn.staticcache.org/assets/image/0017/231245/close_overlay.png?v=0.4.5');
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative;
    left: 80px;
    bottom: 414px;
    width: 67px;
    height: 68px;
}

.lb-next, .lb-prev {
    position: absolute;
    background-repeat: no-repeat;
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.lb-next:hover, .lb-prev:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.lb-next, .lb-next:hover {
    background-image: url('http://cmscdn.staticcache.org/assets/image/0005/188726/gallery_right_icon.png?v=0.8.5');
    right: -80px;
    background-position: right 48%;
}

.lb-prev, .lb-prev:hover {
    background-image: url('http://cmscdn.staticcache.org/assets/image/0004/188725/gallery_left_icon.png?v=0.8.5');
    left: -80px;
    background-position: left 48%;
}

.lb-details {
    display: none;
}

.lb-outerContainer {
    background-color: transparent;
}

.lightbox {
    margin-top: 10%;
}

/*===================== HOME PAGE JCAROUSSEL LOGO BRANDS =====================*/
.jcarousel-brands{ background:#bebebe;}
.jcarousel-brands .jcarousel {
    position: relative;
    overflow: hidden; 
    border-left:1px solid #FFF;
    border-right:1px solid #FFF;
    margin-left:auto;
    margin-right:auto;
    max-height:180px !important;
    max-width:1200px;
}

.jcarousel-brands .jcarousel ul {
    width: 20000em;
    max-height:180px !important;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0; 
}

.jcarousel-brands .jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left; 
    border-right:1px solid #FFF;
}

.jcarousel-brands .jcarousel li a > img:first-child+img{ display:none !important;
}

.fl-l { float: left; }
.fl-r { float: right; }
.fl-n { float: none; }

.pos-r { position: relative; }
.pos-a { position: absolute; }

.d-b { display: block; }
.d-n { display: none; }
.d-ib { display: inline-block; }

.ta-c { text-align: center; }
.ta-l { text-align: left; }
.ta-r { text-align: right; }

.secondary-nav ul.nav li a:hover, .secondary-nav ul.nav li a.active {
    background-color: #1f3765;
    color: #ffffff;
}

.secondary-nav ul.nav li a { color: #777777; }

.container-fluid.secondary-nav { border-bottom: 2px solid #d7d7d7; }

.navbar-nav{ margin:0 }
.navbar-nav > li{ float:left;  border-right: 1px solid #fff;}
.navbar-nav > li > a { line-height: 28px; }

.gallery-left-nav ul.nav li { border-bottom: 1px solid #dedede; }
.gallery-left-nav ul.nav li a { color: #777777; }
.gallery-left-nav ul.nav li a.active { background-color: #eaedef; }

.row {
    margin-left: 0;
    margin-right: 0;
}

  /* commissions */
.comissions-table {
    margin-top: 40px;
    margin-bottom: 40px;
}

.comissions-table table {
    width: 70%;
}

.comissions-table table tr th {
    background-color: #1f3765;
    color: #ffffff;
    height: 50px;
    font-size: 20px;
}

.comissions-table table tr th:nth-child(1) {
    padding-left: 30px;
}

.comissions-table table tr th:nth-child(1), .comissions-table table tr td:nth-child(1) {
    width: 70%;
    border-right: 1px solid #ffffff;
}

.comissions-table table tr td {
    background-color: #eaeaea;
    border-bottom: 1px solid #ffffff;
    padding:10px;
}

.comissions-table table tr td p.the-title {
    padding-top: 15px;
    font-size: 20px;
}

.comissions-table table tr td p.the-desc {
    padding-bottom: 30px;
}

/*========================= SUPPORT =============================*/

.support-body .button-chat .btn {
    padding: 10px 65px;
    background: #b3bec5;
    border: 0;
    border-radius: 0;
    font-size: 36px;
    color: #ffffff;
}

.support-body .button-chat .btn.no-service {
    background-color: #b3bec5;
    cursor: default;
}
  
.support-body .content-area {
    font-size: 14px;
}

.support-body .content-area span.azure {
    font-weight: 400;
}

.support-form {
    margin-top: 40px;
    margin-bottom: 40px;
    width:50% !important;
}

.support-body .button-chat {
    position: static;
}

.support-body .button-chat .btn.service {
    background: #3792CD;
    border-radius:0;
}

.support-body .button-chat .btn.service+span {
    color: #3792cd;
    margin-top: 5px;
}

.support-form label.control-label {
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    padding-left: 0;
}

.support-body .support-form label[for="desc"] {
    margin-bottom: 10px;
    margin-top: 30px;
}

.desc {
    width: 100%;
}

.support-body .content-area p {
    padding-bottom: 1em;
}

.refca {
    margin-left: 13px;
} /* captch refresh image */

button[type="submit"], button[type="submit"]:hover {
    border: none;
    background: url('http://cmscdn.staticcache.org/assets/image/0020/191108/submit-icon.png?v=0.8.5') no-repeat left center transparent;
    font-size: 26px;
    color: #3792cd;
    font-weight: normal;
    min-width: 140px;
    padding-left: 36px;
    box-shadow: none;
}

/* Fixes for the support form */
/* Created by Shlomo Kalichman */
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active{
    /* background-color: #fff; */
    border: none;
    color: none;
}

.btn-default{
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.has-error .help-block, .has-error .control-label{
    color: #6A727D;
}

textarea.form-control{
    resize: none;
}

.cap-field{
    position: relative;
}

.errors {
    color: #B94A48;
    float: left;
    left: 165px;
    position: absolute;
    top: 5px;
    width: 195px;
}

.errors ul {
    margin: 0;

    padding: 0;
    list-style: none outside none;
}

.errors li {
    list-style-position: inside;
    font-size: 12px;
}

/* END Fixes */

.asterix {
    color: #c2001b;
    margin-left: 7px;
    font-weight: bold;
}

#sq_regen_captcha {
    left: 180px;
    top:10px;
    position: absolute;
}

#sq_regen_captcha > a {
    background: url('http://cmscdn.staticcache.org/assets/image/0003/190821/captcha_refresh.png?v=0.8.5') 0 0 no-repeat transparent;
    text-indent: -999px;
    overflow: hidden;
    width: 33px;
    height: 33px;
    display: block;
}

/*=========== support form css =================*/
.support-form{ 
    position:relative; 
    float:left;
}

.desktop .support-form{ width:40% !important; }
.tablet .support-form{ width:70% !important; }
.mobile .support-form{ width:95% !important; }

.form-group{ 
    float:left; 
    width:100%; 
    margin-left:0 !important;
    margin-right:0 !important; 
    margin-bottom:15px !important; 
    padding:0 !important;
}

.form-group input[type=text]{
    display: inline-block !important;
    border-radius: 4px;
    height: 34px;
    width:100%;
}

.form-group .label, .form-group .input{ 
    float:left; 
    color: #666 !important; 
    text-align:left;
}
.form-group .label{width:29%}
.form-group .input{width:71%}

.form-group .input .PhoneACode{ width:30%; }
.form-group .input .PhoneNum{ width:68%; float:right }
.form-group .captcha{ width:150px; position:relative }

/*============================= SUPPORT -> FAQ ===========================*/

  /* FAQ */
.faq-body .page-title {
    overflow: hidden;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 30px;
}

.gallery-main ul#faq-contents, .gallery-main ul#faq-contents ul, .gallery-main ul#faq-contents li, .gallery-main ul#faq-contents ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.gallery-main ul#faq-contents>li {
    display: none;
}

.gallery-main ul#faq-contents li.active{
    display: block;
}
  /*.gallery-main ul#faq-contents li ul li { background:url('http://cmscdn.staticcache.org/assets/image/0007/189925/faq_closed.png?v=0.7.5') no-repeat left center transparent; }
  .gallery-main ul#faq-contents li ul li.active { background-image:url('http://cmscdn.staticcache.org/assets/image/0008/189926/faq_open.png?v=0.8.5'); }*/
.gallery-main ul#faq-contents li h3 {
    font-family: 'Lato', sans-serif;
    font-size: 28px;
}

.gallery-main ul#faq-contents li h4 {
    font-family: 'Oswald',sans-serif;
    font-size: 16px;
    color: #3792CD;
}

.gallery-main ul#faq-contents li h4, .gallery-main ul#faq-contents li h4+div {
    padding-left: 45px;
}

.gallery-main ul#faq-contents li h4 {
    background: url('http://cmscdn.staticcache.org/assets/image/0007/189925/faq_closed.png?v=0.7.5') no-repeat left center transparent;
    margin-bottom: 0;
    cursor: pointer;
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.gallery-main ul#faq-contents li h4.open {
    background-image: url('http://cmscdn.staticcache.org/assets/image/0008/189926/faq_open.png?v=0.8.5');
}

.gallery-main ul#faq-contents li h4+div {
    display: none;
}
  
  /* image preload */
.gallery-main ul#faq-contents li h4+div {
    background-image: url('http://cmscdn.staticcache.org/assets/image/0008/189926/faq_open.png?v=0.8.5');
    background-position: -9999px 0;
    background-repeat: no-repeat;
}

.gallery-main ul#faq-contents li.general ul li h3 {
    margin-top: 30px;
}

.gallery-main ul#faq-contents li.general ul li:first-child h3 {
    margin-top: 0;
}

.gallery-main ul#faq-contents li.advertising ul li:first-child h3 {
    margin-top: 0;
}

.gallery-main ul#faq-contents li.payment ul li:first-child h3 {
    margin-top: 0;
}

.gallery-main ul#faq-contents li.technical ul li:first-child h3 {
    margin-top: 0;
}

/*========================================================================================================================================*/
/*================================================================= DESKTOP MODE =========================================================*/
/*========================================================================================================================================*/

.desktop .clear-simple {
    overflow: hidden;
}

.desktop .w50 {
    width: 50%;
}

.desktop .pt20 {
    padding-top: 20px;
}

.desktop .subtitle {
    text-indent: 3px;
}

.desktop .seperator {
    border-bottom: 1px solid #dedede;
}

.desktop .navbar-default .navbar-toggle:hover, .desktop .navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
}
  /* end of General Styles */
  
.desktop .close-overlay {
    position: absolute;
    right: 0;
    top: 10px;
    float: right;
    cursor: pointer;
    z-index: 10;
}

.desktop #language-box .close-overlay {
    top: -200%;
}

.desktop .inline-text {
    font-size: 20px;
}

.desktop .carousel-inner > .item > img, .desktop .carousel-inner > .item > a > img {
    width: 100%;
}

.desktop .row {
    margin-left: 0;
    margin-right: 0;
}

.desktop .nav-overlay {
    background: url("http://cmscdn.staticcache.org/assets/file/0008/186443/transparent_blue_overlay.png?v=0.8.5") transparent;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
    height: 100%;
    color: #ffffff;
}

.desktop .nav-overlay .col-lg-4 {
    padding: 20px;
}

.desktop .nav-overlay .txt-box {
    font-size: 36px;
}

.desktop .inner-page .nav-overlay {
    top: 65px;
    height: 389px;
}

.desktop #language-box .container {
    position: relative;
    top: 135px;
}

.desktop #language-box .txt-box {
    cursor: pointer;
    color: #ffffff;
}

.desktop #language-box .txt-box:hover {
    text-decoration: none;
}

.desktop #language-box .txt-box.selected {
    color: #f5da2f;
}
  
  /* navigation bar */
.desktop .navbar {
    margin-bottom: 0;
    border-bottom: 5px solid #d7d7d7;
    height: 65px;
}

.desktop .navbar-brand, .desktop .navbar .navbar-header a.navbar-brand:hover {
    background: #1f3765;
    padding: 3px 15px;
}

.desktop .navbar[role="navigation"] .navbar-nav {
    margin-left: 10px;
}

.desktop .navbar[role="navigation"] ul li a.active {
    background-color: #1F3765;
    color: #FFFFFF;
}
  
  /* navigation bar general customizations */
.desktop .nav-right {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 65px;
}

.desktop .nav-right li {
    list-style-type: none;
    float: left;
    display: block;
    border-left: 1px solid #d7d7d7;
}

.desktop .nav-right li.last {
    border-right: 1px solid #d7d7d7;
}

.desktop .nav-right li a {
    line-height: 29px;
    position: relative;
    display: block;
    padding: 15px 15px;
    color: #777777;
}

.desktop .nav-right li.active a, .desktop .nav-right li a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #1f3765;
}

.desktop .navbar-collapse .navbar-nav > li > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #1f3765;
}
  
  /* navber button on mobile */
.desktop .navbar-toggle {
    position: absolute;
    float: none;
    left: 190px;
}

.desktop p.button-chat {
  position: relative;
  top: 0;
}


.desktop #support-box .row {
    position: relative;
    top: 75px;
}

.desktop .button-chat .help-block {
    color: #6A727D;
    font-size: 11px;
}
  
  /* carousel */
.desktop .carousel-caption {
    bottom: 70px;
}

.desktop .carousel-caption h3 {
    background-color: #fcd71f;
    color: #000000;
    font-size: 67px;
    width: 504px;
    height: 158px;
    text-align: left;
    padding: 0 0 0 30px;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
}

.desktop .carousel-caption ul {
    padding: 0;
}

.desktop .carousel-caption ul li {
    list-style-type: none;
    font-size: 40px;
    text-align: left;
    background-image: url("http://cmscdn.staticcache.org/assets/image/0007/195118/white_trans.png?v=0.7.5");
  /* background-color:#FFF;*/
    float: left;
    clear: left;
    margin-bottom: 1px;
    color: #000000;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
}

.desktop .carousel-caption ul li .li-txt {
    background: url("http://cmscdn.staticcache.org/assets/image/0008/187649/hp_slider_bullet.jpg?v=0.8.5") no-repeat 10px center transparent;
    padding-left: 30px;
    padding-right: 38px;
}
  
  /* overrride styles */
.desktop .carousel-inner .item .container {
    position: relative;
}

.desktop .carousel-inner .item .container .carousel-caption {
    left: 0;
}

.desktop .btn-register .btn { font-size: 36px; }

.desktop .carousel-indicators {
    left: 100%;
    width: auto;
}

.desktop .carousel-indicators li {
    width: 23px;
    height: 23px;
    border: 4px solid #ffffff;
    border-radius: 12px;
    margin-left: 15px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.desktop .carousel-indicators .active {
    width: 23px;
    height: 23px;
    margin-left: 15px;
}
  /* logo bar */
.desktop .logos {
    background-color: #bebebe;
}

.desktop .logos .container {

    max-width: 1232px;
    overflow: hidden;
    padding: 0 0 0 0;
}

.desktop .logos .img-responsive {
    max-width: 157px;
   /*height: 164px;*/
    cursor: pointer;
    padding: 0 0 0 0;
}

.desktop .logos-row:first-child {
    border-left: 1px solid white;
}

.desktop .logos-row {
    border-right: 1px solid white;
    cursor: pointer;
   /* Edited by Shlomo */
    float: left;
    list-style: none;
}
  
  /* logos carousel */
.desktop #logocarousel li.logos-row {

    display: block;
}

.desktop #logocarousel li.logos-row a img {
    top: 0;
    display: block;
}

.desktop #logocarousel li.logos-row a {
    width: 100%;
    height: 100%;
    top: 0;
}

.desktop #logocarousel li.logos-row a:active img:first-child, .desktop #logocarousel li.logos-row a:visited img:first-child, .desktop #logocarousel li.logos-row a:focus img:first-child, .desktop #logocarousel li.logos-row a img:first-child {
    z-index: 2;
}

.desktop #logocarousel li.logos-row a:hover img:first-child {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 /* for IE8 */
    filter: alpha(opacity=0);
 /* for old IEs */;
}

.desktop .jcarousel-skin-tango {
    width: 100%;
    margin: 0 auto;
}

.desktop .jcarousel-skin-tango .jcarousel-container {
    border-radius: 0;
    border-width: 0;
    background-color: transparent;
}

.desktop .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.desktop .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 97%;
    height: 180px;
    border-left:1px solid #ffffff;
}

.desktop .jcarousel-skin-tango .jcarousel-item {
    width: 173px;
    height: 180px;
}

.desktop .jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 1px;
}

.desktop .jcarousel-skin-tango .jcarousel-next-horizontal {
    right: 52px;
}

.desktop .jcarousel-skin-tango .jcarousel-prev-horizontal, .desktop .jcarousel-skin-tango .jcarousel-next-horizontal {
    top: 68px;
}
  /* // */

.desktop .footer-bottom {
    padding-bottom: 10px;
}

.desktop .social-links {
    margin: 30px auto 40px;
}

.desktop .social-links a {
    margin: 0 25px;
    text-decoration: none;
}
  /*.social-links a img { width:45px; }*/
  
.desktop .payment-methods {
    margin-bottom: 30px;
}

.desktop .payment-methods a {
    margin: 0 15px;
    text-decoration: none;
}
  
  /* twitter */
.desktop .tw-ico iframe {
    height: 40px;
    width: 40px;
}

.desktop .tw-ico iframe html body div#widget {
    height: 29px;
    left: 6px;
    position: relative;
    top: 6px;
    width: 29px;
}

.desktop .tw-ico iframe html body div.btn-o {
    height: 100%;
}

.desktop .tw-ico iframe html body div.btn-o a.btn, .desktop .tw-ico iframe html body div.btn-o a:hover {
    -moz-user-select: none;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border: 0;
    position: relative;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.5);
}

.desktop .tw-ico iframe html body div.btn-o a.btn i {
    background: none;
}

  /* Adjustment for HP */
.desktop #wrap .container.content-area {
    padding-top: 15px;
}
/*----- inner-page promotions-body desktop -------------------*/
.desktop .inner-page.promotions-body.desktop .wrap-img, .desktop .inner-page.promotions-body.tablet .wrap-img{
    height:100%;
}
/*-----------------------------------------------------------------*/

.desktop.promotions-body .wrap-img{
    margin-bottom: 10px;
    margin-right: 10px;
    width:310px; 
}

.desktop.home #wrap {
    margin-bottom: 0;
}

.desktop .content-area .col-lg-4 {
   margin: 15px auto 40px;
   float:left;
   width: 33% !important;
}

.desktop.home .content-area .col-lg-4 p a, .desktop.home .content-area .col-lg-4 p a:hover {
    color: #777777;
}

.desktop.home .content-area .col-lg-4 h4 a:hover {
    text-decoration: none;
}

.desktop .content-area .col-lg-4 .txt-overlay {
    background: url("http://cmscdn.staticcache.org/assets/image/0009/187308/hp_txt_select_bg.png?v=0.8.5") repeat 0 0 transparent;
    width: 100%;
    height: 115%;
    position: absolute;
    top: 0%;
    left: 1%;
    display: none;
    cursor: pointer;
}

.desktop .content-area .col-lg-4 .txt-overlay .txt-ovr-icon {
   /*background:url("http://cmscdn.staticcache.org/assets/image/0011/194951/hp_txt_select_icon.png?v=0.7.5");*/
    position: relative;
    left: 40%;
    top: 35%;
}

.desktop .p-icon {
    position: absolute;
    bottom:-20px;
    right: 10px;
}
  
  /* inner pages */
.desktop .inner-header-img img {
    width: 100%;
}
  
  /* inner CTA Button */
.desktop .inner-button-wrapper {
    position: relative;
    left: 50%;
    margin-left: -599px;
    top: -210px;
} 
  
  /* Image Gallery */

.desktop .gallery-left-nav {
    margin-right: 30px;
    width: 160px;
}

.desktop .gallery-main {
    margin-bottom: 25px;
    min-height: 200px;
    width: 78%;
}

  /* gallery adjustment for small/medium resolutions */
.desktop .gallery-main.visible-sm.visible-md {
    width: 611;
}

.desktop .gallery-main.visible-sm.visible-md .gallery-tab .wrap-img:nth-child(2n) {
    margin-right: 0;
}

.desktop .brands-body .gallery-main.visible-sm.visible-md .gallery-tab .wrap-img:nth-child(2n) {
    margin-right: 32px;
}

.desktop .brands-body .gallery-main.visible-sm.visible-md .gallery-tab .wrap-img:nth-child(3n) {
    margin-right: 1px;
}

.desktop .gallery-main.visible-sm.visible-md .gallery-tab .wrap-img {
    margin-top: 1px;
}

.desktop .wrap-img {
    margin-right: 1px;
    margin-bottom:1px;
    position:relative;
}

.desktop .gallery-left-nav ul.nav li a:hover, .desktop .gallery-left-nav ul.nav li a.active {
    background-color: #eaedef;
}

.desktop .content-area table {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 70%;
}

.desktop .content-area table tr:first-child td {
    background-color: #1f3765;
    color: #ffffff;
    height: 50px;
    font-size: 20px;
}

.desktop .content-area table tr:first-child:nth-child(1) {
    padding-left: 30px;
}

.desktop .content-area table tr:first-child:nth-child(1), .desktop .content-area table tr:first-child:nth-child(1) {
    width: 70%;
    border-right: 1px solid #ffffff;
}

.desktop .content-area table tr td {
    background-color: #eaeaea;
    border-bottom: 1px solid #ffffff;
    padding: 10px;
    border-left: 1px solid #FFFFFF;
    width: 50%;
}
  
  /* brands */
.desktop .brands-body .wrap-img {
    margin-right: 1px;
    width: auto;
}

.desktop .brands-body .gallery-main.visible-lg .gallery-tab .wrap-img {
    margin-top: 0;
}

.desktop .promotions-main .text-desc {
    margin-bottom: 20px;
}

.desktop .aff-more {
    overflow: hidden;
}

.desktop .aff-more a {
    display: inline-block;
    background: url("http://cmscdn.staticcache.org/assets/image/0007/190753/aff_block_more.png?v=0.8.5") no-repeat;
    width: 33px;
    height: 33px;
    float: right; 
    position:absolute; 
    right:0; 
    bottom:-33px;
}

.desktop .content-area .btn-register a:hover, .desktop .content-area .btn-register a:focus, .desktop .content-area .btn-register a:active, .desktop .content-area .btn-register a:visited, .desktop .content-area .btn-register a {
    color: #ffffff;
}

/*=================================================================*/
/*======================= MEDIAS QUERIES ==========================*/
/*=================================================================*/    

@media all and (max-width: 1024px) {    
    .desktop .register-button-top {  
        position: absolute; 
        right: 5%; 
        top: 15%; 
    }
    
    .desktop .btn-register .btn { font-size: 30px; }
}

@media all and (min-width: 1020px) and (max-width: 1200px) {
    .desktop .social-ruler div { margin-bottom:15px; }

    .desktop .register-button-top {  
        position: absolute; 
        right: 5%; 
        top: 20%; 
    }

    .desktop .btn-register .btn { font-size: 30px; }
}

/*=================================================================================================================================*/
/*============================================================= TABLET MODE =======================================================*/
/*=================================================================================================================================*/

/*=================================================================*/
/*============= CSS COMMUN FOR ALL TABLET DEVICES =================*/
/*=================================================================*/

.tablet h1, .tablet h2 {
    font-size: 22px;
}

.tablet.gallery-body .gallery-main.visible-md { display:block !important}

.tablet .p-icon {
        bottom: 2px; 
        position:absolute;
        right: 5px;
}

.tablet .wrap-img {
        margin-bottom: 1px;
        margin-right: 1px;
}

.tablet.promotions-body .wrap-img {
    margin-bottom: 10px;
    margin-right: 10px;
    width:260px; 
}

.tablet .register-button-top {
    position: absolute;
    right: 5%;
    top: 20%;
}

.tablet .btn-register .btn{ font-size: 25px; }

.tablet .gallery-left-nav {
    margin-right: 30px;
    width: 140px;
}

.tablet .wrap-img {  width: auto; }


.tablet .hidden-xs{ display: block !important; }
.tablet .visible-xs{display: none !important;}
.tablet.home .btn-register{ display:none; }

.tablet .social-links {
        margin: 10px auto 20px;
}

.tablet .social-links a img {
        width: 45px;
}

.tablet .social-links a {
        margin: 0 14px;
}

.tablet .payment-methods {
        margin-bottom: 20px;
}

.tablet .payment-methods a {
        margin: 0 10px;
}
    
.tablet .payment-methods img {
        height: 28px;
}

.tablet .gallery-main { width: 76% }

.tablet .lb-next, .tablet .lb-next:hover {
    background-image: url('http://cmscdn.staticcache.org/assets/image/0005/188726/gallery_right_icon.png?v=0.8.5');
    background-size:45px auto;
    right: 15px; 
    top:40%;
    background-position: right 48%; 
    width:45px; 
    height:45px;
}

.tablet .lb-prev, .tablet .lb-prev:hover {
    background-image: url('http://cmscdn.staticcache.org/assets/image/0004/188725/gallery_left_icon.png?v=0.8.5');
    background-size:45px auto;
    left: 15px;
    top:40%;
    background-position: left 48%;
    width:45px; 
    height:45px;
}

.tablet .lb-data .lb-close {
    background-image: url('http://cmscdn.staticcache.org/assets/image/0017/231245/close_overlay.png?v=0.4.5');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 30px auto;
    bottom: 340px;
    height: 35px;
    left: 0;
    position: relative;
    width: 35px;
}

/*=================================================================*/
/*======================= MEDIAS QUERIES ==========================*/
/*=================================================================*/    

@media all and (min-width: 600px) and (max-width: 767px) {
    .home.desktop .home-boxes-text, .home.tablet .home-boxes-text{ height:auto !important;}
    .tablet .btn-register{ top:5px; }
    .tablet .gallery-main{  width: 69% !important; }
    .tablet .news-title{ margin: 0 0 5px; }    
    .tablet .fb-ico{ margin:0px}
    .tablet .social-ruler div {
        width: 40px;
        height: 31px;
        margin:0px;
    }
   .tablet.home .content-area .col-lg-4{ border-bottom:1px solid  #BEBEBE;  border-right:0px  }
   
   .tablet .btn-register .btn{  font-size: 20px; }
}

@media all and (min-width: 768px) and (max-width: 992px) {

    .tablet .promotions-body .wrap-img {
        width: 265px;
    }
  
   /* content area */
    .tablet .inner-page .container.content-area {
        max-width: 850px;
    }
  
   /* inner page right nav drop down */
   .tablet #support-box.nav-overlay, .tablet #language-box.nav-overlay {
        top: 45px;
    }

    .tablet #support-box .row {
        top: 7px;
    }

    .tablet #support-box .container.pos-r {
        max-width: 100%;
        padding: 0 0 0 0;
    }

    .tablet #support-box .container.pos-r .row.hidden-lg, .tablet #support-box .container.pos-r .row.hidden-lg .container {
        max-width: 100%;
    }
   /* carousel text */
    .tablet .carousel-caption {
        bottom: -6px;
    }

    .tablet .carousel-caption h3 {
        font-size: 34px;
        width: 236px;
        height: 80px;
        padding: 0 0 0 10px;
    }

    .tablet .carousel-caption ul li {
        font-size: 18px;
    }

    .tablet .carousel-caption ul li .li-txt {
        padding-right: 6px;
    }

   /* home page content area */
    .tablet.home .content-area .col-lg-4 {
        border-bottom: 0;
    }

   /* gallery for 768px adjustment */
    .tablet.gallery-body .container.content-area, .tablet .gallery-page-wrapper.container {
        max-width: 850px;
    }

    .tablet.brands-body .wrap-img img {
        width: auto;
    }

    .tablet.brands-body .gallery-main.visible-sm.visible-md {
        width: 550px;
    }
  
   /* inner button adjustments */
    .tablet .inner-button-wrapper {
        top: -140px;
    }

   /* fonts in news */
    .tablet.news-body h2 {
        font-size: 18px;
    }

    .tablet .social-ruler div {
        margin-bottom: auto;
    }

    .tablet .fb-ico {
        margin-top: 0;
    }
  
   /* commission table */
    .tablet .comissions-table table {
        width: 100%;
    }
  
   /* FAQ */
    .tablet.faq-body .gallery-main {
        width: 512px;
    }
  
   /* navbar */
    .tablet .navbar {
        height: 45px;
    }

    .tablet .navbar-collapse {
        background: none transparent;
    }

    .tablet .navbar-collapse ul.nav {
        margin-left: 10px;
    }

    .tablet .navbar-collapse .navbar-nav > li > a {
        padding: 8px;
        color: #777777;
    }

    .tablet .navbar-collapse .navbar-nav > li > a:hover {
        color: #ffffff;
    }

    .tablet .navbar-brand {
        line-height: 38px;
    }

    .tablet .navbar-brand img {
        width: 90px;
    }

    .tablet .nav-right li a {
        font-size: 14px;
        line-height: 44px;
        padding: 0 7px;
    }
  
   /* nav overlay */
    .tablet .overlay-wrapper-outer .nav-overlay, .tablet #language-box1.nav-overlay {
        top: 45px;
        height: auto;
    }

    .tablet .nav-overlay .button-chat {
        margin-top: 85px;
        line-height: 1;
    }

    .tablet .nav-overlay .col-lg-6.phone-txt {
        margin: 20px 0;
    }

    .tablet .nav-overlay .col-lg-6.phone-txt p {
        font-size: 30px;
    }

    .tablet #support-box1 .container.pos-r {
        padding: 0;
    }

    .tablet .nav-overlay .button-chat .btn {
        width: 330px;
        height: 67px;
        font-size: 42px;
        line-height: 50px;
    }
  
   /* footer */
    .tablet .footer-middle p {
        font-size: 11px;
        margin: 20px 0;
    }

    .tablet .footer-middle p img {
        width: 80px;
    }

    .tablet .footer-bottom {
        font-size: 10px;
        width: 95%;
        margin: 0 auto;
    }
  
   /* carousel */
    .tablet .carousel-inner > .item > img, .tablet .carousel-inner > .item > a > img {
        margin-left: -228px;
        width: 166%;
        max-width: none;
    }

    .tablet .carousel-caption h3 {
        font-size: 50px;
        height: 117px;
        width: 364px;
    }

    .tablet .carousel-caption ul li {
        font-size: 30px;
    }

    .tablet .carousel-caption {
        bottom: 32px;
    }

    .tablet .carousel-indicators {
        display: block;
        left: 105%;
    }
   /* END OF CAROUSEL */;
}

@media all and (min-width: 768px) and (max-width: 1200px) {

   /* Media Gallery */

    .tablet .gallery-page-wrapper.container {
        max-width: 100%;
    }
   /* our brands */
    .tablet .brands-body .wrap-img {
        margin-bottom: 1px;
    }

    .tablet .brands-body .gallery-main.visible-sm.visible-md .gallery-tab .wrap-img:nth-child(2n) {
        margin-right: 1px;
        margin-top: 0px;
    }

    .tablet .brands-body .gallery-main.visible-sm.visible-md .gallery-tab .wrap-img:nth-child(3n), .tablet .brands-body .gallery-main.visible-sm.visible-md .gallery-tab .wrap-img {
        margin-top: 0px;
    } 
  
   /* chat overlay */
    .tablet .nav-overlay .txt-box p {
        font-size: 14px;
    }

    .tablet .nav-overlay .col-lg-6.phone-txt p {
        font-size: 24px;
    }

    .tablet .nav-overlay .col-lg-6.phone-txt {
        float: left;
        width: 49%;
        margin: 54px 0;
    }

    .tablet .nav-overlay .col-lg-6.button-chat {
        position: static;
        float: left;
        width: 49%;
        margin-top: 130px;
    }

    .tablet .nav-overlay .button-chat .btn {
        width: 200px;
        height: 52px;
        font-size: 28px;
    }
   /* language box */
    .tablet #language-box .container {
        top: 0;
        padding: 0;
        max-width: 100%;
    }

    .tablet #language-box.nav-overlay .col-lg-2 {
        border-bottom: 1px solid #ffffff;
    }

    .tablet #language-box.nav-overlay .txt-box {
        font-size: 14px;
        padding: 1em 0;
        margin: 0 0 0 0;
    }

    .tablet .nav-overlay .button-chat {
        margin-top: 85px;
        line-height: 1;
    }

    .tablet .nav-overlay .col-lg-6.phone-txt {
        margin: 20px 0;
    }

    .tablet .nav-overlay .col-lg-6.phone-txt p {
        font-size: 20px;
    }

    .tablet #support-box1 .container.pos-r {
        padding: 0;
    }

    .tablet .nav-overlay .button-chat .btn {
        width: 330px;
        height: 67px;
        font-size: 42px;
        line-height: 50px;
    }
  
   /* language box1 */
    .tablet #language-box1.nav-overlay {
        position: absolute;
        height: auto;
        top: 65px;
    }

    .tablet #language-box1 .container {
        top: 0;
        padding: 0;
        max-width: 100%;
    }

    .tablet #language-box1.nav-overlay .col-lg-2 {
        border-bottom: 1px solid #ffffff;
    }

    .tablet #language-box1.nav-overlay .txt-box {
        font-size: 17px;
        padding: 1em 0;
        margin: 0 0 0 0;
    }

    .tablet .nav-overlay {
        position: absolute;
        height: auto;
    }

    .tablet .nav-overlay .col-lg-6.phone-txt p {
        font-size: 30px;
    }
   /* HP overlay adjustment */
    .tablet .overlay-wrapper-outer .nav-overlay {
        position: absolute;
        height: auto;
        top: 65px;
    }
   /* inner-page tight nav drop down */
    .tablet .inner-page .nav-overlay {
        top: 0;
        height: auto;
    }

    .tablet .inner-page #support-box.nav-overlay {
        top: 65px;
        height: auto;
    }

    .tablet .inner-page #language-box.nav-overlay {
        top: 65px;
        height: auto;
    }

    .tablet .inner-page #support-box .row {
        top: 7px;
    }

    .tablet .inner-page #support-box .container.pos-r {
        max-width: 100%;
        padding: 0 0 0 0;
    }

    .tablet .inner-page #support-box .container.pos-r .row.hidden-lg, .tablet .inner-page #support-box .container.pos-r .row.hidden-lg .container {
        max-width: 100%;
    }

    .tablet .inner-page #support-box .close-overlay {
        right: -300px;
    }
   /* home right nav drop down */
    .tablet.home #support-box1 .container.pos-r,
   .tablet.home #support-box1 .container.pos-r .row.hidden-lg,
   .tablet.home #support-box1 .container.pos-r .row.hidden-lg .container,
   .tablet.home #support-box .container.pos-r,
   .tablet.home #support-box .container.pos-r .row.hidden-lg,
   .tablet.home #support-box .container.pos-r .row.hidden-lg .container {
        max-width: 100%;
    }

    .tablet.home #support-box1 .close-overlay {
        right: -300px;
    }
  
    .tablet .navbar .container.pos-r {
        margin-left: 0;
        padding-left: 14px;
    }

    .tablet.home .content-area .col-lg-4 {
        width: 33.33333%;
        float: left;
        height: auto;
    };
}

@media all and (min-width: 960px) and (max-width: 1024px) {
  
   /* inner button */
    .tablet .inner-button-wrapper {
        top: -105px;
    }

   /* footer */
    .tablet .footer-middle p {
        font-size: 11px;
        margin: 20px 0;
    }

    .tablet .footer-middle p img {
        width: 80px;
    }

    .tablet .footer-bottom {
        font-size: 10px;
        width: 95%;
        margin: 0 auto;
    }

    .tablet .social-links {
        margin: 10px auto 20px;
    }

    .tablet .social-links a img {
        width: 45px;
    }

    .tablet .social-links a {
        margin: 0 14px;
    }

    .tablet .payment-methods {
        margin-bottom: 20px;
    }

    .tablet .payment-methods a {
        margin: 0 10px;
    }
    
    .tablet .payment-methods img {
        height: 28px;
    }
  
   /* inner button adjustments */
    .tablet .inner-button-wrapper {
        top: -115px;
    }
}


@media all and (min-width: 992px) and (max-width: 1200px) {
    
    .tablet .inner-button-wrapper {
        top: -105px;
    };

    .tablet.promotions-body .wrap-img {
        width: 252px;
    }

    .tablet.promotions-body .gallery-main.visible-sm.visible-md .gallery-tab .wrap-img {
        margin-top: 0;
    }

    .tablet.brands-body .wrap-img {
        width: 190px;
    }
   /* content area */
    .tablet .inner-page .container.content-area {
        max-width: 1120px;
    }
   /* carousel text */
    .tablet .carousel-caption {
        bottom: 15px;
    }

    .tablet .carousel-caption h3 {
        font-size: 42px;
        width: 302px;
        height: 103px;
        padding: 0 0 0 15px;
    }

    .tablet .carousel-caption ul li {
        font-size: 22px;
    }
  
   /* Lightbox Buttons */
    .tablet .lb-data .lb-close {
        left: 177px;
    }

    .tablet .lb-next, .tablet .lb-next:hover {
        right: -170px;
    }

    .tablet .lb-prev, .tablet .lb-prev:hover {
        left: -170px;
    }
  
  
   /* fonts in news */
    .tablet.news-body h2 {
        font-size: 24px;
    }

    .tablet .social-ruler div {
        margin-bottom: auto;
    }
  
   /* FAQ */
    .tablet .faq-body.gallery-main {
        width: 550px;
    }
  
}

@media all and (min-width: 992px) and (max-width: 1024px) {
  /* carousel */
    .tablet .carousel-inner > .item > img, .tablet .carousel-inner > .item > a > img {
        margin-left: -228px;
        width: 166%;
        max-width: none;
    }

    .tablet .carousel-caption h3 {
        font-size: 63px;
        height: 147px;
        width: 461px;
    }

    .tablet .carousel-caption ul li {
        font-size: 37px;
    }

    .tablet .carousel-caption {
        bottom: 56px;
    }

    .tablet .carousel-indicators {
        left: 111%;
        bottom: 46px;
    }
   /* END OF CAROUSEL */
  
   /* inner page right nav drop down */
    .tablet .inner-page #support-box.nav-overlay {
        top: 65px;
    }

    .tablet .inner-page #support-box .row {
        top: 7px;
    }

    .tablet .inner-page #support-box .container.pos-r {
        max-width: 100%;
        padding: 0 0 0 0;
    }

    .tablet .inner-page #support-box .container.pos-r .row.hidden-lg,
   .tablet .inner-page #support-box .container.pos-r .row.hidden-lg .container {
        max-width: 100%;
    };

   .tablet .btn-register .btn{  font-size: 34px; }

}


/*========================================================================================================================================*/
/*============================================================= MOBILE MODE ==============================================================*/
/*========================================================================================================================================*/


/*=================================================================*/
/*============= CSS COMMUN FOR ALL MOBILE DEVICES =================*/
/*=================================================================*/
.mobile h1, .mobile h2 { font-size: 18px; }
.mobile .gallery-left-nav, .mobile .gallery-main { width: 100%; }
.mobile .gallery-main { min-height:200px; }
.mobile .p-icon {
        bottom: 3px; 
        position:absolute;
        right: 0;
}
    
.mobile .anchors-jump { display: block !important; }

.mobile .social-links { margin: 10px auto; }
.mobile .social-links a img { width: 35px;}
.mobile .social-links a { margin: 0 14px; }

.mobile .payment-methods { margin-bottom: 10px; }
.mobile .payment-methods a { margin: 0 5px; }
.mobile .payment-methods img { height: 23px; } 

.mobile .wrap-img {
    margin-right: 1px;
    margin-bottom: 1px; 
    border-bottom:1px solid #CCC;
}

/*============== default parameters for register button on mobile ===================*/
/*--- if change is required, try to not change in here, it may cause instability ----*/

.mobile .register-button-mobile{ 
    display:table !important; 
    text-align: center; 
    margin-bottom: 10px;
    margin-top: 15px;
    margin-left:auto;
    margin-right:auto; 
    padding-top:10px;
}

.mobile .register-button-mobile>.btn-register{ 
    margin: 0;
    padding: 0;
    position: relative;
    top: 0; 
    right:0; 
    left:0;
    margin-left:auto; 
    margin-right:auto;
}
.mobile .register-button-mobile>.btn-register>a{ font-size:20px }

.mobile .register-button-top { display: none !important; }
    
/*=================================================================*/
/*======================= MEDIAS QUERIES ==========================*/
/*=================================================================*/    

@media all and (max-width: 480px) {
    
   /* homepage content area for mobile */
    .mobile.home .content-area .col-lg-4 {
        border-bottom: 1px solid #BEBEBE;
        padding-bottom: 10px;
    }

    .mobile.home .carousel-caption .btn-register {
        display: none;
    }
   /* commissions table */
    .mobile .comissions-table table {
        width: 100%;
    }

    .mobile .nav.submenu {
        margin: 0 0 0 -15px;
    }

    .mobile .nav.submenu>li {
        float: left;
    }
  
    .mobile .social-ruler {
        width: auto;
        background-color: transparent;
        height: auto;
    }

    .mobile .social-ruler div {
        margin-bottom: 0;
        float: left;
    }

    .mobile .fb-ico {
        margin-top: 0;
    }

    .mobile .right-col {
        margin-left: 0;
        width: 100%;
    }

    .mobile.news-body .content-area .container {
        padding-left: 0;
    }

    .mobile .bottom-btn.button-wrapper {
        margin-bottom: 40px;
    }

   /* brands */
    .mobile.brands-body .gallery-main.visible-sm.visible-md .gallery-tab .wrap-img:nth-child(2n) {
        margin-right: 0;
    }

    .mobile.brands-body .gallery-main.visible-sm.visible-md {
        width: 222px;
    }
    
   /* end of brands */
  
    .mobile .button-chat .btn {
        font-size: 18px;
        padding: 7px 20px; 
        color:#FFF;
    }

    .mobile .button-chat .help-block {
        font-size: 6px;
    }

    .mobile .col-lg-6.phone-txt p {
        font-size: 16px;
    }
   /* carousel text */
    .mobile .carousel-caption {
        bottom: -9px;
        left: 3px;
    }

    .mobile .carousel-caption h3 {
        font-size: 22px;
        width: 175px;
        height: 53px;
        padding: 0 0 0 10px;
    }

    .mobile .carousel-caption ul li {
        font-size: 12px;
    }

    .mobile .btn-register .btn {
        font-size: 12px;
    }

    .mobile .carousel-indicators {
        left: 88%;
    }

    .mobile .carousel-caption ul li .li-txt {
        padding-right: 17px;
    }

    .mobile .carousel-indicators {
        display: none;
    }

    .mobile #lightboxOverlay, .mobile #lightbox {
        display: none !important;
    }
  
   /* language box */
    .mobile #language-box .container {
        top: 0;
        padding: 0;
        max-width: 100%;
    }

    .mobile #language-box.nav-overlay .col-lg-2 {
        border-bottom: 1px solid #ffffff;
    }

    .mobile #language-box.nav-overlay .txt-box {
        font-size: 14px;
        padding: 1em 0;
        margin: 0 0 0 0;
    }
  
   /* language box1 */
    .mobile #language-box1.nav-overlay {
        position: absolute;
        height: auto;
        top: 45px;
    }

    .mobile #language-box1 .container {
        top: 0;
        padding: 0;
        max-width: 100%;
    }

    .mobile #language-box1.nav-overlay .col-lg-2 {
        border-bottom: 1px solid #ffffff;
    }

    .mobile #language-box1.nav-overlay .txt-box {
        font-size: 14px;
        padding: 1em 0;
        margin: 0 0 0 0;
    }

    .mobile .nav-overlay div.txt-box {
        padding: 0;
        margin-top: 10px;
        float: left;
        width: 50%;
        padding: 15px 0;
    }

    .mobile .nav-overlay div.txt-box p {
        font-size: 17px;
    }

    .mobile .nav-overlay .button-chat {
        position: static;
        float: left;
        text-align: center;
        width: 50%;
        line-height: 140px;
        padding-left: 0;
    }

    .mobile .inner-page #support-box.nav-overlay .container.pos-r .row.hidden-lg .container, .mobile #support-box1.nav-overlay .container.pos-r .row.hidden-lg .row.hidden-lg .container {
        margin: 5px 0 15px;
        padding-left: 15px;
    }

    .mobile .nav-overlay .button-chat {
        line-height: 1;
        margin-top: 85px;
    }

    .mobile .nav-overlay .button-chat button {
        font-size: 21px;
        height: 36px;
        line-height: 18px;
        margin: 0 auto;
        width: 140px;
    }

    .mobile #support-box1 .container.pos-r {
        margin-left: auto;
        padding-left: 14px;
    }

    .mobile #support-box1 .container.pos-r .row.hidden-lg .container {
        padding: 0 10px;
    }

    .mobile .nav-overlay {
        position: relative;
    }
  
   /* HP overlay adjustment */
    .mobile .overlay-wrapper-outer .nav-overlay {
        position: absolute;
        height: auto;
        top: 45px;
    }
   /* carousel content */
    .mobile .carousel-inner .item .container .carousel-caption {
        left: 10px;
    }

    .mobile .carousel-caption h3 {
        font-size: 32px;
        height: 74px;
        width: 242px;
    }

    .mobile .carousel-caption ul li {
        font-size: 18px;
    }

    .mobile .carousel-inner > .item > img, .mobile .carousel-inner > .item > a > img {
        width: 140%;
        position: relative;
        right: 69px;
        max-width: none;
    }
  
   /* commissions table */
    .mobile .comissions-table table {
        width: 100%;
    }
  
   /* FAQ */
    .mobile.faq-body #wrap .container.content-area {
        padding-left: 9px;
        padding-right: 9px;
    }

    .mobile.faq-body .nav-stacked>li+li {
        margin-top: 0;
    }

    .mobile.faq-body .gallery-main {
        width: auto;
        margin-top: 20px;
    }

    .mobile .inner-page .gallery-tab {
        margin-top: 20px;
    }
  
   /* Promotions */
    .mobile.promotions-body .wrap-img, .mobile.promotions-body .gallery-main.visible-sm.visible-md {
        width: 100%;
    }
  
   /* navbar for mobile */
    .mobile .navbar[role="navigation"] .navbar-nav {
        margin-left: 0;
    }

    .mobile .navbar-collapse {
        background: url("http://cmscdn.staticcache.org/assets/file/0008/186443/transparent_blue_overlay.png?v=0.8.5") transparent;
        color: #ffffff;
        max-height: 100%;

        padding: 0;
        margin-left: -16px;
        margin-right: -16px;
    }

    .mobile .container > .navbar-collapse {
        margin-left: -16px;
        margin-right: -16px;
    }

    .mobile .navbar-default .navbar-nav > .active > a, .mobile .navbar-default .navbar-nav > .active > a:hover, .mobile .navbar-default .navbar-nav > .active>a:focus {
        color: #ffffff;
        background-color: #1f3765;
    }

    .mobile .navbar-collapse .navbar-nav {
        margin: 0 -15px;
    }

    .mobile .navbar-collapse .navbar-nav > li {
        border-bottom: 1px solid #ffffff;
    }

    .mobile .navbar-collapse .navbar-nav > li > a {
        color: #ffffff;
    }

    .mobile .navbar-collapse .navbar-nav > li > a:hover {
        color: #f5da2f;
    }

    .mobile .nav-right {
        line-height: 44px;
    }

    .mobile .nav-right li a {
        color: #777777;
        display: block;
        font-size: 14px;
        font-weight: normal;
        line-height: 44px;
        padding: 0 7px;
        position: relative;
    }

    .mobile .nav-right {
        line-height: 44px;
        position: absolute;
        right: 0;
        top: 0;
    }

    .mobile .navbar {
        height: 40px;
    }

    .mobile .navbar-toggle {
        float: none;
        left: 105px;
        position: absolute;
        border: 0;
        margin-top: 5px;
        z-index: 10;
    }

    .mobile .navbar-default .navbar-toggle .icon-bar {
        background-color: #777777;
        height: 3px;
    }

    .mobile .navbar-brand {
        float: left;
        font-size: 18px;
        line-height: 38px;
        padding: 15px;
    }

    .mobile .navbar-brand, .navbar .navbar-header a.navbar-brand:hover {
        background: none repeat scroll 0 0 #1F3765;
        padding: 3px 12px;
    }

    .mobile .navbar-brand img {
        width: 70px;
    }

    .mobile .navbar .container.pos-r {
        padding-left: 14px;
    }

    .mobile .nav-right li.last {
        border-right: 0;
    }
   /* end ov navbar for mobile */
  
   /* contact-us (support) form */
    .mobile .form-group label+div {
        padding-right: 0;
        padding-left: 0;
    }

    .mobile .form-group label[for="PhoneACode"],
   .mobile .form-group label[for="PhoneACode"]+div,
   .mobile .form-group label[for="PhoneACode"]+div+div {
        float: left;
    }

    .mobile .form-group label[for="PhoneACode"]+div {
        clear: left;
        width: 30%;
    }

    .mobile .form-group label[for="PhoneACode"]+div+div {
        width: 70%;
        padding-right: 0;
    }
  
   /* generic table */
    .mobile .content-area table {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
  
   /* footer */
    .mobile .footer-middle p {
        font-size: 6px;
        margin: 11px 0;
    }

    .mobile .footer-middle p img {
        width: 42px;
    }

    .mobile .footer-bottom {
        font-size: 6px;
        width: 95%;
        margin: 0 auto;
    } 
  
   /* inner page right nav drop down */
    .mobile .inner-page .nav-overlay {
        height: auto;
    }

    .mobile .inner-page .nav-overlay div.txt-box {
        padding: 0;
        margin-top: 10px;
        float: left;
        width: 50%;
        margin-bottom: 0;
    }

    .mobile .nav-overlay div.txt-box p, .inner-page .nav-overlay div.txt-box p {
        font-size: 17px;
    }

    .mobile .inner-page .nav-overlay .button-chat {
        position: static;
        float: left;
        text-align: center;
        width: 50%;
        line-height: 140px;
        margin-top: 0;
    }

    .mobile .inner-page .nav-overlay .button-chat button {
        margin: 0 auto;
    }

    .mobile .inner-page #support-box .row {
        top: 0;
    }

    .mobile .inner-page .nav-overlay {
        position: absolute;
        height: auto;
    }

    .mobile #support-box.nav-overlay, .mobile #language-box.nav-overlay {
        top: 45px;
    }

    .mobile #support-box .row {
        top: 7px;
    }

    .mobile #support-box .container.pos-r {
        max-width: 100%;
        padding: 0 0 0 0;
    }

    .mobile #support-box .container.pos-r .row.hidden-lg, .mobile #support-box .container.pos-r .row.hidden-lg .container {
        max-width: 100%;
    }

    .mobile #support-box .container.pos-r .row.hidden-lg .container {
        margin: 10px 0;
        padding-left: 0;
    };
}

@media all and (max-width: 480px) and (orientation : portrait) {
    .mobile .banner-wrapper.pos-r {
        overflow: hidden;
    }
    .mobile .inner-header-img {
        left: 50%;
        margin-left: -300px;
        position: relative;
        width: 600px;
    }

    .mobile .inner-header-img .img-responsive {
        height: 60px;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    
    /* homepage content area for mobile */
    .mobile.home .content-area .col-lg-4 {
        border-bottom: 1px solid #BEBEBE;
        padding-left: 0;
        padding-bottom: 10px;
    }

    .mobile.home .carousel-caption .btn-register {
        display: none;
    }
   /* carousel content */
    .mobile .carousel-inner .item .container .carousel-caption {
        left: 10px;
    }

    .mobile .carousel-caption h3 {
        font-size: 32px;
        height: 74px;
        width: 242px;

    }

    .mobile .carousel-caption ul li {
        font-size: 18px;
    }

    .mobile .carousel-inner > .item > img, .mobile .carousel-inner > .item > a > img {
        width: 140%;
        position: relative;
        right: 69px;
        max-width: none;
    }
  
    .mobile .nav-right li.last {
        border-right: 0;
    }

    .mobile .nav-overlay div.txt-box p, .mobile .inner-page .nav-overlay div.txt-box p {
        font-size: 17px;
    }
    
    .mobile .comissions-table table tr td p.the-title, .mobile .comissions-table table tr td p, .mobile .comissions-table table tr td p.the-desc{
        padding:0;
    }
    
    .mobile .comissions-table table tr th:nth-child(1){
        padding-left: 10px;
    }
    
    .mobile .comissions-table table tr th{
        font-size: 19px;
    }
  /* inner page right nav drop down */
    .mobile .nav-overlay {
        height: auto;
    }

    .mobile .nav-overlay div.txt-box {
        padding: 0;
        margin-top: 10px;
        float: left;
        width: 50%;
        margin-bottom: 0;
    }

    .mobile .nav-overlay div.txt-box p {
        font-size: 17px;
    }

    .mobile .nav-overlay .button-chat {
        position: static;
        float: left;
        text-align: center;
        width: 50%;
        line-height: 140px;
        margin-top: 0;
    }

    .mobile .nav-overlay .button-chat button {
        margin: 0 auto;
    }

    .mobile #support-box .row {
        top: 0;
    }

    .mobile .nav-overlay {
        position: absolute;
        height: auto;
    }

    .mobile #support-box.nav-overlay, .mobile #language-box.nav-overlay {
        top: 45px;
    }

    .mobile #support-box .row {
        top: 7px;
    }

    .mobile #support-box .container.pos-r {
        max-width: 100%;
        padding: 0 0 0 0;
    }

    .mobile #support-box .container.pos-r .row.hidden-lg, .mobile #support-box .container.pos-r .row.hidden-lg .container {
        max-width: 100%;
    }

    .mobile #support-box.nav-overlay .container.pos-r .row.hidden-lg .container, .mobile #support-box1.nav-overlay .container.pos-r .row.hidden-lg .row.hidden-lg .container {
        margin: 5px 0 15px;
    }

}

/*================================================================================================================*/
/*================================================================================================================*/
/*============================================ END MAIN SITE CSS =================================================*/
/*================================================================================================================*/
/*================================================================================================================*/