/*
Theme Name: Quiz Money.
Theme URI: 
Description: Own Website.
Version: 1.0
Author: Idealplus
Author URI: http://eurojeux.fr France/
*/
@import 'initialise.css';
/***** FONTS *****/
@font-face {font-family: 'Roboto Condensed', sans-serif;
    src: url('fonts/Roboto Condensed', 'sans-serif'); 
    src: url('fonts/Roboto Condensed') format('embedded-opentype'),
         url('fonts/Roboto Condensed') format('woff'),
         url('fonts/Roboto Condensed') format('truetype'),
         url('fonts/Roboto Condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'lighthouse';
    src: url('fonts/lighthouse_personaluse-webfont.eot');
    src: url('fonts/lighthouse_personaluse-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lighthouse_personaluse-webfont.woff') format('woff'),
         url('fonts/lighthouse_personaluse-webfont.ttf') format('truetype'),
         url('fonts/lighthouse_personaluse-webfont.svg#lighthouse_personal_useRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'truecrimes';
    src: url('fonts/true-crimes-webfont.eot');
    src: url('fonts/true-crimes-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/true-crimes-webfont.woff') format('woff'),
         url('fonts/true-crimes-webfont.ttf') format('truetype'),
         url('fonts/true-crimes-webfont.svg#true_crimesregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'ubuntu';
    src: url('fonts/ubuntu-bold-webfont.eot');
    src: url('fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-bold-webfont.woff') format('woff'),
         url('fonts/ubuntu-bold-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-bold-webfont.svg#ubuntubold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {font-family: 'yesteryear';
    src: url('fonts/Yesteryear-Regular.eot');
    src: url('fonts/Yesteryear-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Yesteryear-Regular.woff') format('woff'),
         url('fonts/Yesteryear-Regular.ttf') format('truetype'),
         url('fonts/Yesteryear-Regular.svg#yesteryearregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'yellowtail';
    src: url('fonts/Yellowtail-Regular-webfont.eot');
    src: url('fonts/Yellowtail-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Yellowtail-Regular-webfont.woff') format('woff'),
         url('fonts/Yellowtail-Regular-webfont.ttf') format('truetype'),
         url('fonts/Yellowtail-Regular-webfont.svg#yesteryearregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {font-family: 'PlutoSansLight';
    src: url('fonts/PlutoSansLight.eot');
    src: url('fonts/PlutoSansLight.eot?#iefix') format('embedded-opentype'),
         url('fonts/PlutoSansLight.woff') format('woff'),
         url('fonts/PlutoSansLight.ttf') format('truetype'),
         url('fonts/PlutoSansLight.svg#PlutoSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{ background:#C9C9C9; font-family: 'ubuntu';}
.body{ background:url(../img/fonder6.png) no-repeat center; background-size:cover; background-attachment:fixed; }

.mwidth50{ min-width:50px}
.mwidth70{ min-width:70px}
.mwidth100{ min-width:100px}
.mwidth120{ min-width:120px}
.mwidth150{ min-width:150px}
.mwidth170{ min-width:170px}
.mwidth200{ min-width:200px}
.mwidth250{ min-width:250px}


a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
.btn{ outline:none !important; }
label.error{font-family: 'PlutoSansLight'; font-size:12px; color:#f44336; margin:0;}
.btn3d {
    position:relative;
    top: -6px;
    border:0 !important;
     transition: all 40ms linear;
     margin-top:10px;
     margin-bottom:10px;
    
}
.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
    -moz-outline-style:none;
         outline:medium none;
}
.btn3d:active, .btn3d.active {
    top:2px;
}
.btn3d.btn-white {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#fff;
}
.btn3d.btn-white:active, .btn3d.btn-white.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#fff;
}
.btn3d.btn-default {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0,0,0,.2);
    background-color:#f9f9f9;
}
.btn3d.btn-default:active, .btn3d.btn-default.active {
    color: #666666;
    box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
    background-color:#f9f9f9;
}
.btn3d.btn-primary {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #4D5BBE, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#4274D7;
}
.btn3d.btn-primary:active, .btn3d.btn-primary.active {
    box-shadow:0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color:#4274D7;
}
.btn3d.btn-success {
    box-shadow:0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#78d739;
}
.btn3d.btn-success:active, .btn3d.btn-success.active {
    box-shadow:0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #78d739;
}
.btn3d.btn-info {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#39B3D7;
}
.btn3d.btn-info:active, .btn3d.btn-info.active {
    box-shadow:0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #39B3D7;
}
.btn3d.btn-warning {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#FEAF20;
}
.btn3d.btn-warning:active, .btn3d.btn-warning.active {
    box-shadow:0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #FEAF20;
}
.btn3d.btn-danger {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#D73814;
}
.btn3d.btn-danger:active, .btn3d.btn-danger.active {
    box-shadow:0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #D73814;
}
.btn3d.btn-magick {
    color: #fff;
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0,0,0,0.5);
    background-color:#bb39d7;
}
.btn3d.btn-magick:active, .btn3d.btn-magick.active {
    box-shadow:0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);
    background-color: #bb39d7;
}

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

.isa-container{margin:0 auto;  padding:0 15px;  width: 100%; clear: both;}
.isa-container:after,.isa-container:before{ content: ''; display: table; clear: both;}
@media (min-width: 1024px) {.isa-container{ width: 80%;} }

.isaNav .isa-container{position: relative;}
.isaNav{ border: 0px; background:#21242e; border-radius: 0; z-index: 999; -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4); }
 

.isaNav .navbar-brand {
  max-width: 200px;  padding: 0px;
  transform: translateX(-50%);
  left: 50%; top: 0;
  position: absolute;
}
.isaNav .navbar-brand>img {
  height: 100%;
  padding: 4px;
  width: auto;
}

.isaNav .mainMenu .navbar-nav  li  a,.isaNav .nav-header  li  a{font-family: 'truecrimes'; }
.isaNav .mainMenu .navbar-nav > li > a:hover, .isaNav .mainMenu .navbar-nav > li > a:focus {
    color: #fff !important; background-color: #f4511e;
}
.isaNav .mainMenu .navbar-nav > .active > a, .isaNav .mainMenu .navbar-nav > .active > a:hover {
    color: #fff !important; background-color: #f4511e;
}


 .isa-nav-trigger {
    position: absolute; top: 0; left: 0;
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
    z-index: 3;
}

.cord1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    word-wrap: break-word;
    background-color: #0087ba;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: .25rem;
}
.cord2 {
   position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    word-wrap: break-word;
    background-color: #f27474;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,0.125);
    border-radius: .25rem;
}

.isa-nav-trigger span {
    position: absolute;
    top: 50%;
    right: 13px;
    margin-top: -2px;
    -webkit-transition: background 0.3s 0.3s;
    -moz-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
}
.isa-nav-trigger span, .isa-nav-trigger span::before, .isa-nav-trigger span::after {
    position: absolute;
    display: inline-block;
    height: 3px;
    width: 24px;
    background: #fff;
}

.isa-nav-trigger span::before, .isa-nav-trigger span::after {
    content: '';
    right: 0;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    -moz-transition: -moz-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}
.isa-nav-trigger span::before {
    top: -6px;
}
.isa-nav-trigger span::after {
    top: 6px;
}
.isa-nav-trigger.nav-is-visible span {
    background:rgba(42, 52, 60, 0);
}
.isa-nav-trigger.nav-is-visible span::before {
    -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
    -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
    transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.isa-nav-trigger.nav-is-visible span::after {
    -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
    -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
    transform: translateX(4px) translateY(2px) rotate(-45deg);
}



.ellipsisTigger{ width:40px; height:50px; line-height:50px; position:absolute; top:0; right:0px; cursor:pointer; visibility:hidden; }
.ellipsisTigger:after{ content: "\f142"; font-family:'FontAwesome'; position:absolute; top:0; right:18px; color:#fff; font-size:22px;}
.ellipsisTigger.nav-header-open:after{content: "\f00d";}
.isaNav .nav-header{margin: 0; padding: 0; position: absolute; right: 0; top: 0; margin-right: 15px;}
.isaNav .nav-header>li{list-style: none; display: inline-table;  position: relative;}
.isaNav .nav-header>li>a{ position: relative; display: block; padding: 15px 10px; color: #9d9d9d; text-decoration: none;}
.isaNav .nav-header>li:hover>a{  color: #f4511e; }
.isa-overlay {
    position: fixed;
    z-index: 2;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.isa-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
.fixNavPadding{ padding-bottom:50px;}

@media (min-width: 992px) {
    .isa-nav-trigger{display: none;}
    .isaNav .navbar-brand{ visibility:hidden;}
}

@media (max-width:991px) {
    
    .isaNav .mainMenu{width:260px; margin: 0; position: absolute; left: 0; top: 50px; height:calc(100vh - 50px); overflow-y: auto; background: #21242e; opacity: 0; z-index: 10;
     -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px); 
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: opacity all 0.3s ease-in-out;
    -o-transition: opacity all 0.3s ease-in-out;
    -moz-transition: opacity all 0.3s ease-in-out;
    transition: opacity all 0.3s ease-in-out;   
    }
    .isaNav .mainMenu .navbar-nav { margin:0px;}
    .isaNav .mainMenu.nav-is-visible{ opacity: 1;
         -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }

}

@media (max-width:767px) {

    .ellipsisTigger{visibility: visible; }
    .isaNav .nav-header{ padding: 10px; position: fixed; right: 0;  top: 50px; margin-right: 0px; background:#21242e; width:200px;
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            -ms-transform: translateX(100%);
            -o-transform: translateX(100%);
            transform: translateX(100%);
    }
    .isaNav .nav-header.open{
        -webkit-transform: translateX(0px);
            -moz-transform: translateX(0px);
            -ms-transform: translateX(0px);
            -o-transform: translateX(0px);
            transform: translateX(0px);}
            
    .isaNav .nav-header>li{ display: list-item;}
    .isaNav .nav-header>li>a{display: block; padding: 10px 10px;}
    
 }



@media (max-width:480px) and  (orientation: portrait) {
.isaNav .navbar-brand {
  transform: translateX(0%);
  left: 50px; top: 0;
}

}

.logoBox{ padding:25px 0;}
.logoBox .logo{ padding:0 15px; max-width:470px; margin:0 auto;    display: block;}
.logoBox .logo img{ width:60%; height:auto;}

.flagBox{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
.flagBox .flag{
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width:50px; margin-right:10px;
    }
.flagBox .flag img{ width:100%; height:auto; border-radius:50%;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);}

.flagsdiv{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}
.flagsdiv span{ margin-right: 5px; white-space: nowrap; }
.flagsdiv img{ max-width: 100%; height: auto; }

@media (max-width: 767px) {
    .flagsdiv{
        flex-wrap: nowrap;
        justify-content: center;
        text-align: center;
        gap: 5px;
    }
    .flagsdiv span{
        width: auto;
        flex-basis: auto;
        margin-right: 5px;
        margin-bottom: 0;
        white-space: nowrap;
    }
    .flagsdiv img{ width: 100px; height: auto; }
}

.logRegBox{  width:300px; margin-left:auto; height:50px; border:2px solid #21242e;
    -webkit-border-radius: 25px;
     border-radius: 25px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background:rgba(255,255,255,0.65);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    }
	
.logRegBox> a{ font-family: 'truecrimes'; line-height:48px;outline:none !important;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size:16px; text-decoration:none;
    padding:0px 15px; text-align:center; color:#262626;
    }
	
.logRegBox> a:first-child{ border-right:2px solid #21242e;
    -webkit-border-radius: 25px 0 0 25px;
     border-radius:  25px 0 0 25px;
    }
.logRegBox > a:last-child{
    -webkit-border-radius: 0px 25px 25px 0px;
     border-radius: 0px 25px 25px 0px;
    }
.logRegBox> a:hover{ background:#f4511e; color:#fff;}    

.logRegBox .dropdown{ padding:0;
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size:16px; text-decoration:none; font-family: 'truecrimes';
    text-align:center; color:#262626; line-height:48px; box-shadow:none !important;
	}
.logRegBox .dropdown-toggle{ height:100%; width:100%; background:rgba(0,0,0,0.00); outline:none !important; display:block; border:0px;
    border-right:2px solid #21242e;
    -webkit-border-radius: 25px 0 0 25px;
     border-radius:  25px 0 0 25px;
	 }
.logRegBox> .dropdown-toggle :hover { background:#f4511e; color:#fff;}  
.logRegBox .dropdown-menu{ border-radius:25px; overflow:hidden; padding:0;}
.logRegBox .dropdown-menu li a{ padding:10px 20px;}
.logRegBox .dropdown-menu li a:hover{ background:#f4511e; color:#fff;}


.headerBox{ background:#21242e; color:#fff; width:240px; height:60px; line-height:30px; text-align:center;
 font-size:16px; text-transform:uppercase;}
 
 .headerBoxBig{ background:#21242e; color:#fff; width:240px; height:60px; line-height:32px; text-align:center;
 font-size:16px; text-transform:uppercase;}
 
.headerBoxBig {
    position: absolute;
    top: -30px;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.headerBoxBig span:before {
    content: '';
    border-bottom: 0px solid transparent;
    border-left: 20px solid transparent;
    border-right: 0px solid transparent;
    border-top: 60px solid #21242e;
    position: absolute;
    top: 0;
    left: -20px;
}

.headerBoxBig span:after {
    content: '';
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    border-top: 60px solid #21242e;
    position: absolute;
    top: 0;
    right: -20px;
}

 .choiceSec .headerBox{ position:absolute; top:-30px; left:50%; z-index:1;
 -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
   transform:translateX(-50%);
 }
 .headerBox span{ display:block; width:100%; height:100%; position:relative;}
 .headerBox span:after{
    content:''; 
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    border-top: 60px solid #21242e;
    position: absolute;
    top: 0;
    right: -20px;
 }
  .headerBox span:before{
    content:''; 
    border-bottom: 0px solid transparent;
    border-left: 20px solid transparent;
    border-right: 0px solid transparent;
    border-top: 60px solid #21242e;
    position: absolute;
    top: 0;
    left: -20px;
 }
 
.choiceSec{ margin-bottom:60px;  position:relative;}
.choiceBoxs{ background:url(../img/gameack.png) no-repeat center; background-size:cover; border-radius:15px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.choiceBox{ position:relative;
    -webkit-flex: 0 0 47%;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    padding: 1px 1px; 
}


.button{ width:280px; height:70px; line-height:70px; text-align:center;
font-family: 'truecrimes'; font-size:28px; color:#fff; text-decoration:none;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.button.buttonGreen{ background:#205b01;}
.button.buttonOrang{ background:#c64600;}
.button span{ display:block; width:100%; height:100%; position:relative;}
.button span:after{
    content:''; 
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    top: 0;
    right: -20px;
 }
.button span:before{
    content:''; 
    border-top: 0px solid transparent;
    border-left: 20px solid transparent;
    border-right: 0px solid transparent;
    position: absolute;
    top: 0;
    left: -20px;
 }
 .button.buttonGreen span:after{ border-top: 70px solid #205b01;}
 .button.buttonGreen span:before{ border-bottom: 70px solid #205b01;}
 .button.buttonOrang span:after{ border-top: 70px solid #c64600;}
 .button.buttonOrang span:before{ border-bottom: 70px solid #c64600;}
 
 .choiceBox .text{ color:#fff; text-align:center; padding:20px 0;}
 .choiceBox .upImg{    max-width: 260px;
    height: auto;
    margin: 0 auto;
    display: block;}
    
 .choiceBox.trainingSec .upImg{
     position:absolute; bottom:0px; left:50%; z-index:1;
 -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
   transform:translateX(-50%);
     }
     
@media (max-width:991px) {.choiceSec{  margin-top:40px; } }

@media (max-width:767px) {
    
.flagBox{
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    }
.flagBox .flag{ margin-right:5px;}  

.logRegBox{  width:280px; margin:0 auto; }

.choiceSec{  margin-top:100px}
.choiceSec .headerBox{  top:-80px;}
 
.choiceSec{ margin-bottom:50px;}
.choiceBoxs{ background:#f00; border-radius:0px;
}
.choiceBox{
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 20px 15px; 
}
.choiceBox.trainingSec{ background:#184b09;}
.choiceBox.PlaySec{ background:#751b00;}

.button{ width:220px; }

 
 .choiceBox .text{ color:#fff; text-align:center; padding:20px 0;}
 .choiceBox .upImg{ display:none;}
    

}    



.lastWinnerSec{ padding-bottom:60px; position:relative;}
.lastWinnerSec .headerBox{ position:absolute; left:50%; top:-30px;  z-index:1;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
   transform:translateX(-50%);  } 
.winnerBoxs{ background:url(../img/bg1.jpg) no-repeat center; background-size:cover; border-radius:15px; padding:25px; }
     
.winnerBox {
    background: #6C0A6F; position: relative;
    border-top: 5px solid #ef6c00;
    margin-top: 55px;    border-radius: 14px;
    transition: all 0.5s ease 0s;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.winnerBox .winnerBox-icon {
    width: 80px; z-index:2;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #ef6c00;
    margin: -45px auto 0;
    overflow:hidden;
    box-sizing:border-box;
    position:absolute; top:0; left:50%;
    -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
   transform:translateX(-50%); 
}
.winnerBox .winnerBox-icon img{
    background:#fff; width:100%; height:100%; object-fit:cover;
}
.winnerBox .winnerBox-content{
    position:relative; overflow: hidden; z-index:1; margin-top:0px;  border-radius:10px;
}

.winnerBox .winnerBox-content p {
    z-index: 5;
	font: lighter 16px/22px "verdana";
    color: #ffffff;
    margin: 10px 15px 10px;
}

.winnerBox .winnerBox-content:before,
.winnerBox .winnerBox-content:after{
    content: "";
    width: 200%;
    height: 200%;
    background: #9c27b0;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: -1;
    transform: rotate(-18deg);
    transition: all 0.5s ease 0s;
}
.winnerBox .winnerBox-content:before{
    background: #fb8c00;
    left: -100%;
    transform: rotate(18deg);
}
.winnerBox .winnerBox-content:hover:before{
    transform: rotate(16deg);  background: #9c27b0;
}
.winnerBox .winnerBox-content:hover:after{
    background: #fb8c00;  z-index:-2;
    transform: rotate(-16deg);
}

.winnerBox .winnerBox-content h3{
    color: #fff; text-align:center; z-index:5;
    font: bold 24px/40px 'arial';
    text-transform: uppercase;
    margin: 50px 0 10px;
    line-height: 30px;
}
.winnerBox .winnerBox-content h4{
    color: #fff; text-align:center; z-index:5;
    font: bold 20px/32px 'arial';
    text-transform: none;
    margin: 0 0 15px;
    line-height: 20px;
}
.winnerBox .winnerBox-content .winnerBox-details{
	  text-align: center;
    padding-top: 10px;
    border-top: 2px solid #fb8c00;
    width: 80%;
    margin: 0 auto 15px;
}
.winnerBox .winnerBox-content .winnerBox-details p{
    z-index: 5;
    font: lighter 14px/18px "verdana";
    color: #ffffff;
    margin: 0;
}

#winner-slider .owl-nav { position:relative;} 
#winner-slider1 .owl-nav { position:relative;} 
#winner-slider2 .owl-nav { position:relative;} 
#winner-slider .owl-nav [class*=owl-] { background: #fb8c00; text-transform:uppercase;}
#winner-slider1 .owl-nav [class*=owl-] { background: #fb8c00; text-transform:uppercase;}
#winner-slider2 .owl-nav [class*=owl-] { background: #fb8c00; text-transform:uppercase;}
@media (max-width:450px) {
    .winnerBoxs{ padding:25px 15px;}
    .winnerBox .winnerBox-content p{ font-size:14px;}
}




.footerSec{ background:#262626; padding:15px 0;position: fixed;left: 0; bottom: 0;width: 100%;z-index: 1;}
.footerSec .social-title{ color:#fff; text-align:center; }
.footerSec .coppyRight{color:#ddd; text-align:right; font-size:12px;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.footerSec .social-nav{}

.social-nav {
    padding: 0;
    list-style: none;
    margin: 0 auto;
}
.social-nav li {
    float: left;
    margin:0px 0 0 10px;
    list-style: none;
}
.social-nav a {
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 48px;
    background: #000;
    position: relative;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.social-nav a {
    overflow: hidden;
    font-size: 26px;
    border-radius: 4px;
}
.social-nav a:hover {
    background: #fff;
    text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4;
}
.social-nav .twitter {
    background: #00ACED;
    text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba;
}
.social-nav .twitter:hover {
    color: #00ACED;
}
.social-nav .facebook {
    background: #3B579D;
    text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278;
}
.social-nav .facebook:hover {
    color: #3B579D;
}
.social-nav .google {
    background: #DD4A3A;
    text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122;
}
.social-nav .google:hover {
    color: #DD4A3A;
}
.social-nav .linkedin {
    background: #007BB6;
    text-shadow: 0px 0px #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983;
}
.social-nav .linkedin:hover {
    color: #007BB6;
}
.social-nav .pinterest {
    background: #CB2026;
    text-shadow: 0px 0px #9f191e, 1px 1px #9f191e, 2px 2px #9f191e, 3px 3px #9f191e, 4px 4px #9f191e, 5px 5px #9f191e, 6px 6px #9f191e, 7px 7px #9f191e, 8px 8px #9f191e, 9px 9px #9f191e, 10px 10px #9f191e, 11px 11px #9f191e, 12px 12px #9f191e, 13px 13px #9f191e, 14px 14px #9f191e, 15px 15px #9f191e, 16px 16px #9f191e, 17px 17px #9f191e, 18px 18px #9f191e, 19px 19px #9f191e, 20px 20px #9f191e, 21px 21px #9f191e, 22px 22px #9f191e, 23px 23px #9f191e, 24px 24px #9f191e, 25px 25px #9f191e, 26px 26px #9f191e, 27px 27px #9f191e, 28px 28px #9f191e, 29px 29px #9f191e, 30px 30px #9f191e;
}
.social-nav .pinterest:hover {
    color: #CB2026;
}


  
@media (max-width:450px) {
	.footerSec .coppyRight{ text-align: center;}
	.footerSec .coppyRight #users_online{ text-align: center; float: none !important; display: block;}
}



.modal-backdrop {
    background-color: #fff;
    filter: blur(30px);
}
.loginRegisterModal .modal-content {
    position: relative;
    background-color:rgba(255,255,255,1);
    border: 0px;  border-radius: 0px;
}
.loginRegisterModal .modal-header{ border:0; background:#6a1b9a; position:relative;}
.loginRegisterModal .modal-header:before{ content:'';
    position: absolute;
    border: 40px solid transparent;
    border-top-color: #4A148C;
    border-left-color: #880E4F;
    top: -10px;
    left: -10px;
 }
 .loginRegisterModal .modal-header:after{
     content:'';
    position: absolute;
    border-top: 80px solid #6a1b9a;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0px solid transparent;
    top: 0px;
    right: -10px;
 }
.loginRegisterModal .modal-header .close {
    margin-top: 0px;
    font-size: 50px;
    color: #fff;
    opacity: 1;
    box-shadow: none;
}
.loginRegisterModal .modal-header .modal-title{ display:inline-block;}
.loginRegisterModal .modal-header .modal-title img {width:auto; height:50px; margin-left:25px;}

.loginRegisterModal .modal-body{ padding:0; position:relative;}

 .loginRegisterModal .modal-body:after{
     content:'';
    position: absolute;
    border-top: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 200px solid #fff;
    bottom: 0px;
    left: -10px;
 }
  .loginRegisterModal .modal-body:before{
     content:'';
    position: absolute;
    border-top: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 200px solid #fff;
    bottom: 0px;
    right: -10px;
 }

.loginRegisterModal .modal-body .tab-content{ padding:15px; padding-top:20px;}

.login-tabs { border-bottom: none !important; width:100%;margin-bottom: 15px;}
.login-tabs>li{color:#222 !important; width:50%;}

.login-tabs>li.active>a,.login-tabs>li.active>a:hover,.login-tabs>li.active>a:focus,.login-tabs>li:hover>a {
    color: #000;
    background-color:#6a1b9a;
    border: none !important;
    border-bottom-color: transparent;
    border-radius:none !important;
}
.login-tabs>li.active>a:after{ content:''; position:absolute;
bottom:-20px; left:calc(50% - 10px);
border:10px solid rgba(255,255,255,0.00);
border-top-color:#9e9e9e;
}

.login-tabs>li>a {
     margin-right: 0px;
    line-height: 1.428571429;
    border: 0 !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    font-size: 16px;
    background: #585858;
    color: #fff;
    text-align: center; position:relative;
}

.social-login{
    text-align:center;
    font-size:12px;
}
.social-login p{
    margin:15px 0;
}
.social-login p span{ background:#585858; padding:5px 10px; color:#ffcb01; text-transform:uppercase; font-size:14px;}
.social-login ul{
    margin:0;
    padding:0;
    list-style-type:none;
}
.social-login ul li{
    width:50%;
    float:left;
}
.social-login ul li a{
    font-size:13px;
    color:#fff;
    text-decoration:none;
    padding:15px 0;
    display:block;
}
.social-login ul li:nth-child(1) a{
    background:#3b5998;
}
.social-login ul li:nth-child(2) a{
    background:#e74c3d;
}
.social-login ul li:nth-child(3) a{
    background:#3698d9;
}
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
.loginRegisterModal .checkbox{ display:inline-block;}

.loginRegisterModal  .form-control{ background:#E0E0E0;}

@media (min-width: 768px){
    .loginRegisterModal .modal-dialog {
        max-width: 400px;
        margin: 30px auto;
    }
}


.commonSec{ position:relative;  }
.commonSec .headerBox{ position:absolute; top:-30px; left:50%; z-index:1; -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.qaBoxs{ padding:50px; margin-bottom:60px; position:relative;}
.qaBoxs.playRedBox{
 background:url(../img/bg_red.jpg) no-repeat center; background-size:cover; border-radius:15px;
 }
.qaBoxs.playGreenBox{
 background:url(../img/bg_green.jpg) no-repeat center; background-size:cover; border-radius:15px;
}
.robotQuiz{ position:absolute; bottom:0; max-width:200px;}
.robotQuiz2{ left:0;}
.robotQuiz1{ right:0;}

.svg-test { margin:0px auto 20px; width:120px;}
.svg-hexagonal-counter .counter {
    width: 120px;
    height: 120px;
}
.svg-hexagonal-counter h2 { line-height: 120px;margin: 0;color: #fff;}

.qaBox{ max-width:450px; margin:0 auto}
.qaBox .qaBoxHeader {background:#f4511e; position:relative; padding:15px;min-height:72px;}
.qaBox .qaBoxHeader .queNo{ background:#fbc02d; color:#26226; font-size:20px; width:60px; height:60px; border-radius:50%; display:block;
 text-align:center; line-height:60px;
    position:absolute; left:-25px; top:-25px;
}
.qaBox .qaBoxHeader .queNo:after{
    content: "";
    width: 70px;
    height:70px;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    top: -6px;
    left: -6px;
    box-shadow: 3px 3px 0 #cddc39;
}
    
.qaBox .qaBoxHeader .question{ color:#fff; margin:0; margin-left:35px; font-size:16px; font-family: 'PlutoSansLight';}
.qaBox .qaBoxHeader:before{
    content:'';
    position: absolute;
    border-top: 80px solid #f4511e;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0px solid transparent;
    top: 0px;
    left: -10px;
 }
.qaBox .qaBoxHeader:after{
    content:'';
    position: absolute;
    border-top: 80px solid #f4511e;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0px solid transparent;
    top: 0px;
    right: -10px;
 }

 .qaBox .qaBoxBody{ padding:15px; position:relative; background: #f4511ea3;}
 .qaBox .qaBoxBody:after{
     content:'';
    position: absolute;
    border-top: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 200px solid rgba(251, 192, 45);
    bottom: 0px;
    left: -10px;
 }
.qaBox .qaBoxBody:before{
    content: '';
    position: absolute;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 200px solid rgba(251, 192, 45);
    bottom: 0px;
    right: -10px;
 }
.answerBox{ margin-bottom:15px;}
.answerBox  input[type="radio"]{ display:none;}
.answerBox label{ background:#fff; margin:0; padding:15px; color:#262626; padding-left:50px; width:100%;
 position:relative; cursor:pointer;  font-weight:normal;font-family: 'PlutoSansLight'; }
.answerBox label:before{ content: "\f096"; font-family:'FontAwesome'; color:#262626; font-size:20px;
position:absolute ; left:15px; top:12px;}
.answerBox input[type="radio"]:checked ~ label:before{ content: "\f046";}
.answerBox input[type="radio"]:checked ~ label{background:#ffb300;}

.btnNext{ border:0; position:relative; border-radius:0; height:50px; text-align:left; margin-right:25px; 
background:#4caf50; color:#fff !important; outline:none !important;}
.btnNext:before{ content:'';
 border:25px solid rgba(255,255,255,0.00) ; border-left-color:#4caf50; position:absolute; top:0; right:-50px;
}
.btnNext:after{ content:'';
    position: absolute;
    border-top: 0px solid transparent;
    border-left: 50px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 50px solid #4caf50; 
    bottom: 0px;
    left: -50px;
} 

@media (max-width: 480px){
.qaBoxs{ padding: 50px 15px;}
.robotQuiz { max-width: 100px;}
}
@media (max-width: 767px){
	.qaSec{margin-top: 40px;}
}


.userProfileSec{ padding:0px 0 50px}
.profileBox{ margin-top:60px; background:#8e0ddc; border-radius:0  0 8px 8px;  position: relative;
-webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.75); min-height:100px;}
.profileBox .userImgBox{ position:relative; padding:15px;}
.profileBox .userImgBox .imgBox{ width:90px; height:90px; border-radius:50%;
 overflow:visible; position:absolute; left:15px; top:-45px;
 -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
}
.profileBox .userImgBox .imgBox form{ height:100%; width:100%;}
.profileBox .userImgBox .imgBox .imgUpBtn{ width:22px; height:22px; border:2px solid #fff; border-radius:50%; box-shadow:0 2px 4px rgba(0,0,0,0.3); line-height:1; margin:0; text-align:center; background:#6c757d; cursor:pointer; color:#fff; font-size:10px; position:absolute; bottom:2px; right:2px; outline:0 !important; opacity:1; transition:all 0.3s ease; display:flex; align-items:center; justify-content:center; padding:0; z-index:10;}
.profileBox .userImgBox .imgBox .imgUpBtn i{ font-size:10px;}
.profileBox .userImgBox .imgBox:hover .imgUpBtn{ background:#5a6268;}
.profileBox .userImgBox .imgBox img{ width:100%; height:100%; object-fit:cover; border-radius:50%;}
.profileBox .userImgBox .userName{ color:#fff;     margin-left: 100px;
    margin-top: 0;
    margin-bottom: 20px;}

.profileBox .information{font-family: 'PlutoSansLight'; padding:15px; position:relative;}
.profileBox .information .text{ margin:0; color:#fff;}

.profileBox .creditBox{ background:#4CAF50; color:#fff; width:150px;  padding:10px; text-align:center; position:absolute; top:-30px; right:10px; border-radius:0px 0px 15px 15px; -webkit-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.3);}
.profileBox  .creditBox h5{ margin:0 0 5px; font-size:14px;}
.profileBox  .creditBox h4{ margin:0;  font-family: 'ubuntu';}
.profileBox  .creditBox .creditBoxCon{ position:relative;}
.profileBox  .creditBox .creditBoxCon:before{    content: '';
    border-top: 15px solid rgba(0,0,0,0.00);
    border-bottom: 15px solid #1b5e20;
    border-right: 5px solid #1b5e20;
    border-left: 5px solid rgba(0,0,0,0.00);
    position: absolute;
    top: -10px;
    left: -20px;
 }
 .profileBox  .creditBox .creditBoxCon:after{    content: '';
    border-top: 15px solid rgba(0,0,0,0.00);
    border-bottom: 15px solid #1b5e20;
    border-left: 5px solid #1b5e20;
    border-right: 5px solid rgba(0,0,0,0.00);
    position: absolute;
    top: -10px;
    right: -20px;
 }

@media (max-width: 575px){
 .profileBox .userImgBox{ padding-bottom:0;}
 .profileBox .information{ padding-top:0px;}

}
@media (max-width: 767px){
.profileBox .userImgBox .userName{  margin-left: 0px;
    margin-top: 50px;
    margin-bottom: 10px;}
	
}
	
.profileMenutab{background:#8e0ddc; margin-top:-45px; }
.profileMenutab .tab .nav-tabs{
    border-bottom:0 none;
}
.profileMenutab .tab .nav-tabs li a {
    font-size:14px;
    color:#fff;
    margin-right:0;
    padding:10px 45px;
    border-radius:0;
    overflow: hidden;
    background:#9e9e9e;
    text-transform:uppercase;
    box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}

.profileMenutab .tab .nav-tabs li a:hover,
.profileMenutab .tab .nav-tabs li.active a:hover,
.profileMenutab .tab .nav-tabs li.active a{
    background:#545f60;
    color:#fff;
    margin-top: -19px;
    padding:20px 45px;
    border:1px solid #545f60;
}
.profileMenutab .tab .tab-content{
    color:#fff;
    padding: 25px 20px;
    background:#545f60;
    border-radius: 0 0 8px 8px;
    box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 650px){
    .profileMenutab .tab .nav-tabs li{ width:100%; }
    .profileMenutab .tab .nav-tabs li a{
        margin:0;
        padding:20px 45px;
        box-shadow: -2px -1px 25px 2px rgba(0, 0, 0, 0.4);
    }
    .profileMenutab .tab .nav-tabs li:first-child a,
    .profileMenutab .tab .nav-tabs li:last-child a{
        border-radius: 0;
    }
    .profileMenutab .tab .nav-tabs li a:hover,
    .profileMenutab .tab .nav-tabs li.active a:hover,
    .profileMenutab .tab .nav-tabs li.active a{
        margin:0;
    }
}





.pricingTable{  }
.pricingTable .pricingTable-header{
    padding: 13px 0;text-align: center;
    z-index: 1;
    position: relative;
}
.pricingTable .pricingTable-header:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #880E4F;
    position: absolute;
    top: 0;
    left: -3px;
    z-index: -1;
    transform: skew(-7deg);
}
.pricingTable .title{
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin: 0 ;
}
.pricingTable .pricing-content{
    list-style: none;
    padding: 0;
    margin: 0;
}
.pricingTable .pricing-content li{
    padding: 8px 0 0 50px;
    font-size: 15px;
    color: #6c6868;
    line-height: 30px;
    z-index: 1;
    position: relative;
}
/*.pricingTable .pricing-content li b{ 
   text-align: right;
    float: right;
    margin-right: 40px;}*/
.pricingTable .pricing-content li .btn{margin-right: 20px ;}	
.pricingTable .pricing-content li:before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #6c6868;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}
.pricingTable .pricing-content li:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #f2f1f1;
    border: 1px solid #6c6868;
    border-bottom: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: skew(19deg);
    transition: all 0.5s ease 0s;
}
.pricingTable .pricing-content li:first-child:after{ border-top: none; }
.pricingTable .pricing-content li:nth-child(even):after{ transform: skew(-19deg); }



.howBox{
    width: 100%;position: relative;
}
.howBox .title{
    display: block;
    padding: 10px;
    margin: 0;
    font-size: 15px; text-transform:uppercase;
    color: #fff;
    border-radius: 0 50px 50px 0;
    background: #880E4F;
    text-align: center;
    position: relative;
}
 .howBox .title:before{
    content: "";
    border-top: 35px solid  #de318d;
    border-left: 35px solid transparent;
    position: absolute;
    bottom: -35px;
    left: 0;
}

.saloonBox.OrangeBox .title {
    background: #fb8c00;
}

.saloonBox.OrangeBox .mymedia {
    background: #fb8c00;
}


.howBox-content{
    padding: 15px 15px;
    margin: 0 20px 0 34px;
    background: #f2f2f2;
}
 .howBox .description{
    font-size: 14px;
    color: #7d7b7b;
    margin: 0;
}





.saloonBox{width: 100%;position: relative; display:block;}

.saloonBox .title{
    display: block;
    padding: 10px;
    margin: 0;    padding-left: 20px;
    font-size: 16px;
    color: #fff;
    border-radius: 0 50px 50px 0;
    position: relative;
}
 .saloonBox .title:before{
    content: "";
    border-left: 35px solid transparent;
    position: absolute;
    bottom: -35px;
    left: 0;     z-index: -1;
}
.saloonBox.greenBox .title{ background:#0e6712;}
.saloonBox.greenBox .title:before{border-top: 35px solid #55ad59;}
.saloonBox.orangBox .title{ background:#fe6847;}
.saloonBox.orangBox .title:before{border-top: 35px solid #ffab91;}
.saloonBox.redBox .title{ background:#f44336;}
.saloonBox.redBox .title:before{border-top: 35px solid #f98077;}
.saloonBox.indigoBox .title{ background:#6e36f4;}
.saloonBox.indigoBox .title:before{border-top: 35px solid #8d62f3;}
.saloonBox.blueBox .title{ background:#03a9f4;}
.saloonBox.blueBox .title:before{border-top: 35px solid #69c9f5;}

.saloonBox .saloonBox-content{
    padding: 10px;
    margin: 0 20px 0 34px;
    background: #f2f2f2;
}
.saloonBox .description{
    font-size: 14px;
    color: #7d7b7b;
    margin: 0;
}

.saloonBox.greenBox .mymedia{background:#0e6712;}
.saloonBox.orangBox .mymedia{background:#fe6847;}
.saloonBox.redBox .mymedia{background:#f44336;}
.saloonBox.indigoBox .mymedia{background:#6e36f4;}
.saloonBox.blueBox .mymedia{background:#03a9f4;}


.saloonBox .mymedia{ color:#fff;
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; position:relative;
	}

.saloonBox .mymedia .media-left{padding:5px;
	-webkit-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px; 
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	}
.saloonBox .mymedia .media-body{ 
	-webkit-flex: 0 0  calc(100% - 50px);
    -ms-flex: 0 0 calc(100% - 50px);
    flex: 0 0 calc(100% - 50px);     padding-right: 45px !important;
	}	
.saloonBox .mymedia .media-left .imgBox{ margin:auto; width:40px; height:40px;}	
.saloonBox .mymedia.insufficintMedia .media-left .imgBox{ background:url(../img/lock_red.png) no-repeat center; background-size:cover;}
.saloonBox .mymedia.sufficintMedia .media-left .imgBox{ background:url(../img/open_green.png) no-repeat center; background-size:cover;}

.saloonBox .mymedia .media-body{ padding:10px}
.saloonBox .mymedia .media-body p{font-family: 'PlutoSansLight'; margin-bottom:5px; font-size: 12px;}
.saloonBox .mymedia .media-body .media-heading{ margin:0;}
.saloonBox .mymedia:after{     content: "\f144";
    font-family: 'FontAwesome';
    position: absolute;
    top: 3px;
    right: 10px;
    font-size: 40px;}



.common_modal .modal-content {
    position: relative;
    background-color:rgba(255,255,255,1);
    border: 0px;  border-radius: 0px;
}
.common_modal .modal-header{ border:0; background:#6a1b9a; position:relative;}
.common_modal .modal-header:before{ content:'';
    position: absolute;
    border: 40px solid transparent;
    border-top-color: #4A148C;
    border-left-color: #880E4F;
    top: -10px;
    left: -10px;
 }
 .common_modal .modal-header:after{
     content:'';
    position: absolute;
    border-top: 80px solid #6a1b9a;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0px solid transparent;
    top: 0px;
    right: -10px;
 }
.common_modal .modal-header .close {
    margin-top: 0px;
    font-size: 50px;
    color: #fff;
    opacity: 1;
    box-shadow: none; outline: none !important;
}
.common_modal .modal-header .modal-title{ display:inline-block;    line-height: 40px;
    color: #fff;
    margin-left: 35px;}
.common_modal .modal-header .modal-title img {width:auto; height:50px; margin-left:25px;}

.common_modal .modal-body{ padding:15px; position:relative;}

 .common_modal .modal-body:after{
     content:'';
    position: absolute;
    border-top: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 200px solid #fff;
    bottom: 0px;
    left: -10px;
 }
  .common_modal .modal-body:before{
     content:'';
    position: absolute;
    border-top: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 200px solid #fff;
    bottom: 0px;
    right: -10px;
 }



.topPlayerBox {position: relative; margin: 40px 10px 20px;  
background: rgba(76,76,76,1);
background: -moz-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: linear-gradient(135deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1 );
 }
.topPlayerBox .imgBox{width: 70px; height: 70px; overflow: hidden; background: #eee;
 border-radius: 4px; position: absolute; top: -35px; left: 15px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}
.topPlayerBox .imgBox img{ width: 100%; height: 100%; object-fit: cover; }
.topPlayerBox .boxBody{ padding: 50px 15px 15px; color: #fff; }

.topPlayerBox .boxBody .username{ text-align: center; font-size: 14px; margin-top: 0; }
.topPlayerBox .scoreBox{ padding: 15px;
    margin: 0px -10px 0px;
    background: #f26853;
    color: #fff;
    position: relative; display: flex; justify-content: space-between;}
.topPlayerBox .scoreBox:before, .topPlayerBox .scoreBox:after {
    content: "";
    display: block;
    width: 10px;
    height: 15px;
    border-width: 13px 5px 11px;
    border-style: solid;
    position: absolute;
    top: -24px;
    
    transition: all 0.3s ease-in-out 0s;
} 
.topPlayerBox .scoreBox:before{
  left: 0; border-color: transparent #e93522  #e93522  transparent;  
} 
.topPlayerBox .scoreBox:after{
  right: 0; border-color: transparent transparent  #e93522  #e93522 ;  
} 


.topPlayerBox .commentCountBtn{ width: 70px ; height: 70px; border-radius: 50%; border: 0px;  color: #fff; outline: none !important;
text-align: center; position: absolute; top: -35px; right: 15px; transition: background 0.5s ease;
background: rgba(248,80,50,1);
background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );
box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse 2s infinite;

 }
 .topPlayerBox .commentCountBtn .amunt{ display: block;  font-size: 14px;
    line-height: 1;font-family: 'PlutoSansLight'; }
.topPlayerBox .commentCountBtn .text{ display: block; font-size: 10px;
    line-height: 1; margin-top: 10px;font-family: 'PlutoSansLight';}

.topPlayerBox .commentCountBtn:hover{animation: none;
 background: rgba(231,56,39,1);
background: -moz-linear-gradient(top, rgba(231,56,39,1) 0%, rgba(240,47,23,1) 29%, rgba(246,41,12,1) 49%, rgba(241,111,92,1) 50%, rgba(248,80,50,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,56,39,1)), color-stop(29%, rgba(240,47,23,1)), color-stop(49%, rgba(246,41,12,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(100%, rgba(248,80,50,1)));
background: -webkit-linear-gradient(top, rgba(231,56,39,1) 0%, rgba(240,47,23,1) 29%, rgba(246,41,12,1) 49%, rgba(241,111,92,1) 50%, rgba(248,80,50,1) 100%);
background: -o-linear-gradient(top, rgba(231,56,39,1) 0%, rgba(240,47,23,1) 29%, rgba(246,41,12,1) 49%, rgba(241,111,92,1) 50%, rgba(248,80,50,1) 100%);
background: -ms-linear-gradient(top, rgba(231,56,39,1) 0%, rgba(240,47,23,1) 29%, rgba(246,41,12,1) 49%, rgba(241,111,92,1) 50%, rgba(248,80,50,1) 100%);
background: linear-gradient(to bottom, rgba(231,56,39,1) 0%, rgba(240,47,23,1) 29%, rgba(246,41,12,1) 49%, rgba(241,111,92,1) 50%, rgba(248,80,50,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73827', endColorstr='#f85032', GradientType=0 ); } 

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(231,56,39 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(231,56,39, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(231,56,39, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(231,56,39, 0.4);
    box-shadow: 0 0 0 0 rgba(231,56,39, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(231,56,39, 0);
      box-shadow: 0 0 0 10px rgba(231,56,39, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(231,56,39, 0);
      box-shadow: 0 0 0 0 rgba(231,56,39, 0);
  }
}   

.commentSec{ margin-top: 50px; margin-bottom: 50px; }
.commentBox {
    background: #8e0ddc; position: relative;

    -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.75);
    min-height: 100px; font-family: 'PlutoSansLight';
}
.commentBox .boxHeading{position: relative; }
.commentBox .boxHeading .imgBox{width: 70px; height: 70px; overflow: hidden; background: #eee;
 position: absolute; top: -35px; left: 15px; border: 5px solid #8e0ddc;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}

.commentBox .boxHeading .imgBox img{ width: 100%; height: 100%; object-fit: cover; }
.commentBox .boxHeading h4{ display: inline-block; position: absolute; top: -20px; left: 90px; margin: 0;
    color: #fff; padding: 10px; background: #8e0ddc;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); }

.commentBox .boxBody{padding: 15px; padding-top: 50px; max-height: 350px; overflow-y: auto;}
.commentBox .boxBody .media{ margin-bottom: 15px; }
.commentBox .boxBody .media .media-body { border-bottom: 1px solid #aaa; padding-bottom: 10px;  }
.commentBox .boxBody .media .media-left .imgbox{ width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.commentBox .boxBody .media .media-left .imgbox img{ width: 100%; height: 100%; object-fit: cover; }
.commentBox .boxBody .media .media-body{ color: #ccc; }
.commentBox .boxBody .media .media-body .media-heading{ font-size: 14px; font-weight: 600; color: #fff; }
.commentBox .boxBody .media .media-body p{font-size: 13px; margin-bottom: 0;}

.commentBox .boxFooter{ padding:15px; background: #262626;  }
.commentBox .boxFooter .form-control,.commentBox .boxFooter .btn{border-radius: 0;}


.noticeAllert{ background:#FFCA28; z-index:999; border-radious:0; padding:0; border:0;}
.noticeAllert .noticeAllert-in{ position:relative; padding:15px 50px; height:100px;}
.noticeAllert .noticeAllert-in:before{content:'';border:50px solid rgba(0,0,0,0.00); border-left-color:#ff5722; position:absolute; top:0; left:0;}
.noticeAllert .noticeAllert-in:after{content:'';border:50px solid rgba(0,0,0,0.00); border-top-color:#9c27b0; border-right-color:#9c27b0; position:absolute; top:0; right:0;    z-index: 2; }
.noticeAllert .close_allert{ position:absolute; top:15px; right:15px; color: #ff7043; font-size:28px; cursor:pointer; z-index:5;}
.noticeAllert .close_allert:hover{ color:#f44336;}
.noticeAllert .allert_content{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.noticeAllert .allert_content .message_box .wel_text{ font-size:22px; color: #ffffff;font-family: 'lighthouse';margin:0;}
.noticeAllert .allert_content .message_box .wel_text span{  color:#ff5722;}
.noticeAllert .allert_content .message_box .play_text{ font-size:28px; color:#9c27b0;font-family: 'truecrimes'; margin:0;}
.noticeAllert .allert_content .message_box .play_text span{  color:#ff5722;}
.noticeAllert .player_boxs{ width:250px; flex:0 0 250px; position:relative; height:70px;z-index:1;}
.noticeAllert .player_box{ }
.noticeAllert .player_box .img_box{ width:70px; height:70px; overflow:hidden; border-radius:50%; background:#f0f0f0; border:4px solid #f0f0f0; }
.noticeAllert .player_box img{ width:100%; height:100%; object-fit:cover; z-index:-1; }
.noticeAllert .player_box .user_name{ position: absolute; top: 16px; z-index: -1; left: 64px; background: #f0f0f0; padding: 5px 15px;
    border-radius: 0 20px 20px 0; margin:0;font-family: 'Roboto Condensed', sans-serif;
	    line-height: 14px; font-weight:600;
	 }
.noticeAllert .player_box .user_name .country{ font-size:12px; color:#607d8b; font-weight:400;}

@media only screen and (max-width: 800px){
	.noticeAllert .noticeAllert-in{ padding:10px 35px; height:80px;}
    .noticeAllert .noticeAllert-in:before{content:'';border:40px solid rgba(0,0,0,0.00); border-left-color:#ff5722; position:absolute; top:0; left:0;}
    .noticeAllert .noticeAllert-in:after{border:40px solid rgba(0,0,0,0.00); border-top-color:#9c27b0; border-right-color:#9c27b0; position:absolute; top:0; right:0; }
	.noticeAllert .close_allert{ top:8px; font-size:20px; }
	.noticeAllert .allert_content .message_box{  width:100%; flex:0 0 100%;}
	.noticeAllert .allert_content .message_box .wel_text{display:none;}
    .noticeAllert .allert_content .message_box .play_text{ font-size:14px;}
	.noticeAllert .player_boxs{ width:100%; flex:0 0 100%;  height:50px; padding:0 15px; margin-top:5px;}
	.noticeAllert .player_box .img_box{ width:40px; height:40px; border:2px solid #f0f0f0;}
	.noticeAllert .player_box .user_name{ top: 1px;  padding: 5px 20px; left: 24px; }
}


.scoreBoardSec{ padding-bottom:30px;}
.scoreBoardSec .scoreBox{ max-width:350px; margin:0 auto; padding:50px 15px 15px; position:relative;  background: #8e0ddc ;
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.75);
    min-height: 100px; color:#fff;
}

.scoreBoardSec .scoreBoxTransparent{ max-width:350px; margin:0 auto; position:relative; color:#fff;
}


.scoreBoardSec .scoreBox .headerBox {
    position: absolute;
    top: -30px;
    left: 50%;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.scoreBoardSec .scoreBox p{ background:#4a148c; padding:10px;}
.scoreBoardSec .scoreBox p span{ float:right;}



.playBoxBox{ max-width:350px; margin:0 auto;
	
    background: rgba(76,76,76,1);
    background: -moz-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
    background: -webkit-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: linear-gradient(135deg, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=1 );}
	
.playBoxBox .boxBody{ padding:15px;color:#fff;  text-align:center; }

.playBoxBox  .boxFooter{    padding: 15px;
    margin: 0px -10px 0px;
    background: #009688;
    position: relative;}
	

.playBoxBox  .boxFooter:before,.playBoxBox  .boxFooter:after {    
    content: "";
    display: block;
    width: 10px;
    height: 15px;
    border-width: 13px 5px 11px;
    border-style: solid;
    position: absolute;
    top: -24px;
    transition: all 0.3s ease-in-out 0s;
}
.playBoxBox  .boxFooter:before {
    left: 0;
    border-color: transparent #00796b #00796b transparent;
}
.playBoxBox  .boxFooter:after {
    right: 0;
    border-color: transparent transparent #00796b #00796b;
}

.card.table_card{ border: 2px solid #4CAF50; border-top:5px solid #4CAF50;}
.card.table_card .card-header{background: #4A148C;
    border-radius: 0;
    color: #fff;
    padding: 10px 0 !important;}

.card.gift_form_card{    border: 0px;
    border-top: 5px solid #03A9F4;
    background: #E0F7FA;}

@media only screen and (max-width: 767px){	
	.scoreBoardSec{margin-top: 40px;}
}
	
.swal-button:focus{box-shadow:none;}
.btnNext:active:before{border-left-color: #70bce0;}
.btnNext:active:after{border-bottom-color: #70bce0;}

.userGameScore .img-container { display: inline-block; margin-right: 5px; float: left;}
.userGameScore .img-container img{width: 50px; height: 50px; border-radius: 50px; border: 1px solid #ddd; padding: 2px;}
.userGameScore .userName{display: block; float: left; line-height: 50px;}
.table.userGameScore > thead > tr > th, .table.userGameScore > tbody > tr > th, .table.userGameScore > tfoot > tr > th, .table.userGameScore > thead > tr > td, .table.userGameScore > tbody > tr > td, .table.userGameScore > tfoot > tr > td{ vertical-align: middle;}

.iziToast .iziToast-theme-light{
    background-color: rgba(255, 0, 0, 0.4);
}
.iziToast>.iziToast-body .iziToast-title,.iziToast>.iziToast-body .iziToast-message{ color: #fff;}
.iziToast{ background: none; border: none;}
.iziToast>.iziToast-close{ display:none;}
.iziToast:after{ box-shadow:none !important;}


/***********************************************************************************************************/
#timer-div{
	text-align: center;
    position: relative;
    margin: 20px auto !important;
}

#timer{
	color:white;
	font-size: 24px;
}


@media (max-width:767px) {
	#timer{
		color:white;
		font-size: 18px;
	}
}


@media screen and (max-width: 992px) {
	#timer{
		color:white;
		font-size: 24px;
	}
}


 
	
	.tirage-letters {
	   text-align: center;
	   font-size:42px;
	   color:white;
   }
   
   .section-consonne-or-voyelle {
	   text-align: center;
	   font-size:34px;
	   color:white;
   }




@media (max-width:992px) {


   .section-consonne-or-voyelle {
	   text-align: center;
	   font-size:34px;
	   color:white;
   }
   
}






@media (max-width:767px) {


	
	.tirage-letters {
	   text-align: center;
	   font-size:18px;
	   color:white;
   }
   
   .section-consonne-or-voyelle {
	   text-align: center;
	   font-size:18px;
	   color:white;
   }
   
}



#ms_timer{
    padding: 2px 10px 5px 10px;
    background: #b71c1c none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #ffc107;
    display: inline-block;
    height: 64px;
    line-height: 62px;
    margin: 0 4.5px;
    position: relative;
    text-align: center;
    top: -1px;
    /* width: 50px; */
    font-size: 45px;
    font-size: 3.72625em;
    font-weight: 700;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

#grey_letter{color:red;}
.grey_letter{color:#7777779c;}
 
.remaining_time  {  color:white;font-size: 20px; }
   


/*===============================================*/




#gameSec{}

#gameSec .qaBoxs.playRedBox{min-height: 80vh;}

.gamBox{ position: relative; max-width: 700px; width: 100%; margin:0 auto;  }
.gamePlaySec{  }
.gamePlaySec .listLetters{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; gap: 5px; }
.gamePlaySec .listLetters .preLetter{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; border:1px solid #262626; background: #fff; text-align: center; height: 40px; width: 40px; font-size: 24px; color: #262626; text-transform: uppercase;}
.gamePlaySec .cvText{ text-align: center; text-transform: uppercase; color: #fff; font-size: 22px; margin-top: 40px;  }
.gamePlaySec .brnRow{ display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-pack: distribute;justify-content: space-around; }
.gamePlaySec .brnRow .btn{ -webkit-box-flex:0; -ms-flex:0 0 45%; flex:0 0 45%; min-height: 50px;} 

#section-resultats{ margin: 15px  6px; display: -webkit-box; display: -ms-flexbox; display: inline-block; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;  }
#section-resultats .listUserLetters{ display: -webkit-box; display: -ms-flexbox; display: inline-block; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% }
 #section-resultats .listUserLetters .letter{ -webkit-box-flex:0; -ms-flex:0 0 9%; flex:0 0 9%; border:1px solid #262626; background: #fff; text-align: center; height: 40px; width: 32px; line-height: 40px;  font-size: 24px;  color: #262626; text-transform: uppercase;}
#section-resultats .btn_check_word{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%; margin-top: 15px; min-height: 50px;}

.section-score{ max-width: 700px; width: 100%; margin: 0 auto; margin-bottom: 20px;  }  
.score-pnl {     margin-bottom: 15px;color: #fff;}     
.resultat-pnl {  background-color: #606c43;  padding: 8px 15px 8px 20px; border-left: 4px solid #4CAF50;  margin-bottom: 15px;color: #fff;}
.score-pnl__h3 { color: #fff; text-transform: uppercase; font-size: 18px;  margin: 0;}


.score-pnl .bodyPnl{ background: #fff; padding: 5px; color: #262626; border: 1px solid #c2c2c2c; min-height: 50px;  font-size: 14px; }
.score-pnl.result .bodyPnl{ font-size: 28px; text-align: center; vertical-align: middle; line-height: 40px; }
.score-pnl .title{ color: #fff; margin-bottom: 5px; }
.score-pnl.greenBox .bodyPnl{ color: #4CAF50 }
.score-pnl.redBox .bodyPnl{ color: #F44336 }
.score-pnl ul{ list-style: none; margin: 0; padding: 0;  max-height: 90px; overflow-y: auto;}
.score-pnl ul li{ display: block; }



@media (max-width:767px) {

	#gameSec .qaBoxs.playRedBox{ margin-bottom:0; margin-left:-15px; margin-right:-15px;  min-height: 600px; padding-bottom: 15px;  border-radius: 0;}

   .gamBox{ position:fixed; left:0; bottom:0; width:100%; z-index:99; max-width:100%;  background: #920102; padding-top: 15px; }
   .gamePlaySec{ display: -webkit-box; display: -ms-flexbox; display: flex;   -ms-flex-wrap: wrap;   flex-wrap: wrap; margin-bottom: 0px;}
   .gamePlaySec .cvText{ -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; font-size: 16px; margin-top:0; padding-left:15px;}
   .gamePlaySec .listLetters{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: flex-start;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-flex: 0;  -ms-flex: 0 0 65%;  flex: 0 0 65%; gap: 0;}
   .gamePlaySec .listLetters .bpreLetter{ -webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%;border:1px solid #262626; width: auto; max-width: initial; height: 40px; box-sizing: border-box;}
   .gamePlaySec .brnRow{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; align-content: stretch;}
   .gamePlaySec .brnRow .btn{   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;  height: 50%;min-height: auto;  border-radius: 0;font-size: 12px;}

   #section-resultats{ margin-top:0;}
   #section-resultats .listUserLetters{  }
   #section-resultats .listUserLetters .letter{font-style: 18px; }
   #section-resultats .listUserLetters .letter{height: 40px; width: 37px;}
   .score-pnl .title {  font-size: 12px;}

   .flagsdiv{ text-align:center;}


}


@media (max-width:600px) {

	#gameSec .qaBoxs.playRedBox{ margin-bottom:0; margin-left:-15px; margin-right:-15px;  min-height: 600px; padding-bottom: 15px;  border-radius: 0;}

   .gamBox{ position:fixed; left:0; bottom:0; width:100%; z-index:99; max-width:100%;  background: #920102; padding-top: 15px; }
   .gamePlaySec{ display: -webkit-box; display: -ms-flexbox; display: flex;   -ms-flex-wrap: wrap;   flex-wrap: wrap; margin-bottom: 0px;}
   .gamePlaySec .cvText{ -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; font-size: 16px; margin-top:0; padding-left:15px;}
   .gamePlaySec .listLetters{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: flex-start;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-flex: 0;  -ms-flex: 0 0 65%;  flex: 0 0 65%; gap: 0;}
   .gamePlaySec .listLetters .bpreLetter{ -webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%;border:1px solid #262626; width: auto; max-width: initial; height: 40px; box-sizing: border-box;}
   .gamePlaySec .brnRow{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; align-content: stretch;}
   .gamePlaySec .brnRow .btn{   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;  height: 50%;min-height: auto;  border-radius: 0;font-size: 12px;}

   #section-resultats{ margin-top:0;}
   #section-resultats .listUserLetters{  }
   #section-resultats .listUserLetters .letter{font-style: 18px; }
   #section-resultats .listUserLetters .letter{height: 40px; width: 35px;}
   .score-pnl .title {  font-size: 12px;}

   .flagsdiv{ text-align:center;}


}


 @media (max-width:500px) {

	#gameSec .qaBoxs.playRedBox{ margin-bottom:0; margin-left:-15px; margin-right:-15px;  min-height: 600px; padding-bottom: 15px;  border-radius: 0;}

   .gamBox{ position:fixed; left:0; bottom:0; width:100%; z-index:99; max-width:100%;  background: #920102; padding-top: 15px; }
   .gamePlaySec{ display: -webkit-box; display: -ms-flexbox; display: flex;   -ms-flex-wrap: wrap;   flex-wrap: wrap; margin-bottom: 0px;}
   .gamePlaySec .cvText{ -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; font-size: 16px; margin-top:0; padding-left:15px;}
   .gamePlaySec .listLetters{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: flex-start;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-flex: 0;  -ms-flex: 0 0 65%;  flex: 0 0 65%; gap: 0;}
   .gamePlaySec .listLetters .bpreLetter{ -webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%;border:1px solid #262626; width: auto; max-width: initial; height: 40px; box-sizing: border-box;}
   .gamePlaySec .brnRow{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; align-content: stretch;}
   .gamePlaySec .brnRow .btn{   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;  height: 50%;min-height: auto;  border-radius: 0;font-size: 12px;}

   #section-resultats{ margin-top:0;}
   #section-resultats .listUserLetters{  }
   #section-resultats .listUserLetters .letter{font-style: 18px; }
  #section-resultats .listUserLetters .letter{height: 39px; width: 32px;}
   .score-pnl .title {  font-size: 12px;}

   .flagsdiv{ text-align:center;}


}


@media (max-width:360px) {

	#gameSec .qaBoxs.playRedBox{ margin-bottom:0; margin-left:-15px; margin-right:-15px;  min-height: 600px; padding-bottom: 15px;  border-radius: 0;}

   .gamBox{ position:fixed; left:0; bottom:0; width:100%; z-index:99; max-width:100%;  background: #920102; padding-top: 15px; }
   .gamePlaySec{ display: -webkit-box; display: -ms-flexbox; display: flex;   -ms-flex-wrap: wrap;   flex-wrap: wrap; margin-bottom: 0px;}
   .gamePlaySec .cvText{ -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; font-size: 16px; margin-top:0; padding-left:15px;}
   .gamePlaySec .listLetters{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: flex-start;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-flex: 0;  -ms-flex: 0 0 65%;  flex: 0 0 65%; gap: 0;}
   .gamePlaySec .listLetters .bpreLetter{ -webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%;border:1px solid #262626; width: auto; max-width: initial; height: 40px; box-sizing: border-box;}
   .gamePlaySec .brnRow{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; align-content: stretch;}
   .gamePlaySec .brnRow .btn{   -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;  height: 50%;min-height: auto;  border-radius: 0;font-size: 12px;}

   #section-resultats{ margin-top:0;}
   #section-resultats .listUserLetters{  }
   #section-resultats .listUserLetters .letter{font-style: 13px; }
  #section-resultats .listUserLetters .letter{height: 39px; width: 30px;}
   .score-pnl .title {  font-size: 12px;}

   .flagsdiv{ text-align:center;}


}

/* ============================================
   FIX GRILLE LETTRES MOBILE - 3 LIGNES x 5 COLONNES
   NE DOIT JAMAIS BOUGER
   ============================================ */
@media (max-width:767px) {
  .gamePlaySec .listLetters {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    grid-template-rows: repeat(3, 40px) !important;
    gap: 0 !important;
    width: 65% !important;
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    overflow: hidden !important;
    flex-wrap: nowrap !important;
  }

  .gamePlaySec .listLetters .bpreLetter {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    min-width: 0 !important;
    border: 1px solid #262626 !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}