@font-face {
    font-family: Impact;
    src: url(fonts/impactreg.eot);
    src: url(fonts/impactreg.ttf);
    src: url(fonts/impactreg.woff);
}


body{
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
p{
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5{
  font-weight:300;
  padding:0px 0px;
}

@media (min-width: 768px) {

#menu.nav li a {
  padding: 30px 20px;
}

}

h1 {
    margin-bottom: 30px !important;
}

#menu.nav li a.selected,
#menu.nav li a:hover {
    color: white;
    background-color: #6BAF37;

}

.pre-footer {
    font-size: 80%;
    text-align: center;
    margin-top: -20px;
    /*padding-top: 20px;*/
    padding-bottom:30px;
    clear: both;
    color: gray;
    background: transparent url(images/footer-background.png) no-repeat top right;
    min-height: 200px;
}

.pre-footer p{
  margin-top:50px;
}

footer{
  width:100%;
  background-color: #E7E7E7;
  clear: both;
  color: gray;
  padding-top:25px;
}

footer a{
  color: gray;
}


.front {
    position: relative;
    top: -20px;
    background: white url(images/front-background.png) no-repeat bottom center;
    min-height: 500px;
}

.front .jumbotron {
    background: transparent;
}

.front .jumbotron .motto {
    padding: 30px 0;
    color: #6BAF37;
    font-weight: bold;
}

.front footer {
    padding-top: 30px;
    min-height: 10px;
    background: none;
    border-bottom: none;
}



img.member {
  width:150px;
  border-radius: 50%;

}

.row-spacing {
    margin-bottom: 40px;

}

.pagination {
    border: none;
}

.post.teaser .header .date, .blog-content .header .date {
    font-size: 90%;
    color: #777777;
}

.post.teaser {
    margin-bottom: 30px;
}

.post .title {
    font-size: 150%;
}

.img-supporter{
    width:250px;
    margin-right:25px;
}

.img-supporter, .img-partner{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

.img-supporter:hover, .img-partner:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.blog-content{
    border-right:solid 1px #F8F8F8;
}


.img-half{
    width:47%;
}

.img-full{
    width:94%;
}

@media (max-width: 768px){
  .img-half, .img-full{
    width:100%;
    margin:5px;
  }
}

/* tag_box */
.tag_box {
  list-style: none;
  margin: 0;
  overflow: hidden; 
  padding: 0px;}

.tag_box li {
  line-height: 28px; }

.tag_box li i {
  opacity: 0.9; }

.tag_box.inline li {
  float: left; }

.tag_box a {
  padding: 3px 6px;
  margin: 2px !important;
  background: #D3EBC0;
  color: #555;
  border-radius: 3px;
  text-decoration: none;
  border: 1px solid #D3EBC0; }

.tag_box a span {
  
  font-size: 0.8em; }

.tag_box a:hover {
  background-color: #e5e5e5; }

.tag_box a.active {
  background: #57A957;
  border: 1px solid #4c964d;
  color: #FFF; }


@media (min-width: 768px) {

.image-blog-p{
  float:left;
  width:24%;
}

.blog-intro{
  width: 74%;
  float:right;
}
}

.image-blog-p img{
  width:100%;
  margin-top:5px;
}

.content{
  margin-top:5px;
}

.post-content .content{
  margin-top:10px;
  margin-bottom:50px;
}

 #mc_embed_signup{clear:left; font:12px Helvetica,Arial,sans-serif;  width:250px;}

 footer ul{
  list-style:none;
  padding:0;
 }

footer .fa, .sidebar-content .fa{
  font-size:30px !important;
 }

#copy{
  text-align: center;
  font-size:80%;
}

.nav-conect{
  background-color: #E7E7E7;
}

.footer{
  text-align:center;
}

.categories-list{
  list-style: none;
  padding-left:0px;
}

#mc_embed_signup form{
  padding-left:0px !important;
}

.sidebar-content{
  padding-left:10px;
}
.mfp-title { display: none; }

.collaboration-img{
padding-top:50px;
}

h2{
  margin-top:10px;
  }

.get-involved{
    background-color: #F8F8F8;
    padding: 15px;
    color: #7FC649;
}

.blog-content h1{
  margin-bottom:10px !important;
}

.img-portrait{
  height:229px !important;
  width:auto !important;
}

.vac-btn{
  margin-right:10px;
}

.btn-vita{
  margin-bottom:10px;
}

/*get involved, index, toolset, projects */

@media (min-width: 768px){
.nav-tabs.nav-justified>li>a {
    min-height: 68px;
}
}



.navbar{
  margin-bottom:0px;
  border-bottom:none;
}

.color-window{
  max-height:350px;
  background-color: #7FC649;
}

.color-window-gray{
  min-height:100px;
  background-color: #58585A;
}

.color-window-gray h3{
  margin-top: 0px;
}

.center-block{
  float:none;
  margin: 0 auto;
}


/*slider front*/
/*************************
*******Home Page + Slider Vitaprint******
**************************/
#headerSlider, #headerSlider1, #headerSlider2{
  position: relative;
  z-index: 1;
}

.no-margin {
  margin: 0;
  padding: 0;
}

#headerSlider .carousel-content, #headerSlider1 .carousel-content, #headerSlider2 .carousel-content {
  margin-top: 50px;
}

