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

.logo {
  float: left;
  width: 111px;
  margin-right: -100%;
  position: relative;
  z-index: 2;
}

.logo a.square {
  width: 110px;
  height: 110px;
  display: block;
  background: url('../img/Logo.png') no-repeat center center;
  overflow: hidden;
  text-indent: -9999%;
}

.icon-bar {
  background-color: white !important;
}

.navbar {
  height: 130px;
  padding-top: 10px;
  background-color: #002147;
  border-color: #002147;
  color: white;
}

.navbar-nav {
  padding-top: 40px;
  padding-left: 100px;
  background-color: #002147;
}

.navbar-nav>li {
  border-right: 1px solid #3178b0;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.nav .open .active > a:hover,
.nav .open .active > a:focus
{
  background-color: #3178b0;
}

.navbar-nav>li> a {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 0;
  color: white;
  font-size: 22px; 
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  border-width: 1px;
  border-color: white;
}

.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>.active>a,
.navbar-nav>.active>a:hover,
.navbar-nav>.active>a:focus {
  color: white;
  background-color: #3178b0;
}

.dropdown-menu {
  background-color: white;
  top: 33px;
  border: none;
  border-radius: 0px;
}

.dropdown-menu > li > a {
  font-size: 18px; 
  color: #3178b0;
  text-align: left;
  text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: white;
  background-color: #3178b0;
  background-image: none;
}

.container-studio {
  margin-top: 160px;
  margin-bottom: 60px;
}

footer {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #002147;
  border-color: #002147;
  color: white;
}

.footer-login {
  padding-top: 50px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: white;
  border-color: white;
  color: black;
}

.footer-head {
  border-bottom: 1px solid #3178b0;
}

.footer-head > p {
  color: white;
  font-size: 16px; 
  font-weight: bold;
  text-transform: uppercase;
}

.footer-column-first {
  margin-top: 20px;
  margin-bottom: 20px;
  border-left: 1px solid #3178b0;
  border-right: 1px solid #3178b0;
}
.footer-column {
  margin-top: 20px;
  margin-bottom: 20px;
  border-right: 1px solid #3178b0;
}

.footer-title {
  color: white;
  font-size: 14px; 
  font-weight: bold;
  text-transform: uppercase;
}
.footer-text {
  color: white;
  font-size: 11px; 
}
.footer-foot {
  border-top: 1px solid #3178b0;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-top: 130px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  text-align: left;
}


.title1 {
  color: #002147;
  font-size: 20px; 
  font-weight: bold;
  text-transform: uppercase;
}

.title2 {
  color: #002147;
  font-size: 20px; 
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 10px;
}

.col-xs-4 > img,
 .col-xs-4 > a > img {
  border: 1px solid #002147;
}

.text1 {
  padding-top: 10px;
}

.services-alt {
  background-color: WhiteSmoke;
}

/* Over effect on gallery thumbs */
span.roll-gallery { 
  background:url(../img/gallery_icon.png) center center no-repeat #002147; 
  height: 100px;
  position: absolute; 
  width: 100px; 
  z-index: 10;	
  -webkit-box-shadow: 0px 0px 4px #000; 
  -moz-box-shadow: 0px 0px 4px #000; 
  box-shadow: 0px 0px 4px #000; 
}

/* Over effects on home thumbs */
span.roll-architecture { 
  background:url(../img/architecture_icon.png) center center no-repeat #002147; 
  height: 100px;
  position: absolute; 
  width: 100px; 
  z-index: 10;	
  -webkit-box-shadow: 0px 0px 4px #000; 
  -moz-box-shadow: 0px 0px 4px #000; 
  box-shadow: 0px 0px 4px #000; 
}

span.roll-design { 
  background:url(../img/design_icon.png) center center no-repeat #002147; 
  height: 100px;
  position: absolute; 
  width: 100px; 
  z-index: 10;	
  -webkit-box-shadow: 0px 0px 4px #000; 
  -moz-box-shadow: 0px 0px 4px #000; 
  box-shadow: 0px 0px 4px #000; 
}

span.roll-publications { 
  background:url(../img/publications_icon.png) center center no-repeat #002147; 
  height: 100px;
  position: absolute; 
  width: 100px; 
  z-index: 10;	
  -webkit-box-shadow: 0px 0px 4px #000; 
  -moz-box-shadow: 0px 0px 4px #000; 
  box-shadow: 0px 0px 4px #000; 
}

/* Over effect on online publications thumbs */
span.roll-link { 
  background:url(../img/link_icon.png) center center no-repeat #002147; 
  height: 100px;
  position: absolute; 
  width: 100px; 
  z-index: 10;	
  -webkit-box-shadow: 0px 0px 4px #000; 
  -moz-box-shadow: 0px 0px 4px #000; 
  box-shadow: 0px 0px 4px #000; 
}

.eupopup-container {
	background-color: rgba(0, 33, 71, 0.7);
	color: white;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	display: none;
	z-index: 9999999;
}

.eupopup-body {
	color: #3178b0;
}

.eupopup-button_1 {
	color: #3178b0;
  font-weight: bold;
	font-size: 14px;
}

.eupopup-button_2 {
	color: #3178b0;
  text-decoration: underline;
	font-weight: normal;
	font-size: 12px;
}

.eupopup-button:hover,
.eupopup-button:focus {
	color: white;
  background-color: #3178b0;
  text-decoration: none;
}

.eupopup-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	color: #3178b0;
	filter: alpha(opacity=20);
	position: absolute;
	font-family: 'Roboto', 'Rufina', serif;
	top: 0; right: 0;
	padding: 5px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 1150px) {
  .navbar-nav>li> a {
    font-size: 18px;
    padding-left: 18px;
    padding-right: 18px;
  }
  .title1 {
    font-size: 18px; 
  }
  .title2 {
    font-size: 18px; 
  }  
}

@media screen and (max-width: 997px) {
  .navbar-nav>li> a {
    font-size: 14px;
    padding-left: 14px;
    padding-right: 14px; 
  }
  .title1 {
    font-size: 14px; 
  }
  .title2 {
    font-size: 14px; 
  }
}

@media screen and (max-width: 880px) {
  .navbar-nav>li> a {
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .title1 {
    font-size: 10px; 
  }
  .title2 {
    font-size: 10px; 
  }
  .footer-title {
    font-size: 10px; 
  }
}