/*
Theme Name: Galagher Lourens Architects
Author: Country Digital
Author URI: http://cntry.biz/
Description: Theme template created for client Galagher Lourens Architects
Version: 1.0

*/

html,
body {
  min-height:100%;
  height: 100%;
  width: 100%;
  background:#fff;
  font-family: 'Lato', sans-serif;
  font-weight:300;
}
a {
  color: #b3d133;
}
#wrap {
  min-height: 100%;
  height: auto;
  background:#efefef;
}

#footer {
  height: 200px;
  background-color: #4c4c4c;
}


/* Custom page CSS
-------------------------------------------------- */

#main {
  position:relative;
  top:0px;
  bottom:0px;
  min-height:100%;
  height:100%;
  padding: 120px 0 60px;
  
}
/* footer
 * ==============================================*/
#footer h4 {
  font-size:22px;
  color:#b3d234;
  border-bottom: 1px solid #b3d234;
}
#footer h4 strong {
  color:#ccc;
}
#footer p {
  text-align:center;
  color:#ccc;
  padding:0px;
  margin:0px;
}
#footer span {
  display:block;
  line-height:20px;
  margin-right:10px;
  margin-left:0px;
  font-size:14px;
  color:#ccc;
}
#footer ul {
  list-style: none;
  margin-left:0px;
  padding-left:0px;
}
#footer ul li a {
  color:#ccc;
  font-size:14px;
  line-height:20px;
}
#footer ul li a:hover {
  color:#b3d234;
}
.footLogo {
  padding-top:15px;
  max-width:140px;
  margin-left:50px;
}
.footLogo img {
  width:100%;
}
#footer h4.footLogoFont {
  color:#ccc;
  border-bottom:0px solid #fff; 
}
/* nav
-------------------------------------------------- */

ul#menu-main_nav {
  float:right;
  text-align: center;
  display: inline-block;
  margin: 0px 130px 0px 0px;
  list-style: none;
  text-transform:uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul#menu-main_nav * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul#menu-main_nav li {
  position: relative;
  display: inline-block;
  vertical-align:top;
  height:100px;
  line-height:100px;
  padding:0 10px;
  margin:0 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.navigation-container.on ul#menu-main_nav li {
  height:70px;
  line-height:70px;
}
ul#menu-main_nav li a {
  color:#231f20;
  font-weight:500;
  font-size:14px;
}
ul#menu-main_nav li:hover > a {
  color:#b3d133;
  font-weight:300;
}
ul#menu-main_nav li ul {
}
ul#menu-main_nav li ul {
  display:block;
}

.menu-sub_menu-container {
  display:none;
}


/*header
 * ==============================================*/
