@charset "UTF-8";
@font-face{
   font-family: 'WebFont';
   src: url(../css/cg_font.ttf) format('truetype');
}

html {
   font-family: "Webfont", sans-serif;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   scroll-behavior: smooth;
}

/* ----------------- Header ----------------- */

.header_logo {
   position: fixed;
   left: 50%;
   margin-left: -720px;
   justify-content: center;
   top: 5px;
   z-index: 50;
}

.header_container {
   display: flex;
   position: relative;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: auto;
   width: auto;
   z-index: -10;
}

.header_price {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   width: auto;
   height: 120px;
   margin: -60px 125px 0 125px;
   border: solid 10px #ff7300;
   background-color: #ffffff;
   border-radius: 15px;
   z-index: 100;
   box-shadow: 0px 10px 10px 0px rgba(52, 52, 52, 0.2);
}

.price_detail {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   font-size: 16px;

}

.price_detail > div:first-child {
   font-size: 16px;
   letter-spacing: 0.04em;
}

.price_detail > div:nth-child(2) {
   font-size: 28px;
   font-weight: 700;
   letter-spacing: 0.04em;
}

/* ----------------- Main ----------------- */

.container {
   margin-right: auto;
   margin-left: auto;
   padding-left: 0px;
   padding-right: 0px;
}

.container:before, .container:after, .row_content:before, .row_content:after  {
   content: " ";
   display: table;
   clear: both;
}

.main_content {
   padding-top: 20px;
}

.main_icons {
   display: flex;
   justify-content: center;
}
.main_icons > div {
   padding: 25px 5px 5px 10px;
}

.column_content {
   display: flex;
   flex-direction: column;
   margin-right: 20px;
}

.column_content > div {
   margin: 10px 0 10px 0;
}

.row_content{
   display: flex;
   flex-direction: row;
}

.ul_content {
   list-style-type: disc;
   list-style-position: outside;
   margin: 0;
   padding: 20px;
   font-size: 13px;
}

.ul_content > li {
   float: left;
}

i {
   color: #ff7300;
   padding: 0 5px 5px 5px;
}

.title_content {
   padding-top: 50px;
   text-align: center;
   font-size: 1.5em;
   font-weight: 500;
}

.info_email > div {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding-top: 30px;
   padding-bottom: 30px;
   align-items: center;
   justify-content: center;
}

/* ----------------- Footer ----------------- */

footer {
   display: flex;
   flex-direction: column;
   width: 100%;
   margin-top: 50px;
}

.first_footer {
   display: flex;
   justify-content: center;
   background-color: #8e8e8e;
   min-height: 370px;
   padding-top: 30px;
   padding-bottom: 30px;
}

.second_footer {
   background-color: #000000;
}

.second_footer_block {
   display: flex;
   flex-direction: column;
   align-items: center;
}

.footer_block > i {
   padding: 0 20px 0 20px;
}

.left_conteriner {
   width: 60%;
   margin-bottom: 20px;
   padding: 0 5px 0 5px;
}

.left_conteriner > div {
   display: flex;
   flex-direction: row;
}

.right_conteriner {
   width: 40%;
   font-size: 13px;
   padding: 0 5px 0 5px;
}

.form_approvals {
   display: flex;
   flex-direction: column;
}

.form_approvals > div {
   margin: 5px 0 5px 0;
}

.footer_block {
   margin: 10px 0 10px 0;
   color: #ffffff;
}

.form_container {
   display: flex;
   flex-direction: row;
   justify-content: center;
   margin-bottom: 20px;
}

.form_container_button {
   display: flex;
   flex-direction: row;
   justify-content: center;
}

input[type="text"], input[type="email"], input[type="tel"] {
   width: 100%;
   height: 40px;
   margin-right: 20px;
   margin-bottom: 20px;
   padding-left: 5px;
}

textarea {
   width: 100%;
   height: 125px;
   resize: none;
   padding-left: 5px;
   margin-right: 20px;
}

button, html input[type="button"] {
   overflow: visible;
   text-transform: none;
   cursor: pointer;
}

.btn {
   background: #ff7300;
   border-radius: 5px;
   border: none;
}

.btn_form {
   width: 300px;
   height: 50px;
}

a, a:link, a:hover, a:active {
   text-decoration: none;
   color: #323232;
}

.btn_span_text {
   padding-top: 10px;
   margin-top: 10px;
}

.btn_span {
   font-weight: 700;
   font-size: 18px;
   color: #323232;
}

/* ----------------- Button - Dowiedz sie wiecej ----------------- */

.div_more {
   display: flex;
   position: fixed;
   text-align: center;
   display: inline-block;
   background: #ff7300;
   border-radius: 8px;
   right: 15%;
   bottom: 15px;
   width: 250px;
   height: 60px;
   z-index: 100;
}

.div_more div:first-child {
   margin-top: 18px;
   font-size: 20px;
   font-weight: 700;
}

/* ----------------- Wyglad strony dla róznych rozdzielczosci ----------------- */

@media (max-width: 400px){
   .btn_form {
      width: 200px;
      height: 50px;
   }

   .left_conteriner > div {
      display: flex;
      flex-direction: column;
   }

   .price_detail > div:first-child {
      font-size: 12px;
      letter-spacing: 0.04em;
      text-align: center;
   }

   .price_detail > div:nth-child(2) {
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-align: center;
   }

   .price_detail > div:last-child {
      text-align: center;
   }
}

@media (max-width: 768px) {
   .container {
      max-width: 760px;
   }

   .main_content {
      padding-left: 5px;
   }

   .header_price {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: auto;
      margin: -30px 90px 0 90px;
   }

   .header_price > div:first-child  {
      margin-bottom: 10px;
   }

   .row_content {
      flex-direction: column;
   }

   .form_container {
      flex-direction: column;
      margin-bottom: 20px;
      max-width: 100%;
      align-items: center;
      justify-content: center;
   }

   .header_text {
      font-size: 80px;
      padding-top: 100px;
   }

   .right_conteriner {
      width: 90%;
   }

   .left_conteriner {
      width: 90%;
   }

   .header_info {
      width: 300px;
      text-align: center;
   }
   .header_nth_first {
      font-size: 25px;
      padding-top: 220px;
   }
   .header_nth_next {
      font-size: 30px;
      padding-top: 40px;
   }

   .div_more {
      right: 5%;
      bottom: 40px;
      width: 200px;
      height: 50px;
   }

   .div_more div:first-child {
      margin-top: 14px;
      font-size: 16px;
      font-weight: 700;
   }
}

@media (max-width: 990px) {
   .div_more {
      right: 5%;
      bottom: 40px;
      width: 200px;
      height: 50px;
   }
}

@media (min-width: 769px) and (max-width: 990px) {
   .container {
      max-width: 964px;
   }

   .header_logo {
      display: none;
   }

   .header_text {
      font-size: 120px;
      padding-top: 100px;
   }

   .header_info {
      width: 300px;
      text-align: center;
   }

   .header_nth_first {
      font-size: 25px;
      padding-top: 220px;
   }

   .header_nth_next {
      font-size: 40px;
      padding-top: 40px;
   }

   .div_more div:first-child {
      margin-top: 14px;
      font-size: 16px;
      font-weight: 700;
   }

}

@media (min-width: 991px) and (max-width: 1465px) {
   .header_logo {
      margin-left: -645px;
   }

   .header_logo > a > img {
      width:70%;
      height:70%;
   }
}

@media (min-width: 991px) {
   .container {
     width: 980px;
   }
}