#headerSlider .slide-margin, #headerSlider1 .slide-margin, #headerSlider2 .slide-margin {
  margin-top: 140px;
}

#headerSlider .bothTitles, #headerSlider1 .bothTitles, #headerSlider2 .bothTitles {
  display: block;
  position: absolute;
  width: 80%;
  top: 0;
  z-index: 1000;
  left: 10%;
}

#headerSlider .headerSliderTitle, #headerSlider1 .headerSliderTitle, #headerSlider2 .headerSliderTitle {
  background-color: rgba(255,255,255,.75);
  padding: 10px 20px;
  color: #333;
  font-weight: 400;
}

#headerSlider .headerSliderTitle2, #headerSlider1 .headerSliderTitle2, #headerSlider2 .headerSliderTitle2 {
  color: #fff;
  background: rgba(0,0,0,.5);
    padding: 10px 20px;
margin-bottom:0px;
font-weight: 400;
}

#headerSlider .btn-slide, #headerSlider1 .btn-slide, #headerSlider2 .btn-slide {
  padding: 8px 20px;
  background: #6BAF37;
  color: #fff;
  border-radius: 4px;
  margin-top: 25px;
  display: inline-block;
}

#headerSlider .readMore {
  display: none;
}

body.startpage #headerSlider .readMore {
  display: inline-block;
}

#headerSlider .slider-img, #headerSlider1 .slider-img, #headerSlider2 .slider-img {
  text-align: right;
  position: absolute;
}

#headerSlider .item, #headerSlider1 .item, #headerSlider2 .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 730px;
/*   -webkit-transition: opacity ease-in-out 500ms;
-moz-transition: opacity ease-in-out 500ms;
-o-transition: opacity ease-in-out 500ms;
transition: opacity ease-in-out 500ms; */
}

#headerSlider .item:first-child, #headerSlider1 .item:first-child, #headerSlider2 .item:first-child {
  top: auto;
  position: relative;
}

#headerSlider .item.active, #headerSlider1 .item.active, #headerSlider2 .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#headerSlider .prev,
#headerSlider .next, #headerSlider1 .prev,
#headerSlider1 .next, #headerSlider2 .prev,
#headerSlider2 .next {
  position: absolute;
  top: 50%;
  background-color: #6BAF37;
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}

#headerSlider .prev:hover,
#headerSlider .next:hover, #headerSlider1 .prev:hover,
#headerSlider1 .next:hover, #headerSlider2 .prev:hover,
#headerSlider2 .next:hover {
  background-color: #333;
}

#headerSlider .prev, #headerSlider1 .prev, #headerSlider2 .prev {
  left: 10px;
}

#headerSlider .next, #headerSlider1 .next, #headerSlider2 .next {
  right: 10px;
}


#headerSlider .carousel-indicators li, #headerSlider1 .carousel-indicators li, #headerSlider2 .carousel-indicators li {
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin: 0 15px 0 0;
  position: relative;
}

#headerSlider .carousel-indicators li:after, #headerSlider1 .carousel-indicators li:after, #headerSlider2 .carousel-indicators li:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0);
  left: -3px;
  top: -3px;
}

#headerSlider .carousel-indicators .active{
  width: 20px;
  height: 20px;
  background-color: #6BAF37;
   margin: 0 15px 0 0;
   border: 1px solid #6BAF37;
   position: relative;
}

#headerSlider1 .carousel-indicators .active {
  width: 20px;
  height: 20px;
  background-color: #0086FF;
   margin: 0 15px 0 0;
   border: 1px solid #0086FF;
   position: relative;
}

#headerSlider .carousel-indicators .active:after{
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #6BAF37;
  left: -3px;
  top: -3px;
}

