/*-------------- Fonts --------------*/

body {
font-family: 'Open Sans', sans-serif;
}

.date .calendarItem {
  border-bottom: 1px dotted black;
  margin-bottom: 5px;
}

/*-------------- Page Styles --------------*/

.pad-top { padding-top:20px; }
.page h1.page{
text-align:center;
text-transform:uppercase;
margin-bottom:30px;
}

p, .page li { font-size: 16px; font-weight: 300; line-height:1.5; letter-spacing:.5px; }
h3.lead { font-size: 22px; font-weight: 300; }

.page-wrap{
background:#efefef;
  box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.8),  inset  0 -8px 8px -8px  rgba(0,0,0,0.8);
}
.page img{
border:1px solid rgba(0,0,0,0.4);
padding:5px;
}
.page-wrap>.container{
background:#fff /*#B1BF82*/;
  box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.8),  inset  0 -8px 8px -8px  rgba(0,0,0,0.8);
    padding-right: 0;
}

/*-------------- Anchor styles --------------*/

a, a>h3{
color:#008BB7;
transition:all .5s ease;
}
a:hover, a>h3:hover{
color:#8C9D47;
}


/*-------------- Background Images --------------*/
.parallax {
height: 60vh;
overflow: hidden;
}
.parallax > * {
height: 200%;
position: relative;
top: -100%;
}


.fade-in-up {
    opacity:0;
    transform: translateY(50px);
    transition: all 1s ease-out;
}
.fade-in-up.fade-in{
    opacity: 1;
    transform: translateY(0);
}

/* ---------  Carousel Fade ----------------------*/
.carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-inner .active {
    opacity: 1;
}
 .carousel-inner .active.left,
.carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-inner .next.left,
.carousel-inner .prev.right {
    opacity: 1;
}
 .carousel-control {
    z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
 .carousel-inner > .item.prev,
 .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
 .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.carousel-indicators, .carousel-control, .img-title{
display:none;
}
.carousel .item .top-right{
background-attachment: fixed !important;
}
.appleMobile .carousel .item .top-right{
background-attachment:scroll!important;
}
.carousel{
z-index:-99;
margin-top:-10px;
}
.carousel-inner img {
    width: 100%;
}

/* -------------- Home Header Text --------------*/

.header-top{
  height:600px;
  position:relative;
  overflow:hidden;
/*background:rgba(0,35,102,0.3);*/

}

.swiper-container {
  height:600px;
}
@media only screen and (max-width: 1340px) {
    .header-top {
        height: 550px;
    }
    .swiper-container {
      height:550px !important;
    }
    .swiper-img img {
      height:550px !important;
    }
} 
@media only screen and (max-width: 1225px) {
    .header-top {
        height: 450px;
    }
    .swiper-container {
      height:450px !important;
    }
    .swiper-img img {
      height:450px !important;
    }
}
@media only screen and (max-width: 1000px) {
    .header-top {
        height: 345px;
    }
    .swiper-container {
      height:345px !important;
    }
    .swiper-img img {
      height:345px !important;
    }
}
.header-container{
position:absolute;
top:150px;
z-index:100;
left:5%;
}
@media only screen and (max-width: 1000px) {
    .header-container{
        top:80px;
    }
}
.header-message h1{
  color: #fff;
  font-size: 5.5rem;
  font-weight: 300;
  margin-bottom: 0;
  padding-top: 5px;
  text-transform: uppercase;
position:relative;
text-shadow:0 0 5px rgba(0,0,0,0.3);
left:50%;
transform: translate(-50%,0);
}

.header-message> img {
margin-top:-30px;
background:rgba(255,255,255,0.7);
padding:10px;
border-radius:3px;
width: 60%;
min-width:400px;
position:relative;
}

.header-buttons{
left:5%;
}
.header-buttons .btn2{
margin-top:30px;

/*transform: translate(-50%,0);*/
}
.header-message h3{
color:#fff;
text-shadow:0 0 5px rgba(0,0,0,0.3);
}
.header-buttons .btn-default{
position:relative;
box-shadow:0 0 5px rgba(0,0,0,0.3);
margin-bottom:20px;
font-size:20px;
}
.header-buttons .btn1{
margin-top:100px;
background:#5A5A5A;
border:1px solid #5A5A5A;
padding:15px 90px;
color:#fff;

}
.header-buttons .btn1:hover{
background:#ddd;
border:1px solid #ddd;
color:#000;
transition: all 0.25s ease; 
}
.header-buttons .btn2{
background:#008BB7;
border:1px solid #008BB7;
color:#000;
padding:15px 47px;
transition: all 0.25s ease; 
}
.header-buttons .btn2:hover{
background:#202C51;
border:1px solid #202C51;
color:#fff;

}


/*-------------- Inner pages use jumbotron header --------------*/

.jumbotron {
  color: #f8f8f8;
  margin: 0; 
text-transform:uppercase;
box-shadow:0 3px 3px rgba(0,0,0,0.3);
}
.jumbotron h1{
background: rgba(255,255,255,0.6) none repeat scroll 0 0;
padding:15px 0;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
font-size:3rem;
margin:100px  0;
border-top:1px solid #8C9D47;
border-bottom:1px solid #8C9D47;
color:#048db8;

}
/*-------------- Sidebar --------------*/

.side p {
  font-size: 1em;
}

/*-------------- Misc styles --------------*/

hr{
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.social{
margin-top:40px;
}
.fa-square{
color: #3B5998;
}
#indo-logo img{
padding-top:30px;
padding-bottom:63px;
}
#corefx-logo img{
padding-bottom:58px;
}
#mvp-logo img{
padding-bottom:48px;
}


