/*----REQUIRE----*/
	/*
	:root {
		--main-color: #10202d;
		--main-dark-color: #0b1a27;
		--theme-color: #2fa24c;
		--theme-opacity-color: rgba(51,154,252,0.15);
		--button-color: #0cb736;
		--button-hover-color: #156FC4;

		--primary-color: #fff;
		--border-color: #DCE0E5;

		--secondary-color: #575861;
		--green-color: #37AF35;
		--green-hover-color: #1E991D;
		--green-opacity-color: #04A145;
		--opacity-background: #FAFBFC;

		--info-box-border: #253747;
		--info-box-title: #A1AFBB;
	}*/

	body {
		font-family: 'Montserrat';
		background: #141414;
	}

	main {
		width: 100%;
		position: relative;
		float: left;
		overflow: hidden;
	}
	.gutenberg-content h1 {
		width: 100%;
		display: block;
		padding: 0;
		margin: 0 0 10px 0;
		color: var(--primary-color);
		letter-spacing: -0.25px;
		font-weight: 700;
		text-transform: uppercase;
	}


/*----HEADER----*/
	header.desktop {
		width: 100%;
		height: 55px;
		background: var(--main-color);
		float: left;
		display: block;
		position: relative;
		z-index: 88888;

	}

	header.desktop .logo {
		margin: 0 0 0 0;
		float: left;
		display: inline-block;
		position: relative;
	}

	header.desktop .logo span {
		line-height: 55px;
		float: left;
		font-size: 24px;
		font-weight: 700;
		font-family: 'Montserrat';
		letter-spacing: -0.9px;
		color: #fff;
	}

	header.desktop .logo span strong {
		color: var(--theme-color)
	}

	header.desktop .cta {
    float: right;
    margin: 0 80px 0 30px;
    position: absolute;
    top: -3px;
    right: -20px;
    z-index: 99999;
	}


	header.desktop .cta a {
    height: 34px;
    line-height: 34px;
    margin: 14px 0 0 0;
    background: var(--theme-color);
    float: left;
    display: inline-block;
    border-radius: 8px;
    padding: 0 8px;
    color: #000;
    font-weight: 600;
    font-size: 13px;
    position: relative;
    z-index: 5000;
    transition: .3s all;
	}

	header.desktop .cta a:hover {
    transform: scale(1.03)
	}

	header.desktop .cta a::before {
	    content: '';
	    position: absolute;
	    opacity: 0;
	    top: 0;
	    left: 0;
	    background: -webkit-linear-gradient(left, rgba(219, 252, 203, 0) 1%, rgb(175 216 255 / 38%) 95%, rgba(219, 252, 203, 0) 99%);
	    background: -o-linear-gradient(left, rgba(219, 252, 203, 0) 1%, rgb(175 216 255 / 38%) 95%, rgba(219, 252, 203, 0) 99%);
	    background: linear-gradient(to right, rgba(219, 252, 203, 0) 1%, rgb(175 216 255 / 38%) 95%, rgba(219, 252, 203, 0) 99%);
	    width: 15%;
	    height: 100%;
	    transform: skew(-10deg, 0deg);
	    -webkit-transform: skew(-10deg, 0deg);
	    -moz-transform: skew(-10deg, 0deg);
	    -ms-transform: skew(-10deg, 0deg);
	    -o-transform: skew(-10deg, 0deg);
	    animation: move 2s;
	    animation-iteration-count: infinite;
	    animation-delay: 1s;
	    -webkit-animation: move 2s;
	    -webkit-animation-iteration-count: infinite;
	    -webkit-animation-delay: 1s;
	    -moz-transform: skew(-10deg, 0deg);
	    -moz-animation: move 2s;
	    -moz-animation-iteration-count: infinite;
	    -moz-animation-delay: 1s;
	    -ms-transform: skew(-10deg, 0deg);
	    -ms-animation: move 2s;
	    -ms-animation-iteration-count: infinite;
	    -ms-animation-delay: 1s;
	    -o-transform: skew(-10deg, 0deg);
	    -o-animation: move 2s;
	    -o-animation-iteration-count: infinite;
	    -o-animation-delay: 1s
	}

	@keyframes move {
	    0% {
	        left: 0;
	        opacity: 0
	    }
	    5% {
	        opacity: 0
	    }
	    48% {
	        opacity: .8
	    }
	    80% {
	        opacity: 0
	    }
	    100% {
	        left: 82%
	    }
	}

	@-webkit-keyframes move {
	    0% {
	        left: 0;
	        opacity: 0
	    }
	    5% {
	        opacity: 0
	    }
	    48% {
	        opacity: .8
	    }
	    80% {
	        opacity: 0
	    }
	    100% {
	        left: 82%
	    }
	}

	@-moz-keyframes move {
	    0% {
	        left: 0;
	        opacity: 0
	    }
	    5% {
	        opacity: 0
	    }
	    48% {
	        opacity: .8
	    }
	    80% {
	        opacity: 0
	    }
	    100% {
	        left: 88%
	    }
	}

	@-ms-keyframes move {
	    0% {
	        left: 0;
	        opacity: 0
	    }
	    5% {
	        opacity: 0
	    }
	    48% {
	        opacity: .8
	    }
	    80% {
	        opacity: 0
	    }
	    100% {
	        left: 82%
	    }
	}

	@-o-keyframes move {
	    0% {
	        left: 0;
	        opacity: 0
	    }
	    5% {
	        opacity: 0
	    }
	    48% {
	        opacity: .8
	    }
	    80% {
	        opacity: 0
	    }
	    100% {
	        left: 82%
	    }
	}




	header.desktop nav {
		float: left;
		margin: 18px 0 0 25px;
		padding: 10px 10px 0 20px;
		position: relative;
		height: 40px;
		border-left: 1px solid rgba(255,255,255,0.1);
		border-right: 1px solid rgba(255,255,255,0.1);
		display: none;
		visibility: hidden;
	}

	header.desktop nav > ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	header.desktop nav > ul > li {
		float: left;
		color: #fff;
		font-size: 14px;
		text-transform: uppercase;
		letter-spacing: 0.05px;
		font-weight: 500;
		position: relative;
	}
	header.desktop nav > ul > li a {
		width: 100%;
		height: 100%;
		display: inline-block;
		float: left;
		margin: 0 10px 0 0;
		padding: 0 0 26px 0;
	}

	header.desktop nav > ul#menu-blog > li a::after,
	header.desktop nav > ul#menu-news-menu > li a::after,
	header.desktop nav > ul > li.menu-item-595 a::after,
	header.desktop nav > ul > li.menu-item-type-post_type a::after {
		content: '';
		display: block;
		width: 0;
		height: 4px;
		background: var(--button-color);
		transition: width .3s;
		position: relative;
		top: 22px;
	}

	header.desktop nav > ul#menu-blog > li a:hover::after,
	header.desktop nav > ul#menu-news-menu > li a:hover::after,
	header.desktop nav > ul > li.menu-item-595:hover a::after,
	header.desktop nav > ul > li.menu-item-type-post_type a:hover::after {
		width: 100%;
	}

	header.desktop nav > ul > li.dropdown-menu.show {
		display: block !important;
		position: relative !important;
		transform: none !important
	}

	header.desktop nav > ul > li.dropdown > ul.dropdown-menu {
		list-style: none;
		padding: 7px 10px 10px 10px;
		margin: 0;
		background: #fff;
		position: absolute;
		left: 0;
		top: 35px;
		float: left;
		width: 200px;
		max-height: 0;
		border-radius: 4px;
		opacity: 0;
		visibility: hidden;
		display: block !important;
		-webkit-transition: max-height .5s ease-in;
		transition: max-height .5s ease-in;
		overflow: hidden;
		box-shadow: 0 33px 36px 0 rgba(138, 143, 158, .2), 0 1px 0 0 rgba(0, 0, 0, .06)
	}
	header.desktop nav > ul > li.dropdown > ul.dropdown-menu>li {
		width: 100%;
		display: inline-block;
		float: left;
		font-size: 14px;
		color: var(--primary-color);
		letter-spacing: -.3px;
		line-height: initial;
		text-transform: initial;
		text-align: left;
		line-height: 36px;
		font-weight: 400
	}
	header.desktop nav > ul > li.dropdown:hover > ul.dropdown-menu {
		max-height: 1000px;
		opacity: 1;
		visibility: visible
	}
	header.desktop nav > ul > li.dropdown:hover::before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 8px 8px;
		border-color: transparent transparent #fff transparent;
		position: absolute;
		left: 23px;
		top: 27px;
		overflow: initial
	}
	header.desktop nav > ul > li.dropdown > ul.dropdown-menu > li > a {
		width: 100%;
		height: 100%;
		display: inline-block;
		float: left;
		padding: 0 10px;
		transition: .3s all;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden
	}
	header.desktop nav > ul > li.dropdown > a.active::after {
		content: '\e800'
	}
	header.desktop nav > ul > li.dropdown > ul.dropdown-menu > li > a:hover {
		background: var(--button-color);
		border-radius: 2px;
	}


	header.desktop .search_bar {
		float: right;
		position: absolute;
		width: calc(100% - 76px);
		right: 61px;
		margin-top: 13px;
		z-index: 999999;
		display: none;
		visibility: hidden;
	}

	header.desktop .search_bar .icon {
		position: absolute;
		left: 10px;
		top: 8px;
		display: none;
		visibility: hidden;
	}

	header.desktop .search_bar.active .icon {
		display: inline-block;
		visibility: visible;
	}

	header.desktop .search_bar input {
		width: 100%;
		height: 34px;
		border-radius: 8px;
		display: inline-block;
		outline: none;
		background: #fff;
		border: none;
		padding: 11px 0 12px 40px;
		font-size: 13px;
		line-height: 40px;
		font-family: 'Montserrat';
	}

	header.desktop .search_bar span.close {
		cursor: pointer;
	}

	header.desktop .search_bar span.close::before {
		content: 'X';
		position: absolute;
		right: 12px;
		top: 7px;
		color: var(--theme-color);
		font-size: 15px;
		font-weight: 700;
		display: none;
		visibility: hidden;
	}

	header.desktop .search_bar.active span.close::before {
		display: inline-block;
		visibility: visible;
	}

	header.desktop .search_bar .mobile-func {
		position: absolute;
		right: 0;
		top: 5px;
		cursor: pointer;
	}

	header.desktop .search_bar .mobile-func svg {
		stroke: #fff;
		width: 20px;
		height: 20px;
	}

	header.desktop .search_bar .content {
		width: 0;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: -3px;
		-moz-transition: width .25s ease;
		-o-transition: width .25s ease;
		-webkit-transition: width .25s ease;
		transition: width .25s ease;
	}

	header.desktop .search_bar.active .content {
		width: 100%;
	}

  /* MOBILE MENU */
    header.desktop .ham-menu {
      position: absolute;
      right: 25px;
      z-index: 1001;
      top: 21px;
      width: 23px;
    }

    header.desktop .ham-menu .is-active {
    	position: relative;
    	top: -2px;
    }

    body.site-id-2 header.desktop .ham-menu {
      display: none;
      visibility: hidden;
      width: 0;
      height: 0;
    }

    body.site-id-2 header.desktop .navigation .search {
      right: 23px;
    }

    body.site-id-2 header.desktop .navigation .search.active {
      right: 57px;
    }

    header.desktop .mobile-navigation {
      width: 0;
      position: absolute;
      overflow: hidden;
      right: 0;
      top: 55px;
      z-index: 0;
      background: var(--main-dark-color);
      opacity: 0;
      -webkit-overflow-scrolling: touch;
      -webkit-transition: width .5s ease-in-out;
      -moz-transition: width .5s ease-in-out;
      -o-transition: width .5s ease-in-out;
      transition: width .5s ease-in-out;
    }

    header.desktop .mobile-navigation.active {
      width: calc(100% - 100px);
      opacity: 1;
      right: 0;
      overflow: initial;
      z-index: 9999;
    }

    header.desktop .mobile-navigation .filter {
      width: 100px;
      position: absolute;
      top: 0;
      background-color: rgb(11 26 39 / 64%);
      float: left;
      display: none;
      visibility: hidden;
      -webkit-transition: background-color 0.5s cubic-bezier(.28,.11,.32,1);
      transition: background-color 0.5s cubic-bezier(.28,.11,.32,1);
      -webkit-transition-property: background-color,-webkit-backdrop-filter;
      transition-property: background-color,-webkit-backdrop-filter;
      transition-property: background-color,backdrop-filter;
      transition-property: background-color,backdrop-filter,-webkit-backdrop-filter;
      -webkit-backdrop-filter: saturate(180%) blur(20px);
      backdrop-filter: saturate(180%) blur(20px);
    }

    header.desktop .mobile-navigation.active .filter {
      display: inline-block;
      visibility: visible;
      cursor: pointer;
      left: -100px;
    }

    header.desktop .mobile-navigation .content {
      width: 100%;
      float: left;
      padding: 10px 20px
    }

    header.desktop .mobile-navigation .m-list {
      width: 100%;
      float: left;
      margin-bottom: 30px
    }

    header.desktop .mobile-navigation ul.item {
      width: 100%;
      float: left;
      position: relative;
      display: block;
      visibility: visible;
      list-style-type: none;
      padding: 0;
      margin: 0
    }

    header.desktop .mobile-navigation ul.item li>ul.dropdown-menu {
      padding-left: 20px;
      display: none;
      
    }

    header.desktop .mobile-navigation ul.item li>ul.dropdown-menu li {
      font-weight: 400;
      text-transform: none;
      line-height: 40px;
    }

    header.desktop .mobile-navigation ul.item li>ul.dropdown-menu li a {
      text-transform: none;
    }

    header.desktop .mobile-navigation ul.item li>ul.dropdown-menu li i.flag {
      float: left;
      width: 24px;
      height: 20px;
      display: inline-block;
      background-size: 100%;
      background-repeat: no-repeat;
      margin-right: 7px;
      position: relative;
      top: 11.5px;
    }

    header.desktop .mobile-navigation ul.item li>ul.dropdown-menu li i.flag.au {
      background-image: url('../img/flag/nav/au.png');
    }

    header.desktop .mobile-navigation ul.item li>ul.dropdown-menu li i.flag.us {
      background-image: url('../img/flag/nav/us.png');
    }

    header.desktop .mobile-navigation ul.item li>ul.dropdown-menu li i.flag.ca {
      background-image: url('../img/flag/nav/ca.png');
    }

    header.desktop .mobile-navigation ul.item li>ul.dropdown-menu li i.flag.uk {
      background-image: url('../img/flag/nav/uk.png');
    }


    header.desktop .mobile-navigation ul.item li {
      width: 100%;
      display: block;
      float: left;
      text-transform: inherit;
      transition: .3s all;
      position: relative;
      line-height: 47px;
      color: #fff;
      letter-spacing: -.3px;
      font-weight: 500;
    }

    header.desktop .mobile-navigation ul.item li a {
      width: 100%;
      float: left;
      font-size: 16px;
      font-weight: 400;
      color: #fff;
      padding: 0 0 0 0;
      text-transform: none;
      border-bottom: 1px solid rgba(255, 255, 255, .08);
      transition: .3s all;
      position: relative;
      z-index: 250;
    }

    header.desktop .mobile-navigation ul.item li.dropdown span.toggle-btn {
      position: absolute;
      right: 0;
      top: 0;
      float: left;
      width: 150px;
      height: 48px;
      z-index: 500;
    }

    header.desktop .mobile-navigation ul.item li.dropdown span.toggle-btn[data-option='on']::before {
      content: '›';
      color: #fff;
      top: -4px;
      font-size: 32px;
      right: 3px;
    }

    header.desktop .mobile-navigation ul.item li.dropdown span.toggle-btn::before {
      content: 'ˇ';
      color: rgba(255, 255, 255, .5);
      font-size: 39px;
      position: absolute;
      right: 0px;
      top: 11px;
    }

    header.desktop .mobile-navigation ul.item li a:hover::after {
      display: none;
      visibility: hidden
    }

    header.desktop .mobile-navigation .item>.toggle {
      width: 100%;
      display: none;
      float: left;
      background-color: rgba(0, 0, 0, .2);
      border-radius: 1px;
      margin-top: 10px;
      padding: 10px 15px
    }

    header.desktop .mobile-navigation .item>.toggle a.sub-cat {
      width: 100%;
      display: block;
      float: left;
      font-size: 14px;
      padding: 3px 0;
      color: #fff;
      -webkit-font-smoothing: antialiased
    }

    header.desktop .mobile-navigation .item>.toggle a.sub-cat:hover {
      color: #ffa100
    }

