/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
  padding-top: 20px;
}

@media (min-width: 992px) {
  body {
    padding-top: 20px;
  }
}

.nav-item:hover{
  background-color: blue;
}

.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
}

.carousel-control-prev{
  width: 40px;
  background-color: black;
}
.carousel-control-next{
  width: 40px;
  background-color: black;
}

.carousel-item {
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 60%;
}

.portfolio-item {
  margin-bottom: 30px;
}

.wrap {
    padding-left: 4%;
    padding-right: 4%;
}

.clearfix {
    clear: both;
}

#header {
    background: white;
    padding-bottom: 15px;
}

#logo {
    float:left;
    width: 300px;
    height: 86px;
}
#bullets{
    font-weight:bold;
    color:#0664a0;
    float:left;
    margin-left: 60px;
    font-size: 18px;
}

#list2{
     margin-left: 60px;
}
#list3{
     margin-left: 90px;
}

#snsbar {
    margin-top: 10px;
    margin-right: 9%;
    float: right;
}

#linkedin {
    margin: 2px;
    width: 53px;
    height: 40px;
}

.snsbtn {
    margin: 2px;
    width: 40px;
    height: 40px;
    transition: transform .2s;
}

.snsbtn:hover {
    transform: scale(1.2);
}

.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {                  
    visibility: visible;                  
    animation: slide 1s;
}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
.img-link:hover {
    background-color:#000;
    opacity:0.5;
    z-index: 100;
    display: block;
}
.card-image{
    display: block;
    margin-left: auto;
    margin-right: auto 
}
.colored-header{
  color: #0664a0;
}

#footerinfo {
    text-align: center;
    color: #f4f5f7;
}

#itar_logo {
    margin-top: 20px;
    width: 40px;
    height: 40px;
}

#flag {
    margin-top: 20px;
    width: 54px;
    height: 40px;
}