/*!
 * Start Bootstrap - Landing Page v5.0.0 (https://startbootstrap.com/template-overviews/landing-page)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-landing-page/blob/master/LICENSE)
 */

body {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;background-color: #193e47;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}
/*
header.masthead {
  position: relative;
  background-color: #343a40;
  background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/main-img2.png") no-repeat center center;
  background-size: cover;
  padding-top: 10rem;
  padding-bottom: 10rem;
}

header.masthead .overlay {
  position: absolute;
  background-color: transparent;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
 
}
header.masthead h1 {
  font-size: 2rem;
}

*/
.call-to-action {
  position: relative;
  background-color: #495309;
  background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/bottom.jpg") no-repeat center center;
  background-size: cover;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.call-to-action .overlay {
  position: absolute;
  background-color: #495309;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

.btn-success {color:#fff !important;
    background: #0abc0a; /* Old browsers */
    
}
.btn-cta {font-size: 1.75rem;letter-spacing: 0px;text-transform: uppercase;font-weight: 800;padding: 1rem 6.5rem;border:none;border-radius: 1.25em}
.btn-success:hover {cursor: pointer;}

/***** Desktop design  ********/

@media (min-width: 1200px) {
    .container{
        max-width: 900px;
    }
}
.margina {
  background-color: #f6f8c6;
  -moz-box-shadow:    0px 0px 17px 2px #0a3213;
  -webkit-box-shadow: 0px 0px 17px 2px #0a3213;
  box-shadow:         0px 0px 17px 2px #0a3213;
  
}
.masthead {display: none;}
.custom-head {display: flex;}

.sredina h1 {color:#425d8b;font-size: 2.3rem;font-weight: 900;line-height: 1.1}
.pozadina-top {background-color: #cb7979;}

.lead {font-size: 0.8rem;font-weight: 600;line-height: 1.5;color:#3a503b;}
.mb-5{margin-bottom: 1.5rem !important}


/* new arrow css*/

@-moz-keyframes bounce {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-webkit-keyframes bounce {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@keyframes bounce {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}

i {
  display: block;
  color: #56660f;
}
.fa-angle-down {color:lightgreen !important;font-size: 90px !important}
.fa {font-size: 0.9em}
.arrow {
  display: none;
  position: absolute;
  bottom: 10%;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 60px; /*change with size of arrow to make sit on bottom */
/*   background-image: url(); */
/*   background-size: contain; */
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.footer-text{
  position: absolute;
  font-size: 10px;
  line-height: 1.5;  
  bottom:0px;
  margin-left: auto; 
  margin-right: auto; 
  width: 100%;
 padding: 10px;
}
.footer-text p {
        font-size: 12px;
        margin: 0;
      }

.top-logo {padding: 20px 10px 0px 10px; text-align: center;}
.top-logo-img {height: 40px;width: auto;}
.subhead-text {color: lightgreen}

.mid-img {width: 100%;height: auto;}

.offer-button {color:#56660f !important; font-weight: bold; font-size: 1em;cursor: pointer;width: 100%;}
a:hover {text-decoration: underline !important; cursor: pointer;}

.inner-headlines {font-size: 1.8em;color:#425d8b; font-weight: 900}
.custom-space {margin-bottom: 10px}
.boldiran {color: #0db414; font-weight: bold;font-style: italic; }
.bold-ime {color: #eaf59f}

.circle-text-1 {color: #fff;
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 120px;
    height: 120px;
    background: #3c3a57;
    padding: 18px;
    border-radius: 50%;
    text-align: center;}

.circle-text-2 {color: #fff;
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 125px;
    height: 125px;
    background: #3c3a57;   
    padding: 13px;
    border-radius: 50%;
    text-align: center;}

.circle-text-3 {color: #fff;
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 135px;
    height: 135px;
    background: #3c3a57;
    padding: 18px;    
    border-radius: 50%;
    text-align: center;}

.line-h {line-height: 1.1}
.ending-title {line-height: 1.1;font-weight: 900;color: #f8ffc6}

#third {display: none}



/***** Desktop design END********/


@media (min-width: 768px) {
  header.masthead {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  header.masthead h1 {
    font-size: 4rem;
    font-weight: 900;
  }
  .middle-mob-area {display: none}
}

@media (min-width: 768px) and (max-width: 992px) {
  .showcase .custom-showcase {padding:1.5rem !important;}
  .sredina h1 {font-size: 1.5rem}
}
@media (min-width: 992px) and (max-width: 1199px) {.custom-space{margin-bottom: 0px !important}}

.showcase .showcase-text {
  padding: 3rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

@media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 2rem;
  }
}

.features-icons {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.features-icons .features-icons-item {
  max-width: 20rem;
}

.features-icons .features-icons-item .features-icons-icon {
  height: 7rem;
}

.features-icons .features-icons-item .features-icons-icon i {
  font-size: 4.5rem;
}

.features-icons .features-icons-item:hover .features-icons-icon i {
  font-size: 5rem;
}

.testimonials {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.testimonials .testimonial-item {
  max-width: 18rem;
}

.testimonials .testimonial-item img {
  max-width: 12rem;
  -webkit-box-shadow: 0px 5px 5px 0px #adb5bd;
  box-shadow: 0px 5px 5px 0px #adb5bd;
}



/***** Mobile design  ********/

@media (max-width: 767px) {

  .masthead {display: none;}
  header.masthead {
  position: relative;
  background-color: #343a40;
  background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/main-img1.png") no-repeat center center;
  background-size: cover;
  background-position-x:right;
  padding-top: 10rem;
  padding-bottom: 10rem;
}
  .custom-head {display: block;}
  .arrow {display: block;}
  .top-logo-remove {display: none;}

  .top-logo-img {height: 30px;width: auto;}
  .middle-mob-area {
    display: block;
    padding: 15px;
    margin-bottom: 0;
    text-align: center;
    background: -moz-linear-gradient(45deg, #1a687f 0%, #318ba5 50%, #1a687f 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #1a687f), color-stop(50%, #318ba5), color-stop(100%, #1a687f)); /* safari4+,chrome */
background: -webkit-linear-gradient(45deg, #1a687f 0%, #318ba5 50%, #1a687f 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(45deg, #1a687f 0%, #318ba5 50%, #1a687f 100%); /* opera 11.10+ */
background: -ms-linear-gradient(45deg, #1a687f 0%, #318ba5 50%, #1a687f 100%); /* ie10+ */
background: linear-gradient(45deg, #1a687f 0%, #318ba5 50%, #1a687f 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a687f', endColorstr='#1a687f',GradientType=1 ); /* ie6-9 */
  }
  .middle-head {color: #fff;text-transform: uppercase;font-size: 0.75rem;font-weight: 600}

  .showcase .showcase-text {padding: 20px;}
  .lead {font-size:0.8rem}
  .lead-mob {color:#fff;}
  .inner-headlines {font-size: 1.25rem;}
  .offer-button {font-size: 1.1em}

  .list-item-mid {font-size: 0.8rem}


  .testimonials {padding-top: 2rem;
    padding-bottom: 2rem;}
  .testim-head {font-size: 1.2rem}
  .font-weight-light {font-size: 0.9rem}
  .testimonials .testimonial-item img {max-width: 6rem}

  .call-to-action {padding-top: 5rem;}

  .circle-text-1 {color: #fff;
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 122px;
    height: 122px;
    background: #3c3a57;
    padding: 18px;
    border-radius: 50%;    
    text-align: center;}

.circle-text-2 {color: #fff;
    position: absolute;
    bottom: 5%;
    left: 5%;
    width: 120px;
    height: 120px;
    background: #3c3a57;    
    padding: 16px;
    font-size: 0.73rem;
    border-radius: 50%;
    text-align: center;}

.circle-text-3 {color: #fff;
    position: absolute;
    bottom: 5%;
    right: 5%;
    width: 125px;
    height: 125px;
    background: #3c3a57;
    padding: 16px;    
    font-size: 0.78rem!important;
    border-radius: 50%;
    text-align: center;}
    

  .btn-cta {padding: 0.5rem 3.5rem;}
  #third {display: block}
  #first {display: none;}

  .footer-text p {font-size: 10px}
  .ending-title {color: #fff}

}