@charset "utf-8";

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

	.header {

		padding: 16px 30px;

	}





	.menu li > a {

		padding: 9px 12px;

	}

	.header__button {

		min-width: auto;

		padding: 14px 20px;

	}

}



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

	.benefits__image {

		z-index: -1;

	}

	.benefits__background {

		z-index: -2;

	}







}



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

	

	.cover {

		padding-left: 32px;

		padding-right: 32px;

	}



	.content-wrapper {

		padding: 20px 20px 0px 20px;

	}



	

	.header__logo {

		max-width: none;

	}

	.header__button-menu {

		display: block;

		-webkit-box-flex: 0;

		-webkit-flex: 0 1 auto;

		-ms-flex: 0 1 auto;

		    flex: 0 1 auto;

		-webkit-box-ordinal-group: 4;

		-webkit-order: 3;

		-ms-flex-order: 3;

		    order: 3;

		min-width: 0;

		border: 1px solid rgba(4, 66, 71, 1);

		background: rgba(4, 66, 71, 1);

		padding: 15px;

		margin: 0px 0px 0px 16px;

	}



	.header__button-menu svg {

		display: block;

		margin: 0px;

	}



	.header__button-menu svg rect {

		-webkit-transform-origin: 50% 50%;

		-ms-transform-origin: 50% 50%;

		    transform-origin: 50% 50%;

		-webkit-transition: all 0.5s;

		-o-transition: all 0.5s;

		transition: all 0.5s;

	}



	.header__button-menu.active {

		background: rgba(13, 115, 124, 1) !important;

	}



	.header__button-menu.active svg rect:nth-child(1) {

		x: -2px;

		y: 6px;

		width: 20px;

		-webkit-transform: rotate(225deg);

		-ms-transform: rotate(225deg);

		    transform: rotate(225deg);

	}



	.header__button-menu.active svg rect:nth-child(2) {

		-webkit-transform-origin: 50% 50%;

		-ms-transform-origin: 50% 50%;

		    transform-origin: 50% 50%;

		-webkit-transform: scale(0,2);

		-ms-transform: scale(0,2);

		    transform: scale(0,2);

	}



	.header__button-menu.active svg rect:nth-child(3) {

		x: -2px;

		y: 6px;

		width: 20px;

		-webkit-transform: rotate(135deg);

		-ms-transform: rotate(135deg);

		    transform: rotate(135deg);

	}



	.header__menu {

		display: block;

		position: absolute;

		top: -100vh;

		left: 0px;

		width: 100%;

		height: auto;

		max-height: -webkit-calc(100vh - 80px);

		max-height: calc(100vh - 80px);

		overflow: auto;

		background: rgba(13, 115, 124, 1);

		text-align: center;

		-webkit-box-shadow: 0px 0px 125px rgba(0,0,0,0.20);

		box-shadow: 0px 0px 125px rgba(0,0,0,0.20);

		opacity: 0.00;

		padding: 64px 32px;

		margin: 0px !important;

		z-index: -1;

		-webkit-transition: all 0.75s;

		-o-transition: all 0.75s;

		transition: all 0.75s;

	}





	.header__menu ul {

		display: block;

		max-width: 320px;

	}



	.header__menu ul:last-child {

		display: block;

	}



	.header__menu > * {

		margin: 24px auto 0px auto !important;

	}



	.header__button-menu.active ~ .header__menu {

		top: 100%;

		opacity: 1.00;

	}



	

	.header__button-menu:hover {

		border: 1px solid rgba(4, 66, 71, 1);

		background: rgba(4, 66, 71, 1);

	}



	.menu ul {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		    -ms-flex-direction: column;

		        flex-direction: column;

		margin: 16px 0px;

		background-color: transparent;

	}

	.menu li > a {

		border: 1px solid #fff;

	}

	.menu li {

		width: 100%;

	}

	.menu li + li {

		margin: 10px 0px 0px 0px;

	}



	

	

	.welcome__type-list {

		-webkit-box-align: stretch;

		-webkit-align-items: stretch;

		-ms-flex-align: stretch;

		    align-items: stretch;

	}





	.prime {

		padding: 0;

	}





	.sidebar__head {

		padding: 15px 12px;

	}

	.sidebar__head .button .icon-play {

		margin-right: 5px;

	}



	.sidebar__head .button span {

		text-align: center;

	}





	.benefits {

		padding: 20px;

	}

	.bonus-page .prime__image {

		right: 0;

	}

	.app-page .prime__image {

		right: 0;

	}







	.footer .content {

		padding: 0px 335px 0px 20px;

	}





}







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

	



	.sidebar {

		display: none;

	}



	

	.app-banner__logo {

		margin: 0;

	}



	.content-body {

		width: 100%;

	}



	.header__menu .sidebar__menu {

		display: block;

		max-width: 320px;

		margin-top: 10px;

		padding: 0px;

		background: transparent;

	}



	.header__menu .events__gallery {

		display: -webkit-box;

		display: -webkit-flex;

		display: -ms-flexbox;

		display: flex;

		max-width: 320px;

		margin-top: 0px!important;

	}



	.header__menu .events__title {

		display: block;

		max-width: 320px;

	}





	.menu .sidebar__menu li {

		border: none;

	}



	



	.footer .content {

		padding: 0px 20px 0px 20px;

	}

	



	.about__image {

		opacity: 0.6;

	}



	.welcome__type-list > li {

		padding: 30px 50px;

	}



	.welcome-item__image {

		width: 230px;

		height: 230px;

		margin-right: 50px;

	}



}









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

	

	.welcome__type {

		margin: 20px 0px;

	}



	.welcome__type-list {

		margin: 0;

	}

	





	.prime__image {

		z-index: -1;

	}



	.about__info li {

		padding: 8px 0px;

	}



	.about__title span {

		margin: 0;

	}



	.feedback-carousel .item-icon {

		width: 50px;

		height: 50px;

	}



	

	



	.app-banner {

		padding: 20px;

		-webkit-flex-wrap: wrap;

			-ms-flex-wrap: wrap;

				flex-wrap: wrap;

	}



	.app-banner__inner {

		width: 100%;

		display: -webkit-box;

		display: -webkit-flex;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-align: center;

		-webkit-align-items: center;

			-ms-flex-align: center;

				align-items: center;

		-webkit-box-pack: center;

		-webkit-justify-content: center;

			-ms-flex-pack: center;

				justify-content: center;

	}

	.app-banner__inner a{

		margin: 0px 10px;

	}





	.app-page .prime__image {

		right: 0;

	}

	.bonus-page .prime__image {

		right: 0;

	}





	.welcome__image {

		display: none;

	}



	

}







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

	.navigation__list {

		-webkit-flex-wrap: wrap;

		    -ms-flex-wrap: wrap;

		        flex-wrap: wrap;

	}

	.navigation__list li {

		width: 33.33%;

	}

	

	.apps {

		margin-bottom: 20px;

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		    -ms-flex-direction: column;

		        flex-direction: column;

		-webkit-box-align: center;

		-webkit-align-items: center;

		    -ms-flex-align: center;

		        align-items: center

	}

	.apps__btn {

		margin: 14px 0px 0px 0px;

	}

	.apps__text {

		text-align: center;

	}





	.feedback-carousel .item {

		padding: 20px 15px 20px 15px;

	}

	.header .header__button {

		display: none;

	}

	.header__menu .header__button-login, .header__menu .header__button-signup {

		display: inline-block;

		width: 160px;

		margin: 0;

	}



	.app-page .prime__image{

		height: 100%;

	}



	.bonus-page .prime__image {

		height: 100%;

	}

	.benefits__image {

		display: none;

	}

	.upto__list {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		    -ms-flex-direction: column;

		        flex-direction: column;

	}

	.upto__list li + li {

		margin: 14px 0px 0px 0px;

	}





	.faq__wrapper {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		    -ms-flex-direction: column;

		        flex-direction: column;

	}

	.faq__list {

		width: 100%;

	}

	.faq-item__title {

		padding: 12px 40px 12px 10px;

	}

	.faq-item__desc .wrap {

		padding: 0px 10px 10px 10px;

	}



	.about__info li {

		width: 100%;

		margin: 0;

	}

	.about__info li + li {

		margin-top: 15px;

	}



	.about__rating p {

		margin: 0px 0px 5px 0px;

	}



	.about__rating li {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		    -ms-flex-direction: column;

		        flex-direction: column;

		-webkit-box-align: start;

		-webkit-align-items: flex-start;

		    -ms-flex-align: start;

		        align-items: flex-start;

	}



	.welcome-item__image {

		margin: 0px 0px 12px 0px;

	}

	.welcome__type-list > li {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		    -ms-flex-direction: column;

		        flex-direction: column;

		text-align: center;

		padding: 12px 15px 20px 15px;

	}

	.welcome__type-inner  {

		-webkit-box-align: center;

		-webkit-align-items: center;

		    -ms-flex-align: center;

		        align-items: center;

		text-align: center;

	}

	.welcome-item__image {

		width: 100%;

	}



	.welcome__wrap {

		text-align: center;

		margin: 0 auto;

		max-width: 100%;

	}

	.welcome__image {

		width: 100%;

	}

}







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

	

	.title.prime__title {

		font-size: 9vw;

		line-height: 10vw;

		text-align: center;

	}

	h2, .title.high {

		font-size: 8vw;

		line-height: 9vw;

		text-align: center;

		

	}



	h3, .title.middle {

		font-size: 7vw;

		line-height: 9vw;

		text-align: center;

	}



	h4, .title.mini {

		font-size: 6vw;

		line-height: 7vw;

		text-align: center;

	}





	.app-banner__background img{

		-o-object-position: center;

		   object-position: center;

	}



	.rating__item {

		-webkit-box-align: center;

		-webkit-align-items: center;

		    -ms-flex-align: center;

		        align-items: center;

	}



  .footer.not-covered .content{

    padding: 0px 16px 0px 16px;

  }





	.footer .content {

		padding: 0px 16px;

	}



  .footer__item-bottom {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

	.upto .upto__title {

		margin-bottom: 24px;

	}



	.btn-box {

		text-align: center;

	}



	.review__desc h4 {

		margin: 24px 0px 16px 0px;

	}

	.review__desc h3 {

		margin: 24px 0px 16px 0px;

	}



	.sidebar {

		margin-right: 12px;

	}



	.content-wrapper {

		padding: 10px 16px 0px 16px;

	}



	

	.content,

	.cover {

		padding-left: 12px;

		padding-right: 12px;

	}



	body {

		font-size: 14px;

	}



	

	

	.apps {

		padding: 10px;

	}

	.apps__text {

		font-size: 13px;

	}



	.about__image {

		display: none;

	}



	

	.prime__image {

		left: 0;

		width: 100%;

		max-width: 100%;

		z-index: -1;

		height: 100%;

	}



	.prime__background img {

		-o-object-position: right;

		   object-position: right;

	}

	.prime__image img {

		-o-object-position: top;

		   object-position: top;

	}

	.prime.prime--bg .prime__image {

		top: 0;

	}





	.prime {

		padding: 0;

	}



	.prime__image img {

		width: 100%;

		height: 100%;

		-o-object-fit: cover;

		object-fit: cover;

		margin: auto;

	}







	.prime__wrap {

		text-align: center;

		padding: 40px 15px;

		-webkit-box-align: center;

		-webkit-align-items: center;

		    -ms-flex-align: center;

		        align-items: center;

		background-color: rgba(20, 30, 85, 0.2);

	}

	.bonus-page .prime__wrap {

		padding: 40px 15px;

		text-align: center;

	}



	.app-page .prime__wrap {

		padding: 40px 15px;

		text-align: center;

	}









	

	.welcome__section {

		text-align: center;

		padding: 30px 20px;

	}

	.welcome__bonus {

		text-align: center;

	}





	



	.benefits__wrap > div {

		width: 100%;

	}

	.benefits__title {

		text-align: center;

	}







	.header__menu {

		padding: 40px 20px;

	}



	.header__menu ul {

		max-width: 100%;

	}

	.header__menu .sidebar__menu {

		max-width: 100%;

	}





	



	.app-banner__logo {

		width: 100%;

		margin-bottom: 20px;

		text-align: center;

		-webkit-box-ordinal-group: -1;

		-webkit-order: -2;

		    -ms-flex-order: -2;

		        order: -2;

	}

	.app-banner {

		padding: 15px;

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		    -ms-flex-direction: column;

		        flex-direction: column;

		-webkit-flex-wrap: nowrap;

		    -ms-flex-wrap: nowrap;

		        flex-wrap: nowrap;

	}

	.app-banner__button {

		margin: 0px 0px 20px 0px;

	}

	.app-banner__inner {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		    -ms-flex-direction: column;

		        flex-direction: column;

	}







	

	.breadcrumbs {

		text-align: center;

		font-weight: 600;

	}





	.benefits {

		padding: 20px;

	}





	.feedback-carousel {

		padding: 0;

	}

	.feedback-carousel .item {

		-webkit-box-align: start;

		-webkit-align-items: flex-start;

		    -ms-flex-align: start;

		        align-items: flex-start;

	}

	.feedback__title {

		padding: 0;

		font-size: 8vw;

		line-height: 9vw;

		margin: 0px 0px 20px 0px;

	}

	.feedback-carousel .item {

		-webkit-box-align: start;

		-webkit-align-items: flex-start;

		    -ms-flex-align: start;

		        align-items: flex-start;

	}

	.feedback-carousel .owl-next {

		right: -20px;

	}

	.feedback-carousel .owl-prev {

		left: -20px;

	}



	.feedback-carousel .item-icon {

		margin-right: 12px;

	}







	.support__contacts li {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		    -ms-flex-direction: column;

		        flex-direction: column;

	}

	.support__contacts-label, .support__contacts-value {

		width: 100%;

	}



	.support__contacts-label {

		padding: 0px 0px 14px 0px;

	}

	.benefits__list {

		margin: 0 auto;

	}





	.welcome__type-list > li {

		background-position: center bottom;

	}





	.review {

		padding: 20px 20px 25px 20px;

	}







	.support__title {

		font-size: 8vw;

		margin-bottom: 16px;

		line-height: 9vw;

	}

	.supports__flags {

		-webkit-box-pack: center;

		-webkit-justify-content: center;

		    -ms-flex-pack: center;

		        justify-content: center;

	}

	.support__btns {

		-webkit-flex-wrap: wrap;

		    -ms-flex-wrap: wrap;

		        flex-wrap: wrap;

		-webkit-box-pack: center;

		-webkit-justify-content: center;

		    -ms-flex-pack: center;

		        justify-content: center;

	}

	.support__btns li + li {

		margin: 5px 10px;

	}

	.support__btns li {

		margin: 5px 10px;

		min-width: 135px;

	}



	.support p {

		margin-bottom: 26px;

		text-align: center;

	}



	.support__background img {

		height: 50%;

	}



	.faq-item__title svg {

		top: 20px;

	}



	.feedback-carousel .owl-nav {

		position: static;

		-webkit-box-pack: center;

		-webkit-justify-content: center;

		    -ms-flex-pack: center;

		        justify-content: center;

		margin-top: 15px;

	}

	

}



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

	.rating__numbers {

		font-size: 20px;

	}

	.prime {

		min-height: auto;

	}



	.supports__flags img {

		width: 42px;

	}



	.supports__flags li + li {

		margin-left: 10px;

	}

	.support p {

		margin-bottom: 16px;

	}



	.footer .content {

    padding: 0px 16px 16px 16px;

  }



  .footer__item-center {

    padding-top: 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -webkit-flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }



  .footer__item-top {

    padding-bottom: 16px;

  }



  .footer .icon {

    margin: 5px 10px;

    max-width: 45px;

    min-width: 45px;

  }



  .footer__copy {

    margin-top: 10px;

  }

	.about__rating {

		white-space: nowrap;

		overflow-x: auto;

		overflow-y: hidden;

		width: 100%;

		padding-bottom: 15px;

	}

	.about__rating li {

		padding: 0px 10px;

		background: transparent;



	}

	.about__rating {

		background: #80BEF8;

		-webkit-border-radius: 6px;

		        border-radius: 6px;

		padding: 10px 0px;

	}



	.about__info li {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		    -ms-flex-direction: column;

		        flex-direction: column;

	}



	.about__info p {

		-webkit-box-pack: center;

		-webkit-justify-content: center;

		    -ms-flex-pack: center;

		        justify-content: center;

		text-align: center;

	}

	.about__info p:first-child {

		width: 100%;

		margin-bottom: 6px;

	}

	.about__info p:last-child {

		width: 100%;

	}

}



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

	.apps__text {

		font-size: 12px;

	}

	.section {

		padding: 20px 15px;

	}



	.feedback {

		padding: 20px;

	}



	.prime__wrap {

		padding: 30px 15px 35px 15px;

	}

	.bonus-page .prime__wrap {

		padding: 30px 15px 35px 15px;

	}

	.app-page .prime__wrap {

		padding: 30px 15px 35px 15px;

	}





	.header__language-dropdown > div {

		padding: 9px 20px 9px 12px;

	}

	.header__language-dropdown > div::before {

		right: 4px;

	}

	.header__language-dropdown > ul {

		padding: 12px 7px 12px 12px;

	}

	.header__logo {

		max-width: 110px;

	}

	.header__language-dropdown {

		max-width: 100px;

	}

	.menu li > a {

		padding: 9px;

	}

	.sidebar__menu a span {

		white-space: normal;

	}

	.header__menu {

		padding: 32px 15px;

	}

	.header__menu .header__button-login, .header__menu .header__button-signup {

		width: 130px;

		padding: 16px 10px;

	}

	.header__menu .header__button-login, .header__menu .header__button-signup {

		width: 100%;

	}







	.welcome__wrap {

		padding: 18px 12px;

	}





	.welcome__bonus {

		font-size: 36px;

		line-height: 42px;

	}

	.welcome__bonus + .welcome__bonus {

		font-size: 26px;

		line-height: 30px;

	}



	.benefits__list li {

		padding: 16px 10px 16px 55px;

	}

	.benefits__list li span {

		left: 5px;

		font-size: 42px;

	}



	.faq-item__title {

		font-size: 16px;

		padding: 12px 30px 12px 10px;

	}

	.faq-item__title svg {

		height: 10px;

		width: 12px;

		top: 18px;

	}

}



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

	.app-banner__button {

		min-width: 85%;

	} 



	.support__btns li {

		min-width: 180px;

		text-align: center;

	}

}