/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN8rsOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN8rsOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN8rsOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN8rsOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN8rsOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN8rsOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 .sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(231, 58, 5);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #fcf9f9;
  display: block;
  transition: 0.3s;
  
}

.sidebar a:hover {
  color: #f7f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: rgb(30, 77, 206);
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  margin-left: 260px; /* Same as the width of the sidenav */
  transition: margin-left .5s;
  padding: 16px;
}

.sidenav {
  height: 100%;
  width: 260px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgba(103, 120, 143, 0.589);
  overflow-x: hidden;
  padding-top: 85px;
  font-family: Arial black;
  
}

.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
  display: block;
}

.sidenav a:hover {
  color: #f1f1f1;
}



 /* Three image containers (use 25% for four, and 50% for two, etc) */
.column  {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
} 

.container {
  position: relative;
  
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgb(139, 128, 128);
}

.container:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

*, *:before, *:after {
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
}
 svg {
	 display: block;
	 overflow: visible;
}
 .slider-container {
	 position: relative;
   overflow: hidden;
	 height: 100%;
	 -webkit-user-select: none;
	    -moz-user-select: none;
	     -ms-user-select: none;
	         user-select: none;
	 cursor: all-scroll;
}
 .slider-control {
	 z-index: 2;
	 position: absolute;
	 top: 0;
	 width: 12%;
	 height: 100%;
	 transition: opacity 0.3s;
	 will-change: opacity;
	 opacity: 0;
}
 .slider-control.inactive:hover {
	 cursor: auto;
}
 .slider-control:not(.inactive):hover {
	 opacity: 1;
	 cursor: pointer;
}
 .slider-control.left {
	 left: 0;
	 background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
 .slider-control.right {
	 right: 0;
	 background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}
 .slider-pagi {
	 position: absolute;
	 z-index: 3;
	 left: 50%;
	 bottom: 2rem;
	 transform: translateX(-50%);
	 font-size: 0;
	 list-style-type: none;
}
 .slider-pagi__elem {
	 position: relative;
	 display: inline-block;
	 vertical-align: top;
	 width: 2rem;
	 height: 2rem;
	 margin: 0 0.5rem;
	 border-radius: 50%;
	 border: 2px solid #fff;
	 cursor: pointer;
}
 .slider-pagi__elem:before {
	 content: "";
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 width: 1.2rem;
	 height: 1.2rem;
	 background: #fff;
	 border-radius: 50%;
	 transition: transform 0.3s;
	 transform: translate(-50%, -50%) scale(0);
}
 .slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
	 transform: translate(-50%, -50%) scale(1);
}
 .slider {
	 z-index: 1;
	 position: relative;
	 height: 100%;
}
 .slider.animating {
	 transition: transform 0.5s;
	 will-change: transform;
}
 .slider.animating .slide__bg {
	 transition: transform 0.5s;
	 will-change: transform;
}
 .slide {
	 position: absolute;
	 top: 0;
	 width: 100%;
	 height: 100%;
	 overflow: hidden;
}
 .slide.active .slide__overlay, .slide.active .slide__text {
	 opacity: 1;
	 transform: translateX(0);
}
 .slide__bg {
	 position: absolute;
	 top: 0;
	 left: -50%;
	 width: 100%;
	 height: 100%;
	 background-size: cover;
	 will-change: transform;
}
 .slide:nth-child(1) {
	 left: 0;
}
 .slide:nth-child(1) .slide__bg {
	 left: 0;
	 background-image: url('pic/project1.jpg');
}
 .slide:nth-child(1) .slide__overlay-path {
	 fill: #e99c7e;
}
 @media (max-width: 991px) {
	 .slide:nth-child(1) .slide__text {
		 background-color: rgba(233, 156, 126, 0.8);
	}
}
 .slide:nth-child(2) {
	 left: 100%;
}
 .slide:nth-child(2) .slide__bg {
	 left: -50%;
	 background-image: url('pic/project2.jpg');
}
 .slide:nth-child(2) .slide__overlay-path {
	 fill: #e1ccae;
}
 @media (max-width: 991px) {
	 .slide:nth-child(2) .slide__text {
		 background-color: rgba(225, 204, 174, 0.8);
	}
}
 .slide:nth-child(3) {
	 left: 200%;
}
 .slide:nth-child(3) .slide__bg {
	 left: -100%;
	 background-image: url('pic/project3.jpg');
}
 .slide:nth-child(3) .slide__overlay-path {
	 fill: #adc5cd;
}
 @media (max-width: 991px) {
	 .slide:nth-child(3) .slide__text {
		 background-color: rgba(173, 197, 205, 0.8);
	}
}
 .slide:nth-child(4) {
	 left: 300%;
}
 .slide:nth-child(4) .slide__bg {
	 left: -150%;
	 background-image: url('pic/project4.jpg');
}
 .slide:nth-child(4) .slide__overlay-path {
	 fill: #cbc6c3;
}
 @media (max-width: 991px) {
	 .slide:nth-child(4) .slide__text {
		 background-color: rgba(203, 198, 195, 0.8);
	}
}

 .slide:nth-child(5) {
	 left: 400%;
}
 .slide:nth-child(5) .slide__bg {
	 left: -200%;
	 background-image: url('pic/project5.jpg');
}
 .slide:nth-child(5) .slide__overlay-path {
	 fill: #cbc6c3;
}
 @media (max-width: 991px) {
	 .slide:nth-child(5) .slide__text {
		 background-color: rgba(203, 198, 195, 0.8);
	}
}
 .slide__content {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 .slide__overlay {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 height: 100%;
	 min-height: 810px;
	 transition: transform 0.5s 0.5s, opacity 0.2s 0.5s;
	 will-change: transform, opacity;
	 transform: translate3d(-20%, 0, 0);
	 opacity: 0;
}
 @media (max-width: 991px) {
	 .slide__overlay {
		 display: none;
	}
}
 .slide__overlay path {
	 opacity: 0.8;
}
 .slide__text {
	 position: absolute;
	 width: 25%;
	 bottom: 15%;
	 left: 12%;
	 color: #fff;
	 transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
	 will-change: transform, opacity;
	 transform: translateY(-50%);
	 opacity: 0;
}
 @media (max-width: 991px) {
	 .slide__text {
		 left: 0;
		 bottom: 0;
		 width: 100%;
		 height: 20rem;
		 text-align: center;
		 transform: translateY(50%);
		 transition: transform 0.5s 0.5s, opacity 0.5s 0.5s;
		 padding: 0 1rem;
	}
}
 .slide__text-heading {
	 font-family: 'Polar', Helvetica, Arial, sans-serif;
	 font-size: 18px;
	 margin-bottom: 2rem;
}
 @media (max-width: 991px) {
	 .slide__text-heading {
		 line-height: 20rem;
		 font-size: 18px;
	}
}
 .slide__text-desc {
	 font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	 font-size: 15px;
	 margin-bottom: 0.8rem;
}
 @media (max-width: 991px) {
	 .slide__text-desc {
		 display: none;
	}
}
 .slide__text-link {
	 z-index: 5;
	 display: inline-block;
	 position: relative;
	 padding: 0.5rem;
	 cursor: pointer;
	 font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	 font-size: 18px;
	 perspective: 1000px;
}
 @media (max-width: 991px) {
	 .slide__text-link {
		 display: none;
	}
}
 .slide__text-link:before {
	 z-index: -1;
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background: rgb(204, 211, 103);
	 transform-origin: 50% 100%;
	 transform: rotateX(-85deg);
	 transition: transform 0.3s;
	 will-change: transform;
}
 .slide__text-link:hover:before {
	 transform: rotateX(0);
}



.bd_footer {
   background: #D0D8DB;
    padding-top: 60px;
    padding-bottom: 40px;
    text-align: center;
}

textarea {
    resize: none;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
}

@charset "UTF-8";

.svg-inline--fa {
  vertical-align: -0.200em;
}

.rounded-social-buttons {
  text-align: center;
}

.rounded-social-buttons .social-button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 3.125rem;
  height: 3.125rem;
  border: 0.125rem solid transparent;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: #fefefe;
  font-size: 1.5625rem;
  font-weight: normal;
  line-height: 2em;
  border-radius: 1.6875rem;
  transition: all 0.5s ease;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
  font-size: 25px;
}

