

/*---------- LAYOUT ----------*/



/*---------- 1140 ----------*/

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

	.container{

		padding: 0 40px;

	}

	.header_nav li{

		margin-right: 40px;

	}

	.header_theme{

		margin-left: 30px;

	}

	.footer_logo{

		width: 45%;

	}

	.footer_logo div p{

		margin-left: 60px;

	}

	.footer_nav li{

	    margin-left: 40px;

	}

	.home_hero:after,

	.home_casino:after,

	.home_experience:after{

		width: 1450px;

		height: 1504px;

		top: 0;

		left: -25%;

	}

	.home_about:before,

	.home_services:before,

	.home_projects:before{

		width: 1220px;

		height: 1139px;

		top: 0;

		right: -25%;

	}

	.home_projects_next{

	    right: 840px;

	}

	.home_projects_prev{

	    left: 840px;

	}

	.home_experience_video video{

		margin: 0 20px;

	}

	.home_contacts_btn{

		margin-top: 30px;

	}

}





/*---------- 992 ----------*/

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

	body{

		background-image: url(../img/bg_light_mobile.svg);

		background-repeat: no-repeat;

		background-size: cover;

	}

	body.white{

		background-image: url(../img/bg_light_white_mobile.svg);

		background-repeat: no-repeat;

		background-size: cover;

	}

	p{

		font-size: 14px;

		line-height: 28px;

	}

	h1{

		font-size: 28px;

		line-height: 48px;

	}

	h2{

		font-size: 24px;

		line-height: 36px;

	}

	h3{

		font-size: 22px;

		line-height: 33px;

	}

	.swiper-slide{
        width: 100% !important;
    }

	.home_hero_video video,

	.home_projects_slider video,

	.home_projects_slider video,

	.home_experience_video video{

	    border-radius: 24px;

	}

	.home_about_image img:hover,

	.home_casino_image img:hover{

		border-radius: 24px;

	}

	.header{

		padding: 25px 0;

	}

	.header_nav{

		display: none;

	}

	.header_burger{

		display: block;

	}

	.footer{

		padding: 0 0 40px;

	}

	.footer_block{

		flex-direction: column;

	}

	.footer_logo{

		width: 100%;

	}

	.footer_logo div{

		flex-direction: column;

		align-items: flex-start;

	}

	.footer_logo div p{

		font-size: 28px;

		line-height: 40px;

		transition: .3s;

		margin-left: 0;

		margin-top: 10px;

	}

	.footer_logo div p:hover{

		color: #CCFF00;

	}

	.footer_logo > p{

		display: none;

	}

	.footer_nav{

		padding: 0 40px;

	}

	.footer_nav ul{
		width: 280px;
		flex-wrap: wrap;

		margin-top: 20px;

	}

	.footer_nav li{

		margin-left: 0;

	}

	.footer_nav a{

		padding: 20px 30px;

	}

	.footer_social{

		max-width: 220px;

		flex-direction: column;

		align-items: flex-start;

		margin-top: 20px;

		margin: 20px auto 0;

	}

	.footer_social div a{
		margin-left: 0;
		margin-right: 24px;
	}

	.footer_social > a:nth-child(2){

		display: block;

		margin-top: 24px;

	}

	.footer_social > a{

		margin-top: 24px;

	}

	.home_hero_title{

		flex-direction: column;

	}

	.home_hero_title div{

		width: 100%;

	}

	.home_hero_title p{

		width: 100%;

		font-size: 14px;

		line-height: 28px;

		padding-left: 60px;

		margin-top: 60px;

	}

	.home_hero_info{

		flex-direction: column;

	}

	.home_hero_info p{

		font-size: 14px;

		width: 100%;

	}

	.home_hero_info div{

		width: 100%;

		margin-top: 60px;

	}

	.home_about{

	    padding: 40px 0 80px;

	}

	.home_about_block{

		flex-direction: column;

	}

	.home_about_title{

		width: 100%;

		margin-top: 30px;

	}

	.home_about_btn{

		margin-top: 40px;

	}

	.home_about_image{

		order: -1;

		width: 100%;

	}

	.home_about_list{

		margin-top: 60px;

	}

	.home_about_list p{

		font-size: 18px;

		line-height: 36px;

	}

	.home_about_list p:after{

		margin-top: 0;

	}

	.home_about_list span{

		font-size: 18px;

		line-height: 36px;

	}

	.home_about_list p:nth-child(2){

		margin-top: 60px;

	}

	.home_about_list p:nth-child(3){

		margin-top: 120px;

	}

	.home_about_list p{

		opacity: 0;

		transform: translateX(0);

		transition: all 1s;

	}

	.home_about_list p.anim-1.show{

		transform: translateX(0);

		opacity: 1;

	}

	.home_about_list p.anim-2.show{

		transform: translateX(0);

		opacity: 1;

	}

	.home_about_list p.anim-3.show{

		transform: translateX(0);

		opacity: 1;

	}

	.home_about_list p.anim-1{

		transform: translateX(-100px);

	}

	.home_about_list p.anim-2{

		transform: translateX(100px);

	}

	.home_about_list p.anim-3{

		transform: translateX(-100px);

	}

	.home_casino{

		padding-bottom: 60px;

	}

	.home_casino_block{

		flex-direction: column;

		margin-bottom: 60px;

	}

	.home_casino_image{

		order: -1;

		width: 100%;

	}

	.home_casino_title{

		width: 100%;

	}

	.home_casino_title h3,

	.home_casino_title h3:first-child{

		margin-top: 30px;

	}

	.home_casino_title p{

		margin-top: 10px;

	}

	.home_casino_offer{

		margin-top: 60px;

	}

	.home_casino_offer p{

		font-size: 22px;

		line-height: 36px;

	}

	.home_services{

		padding-bottom: 60px;

	}

	.home_services_list > div{

		padding: 40px 0 20px;

		align-items: flex-start;

	}

	.home_services_list span{

		font-size: 56px;

	}

	.home_services_list > div div{

		display: block;

		margin-left: 20px;

	}

	.home_services_list div:hover span{

		font-weight: 500;

	}

	.home_services_list h3{

		width: 100%;

	}

	.home_services_list div:hover h3{

		transform: scale(1);

	}

	.home_services_list p{

		width: 100%;

		margin-top: 20px;

	}

	.home_services_list div:hover p{

		transform: scale(1);

	}

	.home_projects{

		padding-bottom: 60px;

	}

	.home_projects_title{

		margin-top: 60px;

	}

	.home_projects_title div{

		width: 100%;

	}

	.home_projects_title p{

		font-size: 14px;

		line-height: 28px;

	}

	.home_projects_block{

		padding: 0 40px;

		display: flex;

		flex-direction: column;

		align-items: flex-start;

		margin: 60px 0 0;

	}

	.home_projects_slider .swiper-slide{

		height: 300px;

	}

	.home_projects_slider .swiper-slide-active{

	    transform: scale(1);

	}

	.arrows div{

		width: 48px;

		height: 48px;

		top: calc(50% - 67px);

	}

	.arrows img{

		width: 100%;

		height: 100%;

	}

	.home_projects_next{

        right: 10px;

    }

    .home_projects_prev{

        left: 10px;

    }

    .home_projects_btn{

		display: none;

	}

    .home_projects_btn_mobile{

		display: flex;

		margin-top: 30px;

	}

	.home_experience{

		padding-bottom: 60px;

	}

	.home_experience_title{

		margin-top: 0;

	}

	.home_experience_title div{

		width: 100%;

	}

	.home_experience_title p{

		font-size: 14px;

		line-height: 28px;

	}

	.home_experience_btn{

		display: none;

	}

	.home_experience .container{
		display: flex;
		flex-direction: column;
	}

	.home_experience_btn_mobile{

		display: flex;

		margin-top: 30px;

		margin-left: auto;

	}

	.home_experience_block{

		display: flex;

		flex-direction: column;

		align-items: flex-start;

	}

	.home_experience_video .swiper-slide{

	    flex-shrink: 0;

	}

	.home_experience_video > div{

		justify-content: stretch;

	}

	.home_experience_video .swiper-slide{

		height: 550px;

	}

	.home_experience_video video{

		width: 100%;

		height: 100%;

		margin: 0;

	}

	.home_experience_arrows{

		display: block;

	}

	.home_experience_arrows .home_projects_next{

        right: -10px;

    }

	.home_experience_arrows .home_projects_prev{

        left: -10px;

    }

    .home_contacts_block{

    	flex-direction: column;

    }

    .home_contacts_info{

    	width: 100%;

    }

    .home_contacts_form{

    	width: 100%;

    	margin-top: 30px;

    }

    .home_contacts_title p:first-child{

    	display: block;

    	font-size: 28px;

    	line-height: 40px;

    }

    .home_contacts_title p:first-child:after{

    	margin-top: 0;

    }

    .home_contacts_title p:last-child{

    	font-size: 16px;

    	line-height: 24px;

    	margin-top: 15px;

    }

    .home_contacts_address{

    	display: none;

    }

}