.navigation-container {
  position:fixed;
  display:block;
  top:0px;
  left:0px;
  min-width:100%;
  height:120px;
  z-index:99999;
  background:#fff;
  -webkit-box-shadow: 0px -2px 8px 1px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    0px -2px 8px 1px rgba(50, 50, 50, 0.1);
  box-shadow:         0px -2px 8px 1px rgba(50, 50, 50, 0.1);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.navigation-container.on {
  height:90px;
}

.logo-link {
  display:inline-block;
}
.logo {
  position:relative;
  display:inline-block;
  width:100px;
  height:100px;
  float:left;
  padding:10px 10px 10px 20px;
  z-index:2;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.navigation-container.on .logo {
  height:70px;
  width:70px;
}
.logo img {
  position:absolute;
  width:100%;
  height:100%;
  opacity:0;
  transition: all 1s ease-in-out;
}
.logo img.on {
  opacity:1;
}
.logo-font h4 {
  position:relative;
  display:inline-block;
  width:500px;
  height:29px;
  float:left;
  padding:0px 10px 0px 10px;
  line-height:120px;
  z-index:2;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.navigation-container.on .logo-font h4 {
  width:400px;
  height:auto;
  padding:0px 10px 0px 10px;
  line-height:90px;
}
.logo-font img {
  position:absolute;
  width:100%;
  height:auto;
  opacity:0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.logo-font img.on {
  opacity:1;
}
.logo-font h4 {
  color:#231f20;
  font-weight:300;
  margin-left:30px;
  margin-top:0px;
}
.mobi-btn {
  position:fixed;
  display:none;
  top:0px;
  right:0px;
  width:120px;
  height:120px;
  z-index:2;
  transition: all 1s ease-in-out;
}
.mobi-btn:hover {
  cursor:pointer;
}
.bar {
  display:block;
  width:50px;
  height:7px;
  margin-bottom:7px;
  margin-left:35px;
  background:#231f20;
  transition: all 1s ease-in-out;
}
.bar:first-child {
  margin-top:42px;
}
.navigation {
  position:fixed;
  top:0px;
  right:0px;
  min-width:100%;
  padding:10px;
  background:#fff;
  background:rgba(255,255,255,1);
}

/* breadcrumbs
=================================================*/
p#breadcrumbs {
  padding:20px 0 0;
  margin-bottom:0px;
  color:#333;
  font-size:14px;
  text-transform: uppercase;
}
p#breadcrumbs a {
  color:#b3d133;
  font-weight:400;
}
.architecture-row p#breadcrumbs {
  margin-left:3.5%;
}

/* the load
=================================================*/
#loader {
  position: fixed;                                                                                                                                    
  top: 0px;                                                                                                                                           
  left: 0px;                                                                                                                                          
  bottom: 0px;                                                                                                                                        
  right: 0px;                                                                                                                                         
  display: block;                                                                                                                                     
  height: 100%;                                                                                                                                       
  min-height: 100%;                                                                                                                                   
  z-index: 11000;                                                                                                                                     
  background-color: #fefefe;                                                                                                                          
}
#loaderimg {
  position: relative;
  top: 50%;
  left: 50%;
  margin-bottom: -20px;
  margin-left: -25px;
}
#loaderimg > div {
  width: 49px;
  height: 49px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
  -webkit-animation-name: rotate; 
  -webkit-animation-duration: 2s; 
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate; 
  -moz-animation-duration: 2s; 
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: rotate; 
  animation-duration: 2s; 
  animation-iteration-count: infinite;
  animation-timing-function: linear;

}
#loaderimg > div img {
  position: absolute;
  width: 49px;
  height: 49px;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotateY(0deg); -webkit-transform-style: preserve-3d;}
    to {-webkit-transform: rotateY(360deg); -webkit-transform-style: preserve-3d;}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotateY(0deg); -moz-transform-style: preserve-3d;}
    to {-moz-transform: rotateY(360deg); -moz-transform-style: preserve-3d;}
}
@keyframes rotate {
    from {transform: rotateY(0deg); transform-style: preserve-3d;}
    to {transform: rotateY(360deg); transform-style: preserve-3d;}
}




.the-load {
  position:fixed;
  display:block;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  height:100%;
  width:100%;
  background:#fff;
  z-index:9999;
}
.loader {
  position:absolute;
  display:inline-block;
  left:47%;
  top:49%;
}
.the-load.off {
  display:none;
}
/*typography
=================================================*/
*, *:hover, *:active, *:focus { outline:none; }
h1,h2,h3,h4,h5,h6 {
  font-weight:300;
}
h1 {
  font-size: 42px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 32px;
}
h4 {
  font-size: 28px;
}
h5 {
  font-size: 24px;
}
h6 {
  font-size: 22px;
}
p {
  font-size:18px;
  line-height:26px;
  color:#333;
}
span {

}
i {

}
b, strong {

}
a {
  text-decoration:none;
  outline:none;
}
a:hover, a:active, a:focus {
  text-decoration:none;
  outline:none;
}

/*slider
=================================================*/
#royalty {
  width:100%;
  margin-bottom:20px;
  border:7px solid #fff;
  background:#fff;
}
.rsDefault .rsFullscreenIcn {
  width:42px;
  height:42px;
  margin-left:-7px;
  background: #b3d133;
  color:#fff;
  text-align:center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.rsDefault .rsFullscreenIcn i {
  font-size: 22px;
  line-height: 42px;
}
.rsDefault .rsFullscreenIcn:hover {
  background: #b3d133 !important;
}
.rsDefault .rsArrowIcn {
  font-size: 22px;
  line-height: 42px;
  width:42px;
  height:42px;
  margin-top:21px;
  text-align:center;
  background: #b3d133 !important;
  color:#fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.rsDefault .rsArrowIcn:hover {

}
.rsArrowRight .rsArrowIcn {
  margin-left:-29px;
  padding-left:5px;
}
.rsArrowLeft .rsArrowIcn {
  padding-right:3px;
}

.landing-page-container {
  position:relative;
  min-height:92vh;
  min-width:100%;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:hidden;
}
.front-page-overlay {
  background-image: url(../pic/01.png);
  background-repeat: repeat;
  background-size: 2px 2px;
  position:absolute;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  z-index:999;
}
#front-page-slider {

  width:100%;
  height:700px;

  z-index:999;

  overflow:hidden;
}
#front-page-slider img {
  min-width:100%;
  bottom:0px;
  vertical-align:bottom;
}

