/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    width: 100%;
    height: 100%;
    font-family: 'Montserrat', sans-serif;
}

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

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}



a {
font-size: 0.9em;
text-decoration:none;
color : #eee;
}

a:visited {

}

a:hover {
color: #fff;
text-decoration:underline;
}

a:focus {
outline-color:invert;
outline-style:none;
outline-width:medium;
}

a:active {

}

.full {
    background: url('../images/me.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


/* Header Style */
.navbar {
  line-height: 1em;
  font-size: 0.9em;
  border: 0px;
  background: transparent;

}

.navbar-nav a {
  line-height: 1em;
  font-size: 0.9em;
  border: 0px;
  background: transparent;
  text-transform: uppercase; 
}

.navbar .navbar-brand {
  line-height: 24px;
  font-size: 0.9em;
  padding-top: 1em;
  text-transform: uppercase;
  color: #fff;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.navbar-default .navbar-brand {
color: #fff; 
font-weight: 700;
}

.navbar-default .navbar-brand small {
color: #fff; 
  font-size: 1em;
font-weight: 400;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #282828; 
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #282828; 
  font-size: 0.9em;
}

.navbar-default .navbar-nav > li > a {
  color: #fff; 
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #fff;  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #fff;   background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #282828;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: transparent;
  border-radius: 0px;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
    border-color: transparent;

}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}






.btn-default {margin : 2em; border-radius: 0px; background: transparent; border: 1px solid #fff;   color: #fff;}

.btn-default:hover {border-radius: 0px; background: transparent; border: 1px solid #000;    color: #fff;}


.btn-primary {margin : 2em; border-radius: 0px; background: #000; border: 1px solid #fff;   color: #fff;}

.btn-primary:hover {border-radius: 0px; background: #000; border: 1px solid #000;    color: #fff;}

/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */

.home-section {
    height: 100%;
    padding-top: 250px;
    background: transparent;
    text-align: center;
    background: #000;
    color: #fff;

}


.label {border-radius: 0px; background: #000;  color: #fff;}

.info-section {
    height: 100%;
    padding-top: 50px;
background: rgb(32,157,122);
background: linear-gradient(90deg, rgba(32,157,122,1) 16%, rgba(255,0,86,1) 100%);
    color: #fff;
}


@keyframes hideshow {
  0% { opacity: 1; }
  10% { opacity: 1; }
  15% { opacity: 0; }
  100% { opacity: 1; }
} 

.text-1 {
	   fill: #FC4349;     
  animation: hideshow 10s ease infinite;
}

.text-1:hover {
	   fill: #fff;     
}

.text-2 {
  opacity: 0;
  	   fill: #fff;     

  animation: hideshow 10s 1.5s ease infinite;
}
.text-3 {
  opacity: 0;
    	   fill: #fff;     

  animation: hideshow 10s 3s ease infinite;
}


.path {
	width: 50%;
	height: 50%;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-name: loop;
}
@keyframes loop {
  0% {         
    transform:scale(1);       
  }
  5% {    
     transform:scale(1.6);         
  }
  10% {  
    transform:rotateZ(720deg);    
  } 
  20% {
    transform:scale(1);    
  }  
}


.modal-body h1, .modal-body p,  .modal-body h3, .modal-body ul li { color: #fff;}


h3 {font-size: 1em; font-weight: 700; color: #fff;
}


.modal-title {font-size: 1.2em; font-weight: 400; color: #fff;  }

.lead {color: #fff;  font-weight: 400;font-size: 0.9em;}

section p {color: #fff;  font-weight: 400; font-size: 0.8em; font-family: Vollkorn, serif;}

.well {border-radius: 0px; background: #282828; border: none; margin:0; padding: 0;}
.panel-group, .panel, .panel-default, .panel-heading {background: transparent; color: #fff; border-radius: 0px; border: none;  }
#dmnd-logo
{
  fill : #fff;
}

.page-header {                      
color: #282828; 
font-size: 1.6em;
text-transform: uppercase;
font-weight: bold; 
padding: 1em;
padding-left: 0;
margin: 0;
border-bottom: 0px solid #fff;
line-height: 0.8em;

}

.page-header small {
font-size: 0.5em;
font-weight: normal; 
color: #fff; 
}

dt, dl, dd {color: #fff; font-weight: normal;}
dt, dl {color: #fff;
 font-weight: bold;}

         

/* Bottom Style */
.dmnd-bottom {
  line-height: 2em;
  font-size: 0.8em;
  width: 100%;
  background: transparent;
  text-transform: uppercase;
color: #fff; 
  opacity: 0.9;
  z-index: 9999;
position: fixed;
bottom: 0;
}


/* .modal-fullscreen */

.modal-fullscreen {
  background: #fff;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0%);
  -ms-transform: translate(0, 0%);
  transform: translate(0, 0%);
  -webkit-transition: -webkit-transform 0.1s ease-out;
  -moz-transition: -moz-transform 0.1s ease-out;
  -o-transition: -o-transform 0.1s ease-out;
  transition: transform 0.1s ease-out;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}




.modal-backdrop.modal-backdrop-fullscreen {
  background: #282828;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}

.event-wrapper {background: transparent; padding: 0.5em;}


.list-group-item {background: transparent; font-size: 0.9em;  color: #fff; }
.list-group-item:first-child {
  border-color: #fff;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }
 .list-group-item:last-child {
    border-color: #fff;

        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
 .list-group-item {
    border-color: #fff;

       border-right:0px;
       border-left:0px;
    }



input {border-radius: 0px;}