/*----CTA----*/
	.cta-box {
		width: 100%;
		float: left;
		position: relative;
		margin: 30px 0 15px 0;
		z-index: 77777;
	}

	.cta-box.sticky {
		position: fixed;
		left: 0;
		bottom: 0;
		-webkit-transition: all 1s ease-out;
	}

	.cta-box .content .left {
		width: 100%;
		float: left;
	}

	.cta-box .content {
		width: 100%;
		display: inline-block;
		float: left;
		background: var(--theme-color);
		border-radius: 4px;
		padding: 15px;
	}

	.cta-box .content span.icon {
		float: left;
		width: 32px;
		position: relative;
		margin: 0 15px 0 0;
	}
	.cta-box .content .left .data {
		width: calc(100% - 47px);
		float: left;
	}

	.cta-box .content span.icon svg {
		float: left;
		width: 32px;
		height: 32px;
	}

	.cta-box .content h3 {
		width: 100%;
		float: left;
		color: #000;
		font-size: 18px;
		line-height: 30px;
		font-weight: 700;
		letter-spacing: -0.3px;
		font-family: 'Montserrat';
		text-shadow: 0 1px 0 rgba(0,0,0,0.07);
		margin: 3px 0 3px 0;
	}

	.cta-box .content span.description {
		width: 100%;
		float: left;
		font-size: 15px;
		line-height: 22px;
		font-weight: 300;
		color: #454545;
	}

	.cta-box .content span.description a {
		color: #000 !important;
	}

	.cta-box .content .right {
		float: left;
		width: 100%;
		margin-top: 10px;
	}

	.cta-box .content .right a {
		width: 100%;
		height: 40px;
		float: left;
		position: relative;
		border-radius: 8px;
		display: inline-block;
		line-height: 40px;
		text-align: center;
		color: #fff;
		font-size: 14px;
		font-family: 'Montserrat';
		font-weight: 600;
		letter-spacing: -0.3px;
		background: var(--main-color);
		transition: .3s all;
	}

	.cta-box .content .right a:hover {
		transform: scale(1.05);
	}

/*----INNER CTA---*/
	.inner-cta {
		width: 100%;
		float: left;
		position: relative;
		background: #eceff1;
		border-radius: 3px;
		overflow: hidden;
		margin: 10px 0 25px 0;
	}

	.inner-cta a {
		width: 100%;
		height: 100%;
		display: inline-block;
		float: left;
		padding: 20px;
	}

	.inner-cta .logo {
		width: 172px;
		height: 57px;
		line-height: 57px;
		white-space: nowrap;
		overflow: hidden;
		border-radius: 5px;
		display: inline-block;
		float: left;
		text-align: center;
	}

	.inner-cta .logo img {
		width: 70%;
		vertical-align: middle;
	}

	.inner-cta .text {
		width: calc(100% - 172px);
		text-align: left;
		float: left;
		padding-left: 16px;
	}

	.inner-cta .text h3 {
		padding: 2px 0 0 0;
		margin: 0;
		line-height: 18px;
		font-size: 14px;
		font-weight: 500;
		font-family: 'Montserrat';
		color: #4D5D69;
		width: 100%;
		float: left;
	}

	.inner-cta .text span.bonus {
		padding: 2px 0 0 0;
		margin: 7px 0 0 0;
		line-height: 18px;
		font-size: 16px;
		font-weight: 700;
		font-family: 'Montserrat';
		color: var(--theme-color);
		width: 100%;
		float: left;
	}

	.inner-cta .button {
		float: left;
		margin: 15px 0 0 0;
		width: 100%;
		height: 46px;
		line-height: 46px;
		background: var(--green-color);
		display: inline-block;
		border-radius: 5px;
		color: #fff;
		text-align: center;
		font-weight: 700;
		font-size: 15px;
		text-transform: uppercase;
		letter-spacing: -0.3px;
		transition: .3s all;
	}

	.inner-cta .button:hover {
		transform: scale(1.05);
	}