/*applied classes for js & animation
=================================================*/
.run {}
.on {}
.off {}
.activate {}


/*archive projects & packery
=================================================*/

/* note: the arc-info-static might get dropped though keep it in for the time being */


.hero {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
}
.hero img {
  min-height:100%;
  max-height:100%;
}
.hero.on img {
  transform: scale(1.25, 1.37);
}

/*-- arc project typography --*/

a.project-link {
  position:absolute;
  display:block;
  top:0px;
  left:0px;
  bottom:0px;
  right:0px;
}

/*-- project animations & transitions  --*/

.hero img {
  transition: all 4.4s ease-out 0s;
}

/*-- archive slider  --*/

.tag-hero {
  display:block;
  width:70%;
  margin:0px auto;
  overflow:hidden;
  border:7px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align:center;
}
.tag-hero i {
  font-size:47px;
  color:#fff;
}
#menu-sub_menu {
  margin-top:10px;
}
.menu-sub_menu-container {
  display:inline-block;
  position:relative;
  overflow:hidden;
}
.menu-sub_menu-container {
  display:block !important;
  position:absolute;
  top:130px;
  right:0px;
  padding:10px 0 10px 10px;
  z-index:99998;
}
ul#menu-sub_menu {
  position:relative;
  list-style-type: none;
  margin-bottom: 0;
  padding-left:10px;
}
ul#menu-sub_menu li:before {
  color: #333;
}
ul#menu-sub_menu li {
  margin-bottom:7px;
  padding:7px;
  text-transform:uppercase;
}
ul#menu-sub_menu li:hover {
  cursor:pointer;
}
ul#menu-sub_menu li.on {
}
ul#menu-sub_menu li a {
  color:#333;
}
ul#menu-subsub_menu {
  list-style:none;
  padding-left:0px;
  margin-top:0px;
  height:0px;
  overflow:hidden;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
ul#menu-sub_menu li.on ul#menu-subsub_menu {
  margin-top:7px;
  height:auto;
}
ul#menu-sub_menu li {
  max-height:34px;
}
ul#menu-sub_menu li.on {
  max-height:290px;
}
ul#menu-sub_menu li.on ul#menu-subsub_menu li {
}
ul#menu-subsub_menu li {
  max-height:34px;
  height:auto;
  line-height:18px;
  padding:3px 0;

}
ul#menu-subsub_menu li a {
  color:#b3d133;
  text-transform:capitalize;
  opacity:0;
}
ul#menu-sub_menu li.on ul#menu-subsub_menu li a {
  opacity:1;
}

/* animations
===============================================*/

.tag-btn {
  transition-property: right;
  transition-duration: 0.6s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.0s;
}
ul#menu-sub_menu li {
  transition-property: max-height, background, color;
  transition-duration: 0.6s, 0.2s, 0.2s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.0s, 0s, 0s;
}
ul#menu-subsub_menu {
  transition-property: height, margin-top;
  transition-duration: 0.6s, 0.2s;
  transition-timing-function: ease-in-out, ease-in-out;
  transition-delay: 0.0s, 0.0s;
}
ul#menu-subsub_menu li a {
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  transition-delay: 0.6s;
}
.archive-slider .slider-wrapper {
  min-height:100%;
}
.archive-slider #royalty {
  margin-bottom:0px;
  min-height:600px;
}

/* front page
=================================================*/
.firstSection {
padding:60px 20px;
}
.subInfo {
  padding:60px 15px 30px;
}
.subInfo.Two {
  padding:0px 15px 60px;
}
.subCopy {
  display:inline-block;
  width:55%;
  padding:0% 0% 0% 5%;
  border-left: 1px solid #b3d234;
}
.subCopy p {
  margin-bottom:0px;
}
.round {
  width:40%;
  display:inline-block;
  overflow:hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  border: 5px solid #fff;
}