#headerSlider1 .carousel-indicators .active:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #0086FF;
  left: -3px;
  top: -3px;
}

#headerSlider .active .animation.animated-item-1, #headerSlider1 .active .animation.animated-item-1, #headerSlider2 .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}

#headerSlider .active .animation.animated-item-2, #headerSlider1 .active .animation.animated-item-2, #headerSlider2 .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}

#headerSlider .active .animation.animated-item-3, #headerSlider1 .active .animation.animated-item-3, #headerSlider2 .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#headerSlider .active .animation.animated-item-4, #headerSlider1 .active .animation.animated-item-4, #headerSlider2 .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}


#carousel-slider {
  position: relative;
}

#carousel-slider .carousel-indicators {
  bottom: -25px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
  border: 1px solid #777;
  border-radius:50%;
  font-size: 28px;
  height: 50px;
  padding: 8px;
  position: absolute;
  top: 50%;
  width: 50px;
  color:#777;
}

#carousel-slider a i:hover {
  background:#bfbfbf;
  color:#fff;
  border: 1px solid #bfbfbf;
}

#carousel-slider 
.carousel-control {
  width:inherit;
}

#carousel-slider .carousel-control.left i {
  left:-25px
}

#carousel-slider .carousel-control.right i {
  right: -25px;
}

#carousel-slider
.carousel-control.left, 
#carousel-slider
.carousel-control.right {
  background: none;
}

.color-window h2{
  margin-top:0px !important;
  margin-bottom:0px !important;
  padding:30px 0px;
  color:#fff;
  font-weight:500;
  font-size: 35px;
}

.color-window h1, .em-block h1{
  font-weight: 400;
  font-size: 30px;
}


.color-window, .em-block, .em-block-blue{
  text-align: center;
}

@media (min-width: 768px){
.vertical-img-1{
  margin-bottom:27%;
}
}

.more-info{
  margin-top:60px;
}

.carousel-content{
  margin-top: 50px;
}


.row-centered{
  float:none;
  margin:0 auto;
}

.col-centered{
   margin:0px auto;
   float:none;
}

#symbiolab .col-centered, #work-with-us .col-centered{
 margin:50px auto; 
}

.col-block-centered{
   margin:0 auto;
}

#headerSlider .carousel-content, #headerSlider1 .carousel-content, #headerSlider2 .carousel-content{
  margin-top:40%;
}

.lead, .lead ul li{
  font-size:18px;
  font-weight:300;
}

.featurette-image, .featurette-image-block{
  margin-top:20px !important;
}

.services h1{
  display:none;
}

.div-background{
  background-color:#F8F8F8;
  padding:20px 0px;
  border-top:1px solid #F1F1F1;
  border-bottom:1px solid #F1F1F1;
}

.div-background-top{
   background-color:#E7E7E7;
  padding:30px 0px;
  margin:0px;
  border-bottom:1px solid #F1F1F1;
}

.container-page{
  margin-top:60px;
}

.row-test{
  padding:20px 20px;
  margin:20px 10px;
}

.col-sm-8 h2{
  text-align: center;
  padding:10px 0px;
}

.img-fluid{
  width:100%;
  margin:10px auto;
}

.panel-title{
  text-align:center;
}

.test-facility{
  margin-top:30px;
}

.em-title h4{
  font-size:20px;
}

.popup-gallery{
  margin-top:30px;
}

.test-facility-page .row{
margin:40px 0;
}

.test-facility-page p{
    font-weight: 300;
    font-size: 18px;
  }

.img-icon{
  width:100%;
  max-width:100px;
  margin:0 auto;
}

@media (max-width: 767px){
.lead .col-sm-2, .lead .col-sm-10{
  text-align:center;
  padding:10px 0px;
}


}



.highlight p{
  font-size:20px;
  text-align: center;
}


.btn-outline {
    background-color: transparent;
    color: #7FC649;
    transition: all .5s!important;
    border-radius:0px;
    font-size:18px;
    border:solid 2px;


}

.btn-success.btn-outline:hover,
 {
    color: #fff;
    background-color: #7FC649;
}

.test-facility-page .featurette-heading{
  text-align: center;
}

.sth-sth .col-md-6{
  height: 400px;
   padding:0px;
  }

  .parallax-window {
    height: 400px;
    background-color: #000;
    opacity:0.2;

}

.test-facility-page strong{
  font-weight: 400 !important;
}