/*----BRAND BOX----*/
	.brand-box {
		width: 100%;
		float: left;
		position: relative;
		padding: 20px 20px 20px 20px;
		border-radius: 12px;
		background: var(--main-color);
	}

	.brand-box .logo {
		width: 155px;
		height: 30px;
		margin: 0 auto;
		text-align: center;
	}

	.brand-box .logo img {
		max-width: 130px;
		display: inline-block;
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.brand-box .offer {
		width: 100%;
		float: left;
		padding: 20px 0;
		margin-top: 20px;
		border-top: 1px solid var(--info-box-border);
		border-bottom: 1px solid var(--info-box-border);
		text-align: center;
		position: relative;
	}

	.brand-box .offer h3 {
		width: 100%;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: -0.3px;
		line-height: 22px;
		font-family: 'Montserrat';
		padding: 0;
		margin: 0;
	}

	.brand-box .details {
		width: 100%;
		float: left;
		padding: 20px 0;
	}

	.brand-box .details ul {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		font-family: 'Roboto';
		float: left;
	}
	.brand-box .details ul li {
		width: 100%;
		float: left;
		padding: 0;
		margin: 0 0 10px 0;
	}

	.brand-box .details ul li:last-child {
		margin-bottom: 0;
	}

	.brand-box .details ul li span.title {
		float: left;
		width: 105px;
		margin: 0 10px 0 0;
		color: var(--info-box-title);
		font-size: 14px;
	}
	.brand-box .details ul li span.data {
		float: left;
		width: calc(100% - 115px);
		color: #fff;
		font-weight: 600;
		font-size: 14px;
	}

	.brand-box .cta {
		width: 100%;
		float: left;
		position: relative;
	}

	.brand-box .cta a {
		width: 100%;
		float: left;
		position: relative;
		text-align: center;
	}

	.brand-box .cta a.button {
		height: 44px;
		line-height: 44px;
		border-radius: 8px;
		background: var(--green-color);
		color: #000;
		font-weight: 700;
		font-size: 14px;
		font-family: 'Montserrat';
		margin: 0 0 12px 0;
		transition: .3s all
	}

	.brand-box .cta a.button:hover {
		background: var(--green-hover-color);
	}

	.brand-box .cta a.text {
		font-size: 13px;
		color: #A1AFBB;
	}

/*----MODALS----*/
	section.layout {
		width: 100%;
		float: left;
		position: relative;
	}

	section.layout.margin {
		margin: 20px 0 0 0;
	}

/*----ASIDE----*/
	aside {
		width: 100%;
		float: left;
		position: relative;
	}

	aside .item {
		width: 100%;
		float: left;
		margin: 0 0 30px 0;
	}

	aside .item .head {
		width: 100%;
		float: left;
		margin: 0 0 10px 0;
		position: relative;
	}

	aside .item .head span.icon {
		width: 32px;
		height: 32px;
		border-radius: 6px;
		float: left;
		text-align: center;
		color: var(--theme-color);
		font-size: 24px;
		margin-right: 12px;
		line-height: 32px;
		border: 1px solid #00000017;
	}

	aside .item .head span.icon svg {
		fill: var(--theme-color)
	}

	aside .item .head h3 {
		width: calc(100% - 44px);
		float: left;
		line-height: 32px;
		padding: 0;
		margin: 0;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: -0.15px;
		color: var(--primary-color);
	}

	aside .item .head h3 strong {
		font-weight: 600;
	}

	aside .item .content {
		width: 100%;
		float: left;
		padding-left: 44px;
	}

	aside .item .content ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	aside .item .content ul li {
		width: 100%;
		float: left;
		border-bottom: 1px solid var(--border-color);
		color: var(--primary-color);
		letter-spacing: 0.05px;
		line-height: 18px;
		font-weight: 400;
		font-size: 14px;
		transition: .3s all;
	}

	aside .item .content ul li a {
		width: 100%;
		height: 100%;
		display: inline-block;
		padding: 14px 0;
		float: left;
	}

	aside .item .content ul li:hover {
		color: var(--theme-color);
	}

	aside .item .side_brandtable {
		width: 100%;
		float: left;
		position: relative;
	}

	aside .item .side_brandtable ul {
		list-style: none;
		padding: 0;
		margin: 10px 0 0 0;
	}

	aside .item .side_brandtable ul li {
		width: 100%;
		float: left;
		margin: 0 0 15px 0;
	}

	aside .item .side_brandtable ul li .logo {
		width: 110px;
		height: 58px;
		line-height: 58px;
		overflow: hidden;
		white-space: nowrap;
		text-align: center;
		display: inline-block;
		float: left;
		border-radius: 4px;
		margin-right: 13px;
	}

	aside .item .side_brandtable ul li .logo img {
		width: 80%;
		vertical-align: middle;
		position: relative;
	}

	aside .item .side_brandtable ul li .data {
		width: calc(100% - 123px);
		float: left;
		border-bottom: 1px solid var(--border-color);
		padding: 0 0 15px 0;
	}

	aside .item .side_brandtable ul li .data span {
		width: 100%;
		float: left;
	}

	aside .item .side_brandtable ul li .data span.name {
		width: 100%;
		float: left;
		text-align: left;
		text-transform: uppercase;
		color: var(--secondary-color);
		font-size: 11px;
		font-weight: 400;
		letter-spacing: 0.5px;
		line-height: 11px;
		margin: 2px 0 5px 0;
	}

	aside .item .side_brandtable ul li .data span.bonus {
		width: 100%;
		float: left;
		text-align: left;
		color: var(--primary-color);
		font-size: 15px;
		font-weight: 600;
		letter-spacing: -0.15px;
		line-height: 18px;
		margin: 0 0 0 0;
		transition: .3s all;
	}

	aside .item .side_brandtable ul li:hover .data span.bonus {
		color: var(--theme-color);
	}

	aside .item .side_brandtable ul li .data span.bonus strong {
		color: var(--theme-color);
		font-weight: 500;
	}

	aside .item .side_brandtable .view-more {
		width: 100%;
		float: left;
	}

	aside .item .side_brandtable .view-more a {
		width: 100%;
		height: 42px;
		float: left;
		border-radius: 4px;
		background: var(--button-color);
		color: #fff;
		font-size: 15px;
		text-align: center;
		line-height: 42px;
		font-weight: 400;

		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		overflow: hidden;
	}

	aside .item .side_brandtable .view-more a::before {
		content: '';
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: var(--button-hover-color);
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}

	aside .item .side_brandtable .view-more a:hover::before,
	aside .item .side_brandtable .view-more a:focus::before,
	aside .item .side_brandtable .view-more a:active::before,
	aside .item .side_brandtable .view-more a:hover::before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

/*----GUTENBERG CONTENT----*/
	.gutenberg-content {
		width: 100%;
		float: left;
		position: relative;
	}

	/* HEAD */


		.gutenberg-content h1.margin_bottom {
			margin-bottom: 30px;
		}

		.custom_head {
			width: 100% !important;
			display: block !important;
			padding: 0 !important;
			margin: 0 0 20px 0 !important;
			font-size: 20px !important;
			line-height: 24px !important;
			color: var(--primary-color) !important;
			letter-spacing: -0.25px !important;
			font-weight: 600 !important;
			text-transform: none !important;
		}

		.gutenberg-content h2 {
			padding: 0;
			margin: 0 0 15px 0;
			font-size: 25px;
			line-height: 30px;
			font-weight: 700;
			color: var(--primary-color);
			letter-spacing: -0.25px;
			clear: left;
		}

		.gutenberg-content h3 {
			padding: 0;
			margin: 20px 0 15px 0;
			font-size: 18px;
			line-height: 22px;
			font-weight: 600;
			color: var(--primary-color);
			letter-spacing: -0.15px;
			clear: left;
			text-transform: uppercase;
		}

	/* PARAGRAPH */

		.gutenberg-content p {
			font-family: 'Roboto';
			font-size: 16px;
			line-height: 31px;
			color: var(--primary-color);
			font-weight: 300;
			letter-spacing: 0.2px;
		}

		.gutenberg-content p a {
			border-bottom: 1px solid var(--primary-color);
			font-weight: 400;
			padding-bottom: 5px;
			transition: .3s all;
		}

		.gutenberg-content p a:hover {
			color: var(--theme-color);
			border-color: var(--theme-color);
		}

	/* BLOCKQUOTE */

		.gutenberg-content blockquote {
			width: 100%;
			float: left;
			position: relative;
			border-left: 7px solid var(--theme-color);
			padding: 12px 0 12px 20px;
			position: relative;
			margin: 10px 0 30px 0;
		}

		.gutenberg-content blockquote::before {
			content: '';
			background-image: -webkit-linear-gradient(right, rgba(255,67,114,0.00) 0%, rgba(254,32,62,0.07) 100%);
			background-image: -o-linear-gradient(right, rgba(255,67,114,0.00) 0%, rgba(254,32,62,0.07) 100%);
			background-image: linear-gradient(to left, rgba(255,67,114,0.00) 0%, rgba(254,32,62,0.07) 100%);
			float: left;
			position: absolute;
			left: 0;
			top: 0;
			width: 76px;
			height: 100%;
		}

		.gutenberg-content blockquote p {
			padding: 0;
			margin: 0;
			font-weight: 400;
			line-height: 28px;
		}

		.gutenberg-content blockquote cite {
			font-size: 15px;
			width: 100%;
			float: left;
			margin: 5px 0 0 0;
			font-style: normal;
			font-weight: 400;
			font-family: 'Roboto';
			color: var(--primary-color);
		}

		.gutenberg-content blockquote cite::before {
			content: '—';
			margin: 0 10px 0 0;
			color: var(--primary-color);
		}

	/* WP BLOCK IMAGE */
		.wp-block-image .mobile-align {
		    margin-left: auto;
		    margin-right: auto;
		    float: inherit;
		    display: table
		}

		.wp-block-image .alignleft,
		.wp-block-image .alignright {
			margin-left: auto;
			margin-right: auto;
			float: initial;
		}

		.wp-block-image img {
			height: auto;
		}

	/* YOUTUBE EMBED */
		.wp-block-embed-youtube iframe {
			width: 100%;
			float: left;
		}

	/* OL UL */
		.gutenberg-content ol,
		.gutenberg-content ul {
		    margin: 0 0 10px 0;
		    padding: 0;
		    list-style: none;
		    font-family: 'Roboto';
		    font-weight: 300;
		}

		.gutenberg-content ol.decimal {
		    list-style-type: decimal
		}

		.gutenberg-content ol.decimal li {
		    counter-increment: li;
		    font-size: 23px;
		    font-weight: 700;
		    position: relative;
		    left: 27px;
		    color: var(--theme-color);
		}

		.gutenberg-content ol.decimal li::before {
		    content: '';
		    display: none;
		    visibility: hidden;
		    counter-increment: none
		}

		.gutenberg-content ol li,
		.gutenberg-content ul li {
		    font-size: 16px;
		    line-height: 33px;
		    letter-spacing: -.2px;
		    padding: 3px 0 6px 0;
		    font-weight: 300;
		    color: #dfdfdf
		}

		.gutenberg-content ul.states {
		    width: 100%;
		    display: inline-block;
		    clear: left
		}

		.gutenberg-content ul.states li {
		    width: 50%;
		    float: left
		}

		.gutenberg-content ol li {
		    counter-increment: li
		}

		.gutenberg-content ul li::before {
		    content: "";
		    background: var(--theme-color);
		    width: 6px;
		    height: 6px;
		    display: inline-block;
		    margin-right: 15px;
		    position: relative;
		    top: -2px;
		    border-radius: 2px
		}

		.gutenberg-content ol li::before {
		    content: counter(li);
		    color: var(--theme-color);
		    display: inline-block;
		    margin-right: 12px;
		    font-weight: 700;
		    position: relative
		}

		.gutenberg-content ul li a:hover {
			text-decoration: underline;
		}

		.gutenberg-content ol li a,
		.gutenberg-content ul li a {
			color: var(--theme-color);
			text-decoration: underline;
		}

	/* WP BLOCK TABLE */

		.block-table-head {
		    width: 100%;
		    height: 40px;
		    float: left;
		    display: block;
		    background: var(--button-color);
		    position: relative;
		    line-height: 42px;
		    font-size: 14px;
		    color: var(--primary-color);
		    font-weight: 500;
		    letter-spacing: -.3px;
		    text-align: center;
		    padding: 0 20px;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    text-transform: uppercase;
		}

		.half-table {
			 width: 100%;
			 float: left;
			 clear: left;
			 margin: 0
		}

	/* SCROLL TABLE */

		 figure.wp-block-table,
		 table.wp-block-table {
		   overflow-x: auto !important;
		   width: 100%;
		 }

		 figure.wp-block-table table,
		 table.wp-block-table {
		   border: none;
		   margin: 0 0 20px 0;
		   padding: 0;
		   width: 100%;
		   overflow-x: auto;
		   border-collapse: collapse;
		   border-spacing: 2px;
		   font-family: 'Roboto'
		 }

		 figure.wp-block-table table tr,
		 table.wp-block-table tr {
		   padding: .35em;
		   height: 46px;
		   font-size: 15px;
		   letter-spacing: 0;
		   color: var(--primary-color);
		   transition: .3s all;
		   background-color: transparent;
		   border-radius: 0px;
		 }


		 figure.wp-block-table.without-head table tbody tr:first-child,
		 table.wp-block-table.without-head table tbody tr:first-child {
		   background: #0F1829 !important;
		   height: 46px !important;
		   text-transform: inherit !important;
		   color: #fff !important;
		   font-weight: 400 !important;
		 }


		 figure.wp-block-table table thead tr,
		 table.wp-block-table thead tr {
		   border-bottom: none
		 }

		 figure.wp-block-table table tr a,
		 table.wp-block-table tr a {
		   font-size: 15px !important;
			border-bottom: 1px solid var(--primary-color);
			font-weight: 400;
			padding-bottom: 5px;
			transition: .3s all;
			display: inline-block;
		 }
		 figure.wp-block-table table tr a:hover,
		 table.wp-block-table tr a:hover {
		 	color: var(--theme-color) !important;
		 	border-color: var(--theme-color) !important;
		 }
		 figure.wp-block-table.featured table tr a:hover,
		 table.wp-block-table.featured tr a:hover {
		 	color: #fff !important;
		 	border-color: #fff !important;
		 }

		 figure.wp-block-table.featured table tr a,
		 table.wp-block-table.featured tr a {
			width: 100%;
			height: 30px;
			line-height: 30px;
			background: var(--theme-color);
			color: #fff;
			border-radius: 3px;
			border-bottom: none;
			font-weight: 600;
			padding-bottom: 0;
			transition: .3s all;
			font-size: 14px !important;
			display: inline-block;
			text-shadow: none !important;
		 }

		 figure.wp-block-table table tr a:hover
		 table.wp-block-table tr a:hover {
			color: var(--theme-color);
			border-color: var(--theme-color);
		 }

		 figure.wp-block-table.featured table tr a:hover
		 table.wp-block-table.featured tr a:hover {
			color: #fff;
			border-color: none;
		 }


		 figure.wp-block-table table tr a::after,
		 table.wp-block-table tr a::after {
		   content: '';
		   display: none;
		   visibility: hidden;
		 }

		 figure.wp-block-table table th,
		 figure.wp-block-table table td,
		 table.wp-block-table th,
		 table.wp-block-table td {
		   text-align: center;
		   padding: 15px 20px;
		   border: 1px solid var(--border-color);
		 }

		 figure.wp-block-table table td span.status,
		 table.wp-block-table td span.status {
			padding: 5px 10px;
			border-radius: 3px;
		 }

		 figure.wp-block-table table td span.status.blocked,
		 table.wp-block-table td span.status.blocked {
		 	background: #ffc7c7;
		 	color: #9d0606;
		 }
		 figure.wp-block-table table td span.status.active,
		 table.wp-block-table td span.status.active {
		 	background: #d1ffc7;
		 	color: #2d6b1f;
		 }
		 figure.wp-block-table table td span.status.waiting,
		 table.wp-block-table td span.status.waiting {
		 	background: #dedede;
		 	color: #474747;
		 }

		 figure.wp-block-table.review table th,
		 figure.wp-block-table.review table td,
		 table.wp-block-table.review th,
		 table.wp-block-table.review td {
		 	text-align: left;
		 }

		 figure.wp-block-table table thead tr,
		 table.wp-block-table thead tr {
		   height: 40px;
		 }

		 figure.wp-block-table table th,
		 table.wp-block-table th {
		   letter-spacing: 0.5px;
		   height: 40px;
		   font-size: 14px;
		   line-height: 19px;
		   font-weight: 700;
		   padding: 15px 20px;
		   text-transform: uppercase;
		 }

		 figure.wp-block-table table td i.true::before,
		 table.wp-block-table td i.true::before,
		 figure.wp-block-table table td span.true::before,
		 table.wp-block-table td span.true::before {
		   content: '\e82a';
		   font-family: 'ui-icons';
		   color: #0BB81F;
		   font-size: 16px;
		   margin-right: 5px;
		 }

		 figure.wp-block-table table td i.false::before,
		 table.wp-block-table td i.false::before,
		 figure.wp-block-table table td span.false::before,
		 table.wp-block-table td span.false::before {
		   content: '\e82b';
		   font-family: 'ui-icons';
		   color: red;
		   font-size: 13px;
		   margin-right: 5px;
		 } 

		 figure.wp-block-table table td ul li ,
		 table.wp-block-table td ul li {
		   line-height: 17px;
		 }

		figure.wp-block-table table td i.icon-cancel,
		figure.wp-block-table table td i.icon-check,
		table.wp-block-table td i.icon-cancel,
		table.wp-block-table td i.icon-check {
			font-size: 17px;
			margin-right: 6px;
			position: relative;
			font-style: normal;
		}

		figure.wp-block-table table td i.icon-check,
		table.wp-block-table td i.icon-check {
			color: #57a955
		}

		figure.wp-block-table table td i.icon-cancel,
		table.wp-block-table td i.icon-cancel {
			color: #a5283b
		}

		figure.wp-block-table table td i.icon-check::before,
		table.wp-block-table td i.icon-check::before {
			content: '✅';
		}
		figure.wp-block-table table td i.icon-cancel::before,
		table.wp-block-table td i.icon-cancel::before {
			content: '❌';
		}

	/* FEATURED IMAGE */
		.gutenberg-content .featured-image {
			width: 100%;
			float: left;
			margin: 0 0 20px 0;
			max-height: 340px;
			overflow: hidden;
			border-radius: 6px;
			position: relative;
		}

		.gutenberg-content .featured-image img {
			width: 100%;
			float: left;
			object-fit: cover;
		}

	/* ARTICLE NAVIGATION */
		.article-navigation {
		    width: 100%;
		    float: left;
		    margin-bottom: 30px;
		    padding-bottom: 40px;
		    border-style: solid;
		    border-color: var(--border-color);
		    border-width: 0 0 1px 0
		}

		.article-navigation .previous {
		    width: 100%;
		    float: left
		}

		.article-navigation .next {
		    width: 100%;
		    float: right;
		    margin-top: 30px
		}

		.article-navigation .next:hover .data h3.post-name,
		.article-navigation .previous:hover .data h3.post-name {
		    color: var(--theme-color);
		}

		.article-navigation .next i.button,
		.article-navigation .previous i.button {
		    width: 21px;
		    height: 21px;
		    background-color: var(--theme-color);
		    border-radius: 1px;
		    float: left;
		    margin-right: 15px;
		    text-align: center;
		    position: relative;
		    top: 3px
		}

		.article-navigation .next i.button {
		    float: right;
		    margin-right: 0
		}

		.article-navigation .next i.button::before,
		.article-navigation .previous i.button::before {
		    content: '❮';
		    color: #fff;
		    font-size: 9px;
		    font-family: ico-font;
		    line-height: 21px;
		    font-style: normal;
		    float: left;
		    width: 100%;
		    text-align: center
		}

		.article-navigation .next i.button::before {
		    content: '❯'
		}

		.article-navigation .previous .data {
		    width: calc(100% - 36px);
		    float: left
		}

		.article-navigation .next .data {
		    width: calc(100% - 36px);
		    float: right
		}

		.article-navigation .next .data h3.post-name,
		.article-navigation .previous .data h3.post-name {
		    width: 100%;
		    font-size: 17px;
		    color: var(--primary-color);
		    font-weight: 500;
		    line-height: 24px;
		    float: left;
		    padding: 0;
		    margin: 0;
		    display: -webkit-box;
		    -webkit-line-clamp: 2;
		    -webkit-box-orient: vertical;
		    overflow: hidden
		}

		.article-navigation .next .data h3.post-name,
		.article-navigation .next .data span.title {
		    text-align: right;
		    float: right !important;
		    margin-right: 15px
		}

		.article-navigation .next .data span.title,
		.article-navigation .previous .data span.title {
		    width: 100%;
		    float: left;
		    display: inline-block;
		    font-size: 15px;
		    line-height: .26px;
		    font-family: 'Roboto';
		    color: var(--primary-color);
		    font-weight: 300;
		    letter-spacing: 0.2px;
		    margin-top: 15px
		}

	/* RELATED TOPICS */

		.related-topics {
		    width: 100%;
		    float: left;
		    padding-bottom: 30px;
		    margin-bottom: 30px;
		    border-style: solid;
		    border-color: var(--border-color);
		    border-width: 0 0 1px 0
		}

		.related-topics span.title {
		    float: left;
		    font-size: 14px;
		    line-height: 25px;
		    color: var(--primary-color);
		    text-transform: uppercase;
		    letter-spacing: -.05px;
		    margin-right: 15px;
		    font-style: italic
		}

		.related-topics ul {
		    list-style: none;
		    padding: 0;
		    margin: 0
		}

		.related-topics ul li {
		    position: relative;
		    line-height: 25px;
		    letter-spacing: -.15px;
		    color: var(--theme-color);
		    font-size: 14px;
		    font-weight: 600;
		    text-transform: uppercase;
		    margin-right: 20px;
		    float: left
		}

		.related-topics ul li:hover {
		    text-decoration: underline;
		}

		.related-topics ul li::before {
		    content: '#'
		}

/*----LATEST POSTS CONTENT----*/
	.latest-posts-content {
		width: 100%;
		float: left;
		position: relative;
	}

	.latest-posts-content.margin_top {
		margin: 10px 0 0 0;
	}
	.latest-posts-content.news {
		margin: 30px 0 0 0;
	}

	.latest-posts-content .item {
		width: 100%;
		float: left;
	}

	.latest-posts-content .item:hover .data h3 {
		color: var(--theme-color);
	}

	.latest-posts-content .item .thumbnail {
		width: 100%;
		border-radius: 6px;
		display: inline-block;
		float: left;
		overflow: hidden;
		margin: 0 0 15px 0;
	}

	.latest-posts-content .item .thumbnail:hover img {
		-moz-transform: scale(1.04);
		-webkit-transform: scale(1.04);
		transform: scale(1.04);
	}

	.latest-posts-content .item .thumbnail img {
		width: 100%;
		height: 100%;
		display: inline-block;
		float: left;
		background-size: 100%;
		background-repeat: no-repeat;
		transition: all .7s;
		-moz-transition: all .7s;
		-webkit-transition: all .7s;
	}

	.latest-posts-content .item .data {
		width: 100%;
		float: left;
	}

	.latest-posts-content .item .data span.author {
		float: left;
		font-size: 14px;
		letter-spacing: -0.10px;
		color: var(--secondary-color);
		font-weight: 400;
	}

	.latest-posts-content .item .data span.author:hover a {
		border-color: var(--primary-color);
	}

	.latest-posts-content .item .data span.author a {
		color: var(--primary-color);
		padding-bottom: 3px;
		border-bottom: 1px solid #fff;
		transition: .3s all;
	}

	.latest-posts-content .item .data span.author strong {
		font-weight: 600;
	}

	.latest-posts-content .item .data a.category {
		float: right;
		text-align: right;
		font-size: 14px;
		letter-spacing: -0.10px;
		color: var(--theme-color);
		font-weight: 400;
	}

	.latest-posts-content .item .data h3 {
		width: 100%;
		margin: 5px 0 6px 0;
		float: left;
		padding: 0;
		font-size: 17px;
		line-height: 22px;
		color: var(--primary-color);
		font-weight: 600;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		transition: .3s all;
		text-transform: inherit;
	}

	.latest-posts-content .item .data p.description {
		width: 100%;
		float: left;
		line-height: 21px;
		font-size: 14px;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-family: 'Roboto';
		color: var(--primary-color);
		font-weight: 300;
		letter-spacing: 0.2px;
	}

	.latest-posts-content a.see_more {
		width: 100%;
		height: 40px;
		line-height: 40px;
		display: inline-block;
		float: left;
		border: 1px solid var(--border-color);
		text-align: center;
		font-size: 14px;
		letter-spacing: 0.05px;
		color: var(--primary-color);
		font-weight: 300;
		border-radius: 4px;
		transition: .3s all;
		margin: 10px 0 30px 0;
	}

	.latest-posts-content h3 {
		width: 100%;
		float: left;
		padding: 0;
		margin: 0 0 15px 0;
		font-size: 23px;
		line-height: 28px;
		font-weight: 600;
		color: var(--primary-color);
		letter-spacing: -0.25px;
		clear: left;
	}

/*----BRAND TABLE----*/
	.brand_table {
		width: 100%;
		position: relative;
		float: left;
	}

	.brand_table .hidden {
		display: none;
		visibility: hidden;
	}

	.brand_table .item {
		width: 100%;
		float: left;
		margin: 0 0 20px 0;
		padding: 30px 30px 30px 30px;
		border: 1px solid var(--border-color);
		border-radius: 2px;
	}

	.brand_table .item .logo {
		width: 96px;
		height: 96px;
		float: left;
		border-radius: 17px;
		overflow: hidden;
		line-height: 96px;
		white-space: nowrap;
		text-align: center;
		margin: 0 30px 0 0;
		background: #F9F9F9;
		position: relative;
	}

	.brand_table .item .logo::before {
		content: '';
		width: 30px;
		height: 30px;
		display: inline-block;
		float: left;
		position: absolute;
		left: 0;
		top: 0;
		background-image: url('../img/elements/corner_flag.png');
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.brand_table .item .logo img {
		width: 75%;
		display: inline-block;
		background-size: 100%;
		background-repeat: no-repeat;
		vertical-align: middle;
		position: relative;
	}

	/* RIGHT */

		.brand_table .item .right {
			width: 100%;
			float: left;
			position: relative;
			margin: 15px 0 0 0;
		}

		.brand_table .item .right a.cta {
			width: 100%;
			height: 42px;
			float: left;
			border-radius: 4px;
			background: var(--button-color);
			color: var(--primary-color);
			font-size: 15px;
			text-align: center;
			line-height: 42px;
			font-weight: 400;
			-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
			position: relative;
			-webkit-transition-property: color;
			transition-property: color;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			overflow: hidden;
		}

		.brand_table .item .right a.cta::before {
			content: '';
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: var(--button-hover-color);
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
			-webkit-transform-origin: 0 50%;
			transform-origin: 0 50%;
			-webkit-transition-property: transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
		}

		.brand_table .item .right a.cta:hover::before,
		.brand_table .item .right a.cta:focus::before,
		.brand_table .item .right a.cta:active::before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}

		.brand_table .item .right .rating {
			width: 100%;
			float: left;
			margin: 14px 0 0 0;
			display: flex;
			justify-content: center;
		}

		.brand_table .item .right .rating .inherit {
			display: inherit;
		}

		.brand_table .item .right .rating ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.brand_table .item .right .rating ul li {
			padding: 0;
			margin: 0;
			display: inline-block;
			text-align: center;
			float: left;
		}

		.brand_table .item .right .rating ul li::before {
			display: none;
			visibility: hidden;
		}

		.brand_table .item .right .rating ul li i.star {
			font-style: normal;
			float: left;
			margin-right: 1px;
			line-height: 20px;
		}

		.brand_table .item .right .rating ul li i.star::before {
			content: '';
			width: 19px;
			height: 17px;
			display: inline-block;
			float: left;
			background-size: 100%;
			background-repeat: no-repeat;
			background-image: url('../img/elements/star_full.png');
			position: relative;
			margin-right: 1px;
		}

		.brand_table .item .right .rating ul li i.star.half::before {
			background-image: url('../img/elements/star_half.png');
		}

		.brand_table .item .right .rating ul li i.star.empty::before {
			background-image: url('../img/elements/star_empty.png');
		}

		.brand_table .item .right .rating span.score {
			float: left;
			font-size: 14px;
			color: var(--primary-color);
			font-weight: 400;
			letter-spacing: 0;
			margin-left: 6px;
			line-height: 17px;
		}

		.brand_table .item .right .rating span.score i,
		.brand_table .item .right .rating span.score b {
			font-style: normal;
			font-weight: 400;
		}

		.brand_table .item .right a.link {
			width: 100%;
			float: left;
			text-align: center;
			text-decoration: underline;
			color: var(--primary-color);
			font-size: 13px;
			font-weight: 400;
			line-height: 14px;
			margin: 10px 0 0 0;
			transition: .3s all;
		}

		.brand_table .item .right a.link:hover {
			color: var(--theme-color);
		}


	/* CONTENT */
		.brand_table .content {
			width: calc(100% - 130px);
			float: left;
			margin: 0 0 10px 0;
		}

		.brand_table .content h2 {
			width: 100%;
			float: left;
			padding: 0;
			margin: 0;
			color: var(--secondary-color);
			font-size: 12px;
			text-transform: uppercase;
			letter-spacing: 0.5px;
			line-height: 15px;
			font-weight: 500;
		}

		.brand_table .content span.bonus {
			width: 100%;
			float: left;
			text-align: left;
			color: var(--primary-color);
			font-size: 30px;
			font-weight: 500;
			letter-spacing: -0.15px;
			line-height: 37px;
			margin: 5px 0 0 0;
		}

		.brand_table .content span.bonus strong {
			font-weight: 600;
			color: var(--theme-color);
		}

		.brand_table .features {
			width: 100%;
			float: left;
			margin: 12px 0 0 0;
		}

		.brand_table .features ul {
			list-style: none;
			padding: 0;
			margin: 0;
			width: 100%;
			float: left;
		}

		.brand_table .features ul li {
			float: left;
			font-size: 12px;
			color: var(--primary-color);
			line-height: 15px;
			margin: 0 8px 9px 0;
			padding: 0;
			letter-spacing: 0.05px;
		}
		.brand_table .features ul li:last-child {
			margin-bottom: 0;
		}

		.brand_table .features ul li::before {
			content: '';
			width: 14px;
			height: 14px;
			border-radius: 2px;
			display: inline-block;
			float: left;
			margin: 0 8px 0 0;
			text-align: center;
			line-height: 14px;
			font-size: 17px;
			color: #fff;
			top: inherit;
			left: inherit;
		}

		.brand_table .features ul li.pros::before {
			content: '+';
			background: var(--green-color);
		} 

		.brand_table .features ul li.cons::before {
			content: '-';
			background: var(--theme-color);
		} 

/*----UI KITS----*/
	/* VERTICAL CARD BLOCKS */
		.card-block-vertical {
			width: 100%;
			float: left;
			position: relative;
			margin: 0 0 15px 0;
		}

		.card-block-vertical .item {
			width: 100%;
			float: left;
			position: relative;
			border: 1px solid var(--border-color);
			border-radius: 4px;
			margin: 0 0 30px 0;
			padding: 40px 30px 30px 30px;
		}

		.card-block-vertical .item .icon {
			width: 135px;
			margin: 0 auto;
		}

		.card-block-vertical .item .icon span.content {
			width: 135px;
			height: 135px;
			display: inline-block;
			float: left;
			background: var(--theme-opacity-color);
			border-radius: 13px;
			line-height: 135px;
			text-align: center;
		}

		.card-block-vertical .item .icon span.content svg {
			line-height: 135px;
			vertical-align: middle;
		}

		.card-block-vertical .item .head {
			width: 100%;
			float: left;
			text-align: center;
			font-size: 21px;
			font-weight: 500;
			letter-spacing: -0.2px;
			line-height: 24px;
			color: var(--primary-color);
			margin: 25px 0 15px 0;
		}

		.card-block-vertical .item p {
			width: 100%;
			float: left;
			text-align: center;
			line-height: 26px;
			font-size: 15px;
		}

		.card-block-vertical .item .button {
			width: 100%;
			position: relative;
			margin: 30px 0 0 0;
		}

		.card-block-vertical .item .button a {
			width: 100%;
			height: 42px;
			float: left;
			border-radius: 4px;
			background: var(--button-color);
			color: var(--primary-color);
			font-size: 15px;
			text-align: center;
			line-height: 42px;
			font-weight: 400;

			-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
			position: relative;
			-webkit-transition-property: color;
			transition-property: color;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			overflow: hidden;
		}

		.card-block-vertical .item .button a:hover::before,
		.card-block-vertical .item .button a:focus::before,
		.card-block-vertical .item .button a:active::before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}

		.card-block-vertical .item .button a::before {
			content: '';
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: var(--button-hover-color);
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
			-webkit-transform-origin: 0 50%;
			transform-origin: 0 50%;
			-webkit-transition-property: transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
		}

	/* HORIZONTAL CARD BLOCKS */

		.card-block-horizontal {
			width: 100%;
			float: left;
			position: relative;
			margin: 0 0 15px 0;
		}

		.card-block-horizontal .item {
			width: 100%;
			float: left;
			position: relative;
			border: 1px solid var(--border-color);
			border-radius: 4px;
			margin: 0 0 20px 0;
			padding: 30px 30px 30px 30px;
		}

		.card-block-horizontal .item .logo {
			width: 100%;
			height: 71px;
			display: inline-block;
			float: left;
			background: var(--opacity-background);
			border-radius: 2px;
			margin: 0 30px 0 0;
			line-height: 71px;
			white-space: nowrap;
			overflow: hidden;
			text-align: center;
		}

		.card-block-horizontal .item .logo img {
			width: 40%;
			vertical-align: middle;
		}

		.card-block-horizontal .item .data {
			width: 100%;
			float: left;
			margin-top: 15px;
		}

		.card-block-horizontal .item .data span.head {
			width: 100%;
			float: left;
			font-size: 18px;
			letter-spacing: -0.15px;
			line-height: 23px;
			font-weight: 500;
			color: var(--primary-color);
			text-align: center;
		}

		.card-block-horizontal .item .data p {
			width: 100%;
			float: left;
			font-size: 15px;
			line-height: 25px;
			margin: 6px 0 0 0;
			padding: 0;
			text-align: center;
		}

	/* FAQ */
		.faq-content {
			width: 100%;
			float: left;
			position: relative;
			margin: 10px 0 0 0;
		}

		.faq-content .item {
			width: 100%;
			float: left;
			margin: 0 0 25px 0;
			padding: 0 0 20px 0;
			border-bottom: 1px solid var(--border-color);
		}

		.faq-content .item span {
			width: 100%;
			float: left;
		}

		.faq-content .item span.question {
			font-size: 18px;
			color: var(--primary-color);
			letter-spacing: -0.15px;
			line-height: 22px;
			font-weight: 600;
			margin: 0 0 15px 0;
		}

		.faq-content .item span.answer {
			font-size: 16px;
			color: var(--secondary-color);
			line-height: 31px;
			font-family: 'Roboto';
			font-weight: 300;
			letter-spacing: 0.2px;
		}

	/* AUTHOR */
		.author-card {
			width: 100%;
			float: left;
			border-radius: 5px;
			background: var(--opacity-background);
			padding: 12px;
			margin: 0 0 20px 0;
		}

		.author-card.margin_bottom {
			margin: 0 0 10px 0 !important;
		}

		.author-card .avatar {
			width: 33px;
			height: 33px;
			display: inline-block;
			float: left;
			border-radius: 4px;
			margin: 0 14px 0 0;
			overflow: hidden;
		}

		.author-card .avatar img {
			width: 100%;
			height: 100%;
			display: inline-block;
			float: left;
			background-size: 100%;
			background-repeat: no-repeat;
		}

		.author-card ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.author-card ul li {
			float: left;
			color: var(--secondary-color);
			letter-spacing: -0.10px;
			font-size: 14px;
			font-weight: 300;
			line-height: 33px;
			border-right: none;
			display: none;
			visibility: hidden;
		}

		.author-card ul li::before {
			content: '';
			display: none;
			visibility: hidden;
		}


		.author-card ul li time, 
		.author-card ul li strong {
			color: var(--primary-color);
			font-weight: 400;
		}

		.author-card ul li:first-child {
			display: inline-block;
			visibility: visible;
		}

		.author-card ul li:last-child {
			border-right: none;
		}

	/* TOC */

		#toc_container a {
		    color: var(--primary-color);
		    font-size: 14px;
		    text-decoration: none;
		    text-shadow: none
		}

		#toc_container {
		    border: 0;
		    background: #fff;
		    border: 1px solid var(--border-color);
		    padding: 10px 20px;
		    border-radius: 4px;
		    clear: right;
		    width: 100% !important;
		    display: table;
		    margin-bottom: 1em
		}

		.toc_wrap_right {
		    float: right
		}

		#toc_container p.toc_title {
		    padding-bottom: 5px;
		    border-bottom: 1px solid var(--border-color);
		    text-transform: uppercase;
		    color: var(--primary-color);
		    font-weight: 700;
		    padding: 0;
		    margin: 0;
		    font-size: 14px;
		    font-family: 'Roboto', sans-serif;
		    letter-spacing: -.5px;
		    text-align: center
		}

		#toc_container p.toc_title+ul.toc_list {
		    margin: 8px 0 7px 0
		}

		#toc_container span.toc_toggle a {
		    color: var(--theme-color);
		    border-bottom: none;
		}

		div#toc_container>ul>li {
		    padding: 4px 0;
		    border-bottom: 1px solid var(--border-color)
		}

		div#toc_container>ul>li::before {
		    content: '';
		    display: none;
		    visibility: hidden
		}

		#toc_container span.toc_number {
		    color: var(--theme-color);
		    font-weight: 600;
		    padding-right: 2px
		}

		#toc_container.no_bullets li,
		#toc_container.no_bullets ul,
		#toc_container.no_bullets ul li,
		.toc_widget_list.no_bullets,
		.toc_widget_list.no_bullets li {
		    background: 0;
		    list-style-type: none;
		    list-style: none
		}

		#toc_container li,
		#toc_container ul {
		    margin: 0;
		    padding: 0
		}

		#toc_container ul ul {
		    margin-left: 1.5em
		}

		#toc_container ul ul li::before {
		    content: '';
		    display: none;
		    visibility: hidden
		}

	/* EDIT BUTTTON */
		.edit-post {
			width: 100%;
			float: left;
			margin: 30px 0 0 0;
		}
		.edit-post a {
			width: 100%;
			height: 40px;
			line-height: 37px;
			display: inline-block;
			float: left;
			border: 1px solid var(--border-color);
			text-align: center;
			font-size: 14px;
			letter-spacing: 0.05px;
			color: #000;
			font-weight: 300;
			border-radius: 4px;
			transition: .3s all;
			margin: 0 0 30px 0;
		}

		.edit-post a:hover {
			background: var(--button-color);
			border-color: var(--button-color);
			color: #fff;
		}

	/* LOAD MORE */
		.load-more {
			width: 100%;
			float: left;
		}
		.load-more a {
			width: 100%;
			height: 40px;
			line-height: 37px;
			display: inline-block;
			float: left;
			border: 1px solid var(--border-color);
			text-align: center;
			font-size: 14px;
			letter-spacing: 0.05px;
			color: #fff;
			font-weight: 300;
			border-radius: 4px;
			transition: .3s all;
			margin: 0 0 30px 0;
		}

		.load-more a:hover {
			background: var(--button-color);
			border-color: var(--button-color);
			color: #fff;
		}

	/* BACK TO TOP */

		.back-to-top {
		    position: fixed;
		    bottom: 20px;
		    right: 20px;
		    z-index: 66666;
		    width: 48px;
		    height: 48px;
		    border: 0;
		    border-radius: 8px;
		    box-shadow: none;
		    background-color: var(--theme-opacity-color);
		    color: #fff;
		    line-height: 48px;
		    text-align: center;
		    cursor: pointer;
		    pointer-events: none;
		    opacity: 0;
		    transition: opacity .18s ease;
		}

		.back-to-top::before {
		    content: '⬆';
		    width: 100%;
		    height: 100%;
		    text-align: center;
		    line-height: 48px;
		    display: inline-block;
		    float: left;
		    font-size: 14px;
		    color: var(--theme-color);
		}

		.back-to-top.visible {
		    opacity: 1;
		    pointer-events: auto
		}

		.back-to-top:focus {
		    outline: 0
		}

	/* PAGINATION */

		.pagination {
		    width: 100%;
		    display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    margin-top: 10px;
		    float: left;
		    margin-bottom: 30px
		}

		.pagination .page-numbers {
		    float: left;
		    border-radius: 3px;
		    height: 50px;
		    padding: 0 20px;
		    line-height: 50px;
		    font-size: 13px;
		    color: #363636;
		    border: 1px solid var(--border-color);
		    transition: .3s all;
		    margin: 0 10px 0 0;
		    display: none;
		    visibility: hidden
		}

		.pagination .page-numbers.current,
		.pagination .page-numbers.next,
		.pagination .page-numbers.prev {
		    display: inline-block;
		    visibility: visible
		}

		.pagination .page-numbers:hover,
		.pagination .page-numbers.current {
		    background-color: var(--button-color);
		    color: #fff;
		    border-color: var(--button-color)
		}

	/* POST CARD */
		.post_item {
			width: 100%;
			float: left;
			border-bottom: 1px solid var(--border-color);
			padding: 0 0 30px 0;
			margin: 0 0 30px 0;
			position: relative;
		}

		.post_item .thumbnail {
			width: 100%;
			height: 240px;
			float: left;
			border-radius: 6px;
			overflow: hidden;
			margin-right: 30px;
			margin-bottom: 20px;
		}

		.post_item .thumbnail img {
			width: 100%;
			height: 100%;
			display: inline-block;
			float: left;
			background-size: 100%;
			background-repeat: no-repeat;
		}

		.post_item .data {
			width: 100%;
			float: left;
		}

		.post_item .data .info {
			width: 100%;
			float: left;
		}

		.post_item .data .info span.author {
			float: left;
			font-size: 14px;
			line-height: 14px;
			letter-spacing: -0.10px;
			color: var(--secondary-color);
			font-weight: 400;
		}

		.post_item .data .info span.author strong {
			font-weight: 500;
		}

		.post_item .data .info span.author a {
			color: var(--primary-color);
			padding-bottom: 3px;
			border-bottom: 1px solid #fff;
			transition: .3s all;
		}

		.post_item .data .info span.author a:hover {
			border-bottom: 1px solid var(--primary-color);
		}

		.post_item .data .info span.time {
			float: right;
			font-size: 14px;
			line-height: 14px;
			letter-spacing: -0.10px;
			color: var(--secondary-color);
			font-weight: 400;
		}

		.post_item .data .post {
			width: 100%;
			float: left;
		}

		.post_item .data .post h3 {
			width: 100%;
			margin: 9px 0 4px 0;
			float: left;
			padding: 0;
			font-size: 20px;
			line-height: 25px;
			color: var(--primary-color);
			font-weight: 500;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			overflow: hidden;
			transition: .3s all;
			text-transform: inherit;
		}

		.post_item:hover .data .post h3 {
			color: var(--theme-color)
		}

		.post_item .data .post p {
			width: 100%;
			float: left;
			line-height: 26px;
			font-size: 15px;
			margin: 0;
			padding: 0;
			color: var(--primary-color);
			font-weight: 300;
		}

		.post_item.side .data .post h3 {
			font-size: 18px;
			-webkit-line-clamp: 2;
			margin: 13px 0 8px 0;
		}

		.post_item.side .data .post p {
			-webkit-line-clamp: 2;
		}

	/* SINGLE AUTHOR CARD */ 

		.single-author-card {
			width: 100%;
			float: left
		}

		.single-author-card .double-border {
			border-style: solid;
			border-color: var(--border-color);
			border-width: 0 0 1px 0;
			width: 100%;
			float: left;
			margin: 30px 0 34px 0;
			position: relative
		}

		.single-author-card .avatar {
			width: 80px;
			height: 80px;
			margin-right: 20px;
			float: left;
			border-radius: 6px;
			overflow: hidden;
		}

		.single-author-card .avatar img {
			width: 100%;
			height: 100%;
			display: inline-block;
			float: left;
			background-size: 100%;
			background-repeat: no-repeat
		}

		.single-author-card .info {
			width: calc(100% - 100px);
			float: left
		}

		.single-author-card .info span.name {
			float: left;
			letter-spacing: -.1px;
			font-size: 15px;
			line-height: 15px;
			text-transform: uppercase;
			color: var(--primary-color);
			font-weight: 600;
		}

		.single-author-card .info span.title {
			font-size: 13px;
			color: var(--primary-color);
			float: left;
			font-weight: 400;
			padding-left: 5px;
			line-height: 26px
		}

		.single-author-card .info p.bio {
			width: 100%;
			float: left;
			padding: 0;
			margin: 10px 0 0 0;
			font-family: 'Roboto';
			color: var(--primary-color);
			font-size: 15px;
			line-height: 26px;
			letter-spacing: .2px;
			font-weight: 300
		}

		.single-author-card .info ul.social-media {
			width: 100%;
			float: left;
			padding: 0;
			margin: 13px 0 0 0;
			list-style: none
		}

		.single-author-card .info ul.social-media li {
			width: 36px;
			height: 36px;
			border-radius: 4px;
			float: left;
			margin-right: 10px;
			background-color: var(--opacity-background);
			font-size: 14px;
			color: var(--primary-color);
			text-align: center;
			line-height: 38px;
			transition: .3s all;
			border: 1px solid #fff;
		}

		.single-author-card .info ul.social-media li:hover {
			background-color: var(--theme-opacity-color);
			color: var(--theme-color);
			border-color: var(--theme-color);
		}

		.single-author-card .info ul.social-media li:hover svg {
			color: var(--theme-color);
			fill: var(--theme-color);
		}

		.single-author-card .info ul.social-media li a {
			width: 100%;
			height: 100%;
			display: inline-block;
			float: left
		}

	/* NEXT PREV BUTTON */

		.prev-next-buttons {
		    width: 100%;
		    display: block;
		    float: left
		}

		.prev-next-buttons .btn {
		    width: 48%
		}

		.prev-next-buttons .prev.btn {
		    float: right
		}

		.prev-next-buttons .btn a {
		    float: left;
		    display: inline-block;
		    border-radius: 2px;
		    height: 54px;
		    line-height: 54px;
		    font-size: 15px;
		    color: var(--primary-color);
		    border: 1px solid var(--border-color);
		    transition: .3s all;
		    width: 100%;
		    text-align: center
		}

		.prev-next-buttons .btn a:hover {
		    background: var(--button-color);
		    border-color: var(--button-color);
		}

	/* CASINO BOXES */

		.casino-games-box {
		    width: 100%;
		    float: left;
		    margin-bottom: 20px;
		    position: relative
		}

		.casino-games-box .content {
		    width: calc(100% + 20px);
		    display: -webkit-box;
		    display: -webkit-flex;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		    margin-left: -10px
		}

		.casino-games-box .content .flex-col {
		    -webkit-box-flex: 0;
		    -webkit-flex: 0 0 50%;
		    -ms-flex: 0 0 50%;
		    flex: 0 0 50%;
		    max-width: 50%;
		    padding: 0 5px;
		    width: 100%;
		    float: left
		}

		.casino-games-box .content .box {
		    width: 100%;
		    height: 130px;
		    float: left;
		    border-radius: 8px;
		    text-align: center;
		    margin-bottom: 10px;
		    transition: .3s all;
		    background-color: var(--opacity-background);
		    border: 2px solid #fff;
		}

		.casino-games-box .content .box:hover {
		    background-color: var(--theme-opacity-color);
		    border-color: var(--theme-color);
		}

		.casino-games-box .content .box a {
		    width: 100%;
		    height: 100%;
		    display: inline-block;
		    float: left
		}

		.casino-games-box .content .box .icon {
		    width: 100%;
		    height: 56px;
		    float: left;
		    text-align: center;
		    margin-top: 18px
		}

		.casino-games-box .content .box .icon i {
		    color: #a32637;
		    font-size: 44px;
		    position: relative
		}

		.casino-games-box .content .box .icon svg {
			width: 56px;
			height: 56px;
			fill: var(--primary-color);
			padding: 17px 0 0 0;
		}
		.casino-games-box .content .box:hover .icon svg {
			fill: var(--theme-color);
		}

		.casino-games-box .content .box .icon i.icon-008-magic {
		    font-size: 51px;
		    top: -3px
		}

		.casino-games-box .content .box .title {
		    width: 100%;
		    float: left;
		    text-align: center;
		    color: var(--primary-color);
		    font-size: 16px;
		    letter-spacing: -.5px;
		    font-weight: 500;
		    margin-top: 8px;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    overflow: hidden
		}

		.casino-games-box .content .box:hover .title {
		    color: var(--theme-color);
		}

	/* CASINO COMPARE */

		.casino-game-compare {
		    width: 100%;
		    float: left;
		    position: relative;
		    margin: 30px 0
		}

		.casino-game-compare ul li::before {
		    content: '' !important;
		    display: none !important;
		    visibility: hidden !important
		}

		.casino-game-compare .description {
		    width: 100%;
		    float: left;
		    padding: 17px 30px 17px 30px;
		    background-color: #a5283b
		}

		.casino-game-compare .description p {
		    width: 100%;
		    float: left;
		    line-height: 21px !important;
		    font-size: 14px !important;
		    text-align: center !important;
		    color: #fff !important;
		    margin: 0 !important;
		    padding: 0 !important
		}

		.casino-game-compare .head {
		    width: 100%;
		    height: 52px;
		    background-color: #7c1828;
		    line-height: 52px;
		    float: left;
		    padding: 0;
		    margin: 0;
		    position: relative;
		    z-index: 50;
		    display: none;
		    visibility: hidden
		}

		.casino-game-compare .head ul {
		    list-style: none;
		    padding: 0 !important;
		    margin: 0 !important
		}

		.casino-game-compare .head ul li {
		    float: left;
		    line-height: 52px !important;
		    margin: 0 !important;
		    padding: 0 !important;
		    color: #fff !important;
		    font-size: 15px !important;
		}

		.casino-game-compare .head ul li:first-child {
		    width: 160px;
		    text-align: center
		}

		.casino-game-compare .head ul li:nth-child(2) {
		    width: 180px;
		    text-align: center
		}

		.casino-game-compare .head ul li:nth-child(3) {
		    width: 230px;
		    text-align: left;
		    padding: 0 0 0 30px !important
		}

		.casino-game-compare .head ul li:nth-child(4) {
		    width: 251px;
		    text-align: left;
		    padding: 0 0 0 30px !important
		}

		.casino-game-compare .table {
		    width: 100%;
		    position: relative;
		    top: -1px;
		    z-index: 10;
		    float: left
		}

		.casino-game-compare .table .mobile-head {
		    width: 100%;
		    height: 50px;
		    background-color: #000;
		    padding: 0 20px;
		    position: relative;
		    z-index: 10;
		    color: #fff;
		    font-weight: 700;
		    line-height: 50px;
		    float: left
		}

		.casino-game-compare .table .item {
		    width: 100%;
		    float: left;
		    margin-bottom: 15px;
		    border-top: 1px solid var(--border-color);
		    border-bottom: 1px solid var(--border-color);
		    z-index: 9;
		    position: relative;
		    top: -1px
		}

		.casino-game-compare .table .item ul {
		    list-style: none;
		    padding: 0 !important;
		    margin: 0 !important;
		    width: 100%
		}

		.casino-game-compare .table .item ul li {
		    padding: 0 !important;
		    margin: 0 !important;
		    float: left;
		    height: 155px !important;
		    border-right: 1px solid var(--border-color)
		}

		.casino-game-compare .table .item ul li:first-child {
		    width: 160px
		}

		.casino-game-compare .table .item ul li:nth-child(2) {
		    width: calc(100% - 160px)
		}

		.casino-game-compare .table .item ul li:nth-child(3) {
		    width: 100%;
		    border-top: 1px solid var(--border-color);
		    border-left: 1px solid var(--border-color);
		    border-bottom: 1px solid var(--border-color);
		    height: auto !important
		}

		.casino-game-compare .table .item ul li:nth-child(4) {
		    width: 100%;
		    border-left: 1px solid var(--border-color);
		    height: auto !important;
		    padding-bottom: 20px !important
		}

		.casino-game-compare .table .item ul li .game-thumbnail {
		    width: 100%;
		    height: 100%;
		    float: left;
		    overflow: hidden;
		    position: relative
		}

		.casino-game-compare .table .item ul li .game-thumbnail img {
		    width: 100%;
		    height: 100%;
		    display: inline-block;
		    float: left;
		    background-size: 100%;
		    background-repeat: no-repeat;
		    object-fit: cover
		}

		.casino-game-compare .table .item ul li .game-thumbnail span {
		    width: 100%;
		    text-align: center;
		    font-family: 'Roboto Condensed';
		    text-transform: uppercase;
		    color: #fff;
		    font-weight: 700;
		    position: absolute;
		    left: 0;
		    line-height: 15px;
		    line-height: 15px;
		    bottom: 12px;
		    z-index: 150
		}

		.casino-game-compare .table .item ul li .game-thumbnail::before {
		    content: '';
		    width: 100%;
		    height: 88px;
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    background-image: -webkit-linear-gradient(89deg, rgba(165, 40, 59, 0) 2%, rgba(165, 40, 59, .75) 97%);
		    background-image: -o-linear-gradient(89deg, rgba(165, 40, 59, 0) 2%, rgba(165, 40, 59, .75) 97%);
		    background-image: linear-gradient(179deg, rgba(165, 40, 59, 0) 2%, rgba(165, 40, 59, .75) 97%);
		    z-index: 100
		}

		.casino-game-compare .table .item ul li .brand {
		    width: 100%;
		    float: left
		}

		.casino-game-compare .table .item ul li .brand a {
		    width: 100%;
		    height: 100%;
		    display: inline-block;
		    float: left;
		    margin: 0;
		    padding: 23px 30px 0 23px
		}

		.casino-game-compare .table .item ul li .brand .logo {
		    width: 100%;
		    display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    justify-content: center;
		    align-items: center
		}

		.casino-game-compare .table .item ul li .brand .logo .content {
		    width: 120px;
		    height: 55px;
		    border-radius: 6px;
		    line-height: 55px;
		    float: left;
		    overflow: hidden;
		    white-space: nowrap;
		    display: inline-block;
		    text-align: center
		}

		.casino-game-compare .table .item ul li .brand .logo .content .amp-wp-enforced-sizes {
		   max-width: 100%;
		    height: 100%;
		    width: 59%;
		}

		.casino-game-compare .table .item ul li .brand .logo img {
		    vertical-align: middle;
		    position: relative;
		    width: 59%
		}

		.casino-game-compare .table .item ul li .brand .logo img.i-amphtml-intrinsic-sizer {
		    vertical-align: middle;
		    width: 100%;
		    height: 100%;
		    float: left;
		    top: 0;
		    position: absolute;
		}

		.casino-game-compare .table .item ul li .brand .name {
		    width: 100%;
		    text-align: center;
		    font-size: 15px;
		    color: #363636;
		    letter-spacing: -.46px;
		    font-weight: 500;
		    float: left;
		    display: inline-block;
		    margin-top: 8px;
		    line-height: 15px
		}

		.casino-game-compare .table .item ul li .brand .rating {
		    width: 100%;
		    float: left
		}

		.casino-game-compare .table .item ul li .brand .rating .content {
		    position: relative;
		    width: 100%;
		    display: -webkit-flex;
		    display: -moz-flex;
		    display: -ms-flex;
		    display: -o-flex;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		    float: left
		}

		.casino-game-compare .table .item ul li .brand .rating ul {
		    list-style: none;
		    padding: 0;
		    margin: 0;
		    display: inline-block;
		    width: auto !important;
		    position: relative;
		    top: 7px
		}

		.casino-game-compare .table .item ul li .brand .rating ul li {
		    float: left;
		    padding: 0;
		    margin: 0;
		    width: auto !important;
		    height: auto !important;
		    border: none !important;
		    line-height: inherit !important
		}

		.casino-game-compare .table .item ul li .brand .rating ul li::before {
		    content: '';
		    display: none;
		    visibility: hidden
		}

		.casino-game-compare .table .item ul li .brand .rating ul li i.star {
		    font-style: normal;
		    float: left;
		    margin-right: 1px;
		    line-height: normal
		}

		.casino-game-compare .table .item ul li .brand .rating ul li i.star.full::before,
		.casino-game-compare .table .item ul li .brand .rating ul li i.star::before {
		    content: '';
		    width: 15px;
		    height: 13px;
		    display: inline-block;
		    float: left;
		    background-size: 100%;
		    background-repeat: no-repeat;
		    background-image: url('../img/elements/star_full.png');
		    position: relative;
		    top: 3px;
		    margin-right: 1px
		}

		.casino-game-compare .table .item ul li .brand .rating ul li i.star.half::before,
		.casino-game-compare .table .item ul li .brand .rating ul li i.star.quarter::before {
		    content: '';
		    width: 15px;
		    height: 13px;
		    display: inline-block;
		    float: left;
		    background-size: 100%;
		    background-repeat: no-repeat;
		    background-image: url('../img/elements/star_half.png');
		    position: relative;
		    top: 3px;
		    margin-right: 1px
		}

		.casino-game-compare .table .item ul li .brand .rating ul li i.star.empty::before {
		    content: '';
		    width: 15px;
		    height: 13px;
		    display: inline-block;
		    float: left;
		    background-size: 100%;
		    background-repeat: no-repeat;
		    background-image: url('../img/elements/star_empty.png');
		    position: relative;
		    top: 3px;
		    margin-right: 1px
		}

		.casino-game-compare .table .item ul li .brand .rating span.score {
		    float: left;
		    font-size: 13px;
		    color: #363636;
		    font-weight: 500;
		    letter-spacing: -.2px;
		    margin-left: 3px;
		    line-height: 19px
		}

		.casino-game-compare .table .item ul li .player-style {
		    width: 100%;
		    float: left;
		    padding: 22px 20px 0 20px
		}

		.casino-game-compare .table .item ul li .player-style span.mob-head {
		    width: 100%;
		    float: left;
		    color: #363636;
		    font-size: 15px;
		    text-transform: uppercase;
		    font-weight: 700;
		    line-height: 15px;
		    margin-bottom: 5px
		}

		.casino-game-compare .table .item ul li .player-style p {
		    width: 100%;
		    float: left;
		    padding: 0 !important;
		    font-size: 14px !important;
		    line-height: 22px !important
		}

		.casino-game-compare .table .item ul li .features {
		    width: 100%;
		    float: left;
		    padding: 22px 20px 0 20px;
		    position: relative
		}

		.casino-game-compare .table .item ul li .features span.mob-head {
		    width: 100%;
		    float: left;
		    color: #363636;
		    font-size: 15px;
		    text-transform: uppercase;
		    font-weight: 700;
		    line-height: 15px;
		    margin-bottom: 5px
		}

		.casino-game-compare .table .item ul li .features ul li {
		    float: left;
		    padding: 0;
		    margin: 0 0 0 20px !important;
		    width: 100% !important;
		    height: auto !important;
		    border-right: none !important;
		    line-height: inherit !important;
		    font-size: 14px;
		    line-height: 22px !important;
		    position: relative;
		    display: block;
		}

		.casino-game-compare .table .item ul li .features ul {
		    list-style: none;
		    padding: 0;
		    margin: 0
		}

		.casino-game-compare .table .item ul li .features ul li::after {
		    content: '✅' !important;
		    font-family: ico-font !important;
		    margin-right: 9px !important;
		    float: left !important;
		    color: #57a955 !important;
		    font-size: 10px !important;
		    left: -20px;
		    top: 0;
		    position: absolute
		}

