/* search */
#search-input {
  display: inline-block;
  width: 0;
  border: none;
  border-bottom: 2px solid red;
  color: black;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

#search-icon {
  display: inline-block;
}
/*footer map*/
.map-container iframe{
  pointer-events: none;
}

.map-container iframe.clicked{
  pointer-events: auto;
}

#logo2txt> .tel {
  text-decoration: none;
  color: #fff;
}

#logo2txt> .tel:hover{
  text-decoration: none;
  color: #fff;
}

/* Header */
h1.page-title{
  text-indent: -999px;
  margin-top: 0 !important;
  font-family: 'robotmedium';
}

.totype {
  display: none;
}

.typed-cursor{
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}
@keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes blink{
  0% { opacity:1; }
  50% { opacity:0; }
  100% { opacity:1; }
}

.navbar, .navbar-default{
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  background: #fff;
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #cec8c8;
  margin: 0;
  padding: 25px 25px 0 25px;
  /*opacity: .80;*/
  /*padding-bottom: 25px;*/
}

.description{
  font-size: 2.5em;
}

.carousel-indicators{
  bottom: 90px;
}

.carousel-inner{
  height: 100vh;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
  height: 100vh;
  overflow: hidden;
  background-size: cover;
  opacity: 0.6;
  object-fit: cover;
}

.carousel-caption{

  padding-bottom: 18%;

  right: 15%;

  left: 15%;

}

.carousel-caption p {

  font-family: 'poppinsbold';

}

.carousel-control{

  width: 7%;

}

.glyphicon-chevron-downbtn-lg{

  font-size: 20px;

}#projects{
  padding-top: 98px;


}

.navbar-brand{

  padding-bottom: 5px;

  width: 160px;

  height: auto;

  bottom: 10px;

}.kestrel-logo{


    width: 19%;
    top: 180px;

}

.banner-txt > p#turn-red-underline {
  font-size: 100px;
  line-height: 22px;
  /*color: #000;*/
}

.banner-txt > span#type {

  font-size: 43px;

  color: #434343;
  font-family: 'poppinsbold';

}



.banner-txt {

  font-size: 50px;

  color: #434343;

  line-height: 55px;

  text-shadow: none !important;
}

li.text-edit{

  padding-bottom: 25px;

}

li.txt-edit {
  border-bottom: 3px solid transparent;
}

li.txt-edit:hover{

  border-bottom: 3px solid red;

  color: red !important;

  /*padding-bottom: 25px;*/

}

#search{

  padding: 0 0 22px 0;
  border: none;

}


.navbar-right li a {
  font-family: 'robotolight';
}
.navbar-right li a::after {
  display: block;
  content: attr(title);
  font-weight: bold;
  height: 1px;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}

.navbar-right li:hover a{

  color: red !important;

  font-family: 'robotoregular';

}



.container{

  position: relative;

  left: 0;

  right: 0;

  overflow: hidden;

}

.navbar-right li{

  font-size: 14px;

  padding-bottom: 20px;

  text-transform: uppercase;

  color: #292929;

}

.navbar-default .navbar-nav>li>a{

  color: black;
  padding: 15px 20px 14px;

}

.navbar > .container .navbar-brand {
  max-width: 130px;
margin-left: 0;
}.navbar-collapse {
    padding :0;
    
  }



#turn-red-underline{

  color: red;

}



#turn-red{

  color: red;

  font-size: 35px;

}



#turn-white{

  color: white;

  font-size: 35px;

}



#prj-header{



}



img{

  background-repeat: no-repeat;

  position: relative;

}

#push-down{

  text-align: center;

  position: relative;

  bottom: 70px;

  width: auto;

}



#push-down a span {

  color: black;

  font-size: 30px;

}

#push-down a {
  display: inline-block;
  width: 37px;
  height: 20px;
  background: url(../resources/img/arrow-button.png) 0 0;
  text-indent: -9999px;
}



/*Debugging purpose*/