.panel-title a{
  font-weight: 500 !important;
}

 .more-info h2{
  font-size:25px;
  font-weight:400;
 }

html,
body {
  width: 100%;
  height: 100%;
}

.bg-holder {
  width: 100%;
  height: 100%;
}

.bg-holder#pic1 {
  background-image: url('images/slider/get-involved.jpg');
}

.bg-holder#pic2 {
  background-image: url('images/slider/get-involved.jpg');
}

@media (min-width: 768px) {
  .bg-holder#pic1 {
    background-image: url('images/slider/get-involved.jpg');
  }
  .bg-holder#pic2 {
    background-image: url('images/slider/get-involved.jpg');
  }
}

.featurette-heading-top{
  font-weight: bold;
}

.em-title{
  text-align: center;
}

.bio .img-responsive{
  max-width:120px;
  min-height:120px;
}

.bio .col-md-3 img, .bio .col-md-3 h2, .bio .col-md-3 p{
  text-align: center;
  margin: 0 auto;
  float:none;
}

#menu.nav li a{
  font-size:14px !important;
}


@media (min-width: 768px){
.navbar-nav{
    float:right;
}
}

#contactPage .fa{
  font-size:20px;
  margin-right: 10px;
}


#contactPage .contactSocial .fa{
  font-size: 30px;
  margin-right:0px;
}

.google-maps{
  margin-top:40px;
}

.mailchimp-div #mc_embed_signup{
  width:100%;
  height:200px;
  background-color: #F8F8F8;
  padding:20px;
  margin-top:20px;
}

#mc-embedded-subscribe{
  margin: 0px 20px 0px 0px !important;
}

.lead a{
  font-weight:500;
}

.featurette-heading{
  font-weight: 400;

}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{
  background-color: #7FC649;
  border-color:#7FC649;
}

.quiet{
  width:95%;
  font-size:80%;
  color:#565656;
  margin-bottom:15px;
}

.blog-content .tag_box a{
  font-weight:400 !important;
}

.blog-content a{
  font-weight:600;
}

.blog-content .title a{
  font-weight:400;
}


.table-project-info{
background:#E7E7E7;
}

.table-project-info, .table-project-info>thead>tr>th{
border:2px solid #fff !important;
}



.table-project-info th{
  width:25%;
  vertical-align:top !important;
  padding:0px !important;
}


.table-project-info th p{
font-weight:normal;
padding-top:10px;
}

.table-div{
  width:100%;
  height:100%;
  padding:5px;
  background-color:#E7E7E7;
  text-align: center;
  display:block;
}

.table-project-info th a{
  color:#333333;
}

.table-project-info th a:hover{
  color:#7FC649;
  text-decoration: none;
}

.tag_box li{
 margin: 5px auto;
}

.btn-primary{
  border-radius:0px;
  margin:5px;
}

.last{
margin-bottom:50px;
}

.clear{
  clear:both;
}

.nav-tabs > li > a{
  border-radius: 0px;
}

.nav-tabs.nav-centered > li, .nav-pills.nav-centered > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
     font-size:1.2em;
}

.nav-tabs.nav-centered, .nav-pills.nav-centered {
    text-align:center;
}


#vitaprint li a{
  color:#777777;
}

#vitaprint li a:hover{
  color:#0086FF;
}

/*#vitaprint a{
    color:#0086FF;
    font-weight:400;
}

#vitaprint a:hover{
    color:#777;
}*/

#logo-vitaprint{
  max-width:200px;
}


#vitaprint h3{
    color:#0086FF;
    padding-bottom:0px;
    font-weight: 400;
}

#vitaprint h2{
  font-weight:500;
  text-transform: uppercase;
}

#vitaprint strong{
  font-weight:600;
}

#vitaprint hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
    color:#0086FF;
}

#vitaprint .img-small{
  max-width:200px;
  padding:15px 0px;
}

#vitaprint .fa{
  padding-right:10px;
}

#vitaprint h4{
  font-size:22px;
}

.dark-hr{
      display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
    color:#777;
}

.wrapper-slider{
  min-height:730px;
}

.item{
 cursor: pointer;
 cursor: hand;
}

#headerSlider .headerSliderTitle, #headerSlider1 .headerSliderTitle, #headerSlider2 .headerSliderTitle{
  font-weight: 600;
}