/*----FOOTER-----*/
	footer {
		width: 100%;
		float: left;
		margin: 40px 0 0 0;
	}

	/* SEARCH */

		footer .search-content {
			width: 100%;
			float: left;
			background: var(--main-color);
			padding: 50px 0 30px 0;
			position: relative;
		}

		footer .search-content span.head {
			width: 100%;
			float: left;
			text-align: center;
			font-size: 28px;
			line-height: 34px;
			letter-spacing: -0.25px;
			color: #fff;
			font-weight: 600;
		}

		footer .search-content span.description {
			width: 100%;
			float: left;
			color: rgba(255,255,255,0.6);
			font-size: 16px;
			line-height: 31px;
			font-weight: 300;
			margin: 7px 0 0 0;
			text-align: center;
		}

		footer .search-content .search-bar {
			width: 100%;
			float: left;
			position: relative;
			margin: 20px 0 0 0;
			padding: 0 0 30px 0;
		}

		footer .search-content .search-bar .icon {
			position: absolute;
			left: 15px;
			top: 15px;
		}

		footer .search-content .search-bar input {
			width: 100%;
			height: 50px;
			float: left;
			background: #fff;
			outline: none;
			border: none;
			border-radius: 3px;
			padding: 0 30px 0 50px;
			font-size: 14px;
			font-family: 'Montserrat';
		}

	/* BLOCKS */
		footer .blocks {
			width: 100%;
			float: left;
			padding: 35px 0 0 0;
			border-bottom: 1px solid var(--border-color);
		}

		footer .blocks .item {
			width: 100%;
			float: left;
			text-align: center;
			margin: 0 0 30px 0;
		}

		footer .blocks .item span.icon {
			margin: 0 0 10px 0;
			height: 50px;
			float: left;
			width: 100%;
			text-align: center;
		}

		footer .blocks .item span.icon svg {

		}

		footer .blocks .item span.title {
			width: 100%;
			float: left;
			text-align: center;
			color: var(--primary-color);
			font-size: 16px;
			letter-spacing: -0.15px;
			line-height: 19px;
		}

		footer .blocks .item span.title strong {
			font-weight: 600;
		}

	/* LINKS */
		footer .links {
			width: 100%;
			float: left;
			margin: 40px 0 0 0;
		}

		footer .links .site {
			width: 100%;
			float: left;
			padding: 0 0 30px 0;
			border-bottom: 1px solid var(--border-color);
			margin: 0 0 30px 0;
		}

		footer .links .site .logo {
			position: relative;
			margin: 0 auto;
			width: 100%;
			text-align: center;
		}

		footer .links .site .logo span {
			line-height: 25px;
			float: left;
			font-size: 24px;
			font-weight: 700;
			font-family: 'Montserrat';
			letter-spacing: -0.9px;
			color: #fff;
			width: 100%;
			text-align: center;
		}

		footer .links .site .logo span strong {
			color: #fff !important;
		}


		footer .links .site ul {
			list-style: none;
			display: inline-block;
			text-align: center;
			width: 100%;
			margin: 10px 0 0 0;
			padding: 0;
		}

		footer .links .site ul li {
			font-size: 12px;
			font-weight: 400;
			line-height: 25px;
			margin: 0 10px;
			display: inline-block;
			border-bottom: 1px solid #fff;
			color: #fff;
		}

		footer .links .site ul li:hover {
			color: var(--theme-color);
			border-bottom: 1px solid var(--theme-color);
		}

		footer .links .site ul li:last-child {
			margin-right: 0;
		}

	/* COPYRIGHT */
		footer .copyright {
			width: 100%;
			float: left;
			margin: 0 0 30px 0;
		}


		footer .copyright .top {
			width: 100%;
			float: left;
		}

		footer .copyright .top span.copy {
			float: left;
			font-size: 12px;
			color: var(--primary-color);
			line-height: 22px;
		}

		footer .copyright .top span.copy a {
			font-weight: 600;
		}

		footer .copyright .top span.copy a:hover {
			color: var(--theme-color);
			border-bottom: 1px solid var(--theme-color);
		}

		footer .copyright span.notice {
			width: 100%;
			float: left;
			margin: 15px 0 0 0;
			text-align: justify;
			line-height: 24px;
			font-size: 12px;
			color: var(--primary-color);
		}

		footer .copyright .top .dmca {
			float: right;
		}

		footer .copyright .top .twitter {
			float: right;
			margin: 2px 12px 0 0;
		}