/*------------- Affixed Nav ---------------*/

.navbar{
margin-bottom:0;
padding: 0;
}
.navbar { 
background:#333333;
width:100%;
border-radius:0;
box-shadow:0 0 3px rgba(0,0,0,0.5);
border: none;
 }
.navbar-static{
width:100%;
}
.navbar-nav {
    width: 100%;
    text-align: center;

}
.navbar-expand-sm .navbar-nav {
    justify-content: center;
}
.navbar-expand-md .navbar-nav {
    justify-content: center;
}
.navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-nav  > li {
      float: none;
      display: inline-block;
      padding: 0;
      margin: 0;
    }
.navbar .navbar-nav a { 
color:#fff; 
padding:15px;
}
.navbar .navbar-nav a:hover, .navbar .navbar-nav>li> a:focus{ 
color:#fff; 
background: #008bb7;
}
.navbar .navbar-nav a.active{
background:#8C9D47;
color: black;
}
.navbar .navbar-nav>li> a.active:hover{
background:#008bb7;
color: white;
}

.navbar-brand{
display:none;
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;

}

#nav.affix-top{
padding:0;
}
#nav.container{
width:100%;
}

/*--------- content sections ---------------------*/

.content-section-1 img, .content-section-3 img {
    margin-top: 30px;
margin-bottom:20px;
    width: 200px;
    border: 3px solid #048DB8;
    padding: 0px;
    border-radius: 50%;
}
.content-section-1 h2, .content-section-2 h2, .content-section-3 h2{
text-transform:uppercase;
font-size:2rem;
font-weight:300;
border-top:1px solid #666;
border-bottom:1px solid #666;
color:#000;
text-align:center;
padding:10px 0;
margin-top:60px;
}
.content-section-4 h2{
text-transform:uppercase;
font-size:2rem;
font-weight:300;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
color:#fff;
text-align:center;
padding:10px 0;
margin-top:60px;
margin-bottom:30px;
}
.content-section-3 h2{
margin-bottom:60px;
}
.content-section-1 h3, .content-section-2 h3{
text-transform:uppercase;
font-weight:300;
text-align:center;
font-size:1.6rem;
}
.content-section-1, .content-section-2, .content-section-3{
90vh;
}
.content-section-1 p, .content-section-2 p{
text-align:left;
}

.content-section-3 h2, .content-section-3 h3{
color:#000;
} 
.content-section-3 img{
width:200px;
margin-top:30px;
border-radius:50%;
}

.content-section-2 .btn{
margin-top:20px;
}
.intro-message > h3 {
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

.button-text {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-1, .content-section-2, .content-section-3 {
    padding: 60px 0;
    background-color: #fff;/*#B1BF82*/ /* E9E4D2 */
}
.content-section-4{
color:#fff;
background:#000;
}


/*---------------- Footer --------------------*/
footer {
    padding: 30px 0;
background: #000;
}
footer span{
color:#fff;
}
/*----------------Gallery Styles --------------------*/
.thumb {
    margin-bottom: 30px;
}

.thumb .center-block{
text-align:center;
}
 .thumbs img{
    max-width:92%;
    padding:2%; /* A percentage that, when doubled and added to the above, makes 100%. */
    background:transparent;
    border:1px solid #CCCCCC;
      opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;/* Color of the faux border. */
}
.thumbs img:hover {
 opacity: 0.5;
      }

.prevNext{
padding:30px;
}


/* -------------- Media Queries ---------------*/


@media (max-width:767px) {
.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}
.header-message> img {
position:relative;
left:0;
right:0;
width:100%;
max-width:100%;
}
.phones { display:none; }
.header-buttons .btn2{
margin-top:30px;
}
.content-section-1 h2, .content-section-2 h2, .content-section-3 h2, .content-section-4 h2{
font-size:2.5rem;
margin-top:0;
}
.content-section-3 h2{
margin-bottom:20px;
}
.header-message > h1{
font-size:2.5rem;
}
.header-message h3{
font-size:1.5rem;
}
.header-container{
position:relative;
display:block;
margin:0 auto;
width:100%;
left:0;
top:0;
}
.content-section-1 h2{
margin-top:0;
}
.jumbotron h1 { font-size: 2em; }
.intro-divider { width: 100%; }
.header-top { height:600px; }
/*.carousel-inner  .item .top-right { height:600px!important; }*/
.pad-top { padding-top:5px; }
.top-right{
background-size:100%!important;
height:390px!important;
}
.header-top{
height:320px!important;
}
}
@media (max-width:560px) {
.header-message img { min-width:200px; }
.pad-top { padding-top:0px; }
.top-right{
background-size:100%!important;
height:320px!important;
}
.header-top{
height:320px!important;
}
}
@media (max-width:325px) {
.top-right{
background-size:100%!important;
height:245px!important;
}
.header-top{
height:245px!important;
}
}
@media (max-width: 768px) {
.navbar { padding:10px; }
}
@media (min-width:768px) {
/*-------------- Forces Equal height rows --------------*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
#sidebar{
  background:#fff /*#E9E4D2*/;
  box-shadow: inset  0  8px 8px -8px rgba(0,0,0,0.8),  inset  0 -8px 8px -8px  rgba(0,0,0,0.8);
border-left:1px solid #666;
}
}

@media (min-width:768px) and (max-width:992px){
.header-message h1{
font-size:4.5rem;
}
.header-message h1.small{
font-size:5.7rem;
}
.navbar .container{
padding:0;
width:100%;
}
.header-buttons .btn2{
margin-bottom:50px;
}
.container-fluid>.navbar-collapse{
    margin-right: -15px;
    margin-left: -15px;
}
.pad-top { padding-top:10px; }
}