.subInfo.One .round {
  float:right;
}
.subInfo.Two h3 {
  text-align:right;
  display:block;
}
.subInfo.Two .subCopy {
 float:right; 
}
.parallaxContainer {
  position:relative;
  min-width:100%;
  height:400px;
  overflow:hidden;
}
.parallax {
  position:absolute;
  top:0px;
  left:0px;
  min-width:100%;
}
.action-btn {                                                                                                                                         
  position:relative;
  bottom:40px;                                                                                                                                       
  height:42px;                                                                                                                                        
  line-height:42px;                                                                                                                                   
  z-index:99998;                                                                                                                                      
  width:42px;
  right:50%;                                                                                                                                        
  margin-left:21px;                                                                                                                                  
  font-size:22px;
  color:#fff;
  background:#b3d133;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;

} 

/* single project
 * ==============================================*/

.single-project {
  display:block;
  padding-top:30px;
  padding-bottom:20px;
  border:5px solid #fff;
}
.single-project-hero {
  position:relative;
  display:block;
  width:70%;
  margin:0px auto;
  overflow:hidden;
  border:7px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.single-project-hero img {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  width:180%;
  height:100%;
}
.single-project-head {
  text-align:center;
  text-transform:capitalize;
}
.single-project-head h5 a {
  color:#231f20;
}
ul.single-project-meta {
  display:inline-block;
  width:190px;
  margin-left:23%;
  list-style:none;
  padding-left:15px;
  list-style:none;
  border-left:1px solid #b3d133;
}
ul.single-project-meta li {
}
ul.single-project-meta li span {
  font-weight:700;
}
ul.single-project-meta li i {
  font-size:30px;
  margin-top:15px;
}
.single-project .col-sm-8 ul {
  color:#333;
  font-size:18px;
}


/* archive people
=================================================*/

.bio-container {
  display:block;
  width:100%;
  margin-top:20px;
}
.person {
  display:block;
  padding-top:30px;
}
.bio-hero {
  display:block;
  width:70%;
  height:auto;
  margin:0px auto;
  overflow:hidden;
  border:10px solid #b3d133;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.bio-hero img {
  width:100%;
  height:auto;
}
.arc-bio-head {
  text-align:center;
}
.arc-bio-head h5 a {
  color:#231f20;
}
ul.arc-bio-meta {
  display:block;
  list-style:none;
  padding:0;
}
ul.arc-bio-meta li {
  text-align:center;
}
ul.arc-bio-meta li i {
  font-size:30px;
  margin-top:15px;
}
.fa-circle {
  color:#b3d133;
  font-size: 40px !important;
}
.fa-linkedin, i.fa-google-plus {
  color: #FFF;
  font-size: 18px !important;
}
i.fa-google-plus {
  padding-top: 10px;
  padding-left: 4px;
}
/* about page
=================================================*/

.about-hero {
  position:relative;
  width:100%;
  height:auto;
  margin-top:30px;
  overflow:hidden;
}
.overlay {
  position:absolute;
  top:0px;
  right:0px;
  bottom:0px;
  left:0px;
  background:rgba(255,255,255,0.0);
  overflow:hidden;
}
h1.heading {
  position:absolute;
  display:inline-block;
  top:40px;
  left:0%;
  padding:7px 7px;
  color:#b3d133;
  background-color:#6f6d6d;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.paragraph {
  position:absolute;
  display:inline-block;
  bottom:30px;
  right:0%;
  width:80%;
  padding:7px 7px;
  font-size:22px;
  line-height:28px;
  color:#b3d133;
  background-color:#6f6d6d;
  -webkit-box-shadow: -1px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow:    -1px 3px 3px 0px rgba(50, 50, 50, 0.2);
  box-shadow:         -1px 3px 3px 0px rgba(50, 50, 50, 0.2);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.image img {
  -webkit-transition: all 12s linear;
  -moz-transition: all 12s linear;
  -ms-transition: all 12s linear;
  -o-transition: all 12s linear;
  transition: all 12s linear;
}
.image img.on {
  transform: scale(1.20, 1.20);
}



/* News-page
=================================================*/
.post:first-of-type {
  margin-top:70px;
}
.post {
  position: relative;
  padding: 15px 15px 15px 90px;
  margin-bottom:70px;
  background:#fff;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  box-shadow: 0 4px 1px rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
}
.post a {
  display:inline-block;
}
.post .author {
  color:#9c9c9c;
  font-weight:300;
}
.post .date {
  position:absolute;
  top:30px;
  left:15px;
  width:60px;
  text-align:center;
  color:#b3d133;
  text-transform:uppercase;
}
.post .month {
  background:#231f20;
  width:100%;
  line-height:30px;
  font-weight: 400;
}
.post .day {
  background:#b3d133;
  width:100%;
  font-size:20px;
  line-height:60px;
  font-weight:300;
  color:#231f20;
}
.more { color:#b3d133; }

.post ul {
  list-style-type: none;
  margin-left: 0;
  padding-left:10px;
}
.post ul li:before {
  font-family: 'FontAwesome';
  content: '\f058';
  margin:0 15px 0 -7px;
  color: #f8583c;
}
.post li {
  color:#999;
  font-size:18px;
  font-weight:300;
}
/*  sidebar
 *-------------------*/
#sidebar {
  position: relative;
  padding: 15px 15px 15px 15px;
  margin-bottom:70px;
  margin-top:70px;
  background:#fff;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  box-shadow: 0 4px 1px rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
}
h2.sidebartitle {
  margin-bottom:20px;
}
#sidebar ul {
  list-style:none;
  padding-left:0px;
}
li.cat-item {
  font-size:14px;
  padding-bottom: 8px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e9e9e9;
}
li.cat-item a {
  color:#b3d133;
}
ul.list-archives {
  list-style:none;
  padding-left:0px;
}
ul.list-archives li {
  font-size:14px;
  padding-bottom: 8px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e9e9e9;
}
ul.list-archives li a {
  color:#b3d133;
}

/* listing-page
=================================================*/
.listing-container {
  display:block;
  padding:20px;
  margin-top:30px;
}
.logo-represent {
  width:100%;
  height:auto;
  border:7px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.list-head {
  padding-right:10px;
  margin-top:30px;
  text-align:right;
}
.works {
  border:7px solid #fcfcfc;
  background:#fff;
  color:#999;
}
.works h2 {
  color:#b3d133;
}
.works h5 {
  color:#333;
}
ul.listed-project {
  padding-left:15px;
  margin:14px 0;
  list-style:none;
  border-left:1px solid #b3d133;
}
ul.listed-project li span {
  font-weight:400;
  color:#333;
}


/*contact
=================================================*/
.contact-copy {
  width:100%;
  padding-left:15px;
}
.contact-copy h2 {
  font-size:26px;
}
.contact-details {
  margin-top:10px;
  padding:10px 0 0 0;
  border-left:1px solid #b3d133;
}
.contact-details h6 {
  margin-top:0px;
}
.contact-details ul {
  padding:0px;
}
.contact-details ul li {
  margin: 0 0 10px;
  padding: 0;
  list-style:none;
  font-size:16px;
}
.map-container {
  display:block
  width:100%;
  height:350px;
  border-top:1px solid #b3d133;
  border-bottom:1px solid #b3d133;
}
input#contactbtn {
  height:50px;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  margin-top: 30px;
  text-align: center;
  transition: background 0.1s linear 0s, color 0.1s linear 0s;
  float:left;
  background-color: #FFF;
}

input#contactbtn:hover {
  background-color: #b3d133;
  color:#fff;
}