/*---------- 768 ----------*/

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

	.popup{

		width: calc(100% - 40px);

		height: 240px;

		margin: auto 20px;

	}

	.popup p:first-child{

		font-size: 20px;

		line-height: 33px;

	}

	.popup p:last-child{

		font-size: 12px;

		line-height: 22px;

		margin-top: 15px;

	}

	.home_hero:after,

	.home_about:before,

	.home_casino:after,

	.home_services:before,

	.home_projects:before,

	.home_experience:after{

		display: none;

	}

}





/*---------- 576 ----------*/

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

	.container{

		padding: 0 20px;

	}
	.home_projects_block{
		padding: 0 20px;
	}

	.mobile_menu{

	    padding: 25px 20px 40px;

	}

	.popup br{

		display: block;

	}

	.header_logo svg{

		width: 100px;

	}

	.footer_nav{

		padding: 0 20px;

	}

	.footer_nav a:hover{

	    color: #CCFF00;

	    transform: rotate(0deg);

	}

	.footer_nav a:after{

		background: transparent;

	}

	.home_hero{

		padding: 0 0 60px;

	}

	.home_hero_btn{

		margin-top: 30px;

	}

	.home_hero_title p{

		margin-top: 30px;

	}

	.home_hero_video{

		margin: 30px 0;

	}

	.home_hero_info div{

		grid-template-columns: repeat(2, 1fr);

		gap: 30px;

	}

	.home_hero_info svg:last-child{

		display: none;

	}

	.home_casino_offer{

		overflow: hidden;

		flex-direction: column;

	}

	.home_casino_offer p{

		width: 100%;

	}

	.home_casino_btn{

		overflow: visible;

		margin-top: 30px;

		margin-left: auto;

		position: relative;

		z-index: 9;

	}

	.home_casino_btn:before{

	    content: '';

	    display: block;

	    width: 100%;

	    height: 1px;

	    background: rgba(255, 255, 255, .4);

	    position: absolute;

	    z-index: 1;

	    left: -100%;

	}

	body.white .home_casino_btn:before{

		background: rgba(27, 27, 29, .5);

	}

	.home_experience_block{

/*		padding: 0 20px;*/

	}

}