/*----404----*/

	section.page-not-found {
	    width: 100%;
	    float: left;
	    position: relative;
	    margin-bottom: 115px;
	    margin-top: 130px
	}

	section.page-not-found.nothing {
	    margin-top: 90px;
	    margin-bottom: 0
	}

	section.page-not-found.category {
	    margin-top: 30px;
	    margin-bottom: 30px
	}

	section.page-not-found.category h1.head {
	    font-size: 32px
	}

	section.page-not-found.nothing h1.head {
	    font-size: 36px
	}

	section.page-not-found h1.head {
	    width: 100%;
	    text-align: center;
	    padding: 0;
	    margin: 0 0 20px 0;
	    float: left;
	    font-size: 44px;
	    line-height: 44px;
	    color: #091e2c;
	    font-weight: 700
	}

	section.page-not-found span.description {
	    width: 100%;
	    float: left;
	    text-align: center;
	    padding: 0;
	    margin: 0 0 30px 0;
	    font-family: Roboto;
	    font-weight: 300;
	    letter-spacing: -.15px;
	    font-size: 23px;
	    color: #2a2f32;
	    line-height: 36px
	}

	section.page-not-found .back-to-home {
		width: 300px;
		margin: 0 auto;
	}

	section.page-not-found .back-to-home a {
		width: 100%;
		height: 42px;
		float: left;
		border-radius: 4px;
		background: var(--button-color);
		color: #fff;
		font-size: 15px;
		text-align: center;
		line-height: 42px;
		font-weight: 400;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		position: relative;
		-webkit-transition-property: color;
		transition-property: color;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		overflow: hidden;
	}

	section.page-not-found .back-to-home a:hover::before,
	section.page-not-found .back-to-home a:focus::before,
	section.page-not-found .back-to-home a:active::before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}

	section.page-not-found .back-to-home a::before {
		content: '';
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: var(--button-hover-color);
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}

