/***************************************GLOBAL***********************/
@font-face {
  font-family: bebas-book;
  src: url('../../fonts/BebasNeueBook.otf');
  src: url('../../fonts/BebasNeueBook.ttf')  format('truetype');/* Safari, Android, iOS */
}
@font-face {
  font-family: bebas-light;
  src: url('../../fonts/BebasNeueLight.otf');
  src: url('../../fonts/BebasNeueLight.ttf')  format('truetype');/* Safari, Android, iOS */
}    
body{
	background-color:#f7fbff; /*#FFF #fcfffd*/ 
	width:100%;
	color:#000;
  font-family: 'Helvetica', sans-serif;
}
.text-code{
  width:212px;
  margin: 0 auto;  
  padding:13px;
  background-color: #011a34;
  background-color: rgba(1, 26, 52, .89);
}
.services-content .text-code p{
  margin-bottom: 1px;
  padding-bottom: 1px;
  color:#fff;
  font-size: 14px;
}
.text-code-blue{
  color:#027ee3;
}
.text-code-red{
  color: #e00000;
}
.text-code-indent{
  padding-left: 20px;
}
/*BOOTSTRAP OVER-RIDES*/
.row{
  margin-left: 0;
  margin-right:0;
}
.col-sm-6,
.col-sm-12{
  padding-left: 0;
  padding-right:0;
}
/*GRID*/
/*header padding*/
.page-padding{
  padding-left: 8.33333%; 
  padding-right: 8.33333%;
}
.bwd-col-2{
  padding-left: 15px;
  margin-right: 55px; 
  width:155px;
  float:left;
}
.bwd-col-3{
  margin-left: 16.666666%;
  width: 25%;
  float:left;
  padding-right: 15px;
  padding-left:  15px;
}
.bwd-col-6{
  width: 50%;
  float:left;
}
.bwd-col-7{
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 8px;
}
.first{
  padding-top:0;
  margin-top: 0;
}
.last{
  padding-bottom:0;
  margin-bottom:0;
}
.right{
  float:right;
}
.clear{
  clear:both;
}
.hidden{
  display:none;
}
/***************************************NAVIGATION***********************/

/*override navbar.less.css*/
.navbar-brand{
  height:auto;
  padding: 8px 0;
}
.navbar {
  margin-bottom: 0;
  border:none;
  border-radius: 0;
}
.navbar.navbar-default {
  height:auto;
  position: fixed;
  opacity: .97;
  z-index: 1000;
  width:100%;
  border-bottom: 1px solid #003b57;
  background: #015eac; /* Old browsers */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#015eac+0,027ee3+55,015eac+100 */
background: rgb(1,94,172); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(1,94,172,1) 0%, rgba(2,126,227,1) 55%, rgba(1,94,172,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(1,94,172,1) 0%,rgba(2,126,227,1) 55%,rgba(1,94,172,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(1,94,172,1) 0%,rgba(2,126,227,1) 55%,rgba(1,94,172,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015eac', endColorstr='#015eac',GradientType=0 ); /* IE6-9 */
}

/*height of logo in navigation*/
.nav-header-position img {
  width:55px;
  float:left;
}
/*company name styling*/
.nav-header-position a span{
  float:left;
  padding-left: 13px;
  padding-top: 16px;
  font-family: bebas-book;
  color: #fff;
  font-size: 1.45em;
  letter-spacing: .01em;
} 
/*nav-bar styling*/
.nav-navbar-position{ 
  float:right;
  margin-top: 21px;
  padding-right: 0;
  padding-left: 0; 
} 
.nav.navbar-nav li a{ 
  padding: 4px 3px 0 3px;
  font-family: bebas-book;
  font-size:1.34em;
  color:#35e300;
  border-bottom: 2px solid transparent;
  letter-spacing: .05em;
}
.nav.navbar-nav li a:hover{
  color:#f1fffa;
  border-bottom: 2px solid #154266;
  border-radius: 3px;
}
.nav.navbar-nav li {
  margin-left: 13px;
} 
/*mobile hamburger styling*/
.navbar-default .navbar-toggle{
  border-color: #94e097;
  margin-top: 17px;
  margin-right: 0;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{
  background-color: #94e097 !important;
  border-color: #fff;
}
.navbar-default .navbar-toggle .icon-bar{
  background-color: #fff;
}
.work-page-scroll-height-fix{
  height:0;
}

/***************************************HOME***********************/
/*
 * TOP
 */
.title{ 
  font-size: 25px;
  padding: 10px 0 15px 15px;
  display:block;
  font-family: bebas-book;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base */
#top-section{
  margin-top: 69px;
  padding:0;
  background-color: #011a34;
}
.carousel-caption{
  bottom: 100px;
}
.carousel-caption .btn{
  text-shadow :inherit;
  font-size: 21px; 
}
.btn-success{
  background-color: rgba(68,157,68, .55) !important;
}
.btn-success:hover{
  background-color: rgba(49, 203, 0, .89) !important;
}
.item>img{
  position:relative;
}

/*
 * ABOUT
 */
#about-section{
	min-height: 340px;
  color:#011a34;
}
.parallax-window {
  min-height: 340px;
  -webkit-overflow-scrolling: touch;
}
.about-title,
.services-title{
  color:#011a34;  
}
.about-link{
  text-align:center;
}
.about-link a:hover{
  text-decoration: none;
}
.about-home-content p{
  font-size: 16px;
}
#about-section .about-image{
  text-align: center;
}
#about-section img{
  width:100%;
  min-width: 95px;
  max-width: 155px;
  margin-bottom: 13px;
  border-radius: 8px;
}
.about-link-container{
  padding-bottom:40px;
}
.about-link-container .col-sm-12{
  padding-right:7%;
}
.about-link-container .col-sm-2{
  min-width: 170px;
  float:right;
}
.continue{
  background-color: #ffffff;
  border-radius: 13px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
}
.continue:hover{
  background-color: #31cb00;
  text-decoration: none;
}


/*
 * WORK
 */
#work-section{ 
  background: #011a34;
  padding-bottom: 50px;
}
.work-title{
  color:#fff;
}
/*
 * SERVICES
 */