/*section{

  background-color: gray;

}*/

#myCarousel{

  /*min-height: 768px;*/

  height: 100vh;

}

.container-wrapper{

  width: 100%;

  height: auto;

  /*background-image: url("../resources/img/bg-sec1.jpg");*/

  /*text-align: justify;*/

  position: relative;

  padding-bottom: 20px;

}
.footer-padded{
padding-right: 30px;

}

.grey-bg {
  background: #1b1b1b url(../resources/img/pattern1.png) repeat;
}
.slick-slide {
   
    outline: 0;
}

.project-header{

  position: relative;

  margin: 5px 0;

}

/* featured projects */

.full-overlay {
  overflow: hidden;
  width: 100%;
  height: 1%;
  transition: all 0.5s ease;
  background: #f13840;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
}

.overlay-txt {
  color: white;
  font-size:15px;
  height: 100%;
  position: relative;
  padding: 15px 30px;
  opacity: 0;
  transition: all 0.5s ease;
}

.wrapper-img:hover .full-overlay {
  height: 100%;
  width: 100%;
  padding: 8px 5px;
  border: none;
  opacity: 1;
}

.wrapper-img:hover .overlay-txt {
  opacity: 1;
}

.overlay-header {
  width: 100%;
  height:auto;
  padding: 5px;
  position: relative;
  display: flex;
  justify-content: center;
}

.overlay-header > .overlay-title {
  text-align: center;
  font-family: 'robotolight';
  font-size: 15px;
  border-bottom: 5px solid;
  padding-bottom: 10px;
  padding-top: 10px;  
  text-transform: uppercase;
  letter-spacing: 4px;
}

.overlay-content {
  font-family: 'poppinsbold';
  font-size: 30px;
  height: 60%;
  display: flex;
  align-items: center;
}

.overlay  {
  position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: #fff ;
   width: 100%;
   height: 15%;
   opacity: .90;
   box-shadow: 0px -2px 20px #888888;
}

.overlay > .text {
  margin: 0;
  font-size: 16px;
  color: #434343;
  text-align: center;
  font-size: 20px;
  font-family: 'poppinsbold';
  height: 100%;
  display: block;
  align-items: center;
  padding: 25px 20px;
}

.overlay-footer {
  width: 100%;
  height: 20%;
  padding: 0px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
}

.overlay-footer > a {  
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  display: flex;
  align-content: center;
  align-items: center;
  flex: 1;
}

.overlay-footer > a > span {
  margin-left: 1.5em; 
}

.overlay-footer > a.circle, .overlay-footer > a.circle1 {
  background-color: #fff;
  border-radius: 50%;
  height: 66px;
  width: 66px;
  flex: 0;
  color: #f13840;
  font-size: 13px;
  font-family: robotoregular;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 15px;
  margin-right: 25px;
  display: flex;
  justify-content: center;
}

.overlay-footer > a.circle::before {
    width: 19px;
    background: url(/resources/img/link-out.png) no-repeat 0 0;
    height: 19px;
    content: '';
}.overlay-footer > a.circle1::before {
    width: 28px;
    background: url(/resources/img/eye.png) no-repeat 0 0;
    height: 25px;
    background-size: 26px;
    content: '';
}.navbar-fixed-top {
position: fixed;
}

.img{

  height: 100%;

  display: block;

  width: 100%;

  border:1px solid #f7f7f7;

}



.row{

  margin-bottom: 60px;

}

.wrapper-img{

  position: relative;
  overflow: hidden;

}

#featured-prj{

  padding: 45px 0 25px;

}



#featured-prj > p {

  font-family: 'poppinsbold';

  margin-bottom: 0 !important;

}#service .services .section-description {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 225px;
    width: 67%;
}





.image-show {
  display: none;
}







#viewProject{

  padding: 40px 10px 40px 0;

  text-align: right;

  left: 35px;

}

#viewProject a{

  color: white;

  text-decoration: none;

  font-family: 'robotoregular';

  font-size: 13px;

}