.btn-primary{
border: 2px solid transparent;
float:right;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active{
background-color: transparent;
color: #7FC649;
transition: all .2s !important;
border-radius: 0px;
font-size: 18px;
border: solid 2px;
}

.divs-container .container{
margin-top:70px;
margin-bottom:70px;
}

.link-to{
  padding:25px;
  text-align: center;
  font-size: 18px;
}


.link-to a h2{
color:#777;
margin-top:20px;
}

.link-to a h2:hover{
color:#7FC649; 
}

.link-to .fa{
  font-size:25px;
  background-color:#7FC649;
  border-radius: 50%;
  color:white;
  padding:25px;
  border: solid 3px #7FC649;
}

.link-to .fa:hover, .link-to .fa:active, .link-to .fa:focus{
background-color: transparent;
color: #7FC649;
transition: all .2s !important;
border-radius: 50%;
border: solid 3px;
}

.link-to h2{
font-size: 25px; 
}

a:hover, a:active, a:focus{
   text-decoration: none !important;
 }

a{
outline:none !important;
}



.project-info td{
  padding:5px;
  font-size: 18px;
  font-weight:600;
}

.project-info td a{
  color:#333;
}

.project-info td .fa{
  font-size:20px;
  color:#7FC649;
}

.btn-grey{
  background-color:#808080;
  border: solid 3px;
}

.btn-grey:hover, .btn-grey:active, .btn-grey:focus{
background-color: transparent;
color: #808080;
transition: all .2s !important;
border: solid 3px;
}

.img-partner{
  max-width:100px;
}

#collaboration{
  margin-bottom: 50px;
}

#collaboration .col-block-centered{
  margin:25px 0px;
}

#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#AAAAAA;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#7FC649;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

.img-thumbnail{
  border:none;
}

.vertical-center {
  height:100%;
  width:100%;
}

.vertical-center:before {    /* create a full-height inline block pseudo=element */
  content: ' ';
  display: inline-block;
  vertical-align: middle;  /* vertical alignment of the inline element */
  height: 100%;
}

.vertical-center > .container {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;  /* vertical alignment of the inline element */
  }

#team-page p{
  margin-top:15px;
}

.page{
  margin-bottom:50px;
}

.blog-content, .post-content{
  margin-bottom:50px;
}

#vitaprint nav a{
color:#0086FF;
}

.nav-tabs{
  border-bottom:none;
  padding-top:20px;
}

#vitaprint-content .container, #pira-project .container, #home .container, #conservation .container, #services .container, #iot .container, #vitaprint-content .container, #iot-drone-mapping .container {
  padding-top:50px !important;
  padding-bottom:50px !important;
}

#vitaprint .headerSliderTitle2{
  text-transform:none;
}

#headerSlider1 .carousel-indicators .active{
  background-color:#0086FF !important;
  border:#0086FF !important;
}

.em-block{
  padding-top:50px;
  padding-bottom:50px;
  background: #F8F8F8;
}


.em-block-blue{
  padding-top:20px;
  padding-bottom:20px;
  background:#58585A;
}

.em-block-blue h3{
  line-height: 120%;
  color: #ffffff !important;
  font-weight: 500;
  font-size:160%;
}

.em-block h3{
  line-height: 130%;
  color: #0086FF;
  font-weight: 500;
  font-size:180%;
}

.em-block-g h3{
  line-height: 130%;
  font-weight: 500;
  font-size:180%;
}


.vertical-align {
    display: flex;
    align-items: center;
}

#vitaprint .lead h3{
  padding-top:0px;
}

#vitaprint .lead p, ul, ol{
  font-size:20px;
}

.btn-vita{
background-color:#0086FF;
border-radius:0px;
border: 2px solid transparent;
font-size: 18px;
float:right;
color:#fff;
margin-top:20px;
}

.btn-vita:hover, .btn-vita:focus, .btn-vita:active{
background-color: #666666;
color: #fff;
transition: all .2s !important;
border-radius: 0px;
font-size: 18px;
border: solid 2px transparent;
}

.btn-vita-white{
background-color:#ffffff;
border-radius:0px;
border: 2px solid transparent;
font-size: 18px;
color:#0086FF;
margin-top:20px;
float:center;
}

.btn-vita-white:hover, .btn-vita-white:focus, .btn-vita-white:active{
background-color: #666666;
color: #fff;
transition: all .2s !important;
border-radius: 0px;
font-size: 18px;
border: solid 2px transparent;
}


#vitaprint .fa, #vitaprint span{
  color:#0086FF;
}

#vitaprint .lead h3{
  padding-bottom:10px;
}

.em-block-blue .container{
  padding-top:20px !important;
  padding-bottom:20px !important;  
}