#services-section{
	background-color: #fff;
	min-height: 450px;
}
#services-section .col-sm-4{
  text-align: center;
}
#services-section .col-sm-4 .service-icon{
  height:152px;
  position:relative;
}
#services-section .col-sm-4 .service-icon img{
  position: absolute;
  bottom:0; 
  left:0;
  right:0;
  margin: 0 auto;
}
#services-section .col-sm-4 p{
  font-size: 34px;
  margin-top: 15px;
  color:#011a34;
}
#services-section .service-hover{ 
  max-width: 215px;
  margin: 0 auto;
}
.service-hover:hover{
  background-color: #f7fbff;
  border-radius: 13px;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.75);
}
#services-section .col-sm-4 .service-hover p:hover{
  color:#015a34;
}
a.service-link {
  text-decoration: none; 
}
/*home page services icons*/
#development img{
  width:82%;
}
#maintenance img{
  width:82%;
} 
#analytics img{
  width:82%;
} 

/*
 * CONTACT
 */
#contact-section{
  background-position: 50% 50% !important; 
  background-repeat: no-repeat !important;
	min-height: 313px;
  background-color: #011a34 !important;
}
#contact-section .col-sm-12.link{
  margin-top: 92px;
}
#contact-section a{
  float:left;
  text-align: center;
  width:100%;
  margin: 0 auto;
  font-family: bebas-book; 
  font-weight: 400;
  letter-spacing: 6px;
  opacity:.76;
}
.contact-header{
  font-size: 50px;
  color: #3eff00;
  padding-top: 5px;
}
.large{
  font-size: 140%
}
#contact-section a:hover,
#contact-section a:focus{
  text-decoration: none ;
  color: #3eff00;
  opacity: 1;
}
.contact-space{
  padding-left: 21px;
}
/**********************************PAGE HEADER***********************/
.mobile-switch{
  display: none;
}
#page-heading,
#development-design,
#maintenance-education,
#analytics-optimization{
  min-height: 127px;
  margin-top: 69px;
}
#about-page #page-heading{
  margin-top: 0;
  padding-top: 21px;
}
.page-heading-underline{
    border-bottom: 2px solid #011a34;
    float:left;
    width:100%;
}
#page-heading h1,
#development-design h1,
#maintenance-education h1,
#analytics-optimization h1,
#work-page h2{
  font-family: bebas-book;
  font-weight: bold;
  font-size: 3.5em;
  margin-top:42px;
  float:left;
}
#page-heading .page-image{ 
  position:relative;
  right:0;
  float:right;
}
/*place-holder to be deleted*/
.page-image img{
  height: 125px;
  width: 125px;
  border-radius: 5px 5px 0 0;
}