.button-container{

  padding-top: 10px; 

  display: flex;

  justify:center;

}

.btn {

  width: 105px;

  display: inline-block;

  -webkit-border-radius: 28;

  -moz-border-radius: 28;

  border-radius: 28px;

  font-family: Arial;

  color: #000000;

  font-size: 20px;

  background: #ffffff;

  padding: 10px 15px 10px 15px;

  text-decoration: none;

}



.btn:hover {

  background: #edf2f5;

  text-decoration: none;

}

.btn:active{

  text-decoration: none;

}
.margin-projects-tablet{


}.padded-ul{


}.overridden-sprite{

}.viewAwards{


}.social{

  display: none;
}.social-large{

  display:inline;
}
a.tel {
  color: white !important;
  opacity: .9;
}.overlay-footer > a {
    outline: 0;
}#logo2txt img {
    padding-right: 5px;
    height: 16px;
}


.view-projects-link {
  display: none;
  cursor: pointer;
}
#album-1 {
  display: block;
}
.fancybox-infobar__body{
display: none !important;

}.nbsp{
  display:none;
} .awards{
  padding-left: 8px;
}



/* media query*/




@media screen and (max-width: 320px) and (max-height: 500px){
.carousel-caption {
    bottom: 7%;
}.banner-txt {
    font-size: 10px;  
    line-height: 25px;
}.banner-txt > p#turn-red-underline {
    font-size: 46px;
    line-height: 62px;
}.banner-txt > span#type {
    font-size: 20px;
    line-height: 0;
}


}
@media screen and (max-width: 3000px) and (min-width: 1366px){
#principals-section p {
    margin: 0 0 10px;
    padding-right: 43px;
}
/*@media screen and (max-width: 2000px) and (min-width: 1500px){
.kestrel-logo {
    width: 30%;
        top: 170px;
}*/
}
@media screen and (max-width: 1024px) {
  .banner-txt > p#turn-red-underline {
    line-height: 100px;
  }
  .cards {
    margin: 10px 0px;
  }
  .social{

  display: none;
}.social-large{

  display:inline;
}#service .digital-print .section-title h3{
font-size: 68px;

}#service .digital-print .services-sprite {
    margin: 0 0 20px 45px;
}.padded-ul {
    margin-right: 10px;
}#logo2 span{
  font-size: 26px;
}#logo2txt {
    padding: 6px 3px;

}#logo {
    padding-bottom: 13px;
}.slick-next {
    right: -26px;
}.slick-prev {
    left: -26px;
}.textDisplay {
    font-size: 19px;
}.overlay > .text {
    font-size: 17px;
    padding: 21px 20px;
}.overlay-footer > a.circle {
    height: 60px;
    width: 60px;
}#logo2txt img {
    padding-right: 5px;
    height: 15px;
}.kestrel-logo{
    width: 25%;
    top: 40px;
}
.copyright p {
    padding-left: 0px;
}



}@media screen and (max-width: 1024px) and (min-width: 1000px){

  #logo2txt a {
    padding-right: 30px;
}

} 


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

#viewProject{

  padding: 40px 10px 40px 0;

  text-align: right;

  left: 0px;
  top:-99px;

}
.copyright-rights,
.copyright-policy{
  text-align: center;
}

.navbar-default .navbar-nav>li>a {
    color: black;
    padding: 8px 20px 8px;
}
.navbar-right li {
    padding-bottom: 0;
    
}
/*#navbar .navbar-nav{
    overflow: visible;
    position: absolute;
    right: 0px;
    top: 55px;
    width: 285px;
    background: white;
    display: block;
    padding-right: 90px;
    padding-left:10px;
    border: 1px solid #E51B24;
}*/
.navbar-default .container{
overflow: visible;
position: static;
padding-left: 0;

}.navbar-brand{
  padding-left: 0;
}

.project-header{

height:125px;
}