input {
  background-color: #FFF;
  width:100%;
  height: 40px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #b3d133;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
textarea {
  margin-top: 10px;
  width:100%;
  height:140px;
  padding: 10px;
  border: 1px solid #b3d133;
  background-color: #FFF;
  resize:none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

input:focus, textarea:focus, input:active, textarea:active {
  color:#444;
}

input.infocus, textarea.infocus {
  background-color: #e2ab7e;
}

::-webkit-input-placeholder {
  color: #666;
  font-size: 12px;
}

:-moz-placeholder { /* Firefox 18- */
  color: #666;
  font-size: 12px;
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #666;
  font-size: 12px;
}

:-ms-input-placeholder {
  color: #666;
  font-size: 12px;
}


/* media queries
 * ==============================================*/

/* Smartphones (portrait and landscape) */

@media only screen
and (min-width: 320px)
and (max-width: 568px) {

/* sticky footer
----------------------------------------------*/

#wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -600px;
  padding: 0 0 600px;
}

#footer {
  height: 600px;
}
#footer p {
  padding:7px 0 0 0;
  margin:0px;
}
#footer span {
  display:block;
  line-height:28px;
  margin-right:10px;
  margin-left:10px;
}
.footLogo {
  padding-top: 15px;
  max-width: 140px;
  margin:0px auto;
}
h4.footLogoFont {
  text-align:center;
}