#iot .em-block h3, #conservation .em-block h3, #iot-drone-mapping .em-block h3{
  color:#333333 !important;
}

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

#projects-content h2, .partners-content h2{
  text-align:center;
}

.btn-left{
  float:left !important;
}

.img-bw {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

#contact-content a{
    color:#0086FF;
    font-weight:400;
}

#contact-content a:hover{
    color:#777;
}

#vitaprint nav-tabs{
  font-size:16px;
}

#customers-content .featurette-heading{
  text-align: center;
}

#pira-project .img-partner, #iot .img-partner, #iot-drone-mapping .img-partner {
  max-width:180px;
  padding-top:20px;
}

.btn-pira-white{
background-color:#ffffff;
border-radius:0px;
border: 2px solid transparent;
font-size: 18px;
color:#2481E4;
margin-top:20px;
float:center;
}

.btn-pira{
background-color:#7FC649;
border-radius:0px;
border: 2px solid transparent;
font-size: 18px;
float:right;
color:#fff;
margin-top:20px;
margin-right:20px;
}

.em-block h3{
  line-height: 130%;
  font-weight: 500;
  font-size:180%;
}

#headerSlider2 .carousel-indicators .active{
  background-color:#2481E4 !important;
  border:#2481E4 !important;
}


#pira-project li a:hover{
  color:#2481E4;
}

#headerSlider2 .carousel-indicators .active {
  width: 20px;
  height: 20px;
  background-color: #2481E4;
   margin: 0 15px 0 0;
   border: 1px solid #2481E4;
   position: relative;
}

#headerSlider2 .carousel-indicators .active:after{
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #6BAF37;
  left: -3px;
  top: -3px;
}

#pira-project p{
  font-size:18px;
}

.em-block-white{
  background-color:#fff !important;
  padding-top:0px;
  padding-bottom:0px;
}

#vitaprint .em-block-white{
  padding-top:0px !important;
  padding-bottom:0px !important;
}

#pira-project strong{
  font-weight:600;
}

 @media only screen and (max-width : 768px) {
.headerSliderTitle2{
  display:none;
}
    }

.text-centered{
  text-align: center;
}

.bio h2{
  color:#7FC649;
  font-weight:500;
}

.bio{
  margin-bottom: 50px;
}

#customers-content img{
  width:100%;
}

.blog-content li{
  font-size:16px !important;
}

/*IoT Page */

#logo-irnas{
  max-width:100px;
}



#iot strong, #iot-drone-mapping strong{
  font-weight:600;
}

/*Header*/

/* =======================================
 header
========================================*/
.header-page {
  position: relative;
  width: 100vw; 
  height: 600px;  
}
.header-page .center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  transform:translate(-50%,-50%);
  z-index: 5; 
  padding: 1rem;
}
.header-page .left {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  transform:translate(-50%,-50%);
  z-index: 5; 
  padding: 1rem;
}
.header-page .right {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  transform:translate(-50%,-50%);
  z-index: 5; 
  padding: 1rem;
}

.header-page .right-cons {
  top: 8% !important;
}

.header-page .left-cons {
  top: 8% !important;
}


.header-page .scroll {
  position: absolute;
  top: 95%;
  left: 50%;
  transform:translate(-50%,-50%);
  color: #fff;
  font-size: 1.5rem;
}
/*=== Large devices (desktops, 992px and up) ===*/
@media (min-width: 992px) {
.header-page .center {
  width: 50%;
}
.header-page .left {
  position: absolute;
  top: 20%;
  left: 10%;
  width: 40%;
  height: 60%;
  transform:translate(0, 0);
  padding: 1rem;
}
.header-page .right {
  position: absolute;
  top: 15%;
  left: 50%;
  width: 40%;
  height: 60%;
  transform:translate(0, 0);
  padding: 1rem;
}
}

/* =======================================
 header#3
========================================*/
#header3 {
  background: #355c7d;  
  background: 
    linear-gradient(
       rgba(127,198,73, 0.4), /* #7FC649 */ 
      rgba(88, 88, 90, 0.6) /* #58585A */
           
            
    ),
    url(images/irnas-dev-1.jpg) no-repeat left top;
  background-size: cover;  
  z-index: 0; /* bottom layout */
}


#header3 .right {
  display: none;
}
#header3 .caption {
  z-index: 5; 
  text-align: center;
  color: #fff;
}
#header3 .caption .title {
  margin-bottom: 1.5rem;
  text-shadow: 1px 1px 1px #777777;
   font-weight:500;
} 
#header3 .caption .text {
  margin-bottom: 1.5rem;
  text-shadow: 1px 1px 1px #777777;
} 
#header3 .caption .action {
  margin-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