.overlay>.text{
font-size: 12px;
padding: 15px 20px;
}

.margin-projects-tablet{

  margin-bottom: 20px;
}
#service .services .section-description{

height: 270px;

}#service .services .section-description h2{
font-size: 35px;


}#service .services .section-description p{
  padding-top: 20px;
  font-size: 13px;
}#service .digital .services-wrapper{
  padding: 40px 0;
}#service .digital-print .services-wrapper{
height: 365px;
}#service .digital-print .section-title h3{
font-size: 35px;
padding-left: 75px;
transform:none;
}h3{
  margin-top: 27px;
  margin-bottom: 10px;
}#service .digital:hover .services-sprite{
background-position: -46px 0;
background-repeat: no-repeat;
}
#service .digital .services-sprite{
width: 45px;
background-size: 90px;
}#service .digital-print .services-sprite{
  height: 43px;
  margin: -55px 2px 1px 20px;
}#service .section-description li{
font-size: 12px;
margin: 5px 0;
}.padded-ul{
padding-left: 40px;
padding-top: 20px;
  
}#service .print:hover .services-sprite{
background-position: -46px 0;
background-repeat: no-repeat;
}
#service .print .services-sprite{
width: 45px;
background-size: 90px;
height:49px;
}.viewAwards{

  padding: 40px 10px 40px 0;
    text-align: right;
    float: right;
        left: 0px;
    top: -55px;
}
.principals{

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}.bottom-underline img {
    /* width: 100%; */
    /* right: -68px; */
    width: 75%;

    /* right: 23px; */
    left: 64px;
    bottom: 0px;
}.principals img{
    padding-top: 68px;
    padding-bottom: 20px;
    height: 176px;
    max-width: 88px;
    /* float: none; */
    left: 0px;
}#principals-section .container .bottom-underline{

  position: relative;
  width: 100%;
}#logo img {
    padding-top: 30px;
}#contact{
  text-align: center;
}

#logo {
    padding-bottom: 15px;
  
}#logo2txt {
    padding: 10px 0 30px 0;
   
}
#logo2 {
    padding-top: 0px;
   
}.pad-top-awards{
padding-top: 40px;
padding-bottom: 0px;

}.navbar-toggle{
  display: inline;
      left: 27px;
}.navbar-header{
  width: 100%;
  float: none;
}.navbar-nav{
 /* display:  none;*/
}#backgroundAwards .container{

  overflow: hidden;
}.social{

  display: none;
}.social-large{

  display:inline;
}.mid {
    padding: 54px 37px;
}.textDisplay {
    font-size: 14px;
}.slick-prev {
    left: -13px;
}.slick-next {
    right: -13px;
}.navbar-collapse.collapse.in {
    display: block !important;
        overflow-y: visible;
}.navbar-collapse.collapse {
    display: none !important;
}.page-title{
      margin-bottom: 30px;
}.overlay-content {
   
    height: 15%;
}.overlay-content h2{
  font-size: 19px;
}
.overlay-footer > a.circle {
    height: 50px;
    width: 50px;
}.overlay-footer > a > span {
    margin-left: 5px;
}.overlay-txt {
  padding: 15px 17px;
}.copyright a, .copyright p {
     padding-left: 0px; 
    
}#search-input {
    width: 68% !important;
}

/*navbar*/
.navbar-collapse {
  position: absolute;
  right: 0;
  top: 94px;
  background-color: #FFF;
  width: 300px;
}
.navbar-nav {
  margin: 0;
  border: 1px solid red;
}
.navbar-nav, .navbar-nav li {
  float: none !important;
}
.navbar-default .navbar-nav>li:first-of-type>a {
  padding-top: 16px;
}

.container {
  width: 100%;
}

