@font-face {

    font-family: 'icons';

    src: url('fonts/icons/icons.eot');

    src: url('fonts/icons/icons.eot@') format('embedded-opentype'),

        url('fonts/icons/icons.woff2') format('woff2'),

        url('fonts/icons/icons.woff') format('woff'),

        url('fonts/icons/icons.ttf') format('truetype'),

        url('fonts/icons/icons.svg') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Helvetica Neue';

    src: url('fonts/HelveticaNeue.eot');

    src: url('fonts/HelveticaNeue.eot@') format('embedded-opentype'),    

        url('fonts/HelveticaNeue.woff') format('woff'),

        url('fonts/HelveticaNeue.ttf') format('truetype'),

        url('fonts/HelveticaNeue.svg') format('svg');

    font-weight: normal;

    font-style: normal;



}



[class^="icons-"], [class*=" icons-"] {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'icons' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

  

    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

  }

  

  .icons-auto:before {

    content: "\e900";

  }

  .icons-bonus:before {

    content: "\e901";

  }

  .icons-dispersion:before {

    content: "\e902";

  }

  .icons-lines:before {

    content: "\e903";

  }

  .icons-multi:before {

    content: "\e904";

  }

  .icons-percent:before {

    content: "\e905";

  }

  .icons-provider:before {

    content: "\e906";

  }

  .icons-spinner:before {

    content: "\e907";

  }

  .icons-type:before {

    content: "\e908";

  }

  .icons-wheels:before {

    content: "\e909";

  }



  

main {

    display: block;

	

}



h1 {

    font-size: 2em;

    margin: 0.67em 0;

	

}



hr {

    -webkit-box-sizing: content-box;

            box-sizing: content-box; 

    height: 0;

    overflow: visible;

}



a {

    background-color: transparent;

    outline: 0px solid rgba(0,0,0,0);

}



b,

strong {

    font-weight: bolder;

}



small {

    font-size: 80%;

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline;

}



sub {

    bottom: -0.25em;

}



sup {

    top: -0.5em;

}



img {

    border-style: none;

}



button,

input,

optgroup,

select,

textarea {

    font-family: inherit; 

    font-size: 100%; 

    line-height: 1.15; 

    margin: 0; 

}



button,

input { 

    overflow: visible;

}



button,

select { 

    text-transform: none;

}



button,

    [type="button"],

    [type="reset"],

    [type="submit"] {

    -webkit-appearance: button;

}



button::-moz-focus-inner,

    [type="button"]::-moz-focus-inner,

    [type="reset"]::-moz-focus-inner,

    [type="submit"]::-moz-focus-inner {

    border-style: none;

    padding: 0;

}



button:-moz-focusring,

    [type="button"]:-moz-focusring,

    [type="reset"]:-moz-focusring,

    [type="submit"]:-moz-focusring {

    outline: 1px dotted ButtonText;

}



fieldset {

    padding: 0.35em 0.75em 0.625em;

}



legend {

    -webkit-box-sizing: border-box;

            box-sizing: border-box; 

    color: inherit; 

    display: table; 

    max-width: 100%; 

    padding: 0; 

    white-space: normal; 

}



textarea {

    overflow: auto;

}



[type="checkbox"],

[type="radio"] {

    -webkit-box-sizing: border-box;

            box-sizing: border-box; 

    padding: 0; 

}



[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

    height: auto;

}



[type="search"] {

    -webkit-appearance: textfield; 

    outline-offset: -2px; 

}



[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}



::-webkit-file-upload-button {

    -webkit-appearance: button; 

    font: inherit; 

}



[hidden] {

    display: none;

}





*,

*::after,

*::before,

input[type=search] {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



html {

    line-height: 1.15;

    -webkit-text-size-adjust: 100%;

    -webkit-tap-highlight-color: transparent;

    font-size: 15px;

    font-family: sans-serif;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    overflow-x: hidden;

}



body {

    min-width: 320px;

    margin: 0;    

    font: 14px/1.42857 'Helvetica Neue', Arial, sans-serif;

    overflow-x: hidden;

	

}



a {

    background-color: transparent;

   

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

    text-decoration: none;

}



ul, ol {

    margin: 0;

    padding: 0;

}



a:active,

a:hover {

    outline: 0;

    cursor: pointer;

    color: #2f0f72;

}



figure {

    margin: 0 !important;

}



button,

input[type="button"] {

    border: none;

    margin: 0;

    padding: 0;

    width: auto;

    overflow: visible;

    background: transparent;

    color: inherit;

    font: inherit;

    line-height: normal;

    -webkit-font-smoothing: inherit;

    -moz-osx-font-smoothing: inherit;

    -webkit-appearance: none;

}



label {

    cursor: pointer;

}





/*-->>>HELP CLASSES<<<---*/





.visually-hidden {

    position: absolute !important;

    clip: rect(0 0 0 0);

    width: 1px;

    height: 1px;

    margin: -1px !important;

}



input.visually-hidden {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    visibility: hidden;

    opacity:0;

}

/*----->>>COMMON STYLES START<<<-----*/



.wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    min-height: 100vh;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

}



.main {

	

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1;

            display: -moz-flex;

            display: -ms-flex;

            display: -o-flex;

            display: -webkit-box;

            display: -ms-flexbox;

            display: flex;

            -moz-flex-direction: column;

            -ms-flex-direction: column;

            -o-flex-direction: column;

            -webkit-box-orient: vertical;

            -webkit-box-direction: normal;

                    flex-direction: column;

position: relative;

display: flex;

flex-direction: column;

align-items: center;

box-sizing: border-box;

width: 100%;

    max-width: 951px;

    margin: 0 auto;

}

.main:before {

    content: "";

    height: 100%;

    width: 479px;

    left: -479px;

    top: -92px;

    position: absolute;

    background: url(../assets/images/left-background.jpg) 0 0 no-repeat;

    display: block;

}

.main:after {

        content: "";

    height: 100%;

    width: 479px;

    right: -479px;

    top: -92px;

    position: absolute;

    background: url(../assets/images/right-background.jpg) 0 0 no-repeat;

    display: block;

}

.main-content {

    margin-bottom: 30px;

}



.container--features::after {

    top: 2px;

    height: 5px;

    background-image: url(https://filogroup.it/assets/images/point_with_large_space.4257ede318a193f6bc607e0a418776b3.svg);

    background-repeat: repeat-x;

    background-size: contain;

}

.main > .container--heading {

    -webkit-box-ordinal-group: 5;

        -ms-flex-order: 2;

            order: 2;

}



.main > .container--slider {



}

.nav-categories_list

{

  list-style: none;

}



.main > .container--features {

    -webkit-box-ordinal-group: 5;

        -ms-flex-order: 3;

            order: 3;

}



.main > .container--jackpot {

    -webkit-box-ordinal-group: 5;

        -ms-flex-order: 1;

            order: 3;

         width:100%;   



}





.main > .main-content {

    -webkit-box-ordinal-group: 5;

        -ms-flex-order: 4;

            order: 4;

}



.content {

    width: 100%;

    margin: 0 auto;

    padding: 30px 0;

    line-height: 23px;

    overflow: hidden;   

}



.content img {

    max-width: 100%;

    height: auto;

}



.heading-h1,

.heading-h2,

.heading-h3,

.content h1,

.content h2,

.content h3 {

    text-align: left;

    margin: 0.67em 0;

    line-height: 1.15;  

    letter-spacing: 0.005em;

    margin-top: 40px;

    margin-bottom: 20px;

}



.content--dark h1,

.content--dark h2,

.content--dark h3 {

    color: #adadad;

}



.heading-h1,

.content h1 {

    font-weight: bold;

    line-height: 32px;

    font-size: 28px;

}



@media screen and (max-width:767px) {

   

    .content h1 {

        font-size: 22px;

        line-height: 24px;

    }



    .content {

        padding: 20px;

    }



}



.heading-h2,

.content h2 {

    font-weight: 500;

    line-height: 24px;

    font-size: 24px;

    margin-top: 30px;

}



.heading-h3,

.content h3 {

    font-weight: 500;

    line-height: 20px;

    font-size: 20px;

    margin-top: 20px;

}



.content ul,

.content ol {

    margin: 0 0 0 10px;

    list-style-position: inside;

}



.content--hiding {

    position: relative;

    max-height: 200px;

    overflow: hidden;   

}   



.content--hiding::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    width: 100%;

    -webkit-box-shadow: 0 0 36px 20px rgba(255,255,255,1);

            box-shadow: 0 0 36px 20px rgba(255,255,255,1);

}



.toggle-hide {

    display: block;

    margin-top: -30px;

}



.toggle-show {

    display: none;

}



.content--hiding ~ .toggle-show {

    display: block;

}



.content--hiding ~ .toggle-hide {

    display: none;

}



.toggle-link {

    padding-right: 30px;

    color: #f2002c;

    text-align: right;

    cursor: pointer;

}



.toggle-link:hover {

    text-decoration: underline;

}



/*--->BREADCRUMBS<---*/

.breadcrumbs-block {

    margin: 30px 45px 0;

    margin-bottom:20px;

}



/*--->BUTTONS STYLES<---*/

.btn {

    display: inline-block;

    padding: 10px 20px;

    color: rgb(2, 2, 2);

	border: 1px solid rgb(183, 137, 26);

    box-shadow: rgb(183 137 26) 0px 4px 0px 0px;

    background: rgb(244, 213, 73);

    text-transform: uppercase;

    font-size: 20px;

    font-weight: 600;

    line-height: 1.42857143;

    border-radius: 18px;

    white-space: pre-line;

    vertical-align: middle;

    text-decoration: none;

    text-align: center;

    -ms-touch-action: manipulation;

    touch-action: manipulation;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    cursor: pointer;

    outline: 0px solid rgba(0,0,0,0);

}







.btn--wide {

    width: 100%;

}



.btn--sm {

    padding: 7px 10px;

    font-size: 12px;

}



.btn--bordered {

    border: 1px solid #fdd73e;

    color: #f2002c;

}



.btn--bordered:hover,

.btn--bordered:active,

.btn--bordered:focus {

    background-color: #fdd73e;

    color: #fff;

}



/*----->>>SUPPORT STYLES START<<<-----*/

.pos-r {

    position: relative;

}



.d-block {

    display: block;

}



