html {
scroll-behavior: smooth;
}
:root{
scrollbar-color: rgb(210,210,210) rgb(46,54,69) !important;
scrollbar-width: thin !important;
}
::-webkit-scrollbar {
height: 12px;
width: 8px;
background: #000;
}
::-webkit-scrollbar-thumb {
background: gray;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}
::-webkit-scrollbar-corner {
background: #000;
}







/*LOADER*/
#loader {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
width: 120px;
height: 120px;
margin: -76px 0 0 -76px;
border: 16px solid #000;
border-radius: 50%;
border-top: 16px solid transparent;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s
}

@-webkit-keyframes animatebottom {
from { bottom:0px; opacity:0 } 
to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
from{ bottom:0px; opacity:0 } 
to{ bottom:0; opacity:1 }
}

#myDiv {
display: none;
}










/*DEFAULT*/
body{
margin:0;
overflow-x:hidden;
font-family: 'Source Sans Pro', sans-serif;
background-color:#1e1e1e;
}

em{
color:#F1C40F;
font-style:normal;
font-weight:600;
}

table{
width:100%;
border-collapse:collapse;
}

table td{
width:50%;
position:relative;
}

h1{
font-size:2.5em;
letter-spacing:0.08em;
line-height:1.4em;
}

a{
text-decoration:none;
transition:0.5s;
}

.btn1{
padding:20px;
border-radius:0px 5px 5px 0px;
text-align:center;
color:#000;
border:0;
background:#F1C40F;
outline:none !important;
transition:0.5s;
}

.btn1:hover{
background:#D4AC0D;
}

.btn2{
padding:20px 30px;
border-radius:5px 0px 0px 5px;
text-align:center;
color:#fff;
border:0;
background:#ed7e2f;
outline:none !important;

}

.title{
font-size:3em;
font-weight:600;
}

.sub-title{
font-size:1.5em;
font-weight:600;
}

li{
list-style:none;
}

input,select{
border:0;
outline:none;
background:rgba(255,255,255,0.5);
padding:20px;
width:100%;
color:#000;
font-weight:bold;
border-radius:5px 0px 0px 5px;
}

input::-webkit-input-placeholder { /* WebKit browsers */
color:    #000;
opacity:1;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:    #000;
opacity:1;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    #000;
opacity:1;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color:    #000;
opacity:1;
}


.title_header{
width:60%;
margin:auto;
text-align:center;
}

.title_header h1{
font-size:2em;
font-weight:600;
color:#ed7e2f;
}

.logo{
font-size:2.5em;
font-weight:600;
}

p{
line-height:1.4em;
letter-spacing:0.08em;
font-weight:600;
}







/*CONTAINER*/
.container{
width:100%;
height:100vh;
background-image:url("https://i.ibb.co/JKFJzJ9/imgonline-com-ua-Compress-To-Size-0-TAu-Lgx-El-Wja.jpg");
background-size:cover;
display:flex;
align-items:center;
justify-content:center;
position:relative;
}

.container .contact{
position:absolute;
top:10px;
right:20px;
}

.container .contact a{ 
font-size:1.6em;
margin:20px;
color:#fff;
}

.container .contact a:hover{ 
color:#F1C40F;
}

.container section{
text-align:center;
width:60%;
color:#fff;
}

.container section label{
width:60%;
margin:4vh auto;
display:flex;
align-items:center;
justify-content:center;
}

.container section .social_icons{
margin:5vh auto;
display:block;
}

.container section .social_icons a{
font-size:2em;
margin:0 20px;
color:#fff;
}

.container section .social_icons a:hover{
color:#F1C40F;
}


@media (max-width:1230px){
  .container{
    height:auto;
  }
}


@media (max-width:720px){
h1{
font-size:1.5em;
}
p{
line-height:1.3em;
letter-spacing:0.08em;
font-weight:200;
}
.container section{
width:90%;
}
.container section label{
width:90%;
}
}