@charset "utf-8";
/*****************************
  * www.kooperatywa.net  Copyright by Kooperatywa.net.
  *
 */
@import url(http://fonts.googleapis.com/css?family=Poppins:300,400,500,600,900&subset=latin,latin-ext);

body{
  background:#FFF;
  color:#3A5BCB;
  cursor:default;
  font-family:'Poppins',Verdana,Arial,sans-serif;
}

body > header{
  -moz-transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  left:0;
  position:absolute;
  top:50px;
  transition:all .2s ease-in;
  width:100%;
  z-index:1000;
}
body.is_stuck > header{
  -moz-transition:all .2s ease-in;
  -webkit-transition:all .2s ease-in;
  background:#3263C7;
  padding:20px 0;
  position:fixed;
  top:0;
  transition:all .2s ease-in;
}
body > header p, body > header figure{ margin:0; }
body > header a:link, body > header a:visited{
  color:#FFF;
  font-size:19px;
  font-weight:600;
  letter-spacing:.5px;
  line-height:19px;
  text-decoration:none;
}
body > header a:active, body > header a:hover{ color:#333; }
body > header a span{
  display:inline-block;
  margin:20px 0 0 30px;
}
body.is_stuck > header figure img{ width:70%; }
body.is_stuck > header a span{ margin-top:12px; }
body > header a.btn:link, body > header a.btn:visited{
  background:#FFC80A;
  border:0;
  border-radius:20px;
  font-size:19px;
  font-weight:600;
  line-height:19px;
  margin-left:40px;
  margin-top:-5px;
  padding:10px 45px;
  text-align:center;
}
body > header a.btn:active, body > header a.btn:hover{ background:#CB9F07; }
main > section,
section.form-section{
  padding-bottom:80px;
  padding-top:80px;
}
main > section.break-section{
  background:#3263C7;
  color:#FFF;
  text-align:center;
}
main > section.odd-section{ background:#F2F6FB; }
main > section header,
section.form-section header{ margin-bottom:80px; }
main > section header h1,
section.form-section header h1{
  font-size:32px;
  font-weight:600;
  letter-spacing:.5px;
  line-height:34px;
  margin:0 0 10px;
  padding:0;
  text-align:center;
}
main > section header p{
  font-size:20px;
  font-weight:300;
  letter-spacing:.5px;
  line-height:34px;
  margin:0;
  text-align:center;
}
main > section.feature-section header{ margin-bottom:30px; }
main > section.feature-section header h1{
  font-size:32px;
  font-weight:600;
  letter-spacing:.5px;
  line-height:42px;
  text-align:left;
}
main > section.feature-section .text-column{
  padding-left:100px;
  padding-right:0;
}
main > section.feature-section.odd-section .text-column{
  padding-left:0;
  padding-right:100px;
}
main > section.feature-section ul{
  color:#3A5BCB;
  font-size:20px;
  font-weight:500;
  letter-spacing:.5px;
  line-height:30px;
  list-style:none;
  margin:0;
  padding:0;
}
main > section.feature-section ul li{
  background:url(../gfx/icons/punktor.png) 0 5px no-repeat;
  margin:0 0 20px;
  padding:0 0 0 50px;
}
footer{
  border-top:1px solid #EEE;
  font-size:20px;
  font-weight:400;
  letter-spacing:.5px;
  line-height:20px;
  padding:30px 0;
}
footer figure{ margin:0; }
footer p{ margin:15px 0 0; }
@media (max-width:991px){
  body > header{ top:10px; }
  body > header a{
    display:inline-block;
    font-size:14px !important;
    line-height:16px !important;
  }
  body > header a span{ margin-top:5px; }
  body > header a.btn{ padding:5px 20px !important; }
  body > header a:first-child span{ margin-left:0; }
  body.is_stuck > header{ padding:10px 0; }
  body.is_stuck > header a span{ margin-top:2px; }
  body > header figure{ text-align:center; }
  body > header figure img{
    margin:0 auto;
    max-width:150px;
  }
  main > section,
  section.form-section{
    padding-bottom:40px;
    padding-top:40px;
  }
  main > section.feature-section figure{
    margin-bottom:40px;
    text-align:center;
  }
  main > section.feature-section .text-column{ padding:0 15px !important; }
  footer, footer .text-right{ text-align:center !important; }
}
@media (max-width:580px){
  body > header a{ margin-top:10px; }
  body > header .col-sm{ text-align:center !important; }
}

@keyframes slider-targeter-anim{
  0%   { color:#FFF; }
  50%  { color:#000; }
  100% { color:#FFF; }
}
#slider{
  background:#3263C7 url(../gfx/backgrounds/slider.png) 50% 50% no-repeat;
  background-size:cover;
  height:675px;
  overflow:hidden;
  position:relative;
  text-align:center;
  width:100%;
  z-index:1;
}
#slider h1,
#slider h2{
  color:#000;
  font-size:52px;
  font-weight:600;
  letter-spacing:.5px;
  line-height:72px;
  margin:0;
  padding:0;
}
#slider h2{ color:#FFF; }
#slider p{
  color:#FFF;
  font-size:42px;
  font-weight:600;
  letter-spacing:.5px;
  line-height:62px;
  margin:0;
  padding:0;
}
#slider .d-flex{ height:100%; }
#slider-targeter{
  -o-transform:translate(-50%, 0%);
  -moz-transform:translate(-50%, 0%);
  -ms-transform:translate(-50%, 0%);
  -webkit-transform:translate(-50%, 0%);
  animation-name:slider-targeter-anim;
  animation-duration:2s;
  animation-iteration-count:infinite;
  bottom:30px;
  color:#A4E0FE;
  left:50%;
  padding:10px;
  position:absolute;
  text-align:center;
  transform:translate(-50%, 0%);
  width:186px;
  z-index:1025;
}
#slider-targeter i{ font-size:2.5rem; }
#callbutton-tools .content > figure{
  margin:0 auto 40px;
  text-align:center;
}
#callbutton-tools .content .row p{
  font-size:20px;
  font-weight:300;
  letter-spacing:.5px;
  line-height:34px;
}
#callbutton-tools .content .row img{
  float:left;
  margin:0 20px 0 0;
  padding:0 0 120px;
}
#callbutton-main-features{
  font-size:22px;
  font-weight:600;
  letter-spacing:.5px;
  line-height:32px;
  padding-bottom:40px;
}
#callbutton-main-features p{ margin-bottom:40px; }
#callbutton-main-features figure{
  margin:0 0 40px;
  text-align:center;
}
#callbutton-how-it-works{
  counter-reset:my-sec-counter;
  font-size:20px;
  font-weight:400;
  letter-spacing:.5px;
  line-height:30px;
}
#callbutton-how-it-works figure{ margin-bottom:20px; }
#callbutton-how-it-works .content:before{
  border-left:3px solid #688EE5;
  content:"";
  height:85%;
  left:50%;
  margin:5px auto;
  position:absolute;
  transform:translate(-50%, 0%);
  top:100px;
}
#callbutton-how-it-works .content .row .col-md-7{ position:relative; }
#callbutton-how-it-works .content .row:nth-child(2n+1){ text-align:right; }
#callbutton-how-it-works .content .row:nth-child(2n) .col-md-7{ padding-left:200px; }
#callbutton-how-it-works .content .row:nth-child(2n+1) .col-md-7{ padding-right:200px; }
#callbutton-how-it-works .content .row:nth-child(2n) .col-md-7:before,
#callbutton-how-it-works .content .row:nth-child(2n+1) .col-md-7:after{
  background:#FFF;
  border:3px solid #688EE5;
  border-radius:100%;
  color:#688EE5;
  counter-increment:my-sec-counter;
  content:counter(my-sec-counter);
  float:right;
  font-size:42px;
  font-weight:700;
  height:80px;
  line-height:52px;
  padding:12px;
  position:absolute;
  top:50%;
  transform:translate(0, -50%);
  text-align:center;
  width:80px;
}
#callbutton-how-it-works .content .row:nth-child(2n) .col-md-7:before{ left:55.5px; }
#callbutton-how-it-works .content .row:nth-child(2n+1) .col-md-7:after{ right:55.5px; }
#callbutton-about-us{
  font-size:32px;
  font-weight:600;
  line-height:54px;
}
#callbutton-feature-1 figure{ margin-top:100px; }
#callbutton-feature-2 figure{ margin-top:30px; }
#callbutton-integration{
  font-size:22px;
  font-weight:600;
  line-height:32px;
  padding-bottom:40px;
}
#callbutton-integration figure{ margin-bottom:40px; }
#callbutton-integration p{ margin:0; }
#callbutton-integration .col-md-6{ margin-bottom:40px; }
#callbutton-contact p{
  font-size:42px;
  font-weight:600;
  line-height:42px;
}
#callbutton-contact a:link, #callbutton-contact a:visited{
  color:#FFF;
  text-decoration:none;
}
#callbutton-contact a:active, #callbutton-contact a:hover{ color:#333; }
#callbutton-price-table h4{
  background:#3263C7;
  border-radius:4px;
  color:#FFF;
  font-size:68px;
  font-weight:600;
  letter-spacing:.5px;
  line-height:68px;
  margin:0 auto 20px;
  padding:20px 0;
  text-align:center;
  text-transform:uppercase;
  width:70%;
}
#callbutton-price-table h4 span{
  font-size:34px;
  font-weight:600;
  letter-spacing:.5px;
  line-height:34px;
  padding-left:10px;
}
#callbutton-price-table h5{
  background:#3263C7;
  border-radius:4px;
  color:#FFF;
  font-size:26px;
  font-weight:600;
  letter-spacing:.5px;
  line-height:26px;
  margin:0 auto 3px;
  padding:10px 0;
  text-align:center;
  text-transform:uppercase;
  width:70%;
}
#callbutton-price-table dl{
  margin-left:auto;
  margin-right:auto;
  width:70%;
}
#callbutton-price-table dt,
#callbutton-price-table dd{ margin-bottom:3px; }
#callbutton-price-table dt > span,
#callbutton-price-table dd > span{
  background:#F2F6FB;
  border-radius:4px;
  display:inline-block;
  font-size:20px;
  font-weight:500;
  height:100%;
  line-height:32px;
  margin:0;
  padding:10px 30px;
  width:100%;
}
#callbutton-price-table dt > span span{
  display:inline-block;
  font-size:12px;
  font-weight:300;
  line-height:20px;
}
#callbutton-price-table dt > span span strong{ font-weight:500; }
#callbutton-price-table dd > span{
  font-size:20px;
  font-weight:900;
  margin-bottom:0;
  margin-left:3px;
  text-align:center;
}
#callbutton-price-table .content > p{ text-align:center; }
#callbutton-order form{
  margin:0 auto;
  width:70%;
}
#callbutton-order form textarea{ height:150px; }
#callbutton-order form .text-muted{ color:#3A5BCB !important; }
#callbutton-order form .btn{
  background:#FFC80A;
  border:0;
  border-radius:25px;
  font-size:19px;
  font-weight:600;
  line-height:19px;
  margin:40px auto 0;
  padding:15px 45px;
  text-align:center;
}
#callbutton-order form .btn:hover{ background:#CB9F07; }
@media (max-width:991px){
  #slider{ height:400px; }
  #slider h1,
  #slider h2{
    font-size:4vw;
    line-height:6vw;
  }
  #slider p{
    font-size:3vw;
    line-height:5vw;
  }
  #callbutton-how-it-works,
  #callbutton-about-us{ display:none; }
  #callbutton-order form,
  #callbutton-price-table h4,
  #callbutton-price-table h5,
  #callbutton-price-table dl{ width:100%; }
  #callbutton-price-table dt span,
  #callbutton-price-table dd span{
    margin:0;
    text-align:center;
  }
}