.d-flex {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.f-wrap {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}



.f-col {

    -moz-flex-direction: column;

    -ms-flex-direction: column;

    -o-flex-direction: column;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

}



.j-btw {

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}



.j-spa {

    -ms-flex-pack: distribute;

        justify-content: space-around;

}



.j-center {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}



.ai-center {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}



.text-left {

    text-align: left

}



.text-right {

    text-align: right

}



.text-center {

    text-align: center

}



.text-low {

    text-transform: lowercase

}



.text-up {

    text-transform: uppercase

}



.text-red {

    color: #f2002c;

}



.text-white {

    color: #fff;

}



.bg-dark {

    background: #2d2d2d;

}



.strong {

    font-weight: 500;

}



.small {

    font-size: 10px;

}



.small-12 {

    font-size: 10px;

}



.border-none {

    border: none !important;

}



.p-null {

    padding: 0 !important;

}



.responsive-img {

    max-width: 90%;

    width: 100%;

    display: block;

    height: auto

}



.centered {

    margin-left: auto;

    margin-right: auto;

}



.back-to-top {

    position: fixed;

    padding: 7px;

    bottom: 20px;

    right: 20px;

    z-index: 100;

    width: 40px;

    height: 40px;

    opacity: 1;

    cursor: pointer;

    border-radius: 50%;

    

    -webkit-transition: opacity .3s ease-in-out;

    transition: opacity .3s ease-in-out;

}

.back-to-top:hover {

	filter: brightness(1.3);

}

.back-to-top img {

    width: 26px;

}



.back-to-top.show {

    opacity: 1

}

.copyright {

	white-space: nowrap;

}

.close::before {

    content: '';

    position: absolute;

    right: 10px;

    top: 10px;

    display: block;

    cursor: pointer;

    width: 20px;

    height: 20px;

    background: url(../assets/images/main-images/close.svg) no-repeat;

    background-size: cover;

}





/*>>>------HEADER STYLES-------<<<*/



.main-header-wrapper {

    position: relative;

   

    

}

.main-header-wrapper.fixed {

	position: fixed;

	width: 100%;

	z-index: 9999;

}

.main-header {



    padding: 15px 20px;

	

}

.header-container {

	background-color: rgb(2, 2, 2);

}

.menu-block {

	background: #fff;

	height: 60px;

	box-shadow:  0 1px 4px 0 rgba(0,0,0,0.07);

}

@media all and (min-width: 1024px) {

    .main-header {

        position: relative;

		text-align: center;

    }

}



.main-header > .logo {

    display: inline-block;

    width: 315px;
    color: #f4d549;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-weight: 900; 


}

.main-header > .logo img {

	max-width: 100%;

}

@media all and (max-width: 1023px) {

 

	div.enter-register {

		margin-right: 30px;

	}

    .main > .container--slider {

    width: 100%;

}

}



.main-header .logo + [type="checkbox"] {

    visibility: hidden;

    opacity: 0;

    width: 1px;

    height: 1px;

}



.main-menu-wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

   

}

@media all and (max-width: 1023px) {

     .main-menu-wrapper {

        position: absolute;

        right: 0;

        top: 0;

        z-index: 102;

        height: 150vh;

        width: 50%;

        padding-top: 50px;

        margin-top: 0;

        margin-right: 0;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column;

        -webkit-box-pack: start;

            -ms-flex-pack: start;

                justify-content: flex-start;

        -webkit-box-align: start;

            -ms-flex-align: start;

                align-items: flex-start;

        visibility: hidden;

        opacity: 0;

        background: #2d2d2d;

        -webkit-transform: translateX(150%);

                transform: translateX(150%);

        -webkit-transition: all .2s ease-in-out;

        -webkit-transition: all .4s ease-in-out;

        transition: all .4s ease-in-out;

    }



}



@media screen and (max-width:575px) {



    .main-menu-wrapper { 

        width: 100%;

    }

	

	.game-footer .btn {

		margin-top: 15px;

    	

	}



}



.main-menu {

    list-style: none;

       display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-align-items: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -ms-align-items: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

	padding-top: 16px;

}

.menu-item {

    position: relative;

    cursor: pointer;

}



.menu-link {

    padding: 25px 7px;

    color: #000;

    cursor: pointer;

	font-size: 20px;

    -webkit-transition: 0.3s ease-in-out;

    transition: 0.3s ease-in-out;

}





@media all and (max-width: 1023px) { 

  .main-menu-wrapper {

        display:block;

  }

 .main-menu {

        overflow-y: auto;

    }

 .main-menu {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

    width: 100%;

   }

   

 .menu-item {

    width: 100%;

    padding: 20px 45px;

    }

    

    .main-header .menu-item {

        width: 100%;

        padding: 20px 45px;

    }



    .menu-link {

        padding: 0;

    }

	.adult {

		width: 60px;

	}



}



.menu-link:hover{

    color: #FF0004;

}



.menu-link.active {

    text-shadow: 0 0 5px rgba(255,255,255,0.75);

}









@media all and (max-width: 1023px) {



    .main-header-wrapper {

      

    }



    .main-header .main-menu {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column;

        -webkit-box-align: start;

            -ms-flex-align: start;

                align-items: flex-start;

        -webkit-box-ordinal-group: 2;

            -ms-flex-order: 1;

                order: 1;

        width: 100%;

    }



    .menu-button {

        position: absolute;

        z-index: 103;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-direction: column;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

                flex-direction: column;

        top: 30px;

        right: 20px;

        -webkit-transition: all .3s ease-in-out;

        transition: all .3s ease-in-out

    }



    .burger-line {

        display: block;

        width: 40px;

        height: 3px;

        margin-bottom: 9px;

        background: #009cfd;

        -webkit-transition: all .3s linear;

        transition: all .3s linear

    }



    .menu-button .burger-line:last-child {

        width: 30px;

        margin-left: 10px;

    }

    

 

    input:checked +.menu-button ~ .main-menu-wrapper  {

        visibility: visible;

        opacity: 1;

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }



    input:checked + .menu-button {

        top: 40px

    }



    input:checked + .menu-button .burger-line {

        margin-bottom: -3px;

        background: #fff;

    }



    input:checked + .menu-button .burger-line:last-child {

        opacity: 0

    }



    input:checked + .menu-button .burger-line:first-child {

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg)

    }



    input:checked + .menu-button .burger-line:nth-child(2) {

        -webkit-transform: rotate(-45deg);

        transform: rotate(-45deg)

    }



}





/*--->>>SEARCH FORM STYLES<<<---*/



.search-box {

  position: fixed;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.85);

  -webkit-transition: all 0.5s ease-in-out;

  transition: all 0.5s ease-in-out;

  -webkit-transform: translate(0px, -100%) scale(0, 0);

  transform: translate(0px, -100%) scale(0, 0);

  opacity: 0;

  overflow-y: auto;

}



.search-box .search-form {

    position: relative;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-align-items: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 100%;

    max-width: 480px;

    height: 100%;

    margin: auto;

    background: rgba(0, 0, 0, 0);   



}



@media all and (max-width: 767px) {

    .search-box .search-form {

        width: 90%;

    }

}



.search-box input[type="search"] {

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    max-width: 480px;

    margin: 0 auto;

    padding: 10px 20px;

    padding-right: 60px;    

    border-radius: 30px;     

    font-size: 32px;

    outline: none;

}



.search-box .btn {

    position: absolute;

    right: -50px;

    padding: 19px 30px;

    border-radius: 30px;

}









@media all and (max-width: 767px) {

    

    .search-box input[type="search"] { 

        height: 58px;

        font-size: 20px;

    }



    .search-box .btn {

        width: 100%;

        right: 0;

        -webkit-transform: translateY(70px);

                transform: translateY(70px);

    }

}



.search-box .btn--reset {

    position: static;

    display: block;

    margin: 0 auto;

    width: 280px;

    -webkit-transform: none;

            transform: none;

}



.search-box .close {

  position: fixed;

  top: 30px;

  right: 30px;

  z-index: 999;

  width: 40px;

  height: 40px;

  color: #fff;

  

}



.search-box.open {

  -webkit-transform: translate(0px, 0px) scale(1, 1);

  transform: translate(0px, 0px) scale(1, 1);

  opacity: 1;

  z-index: 9999;

}



.check-hide {

    /*visibility: hidden;*/

    display:none;

    opacity: 0;

    width: 1px;

    height: 1px;

    overflow: hidden;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



.search-btn {

    position: absolute;

    right: 0;

    display: inline-block;

    width: 50px;

    height: 28px;

    cursor: pointer;

}



@media all and (max-width: 1024px) {

    .search-btn {

        top: 30px;

        right: 80px;

    }

}



.search-btn::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 28px;

    height: 28px;

    background-image: url('../assets/images/main-images/search.svg');

    background-position: center;

    background-size: 100%;

    background-repeat: no-repeat;

}

.search-btn:hover:before {

	background-image: url('../assets/images/main-images/search-hover.svg')

}

.search__item {

    padding-left: 10px;

    margin-bottom: 20px;

    border-left: 2px solid #fff;

}



.search-heading {

    font-weight: 500;

    font-size: 20px;

}



.search-content {

    padding: 70px 15px 20px;

    color: #fff;

}



/*>>>------HEADER STYLES END-------<<<*/



/*>>>------ GRID SLIDER STYLES-------<<<*/

.grid-slider {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    margin-top: 30px;

}



@media all and (max-width:767px) {

    .grid-slider,

    .grid-slider-container {

        display: none;

    }

}



.grid-slider__item {

    position: relative;

    width: 100%;

    height: 240px;

    border-radius: 5px;

    overflow: hidden;

    margin-bottom: 10px;

    background-image: url(https://filogroup.it/assets/images/main-images/pattern-1.png);

    background-size: 40%;

}



.grid-slider__item .promo-bg img {

    position: absolute;

    top: 50%;

    left: 50%;

    width: auto;

    height: auto;

    max-height: 260px;

    max-width: none;

    min-height: 100%;

    min-width: 100%;

    transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -webkit-transform: translate(-50%,-50%);

}



.grid-slider__item:not(:first-child) {

    height: 130px;

    width: 49.5%;

}



.grid-slider__item:not(:first-child) .promo-bg img {

    max-height: 130px;

}



.grid-slider__content {

    position: absolute;

    top: 0;

    bottom:0;

    left: 0;

    right: 0;

    padding: 20px;

}



.grid-slider__content::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    background: rgba(0,0,0,0.5);

    z-index: 10;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.grid-slider__content:hover::before {

    background: rgba(0,0,0,0.7);

    z-index: 0;

}



@media all and (max-width:1024px) {

    .grid-slider__content {

        position: absolute;

        top: 50%;

        left: 50%;

        width: 100%;

        height: 100%;

        padding: 20px 5px;

        -webkit-transform: translate(-50%,-50%);

                transform: translate(-50%,-50%);

    }



    .grid-slider__item:not(:first-child) .grid-slider__content {

        padding: 5px;

    }

}



.grid-slider__item .descr {

    position: relative;

    z-index: 10;

    padding: 20px;

    color: #fff;

    font-size: 28px;

}



.grid-slider__item .buttons {

    position: absolute;

    bottom: 20px;

    right: 20px;

    z-index: 10;

}



.grid-slider__item:not(:first-child) .grid-slider__content {

    padding: 10px;

}



.grid-slider__item:not(:first-child) .buttons {

    bottom: 10px;

    right: 10px;

}



.grid-slider__item:not(:first-child) .btn {

    padding: 3px 10px;

    border: none;

    font-size: 12px;

    font-weight: 600;

}



.grid-slider__item:not(:first-child) .btn--white {

    background: rgba(0,0,0,0);

}



.grid-slider__item:not(:first-child) .descr {

    padding: 10px;

    font-size: 16px;

}



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

	.grid-slider__item:not(:first-child) .descr {

		font-size: 14px;

	}

}



