/*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	border:@gray-lighter solid 1px;
}*/
@media (max-width: 979px) {
  html,
  body {
    margin: 0px;
    padding: 0px;
  }
}
.tets {
  padding-top: 0px;
  margin-top: 0px;
}
/*Sixth rollover*/
.view {
  width: 300px;
  height: 300px;
  display: block;
  margin-bottom: 20px;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  padding: 0px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}
/* Small devices */
@media (min-width: 768px) and (max-width: 991px) {
  .view {
    width: 200px;
    height: 200px;
  }
}
/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) {
  .view {
    width: 210px;
    height: 210px;
  }
}
/* Large devices */
@media (min-width: 1200px) {
  .view {
    width: 260px;
    height: 260px;
  }
}
/* Landscape phones and down 
@media (max-width: 480px) { .view {width: 125px;
	height: 125px;} }*/
.view .mask,
.view .content {
  width: inherit;
  height: inherit;
  position: absolute;
  overflow: hidden;
  top: 5%;
  left: 5%;
  margin: 0px;
  padding: 0px;
  width: 90%;
  height: 90%;
  color: #FFFFFF;
}
.view img {
  display: block;
  position: relative;
  height: inherit;
  width: inherit;
}
.view h2 {
  color: inherit;
  text-align: left;
  position: relative;
  font-size: 18px;
  line-height: 21px;
  margin: 0px;
  font-family: Myriad-Pro_semibold, Arial, Helvetica, sans-serif;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.view p {
  font-family: Myriad-Pro_regular, Arial, Helvetica, sans-serif;
  font-size: 12px;
  position: relative;
  color: inherit;
  text-align: left;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}
.view-sixth .mask {
  background-color: #898ac3;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s ease-in 0.4s;
  -moz-transition: all 0.3s ease-in 0.4s;
  -o-transition: all 0.3s ease-in 0.4s;
  -ms-transition: all 0.3s ease-in 0.4s;
  transition: all 0.3s ease-in 0.4s;
}
.view-sixth:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
  background-color: #898ac3;
}
.view-sixth.active .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=60);
  opacity: 0.6;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
  background-color: #898ac3;
}
.view-sixth.active h2,
.view-sixth.active p {
  color: #bcbcdd;
}
.view-sixth.active img {
  filter: alpha(opacity=60);
  opacity: 0.6;
}
/*END Sixth rollover*/
/* social headder icons */
.social-bar-group {
  display: inline-block;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 6px;
}
.social-bar {
  background-color: #f1f1f9;
  padding: 4px 4px 4px 4px;
  display: block;
  text-align: right;
  margin: 6px 6px 6px 6px;
  float: left;
}
.social-icon-header-link {
  fill: #732a65;
  width: 28px;
  height: 28px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.social-bar:hover {
  background-color: #d3d800;
}
.social-bar:hover .social-icon-header-link {
  fill: #FFFFFF;
}
@media (min-width: 768px) and (max-width: 991px) {
  .social-bar {
    padding: 20px 6px 6px 6px;
    margin: 0px 6px 6px 6px;
  }
  .social-icon-header-link {
    width: 18px;
    height: 18px;
  }
}
/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) {
  .social-bar {
    padding: 32px 4px 4px 4px;
    margin: 0px 6px 6px 6px;
  }
  .social-icon-header-link {
    width: 16px;
    height: 16px;
  }
}
/* Large devices */
@media (min-width: 1200px) {
  .social-bar {
    padding: 30px 6px 6px 6px;
    margin: 0px 6px 6px 6px;
  }
  .social-icon-header-link {
    width: 16px;
    height: 16px;
  }
}
/* END social headder icons */
/* testimonials feature */
.testimonial_feature {
  display: block;
  padding: 20px 30px 10px 30px;
  background-color: #FFFFFF;
  position: relative;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 30px;
  margin-left: 0px;
  clear: both;
}
.testimonial_feature blockquote {
  text-align: left;
  color: #d3d800;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  border: none;
  quotes: "\201C" "\201D" "\2018" "\2019";
}
.testimonial_feature blockquote p:before {
  color: #d3d800;
  content: open-quote;
  font-size: 30px;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.testimonial_feature blockquote p:after {
  color: #d3d800;
  content: close-quote;
  font-size: 30px;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  padding-left: 10px;
}
.testimonial_feature blockquote p {
  display: inline;
  color: #555555;
  text-decoration: none;
  font-family: 'PT Serif', serif;
  font-style: italic;
  font-weight: 300;
}
.testimonial_feature blockquote a {
  color: inherit;
  text-decoration: none;
}
.testimonial_feature blockquote a:hover {
  color: inherit;
  text-decoration: none;
}
.testimonial_feature blockquote:hover {
  text-decoration: none;
}
.testimonial_feature blockquote footer {
  color: #555555;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
.testimonial_feature blockquote footer cite {
  text-align: inherit;
  color: inherit;
  font-size: 10px;
  display: block;
}
.testimonial {
  display: block;
  padding: 0px 0px 16px 0px;
  background-color: #FFFFFF;
  position: relative;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  clear: both;
}
.testimonial blockquote {
  text-align: left;
  color: #333333;
  font-size: 21px;
  line-height: 34px;
  margin: 0px;
  padding: 0px;
  border: none;
  quotes: "\201C" "\201D" "\2018" "\2019";
  font-weight: 300;
}
.testimonial blockquote p:before {
  color: #333333;
  content: open-quote;
  font-size: 40px;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.2em;
  font-weight: inherit;
}
.testimonial blockquote p:after {
  color: #333333;
  content: close-quote;
  font-size: 40px;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.2em;
  padding-left: 10px;
  font-weight: inherit;
}
.testimonial blockquote p {
  display: inline;
  color: inherit;
  text-decoration: none;
  font-style: italic;
}
.testimonial blockquote a {
  color: inherit;
  text-decoration: none;
}
.testimonial blockquote a:hover {
  color: inherit;
  text-decoration: none;
}
.testimonial blockquote:hover {
  text-decoration: none;
}
.testimonial blockquote footer {
  color: #898ac3;
  font-size: 14px;
  margin: 0px;
  padding: 10px 0px 0px 0px;
  text-align: left;
  font-weight: 700;
}
.testimonial blockquote footer cite {
  text-align: inherit;
  color: #898ac3;
  font-size: 14px;
  display: block;
  font-weight: 300;
}
/* testimonials feature2 */
.testimonial_feature_2 {
  display: block;
  padding: 20px 20px 20px 20px;
  background-color: rgba(211, 216, 0, 0.14);
  position: relative;
  margin: 0px;
  clear: both;
}
.testimonial_feature_2 blockquote {
  text-align: left;
  color: #d3d800;
  font-size: 18px;
  margin: 0px;
  padding: 0px;
  border: none;
  quotes: "\201C" "\201D" "\2018" "\2019";
}
.testimonial_feature_2 blockquote p:before {
  color: #d3d800;
  content: open-quote;
  font-size: 46px;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.testimonial_feature_2 blockquote p:after {
  color: #d3d800;
  content: close-quote;
  font-size: 46px;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  padding-left: 10px;
}
.testimonial_feature_2 blockquote p {
  display: inline;
  color: #777777;
  text-decoration: none;
  font-family: 'PT Serif', serif;
  font-style: italic;
  font-weight: 400;
}
.testimonial_feature_2 blockquote a {
  color: inherit;
  text-decoration: none;
}
.testimonial_feature_2 blockquote a:hover {
  color: inherit;
  text-decoration: none;
}
.testimonial_feature_2 blockquote:hover {
  text-decoration: none;
}
.testimonial_feature_2 blockquote footer {
  color: #555555;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
.testimonial_feature_2 blockquote footer cite {
  text-align: inherit;
  color: inherit;
  font-size: 10px;
  display: block;
}
/* END testimonial-page feature */
.quick-link ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  color: #898ac3;
}
.quick-link ul li {
  font-size: 10px;
  color: #898ac3;
  padding: 0px;
  margin: 0px;
}
.quick-link ul li a {
  color: #898ac3;
}
.view-our {
  font-size: 14px;
  background: #f1f1f9;
  color: #898ac3;
  line-height: 36px;
  text-align: center;
  border: none;
  padding: 0px;
  width: 100%;
  border-radius: 0px;
}
.view-our:hover {
  background: #898ac3;
  color: #f1f1f9;
}
.view-our:after {
  content: "\00BB";
  margin-left: 6px;
  color: #d3d800;
}
.section-title {
  font-size: 26px;
  color: #898ac3;
  line-height: 32px;
  text-align: left;
  font-weight: 300;
  margin: 20px 0px 25px 0px;
  display: block;
  background-image: url(/images/set-up/background-runner.jpg);
  background-repeat: repeat-x;
  background-position: 0px bottom;
}
.section-title span {
  background: #FFFFFF;
  padding-right: 10px;
}
.lines {
  display: inline-block;
  right: 0px;
  left: 0px;
  border-top: #898ac3 solid 1px;
  border-bottom: #d3d800 solid 1px;
  height: 10px;
}
.page-title {
  font-size: 26px;
  color: #333333;
  line-height: 52px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 30px 0px;
  /*border-top:solid 1px @gray-dark;*/
  border-bottom: solid 1px #555555;
  font-weight: 300;
}
.dottedline {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: dotted 1px #333333;
}
.dottedline-top {
  display: block;
  border-top: dotted 1px #333333;
}
.solidline {
  display: block;
  padding-bottom: 0px;
  margin-bottom: 20px;
  border-top: solid 1px #333333;
  border-bottom: solid 1px #a2a2a2;
}
.solidline_lower {
  display: block;
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: solid 1px #333333;
}
.legal-button {
  font-size: 10px;
  background: #e1e1f0;
  color: #898ac3;
  line-height: 44px;
  text-align: center;
  border: none;
  padding: 0px;
  width: 100%;
  border-radius: 0px;
}
.legal-button:hover {
  background: #898ac3;
  color: #e1e1f0;
}
.legal-box {
  background-color: #e1e1f0;
  padding: 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .legal-button {
    line-height: 32px;
  }
}
/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) {
  .legal-button {
    line-height: 24px;
  }
}
/* Large devices */
@media (min-width: 1200px) {
  .legal-button {
    line-height: 24px;
  }
}
/*  Custom Carousel nav */
.carousel {
  padding: 0px 0px 0px 0px;
}
.carousel .carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: auto;
  opacity: 0.8;
  font-size: 2ems;
  color: #FFFFFF;
  text-align: center;
  text-shadow: none;
}
.carousel .carousel-control.left {
  background-image: none;
  left: 10px;
  right: auto;
}
.carousel .carousel-control.right {
  left: auto;
  right: 40px;
  background-image: none;
}
.carousel .carousel-control:hover,
.carousel .carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=50);
}
.carousel .carousel-control .icon-prev,
.carousel .carousel-control .icon-next,
.carousel .carousel-control .glyphicon-chevron-left,
.carousel .carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 35%;
  z-index: 5;
  display: inline-block;
  background-color: #898ac3;
  width: 40px;
  height: 33px;
}
.carousel .carousel-control .icon-prev,
.carousel .carousel-control .glyphicon-chevron-left {
  right: 0px;
  padding: 5px 5px 0px 0px;
}
.carousel .carousel-control .icon-next,
.carousel .carousel-control .glyphicon-chevron-right {
  left: 0px;
  padding: 3px 0px 0px 0px;
}
.carousel .carousel-control .icon-prev,
.carousel .carousel-control .icon-next {
  width: 0px;
  height: 0px;
  margin-top: 0px;
  font-family: serif;
}
.carousel .carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel .carousel-control .icon-next:before {
  content: '\203a';
}
.carousel .carousel-indicators {
  position: absolute;
  bottom: 2%;
  left: 95%;
  z-index: 15;
  width: 60%;
  margin-left: -60%;
  padding-left: 0;
  list-style: none;
  text-align: right;
}
.carousel .carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 12px;
  cursor: pointer;
  background-color: #898ac3;
}
.carousel .carousel-indicators .active {
  margin: 0px;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 16%;
  right: 10%;
  bottom: 5%;
  top: 12%;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #333333;
  text-align: left;
  text-shadow: none;
  font-size: 0.9em;
  line-height: 1.1em;
  font-weight: 300;
}
.carousel-caption .btn {
  text-shadow: none;
  font-weight: 600;
  color: #898ac3;
  text-decoration: none;
  font-size: 0.7em;
  padding-left: 0px;
}
.carousel-caption .btn:hover {
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-caption {
    left: 10%;
    right: 10%;
    bottom: 5%;
    top: 10%;
    font-size: 1.9em;
  }
  .carousel .carousel-control .icon-prev,
  .carousel .carousel-control .icon-next,
  .carousel .carousel-control .glyphicon-chevron-left,
  .carousel .carousel-control .glyphicon-chevron-right {
    top: 50%;
    width: 40px;
    height: 40px;
  }
  .carousel .carousel-control.left {
    background-image: none;
    left: 15px;
    right: auto;
  }
  .carousel-caption .btn {
    font-size: 0.7em;
  }
}
/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-caption {
    left: 10%;
    right: 10%;
    bottom: 5%;
    top: 10%;
    font-size: 2.2em;
  }
  .carousel .carousel-control .icon-prev,
  .carousel .carousel-control .icon-next,
  .carousel .carousel-control .glyphicon-chevron-left,
  .carousel .carousel-control .glyphicon-chevron-right {
    top: 50%;
    width: 40px;
    height: 40px;
  }
  .carousel .carousel-control.left {
    background-image: none;
    left: 15px;
    right: auto;
  }
  .carousel-caption .btn {
    font-size: 0.6em;
  }
}
/* Large devices */
@media (min-width: 1200px) {
  .carousel-caption {
    left: 10%;
    right: 10%;
    bottom: 5%;
    top: 10%;
    font-size: 2.4em;
  }
  .carousel .carousel-control .icon-prev,
  .carousel .carousel-control .icon-next,
  .carousel .carousel-control .glyphicon-chevron-left,
  .carousel .carousel-control .glyphicon-chevron-right {
    top: 50%;
    width: 40px;
    height: 40px;
  }
  .carousel .carousel-control.left {
    background-image: none;
    left: 15px;
    right: auto;
  }
}
/*  END CustomCarousel nav */
.navbar {
  border-radius: 0px;
  margin-bottom: 0px;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
  border-radius: 0px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 2px 0px 2px 0px;
  margin-bottom: -1px;
  background-color: rgba(255, 255, 255, 0);
  border: 0px solid #dddddd;
  border-radius: 0px;
  font-size: 12px;
}
a.list-group-item {
  color: #898ac3;
  background-color: inherit;
}
a.list-group-item:hover {
  color: #4e4f98;
  background-color: inherit;
}
.background-tertiary-lighten {
  background-color: #f9f9fc;
}
.service-box {
  display: block;
  border-bottom: dotted #898ac3 1px;
  background-color: #f9f9fc;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
#services .service-box {
  min-height: 450px;
}
.service-box:first-child {
  border-right: none;
}
.service-box .title {
  font-size: 18px;
  line-height: 24px;
  color: #898ac3;
}
.service-box .content {
  font-size: 12px;
  color: #555555;
  padding-right: 40px;
}
.service-box .icon {
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  right: 0px;
  bottom: 5px;
  fill: #898ac3;
  stroke: #898ac3;
}
.service-box-image {
  display: block;
  padding-bottom: 10px;
  width: 100%;
  height: auto;
}
.icon:hover {
  fill: #d3d800;
}
.read-more {
  font-size: 16px;
  color: #777777;
  font-weight: 300;
}
.read-more:before {
  content: "\00BB";
  font-size: 18px;
  color: #333333;
  padding-right: 6px;
  font-weight: 400;
}
a .read-more {
  color: #898ac3;
}
a.read-more:hover {
  color: #d3d800;
  text-decoration: none;
}
a.link-read-more:hover .icon {
  fill: #d3d800;
}
.link-read-more {
  font-size: 16px;
  color: #898ac3;
}
/*.link-read-more:before{
	content:"\00BB";
	font-size:18px;
	color:@brand-secondary;
	padding-right:6px;
}*/
a .link-read-more {
  color: #898ac3;
}
a.link-read-more:hover {
  color: #d3d800;
  text-decoration: none;
}
a.link-read-more:hover .icon {
  fill: #d3d800;
}
/*Mail chimp sign up CSS */
#mc_embed_signup {
  background: #fff;
  clear: left;
  font: 14px Helvetica, Arial, sans-serif;
}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
/*Hide the Spam trap*/
.houdini {
  display: none;
}
#cloud ul {
  list-style-type: none;
  /*background-color:@brand-secondary;*/
  margin: 0px;
  padding: 0px;
}
.twitter-timeline-wrap {
  width: 100%;
  margin: 10px 0px 16px 0px;
}
.twitter-timeline {
  /* Buttonish */
  display: inline-block;
  padding: 6px;
  margin: 0px;
  border: #ccc solid 1px;
  border-radius: 0px;
  background-color: #ffffff;
  /* Text */
  font: normal 12px/18px Helvetica, Arial, sans-serif;
  color: #333;
  white-space: nowrap;
}
#footer {
  background-color: #f1f1f9;
  padding: 10px 0px 10px 0px;
  border-top: solid 10px #f9f9fc;
}
input[type="submit"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.blog-feature-image img {
  width: 100%;
  height: inherit;
}
.blog-feature .title {
  font-size: 14px;
  color: #898ac3;
  font-weight: 700;
  padding-bottom: 4px;
}
.blog-feature .date {
  font-size: 11px;
  color: #777777;
  font-weight: 300;
}
.blog-feature .copy {
  font-size: 11px;
}
.highlight {
  font-family: 'Open Sans', Arial, sans-serif, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12;
  font-weight: 700;
  color: #7879ba;
}
.brand-primary {
  color: #898ac3;
}
.brand-secondary {
  color: #d3d800;
}
.strapline {
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  color: #555555;
  padding-top: 0px;
  padding-bottom: 20px;
  margin: 0px;
}
#contactForm label {
  color: #898ac3;
  font-size: 13px;
  font-weight: 300;
  padding: 0px;
}
.btn:focus {
  outline: none;
}
/* Menu style change */
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .navbar {
    min-height: 10px !important;
  }
}
.navbar-default {
  background-color: #f1f1f9;
  border-color: #FFFFFF;
  border: none;
}
.navbar-default .navbar-brand {
  color: #898ac3;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #898ac3;
  background-color: #f1f1f9;
}
.navbar-default .navbar-text {
  color: #898ac3;
}
.navbar-default .navbar-nav > li > a {
  color: #898ac3;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #898ac3;
  background-color: #f1f1f9;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #f1f1f9;
  background-color: #898ac3;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #898ac3;
  background-color: #f1f1f9;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-default {
    background-color: #f1f1f9;
    margin-top: 10px;
  }
  .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-default {
    background-color: #FFFFFF;
    margin-top: 70px;
    margin-bottom: 10px;
    float: right !important;
  }
  .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
  }
}
/* Large devices */
@media (min-width: 1200px) {
  .navbar-default {
    background-color: #FFFFFF;
    margin-top: 70px;
    margin-bottom: 10px;
    float: right !important;
  }
  .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
  }
}
/* END Menu style change */
.client-btn {
  padding-top: 75px;
  border-color: #d3d800;
  border-top: none;
  width: 80px;
  font-size: 12px;
  color: #4e4f98;
}
.client-btn:hover {
  background-color: #e9ec80;
  border-color: rgba(211, 216, 0, 0.2);
  color: #898ac3;
}
/* Dropdown Menu style change */
.inverse-dropdown {
  background-color: #222;
  border-color: #080808;
}
.inverse-dropdown > li > a {
  color: #999;
  padding-left: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.inverse-dropdown > li > a:hover {
  color: #898ac3;
  background-color: #000;
}
.inverse-dropdown > li > a:hover .icon {
  fill: #898ac3;
}
.inverse-dropdown > .divider {
  background-color: #000;
}
.inverse-dropdown .icon {
  width: 20px;
  height: 20px;
  float: left;
  fill: #f1f1f9;
  display: block;
  margin-right: 10px;
}
.dropdown-menu > .active:hover > a .icon,
.dropdown-menu > .active:hover > a .icon:hover,
.dropdown-menu > .active:hover > a .icon:focus {
  fill: #FFFFFF;
}
/* END Dropdown Menu style change */
.pull {
  font-size: 16px;
  font-weight: 700;
  color: #898ac3;
  display: block;
  height: 45px;
  width: 175px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  position: relative;
  z-index: 10;
  margin-left: auto;
  margin-right: auto;
}
.pull:hover {
  height: 55px;
  width: 225px;
}
.pull .click {
  display: block;
  position: absolute;
  right: 0px;
  font-size: 14px;
  font-weight: 700;
  color: #898ac3;
  z-index: 110;
  text-align: right;
  bottom: 2px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.attention {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 12px;
  font-weight: 300;
  transform: rotate(-60deg);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  transform: rotate(0deg);
  z-index: 120;
}
.arrow {
  fill: #898ac3;
  width: 75px;
  display: block;
  position: absolute;
  top: 4px;
  right: 40px;
  transform: rotate(8deg);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  z-index: 130;
}
.pull:hover .attention {
  transform: rotate(-24deg);
  bottom: 10px;
}
.pull:hover .click {
  transform: scale(2);
}
.pull:hover .arrow {
  width: 125px;
  transform: rotate(-12deg);
}
.columns-copy {
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1;
  -webkit-column-gap: 30px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 30px;
  /* Firefox */
  column-gap: 30px;
  margin-bottom: 20px;
}
.columns-testimonials {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 40px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 40px;
  /* Firefox */
  column-gap: 40px;
  margin-bottom: 0px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .columns-copy {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 30px;
    /* Firefox */
    column-gap: 30px;
  }
}
/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) {
  .columns-copy {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 30px;
    /* Firefox */
    column-gap: 30px;
  }
}
/* Large devices */
@media (min-width: 1200px) {
  .columns-copy {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 30px;
    /* Firefox */
    column-gap: 30px;
  }
}
.filter ul {
  list-style-type: none;
  margin: 5px 0px 5px 15px ;
  padding: 5px 0px 5px 0px ;
  color: #898ac3;
}
.filter ul li {
  font-size: 12px;
  line-height: 16px;
  color: inherit;
  display: inline-block;
  padding-left: 2px;
  padding-right: 0px;
  margin: 0px;
}
.filter ul li a {
  text-decoration: none;
  color: inherit;
}
.filter ul li a:hover {
  text-decoration: none;
  color: #222222;
}
.filter ul li a.active {
  text-decoration: none;
  color: #eeeeee;
}
.filter ul li:focus {
  border: none;
}
.filter ul li:after {
  content: "|";
  padding-left: 4px;
  color: inherit;
}
.filter ul li:first-child {
  font-weight: 700;
}
.filter ul li:last-child:after {
  content: "";
}
.tag ul {
  list-style-type: none;
  margin: 5px 0px 5px 15px ;
  padding: 5px 0px 5px 0px ;
  color: #777777;
}
.tag ul li {
  font-size: 10px;
  line-height: 14px;
  color: inherit;
  display: inline-block;
  padding-left: 2px;
  padding-right: 0px;
  margin: 0px;
}
.tag ul li a {
  text-decoration: none;
  color: inherit;
}
.tag ul li a:hover {
  text-decoration: none;
  color: #222222;
}
.tag ul li:after {
  content: "|";
  padding-left: 4px;
  color: inherit;
}
.tag ul li:first-child {
  font-size: 14px;
  padding-right: 10px;
  font-weight: 300;
  color: #333333;
}
.tag ul li:first-child:after {
  content: none;
  padding-left: 4px;
  color: inherit;
}
ul.green-bullet {
  list-style-type: none;
  margin: 0px 0px 0px 0px ;
  padding: 5px 0px 5px 0px ;
  color: #777777;
}
.green-bullet li {
  padding: 0px 0px 0px 14px;
  margin: 0px 0px 8px 0px;
  position: relative;
  line-height: 18px;
}
.green-bullet li:before {
  content: '\00B7';
  position: absolute;
  top: 0px;
  left: 0px;
  color: #d3d800;
  font-size: 26px;
  line-height: 16px;
}
.client-area {
  display: block;
  margin-bottom: 20px;
}
.client-title {
  display: block;
  padding-top: 25px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #222222;
  margin: 0px;
}
.client-title span {
  font-weight: 300;
  color: #222222;
  padding-right: 6px;
}
.client-project {
  display: block;
  padding-top: 0px;
  padding-bottom: 25px;
  font-size: 16px;
  font-weight: 300;
  color: #898ac3;
  margin: 0px;
}
.client-project span {
  font-weight: 300;
  color: #333333;
  padding-right: 6px;
}
.client-section {
  font-size: 16px;
  color: #898ac3;
  display: block;
  padding-bottom: 10px;
}
.client-copy {
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1;
  -webkit-column-gap: 30px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 30px;
  /* Firefox */
  column-gap: 30px;
  margin-bottom: 16px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .client-copy {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 30px;
    /* Firefox */
    column-gap: 30px;
  }
}
/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) {
  .client-copy {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 30px;
    /* Firefox */
    column-gap: 30px;
  }
}
/* Large devices */
@media (min-width: 1200px) {
  .client-copy {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    -webkit-column-gap: 30px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 30px;
    /* Firefox */
    column-gap: 30px;
  }
}
.columns-copy .highlight {
  font-family: 'Open Sans', Arial, sans-serif, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12;
  font-weight: 700;
  color: #898ac3;
  padding: 0px;
  margin: 0px 0px 10px 0px;
}
.feature-focus {
  font-size: 18px;
  font-weight: 300;
  color: #898ac3;
  padding: 20px 0px 20px 0px;
  margin: 20px 0px 0px 0px;
  text-align: center;
}
.feature-focus strong {
  font-weight: 700;
}
.feature-focus span {
  font-weight: 400;
}
@media (min-width: 768px) and (max-width: 991px) {
  .feature-focus {
    font-size: 36px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .feature-focus {
    font-size: 42px;
  }
}
@media (min-width: 1200px) {
  .feature-focus {
    font-size: 48px;
  }
}
.btn {
  border-radius: 0px;
}
/* Medium devices */
/* Large devices */
.blog-copy img {
  display: block;
  -webkit-column-span: 2;
  /* Chrome, Safari, Opera */
  column-span: 2;
  border: solid 1px #FF0004;
  clear: both;
  max-width: 100%;
  height: auto;
}
.blog-copy-thumbnail img {
  display: block;
  float: right;
  padding: 0px 0px 10px 10px;
  max-width: 300px;
  height: auto;
  border: solid 1px #0012FF;
}
.thumbnail {
  display: block;
  border: 0px solid #dddddd;
  border-radius: none;
  padding: 0px;
}
.thumbnail img {
  border: 0px solid #dddddd;
  width: 100%;
  padding: 0px;
}
.thumbnail .date {
  font-size: 10px;
  color: #777777;
  padding: 8px 0px 0px 0px;
}
.thumbnail .btn {
  border-radius: none;
  border: none;
  background-color: #FFFFFF;
  color: #d3d800;
  font-weight: 700;
  padding: 5px 10px 5px 0px;
  font-size: 16px;
  margin: 0px;
}
.thumbnail .btn:hover,
.thumbnail:hover .btn {
  color: #898ac3;
}
.thumbnail .caption {
  padding: 0px;
  colour: #eeeeee;
}
.next-previous {
  width: 60px;
  height: 60px;
  background: #f1f1f9;
  color: #898ac3;
  text-align: center;
  border: none;
  padding: 0px 0px 0px 0px;
  position: relative;
  border-radius: 0px;
}
.next-previous:hover,
.next-previous:hover span {
  background: #898ac3;
  color: #f1f1f9;
}
.next-previous span {
  color: #d3d800;
  padding: 0px 0px 0px 0px;
  font-size: 48px;
  line-height: 50px;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
}
.bang {
  display: block;
  padding-bottom: 0px;
  margin-bottom: 20px;
  border-bottom: solid 1px #333333;
  border-top: solid 1px #a2a2a2;
  background-color: #f1f1f9;
  font-size: 32px;
  line-height: inherit;
  color: #898ac3;
  font-weight: 300;
  padding: 10px 30px 10px 30px;
  text-align: center;
}
.bang strong {
  font-weight: 700;
}
.design-methology {
  display: block;
  border-bottom: solid 1px #333333;
  border-top: solid 1px #a2a2a2;
  min-height: 77px;
  margin-bottom: 10px;
}
.design-methology .icon {
  display: block;
  width: 75px;
  height: 75px;
  background-color: #898ac3;
  margin-right: 20px;
  float: left;
}
.design-methology .title {
  font-size: 18px;
  padding-top: 4px;
  color: #d3d800;
}
.design-methology .copy {
  font-size: 14px;
  color: #333333;
}
strong {
  font-weight: 700;
}
/* Google maps */
#map-canvas {
  height: 500px;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
/* END Google maps */
/* Google maps Find US */
#map-container {
  overflow: hidden;
}
#map {
  width: 100%;
  min-height: 400px;
}
#map-directions {
  width: 100%;
}
/* END Google maps Find US */
#client-thumbnails img {
  margin-bottom: 10px;
  opacity: 0.50;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