/* Custom page CSS
----------------------------------------------*/
#main {
  padding:80px 0 60px;
}

/* head
----------------------------------------------*/
.navigation-container {
  height:80px;
}
.mobi-btn {
  display:block;
  width:80px;
  height:80px;
}
.bar {
  width:40px;
  height:7px;
  margin-bottom:7px;
  margin-left:20px;
}
.bar:first-child {
  margin-top:24px;
}
.logo {
  width:70px;
  height:70px;
  padding:5px 5px 5px 10px;
}
.logo-font {
  display:none;
}

/* nav
----------------------------------------------*/
.navigation {
  height:100%;
  top:-100%;
  right:0px;
  background:rgba(255,255,255,0.5);
}
.navigation.on {
  top:0px;
  opacity:1;
}
ul#menu-main_nav li {
  display:block;
  height:50px;
  line-height:50px;
  padding:0 15px;
  margin:0 0px;
  background:rgba(179,209,51,1.0);
  border:1px solid #222;
}
ul#menu-main_nav li a {
  color:#fff;
}
ul#menu-main_nav li:hover a {
  color:#fff;
}



/* navigation transitional effects
 * -------------------------------------------*/
.navigation {
  transition-property: top, opacity;
  transition-duration: 0.4s, 0.4s;
  transition-delay: 0s, 0s;
}

/* typography
 * -------------------------------------------*/
h1 {
 font-size:26px;
}
h2 {
 font-size:25px;
}
h3 {
 font-size:23px;
}
h4 {
 font-size:22px;
}
h5 {
 font-size:20px;
}
h6 {
 font-size:20px;
}

/* front-page-slider
 * ------------------------------------------*/
.slide-copy {

}

/* architecture
 * ------------------------------------------*/
.archive-slider #royalty {
  margin-bottom: 0;
  min-height: 250px;
  height:250px !important;
  max-height:250px !important;
}
/* single-architecture
 * ------------------------------------------*/
.bio-container .slider-wrapper, .bio-container #royalty {
  min-width:100%;
  height:200px;
}
.rsDefault .rsArrowIcn {
  line-height: 32px;
  width:32px;
  height:32px;
}

.rsDefault .rsFullscreenIcn {
  line-height: 32px;
  width:32px;
  height:32px;
  margin-left:5px;
}
.rsDefault .rsFullscreenIcn i {
  line-height:32px;
}

/* about page
 * -------------------------------------------*/
.about-hero {
  position:relative;
  margin-top:30px;
  overflow:visible;
}
.image img { display:none; }
.overlay {
  position:relative;
  overflow:visible;
}
h1.heading {
  position:static;
  display:block;
  top:40px;
  left:-100%;
  padding:7px 7px;
}
.paragraph {
  position:static;
  display:block;
  bottom:30px;
  right:-100%;
  width:100%;
  padding:7px 7px;
  font-size:18px;
  line-height:24px;
}

/* contact page
 * -------------------------------------------*/
.map-container {
  height:200px;
}

/* contact page
 * -------------------------------------------*/

.round {
  width:80%;
  margin-left:10%;
}
.subInfo.One .round {
  float:none;
}
.subInfo.Two h3 {
  text-align:center;
  display:block;
}
.subInfo h3 {
  text-align:center;
  display:block;
}
.subCopy {
  display:inline-block;
  width:100%;
  padding:0% 0% 0% 5%;
  margin-top:15px;
  border-left: 1px solid #b3d234;
}
.parallaxContainer {
  position:relative;
  min-width:100%;
  height:120px;
  overflow:hidden;
}

/* end Smartphones (portrait and landscape)
==============================================*/

}


/* Smartphones (landscape)
==============================================*/

@media only screen
and (min-width: 320px)
and (max-width: 568px)
and (orientation: landscape) {

/* navigation
 *-------------------------------------------*/
ul#menu-main_nav {
  margin: 10% 40%;
}
ul#menu-main_nav li {
  margin-bottom:10px;
}

/* slider
-----------------------------------------------*/
.rsDefault .rsArrowIcn {
  line-height: 32px;
  width:32px;
  height:32px;
  margin-top:-20px;
}

/* end Smartphones (landscape)
==============================================*/

}