/*>>>------CASINO LIST------<<<*/



    .top-casino-title {

        padding: 10px 0;

        

        text-align: center;



    }



    .top-casino-list {

        width: 100%;

        height: 380px;

        margin-top: 30px;

        background: #fff;

        border-radius: 10px;

        list-style: none;

        overflow: hidden;

    }



    @media all and (max-width: 767px) {

        .top-casino-list {

			display: none;

            min-width: 320px;

        }

    }



    .top-casino-list__item {

        position: relative;

        height: 40px;

        padding: 5px;

        padding-left: 40px;

    }



    .top-casino-list__item:hover {

        background: #f2f2f2; 

    }



    .top-casino-list__item .logo {

        position: absolute;

        left: 8px;

        top: 7px;

    }



    .top-casino-list__item .btn--play {

        position: absolute;

        top: 0;

        bottom: 0;

        right: -100px;

        display: inline-block;

        padding: 10px 20px;

        background: #f2002c; 

        color: #fff;

    }



    .top-casino-list__item:hover .btn--play {

        right: 0;

    }

.game-info-wrapper, .game-similar {

	margin-left: 15px;

}

.game-page h1 {

	text-align: center;

}

/*>>>------SIDEBAR------<<<*/

.sidebar {

    margin-top: 40px;

	max-width: 345px;

  

}

.sidebar-game {

    margin-top: 40px;

   

}



.sidebar-title {

    padding: 20px 10px;

    background: #2f2f2f;

    border-radius: 10px;

    color: #fff;

    text-align: center;

    font-size: 14px;

    font-weight: 500; 

}



/*>>>>>>------TAGS------<<<<<<*/

.tags-list {

    padding: 30px 10px;

    border-bottom: 1px dashed #e1e1e1;

}



.tag__item {

    margin: 0 2px;

    padding: 5px 10px;

    border-radius: 25px;

    background: #2f2f2f;

    color: #fff;

    font-size: 14px;

    font-weight: 500;

    cursor: pointer;

    -webkit-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}



.tag__item:hover {

    color: #fff;

    background: rgba(47,47,47, 0.8);

} 



/*>>>------CASINO CARD MAIN------<<<*/



.casino-list {

    /*margin-top: 30px;*/

}



.casino-card {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 30px;

    background: #fefefe;

    border: 1px solid #e1e1e1;

    border-radius: 10px;

    overflow: hidden;

}



.casino-card--main {

    overflow: visible;

    border: none;

}



.casino-card--main .casino-card-block {

    border-radius: 10px;

}



.casino-card--main .casino-card-content {

    border: 1px solid #e1e1e1;

    margin-left: 1px;

}



@media all and (max-width: 1024px) {

    .casino-card { 

        -ms-flex-wrap: wrap; 

            flex-wrap: wrap;

    }

}



.casino-card--review {

    background: #2f2f2f;

}



.casino-card .buttons {

    text-align: right;

    margin-top: 10px;

}



@media all and (max-width: 767px) {

    .casino-card {

        -moz-flex-direction: column;

        -ms-flex-direction: column;

        -o-flex-direction: column;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

                flex-direction: column;

    }



    .casino-card .buttons {

        text-align: center;

    }

}



.casino-card-header,

.casino-card-footer {

    position: relative;

    min-width: 200px;

    padding-top: 20px;

    background-color: #2f2f2f;

}



@media all and (max-width: 1023px) {

    .casino-card-footer {

        width: 100%;

    }



    .casino-card--main .casino-card-header {

        width: 100%;

    }

}



.casino-name {

    font-size: 36px;

}



@media all and (max-width: 1023px) {

    .casino-name {

        text-align: center;

    }

}



.casino-logo {

    width: 150px;

    margin: auto;

}



.casino-label {

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    width: 100%;

    padding: 10px 0;

    border-bottom: 1px dotted rgba(255,255,255,0.15);

    color: #fff;

    text-align: center;

    font-size: 11px;

    font-weight: 500;

}



@media all and (max-width: 1024px) {

    .casino-label--voting {

        border-bottom: none;

        border-top: 1px dotted rgba(255,255,255,0.15);

    }

}



.casino-rating {

    padding: 10px; 

    border-top: 1px solid;

}



.casino-rating .count {

    color: #fff;

    font-size: 24px;

    vertical-align: middle;

}



.casino-voting {

    margin: auto;

}



.casino-card-content {

    width: 100%;

    padding: 20px;

    border: 1px dotted rgba(255,255,255,0.15);

}



@media all and (max-width: 1024px) { 

    .casino-card-content {

        width: auto;

        border-bottom: none;

        border-right: none;

    }



    .casino-card--main .casino-card-content {

        width: 100%;

    }

}



@media all and (max-width: 575px) { 

    .casino-card-content {

        padding: 10px 0;

    }

}



.casino-conditions {

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    margin: 15px 0;

}



.casino-conditions-container .casino-conditions  {

    margin: 30px 0 0 0;

    padding: 10px;

}



@media all and (max-width: 1199px) {

    .casino-conditions {

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

    }

}



@media all and (min-width: 1024px) and (max-width: 1199px) {

    .casino-card--main .casino-card__row--limits {

        width: 60%;

    }

}



.casino-conditions-block {

    width: 50%;

}



.casino-conditions-block--first {

    width: 64%;

}



.casino-conditions-block--second {

    width: 35%;

}

.overlay {

	display: none;

}

.overlay.show {

    display: block;

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: rgba(0,0,0,.6);

    z-index: 999;

}

@media all and (max-width: 1199px) {

    .casino-conditions-block {

        width: 100%;

    }

}



.casino-conditions-container .casino-conditions-block {

    width: 100%;

}



.casino-card__row,

.casino-conditions__row  {

    position: relative;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-align-items: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 100%;

    height: 40px;

    margin: 3px;

    padding: 7px;

    padding-left: 40px;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



@media all and (max-width: 767px) { 

    .casino-card__row,

    .casino-conditions__row {

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

        height: auto;

        padding: 5px 5px 5px 40px; 

    }

}



.casino-card__cell {

    width: 70%;

}



.casino-conditions-block--first .casino-card__cell:first-child {

    width: 30%;

}



.casino-conditions-block--second .casino-card__cell {

    width: 70%;

}



.casino-conditions-block--second .casino-card__cell--check {

    width: 30%;

}



@media all and (max-width: 1199px) {



  .casino-card__row .casino-card__cell:first-child,

  .casino-card__row .casino-card__cell {

    width: 50%;

  }

	div .casino-recommend__item{

		width: 30%;

	}	



}



@media all and (max-width: 767px) {



    .casino-card__cell {

        font-size: 15px;

    }



    .casino-conditions-block--first .casino-card__cell:first-child,

    .casino-conditions-block--first .casino-card__cell,

    .casino-card--review .casino-card__cell {

        width: 100%;

        padding: 0;

    }



    .casino-conditions-block--second .casino-card__row .casino-card__cell {

        width: 70%;

    }



    .casino-conditions-block--second .casino-card__row .casino-card__cell--check {

        width: 30%;

    }

}



.casino-conditions__row .casino-conditions__cell:first-child {

    min-width: 160px;

    max-width: 160px;

}



@media all and (max-width: 767px) {

    .casino-conditions__row .casino-conditions__cell:first-child {

        min-width: 100%;

    }

}



.bonus-desc {

    display: none;

    position: absolute;

    top: 40px;

    right: 0;

    z-index: 10;

    width: 320px;

    color: #fff;

    background: rgba(0,0,0,0.85);

    padding: 10px;

    border-radius: 10px;

}





.condition-text{

    display: inline-block;

    margin-left: 5px;

    padding: 5px 10px;

    color: #2f2f2f;

    font-size: 14px;

    font-weight: 500;

}



@media all and (max-width: 767px) {

    .condition-text {

        margin-left: 0;

        padding: 5px 5px 5px 0;

    }



    .bonus-desc {

        width: 300px;

        top: 60px;

        right: calc( (100% - 300px) / 2);

    }

}



[class*=check-] {

    position: relative;

    padding-left: 30px;

}



.casino-card [class*=icon-]::before,

.casino-conditions [class*=icon-]::before,

[class*=check-]::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 10px;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

    display: block;

    width: 24px;

    height: 24px;

    background-image: url('https://filogroup.it/assets/images/main-images/card-sprite2.png');

    background-position: 0 0; 

}



[class*=check-]::before {

    left: 0;

}



.check-yes::before {

     background-position: -24px 0; 

}



.check-no::before {

     background-position: 0 0; 

}



.casino-card .icon-info:before,

.casino-conditions .icon-info:before {

    background-position: -240px 0;

    opacity: 0.7;

    -webkit-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out; 

}



.casino-card .icon-players::before,

.casino-conditions .icon-players::before  {

    background-position: -48px 0; 

}



.casino-card  .icon-use-vpn::before,

.casino-conditions .icon-use-vpn::before {

     background-position: -72px 0; 

}



.casino-card .icon-chat::before,

.casino-conditions .icon-chat::before  {

    background-position: -96px 0; 

}



.casino-card .icon-payment-methods::before,

.casino-conditions .icon-payment-methods::before {

    background-position: -120px 0; 

}



.casino-card .icon-pay-limits::before,

.casino-conditions .icon-pay-limits::before {

    background-position: -144px 0; 

}



.casino-card .icon-bonus-first::before,

.casino-conditions .icon-bonus-first::before {

     background-position: -168px 0; 

}



.casino-card .icon-bonus-second::before,

.casino-conditions .icon-bonus-second::before {

     background-position: -192px 0; 

}



.casino-card .icon-currencies::before,

.casino-conditions .icon-currencies::before {

     background-position: -216px 0; 

}



.casino-conditions .icon-lang::before {

     background-position: -120px -24px; 

}



.casino-conditions .icon-pay-methods::before {

     background-position: -216px -24px; 

}



.casino-conditions .icon-deposit::before {

     background-position: -216px -24px; 

}



.casino-conditions .icon-payment::before {

     background-position: -0px -48px; 

}



.casino-conditions .icon-pay::before {

     background-position: 24px -24px; 

}



.casino-conditions .icon-terms::before {

     background-position: -96px -24px; 

}



.casino-conditions .icon-provider::before {

     background-position: -72px -24px; 

}



.casino-conditions .icon-license::before {

     background-position: -48px -24px; 

}



.casino-conditions .icon-owner::before {

     background-position: -24px -120px;

}



.casino-conditions .icon-email::before {

     background-position: -168px -24px; 

}



.casino-conditions .icon-phone::before {

     background-position: -144px -24px; 

}



.casino-conditions .icon-mobile::before {

     background-position: -192px -24px; 

}



.review-link {

    position: relative;

    color: #fff;

    line-height: 33px;

}



.casino-conditions .icon-review::before,

.casino-card .icon-review::before {

     background-position: -24px -24px; 

}





.icon-info:hover::before {

    opacity: 1;

}



.icon-info:hover + .bonus-desc {

    display: block;

}



.casino-conditions__cell .icon-info {

    display: inline-block;

    margin: -6px;

}



.casino-conditions__cell .icon-info::before {

    position: static;

    -webkit-transform: none;

            transform: none;

}



.casino-conditions__cell .bonus-desc {

    right: 0;

    left: 105%;

    top: 0;

    -webkit-transform: translateY(-30%);

            transform: translateY(-30%);

}



@media all and (max-width: 767px) {

    .casino-conditions__cell .bonus-desc {

        left: 0;

        top: 30px;

        -webkit-transform: none;

                transform: none;

    }

}



@media all and (max-width: 360px) {

    .casino-conditions__cell .bonus-desc {

        left: -50px;

    }

}