/********************************ABOUT AND SERVICES*******************/
#about-page{
  margin-top:69px;

}
#about-page .page-heading-underline{
  margin-bottom: 55px;
}
.about-content{
  margin-bottom: 34px;
  padding: 15px;
  border-bottom: 2px solid #011a34;
}
.about-content h3{
  font-size: 45px;
  text-transform: uppercase;
  font-weight: bold;
  color:#011a34;
  font-family: bebas-book;
  margin-bottom: 34px;
}
.about-content p,
.services-content p{
  font-size: 16px
}
.process-bold{
  font-size: 18px;
  font-weight: bold;
  color:#011a34;
}
.bwd-col-7{
  float:left;
  width:74%;
}

/***************************************WORK***********************/
#work-page{
  background-color: #011a34;
  min-height: 710px;
}
.work-content{
  padding-top: 69px;
}
#workGallery{
  margin-top: 20px;
}
.cardFlip{
  height:400px; 
  width:400px;
  position:absolute !important;
}
.back{
  background-color: #011a34;
  text-align: center;
  padding:1%;

}
.back-border{
  border: 2px solid #011a34;
  border-radius: 5px;
  height:100%;
  background-color:#f7fbff;

}
.work-content h3{
  padding: 6px 0 7px 0;
  margin-bottom: 0px;
  font-size: 27px;
  background-color: #31bc00;
  border-radius: 4px 4px 0 0;
}
.work-content h3 a{
  color:#ffffff;
}
.work-content h4{
  font-size: 17px;
  font-family: bebas-book;
  font-weight: lighter;
  margin-bottom: 1px;
  margin-top: 3px;
}
.work-icons{
  float:left;
  width:100%;
}
.work-service{
  float:left;
  width:30.3333%;
  margin: 0 1.5% 0 1.5%;
}
.work-service-two{
  margin: 0 9.8%;
}
.work-service-one{
  margin: 0 34.8%;
}
.cardFlip .work-icons img{
  width:50%;
}
.work-service figcaption{
  font-size: 13px;
}
#work-page a.service-hover{ 
  float:left;
  padding:5px;
  text-decoration: none;
  color:#000;
}
#work-page .back-border p{
  font-size: 12px;
  margin-bottom: 0;
}
.caption.caption-visible,
.frontImage:hover{
  cursor:pointer;
}
.caption.caption-visible{
  padding: 13px !important;
  font-size: 26px !important;
  font-family: bebas-book !important;
}
#work-page .info{
  font-size: 14px;
  font-family: helvetica,sans-serif;
  color:#31bc00;
  padding-top: 9px;
}
.justified-gallery>div>div>.caption{
  right:-1px !important;
}
.justified-gallery>div>div>.caption.caption-visible{
  opacity:.89 !important;
}
/***************************************SERVICES***********************/
.services-content-padding{
  padding-top: 21px;
}
#services-page,
#about-page,
#testimonials-page{
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-image:url(../../visual/backgrounds/bwd_wordcloud.jpg);
  background-position: 50% 80%;
  padding-bottom: 69px;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
#services-page .services-icon img{
  width:100%;
}
#services-page a,
#about-page a,
#testimonials-page a.continue {
  padding:0 15px;
}
#services-page h2{
  margin-bottom: 0;
  font-family: bebas-book;
  font-size: 29px;
}
/***************************************CONTACT***********************/
/*FORM*/
.contact-form-top{
  margin-top: 55px;
}
.contact-form input,
.contact-form textarea{
  background: #011a34;

}
.contact-input-input{
    background: #015eac; /* Old browsers */
    background: -moz-linear-gradient(top,  #027ee3 0%, #015eac 10%,#015eac 85%, #011a34 121%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #027ee3 0%, #015eac 10%,#015eac 85%,#011a34 121%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #027ee3 0%, #015eac 10%,#015eac 85%,#011a34 121%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#027ee3', endColorstr='#015eac',GradientType=0 ); /* IE6-9 */

}
.contact-form input[type='submit']{
    background-color: rgba(49,203,0, .76);
}
.contact-form input[type='submit']:hover{
    background-color: rgba(49,203,0, 1);
}
.contact-input-textarea{
    background: #015eac; /* Old browsers */
    background: -moz-linear-gradient(top,  #027ee3 0%, #015eac 2%,#015eac 97%, #011a34 105%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #027ee3 0%, #015eac 2%,#015eac 97%,#011a34 105%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #027ee3 0%, #015eac 2%,#015eac 97%,#011a34 105%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#027ee3', endColorstr='#015eac',GradientType=0 ); /* IE6-9 */
}
.form-control:focus {
    border-color: transparent;
    outline: 0;
  }
.contact-form input::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
 /* WebKit, Blink, Edge */
    color:    #69c483;
}
.contact-form input:-moz-placeholder,
.contact-form textarea:-moz-placeholder {
 /* Mozilla Firefox 4 to 18 */
   color:    #69c483;
   opacity:  1;
}
.contact-form input::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
   color:    #69c483;
   opacity:  1;
}
.contact-form input:-ms-input-placeholder, 
.contact-form textarea:-ms-input-placeholder {
 /* Internet Explorer 10-11 */
   color:    #69c483;
}
.contact-form input{
  height:34px;
}
.contact-form input, 
.contact-form textarea,
.contact-form .button-wrapper{
  color: #fff;
  margin: 0 auto;
  font-weight: normal;
}
.contact-form .button-wrapper input[type="submit"]{
  width:100px;
  float:left;
  margin-right: 21px;
}
.contact-form-bottom{
  margin-bottom: 91px;
  margin-top: 32px;
}
.thankYou{
  color:#154266;
  float:left;
  padding-top: 8px;
}