/* Smartphones (portrait)
==============================================*/
@media only screen
and (min-width: 320px)
and (max-width: 568px)
and (orientation: portrait) {

/* navigation
 *-------------------------------------------*/
ul#menu-main_nav {
  margin: 40% 28% 0px;
}
ul#menu-main_nav li {
  margin-bottom:10px;
}
.loader {
  left:18%;
  top:35%;
}

/* slider
-----------------------------------------------*/
.rsDefault .rsArrowIcn {
  line-height: 32px;
  width:32px;
  height:32px;
  margin-top:-20px;
}
.rsArrowRight .rsArrowIcn {
  margin-left:-15px;
  padding-left:5px;
}


/* end Smartphones (portrait)
==============================================*/

}

@media only screen
and (min-width: 360px)
and (max-width: 767px)
and (orientation: landscape) {

/* head
----------------------------------------------*/
.navigation-container {
  height:80px;
}
.mobi-btn {
  display:block;
  width:80px;
  height:80px;
}
.bar {
  width:40px;
  height:7px;
  margin-bottom:7px;
  margin-left:20px;
}
.bar:first-child {
  margin-top:24px;
}
.logo {
  width:70px;
  height:70px;
  padding:5px 5px 5px 10px;
}
.logo-font {
  display:none;
}

/* nav
----------------------------------------------*/
.navigation {
  height:100%;
  top:-100%;
  right:0px;
  background:rgba(179,209,51,0.0);
}
.navigation.on {
  top:0px;
  opacity:1;
}
ul#menu-main_nav li {
  display:block;
  height:40px;
  line-height:40px;
  padding:0 7px;
  margin:5px 0px;
  background:rgba(179,209,51,1.0);
  border:1px solid #b3d133;
}
ul#menu-main_nav li a {
  color:#fff;
}
ul#menu-main_nav li:hover a {
  color:#fff;
}

ul#menu-main_nav {
  margin: 11% 40% 0px;
}

/* navigation transitional effects
 * -------------------------------------------*/
.navigation {
  transition-property: top, opacity;
  transition-duration: 0.4s, 0.4s;
  transition-delay: 0s, 0s;
}

}




/* iPads (portrait and landscape)
==============================================*/

@media only screen
and (min-width: 768px)
and (max-width: 1024px) {

#footer p {
  padding:7px 0 0 0;
  margin:0px;
}

/* projects
 * ------------------------------------------*/
.arc-info .arc-project-head, .arc-info .arc-project-seo {
  left:0px;
}
.arc-info ul.arc-meta li {
  right:0px;
}

/* navigation
 * ------------------------------------------*/
ul#menu-main_nav {
  margin: 0px 0px 0 0;
}

.logo-font {
  display:none;
}

/* typography
 * ------------------------------------------*/
h1 {
 font-size:36px;
}
h2 {
 font-size:32px;
}
h3 {
 font-size:26px;
}
h4 {
 font-size:24px;
}
h5 {
 font-size:22px;
}
h6 {
 font-size:20px;
}
h2.sidebartitle {
  font-size:24px;
}

/* footer
----------------------------------------------*/
footer span {
  display:block;
  line-height:20px;
  margin-right:10px;
  margin-left:0px;
  font-size:16px;
  color:#ccc;
}
/* front page
 * -------------------------------------------*/
.parallaxContainer {
  position:relative;
  min-width:100%;
  height:360px;
  overflow:hidden;
}
/* contact page
 * -------------------------------------------*/
.map-container {
  height:270px;
}

/* end iPads (portrait and landscape)
==============================================*/

}

/* iPads (landscape) ----------- */
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation: landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-width: 768px)
and (max-width: 1024px)
and (orientation: portrait) {
/* Styles */
.round {
  width:80%;
  margin-left:10%;
}
.subInfo.One .round {
  float:none;
}
.subInfo.Two h3 {
  text-align:center;
  display:block;
}
.subInfo h3 {
  text-align:center;
  display:block;
}
.subCopy {
  display:inline-block;
  width:100%;
  padding:0% 0% 0% 5%;
  margin-top:15px;
  border-left: 1px solid #b3d234;
}
.parallaxContainer {
  position:relative;
  min-width:100%;
  height:340px;
  overflow:hidden;
}

}
@media only screen
and (max-width: 1093px) {
.logo-font {
  display:none;
}

}

/* Large screens ----------- */
@media only screen
and (min-width: 1824px) {
/* Styles */
  .front-page-slider img {
    min-height:100%;
  }
}