.casino-option {

    width: 150px;

    height: 200px;

    margin: 5px;

    border: 5px solid #888;

    border-radius: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    background: rgba(255,255,255,1);

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(180, 180, 180, 1)), color-stop(20%, rgba(240,240,240,1)), color-stop(51%, rgba(255,255,255,1)), color-stop(80%, rgba(180, 180, 180, 1)));

    background: linear-gradient(to bottom, rgba(180, 180, 180, 1) 0%, rgba(240,240,240,1) 20%, rgba(255,255,255,1) 51%, rgba(180, 180, 180, 1) 80%);

}



@media all and (max-width: 479px) {

    .casino-option-container {

        width: 33%;

        margin: 2px;

    }



    .casino-option {

        width: 100%;

        margin: 0;

    }

}



.casino-option-title {

    text-align: center;

    font-size: 20px;

    color: #fff;

}



.option-text {

    padding: 5px 20px;

    text-align: center;

    font-size: 12px;

    font-weight: 500;

}



.option-img {

    position: relative;

    width: 60px;

    height: 60px;

}



.option-img::before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;

        -webkit-filter: drop-shadow(10px 5px 5px rgba(0,0,0,0.15));

                filter: drop-shadow(10px 5px 5px rgba(0,0,0,0.15));

}



.img-bonus::before {

    background-image: url(../assets/images/main-images/bonus.svg);

} 



.img-deposit::before {

    background-image: url(https://filogroup.it/assets/images/main-images/wallet.svg);

} 



.img-currencies::before {

    background-image: url(../assets/images/main-images/moneybag.svg);

} 



/*>>>>>>-------CASINO RELATED------<<<<<<*/

.casino-recommend {

    padding: 20px;

    border-top: 1px dotted #eee;

    border-bottom: 1px dotted #e1e1e1;

}



.casino-recommend__item {

    margin: 5px;

    border-radius: 5px;

    overflow: hidden;

    background: #020202;

	width: 31%;

	position: relative;

}



.casino-recommend__item .action {

    padding: 0;   

    color: #2d2d2d;

    text-align: center;

    font-size: 20px;

    -webkit-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

	position: absolute;

	top: 18%;

	left: 34%;

	display: none;

}

.casino-recommend__item:hover .action {

	display: block;

}

.action .icon-wrapper {

	border: 1px solid;

    border-radius: 100px;

    display: inline-block;

    height: 60px;

    width: 60px;

    position: relative;

    margin-bottom: 8px;

    cursor: pointer;

	background-color: rgb(2, 2, 2);

}

.action .icon-wrapper svg{

	    width: 0.65em;

	margin-top: 20px;

}

.page-title {

	background: rgb(233, 233, 233);

	padding: 1px 25px;

}

.page-title h1 {

	font-size: 18px;

    font-weight: bold;

	text-transform: uppercase;

	color: #333;

    text-align: left;

}

/*>>>>>>>------FAQ LIST------<<<<<<*/

.faq-list {

    margin: 30px 0;

    overflow: hidden;

}



.faq-block {

    width: 49%;

    margin: 0 0.5%;

}



@media all and (max-width: 991px) {

    .faq-block {

        width: 100%;

    }

}



.faq-title {

    position: relative;

    padding: 15px;

    padding-right: 40px;

    background: #efefef;

    font-size: 14px;

    font-weight: 500;

}



.faq-title::before {

    content: '+';

    position: absolute;

    right: 20px;

    top: 50%;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

    font-size: 20px;

    font-weight: 500;

    color: #2f2f2f;

}



.faq-content {

    visibility: hidden;

    height: 0;

    padding: 0 15px;

    opacity: 0;

    -webkit-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

}



.faq-content.active {

    visibility: visible;

    height: 100%;

    opacity: 1;

}



.faq-content ol,

.faq-content ul {

    list-style-position: inside;

}



.faq-content li {

    margin: 5px 0;

}



/*>>>------ FORM ------<<<*/

.feedback-block {

    padding: 15px 0;

    border-radius: 10px;

    background: #2f2f2f;

}



.form-message {

    text-align: center;

    color: #fff;

}



.form--feedback {

    width: 100%;

    margin: 0 auto;

    margin-bottom: 30px;

    padding: 0 20px;

}



.form--feedback .form-group {

    width: 100%;

}



.form--feedback .form-item {

    margin-bottom: 5px;

}



.form--feedback .form-group:first-child .form-item {

    width: 49%;

}



.form__input,

.form__text {

    width: 100%;

    padding: 15px 20px;

    border: 1px solid #e1e1e1;

    border-radius: 10px; 

    outline: 0px;

}



.form__text {

    resize: none;

}



@media all and (max-width: 479px) {

    .form--feedback .form-group:first-child .form-item,

    .form--feedback .btn {

        width: 100%;

    }

}

/*>>>------ COMMENT ITEM ------<<<*/

.comments-block {

    margin-bottom: 30px;

}



.public-comment {

    width: 100%;

    margin: 0 auto;

    margin-bottom: 10px;

    padding: 10px;

    border-bottom: 1px dotted #e1e1e1;

}



.user-img {

    width: 50px;

}



.user-info {

    margin-left: 15px;

}



.comment-text {

    padding-left: 70px;

}



/*>>>>>>------TOP------<<<<<<*/

.casino-top-wrapper {

    background: #000;

	    border: 1px solid #424242;

    border-radius: 12px;

}

.casino-top-list {

    list-style: none;

}



.casino-top-title {

    position: relative;

    padding: 20px 10px;

    padding-left: 40px;

    

    border-radius: 5px 5px 0 0;

    color: #fff;

    text-align: center;

    font-size: 14px;

    font-weight: 500; 

}



.casino-top-title::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 20px;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%);

    width: 25px;

    height: 25px;

    background-image: url(../assets/images/main-images/trophy.svg);

    background-size: contain;

    background-repeat: no-repeat;

}



.casino-top__item {

    padding: 5px;

    border-bottom: 1px dotted #e1e1e1;

    -webkit-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

    background: url(https://filogroup.it/assets/images/s3-popup-bg.png);/*   s3-wrapper-bg.jpg?v=1.06);*/

    border: 1px solid #424242;

}

.casino-top__item:last-child {

	border-radius: 0 0 5px 5px;

}



.casino-top__item:hover {

    background: #2e2c2c;

}



.casino-top-link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-align-items: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

}



.casino-top-list .casino-logo {

    width: 50px;

    margin: 0;

}



.casino-top-list .casino-name {

    color: #fff;

    font-size: 14px;

    font-weight: 500;

}



.casino-top-list .casino-avg {

    width: 45px;

    height: 45px;

    background-image: url(../assets/images/main-images/star-outer3.svg);

    background-size: contain;

    background-repeat: no-repeat;

    color: #000;/*#2f2f2f;*/

    text-align: center;

    font-size: 12px;

    font-weight: 500;

    line-height: 48px;



}





@media all and (max-width: 767px) {

	.bonus__item {

		width: 32%;

	}

}



@media all and (max-width: 575px) {

	.bonus__item {

		width: 48%;

	}

}



@media all and (max-width: 479px) {

	.bonus__item {

		width: 100%;

	}

}



.bonus-name {

    height: 60px;

    color: #fff;

    text-align: center;

    font-size: 20px;

}



.bonus-img img {

	margin: 0 auto;

	display: block;

}



.bonus__item .action {

	position: absolute;

	left: 0;

	right: 0;

	bottom: -100px;

	-webkit-transition: 0.3s ease-in-out;

	transition: 0.3s ease-in-out;

}



.bonus__item::before {

	content: '';

	position: absolute;

	top: 0; 

	bottom:0;

	left: 0;

	right: 0;

	background: rgba(0,0,0,0.75);

	opacity: 0;

	-webkit-transition: 0.3s ease-in-out;

	transition: 0.3s ease-in-out;

}



.bonus__item:hover::before {

	opacity: 1;

} 



.bonus__item:hover .action {

	bottom: 50%;

    -webkit-transform: translateY(50%);

            transform: translateY(50%);

}

.show-more-btn {

	padding-left: 15px;

    padding-top: 10px;
	text-align: center;
	
}
.show-more-btn a {
	position: relative;
}
.show-more-btn img {
	animation: polish 3s steps(54, end) infinite;
    overflow: visible;
    top: -20px;
    height: 90px;
    left: -170px;
    opacity: 0.5;
	position: absolute;
}
@keyframes polish {
	0%{
		display: block;
		left: -170px;
	}
	85% {
		left: 310px;
	}
	85.01%,100%{
		display: none;
		left: -170px;
	}
}
/*>>>------ FOOTER -------<<<*/

.footer {

    width: 100%;

    padding: 30px;

    color: rgba(255,255,255,0.5);

    display: flex;

    flex-direction: column;

    align-items: center;

    padding-top: 30px;

    background-color: rgb(2, 2, 2);

}

.footer-row {

    text-align: center;

}

.footer-logos {

    margin: 20px auto;

}

.footer-txt {

    color: rgb(244, 213, 73);

    font-size: 11px;

    text-align: center;

}

.footer .logo {

    padding-bottom: 20px;

    margin-bottom: 20px;

    border-bottom: 1px dotted rgba(255,255,255,0.15);

}



.footer-description{

    padding: 20px 0;

    font-size: 13px;

}



.footer-menu {

    list-style: none;

    /*padding: 0 65px; */

	width: 100%;

    max-width: 530px;

	margin-left: 20%;

}

.footer-menu .menu-item {

    padding: 5px;

    float:left;

}

.txt-info {

	width: 100%;

	float: right;

	font-size: 12px;

	padding-left: 123px;

    margin-top: -33px;

}

.footer-menu .menu-link {

    padding: 0;

    

    text-decoration: underline;

}

.footer-menu .main-menu [class*="icon-"]:before {

	content: none;

}





.footer-menu .menu-link.active {

    text-shadow: none;

}



.footer-news__item {

    width: 150px;

    margin: 5px;

}



.footer-news__item .news-title {

    margin-top: 5px;

    color: #adadad;

    font-size: 14px;

    line-height: 18px;

}



.footer-news {

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

}

.footer-bootom {

	padding: 10px 0;

	text-align: center;

}

@media all and (max-width: 1023px) {

    .footer-news {

        -webkit-box-pack: start;

            -ms-flex-pack: start;

                justify-content: flex-start;

        margin-top: 15px;

    }

	

} 



@media all and (max-width: 575px) {

    .footer-news {

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

    }

} 



/*>>>>>>------ERROR PAGE------<<<<<<*/



.error-page {

   margin: 20px auto;

}



@media screen and (max-width: 479px) { 

    .error-page {

        

    }

}



.error-block {   

    max-width: 100%;

    margin: 0 auto;

}



.error-content {

    margin-bottom: 25px;

    text-align: center;

}



.error-title {

    margin: 0;

    font-size: 23px;

    margin-bottom: 30px;

}



@media screen and (max-width: 767px) {

    .error-title {

        font-size: 20px;

    }

}



@media screen and (max-width: 479px) { 

    .error-title {

        font-size: 14px;

    }

}

/*------>>>>>>RATING STARS<<<<<<------*/

.voting-msg {

    display: block;

    padding: 15px;

    color: #fff;

    text-align: center;

    font-size: 20px;

}