/*=== Large devices (desktops, 992px and up) ===*/
@media (min-width: 992px) {
#header3 .caption {
  text-align: left;
}
#header3 .right {
  display: block;
}


.header-page .scroll {
  position: absolute;
  top: 95%;
  left: 50%;
  transform:translate(-50%,-50%);
  color: #fff;
  font-size: 3rem;
  font-size:40px;
 }
}

/* =======================================
 header#2
========================================*/


#header2 {
  background: #355c7d;
    background: 
    
  url(images/conservation-tech.png) no-repeat left top;
  background-size: cover;  
  z-index: 0; /* bottom layout */
}


#header2 .right {
  display: none;
}
#header2 .caption {
  z-index: 5; 
  text-align: center;
  color: #fff;
}
#header2 .caption .title {
  margin-bottom: 1.5rem;
  color:#ffffff;
  text-shadow: 1px 1px 3px #333333;
   font-weight:500;
} 
#header2 .caption .text {
  color:#ffffff;
  margin-bottom: 1.5rem;
  text-shadow: 1px 1px 3px #333333;
}

#header2 .caption .action {
  margin-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
/*=== Large devices (desktops, 992px and up) ===*/
@media (min-width: 992px) {
#header2 .caption {
  text-align: left;
}
#header2 .right {
  display: block;
}


.header-page .scroll {
  position: absolute;
  top: 95%;
  left: 50%;
  transform:translate(-50%,-50%);
  color: #fff;
  font-size: 3rem;
  font-size:40px;
 }
}


/* =======================================
 header#1
========================================*/
#header1 {
  background: #355c7d;  
  background: 
    linear-gradient(
       rgba(127,198,73, 0.4), /* #7FC649 */ 
      rgba(88, 88, 90, 0.6) /* #58585A */
           
            
    ),
    url(images/pira.jpg) no-repeat left top;
  background-size: cover;  
  z-index: 0; /* bottom layout */
}


#header1 .right {
  display: none;
}
#header1 .caption {
  z-index: 5; 
  text-align: center;
  color: #fff;
}
#header1 .caption .title {
  margin-bottom: 1.5rem;
  text-shadow: 1px 1px 1px #777777;
   font-weight:500;
} 
#header1 .caption .text {
  margin-bottom: 1.5rem;
  text-shadow: 1px 1px 1px #777777;
} 
#header1 .caption .action {
  margin-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

#header1 .right .img-fluid{
  margin-left:250px;
}
/*=== Large devices (desktops, 992px and up) ===*/
@media (min-width: 992px) {
#header1 .caption {
  text-align: left;
}
#header1 .right {
  display: block;
}

.header-page .scroll {
  position: absolute;
  top: 95%;
  left: 50%;
  transform:translate(-50%,-50%);
  color: #fff;
  font-size: 3rem;
  font-size:40px;
 }
}

/* =======================================
 header#4
========================================*/
#header4 {
  background: #355c7d;  
  background: 
    linear-gradient(
       rgba(0, 134, 255, 0.4), /* #0086ff */
      rgba(88, 88, 90, 0.6) /* #58585A */
           
            
    ),
    url(images/vitaprint-header.jpeg) no-repeat left top;
  background-size: cover;  
  z-index: 0; /* bottom layout */
}


#header4 .right {
  display: none;
}
#header4 .caption {
  z-index: 5; 
  text-align: center;
  color: #fff;
}
#header4 .caption .title {
  margin-bottom: 1.5rem;
  text-shadow: 1px 1px 1px #777777;
   font-weight:500;
   text-transform:uppercase !important;
} 
#header4 .caption .text {
  margin-bottom: 1.5rem;
  text-shadow: 1px 1px 1px #777777;
  text-transform:none !important;
} 
#header4 .caption .action {
  margin-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

#header4 .right .img-fluid{
  margin-left:250px;
}

#logo-vitaprint{
  margin:0 auto;
}

/*=== Large devices (desktops, 992px and up) ===*/
@media (min-width: 992px) {
#header4 .caption {
  text-align: left;
}
#header4 .right {
  display: block;
}

.header-page .scroll {
  position: absolute;
  top: 95%;
  left: 50%;
  transform:translate(-50%,-50%);
  color: #fff;
  font-size: 3rem;
  font-size:40px;
 }

 #logo-vitaprint{
  margin:0;
}
}