#search-input {
  margin-left: 22px;
}.overlay-footer > a.circle, .overlay-footer > a.circle1{
      height: 55px;
    width: 55px;
}

}
@media screen and (max-width: 425px) {
  .banner-txt > p#turn-red-underline {
      font-size: 58px;
      line-height: 66px;
  }.kestrel-logo{
    width: 45%;
    top: 40px;
}.navbar-brand{
      padding-left: 17px;
}.overlay-content h2{
  font-size: 30px;
}
.overlay-content{
  height: 60%;
}
.footer-padded{
padding-right: 0px;

}.awards-font-roboto-bold,
.awards-font-roboto-light{
font-size: 22px;
}

.energy{
    font-size: 25px;
    line-height: 33px;
    text-align: initial;
    text-align-last:initial;
}

  .banner-txt > span#type {
      font-size: 20px;
    line-height: 0;
  }
  .carousel-caption{
    bottom: 15%;
  }#service .services img{
height:455px;

  }#service .digital-print .services-wrapper{

    height: 370px;
  }#service .digital .services-wrapper{

        padding: 64px 84px;
  }#service .print .services-wrapper{
    padding: 40px 84px;

  }#service > div{
    height: 370px;
    flex:none;
  }#service{

    display: initial;
  }#service .services .section-description h2{

    font-size:40px ;
  }#service .digital-print .section-title h3{
font-size: 40px;

  }.padded-ul{
padding-left: 25px;

  }#service .section-description li{

    font-size: 14px;
  }#service .services .section-description p{
    font-size:14px;
  }#viewProject{
    padding: 40px 10px 40px 0;
    text-align: right;
    left: 24px;
    top: -108px;
    overflow: hidden;
    margin: 0 13px 0 250px;

  }#turn-red,#turn-white{

    font-size: 29px;
   
  }.bottom-underline img{
left:40px;

  }#logo2 span{
padding-bottom: 5px;

  }.principals{

        display: initial; 
    flex-direction: none; 
     justify-content: none; 
     align-items:none; 
    right: -80px;
  }.copyright p{
    padding-left: 0px;
  }
  #logo2txt img{
    padding-right: 11px;
  }.social{

  display: none;
}.social-large{

  display:inline;
}.textDisplay {
    color: #484848;
    font-size: 15px;
  }.slick-next:before {
    background: url(../resources/img/arrows.png) -16px 0;
    content: '';
    display: block;
    width: 14px;
    height: 26px;
    background-size: 30px;
}.slick-prev:before {
        width: 15px;
    height: 26px;
    background-size: 30px;
}.slick-prev {
    left: 9px;
}.slick-next {
  right: 9px;
}.cont {
   
        margin: 0px 40px;
}.slick-prev, .slick-next{
    z-index: 5;

}.overlay>.text {
    font-size: 21px;
    padding: 22px 20px;
  }#logo2txt img {
    padding-right: 11px;
    height: 17px;
}.navbar-default .navbar-toggle {
    border-color: #ddd;
    position: relative;
    right: -25px;
    top: 0px;
}.cards {
    margin: 42px 0px 0 0;
}.margin-projects-tablet {
    margin-bottom: 0;
}.project-header {
    height: 80px;
}.container-wrapper {
     padding-bottom: 45px;
}#contact .container{
text-align: center;

}#logo2 span {
    border-bottom: none;
    
}.banner-txt br {
    display: none;
}
/*#navbar .navbar-nav{
    overflow: visible;
    top: 61px;
    width: 285px;
    background: white;
    display: block;
    padding-right: 90px;
    padding-left:10px;
    position: static;
    border:none;
}*/
.navbar-default .container{
overflow: visible;
position: initial;

}.navbar-default {
    padding-right: 0px;
}#search-input {
    width: 68% !important;
}#navbar{
  width: 105%;
}


}
@media screen and (max-width: 375px){
#turn-red, #turn-white{
font-size: 26px;

}.nbsp{
  display:inline;
}
.kestrel-logo{

  
    width: 45%;
    top: 40px;

}

