/* Basic concept */
     
     * {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
     }
     
     html {
         background-color: #fff;
         color: #555;
         font-family: 'Lato';
         font-weight: 300;
         font-size: 20px;
         text-rendering: optimizeLegibility;
     }
     
     h2 {
         color: #fff;
     }
     
     a {
         text-decoration: none;
     }
     
     li {
         list-style: none;
     }
     
     body {
         background-color: #292929;
     }
     
     header {
         background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/hero/ISTRAWU_WEB_LR-80.jpg");
         height: 100vh;
         background-size: cover;
         background-position: center;
         position: relative;
         background-color: #292929;
     }
     
     input {
         font-family: 'Lato';
     }
     
     textarea {
         font-family: 'Lato';
     }
     
     .box {
         max-width: 1300px;
         margin: 0 auto;
     }
     
     .box-head {
         max-width: 1140px;
         margin: 0 auto;
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }
     /* Style The Dropdown Button */
     /* Style The Dropdown Button */
     
     .dropbtn {
         background-color: transparent;
         font-size: 15px;
         border: none;
         cursor: pointer;
         color: #fff;
     }
     /* The container <div> - needed to position the dropdown content */
     
     .dropdown {
         position: relative;
         display: inline-block;
         margin-right: 25px;
         margin-top: 10px;
     }
     /* Dropdown Content (Hidden by Default) */
     
     .dropdown-content {
         font-size: 15px;
         display: none;
         position: absolute;
         background-color: #fff;
         min-width: 60px;
         box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
         z-index: 1;
     }
     /* Links inside the dropdown */
     
     .dropdown-content a {
         color: black;
         padding: 12px 16px;
         text-decoration: none;
         display: block;
     }
     /* Change color of dropdown links on hover */
     
     .dropdown-content a:hover {
         background-color: #046307;
         color: #fff;
         font-weight: 300;
     }
     /* Show the dropdown menu on hover */
     
     .dropdown:hover .dropdown-content {
         display: block;
     }
     /* Change the background color of the dropdown button when the dropdown content is shown */
     
     .dropdown:hover .dropbtn {
         background-color: #046307;
         color: #fff;
     }
     /* Style The Dropdown Button */
     /* :after {
display: block;
height: 2px;
background-color: #046307;
content: "";
width: 800px;
margin: 0 auto;
margin-top: 15px;
} */
     /* form parametret */
     
     .contact-form {
         width: 60%;
         margin: 0 auto;
     }
     
     input[type=text],
     input[type=email],
     input[type=tel],
     select,
     textarea {
         width: 100%;
         padding: 7px;
         /* border-radius: 3px; */
         /* border: 1px solid #ccc; */
         background: none;
         border: none;
         border-bottom: 2px solid #fff;
     }
     
     input[type=email]:focus {
         background: none;
     }
     
     input {
         color: #fff;
     }
     
     textarea {
         height: 100px;
         color: #fff;
     }
     
     textarea input[type=checkbox] {
         margin: 10px 5px 10px 0;
     }
     
     *:focus {
         outline: none;
     }
     
     .section-form label {
         color: #fff;
     }
     
     .contanct-sec {
         padding: 0;
     }
     
     h2 {
         font-weight: 500;
         text-transform: uppercase;
         letter-spacing: 1px;
         text-align: center;
         color: #fff;
     }
     
     h3 {
         text-transform: capitalize;
         font-size: 70%;
         letter-spacing: 1px;
         text-align: center;
         padding-bottom: 30px;
         color: #fff;
     }
     
     .section-form {
         position: absolute;
         top: 20%;
         left: 0;
         width: 100%;
         margin: 0 auto;
     }
     
     input[type=submit]:active {
         background: #046307;
         color: #fff;
     }
     
     input[type=submit] {
         background: #fff;
         border: 1px solid #fff;
         color: #046307;
         margin-right: 30px;
     }
     
     input[type=submit]:hover {
         background-color: #046307;
         color: #fff;
         border: 2px solid #fff;
         font-weight: 400;
     }
     
     input[type=submit] {
         display: inline-block;
         padding: 5px 30px;
         font-weight: 400;
         font-size: 18px;
         text-decoration: none;
         border-radius: 200px;
         color: #046307;
         transition: background-color 0.2s, border 0.2s, color 0.2s;
         margin-top: 10px;
     }
     
      ::placeholder {
         color: #fff;
     }
     
     h2:after {
         display: block;
         height: 2px;
         background-color: #046307;
         content: "";
         width: 800px;
         margin: 0 auto;
         margin-top: 15px;
         margin-bottom: 15px;
     }