/*----REVIEW----*/

	/* SIDE CARD */
		.side-card {
		    width: 100%;
		    margin-bottom: 15px;
		    float: right;
		    padding: 15px 20px 5px 20px;
		    background: #fff;
		    border: 1px solid var(--border-color);
		    border-radius: 4px
		}

		.side-card a.cta {
			width: 100%;
			height: 42px;
			float: left;
			border-radius: 4px;
			background: var(--button-color);
			color: var(--primary-color);
			font-size: 15px;
			text-align: center;
			line-height: 42px;
			font-weight: 400;
			-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
			position: relative;
			-webkit-transition-property: color;
			transition-property: color;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			overflow: hidden;
			margin: 10px 0 20px 0;
		}

		.side-card a.cta:hover::after {
		    right: 13px
		}

		.side-card a.cta::before {
			content: '';
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: var(--button-hover-color);
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
			-webkit-transform-origin: 0 50%;
			transform-origin: 0 50%;
			-webkit-transition-property: transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
		}

		.side-card a.cta:hover::before,
		.side-card a.cta:focus::before,
		.side-card a.cta:active::before {
			webkit-transform: scaleX(1);
			transform: scaleX(1);
		}

		.side-card ul {
		    list-style: none;
		    padding: 0 !important;
		    margin: 0 !important;
		    width: 100%;
		    float: left
		}

		.side-card ul li {
		    width: 100%;
		    float: left;
		    border-bottom: 1px solid var(--border-color);
		    padding: 0 0 10px 0;
		    margin: 0 0 10px 0
		}

		.side-card ul li::after,
		.side-card ul li::before {
		    content: '';
		    display: none !important;
		    visibility: hidden !important
		}

		.side-card ul li span.head {
		    width: 100%;
		    float: left;
		    font-size: 15px;
		    color: var(--primary-color);
		    font-weight: 500;
		    margin-bottom: 1px
		}

		.side-card ul li span.title {
		    width: 100%;
		    float: left;
		    font-size: 14px;
		    line-height: 20px;
		    color: var(--primary-color);
		    font-weight: 300;
		}

		.side-card ul li span.licence {
		    float: left;
		    margin-right: 5px;
		    height: 27px
		}

		.side-card ul li span.licence i {
		    float: left;
		    float: left;
		    display: inline-block;
		    position: relative;
		    margin-bottom: 3px;
		    background-size: 100%;
		    background-repeat: no-repeat
		}

		.side-card ul li span.licence i.mga {
		    content: '';
		    background-image: url(../img/licenced/mga.png);
		    width: 107px;
		    height: 21px
		}

		.side-card ul li span.licence i.nj {
		    content: '';
		    background-image: url(../img/licenced/ccc.png);
		    width: 113px;
		    height: 21px
		}

		.side-card ul li span.licence i.gambling-commission {
		    content: '';
		    background-image: url(../img/licenced/gambling-commission.png);
		    width: 92px;
		    height: 17px
		}

		.side-card ul li span.licence i.gra {
		    content: '';
		    background-image: url(../img/licenced/gra.png);
		    width: 17px;
		    height: 17px;
		    top: 2px;
		    margin-right: 3px
		}

		.side-card ul li span.licence i.curacao {
		    content: '';
		    background-image: url(../img/licenced/curacao.png);
		    width: 17px;
		    height: 20px
		}

		.side-card ul li span.licence i.kahnawake {
		    content: '';
		    background-image: url(../img/licenced/kahnawake.png);
		    width: 100px;
		    height: 25px;
		    top: -2px
		}

		.side-card ul li span.licence i.dge {
		    content: '';
		    background-image: url(../img/licenced/dge.png);
		    width: 20px;
		    height: 19px
		}

		.side-card ul li span.licence i.isle-of-man {
		    content: '';
		    background-image: url(../img/licenced/isle-of-man.png);
		    width: 24px;
		    height: 20px
		}

		.side-card ul li span.licence i.panama-gambling-control {
		    content: '';
		    background-image: url(../img/licenced/panama-gambling-control.png);
		    width: 20px;
		    height: 20px
		}

		.side-card ul li span.licence i.costa-rica {
		    content: '';
		    background-image: url(../img/licenced/costa-rica.png);
		    width: 24px;
		    height: 26px
		}

		.side-card ul li span.licence i.lotteries-gaming {
		    content: '';
		    background-image: url(../img/licenced/lotteries-gaming.png);
		    width: 96px;
		    height: 26px
		}

		.side-card ul li span.licence i.bronte {
		    content: '';
		    background-image: url(../img/licenced/bronte.png);
		    width: 84px;
		    height: 20px
		}

		.side-card ul li span.game {
		    float: left;
		    margin-right: 2px;
		    margin-bottom: 2px;
		    height: 30px;
		    border-radius: 1px;
		    padding: 0 8px;
		    color: var(--primary-color);
		    font-weight: 300;
		    background-color: var(--opacity-background);
		}

		.side-card ul li span.game i {
		    font-size: 22px;
		    float: left;
		    margin-right: 8px;
		    position: relative;
		    color: var(--theme-color);
		    line-height: 30px;
		    display: none;
		    visibility: hidden;
		}

		.side-card ul li span.game span.text {
		    line-height: 31px;
		    float: left;
		    font-size: 14px;
		}

		.side-card ul li span.game i::before {
		    content: '';
		    font-family: ico-font;
		    font-style: normal;
		    font-weight: 400;
		    speak: none;
		    display: inline-block;
		    text-decoration: inherit;
		    text-align: center;
		    font-variant: normal;
		    text-transform: none;
		    line-height: 1em;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale
		}

		.side-card ul li span.game.slot i {
		    top: 2px
		}

		.side-card ul li span.game.slot i::before {
		    content: '\e82f'
		}

		.side-card ul li span.game.blackjack i {
		    font-size: 19px;
		    left: -2px;
		    top: 1px
		}

		.side-card ul li span.game.blackjack i::before {
		    content: '\e82b'
		}

		.side-card ul li span.game.roulette i {
		    font-size: 21px
		}

		.side-card ul li span.game.roulette i::before {
		    content: '\e82a'
		}

		.side-card ul li span.game.live-dealer i {
		    font-size: 20px
		}

		.side-card ul li span.game.live-dealer i::before {
		    content: '\e829'
		}

		.side-card ul li span.game.video-poker i {
		    top: 1px
		}

		.side-card ul li span.game.video-poker i::before {
		    content: '\e82e'
		}

		.side-card ul li span.game.baccarat i {
		    top: 1px
		}

		.side-card ul li span.game.baccarat i::before {
		    content: '\e82d'
		}

		.side-card ul li span.game.pai-gow i {
		    top: 1px
		}

		.side-card ul li span.game.pai-gow i::before {
		    content: '\e835'
		}

		.side-card ul li span.game.craps i {
		    top: 1px
		}

		.side-card ul li span.game.craps i::before {
		    content: '\e833'
		}

		.side-card ul li span.game.sic-bo i {
		    top: 1px
		}

		.side-card ul li span.game.sic-bo i::before {
		    content: '\e838';
		    font-size: 19px
		}

		.side-card ul li span.game.keno i {
		    top: 1px
		}

		.side-card ul li span.game.keno i::before {
		    content: '\e83b';
		    font-size: 18px
		}

		.side-card ul li span.game.wheel i {
		    top: 1px
		}

		.side-card ul li span.game.wheel i::before {
		    content: '\e83a';
		    font-size: 19px
		}

		.side-card ul li span.device {
		    float: left;
		    margin-right: 12px;
		    margin-bottom: 9px;
		    color: var(--primary-color);
		    font-size: 14px;
		    line-height: 20px;
		    letter-spacing: -.2px;
		    font-weight: 300;
		}

		.side-card ul li span.device i {
		    font-size: 19px;
		    float: left;
		    margin-right: 8px;
		    position: relative;
		    line-height: 20px;
		    display: none;
		    visibility: hidden;
		}

		.side-card ul li span.device span.text {
		    float: left;
		    font-size: 15px;
		    line-height: 21px
		}

		.side-card ul li span.device i::before {
		    content: '';
		    font-family: ico-font;
		    font-style: normal;
		    font-weight: 400;
		    speak: none;
		    display: inline-block;
		    text-decoration: inherit;
		    text-align: center;
		    font-variant: normal;
		    text-transform: none;
		    line-height: 1em;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale
		}

		.side-card ul li span.device.android i {
		    font-size: 20px
		}

		.side-card ul li span.device.android i::before {
		    content: '\e818';
		    color: #77ad53
		}

		.side-card ul li span.device.ios i::before {
		    content: '\e819';
		    color: #000
		}

		.side-card ul li span.device.windows i::before {
		    content: '\e832';
		    color: #4cace9
		}
	
	/* COVER */
		section.review-cover {
			width: 100%;
			position: relative;
			float: left;
			background: #061145;
			padding: 30px 0;
			margin: 0 0 15px 0;
		}

		section.review-cover .logo {
			width: 140px;
			height: 140px;
			line-height: 140px;
			float: left;
			margin: 0 15px 0 0;
			overflow: hidden;
			border-radius: 16px;
			white-space: nowrap;
			text-align: center;
			position: relative;
		}


		section.review-cover .logo::before {
			content: '';
			width: 30px;
			height: 30px;
			display: inline-block;
			float: left;
			position: absolute;
			left: 0;
			top: 0;
			background-image: url('../img/elements/corner_flag.png');
			background-size: 100%;
			background-repeat: no-repeat;
		}

		section.review-cover .logo img {
			width: 75%;
			display: inline-block;
			background-size: 100%;
			background-repeat: no-repeat;
			vertical-align: middle;
			position: relative;
		}

		section.review-cover .data {
			width: calc(100% - 155px);
			float: left;
			padding: 4px 0 0 0;
		}

		section.review-cover .data h2 {
			width: 100%;
			float: left;
			padding: 0;
			margin: 0 0 6px 0;
			font-size: 14px;
			line-height: 18px;
			font-weight: 500;
			letter-spacing: 0.5px;
			color: #fff;
			text-transform: uppercase;
		}

		section.review-cover .data .bonus {
			width: 100%;
			float: left;
			font-weight: 600;
			color: #fff;
			font-size: 33px;
			line-height: 40px;
			letter-spacing: -0.3px;
			margin: 0 0 11px 0;
		}

		section.review-cover .data .rating {
			width: 100%;
			float: left;
			margin: 0 0 18px 0;
		}

		section.review-cover .data .rating ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		section.review-cover .data .rating ul li {
			padding: 0;
			margin: 0;
			display: inline-block;
			text-align: center;
			float: left;
		}

		section.review-cover .data .rating ul li i.star {
			font-style: normal;
			float: left;
			margin-right: 1px;
			line-height: 20px;
		}

		section.review-cover .data .rating ul li i.star::before {
			content: '';
			width: 19px;
			height: 17px;
			display: inline-block;
			float: left;
			background-size: 100%;
			background-repeat: no-repeat;
			background-image: url('../img/elements/star_full.png');
			position: relative;
			margin-right: 1px;
		}

		section.review-cover .data .rating ul li i.star.half::before {
			background-image: url('../img/elements/star_half.png');
		}

		section.review-cover .data .rating ul li i.star.empty::before {
			background-image: url('../img/elements/star_empty.png');
		}

		section.review-cover .data .rating span.score {
			float: left;
			font-size: 14px;
			color: #B4B9D2;
			font-weight: 300;
			letter-spacing: 0;
			margin-left: 6px;
			line-height: 17px;
		}

		section.review-cover .data .rating span.score strong {
			color: #fff;
			font-weight: 500;
		}

		section.review-cover .data .rating span.score .mob-hide {
			display: none;
			visibility: hidden;
		}

		section.review-cover .features {
			width: 100%;
			float: left;
			margin: 10px 0 0 0;
		}

		section.review-cover .features ul {
			list-style: none;
			padding: 0;
			margin: 0;
			width: 100%;
			float: left;
		}

		section.review-cover .features ul li {
			float: left;
			font-size: 12px;
			color: #fff;
			line-height: 15px;
			margin: 0 8px 9px 0;
			padding: 0;
			letter-spacing: 0.2px;
		}

		section.review-cover .features ul li::before {
			content: '';
			width: 14px;
			height: 14px;
			border-radius: 2px;
			display: inline-block;
			float: left;
			margin: 0 8px 0 0;
			text-align: center;
			line-height: 14px;
			font-size: 17px;
			color: #fff;
			top: inherit;
			left: inherit;
		}

		section.review-cover .features ul li.pros::before {
			content: '+';
			background: var(--green-color);
		} 

		section.review-cover .features ul li.cons::before {
			content: '-';
			background: var(--theme-color);
		} 

		section.review-cover a.cta {
			width: 100%;
			height: 50px;
			margin: 15px 0 0 0;
			float: left;
			border-radius: 4px;
			background: var(--button-color);
			color: var(--primary-color);
			font-size: 15px;
			text-align: center;
			line-height: 50px;
			font-weight: 500;
			-webkit-transform: perspective(1px) translateZ(0);
			transform: perspective(1px) translateZ(0);
			position: relative;
			-webkit-transition-property: color;
			transition-property: color;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			overflow: hidden;
		}

		section.review-cover a.cta::before {
			content: '';
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: var(--button-hover-color);
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
			-webkit-transform-origin: 0 50%;
			transform-origin: 0 50%;
			-webkit-transition-property: transform;
			transition-property: transform;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-transition-timing-function: ease-out;
			transition-timing-function: ease-out;
		}

		section.review-cover a.cta:hover::before,
		section.review-cover a.cta:focus::before,
		section.review-cover a.cta:active::before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}


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

	 figure.wp-block-table table td span.status.blocked,
	 table.wp-block-table td span.status.blocked {
	 	background: #ffc7c7;
	 	color: #9d0606;
	 }
	 figure.wp-block-table table td span.status.active,
	 table.wp-block-table td span.status.active {
	 	background: #d1ffc7;
	 	color: #2d6b1f;
	 }
	 figure.wp-block-table table td span.status.waiting,
	 table.wp-block-table td span.status.waiting {
	 	background: #dedede;
	 	color: #474747;
	 }

    figure.wp-block-table table,
    table.wp-block-table {
      border: none !important;
      border-collapse: collapse !important;
      margin: 0 0 20px 0 !important;
      padding: 0 !important;
      width: 100% !important;
      overflow-x: auto !important;
    }


    figure.wp-block-table.hide-col-1 table thead tr th:nth-child(1),
    figure.wp-block-table.hide-col-1 table tbody tr td:nth-child(1) {
      display: none !important;
      visibility: hidden !important;
    }

    figure.wp-block-table.hide-col-2 table thead tr th:nth-child(2),
    figure.wp-block-table.hide-col-2 table tbody tr td:nth-child(2) {
      display: none !important;
      visibility: hidden !important;
    }
    
    figure.wp-block-table.hide-col-3 table thead tr th:nth-child(3),
    figure.wp-block-table.hide-col-3 table tbody tr td:nth-child(3) {
      display: none !important;
      visibility: hidden !important;
    }

    figure.wp-block-table.hide-col-4 table thead tr th:nth-child(4),
    figure.wp-block-table.hide-col-4 table tbody tr td:nth-child(4) {
      display: none !important;
      visibility: hidden !important;
    }
    
    figure.wp-block-table.hide-col-5 table thead tr th:nth-child(5),
    figure.wp-block-table.hide-col-5 table tbody tr td:nth-child(5) {
      display: none !important;
      visibility: hidden !important;
    }
    figure.wp-block-table.hide-col-6 table thead tr th:nth-child(6),
    figure.wp-block-table.hide-col-6 table tbody tr td:nth-child(6) {
      display: none !important;
      visibility: hidden !important;
    }
    
    figure.wp-block-table.hide-col-7 table thead tr th:nth-child(7),
    figure.wp-block-table.hide-col-7 table tbody tr td:nth-child(7) {
      display: none !important;
      visibility: hidden !important;
    }
    
    figure.wp-block-table.hide-col-8 table thead tr th:nth-child(8),
    figure.wp-block-table.hide-col-8 table tbody tr td:nth-child(8) {
      display: none !important;
      visibility: hidden !important;
    }
    
    figure.wp-block-table.hide-col-9 table thead tr th:nth-child(9),
    figure.wp-block-table.hide-col-9 table tbody tr td:nth-child(9) {
      display: none !important;
      visibility: hidden !important;
    }
    
    figure.wp-block-table.hide-col-10 table thead tr th:nth-child(10),
    figure.wp-block-table.hide-col-10 table tbody tr td:nth-child(10) {
      display: none !important;
      visibility: hidden !important;
    }


    figure.wp-block-table table tr,
    table.wp-block-table tr {
      padding: .35em !important;
      height: 46px !important;
      font-size: 15px !important;
      letter-spacing: 0 !important;
      color: var(--primary-color) !important;
      transition: .3s all !important;
      background-color: #fff !important;
    }

    figure.wp-block-table table thead tr,
    table.wp-block-table thead tr {
      border-bottom: none
    }

    figure.wp-block-table table tr a,
    table.wp-block-table tr a {
      width: 100% !important;
      height: 100% !important;
      display: block !important;
      font-size: 15px !important;
    }

    figure.wp-block-table table tr a::after,
    table.wp-block-table tr a::after {
      content: '' !important;
      display: none !important;
      visibility: hidden !important;
    }

    figure.wp-block-table table tr a:hover,
    table.wp-block-table tr a:hover {
      text-decoration: underline
    }

    figure.wp-block-table table th,
    figure.wp-block-table table td,
    table.wp-block-table th,
    table.wp-block-table td {
      text-align: center !important;
      padding: 15px 20px !important;
      overflow-wrap: inherit !important;
      word-wrap: inherit !important;
      -ms-word-break: inherit !important;
      word-break: inherit !important;
      -ms-hyphens: inherit !important;
      -moz-hyphens: inherit !important;
      -webkit-hyphens: inherit !important;
      hyphens: inherit !important;
      line-height: 20px;
    }


    figure.wp-block-table table thead,
    table.wp-block-table thead {
        border: inherit !important;
        clip: inherit !important;
        height: inherit !important;
        margin: auto !important;
        overflow: inherit !important;
        padding: auto !important;
        position: inherit !important;
        width: inherit !important;
    }
    figure.wp-block-table table td, table.wp-scroll-table td {
      display: table-cell !important;

    }
    figure.wp-block-table table td:before, table.wp-scroll-table td:before {
      content: '' !important;
      display: none !important;
      visibility: hidden !important;
    }


    figure.wp-block-table table thead tr,
    table.wp-block-table thead tr {
      height: 40px !important;
    }

    figure.wp-block-table table th,
    table.wp-block-table th {
      letter-spacing: 0.5px !important;
      height: 40px !important;
      font-size: 14px !important;
      line-height: 19px !important;
      font-weight: 700 !important;
      padding: 15px 10px !important;
      text-transform: uppercase;
    }
    figure.wp-block-table table tr, table.wp-scroll-table tr {
      display: table-row !important;
      text-align: center !important;
    }

}