.voting-stars {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

        -ms-flex-direction: row-reverse;

            flex-direction: row-reverse;

}



@media all and (max-width: 1024px) {

    .voting-stars {

        padding: 20px;

        margin-top: 20px;

    }

}



.rating-star, 

.rating-star-inner,

.voting-star,

.voting-star:hover, 

.voting-star:hover ~ .voting-star,

input:checked + .voting-star,

input:checked + .voting-star ~ .voting-star {

    display: block;

    width: 15px;

    height: 15px;

    margin-right: 3px;

    background-image: url(../assets/images/main-images/star-outer.svg);

    background-position: center;

    background-size: 100%;

    background-repeat: no-repeat;

}



.voting-star {

    -webkit-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}



.voting-star,

.voting-star:hover,

.voting-star:hover ~ .voting-star,

input:checked + .voting-star,

input:checked + .voting-star ~ .voting-star  {

    width: 30px;

    height: 30px;

}



.rating-star-inner,

.voting-star {

    background-image: url(../assets/images/main-images/star-inner.svg);

}



/*>>>>>>------game-info-table ------<<<<<< */

.game-page .feedback-block {

    order: 5;

}

.game-page .game-similar {

    order: 4;

}



.game-preview {

    position: relative;

}

.game-link  {

    position: absolute;

    display: inline-block;

    top: 50%;

    left: 50%;

    width: 100px;

    height: 100px;

    transform: translate(-50%, -50%);

    z-index: 10;

    background: url(https://filogroup.it/assets/images/main-images/play-icon.svg);

    background-repeat: no-repeat;

    background-size: 100%;

    background-color: red;

    border-radius: 50%;

    transition: 0.3s ease-in-out;

}

.game-link:hover {

    width: 120px;

    height: 120px;

}

.game-info-table {

    border: 1px solid #e3e3e3;

    padding: 10px 15px;

    font-size: 20px;

}

.game-info-table .row:last-child {

	border-bottom: none;

}

.footer-bootom img{

	    max-width: 100%;

    padding: 0 15px;

}

@media all and (max-width: 767px) {

	.footer-menu {

		padding: 0 0 0 20px;

	}

	.txt-info {

		padding-left: 0px;

		margin-top: 0;

		text-align: justify;

	}

	.footer-menu .main-menu {

		justify-content: left;

    	flex-wrap: wrap;

	}

	.footer-menu .menu-item {

		    padding: 5px 10px;

	}

	.footer {

		    padding: 15px;

	}

	

}

@media all and (max-width: 600px) {

    .game-info-table { 

        font-size: 16px;

    }

}



.game-info-table .row {

    display: flex;

    justify-content: space-between;

    padding: 10px;

    border-bottom: 1px solid #e3e3e3;

}

.game-info-table .icons {

    margin-right: 15px;

}

.game-footer {

    padding: 10px 0;

    text-align: center;

	margin-top: 20px;

}

.game-footer a {

	padding: 10px 50px;

    font-size: 18px; 

	transition: transform ease .3s;

} 

.game-footer a:hover {

	animation: none;

	

		

}

.games-similar {

    justify-content: space-between;

    margin-bottom: 50px;



}



@media all and (max-width: 600px) {

    .games-similar { 

        flex-wrap: wrap;

    }

}



.similar__item {

    width: 25%;

    padding: 0;

    border: 1px solid #e3e3e3;

    border-radius: 20px;

    overflow: hidden;

    text-align: center;

    margin: 5px;

}



@media all and (max-width: 600px) {

    .similar__item {

        width: 45%;

        margin-bottom: 15px;

    }

	.sidebar-game {

		padding: 0 15px;

	}

}

.game-img {

    display: block;

}

.game-img img {

    width: 100%;

    max-width: 100%;

    height: auto;

}

.game-title {

    margin: 15px 5px;

}



.game-provider {

    margin: 15px 5px;

}



.similar__item .btn {

    margin-bottom: 15px;

}

.game-preview img {

	margin: 0 auto;

}

/*>>>>>>------ pagination ------<<<<<< */



.pagination {

	display: block;

	width: 100%;

	list-style: none;

	text-align: center;

}



.pagination__item {

	display: inline-block;

}



.pagination-link {

	padding: 3px 7px;

    border-radius: 3px;

    color: #2f2f2f;

}



.pagination-link.active {

	background: #f2002c;

	color: #fff;

}

.similar{

    height: 35px!important;

    

}

.item-game {

   background: #2f2f2f;

   color:#fff;

}

.casino-recommend__item-name {

    text-align: center;

    color: #fff;

    /*border: 2px solid#2ecc71;*/

    border-top: none;

    margin: 0;

    border-radius: 0 0 20px 20px;

    padding: 10px;

}

.casino-recommend__item:hover:before {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	    background-color: rgba(255,255,255,0.4);

}

.winners {

	list-style-type: none;

	padding: 0;

	margin: 0;
	background: #FFEDC2;
	display: flex;
}
.winners-title {
	padding: 10px;
	text-transform: uppercase;
	width: 220px;
	background: rgb(244, 213, 73);
	    font-size: 20px;
    font-weight: 700;
}
.winners-info {
	    padding: 10px;
    margin-left: 20px;
    font-size: 16px;

}

.winners li {

	padding: 8px 0;

	    border-bottom: 1px solid #eee;

}

.winners li:last-child {

	border-bottom: none;

}

.winners .avatar {

	width: 28%;

	display: inline-block;

	padding: 0 5px;

}

.avatar img {

	max-width: 100%; 

}

.winner-info {

	width: 70%;

	    display: inline-block;

	padding-left: 10px;

}

.winner-info span {

	display: block;

	

}

.winner-name {

	margin-right: 20px;
	text-decoration: underline;

}
.wins-summ {
	font-weight: 700;
}
.enter-register {

	position: absolute;

    right: 20px;

    top: 20px;

}

.enter-register a {

	display: block;

	text-align: center;

	min-width: 130px;

	font-size: 14px;

    float:left;

}

/*.enter-register .enter {	 

    margin-bottom: 5px;

	padding: 5px 10px;

} */



@media all and (max-width: 1199px) {

	.winners .avatar {

		width: 22%;}

	.main-header .menu-link {

		    padding: 25px 7px;



	}

    .sidebar {

            margin-right: 10px;

    }

}

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

	.enter-register a{

		font-size: 13px;

	min-width: 88px;

	}

	.game-info-wrapper, .game-similar {

		margin-left: 10px;

    	margin-right: 10px;

	}

}

/* slider */

.corousel__inner {

    max-width: 100%;

    position:absolute;

    top:10px;

    left:10px;

}

