/*---------- MAIN ----------*/
*{
margin: 0;
padding: 0;
box-sizing: border-box !important;
-webkit-tap-highlight-color: transparent;
}
html, body{
overflow-x: hidden;
}
html{
scroll-behavior: smooth;
}
body{
font-family: "Plus Jakarta Sans", sans-serif;
font-size: 18px;
color: #fff;
background: #120A0A;
background-image: url(../img/bg_light.svg);
background-repeat: no-repeat;
background-size: cover;
}
body.white{
background: #fff;
background-image: url(../img/bg_light_white.svg);
background-repeat: no-repeat;
background-size: cover;
color: #1B1B1D;
}
.no-scroll{
overflow: hidden;
height: 100vh;
}
section,
header,
footer{
position: relative;
z-index: 1;
}
p{
font-weight: 300;
line-height: 40px;
}
a{
color: #fff;
transition: .6s;
}
video{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
z-index: 6;
}
body.white a{
color: #1B1B1D;
}
.container{
max-width: 1440px;
padding: 0 80px;
margin: 0 auto;
}
ul,
li,
img,
a,
button,
label,
input,
textarea{
display: block;
}
a{
text-decoration: none;
}
a,
button,
input,
textarea,
select,
.slick-slide{
outline: none;
border: none;
}
input,
textarea,
button{
border-radius: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
-webkit-box-shadow: 0 0 0 40px white inset !important;
-webkit-text-fill-color: #000 !important;
}
form span{
font-size: 16px;
line-height: 24px;
}
form label{
cursor: pointer;
display: flex;
font-size: 12px;
position: relative;
}
form label:before{
content: '';
display: flex;
align-items: center;
justify-content: center;
min-width: 16px;
max-width: 16px;
width: 16px;
height: 16px;
border: 1.5px solid #6F6B6B;
margin-right: 15px;
transition: .3s;
}
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:checked + label + label:before{
background: #CCFF00;
}
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:checked + label + label:after{
content: '✔';
display: block;
width: 10px;
height: 16px;
color: #1B1B1D;
position: absolute;
top: 0;
left: 5px;
transition: .3s;
}
input[type="checkbox"].error + label + label:before{
border: 1.5px solid #f00;
}
input[type="checkbox"]{
visibility: hidden;
opacity: 0;
position: absolute;
z-index: -9;
}
input{
width: 100%;
height: 56px;
padding: 0 20px;
background: transparent;
border: 1.5px solid #6F6B6B;
font-size: 18px;
color: #fff;
margin-bottom: 20px;
transition: .3s;
}
input:focus{
border: 1.5px solid #CCFF00;
}
body.white input{
border: 1px solid #9F9F9F;
color: #6F6B6B;
}
input.error,
body.white input.error{
border: 1.5px solid #f00;
}
textarea{
resize: none;
}
label.error{
visibility: hidden;
position: absolute;
z-index: -9;
}
/*h1-h6*/
h1{
font-size: 44px;
line-height: 60px;
font-weight: 500;
}
h2{
font-family: "Poppins", sans-serif;
font-size: 32px;
line-height: 40px;
font-weight: 500;
display: flex;
align-items: center;
text-transform: uppercase;
}
h2:before{
content: '';
display: block;
width: 32px;
height: 2px;
background: #fff;
margin-right: 24px;
}
body.white h2:before{
transition: .3s;
background: #1B1B1D;
}
h3{
font-size: 28px;
line-height: 40px;
font-weight: 500;
}
/*btn*/
.btn{
cursor: pointer;
overflow: hidden;
height: 56px;
border: 1px solid #fff;
border-radius: 30px;
padding: 16px 0 16px 14px;
background: transparent;
display: flex;
align-items: center;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
transition: 1s;
}
body.white .btn{
border: 1px solid #1B1B1D;
color: #1B1B1D;
}
.btn:hover{
background: #CCFF00;
border: 1px solid #CCFF00;
color: #1B1B1D;
}
body.white .btn:hover{
border: 1px solid #CCFF00;
}
.btn:after{
content: '';
display: block;
width: 71px;
height: 14px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
margin-left: 20px;
animation: none;
}
body.white .btn:after{
background-image: url("data:image/svg+xml;utf8,");
}
.btn:hover:after{
animation: runAndBackArrow 2s;
background-image: url("data:image/svg+xml;utf8,");
}
@keyframes runAndBackArrow{
0%{
transform: translateX(0);
}
50%{
transform: translateX(100px);
}
100%{
transform: translateX(0);
}
}
/*arrows*/
.arrows div{
cursor: pointer;
position: absolute;
z-index: 7;
top: calc(50% - 38px);
}
/*animated*/
@keyframes rotateLeftBg{
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/*background music*/
#toggle_music{
cursor: pointer;
font-size: 20px;
position: fixed;
z-index: 9;
right: 30px;
bottom: 30px;
padding: 10px;
background: transparent;
}
/*popup*/
.popup_bg{
width: 100%;
height: 100%;
background: #090A0CA6;
position: fixed;
z-index: 8;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
}
.popup{
width: 740px;
height: 350px;
padding: 20px;
background: #fff;
border-radius: 32px;
margin: auto;
position: fixed;
z-index: 9;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
}
.popup svg{
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
}
.popup div{
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.popup p{
font-family: "Poppins", sans-serif;
text-align: center;
color: #1B1B1D;
}
.popup p:first-child{
font-size: 36px;
line-height: 54px;
font-weight: 500;
}
.popup p:last-child{
font-size: 24px;
line-height: 36px;
font-weight: 400;
margin-top: 25px;
}
.popup br{
display: none;
}
/*---------- HEADER ----------*/
.header{
padding: 40px 0;
position: relative;
z-index: 2;
}
.header_block{
display: flex;
align-items: center;
justify-content: space-between;
}
.header_logo svg{
transition: .6s;
}
body.white .header_logo svg path{
fill: #1B1B1D;
}
.header_panel{
display: flex;
align-items: center;
}
.header_nav ul{
display: flex;
}
.header_nav li{
margin-right: 60px;
}
.header_nav a{
font-family: "Poppins", sans-serif;
color: #fff;
transition: .3s;
position: relative;
}
.header_nav a:hover{
color: #1B1B1D;
transform: rotate(-20deg);
}
.header_nav a:after{
content: '';
display: block;
width: 100px;
height: 100px;
background: #CBC9C9;
border-radius: 50%;
transition: .3s;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
.header_nav a:hover:after{
opacity: 1;
}
.header_lang{
display: flex;
align-items: center;
transition: .3s;
}
.header_lang:hover{
transform: rotate(-20deg);
}
.header_lang a{
font-family: "Poppins", sans-serif;
transition: .3s;
position: relative;
}
.header_lang:hover a{
color: #1B1B1D;
}
.header_lang:after{
content: '';
display: block;
width: 100px;
height: 100px;
background: #CBC9C9;
border-radius: 50%;
transition: .3s;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
.header_lang:hover:after{
opacity: 1;
}
body.white .header_lang a:after{
border-bottom: 1px solid #1B1B1D;
}
.header_lang a:hover:after{
width: 100%;
}
.header_lang span{
display: block;
transition: .3s;
margin: 0 10px;
}
.header_lang:hover span{
color: #1B1B1D;
}
.header_theme{
cursor: pointer;
width: 37px;
height: 17px;
border: 1px solid #fff;
border-radius: 8px;
padding: 1px;
margin-left: 100px;
position: relative;
}
body.white .header_theme{
border: 1px solid #1B1B1D;
}
.header_theme img:first-child{
position: absolute;
top: 1px;
left: 1px;
opacity: 0;
transition: .6s;
}
body.white .header_theme img:first-child{
opacity: 1;
}
.header_theme img:last-child{
position: absolute;
top: 1px;
right: 1px;
transition: .6s;
}
body.white .header_theme img:last-child{
opacity: 0;
}
.header_theme div{
cursor: pointer;
width: 13px;
height: 13px;
background: #fff;
border-radius: 50%;
transition: .3s linear;
position: relative;
}
.header_theme div.active{
background: #1B1B1D;
transform: translateX(20px);
}
.header_burger{
cursor: pointer;
width: 28px;
margin-left: 30px;
display: none;
}
.header_burger div{
height: 2px;
background: #fff;
margin-top: 7px;
transition: .3s;
}
.header_burger div:first-child{
margin-top: 0;
}
body.white .header_burger div{
background: #120A0A;
}
.mobile_menu{
height: 100vh;
background: #120A0A;
padding: 25px 40px 40px;
position: fixed;
top: 0;
left: 0;
right: 0;
display: none;
}
body.white .mobile_menu{
background: #fff;
}
.mobile_menu:before{
content: '';
display: block;
width: 100%;
height: 100%;
background-image: url(../img/bg_mobile.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
}
body.white .mobile_menu:before{
background-image: url(../img/bg_mobile_white.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.mobile_menu_top{
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 1;
}
.header_cross{
cursor: pointer;
width: 24px;
height: 24px;
position: relative;
}
.header_cross div{
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 2px;
background: #fff;
transform-origin: center;
transition: .3s;
}
.header_cross div:first-child{
transform: translate(-50%, -50%) rotate(45deg);
}
.header_cross div:last-child{
transform: translate(-50%, -50%) rotate(-45deg);
}
body.white .header_cross div{
background: #120A0A;
}
.mobile_header_nav{
margin-top: 50px;
position: relative;
z-index: 1;
}
.mobile_header_nav a{
font-family: "Poppins", sans-serif;
font-size: 36px;
line-height: 54px;
font-weight: 300;
padding: 10px 0;
transition: .3s;
}
.mobile_header_nav a:hover{
color: #CCFF00;
}
.mobile_header_title{
margin-top: 50px;
position: relative;
z-index: 1;
}
.mobile_header_title p{
transition: .3s;
}
.mobile_header_title p:hover{
color: #CCFF00;
}
.mobile_header_title p:first-child{
display: inline-block;
font-size: 32px;
line-height: 50px;
font-weight: 400;
position: relative;
}
.mobile_header_title p:first-child:after{
content: '';
display: block;
width: 100%;
height: 8px;
background-image: url(../img/under_line.svg);
margin-top: 5px;
}
.mobile_header_title p:last-child{
font-family: "Poppins", sans-serif;
font-size: 16px;
line-height: 24px;
margin-top: 20px;
}
.mobile_header_social{
display: flex;
justify-content: center;
margin-top: 50px;
position: relative;
z-index: 1;
}
.mobile_header_social a{
width: 40px;
height: 40px;
background: #D9D9D9;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: .3s;
margin-right: 15px;
}
.mobile_header_social a:hover{
background: #CCFF00;
}
.mobile_header_contacts{
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 1;
}
.mobile_header_contacts a{
font-family: "Poppins", sans-serif;
font-weight: 300;
transition: .3s;
margin-top: 20px;
}
.mobile_header_contacts a:hover{
color: #CCFF00;
}
/*---------- FOOTER ----------*/
.footer{
padding: 100px 0;
position: relative;
z-index: 2;
}
.footer_block{
display: flex;
align-items: center;
justify-content: space-between;
}
.footer_logo svg{
transition: .6s;
}
body.white .footer_logo svg path{
fill: #1B1B1D;
}
.footer_logo div{
display: flex;
align-items: center;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
transition: .6s;
}
body.white .footer_logo div{
border-bottom: 1px solid rgba(27, 27, 29, .4);
}
.footer_logo div p{
font-size: 40px;
line-height: 60px;
margin-left: 80px;
}
.footer_logo > p{
font-size: 14px;
line-height: 24px;
opacity: .4;
margin-top: 50px;
transition: .6s;
}
body.white .footer_logo > p{
opacity: .8;
}
.footer_nav ul{
display: flex;
margin-left: auto;
}
.footer_nav li{
margin-left: 67px;
}
.footer_nav a{
font-family: "Poppins", sans-serif;
color: #fff;
transition: .3s;
position: relative;
}
.footer_nav a:hover{
color: #1B1B1D;
transform: rotate(-20deg);
}
.footer_nav a:after{
content: '';
display: block;
width: 100px;
height: 100px;
background: #CBC9C9;
border-radius: 50%;
transition: .3s;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}
.footer_nav a:hover:after{
opacity: 1;
}
.footer_social{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 100px;
}
.footer_social div{
display: flex;
}
.footer_social div a{
width: 40px;
height: 40px;
background: #D9D9D9;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: .3s;
margin-left: 24px;
}
.footer_social div a:hover{
background: #CCFF00;
}
.footer_social > a{
font-weight: 300;
transition: .3s;
}
.footer_social > a:hover{
color: #CCFF00;
}
.footer_social > a:nth-child(2){
display: none;
}
/*---------- HOME PAGE ----------*/
/*---------- HOME HERO ----------*/
.home_hero{
padding: 60px 0;
position: relative;
}
.home_hero:after{
content: '';
display: block;
width: 2901px;
height: 3009px;
background-image: url(../img/bg_left.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transition: .6s;
position: absolute;
z-index: -1;
top: -75%;
left: -75%;
animation: rotateLeftBg 120s linear infinite;
opacity: .5;
}
body.white .home_hero:after{
opacity: .1;
}
.home_hero_block{
position: relative;
z-index: 3;
}
.home_hero_title{
display: flex;
position: relative;
z-index: 3;
}
.home_hero_title div{
width: 48%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.home_hero_title p{
width: 48%;
font-family: "Poppins", sans-serif;
font-size: 22px;
font-weight: 300;
margin-top: 120px;
}
.home_hero_btn{
margin-top: 40px;
}
.home_hero_video{
margin: 50px 0;
}
.home_hero_video video{
width: 100%;
border-radius: 32px;
}
.home_hero_info{
display: flex;
justify-content: space-between;
}
.home_hero_info p{
width: 45%;
font-size: 22px;
}
.home_hero_info div{
width: 45%;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 60px;
transition: .6s;
}
body.white .home_hero_info svg path{
fill: #1B1B1D;
}
/*---------- HOME ABOUT ----------*/
.home_about{
padding: 60px 0 160px;
position: relative;
}
.home_about:before{
content: '';
display: block;
width: 2441px;
height: 2278px;
background-image: url(../img/bg_right.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transition: .6s;
position: absolute;
z-index: -1;
top: -25%;
right: -50%;
animation: rotateLeftBg 120s linear infinite;
opacity: .5;
}
body.white .home_about:before{
opacity: .1;
}
.home_about_block{
display: flex;
justify-content: space-between;
margin-top: 50px;
position: relative;
z-index: 3;
}
.home_about_title{
width: 35%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.home_about_btn{
margin-top: 100px;
}
.home_about_image{
width: 55%;
}
.home_about_image img{
width: 100%;
height: 100%;
object-fit: cover;
transition: .5s;
}
.home_about_image img:hover{
border-radius: 64px;
}
.home_about_list{
display: flex;
justify-content: space-between;
margin-top: 160px;
}
.home_about_list p{
display: inline-block;
font-size: 32px;
font-weight: 600;
text-transform: uppercase;
position: relative;
}
.home_about_list p:after{
content: '';
display: block;
width: 100%;
height: 8px;
background-image: url(../img/under_line.svg);
margin-top: 5px;
}
.home_about_list span{
font-size: 40px;
font-weight: 600;
color: #CCFF00;
text-transform: uppercase;
}
/*---------- HOME CASINO ----------*/
.home_casino{
padding-bottom: 160px;
position: relative;
}
.home_casino:after{
content: '';
display: block;
width: 2901px;
height: 3009px;
background-image: url(../img/bg_left.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transition: .6s;
position: absolute;
z-index: -1;
top: 25%;
left: -75%;
animation: rotateLeftBg 120s linear infinite;
opacity: .5;
}
body.white .home_casino:after{
opacity: .1;
}
.home_casino_block{
display: flex;
justify-content: space-between;
margin-bottom: 112px;
position: relative;
z-index: 3;
}
.home_casino_title{
width: 40%;
}
.home_casino_title h3{
margin-top: 48px;
}
.home_casino_title h3:first-child{
margin-top: 0;
}
.home_casino_title p{
margin-top: 15px;
}
.home_casino_image{
width: 50%;
}
.home_casino_image img{
width: 100%;
height: 100%;
object-fit: cover;
transition: .5s;
}
.home_casino_image img:hover{
border-radius: 64px;
}
.home_casino_offer{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 160px;
position: relative;
z-index: 3;
}
.home_casino_offer p{
width: calc(100% - 228px);
display: flex;
align-items: center;
font-size: 40px;
font-weight: 300;
white-space: nowrap;
}
.home_casino_offer p:after{
content: '';
display: block;
width: 100%;
height: 1px;
background: rgba(255, 255, 255, .4);
}
body.white .home_casino_offer p:after{
background: rgba(27, 27, 29, .5);
}
/*---------- HOME SERVICES ----------*/
.home_services{
padding-bottom: 120px;
position: relative;
}
.home_services:before{
content: '';
display: block;
width: 2441px;
height: 2278px;
background-image: url(../img/bg_right.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transition: .6s;
position: absolute;
z-index: -1;
top: 0%;
right: -50%;
animation: rotateLeftBg 120s linear infinite;
opacity: .5;
}
body.white .home_services:before{
opacity: .1;
}
.home_services h2{
position: relative;
z-index: 3;
}
.home_services_list{
position: relative;
z-index: 3;
}
.home_services_list > div{
padding: 60px 0;
border-bottom: 1px solid #393939;
display: flex;
align-items: center;
justify-content: space-between;
transition: padding 1s;
gap: 20px;
}
body.white .home_services_list > div{
border-bottom: 1px solid rgba(57, 57, 57, .5);
}
.home_services_list > div div{
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 10%;
}
.home_services_list span{
font-size: 64px;
color: #6F6B6B;
transition: transform 1s, color 1s , font-weight 1s;
transform-origin: left center;
}
.home_services_list h3{
width: 30%;
transition: transform 1s, font-weight 1s;
transform-origin: left center;
}
.home_services_list p{
width: 60%;
transition: transform 1s;
transform-origin: left center;
}
.home_services_list div:hover span{
transform: scale(1.125);
font-weight: 700;
color: #CCFF00;
}
.home_services_list div:hover h3{
transform: scale(1.14);
}
.home_services_list div:hover p{
transform: scale(1.11);
}
/*---------- HOME PROJECTS ----------*/
.home_projects{
padding-bottom: 120px;
position: relative;
z-index: 3;
}
.home_projects:before{
content: '';
display: block;
width: 2441px;
height: 2278px;
background-image: url(../img/bg_right.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transition: .6s;
position: absolute;
z-index: -1;
bottom: 0;
right: -75%;
animation: rotateLeftBg 120s linear infinite;
opacity: .5;
}
body.white .home_projects:before{
opacity: .1;
}
.home_projects_title{
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-top: 60px;
position: relative;
z-index: 3;
}
.home_projects_title div{
width: 50%;
}
.home_projects_title p{
font-family: "Poppins", sans-serif;
font-size: 22px;
margin-top: 20px;
}
.home_projects_block{
margin: 120px -800px 0;
position: relative;
z-index: 3;
}
.home_projects_slider{
width: 100%;
overflow: visible;
}
.home_projects_slider .swiper-slide{
height: 550px;
transition: .3s;
}
.home_projects_slider .swiper-slide-active{
transform: scale(1.2);
}
.home_projects_slider .swiper-slide:before{
content: '';
display: block;
background: rgba(0, 0, 0, .4);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.home_projects_slider .swiper-slide-active:before{
background: transparent;
}
.home_projects_slider video{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 32px;
}
.home_projects_next{
right: 920px;
}
.home_projects_prev{
left: 920px;
}
.home_projects_title_2{
margin-top: 180px;
}
.home_projects_btn_mobile{
display: none;
}
/*---------- HOME EXPERIENCE ----------*/
.home_experience{
padding-bottom: 120px;
position: relative;
}
.home_experience:after{
content: '';
display: block;
width: 2901px;
height: 3009px;
background-image: url(../img/bg_left.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transition: .6s;
position: absolute;
z-index: -1;
top: -175%;
left: -75%;
animation: rotateLeftBg 120s linear infinite;
opacity: .5;
}
body.white .home_experience:after{
opacity: .1;
}
.home_experience_title{
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-top: 60px;
position: relative;
z-index: 3;
}
.home_experience_title div{
width: 50%;
}
.home_experience_title p{
font-family: "Poppins", sans-serif;
font-size: 22px;
margin-top: 20px;
}
.home_experience_block{
position: relative;
}
.home_experience_video{
margin-top: 48px;
}
.home_experience_video > div{
display: flex;
justify-content: center;
position: relative;
z-index: 3;
}
.home_experience_video .swiper-slide{
flex-shrink: 1;
}
.home_experience_video video{
width: 440px;
height: 735px;
border-radius: 32px;
margin: 0 50px;
}
.home_experience_arrows div{
top: calc(50% - 24px) !important;
}
.home_experience_btn_mobile{
display: none;
}
.home_experience_arrows{
display: none;
}
/*---------- HOME CONTACTS ----------*/
.home_contacts{
padding-bottom: 60px;
position: relative;
z-index: 3;
}
.home_contacts_block{
display: flex;
justify-content: space-between;
position: relative;
z-index: 3;
}
.home_contacts_info{
width: 40%;
}
.home_contacts_title p:first-child{
display: inline-block;
font-size: 44px;
line-height: 60px;
}
.home_contacts_title p:first-child:after{
content: '';
display: block;
width: 100%;
height: 8px;
background-image: url(../img/under_line.svg);
margin-top: 5px;
}
.home_contacts_title p:last-child{
font-family: "Poppins", sans-serif;
font-size: 22px;
margin-top: 20px;
}
.home_contacts_address{
margin-top: 120px;
}
.home_contacts_address p:first-child{
font-size: 40px;
}
.home_contacts_address p:last-child{
line-height: 28px;
margin-top: 10px;
}
.home_contacts_form{
width: 50%;
}
.home_contacts_btn{
margin-left: auto;
}