@media only screen and (min-width: 376px) {
  header.desktop .search_bar {
  	display: inline-block;
  	visibility: visible;
  }
  header.desktop .cta {
  	right: 15px;
  }

}


@media only screen and (min-width :600px) {
    .article-navigation .previous {
        width: 48%
    }
    .article-navigation .next {
        width: 48%;
        margin-top: 0
    }
}

@media only screen and (min-width: 768px) {
	.cta-box .content span.icon svg {
		width: 49px;
		height: 49px;
	}
	.cta-box .content span.description {
		display: inline-block;
		visibility: visible;
	}

	.cta-box .content h3 {
		font-size: 20px;
		line-height: 24px;
		
	}
	.cta-box .content span.icon {
		width: 50px;
	}
	.cta-box .content .left .data {
		width: calc(100% - 80px);
	}

	.cta-box .content .left {
		width: calc(100% - 265px);
	}
	.cta-box .content .right {
		margin-top: 0;
		width: auto;
		float: right;
	}
	.cta-box .content .right a {
		width: 248px;
		line-height: 54px;
		height: 54px;
	}

	.cta-box .content {
		border-radius: 10px;
		padding: 17px 25px;
	}

	header.desktop .search_bar {
		right: 60px;
	}
	header.desktop .ham-menu .is-active {
		top: -1px;
	}
	header.desktop .ham-menu {
		top: 31px;
	}

	.cta-box  {
		display: inline-block;
		visibility: visible;
	}
	header.desktop .cta {
		top: 7px;
	}
	header.desktop {
		height: 75px;
	}

	header.desktop .logo span {
		line-height: 75px;
	}


	header.desktop .logo {
		margin: 0 0 0 0;
	}
	header.desktop .ham-menu {
		top: 30px;
	}
	header.desktop .mobile-navigation {
		top: 75px;
	}

	header.desktop .search_bar {
		margin-top: 23px;
		width: 260px;
	}

	section.stats ul {
		float: left;
		text-align: left;
		width: auto;
	}

	section.stats ul li {
		float: left;
	}

	section.stats {
		padding: 18px 0;
	}


	section.featured_casino_sites {
		margin: 20px 0 0 0;
	}

	section.featured_casino_sites h2.primary_head {
		font-size: 20px;
		line-height: 24px;
		margin: 0 0 20px 0;
	}


	section.game-boxes h2.primary_head {
		margin: 0 0 20px 0;
	}

	section.game-boxes {
		margin: 30px 0 40px 0;
	}

	.latest-posts-content .item .data h3 {
		margin: 10px 0 6px 0;
	}

	.card-block-vertical .item {
		min-height: 580px;
	}

	.card-block-vertical .item .button {
		width: calc(100% - 60px);
		position: absolute;
		bottom: 30px;
		left: 30px;
		margin: 0;
	}


	.card-block-horizontal .item .logo {
		width: 165px;
	}

	.card-block-horizontal .item .logo img {
		width: 60%;
	}

	.card-block-horizontal .item .data {
		width: calc(100% - 195px);
		float: left;
		margin-top: 0;
	}

	.card-block-horizontal .item .data p,
	.card-block-horizontal .item .data span.head {
		text-align: left;
	}

	.author-card {
		margin: 0 0 0px 0;
	}

	.author-card.margin_bottom {
		margin: 0 0 10px 0 !important;
	}


	.author-card ul li {
		border-right: 1px solid #D7DFE7;
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
		display: inline-block;
		visibility: visible;
	}
	footer .blocks .item {
		margin: 0;
	}

	footer .blocks {
		padding: 35px 0 35px 0;
	}

	.brand_table .content {
		margin: 0;
	}

	.brand_table .item .right {
		width: 210px;
		float: right;
	}

	.wp-block-image .mobile-align {
		margin-left: 1em;
		margin-right: 0;
		float: right
	}

    #toc_container {
        width: 33% !important;
        margin-left: 20px;
        float: right
    }

    .gutenberg-content ul.states li {
        width: 33%
    }
    
    table.wp-block-table.criteria th {
        width: auto;
        display: table-cell
    }
    table.wp-block-table.criteria tr {
        padding: .35em
    }
    table.wp-block-table.criteria td {
        text-align: left
    }

    .pagination {
        margin-bottom: 45px
    }
    .pagination .page-numbers {
        display: inline-block;
        visibility: visible
    }
	.post_item .thumbnail {
		width: 230px;
		height: 130px;
		margin-bottom: 0;
	}

	.post_item.side .data {
		width: 100%;
	}

	.post_item .data {
		width: calc(100% - 260px);
		float: left;
	}

	.post_item .data .post h3 {
		margin: 13px 0 7px 0;
		font-size: 21px;
		line-height: 25px;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.post_item .data .post p {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.latest-posts-content .item .data a.category {
		display: none;
		visibility: hidden;
	}

	.latest-posts-content .item .thumbnail {
		height: 110px;
	}
	.casino-games-box .content .flex-col {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.state-boxes .box-item .data {
        width: calc(100% - 230px)
    }

    .state-boxes .box-item .thumbnail {
        height: 200px;
        width: 230px
    }

    .state-boxes .box-item {
        margin-bottom: 30px
    }

    .state-boxes .box-item .button {
        position: absolute;
        left: 0;
        bottom: 0;
        width: calc(100% - 230px);
        left: 230px
    }

		section.review-cover .data .rating span.score .mob-hide {
			display: inline-block;
			visibility: visible;
		}
		section.review-cover .logo {
			margin: 0 25px 0 0;
		} 

		section.review-cover .data {
			width: calc(100% - 165px);
		}
		section.review-cover .features {
			width: calc(100% - 165px);
			margin: 0;
		}

		.brand_table .item .logo {
			width: 98px;
			height: 98px;
			line-height: 98px;
		}


		.brand_table .content span.bonus {
			font-size: 23px;
			line-height: 28px;
		}

		.brand_table .content,
		.brand_table .features {
			width: 100%;
		}

		.brand_table .center {
			width: calc(100% - 338px);
			float: left;
		}

		.brand_table .item .right {
			margin-top: 0;
		}


		.wp-block-image .alignleft,
		.wp-block-image .alignright {
			margin-left: 1em;
			margin-right: 0;
		}

		.wp-block-image .alignleft {
			float: left;
		}

		.wp-block-image .alignright {
			float: right;
		}


		.gutenberg-content iframe.wp-block-google-maps {
			width: calc(67% - 20px);
			min-height: 450px;
			clear: left;
		}


}

@media only screen and (min-width : 992px) {

	header.desktop .cta {
		margin: 0 0 0 30px;
		position: relative;
		right: 0;
	}
	header.desktop .cta a {
		font-size: 14px;
		padding: 0 20px;
	}
	header.desktop .search_bar .content {
		top: -5px;
	}
	header.desktop .search_bar input {
		height: 40px;
	}
	header.desktop .search_bar .icon {
		top: 12px;
	}
	header.desktop .search_bar span.close::before {
		top: 9px;
	}
	header.desktop nav > ul > li {
		display: none;
		visibility: hidden;
	}
	header.desktop nav > ul > li:first-child,
	header.desktop nav > ul > li:nth-child(2),
	header.desktop nav > ul > li:nth-child(3) {
		display: inline-block;
		visibility: visible;
	}
	header.desktop .cta {
		top: 4px;
	}
	header.desktop .cta a {
		height: 40px;
		line-height: 40px;
	}

	section.stats ul li {
		font-size: 15px;
		margin: 0 25px 0 0;
	}

	section.stats time {
		font-size: 15px;
		display: inline-block;
		visibility: visible;
	}

	.latest-posts-content .item .data a.category {
		display: inline-block;
		visibility: visible;
	}

	header.desktop nav {
		display: inline-block;
		visibility: visible;
	}
	header.desktop .ham-menu {
		display: none;
		visibility: hidden;
	}
	header.desktop .search_bar {
		right: 180px;
	}

	.half-table {
		width: 40%;
		float: left;
		clear: left;
		margin-right: 20px;
		margin-top: 7px
	}

	.side-card {
		width: 33%;
		margin-left: 20px;
		margin-bottom: 20px;
		margin-top: 10px;
	}

	section.review-cover a.cta {
		margin: 40px 0 0 0;
	}


}

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

}

@media only screen and (min-width : 1100px) {

}

@media only screen and (min-width : 1200px) {

	.inner-cta .text {
		width: calc(100% - 344px);
	}
	.inner-cta .button {
		float: right;
		margin: 5px 0 0 0;
		width: 172px;
	}

	.inner-cta .text span.bonus {
		padding: 2px 0 0 0;
		margin: 7px 0 0 0;
		line-height: 18px;
		font-size: 24px;
	}
	footer .links .site .logo span {
		text-align: left;
	}
	footer .links .site .logo {
		width: 200px;
	}
	footer .links .site .logo a {
		text-align: left;
		width: auto;
	}

	header.desktop nav > ul > li {
		margin: 0 0 0 0;
	}

	header.desktop nav > ul > li:nth-child(4) {
		display: inline-block;
		visibility: visible;
	}

	header.desktop nav {
		padding: 10px 10px 0 30px;
	}

	footer .links .site .logo {
		float: left;
		margin: 0;
	}

	footer .links .site ul {
		list-style: none;
		float: right;
		text-align: left;
		width: auto;
		margin: 0;
	}

	footer .links .site ul li {
		float: left;
		margin: 0 30px 0 0;
	}

	footer .copyright {
		text-align: left;
		line-height: 15px;
	}

	.card-block-vertical .item {
		min-height: 530px;
	}

	.author-card ul li {
		margin: 0 24px 0 0;
		padding: 0 24px 0 0;
	}

	.latest-posts-content .item .thumbnail {
		height: 144px;
	}
	.casino-game-compare .head {
        display: inline-block;
        visibility: visible
    }
    .casino-game-compare .table .item ul li:nth-child(2) {
        width: 182px
    }
    .casino-game-compare .table .item {
        margin-bottom: 0;
        border-top: none;
        border-bottom: 1px solid var(--border-color) !important
    }
    .casino-game-compare .table .item ul li:nth-child(3) {
        width: 230px;
        border-top: none;
        border-bottom: none;
        border-left: none;
        height: 155px !important
    }
    .casino-game-compare .table .item ul li:nth-child(4) {
        width: 253px;
        height: 155px !important;
        border-left: none !important;
        border-bottom: none !important
    }
    .casino-game-compare .table .item ul li .features {
        padding: 22px 29px 0 29px
    }
    .casino-game-compare .table .item ul li .player-style {
        padding: 22px 29px 0 29px
    }
    .casino-game-compare .table .item ul li .features span.mob-head,
    .casino-game-compare .table .item ul li .player-style span.mob-head {
        display: none;
        visibility: hidden
    }
    .casino-game-compare .table .mobile-head {
        display: none;
        visibility: hidden
    }

}

@media only screen and (min-width : 1300px) {

}


@media only screen and (min-width : 1400px) {
	header.desktop .search_bar {
		width: 190px;
	}
	.container {
		width: 1370px;
	}

	header.desktop nav > ul > li {
		margin: 0 30px 0 0;
	}


	.card-block-vertical .item {
		min-height: 480px;
	}
	.casino-game-compare .table .item ul li:nth-child(4) {
		width: 425px;
	}
}

h1 {
  font-size: 25px;
  line-height: 30px;
}

:where(article, aside, nav, section) h1 {
  font-size: 25px;
  line-height: 30px;
}

.gutenberg-content h1 {
  font-size: 25px;
  line-height: 30px;
}