.corousel__title {

    font-size: 48px;

    line-height: 45px;

    display: flex;

    flex-direction: column;

    width: auto;

    margin-top: 270px;

    margin-bottom: 15px;

    color: #fe284a;

    font-weight:800;

    justify-content: center;



    background: linear-gradient(180deg,#ffbc3a 0,#ffbc3a 50%,#e7971e 55%,#ffe47a 65%,#ffe47a 80%,#ffe47a);

    background-clip: border-box;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;



}

.button__type_link {

    display: inline-block;

    text-decoration: none;

}

.button__theme_fancy {

    font-size: 20px;

    font-weight: 700;

    height: 70px;

    padding: 23px 80px 21px;

    text-transform: uppercase;

    color: #2d2d2d;

    border-top: 2px solid #76ffbb;

    border-bottom: 2px solid rgba(0,0,0,.5);

    border-radius: 35px;

    background-color: #2ecc71;

    box-shadow: 0 15px 30px rgba(0,0,0,.45);

}

.main-slider {

	height: 380px;

	background: rgb(2, 2, 2);

}

.swiper-slide {

	cursor: pointer;

}

.button__theme_fancy:hover {

	color: #fff;

}

/* features */

.features___list {

    margin: 83px 0 50px;

    text-align: center;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}

.features__item {

    display: inline-block;

    height: 200px;

    vertical-align: top;

    width: 250px;

    text-align: center;

}

.features__icon {

    height: 80px;

    margin-bottom: 25px;

    text-align: center;

}

.features__text {

    font-size: 22px;

    font-weight: 700;

    line-height: 30px;

    display: flex;

    width: 100%;

    height: 60px;

    text-align: center;

    color: #000;

    align-items: center;

    justify-content: center;

}



.social___icons .social__title___main {

    font-size: 14px;

    margin-bottom: 20px;

    text-transform: uppercase;

    color: #fff;

}

.paymentsystems__body___Q1P7D {

    display: flex;

    flex-flow: row wrap;

}

.noselect {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

.paymentsystems___12V7_ .paymentsystems__item___3Qx1t {

    width: 153px;

    height: 121px;

    margin: 1px 1px 0 0;

    text-align: center;

    color: #fff;

    background: hsla(0,0%,100%,.05);

    box-shadow: none;

    flex-flow: row wrap;

    justify-content: space-around;

    align-content: flex-start;

}

.paymentsystems__icon___3P3Dm {

    height: 100%;

    transition: opacity .25s ease-out;

    opacity: .8;

}

.social___icons .social__title___main {

    font-size: 14px;

    margin-bottom: 20px;

    text-transform: uppercase;

    color: #fff;

}



footer .main-menu {

    display:inline-block;

}



.footer__body-inner___column {

    display: flex;

    margin-top: 60px;

    margin-left: -10px;

}

.footer__body-left___column {

    position: relative;

    width: 390px;

}

.footer__logo___2ifQS {

    position: absolute;

    bottom: 12px;

}

.social__body___main a {

   color:#fff; 

}

.social__body___main a:hover {

	color: #00f460

}

/* new */





/* footer */

.footer_payments ul {

 display:flex;

 flex-wrap:wrap

}

.footer_payments li {

 height:40px;

 margin:0 30px 25px 0

}

.footer_payments li:last-child {

 margin-right:0

}

.footer_payments img {

 height:inherit;

 -o-object-fit:contain;

 object-fit:contain

}

.footer_payments .payment_visa {

 width:80px

}

.footer_payments .payment_mastercard {

 width:45px

}

.footer_payments .payment_neteller {

 width:120px

}

.footer_payments .payment_skrill {

 width:80px

}

.footer_payments .payment_qiwi,

.footer_payments .payment_webmoney,

.footer_payments .payment_yandex-money {

 width:40px

}

.footer_payments .payment_moneta {

 width:90px

}

.footer_payments .payment_mobile {

 width:40px

}

.footer_payments .payment_apple-pay {

 width:80px

}

.footer_payments .payment_bitcoin {

 width:40px

}

.footer_second {

 box-sizing:border-box;

 border-top:1px dashed #303036;

 padding:20px 0

}

.footer_second .footer_second_box {

 display:flex;

 justify-content:space-between;

 align-items:center

}

.footer_second .copyright_age_warning {

 display:flex;

 justify-content:flex-start;

 align-items:center;

 width:calc(99% - 160px)

}

.footer_second .choose_lang {

 width:160px

}

.footer_second .choose_lang .choose_lang_list {

 top:-53px;

 right:5px;

 display:flex;

 flex-direction:column-reverse

}

.footer_second .p_copyright,

.footer_second .p_warning {

 font-size:12px

}

.footer_second .p_copyright {

 margin-right:40px;

 width:35%;

 word-break:normal;

 word-wrap:normal

}

.footer_second .age_18 {

 margin-right:10px;

 height:40px;

 width:40px

}

.footer_second .p_warning {

 margin-right:10px;

 width:40%

}

@media (max-width:1024px) {

 footer .game_help_social {

  flex-wrap:wrap

 }

 footer .footer_categories,

 footer .footer_help {

  margin-bottom:40px;

  height:190px;

  width:45%

 }

 footer .footer_categories .help_list,

 footer .footer_help .help_list {

  height:auto

 }

 footer .partner_payment {

  flex-direction:column

 }

 footer .footer_partners {

  margin:0 0 20px

 }

 footer .footer_partners li {

  width:20%

 }

 footer .footer_second_box {

  flex-wrap:wrap;

  flex-direction:column;

  align-items:center

 }

 footer .footer_second_box .copyright_age_warning {

  margin-bottom:20px;

  width:100%

 }

 footer .footer_second_box .p_copyright {

  margin-right:30px

 }

 footer .footer_second_box .p_copyright,

 footer .footer_second_box .p_warning {

  width:45%

 }

 .footer_categories .nav-categories_img-wrapper {

  margin-right:5px;

  width:34px

 }

 .footer_categories .nav-categories_item.x_slots .nav-categories_img {

  width:40px

 }

 .footer_categories .nav-categories_item.x_live .nav-categories_img {

  width:32px

 }

 .footer_categories .nav-categories_item.x_casino .nav-categories_img,

 .footer_categories .nav-categories_item.x_tournament .nav-categories_img {

  width:30px

 }

}

@media (max-width:668px) {

 footer .footer_categories,

 footer .footer_help,

 footer .footer_social {

  height:auto;

  width:100%

 }

 footer .footer_categories,

 footer .footer_help {

  margin-bottom:30px

 }

 footer .footer_social {

  margin-bottom:0

 }

 footer .footer_social .navigation_social {

  flex-wrap:wrap

 }

 footer .footer_partners li,

 footer .footer_payments li {

  height:20px;

  margin-bottom:20px

 }

 footer .footer_payments .payment_visa {

  width:60px

 }

 footer .footer_payments .payment_mastercard {

  width:30px

 }

 footer .footer_payments .payment_neteller {

  width:90px

 }

 footer .footer_payments .payment_skrill {

  width:60px

 }

 footer .footer_payments .payment_qiwi,

 footer .footer_payments .payment_webmoney,

 footer .footer_payments .payment_yandex-money {

  width:20px

 }

 footer .footer_payments .payment_apple-pay,

 footer .footer_payments .payment_moneta {

  width:50px

 }

 footer .footer_payments .payment_bitcoin {

  width:20px

 }

 footer .footer_payments li {

  margin-right:20px

 }

 footer .footer_partners .partner_netent {

  width:50px

 }

 footer .footer_partners .partner_microgaming {

  width:70px

 }

 footer .footer_partners .partner_quickspin,

 footer .footer_partners .partner_yggdrasil {

  width:75px

 }

 footer .footer_partners .partner_igrosoft {

  width:40px

 }

 footer .footer_partners .partner_amatic {

  width:70px

 }

 footer .footer_partners .partner_betsoft {

  width:50px

 }

 footer .footer_partners .partner_playson {

  width:75px

 }

 footer .footer_partners .partner_spinomenal {

  width:90px

 }

 footer .footer_partners .partner_endorphina,

 footer .footer_partners .partner_tom-horn {

  width:55px

 }

 footer .footer_partners .partner_isofbet {

  width:65px

 }

 footer .footer_partners .partner_pariplay {

  width:55px

 }

 footer .footer_partners .partner_belatra,

 footer .footer_partners .partner_pragmatic-play {

  width:50px

 }

 footer .footer_partners .partner_habanero {

  width:85px

 }

 footer .footer_partners .partner_play-n-go {

  width:65px

 }

 footer .footer_partners .partner_egt {

  width:50px

 }

 footer .footer_partners .partner_vivo-gaming {

  width:80px

 }

 footer .footer_second_box .copyright_age_warning {

  flex-wrap:wrap

 }

 footer .footer_second_box .age_18,

 footer .footer_second_box .p_copyright {

  margin-bottom:20px

 }

 footer .footer_second_box .p_copyright,

 footer .footer_second_box .p_warning {

  margin-right:2%;

  width:80%

 }

}

@media (max-width:414px) {

 footer .footer_partners li,

 footer .footer_payments li {

  display:flex;

  margin-right:0;

  box-sizing:border-box;

  width:33.33333%

 }

 .footer_categories .nav-categories_list>* {

  width:50%

 }

 .footer_categories .nav-categories_link {

  font-size:12px

 }

 .footer_categories .nav-categories_img-wrapper {

  width:32px

 }

}



.footer_partners ul {

 display:flex;

 flex-wrap:wrap;

 align-items:center

}

.footer_partners li {

 display:flex;

 align-items:center;

 margin-bottom:20px;

 height:40px;

 box-sizing:border-box;

 width:16.66667%;

 padding-right:15px

}

.footer_partners li * {

 max-width:100%

}

.footer_partners img {

 height:inherit;

 -o-object-fit:contain;

 object-fit:contain

}

.footer_partners .partner_netent {

 width:110px

}

.footer_partners .partner_microgaming {

 width:120px

}

.footer_partners .partner_quickspin,

.footer_partners .partner_yggdrasil {

 width:170px

}

.footer_partners .partner_igrosoft {

 width:80px

}

.footer_partners .partner_amatic {

 width:130px

}

.footer_partners .partner_betsoft {

 width:110px

}

.footer_partners .partner_playson {

 width:245px

}

.footer_partners .partner_spinomenal {

 width:230px

}

.footer_partners .partner_tom-horn {

 width:130px

}

.footer_partners .partner_endorphina {

 width:95px

}

.footer_partners .partner_isofbet {

 width:130px

}

.footer_partners .partner_pariplay {

 width:140px

}

.footer_partners .partner_pragmatic-play {

 width:115px

}

.footer_partners .partner_belatra {

 width:130px

}

.footer_partners .partner_habanero {

 width:200px

}

.footer_partners .partner_play-n-go {

 width:140px

}

.footer_partners .partner_egt {

 width:120px

}

.footer_partners .partner_vivo-gaming {

 width:160px;

 height:auto

}

.footer_payments ul {

    display: flex;

    flex-wrap: wrap;

    list-style: none;

}

.footer_payments li {

    height: 40px;

    margin: 0 30px 25px 0;

}

#layer_games:before {

    top: 2px;

    height: 5px;

    background-image: url(https://cdn.vavada.net/img/line_decoration/point_with_large_space.4257ede318a193f6bc607e0a418776b3.svg);

    background-repeat: repeat-x;

    background-size: contain;

}

.beam-categories:after {

    top: 2px;

    height: 5px;

    background-image: url(https://cdn.vavada.net/img/line_decoration/point_with_large_space.4257ede318a193f6bc607e0a418776b3.svg);

    background-repeat: repeat-x;

    background-size: contain;

}

.big {

width:300px;

height:50px;

color:#fff!important;

padding-top:15px;

    margin: 10px auto 25px;

    display: block;

    background: -moz-linear-gradient(top, rgba(0,194,248,1) 0%, rgba(0,132,200,1) 51%, rgba(0,133,200,1) 59%, rgba(0,23,156,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,194,248,1)), color-stop(51%, rgba(0,132,200,1)), color-stop(59%, rgba(0,133,200,1)), color-stop(100%, rgba(0,23,156,1)));

    background: -webkit-linear-gradient(top, rgba(0,194,248,1) 0%, rgba(0,132,200,1) 51%, rgba(0,133,200,1) 59%, rgba(0,23,156,1) 100%);

    background: -o-linear-gradient(top, rgba(0,194,248,1) 0%, rgba(0,132,200,1) 51%, rgba(0,133,200,1) 59%, rgba(0,23,156,1) 100%);

    background: -ms-linear-gradient(top, rgba(0,194,248,1) 0%, rgba(0,132,200,1) 51%, rgba(0,133,200,1) 59%, rgba(0,23,156,1) 100%);

    background: linear-gradient(to bottom, rgba(0,194,248,1) 0%, rgba(0,132,200,1) 51%, rgba(0,133,200,1) 59%, rgba(0,23,156,1) 100%);	

	

}

.content h1.text-center {

text-align:center;

}

/* new */



.swiper-slide p.cg-text-left {

    position: absolute;

    opacity: 0;

    left: 10px; 

    width: 400px !important;

    max-width: 400px !important;

    text-align: center !important;

    color:#fff;

}

.swiper-slide p {

    margin: 25px 0;

    max-width: 315px;

    width: 315px;

    color: #fff;

    font-size: 37px;

}

.swiper-slide p, .swiper-slide p span.h1, .swiper-slide p span.h1_3, .swiper-slide p span.type_1 {

    z-index: 10;

    font-weight: 700;

}



.swiper-slide p.cg-text-right {

    position: absolute;

    top:10px;

    right: 20px;

    width: 410px !important;

    max-width: 410px !important;

    z-index:101;

    margin: 25px 0;

    max-width: 315px;

    width: 315px;

    color: #fff;

    font-size: 37px;

    text-shadow: 1px 1px 10px #7f02ff, 1px -1px 10px #7f02ff, -1px 1px 10px #7f02ff, -1px -1px 10px #7f02ff, -1px -1px 1px rgba(255, 255, 255, .2), 1px 1px 1px rgba(255, 255, 255, .2), 

-1px 1px 1px rgba(255, 255, 255, .2), 1px -1px 1px rgba(255, 255, 255, .2);

}

.slide_v3 {

    font-size: 39px !important;

}



.slider-register {

    background: url(https://filogroup.it/assets/images/gen_btn-slider.png) no-repeat !important;

    height: auto;

    padding: 0 !important;

    line-height: 68px !important;

    width: 308px;  

    font-weight: 700;

    font-style: italic;

    font-size: 25px;

    text-shadow: 1px 0 0 rgba(0, 0, 0, .5), -1px 0 0 rgba(0, 0, 0, .2), 0 1px 1px rgba(255, 255, 255, .4);

    text-align: center;

    text-decoration: none;

    color: #1c1c1c;

}



.buttons.enter {

   background: rgb(244, 213, 73);

    color: rgb(2, 2, 2);

    height: 48px;

    border-radius: 18px;

    line-height: 47px;

    font-size: 20px;

    margin: 0px 0px 0px 6px;   

    display: inline-table;

    text-transform: uppercase;

    border: 1px solid rgb(183, 137, 26);

    box-shadow: rgb(183 137 26) 0px 4px 0px 0px;

}

.buttons.enter, .buttons.registers {

    position: relative;

	margin-left: 15px;

}

.buttons.registers {

   padding: 0 10px;

	transition: none;

}



.buttons.registers {

   background: rgb(2, 2, 2);

    color: white;

    height: 48px;

    border-radius: 18px;

    line-height: 47px;

    font-size: 20px;

   

    display: inline-table;

    text-transform: uppercase;

    border: 1px solid rgb(244, 213, 73);

    box-shadow: rgb(183 137 26) 0px 4px 0px 0px;

}



/* menu home */

.top-links {

	display: flex;

	padding: 15px;

	justify-content: space-around;

}

.top-links span {

	padding: 0 20px;

	color: #454545;

	    font-size: 1.1em;

    font-weight: bold;

    padding-bottom: 10px;

    cursor: pointer;

    text-transform: uppercase;

    letter-spacing: 1.7px;

}

.top-links span:hover {

	 color: #2f0f72;

}

#main-section_navigation_bar {

    position: relative;

    height: 82px

}



#main-section_navigation_bar:after, #main-section_navigation_bar:before {

    content: '';

    position: absolute;

    right: 0;

    width: 100%;

    background: url(https://filogroup.it/assets/images/gen_line_gorizontal.png) center no-repeat;

}



#main-section_navigation_bar.scroll {

    height: 82px;

    opacity: 1;

    transition-duration: .6s

}



#main-section_navigation_bar.activate {

    height: 82px;

    opacity: 1

}