#viewProject{
left: 14px;
top: -113px;
overflow: initial;

}.project-header{
height: 60px;
}#featured-prj{

  padding: 41px 0 24px;
}.margin-projects-tablet{

  margin-bottom: 0;
}#service .digital .services-wrapper{
   padding: 22px 66px;
}#service .print .services-wrapper{
    padding: 22px 66px;
}#logo2txt img{
    padding-right: 7px;
}.bottom-underline img {
    left: 30px;
}
.vectors {
    margin: 0px 0 0 -16px;
    position: relative;
top: -40px;

}.principals p {

    margin: -25px 0 0px -10px;
}.banner-txt > p#turn-red-underline {
margin: 0 0 0 -17px;
}.banner-txt > span#type {
    
    margin: 0px 0 0 -12px;
} .navbar-default .navbar-toggle {
    position: relative;
    right: -20px;
    top: -8px;
}.navbar > .container .navbar-brand{
      top: -15px;
    }#viewProject {
    left: -326px;
    top: -58px;
    overflow: initial;
    width: 100%;
}#featured-prj > p {
    
    right: -37px;
    position: relative;
}#service .services .section-description h2 {
    font-size: 40px;
    right: -40px;
    position: relative;
}#search-input {
    width: 68% !important;
}
li.txt-edit:hover{

  border-bottom: none;

  color: none;

  /*padding-bottom: 25px;*/

}#logo2txt {
    padding: 2px 0 30px 0;
}#logo2txt img {
    padding-right: 12px;
    height: 17px;
}.social-large{

  display:none;
}
.social{
  padding-left: 0;
  display: inline;
}.overlay>.text {
    font-size: 17px;
    padding: 22px 20px;
}#projects {
    padding-top: 77px;
}#navbar{
  width: 105%;

}




}

@media screen and (max-width: 320px){
    .navbar-default .navbar-toggle {
    position: relative;
    right: -20px;
    top: -8px;
}.kestrel-logo{
    width: 45%;
    top: 40px;
}.project-header {
    height: 73px;
}  #navbar{ 
  top: 76px;
    width: 340px;}
    .navbar > .container .navbar-brand{
      top: -15px;
    }#viewProject {
 left: -305px;
    top: -58px;
    overflow: initial;
    width: 100%;
}#featured-prj > p {
    right: -6px;
    position: relative;
}#service .print .services-wrapper {
    padding: 22px 52px;
}#service .digital .services-wrapper {
    padding: 22px 52px;
}#service .services .section-description {
    left: 32px;
 
}#service .services .section-description p {
    position: relative;
    left: -6px;
}#service .services .section-description h2 {
   
    right: 0px;
    position: relative;
}.carousel-caption {
    bottom: 23%;
}
.carousel-caption {
    padding-bottom: 0;
    right: 2%;
    left: 8%;
}#search-input {
    width: 68% !important;
}li.txt-edit:hover{

  border-bottom: none;

  color: none;

  /*padding-bottom: 25px;*/

}.padded-ul {
    padding-left: 18px;
}.vectors {
    margin: 0px 0 0 -40px;
    top: -40px;
}.principals p {
    margin: -30px 0 0px -38px;
}img.social{
  padding-left: 0;
}.social{
padding-top: 3px;
  display: inline;
  padding-left: 0;
}.social-large{
  display:none;
}.textDisplay {
    color: #484848;
    font-size: 15px;
  }.slick-next:before {
    background: url(../resources/img/arrows.png) -16px 0;
    content: '';
    display: block;
    width: 14px;
    height: 26px;
    background-size: 30px;
}.slick-prev:before {
        width: 15px;
    height: 26px;
    background-size: 30px;
}.slick-prev {
    left: -5px;
}.slick-next {
    right: -9px;
}.cont {
   
    margin: -10px 10px;
}.page-title {
    margin-bottom: 0px;
}.overlay>.text {
    font-size: 14px;
    padding: 21px 20px;
}.principals img {
    height: auto;
    max-width: 72px;
}#contact .container{
text-align: center;

}#logo2 span {
    border-bottom: none;
    
}














}