.rounded-social-buttons .social-button.facebook {
  background: #3b5998;
}

.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
  color: #3b5998;
  background: #fefefe;
  border-color: #3b5998;
}

.rounded-social-buttons .social-button.twitter {
  background: #55acee;
}

.rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
  color: #55acee;
  background: #fefefe;
  border-color: #55acee;
}

.rounded-social-buttons .social-button.linkedin {
  background: #007bb5;
}

.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
  color: #007bb5;
  background: #fefefe;
  border-color: #007bb5;
}

.rounded-social-buttons .social-button.youtube {
  background: #bb0000;
}

.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
  color: #bb0000;
  background: #fefefe;
  border-color: #bb0000;
}

.rounded-social-buttons .social-button.instagram {
  background: #125688;
}

.rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
  color: #125688;
  background: #fefefe;
  border-color: #125688;
}


.banner
{
  background:red;
  min-height:200px;
}
.banner .row
{
  text-align:center;
  margin-top:50px;
}
.banner h1
{
  color:white;
}



/***********************************************************************
*  OPAQUE NAVBAR SECTION
***********************************************************************/
 .logo-image{
    width:120px;
  	height:70px;
    margin-top: -10px;
    background-color: white;
		float: left;
    opacity: 0.8;

}



.opaque-navbar {
    background-color: rgba(0,0,0,0.5);
  /* Transparent = rgba(0,0,0,0) / Translucent = (0,0,0,0.5)  */
    height: 100px;
    
    padding-top: 25px;
    transition: background-color .5s ease 0s;
}

.opaque-navbar.opaque {
    background-color: black;
    height: 100px;
    transition: background-color .5s ease 0s;
}

ul.dropdown-menu {
    background-color: black;
    
}


@media (max-width: 992px) {
  .opaque-navbar {
    background-color: black;
    height: 60px;
    transition: background-color .5s ease 0s;
}


/*************************
event
*************************/

  .feature {
      width: 200px;
	  float:left;
	  	margin-right:20px;
	  margin-bottom:5px;
  }