/* =======================================
 header#5
========================================*/
#header5 {
  background: #355c7d;  
  background: 
    linear-gradient(
       rgba(127,198,73, 0.4), /* #7FC649 */ 
      rgba(88, 88, 90, 0.6) /* #58585A */
           
            
    ),
    url(images/drone-mapping.jpg) no-repeat left top;
  background-size: cover;  
  z-index: 0; /* bottom layout */
}


#header5 .right {
  display: none;
}
#header5 .caption {
  z-index: 5; 
  text-align: center;
  color: #fff;
}
#header5 .caption .title {
  margin-bottom: 1.5rem;
  text-shadow: 1px 1px 1px #777777;
   font-weight:500;
} 
#header5 .caption .text {
  margin-bottom: 1.5rem;
  text-shadow: 1px 1px 1px #777777;
} 
#header5 .caption .action {
  margin-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

#header5 .right .img-fluid{
  margin-left:250px;
}
/*=== Large devices (desktops, 992px and up) ===*/
@media (min-width: 992px) {
#header5 .caption {
  text-align: left;
}
#header5 .right {
  display: block;
}

.header-page .scroll {
  position: absolute;
  top: 95%;
  left: 50%;
  transform:translate(-50%,-50%);
  color: #fff;
  font-size: 3rem;
  font-size:40px;
 }
}

/* =======================================
 header#6
========================================*/
#header6 {
  background: #355c7d;  
  background: 
    linear-gradient(
       rgba(127,198,73, 0.4), /* #7FC649 */ 
      rgba(88, 88, 90, 0.6) /* #58585A */
           
            
    ),
    url(images/iot.jpg) no-repeat left top;
  background-size: cover;  
  z-index: 0; /* bottom layout */
}


#header6 .right {
  display: none;
}
#header6 .caption {
  z-index: 5; 
  text-align: center;
  color: #fff;
}
#header6 .caption .title {
  margin-bottom: 1.5rem;
  text-shadow: 1px 1px 1px #777777;
   font-weight:500;
} 
#header6 .caption .text {
  margin-bottom: 1.5rem;
  text-shadow: 1px 1px 1px #777777;
} 
#header6 .caption .action {
  margin-bottom: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

#header6 .right .img-fluid{
  margin-left:250px;
}
/*=== Large devices (desktops, 992px and up) ===*/
@media (min-width: 992px) {
#header6 .caption {
  text-align: left;
}
#header6 .right {
  display: block;
}

.header-page .scroll {
  position: absolute;
  top: 95%;
  left: 50%;
  transform:translate(-50%,-50%);
  color: #fff;
  font-size: 3rem;
  font-size:40px;
 }
}


#projects li{
 list-style-type: none;
 }

#projects ul{
  padding-left:0px;
}

#projects li .fa{
 color:#7FC649;
 }

.fa{
  color:#7FC649;}


strong{
  font-weight:500;
}

.container-post{
  margin-top:50px;
}

@media (max-width: 992px){
  .featurette-heading{
    margin-top:30px !important;
  }
}

#home h1{
  text-transform:uppercase;
  font-weight:500;
}

.card-title{
  font-size:24px;
  font-weight:400;
}

.featurette-heading{
  margin-bottom:20px;
}

#home .em-block-blue .btn-primary, #iot .em-block-blue .btn-primary, #pira-project .em-block-blue .btn-primary {
  float:none;
}

#home .em-block-blue h3{
  padding-bottom:20px;
}

.lead span{
  font-weight: 500;
  color:#7FC649;
}

.lead h3 {
    line-height: 31px;
}

#conservation .btn-primary{
  float:none;
}

.offer{
  text-align: center;
}

.offer .img-fluid{
  width:60%;
  margin-top:20px;
  margin-bottom:20px;
}

#conservation-projects .row{
  margin-top:30px;
  margin-bottom:30px;
}

#conservation-projects .card-block{
  margin-top:30px;
}

.carousel-control.left{
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0001) 100%);
}

.carousel-control.right{
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.0001) 100%);
}

#services h2{
  font-size:24px;
  font-weight:400;
}

#pira-project .img-fluid{
width:50%;
}

#iot ul li{
  list-style:none;
}

#iot ul{
  padding-left:none;
}

#services .img-fluid{
width: 70%;
}

#iot h3, #conservation h3, #iot-drone-mapping h3{
  font-weight:500;
}

h1{
  font-weight:500;
}