/*CONTACT INFO*/
#contact-page{
  min-height: 786px;
}
.contact-logo{
  background-position: center 107% !important;
  background-repeat: no-repeat !important;
  background-size: 700px !important;
} 
.contact-logos{
  padding-top: 74px;
  padding-bottom:74px;
}
.contact-icons-address img,
.contact-icons-email img,
.contact-icons-facebook img{
  width:45px;
}
.contact-icons-phone img{
  height:55px;
}
.contact-logos .row p{
  margin-bottom: 2px;
}
.contact-icons-address,
.contact-icons-phone,
.contact-icons-email,
.contact-icons-facebook{
  height:89px;
  text-align: center;
}
.contact-icons-address{
  margin-top: 20px;
}
.contact-logo .row .col-sm-6 a{
  margin-top: 13px;
  display:block;
  color:#31cb00;
}
/*bootstrap overrides*/
.alert{
  margin: 0 auto;
  width: 65%;
  padding:1px 15px;
  font-size: 14px;
  text-align: center;
  background-color: transparent;
  height:32px;
  border:none;
}
/*captcha form*/
.captcha-container{
  background: none;
  height:55px;
}
.g-recaptcha{  
  transform:scale(0.72);
  -webkit-transform:scale(0.72) 
  ;transform-origin:0 0;
  -webkit-transform-origin:0 0;
}
#contact-page .col-sm-5{
  padding-left: 0;
  padding-right: 0;
}
/*
 * SLIDE EFFECTS ON CONTACT FORM INPUTS
 */
.contact-input-container {
  position: relative;
  z-index: 1;
  vertical-align: top;
  display: block; 
  overflow: hidden;
  margin: auto;
  border-radius: 4px
}
.contact-input-input{
  height:34px;
}
.contact-input-textarea{
  height:210px;
}
/*CONTROLLS WIDTH OF INPUT FIELD*/
.contact-form input.contact-field-container,
.contact-form textarea.contact-field-container{
  max-width: 75%;
}
.contact-field-container {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  color: #aaa;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-appearance: none; /* for box shadows to show on iOS */
}

.contact-field {
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  background: #fff;
  color: #9DABBA;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.contact-label-container {
  padding: 0 1em;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none; 
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.contact-label-content{
  position: relative;
  display: block;
  color:#31cb00;
  font-size: 14px;
  font-weight: 100;
  padding: .45em 0;
  width:100%;
}

.contact-field:focus,
.input--filled .contact-field {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); 
  -webkit-transition-delay: 0.06s;
  transition-delay: 0.06s;
}

/*THIS CONTROLLS THE HORIZONTAL POSITION OF THE LABEL ON FOCUS*/
.contact-field:focus + .contact-label-container,
.input--filled .contact-label-container{
  -webkit-transform: translate3d(75%, 0, 0);
  transform: translate3d(75%, 0, 0);
  pointer-events: none;
}


/*************************************TESTIMONIALS******************/
  #testimonials-page article{
    background-color: #f7fbff;
    border: 1px solid black;
    padding: 5px;
    width:76%;
    margin: 21px auto 21px auto;
    border-radius: 13px;
  }
  #testimonials-page blockquote{
    border-radius: 13px;
    margin:5px 5px;
    text-align: left;
  }
  #testimonials-page .owner{
    text-align: right;
    padding-right:13px;
  }



/***************************************FOOTER***********************/
footer{
	min-height:65px;
  border-top:1px solid #e6e8e6;
  background-color: #0273cf;
  clear:both;
  ;
}
.footer-copyright{
   color:#e6e8e6;
  text-align: center;
  font-size: .67em;
  margin-top: 27px
}
.container .row .col-md-8.col-md-offset-2{
  margin-top:167px;
}