#main-section_navigation_bar:before {

    top: 0;

    height: 2px

}



#main-section_navigation_bar:after {

    top: 70px;

    height: 1px

}



#main-section_navigation_bar ul {

    margin: 0;

    padding: 0;

    list-style: none;

    height: inherit

}



#main-section_navigation_bar ul li {

    position: relative;

    display: inline-block;

    text-align: center;

    width: 25%;

    width: calc(100% / 7);

    z-index: 1;

    height: inherit

}



#main-section_navigation_bar ul li:after, #main-section_navigation_bar ul li:first-child:before {

    content: '';

    width: 2px;

    height: 67px;

    background: url(https://filogroup.it/assets/images/gen_line_vertical.png) center no-repeat;

    position: absolute;

    bottom: 0

}



#main-section_navigation_bar ul li:after {

    right: -1px;

    top: 3px

}



#main-section_navigation_bar ul li:first-child:before {

    left: 0;

    top: 0;

    margin: auto 0

}



#main-section_navigation_bar ul li a {

    outline: 0;

    text-decoration: none;

    color: #a08ec0;

    font-weight: 700;

    font-size: 14px;

    text-transform: uppercase;

    line-height: 70px;

    display: block

}



#main-section_navigation_bar ul li.active,#main-section_navigation_bar ul li:hover {

    background: url(https://filogroup.it/assets/images/gen_active_bg_2.png) center 2px no-repeat;

    background-size: contain

}



#main-section_navigation_bar ul li.active a, #main-section_navigation_bar ul li:hover a {

    color: #FFF

}



.main-section_navigation_bar_icon {

    display: inline-block;

    vertical-align: middle

}



#main-section_navigation_bar ul li.active .main-section_navigation_bar_icon, #main-section_navigation_bar ul li:hover .main-section_navigation_bar_icon {

    background-position: center 100%

}



.main-section_navigation_bar_icon--main {

    width: 20px;

    height: 20px;

    background: url(https://filogroup.it/assets/images/gen_icon_main.png) center 0 no-repeat;

    margin-top: -4px

}



.main-section_navigation_bar_icon--bn {

    width: 25px;

    height: 27px;

    background: url(https://filogroup.it/assets/images/gen_icon_bonus.png) center 0 no-repeat;

    margin-top: -7px

}



.main-section_navigation_bar_icon--games {

    width: 25px;

    height: 26px;

    background: url(https://filogroup.it/assets/images/gen_icon_games.png) center 0 no-repeat;

    margin-top: -5px

}

#main-section_navigation_bar ul {

    list-style: none;

}

/* jack pot */

#main-section_menu_lucky-players {

    position: relative;

    display: inline-block;

    vertical-align: top

}



#main-section_menu_lucky-players #lucky-players_head {

    margin: 10px auto;

    padding: 0 30px;

    position: relative;

    display: inline-block

}



#main-section_menu_lucky-players #lucky-players_head img {

    display: block

}



#main-section_menu_lucky-players #lucky-players_head:before {

    content: '';

    position: absolute;

    width: 111px;

    height: 17px;

    left: 0;

    top: 0;

    bottom: 0;

    margin: auto 0;

    background: url(https://filogroup.it/img/menu/gen_head_line_left.png) left no-repeat

}



#main-section_menu_lucky-players #lucky-players_head:after {

    content: '';

    position: absolute;

    width: 111px;

    height: 17px;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto 0;

    background: url(https://filogroup.it/img/menu/gen_head_line_right.png) right no-repeat

}



.lucky-players_i_baloon {

    position: absolute;

    width: 210px;

    height: 99px;

    z-index: 1000;

    top: -95px;

    left: 350px;

    display: none

}



.lucky-players_i_baloon_text {

    width: 200px;

    height: 75px;

    background: #fff;

    border: 1px solid rgba(0, 0, 0, .5);

    font-size: 8px;

    color: #000;

    padding: 5px

}



#main-section_menu_lucky-players #lucky-players_slide {

    width: 530px;

    padding: 0 25px 16px;

    visibility: hidden

}



#main-section_menu_lucky-players #lucky-players_slide ul {

    margin: 0;

    list-style: none;

    width: 530px;

    height: 50px;

    position: relative

}



#main-section_menu_lucky-players #lucky-players_slide ul li {

    display: inline-block;

    padding: 0

}



#main-section_menu_lucky-players #lucky-players_slide ul li .slide_container_game {

    border: 1px solid #52008b;

    display: inline-block;

    position: relative;

    vertical-align: middle

}



#main-section_menu_lucky-players #lucky-players_slide ul li .slide_container_game:hover {

    border: 1px solid #dc9b00

}



#main-section_menu_lucky-players #lucky-players_slide ul li .slide_container_game:hover .slide_container_game_hover {

    display: block;

    visibility: visible

}



#main-section_menu_lucky-players #lucky-players_slide ul li .slide_container_game .slide_container_game_hover {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .5);

    display: none;

    visibility: hidden;

    text-decoration: none;

    outline: 0

}



#main-section_menu_lucky-players #lucky-players_slide ul li .slide_container_game .slide_container_game_hover div {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    color: #000;

    text-align: center;

    height: 15px;

    line-height: 15px;

    font-size: 9px;

    font-weight: 700;

    text-transform: uppercase;

    background: #ffd000;

    background: linear-gradient(to bottom, #ffd000 0, #d87700 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd000', endColorstr='#d87700', GradientType=0);

    text-shadow: 0 1px 1px rgba(255, 255, 255, .6), 0 0 1px rgba(0, 0, 0, .5)

}



#main-section_menu_lucky-players #lucky-players_slide ul li .slide_container_game img {

    width: 82px;

    height: 47px;

    background-size: contain

}



#main-section_menu_lucky-players .slide_container_info {

    display: inline-block;

    font-family: Verdana, Arial, sans-serif;

    vertical-align: middle;

    max-width: 85px;

    max-height: 50px;

    overflow: hidden

}



#main-section_menu_lucky-players .slide_container_info .slide_container_info_name {

    display: block;

    font-size: 10px;

    color: #fff

}



#main-section_menu_lucky-players .slide_container_info .slide_container_info_amount {

    font-size: 13px;

    color: #fdaf00;

    display: block

}



#main-section_menu_lucky-players .slide_container_info .slide_container_info_player {

    display: block;

    font-size: 11px;

    color: #fff

}

/* numbers*/

#jp_container_fj_ispayed {

    margin-top: 10px;

}

#jp_container_fj_ispayed #lucky-id {

    margin: 0 auto;

    position: relative;

}

#jp_container_fj_ispayed .fj_marker {

    position: absolute;

    top: 3px;

    right: 0;

    height: 35px !important;

    width: 35px !important;

}

#jp_container_fj_ispayed .fj_character {

    display: inline-block;

    margin: 0 2px;

}

#jp_container_fj_ispayed .fj_character {

    display: inline-block;

    margin: 0 2px;

}

#jp_container_fj_ispayed .fj_text {

    width: 5px !important;

    color: #b8d5eb;

    font-size: 18px;

    font-weight: 700;

}

#jp_container_fj_ispayed .fj_character {

    display: inline-block;

    margin: 0 2px;

}

/* jackpot 2*/

#main-section_jp_container {

    display: inline-block;

    width: 325px;

    vertical-align: top;

    margin-top:10px;

	    margin-left: -20px;

}



#main-section_jp_container #jp_container_head {

    position: relative

}



#main-section_jp_container #jp_container_head img {

    display: block;

    margin: 0 auto

}



#main-section_jp_container #jp_container_head:after, #main-section_jp_container #jp_container_head:before {

    content: '';

    width: 76px;

    height: 17px;

    top: 0;

    bottom: 0;

    margin: auto 0;

    position: absolute

}



#main-section_jp_container #jp_container_head:before {

    left: 0;

    background: url(https://filogroup.it/assets/images/gen_line_left.png) center no-repeat

}



#main-section_jp_container #jp_container_head:after {

    right: 0;

    background: url(https://filogroup.it/assets/images/gen_line_right.png) center no-repeat

}



#main-section_jp_container #jp_container_counter {

    margin-top: 35px;

    margin-left:-20px;

}



#main-section_jp_container #jp_container_counter .fj_marker {

    position: absolute;

    top: 3px;

    right: 0;

    height: 35px !important;

    width: 35px !important

}



#main-section_jp_container #jp_container_counter #lucky-id-2.rub .fj_marker {

    background: url(https://filogroup.it/assets/images/gen_currency.png) -5px -10px no-repeat !important

}



#main-section_jp_container #jp_container_counter .fj_character {

    display: inline-block;

    margin: 0 2px

}



#main-section_jp_container #jp_container_counter .fj_text {

    width: 5px !important;

    color: #b8d5eb;

    font-size: 18px;

    font-weight: 700

}



#main-section_jp_container #jp_container_counter #lucky-id-2 {

    margin: 0 auto;

    position: relative

}



#main-section_jp_container #jp_container_counter .jp_currency {

    position: absolute;

    top: 0;

    right: 15px;

    width: 40px;

    height: 40px;

    background-repeat: no-repeat

}



#show_all_games {

    font-size: 16px;

    text-align: center;

    line-height: 46px;

    width: 227px;

    height: 51px;

    margin: 20px auto;

    background-color: #a08ec0;

    text-shadow: 0 1px 1px rgba(255, 255, 255, .6), 0 0 1px rgba(0, 0, 0, .5);

    padding:3px;

    border: none;

    border-radius: 5px;

	    margin-left: 8px;

}

.footer-menu ul li a,.footer-menu ul li span {

    text-decoration: none;

    color: #887c9b;

    text-shadow: 1px 0 0 rgba(113, 103, 128, .6), -1px 0 0 rgba(113, 103, 128, .3);

}

.footer-menu  {

  border-bottom: 1px solid #41618c;

}

.footer #general-footer_info_list {

    margin-left:20%;

    margin-top:30px;

}

.footer #general-footer_info_list ul {

    padding: 0;

    margin: 0;

    list-style: none;

    text-align: center;

}

#redesign_ul_list {

    width: 550px !important;

}

.footer #general-footer_info_list ul li {

    display: inline-block;

    margin: 0 11px;

    vertical-align: middle;

}

/*.main-menu-wrapper {

	display: none;

}

*/

.no-main-page .main-menu-wrapper  {

	display: flex

}