#client-thumbnails img:hover {
  margin-bottom: 10px;
  opacity: 1;
}
.mailchimp-button {
  padding: 10px 0px 10px 0px;
  font-size: 17px;
  line-height: 21px;
  font-family: 'Shadows Into Light Two', cursive;
  letter-spacing: 0.03em;
}
.mailchimp-button span {
  display: block;
  float: left;
  font-size: 18px;
  padding-left: 8px;
}
.start-project {
  font-family: 'Shadows Into Light Two', cursive;
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
}
.address {
  display: inline-block;
  width: auto;
}
.address dt {
  float: left;
  width: 30px;
  clear: left;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
  line-height: 20px;
  padding-bottom: 10px;
}
.address dd {
  margin-left: 45px;
  font-size: 14px;
  padding-top: 2px;
}
.googlemap {
  margin: 20px 0px 20px 0px;
  display: block;
  border: solid 1px #a2a2a2;
}
.ProjectForm input[type="text"] {
  padding: 5px 10px 2px 10px;
}
.ProjectForm label {
  padding: 5px 0px 5px 0px;
  margin: 0px;
}
.ProjectForm textarea {
  padding: 5px 10px 2px 10px;
  margin: 0px 0px 5px 0px;
}
.main-header {
  font-size: 32px;
  line-height: 42px;
  font-weight: 300;
  padding: 20px 15px 20px 15px;
  color: #898ac3;
  background-image: url(images/set-up/dropshadow.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  border-top: solid 1px #d3d800;
  border-bottom: solid 1px #d3d800;
  margin-bottom: 25px;
}
#news p {
  line-height: 24px;
}
.logo {
  padding: 10px 0px 10px 0px;
}
.news-image {
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
}
.news-copy-box {
  display: block;
}
news-image-box {
  display: block;
}
.news-copy-box:nth-child(even) {
  float: left;
}
.news-image-box:nth-child(even) {
  float: right;
}
.news-copy-box:nth-child(odd) {
  float: right;
}
.news-image-box:nth-child(odd) {
  float: left;
}
/* WORDPRESS FORMS Restyle*/
#comments {
  font-size: 12px;
}
.comment-list {
  margin: 0px;
  padding: 0px 0px 25px 0px;
  list-style: none;
  display: block;
  border-bottom: #898ac3 solid 1px;
}
.cite {
  color: #000000;
}
.comment-content {
  padding: 0px 0px 10px 0px;
}
.comment-metadata {
  padding: 10px 0px 10px 0px;
}
.entry-title,
.comments-title,
.comment-form-comment label {
  font-size: 21px;
  font-weight: 300;
  color: #333333;
}
.comment-reply-title,
.screen-reader-text h2 {
  font-size: 26px;
  font-weight: 300;
  color: #898ac3;
}
.post-thumbnail {
  padding: 25px 10px 10px 10px;
}
#post-1,
.comment-respond {
  display: block;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: #898ac3 solid 1px;
}
.posted-on {
  display: block;
}
.entry-footer .screen-reader-text {
  font-weight: 600;
  width: 75px;
  text-align: left;
  margin-right: 10px;
  display: inline-block;
}
.post-navigation .screen-reader-text {
  display: none;
}
.nav-previous {
  display: block;
  float: left;
}
.post-navigation {
  display: block;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: #898ac3 solid 1px;
  overflow: auto;
}
.nav-next {
  display: block;
  float: right;
  text-align: right;
}
.post-edit-link,
.comment-edit-link {
  color: #d3d800;
  padding-left: 10px;
}
.meta-nav {
  display: inline-block;
  font-weight: 700;
}
.post-title {
  display: block;
}
.updated {
  display: inline-block;
  padding-left: 10px;
  font-style: italic;
}
.updated:before {
  content: "updated: ";
}
/*Comment Form */
.form-submit #reply-title {
  color: #898ac3;
}
#commentform {
  padding: 0 0px 25px 0px;
}
#comment {
  color: #898ac3;
}
.form-allowed-tags code {
  display: block;
  width: 500px;
  padding: 10px;
  margin-bottom: 20px;
}
/* Highlight active form field */
#respond input[type=text],
textarea {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
  display: block;
}
#respond input[type=text]:focus,
textarea:focus {
  box-shadow: 0 0 5px #51cbee;
  margin: 5px 1px 3px 0px;
  border: 1px solid #51cbee;
}
#author {
  font-size: 16px;
  color: #1d1d1d;
  letter-spacing: .1em;
}
#url {
  color: #21759b;
}
#submit {
  display: block;
  background-color: #898ac3;
  color: FFFFFF;
  padding: 10px 20px 10px 20px;
  border: none;
}
#submit:hover {
  background-color: #d3d800;
}
.blog-box {
  padding-bottom: 20px;
  border-bottom: #898ac3 solid 1px;
}