@media (max-width: 768px) {

	.main-header > .logo {
			font-size: 25px;	
		width: 140px;
    letter-spacing: 5px;
            margin-top: 9px;

	}

	.main-header .logo + [type="checkbox"] {

		padding-left: 10px;

	}

	div.enter-register {

    margin-right: 0px;

}

	

	.search-btn {

		right: 50px;

	}

	.container--features, .pay-block, #main-section_menu_lucky-players{

		display: none;

	}

	.main-menu-wrapper { 

		display: block;

	}

	#main-section_jp_container #jp_container_counter {

		margin-left: 10px;

	}

	#show_all_games {

		display: block;

		margin: 30px auto;

	}

    .top-links {

        display: none;

    }

    .header-container {

            height: 80px;

    }

	.sidebar {

		margin-left: 15px;

		    margin-top: 10px;

	}

	.casino-top-wrapper {

		margin: 0 auto;

	}

	.footer-menu {

		margin-left: 10px;

	}

	#redesign_ul_list {

		width: auto!important;

	}

	#redesign_ul_list img {

		max-width: 100%;

	}

	.footer #general-footer_info_list {

		margin-left: 0;

	}

	.container .main-text {

		text-align: justify;

	}

	.big {

		margin: 25px auto;

    	display: block;

	}

	.js_show_more {

		display: block;

    max-width: 200px;

    margin: 20px auto;

	}

	h1 {

		text-align: center;

	}

}

@media (max-width: 480px) {



	.buttons.enter {

		display: none;

	}



}



.header_top_reg_block {

    display: flex;

    flex-flow: row wrap;

    align-items: center;

    justify-content: flex-start;

    /*margin-bottom: 15px;*/

    margin-top:10px;

}

.header_reg_btn {

    margin-right: 20px;

}

.header_reg_btn span {

    color: #fff;

    padding: 0 20px;

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    display: block;

    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));

    background: linear-gradient(to top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);

    background-color: #d0021b;

    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);

    box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);

    -webkit-transition: .2s;

    transition: .2s;

    border-radius: 4px;

}

.header_enter_btn span {

    display: block;

    position: relative;

    color: #fff;

    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));

    background: linear-gradient(to top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);

    -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);

    box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);

    -webkit-transition: .2s;

    transition: .2s;

    border-radius: 4px;

    font-weight: 400;

    width: 120px;

    height: 40px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 16px;

    line-height: 40px;

    background-color: #0059b3;

    text-align: center;

}



ul.menu-main li.current-menu-item span {

    display: inline-block;

    position: relative;

    z-index: 3;

    font-weight: 700;

    font-size: 15px;

    margin: 0 18px;

    line-height: 42px;

    text-transform: uppercase;

    color: #a4afbb;

    height: 44px;

    background-image: url(https://filogroup.it/assets/images/s3-buttons-sprite.png?v=1.06);

    background-position: 50% -209px;

    cursor: default;

}



ul.menu-main li.current-menu-item span:after, ul.menu-main li.current-menu-item span:before {

    content: "";

    width: 18px;

    top: 0;

    background-repeat: no-repeat;

    z-index: 1;

    height: 44px;

    display: block;

    background-image: url(https://filogroup.it/assets/images/s3-buttons-sprite.png?v=1.06);

    position: absolute;

}

ul.menu-main li.current-menu-item span:before {

    left: -18px;

    background-position: 0 -164px;

}

ul.menu-main li.current-menu-item span:after {

    right: -18px;

    background-position: 100% -164px;

}







.menu-top-container ul {

    text-align: left;

}

.menu-top-container li {

    display: inline-block;

    margin-right: 13px;

}

.list-sitemap, .sitemap ul, .menu-top-container li{

    list-style: none;

}

.sitemap ul  {

	margin-left: 20px;

	color: #fff;

}

.sitemap a {

	color: #fff;

}

.menu-top-container li a {

    display: block;

    font-weight: 600;

    font-size: 14px;

    line-height: 36px;

    color: #a4afbb;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    text-shadow: 0 2px 4px rgba(0,0,0,.5);

    padding: 0 10px;

}

.menu-top-container li a, ul#menu-top li.current-menu-item span {

    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, -2px -2px 2px rgba(0,0,0,.5), 2px -2px 2px rgba(0,0,0,.5), -2px 2px 2px rgba(0,0,0,.5), 2px 2px 2px rgba(0,0,0,.5);

}



.menu-main-container {

    padding-left: 20px;

    padding-bottom: 10px;

}

.menu-main-container ul {

    text-align: center;

}

.slide-content {

	position: absolute;

	top: 20px;

	left: 20px;

	color: #fff;

}

.slide-content p {

    color: #fff;

    font-size: 1.75em;

    line-height: 1.4em;

    font-weight: 600;

    flex: 0 0 auto;

    max-width: 100%;

    margin: 30px 0;

}

.slide-content .new-r__banner {

    flex: 0 0 auto;

    max-width: 100%;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 242px;

    height: 64px;

    left: auto;

    bottom: auto;

    margin-left: 24px;

    background: url(https://filogroup.it/assets/images/btn-redesign-bg.png) 0 0 repeat-x #000;

    -webkit-transition: none;

    transition: none;

}

.slide-content .new-r__banner:before {

    content: '';

    width: 23px;

    height: 64px;

    background: url(https://filogroup.it/assets/images/btn-engage-toggle.png?v=201948) center no-repeat;

    background-position: 0 0;

    position: absolute;

    left: -23px;

    top: 0;

}

.slide-content .new-r__banner span {

    display: block;

    color: #fff;

    text-align: center;

    line-height: 64px;

    font-size: 24px;

    font-weight: 500;

    text-shadow: 0 -1px 1px rgba(0,0,0,.7);

}



.B_currentCrumb {

   color:#fff; 

}

main.game-page .container {

  

   color:#fff;

}

.menu-main-container .additional {

  display:block;  

}

.popap-block {

	display: none;

}

.text-404 {

    text-align: center;

    margin: 20px auto;

    font-size: 200px;

    font-weight: 700;

    color: #4d073b;

    letter-spacing: 15px;

}

.main-text table td {

    padding: 10px;

    text-align: left;

}

.main-text table tr:nth-of-type(odd) {

    background-color: rgba(221,234,241,.35);

}

.main-text table tr:first-child {

    font-weight: 700;

}

@media screen and (max-width:1023px) {



 header .header_enter_btn span, header .header_reg_btn span {

    width: 100%;

    text-align: center;

    padding: 0;

    padding-left:20px;

    padding-right:20px;

  }

 

  .user-bar__logto {

     display:none; 

  }

  .header_top_reg_block {

    margin-top:280px;  

    margin-left:-100%;

  }

  .menu-main-container.additional {

    display:none;  

  }

  

   img {

    max-width: 100%;

    height: initial;

   }

   .cl-top-sear, .header_enter_btn, .header_reg_btn {

    flex: 0 0 100%;

    max-width: 100%;

   }

   .header_reg_btn {

    margin-bottom: 10px;

    margin-right: 25px;

    margin-left: 10px;

   }

   .header_enter_btn {

       margin-left:10px;  

   }

	.menu-block {

		display: none;

	}

	.popap-block.show {

		display: block;

		position: fixed;

        z-index: 1000;

        top: 0;

        right: 0;

        background: #333;

	}

	.btn-close {

        position: absolute;

        top: 15px;

        right: 15px;

        z-index: 1111;

	}

	.main-header .mobile-menu-wrapper .menu-item {

		padding: 20px;

	}

	.main-header .mobile-menu-wrapper .menu-link {

		font-size: 18px;

		color: #fff;

		padding: 15px 0px;

	}

    .top-links span {

        padding: 0 15px;

    }

    .main-slider {

        height: auto;

        padding-bottom: 30px;

    }

}

@media screen and (max-width: 768px)  {         

.ref-button {

    margin-left:5.5%;

  }

	div .casino-recommend__item {

    width: 44%;

}

	.content {

		padding: 20px 10px;

	}

    .container-fluid, .container {

        width: 100%;

    }

	.hidden-xs {

		display:none;

	}

}

@media screen and (max-width: 600px) {

    .buttons.registers, .buttons.enter {

        font-size: 13px;

        height: 40px;

        line-height: 40px;

    }

    .text-404 {

        font-size: 120px;

    }

}

@media screen and (max-width: 375px)  {         

   .header_reg_btn {

    margin-bottom: 10px;

    margin-right: 5px;

    margin-left: -5px;

   }

   .header_enter_btn {

     margin-left:-5px;  

   } 

 }    

@media screen and (max-width: 360px)  {         

   .header_reg_btn {

    margin-bottom: 10px;

    margin-right: 5px;

    margin-left: -10px;

   }

   .header_enter_btn {

     margin-left:-10px;  

   } 

	.casino-recommend__item {

		    margin: 10px 5px;

	}

 }    

 @media screen and (max-width: 320px)  {         

   .header_reg_btn {

    margin-bottom: 10px;

    margin-right: 5px;

    margin-left: -25px;

   }

   .header_enter_btn {

     margin-left:-25px;  

   } 

 }    

  /* bonus */

 .header_top_reg_block_top {

    display: flex;

    flex-flow: row wrap;

    align-items: center;

    justify-content: center;

    margin-top: 10px;

    /*opacity:0;*/

}

.ref-button-top {

    width: 150px;

    height: 50px;

    color: #fff!important;

    padding-top: 15px;

    display: block;

    background-color:#0059b3;

}

/*анимация нкопки Играть*/ 

.animated-btn {

     animation: glowing 2500ms infinite;

}

@keyframes glowing {

  0% { background-color: #0059b3;/*#f2bd00;*/  }

  50% { background-color: #009cfd;/*#fbda65;*/ box-shadow: 0 0 9px #ffeba6; }

  100% { background-color: #0059b3;}

}

p.h1 {

    color: #009cfd;

    font-size: 2em;

    margin: 0.67em 0;

    font-weight:700;

}
.get-bonus-window {
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: 9999;
    background:rgb(2, 2, 2);
    padding: 20px;
    width: 500px;
    max-width: 98%;
    transform: translateX(-250px);
    border-radius: 10px;
    box-shadow: 0 0 18px 16px rgb(0 0 0 / 15%);
    display: none;
}
.get-bonus-window.open {
    display: block;
}
.close-pop-up {
        position: absolute;
    top: 10px;
    right: 10px;
    color: #fefefe;
    font-size: 20px;
    padding: 10px;
    cursor: pointer;
}
.innerbonus-window {
    display: flex;
    align-items: center;
}
.bonus-image {
    width: 45%;
    margin-right: 5%;
}
.bonus-image img {
    max-width: 100%;
}
.bonus-text-block {
    width: 50%;
    padding-top: 35px;
    color: #fff;
}
.bonus-title {
    
    font-size: 24px;
    margin-bottom: 20px;
}
.bonus-text-info {
    font-size: 24px;
	text-transform: uppercase;
    margin-bottom: 30px;
}
.bonus-text-block .btn {
    width: 100%;
}
@media screen and (max-width:520px) {
    .get-bonus-window {
        left: 1%;
        transform: translateX(0);
    }
    .bonus-image {
        width: 35%;
    }
    .bonus-text-block {
        width: 60%;
    }
}
.iksweb {
    width: 100%;
}