/**
 * Place your custom styles here.
 */
 #first-time {
  display: none;
}
 #header {
  /*background: hsl(0, 0%, 96%) none repeat scroll 0 0;*/
  background-color:#DFE0E2;
  padding: 38px 0;
}

.pl {
  padding-left: 5px;
}
#header .input-group {
  width: 169px;
}
.region-header .input-group input {
  background: #E0E2E3;
}
.input-group .form-control::-moz-placeholder {
  color: hsl(203, 100%, 39%) !important;
  font-size: 16px;
}
#header .region-header {
  float: right;
  margin-top: 15px;
}
#block-search-form {
  float: left;
}
.social .like {
  float: left;
}
.social .like a {
  background: #237DC1;
  border-radius: 23px;
  padding: 13px 9px 15px;
}
#block-block-1 {
  float: left;
}
#block-block-1 a {
  margin-left: 22px;
}
.main-menu {
  background: hsl(200, 5%, 88%) none repeat scroll 0 0;
  float: left;
  padding: 12px 0;
  width: 100%;
}
.nav {
  padding-left: 15px;
}
#block-nice-menus-1 ul {
  float: left;
  width: 100%;
  border-top: none;
}
#nice-menu-1 li {
  background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
  border: medium none;
  margin-right: 26px;
  width: auto;
}
#nice-menu-1 a {
  color: hsl(0, 0%, 0%);
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
}
#nice-menu-1 li:hover a {
  color: hsl(203, 100%, 39%);
}
#nice-menu-1 li .active {
  color: hsl(203, 99%, 39%);
}
.menu-384 ul,
.menu-588 ul {
  background: hsl(205, 71%, 43%) none repeat scroll 0 0;
  margin-top: 13px !important;
}
.menu-384 li,
.menu-588 li  {
  border-top: 1px solid hsl(0, 0%, 100%) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.menu-384 ul a,
.menu-588 ul a {
  color: hsl(0, 0%, 100%) !important;
  margin-top: 13px;
  text-align: left;
}
.menu-384 ul a:hover,
.menu-588 ul a:hover {
  opacity: 0.40;
}

.menu-588 ul {
	width:135px !important;
}

/*slider*/
.slider {
  float: left;
  width: 100%;
}
.slider .flexslider-processed {
  border: medium none;
  margin-bottom: 0;
}
.slider-bottom {
  background: hsla(0, 0%, 0%, 0) url("../img/slider-bottom.jpg") repeat scroll 0 0;
  content: "";
  float: left;
  height: auto;
  width: 100%;
}
.slider-bottom-in {
  text-align: center;
}
.slider-bottom-in > p {
  color: hsl(0, 0%, 100%);
  display: inline-block;
  font-family: sans-serif;
  font-size: 22px;
  margin-top: 14px;
  padding-left: 5px;
  text-transform: uppercase;
}
.slider-bottom-link {
  float: right;
}
.slider-bottom-link > a:focus {
  outline: medium none;
}
.slider-bottom-link a {
 
  background: hsl(180, 4%, 95%) none repeat scroll 0 0;
  border-radius: 11px;
  color: hsl(0, 0%, 0%);
  font-size: 13px;
  margin-bottom: 10px;
  margin-right: 87px;
  margin-top: 15px;
  padding: 4px 10px;
  text-decoration: none;
  float: right;
  text-transform: uppercase;
}
.flex-direction-nav {
  bottom: 28px;
  left: 50%;
  position: absolute;
}
.flex-direction-nav .flex-nav-prev {
  position: absolute;
  right: 55px;
}
.flex-direction-nav .flex-nav-next {
  left: 55px;
  position: absolute;
}
.flex-direction-nav a::before {
  background: hsl(0, 0%, 0%) none repeat scroll 0 0;
  border-radius: 55px;
  color: hsl(0, 0%, 100%);
  font-size: 21px;
  padding: 3px 11px;
}

/*content-top*/
#content-top {
  background: hsl(200, 10%, 94%) none repeat scroll 0 0;
  float: left;
  padding: 30px 0;
  width: 100%;
}
.front-block-1 {
  border: 3px solid hsl(200, 5%, 88%);
  float: left;
  margin-bottom: 17px;
  padding: 10px;
  width: 100%;
}
.front-block-1 .front-block-img img {
  border: 3px solid hsl(206, 69%, 45%);
  border-radius: 86px;
  padding: 5px;
}
.front-main-pages {
  background: hsl(0, 0%, 100%) none repeat scroll 0 0;
  float: left;
  min-height: 270px;
  padding: 18px;
  width: 100%;
}
.front-block-1 .front-block-title > a {
  font-size: 43px;
  text-decoration: none;
  font-family: fantasy;
  margin-left: 38px;
}
.front-block-1 .front-block-img {
  float: left;
  margin-left: 82px;
}
.front-block-1 .front-block-title {
  float: left;
  margin-top: 32px;
}
.front-block-1 .front-block-body {
  float: left;
  margin: 19px 0;
  padding: 0 16px;
  text-align: justify;
}
.front-block-1 .front-block-link {
  float: right;
}
.front-block-link > a:focus {
  outline: medium none;
}
.front-block-link > a {
  background: hsl(202, 73%, 51%) none repeat scroll 0 0;
  border-radius: 14px;
  color: hsl(0, 0%, 100%);
  font-size: 13px;
  padding: 9px 16px;
  text-decoration: none;
  text-transform: uppercase;
}

/*content*/
#content {
  background: hsl(0, 0%, 100%) none repeat scroll 0 0;
  float: left;
  padding: 30px 0;
  width: 100%;
}
#block-views-service-carousel-block h2 {
  border-bottom: 3px solid hsl(200, 2%, 75%);
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 8px;
  font-size: 23px;
}
.service-carousel-bg {
  background: hsla(0, 0%, 0%, 0) url("../img/bottom-contant-bg.jpg") no-repeat scroll 0 0;
  content: "";
  float: left;
  height: auto;
  margin: 9px 0;
  padding: 7px 0;
  width: 100%;
  background-size: cover;
}
#block-views-service-carousel-block .view-content {
  margin-top: 20px;
}
.service-carousel-icon {
  float: left;
}
.service-carousel-bg .service-carousel-title > a {
  color: hsl(0, 0%, 100%);
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none;
}
.service-carousel-bg .service-carousel-title {
  margin-top: 10px;
}
.owl-item .service-carousel-icon .img-responsive {
  width: 42px;
  margin: 0 12px;
}
.owl-item .service-carousel-img {
  margin: 6px;
}
.owl-item .service-carousel {
  background: hsl(200, 10%, 94%) none repeat scroll 0 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  float: left;
  /*min-height: 445px;*/
  width: 92% !important;
  min-height:435px;
}
.owl-item .service-carousel-link {
  color: hsl(203, 69%, 50%);
  float: right;
  font-size: 14px;
  margin: 14px 13px;
  text-transform: uppercase;
}
.owl-item .service-carousel-link > a {
  color: hsl(203, 69%, 50%);
  text-decoration: none;
}
.service-carousel-body {
  float: left;
  margin-left: 13px;
  margin-top: 10px;
  min-height: 106px;
  width: 92%;
}
.service-carousel-body > p {
  line-height: 14px;
}
.owl-buttons {
  position: absolute;
  right: 27px;
  top: -61px;
}
.owl-buttons .owl-prev, .owl-buttons .owl-next {
  background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0 !important;
  color: hsl(0, 0%, 38%) !important;
  font-size: 26px !important;
  margin: 0 !important;
  opacity: 0.29;
  padding: 0 !important;
}
.owl-wrapper-outer .owl-item {
  margin-top: 10px;
}

/*content-bottom*/
#content_bottom {
  background: hsla(0, 0%, 0%, 0) url("../img/content-bottom.jpg") no-repeat scroll 0 0;
  content: "";
  float: left;
  height: auto;
  padding: 26px 0;
  width: 100%;
  background-size: cover;
}
#block-block-8 h2 {
  border-bottom: 3px solid hsl(201, 66%, 61%);
  color: hsl(0, 0%, 100%);
  font-size: 24px;
  padding-bottom: 12px;
  text-transform: uppercase;
}
.front-content-bottom a:focus {
  outline: medium none;
}
.front-content-bottom a {
  background: hsl(180, 4%, 95%) none repeat scroll 0 0;
  border-radius: 13px;
  color: hsl(0, 0%, 0%);
  float: right;
  font-size: 12px;
  margin-top: 10px;
  padding: 6px 11px;
  text-decoration: none;
  text-transform: uppercase;
}
.front-content-bottom p {
  color: hsl(0, 0%, 100%);
  margin-top: 32px;
}
.front-content-bottom .front-content-bottom-icon {
  margin-top: 0px;
  text-align: center;
}
.front-content-bottom .front-content-bottom-icon p {
  margin-top: 1px;
}
.front-content-bottom .front-content-bottom-icon > img {
  /*border: 3px solid hsl(0, 0%, 100%);
  border-radius: 29px;
  margin-bottom: 9px;
  padding: 12px;*/
}

/*footer*/
#footer {
  background: hsl(180, 1%, 23%) none repeat scroll 0 0;
  float: left;
  padding: 25px 0;
  width: 100%;
}
#footer .region-footer section, #footer .region-footer section a {
  color: hsl(0, 0%, 43%);
  text-transform: uppercase;
  text-decoration: none;
}
.footer-logo {
  padding-top: 68px;
}
#footer .region-footer h2 {
  color: hsl(0, 0%, 59%);
  font-size: 21px;
}
#block-views-footer-service-block-block .view-content {
  margin-left: 15px;
}
.most-recent-faq-by {
  font-size: 12px;
  font-style: italic;
}
.most-recent-faq-q::before {
  background: hsla(0, 0%, 0%, 0) url("../img/question-icon.png") no-repeat scroll 0 0;
  content: "";
  height: 25px;
  left: 14px;
  position: absolute;
  width: 18px;
}
.most-recent-faq-q > a {
  color: hsl(0, 0%, 59%) !important;
  font-size: 15px;
  text-transform: initial !important;
}
.most-recent-faq {
  margin-bottom: 16px;
  margin-left: 18px;
}
.service-footer a:hover {
  color: hsl(203, 100%, 39%) !important;
}
.most-recent-faq-q a:hover {
  color: hsl(203, 100%, 39%) !important;
}
#block-block-2 a:hover {
 color: hsl(203, 100%, 39%) !important;
}


/*footer-bottom*/
#footer_bottom {
  background: hsl(180, 1%, 17%) none repeat scroll 0 0;
  float: left;
  padding: 10px 0;
  width: 100%;
}
#footer_bottom p {
  color: hsl(0, 0%, 43%);
  margin-left: 23px;
  text-align: left;
}


/*wie-page*/
.wie-content {
  background: hsl(200, 10%, 94%) none repeat scroll 0 0;
  float: left;
  padding: 10px 12px 43px;
  width: 100%;
}
.wie-content-img {
  border: 3px solid hsl(200, 5%, 88%);
  float: left;
  width: 100%;
  padding: 7px;
}
.wie-content a img {
  float: left;
  width: 100%;
}
.wie-content-info {
  float: left;
  width: 100%;
  text-align: justify;
}
.wie-bottom h4 {
  color: hsl(206, 69%, 45%);
  text-align: center;
  margin: 20px 0;
}
.wie-bottom li {
  line-height: 26px;
}
.wie-bottom {
  background: hsl(0, 0%, 100%) none repeat scroll 0 0;
  float: left;
  margin: 0 15px;
  width: 97%;
}
.wie-content h3 {
  color: hsl(206, 69%, 45%);
  float: left;
  width: 100%;
  margin: 29px 0 29px 12px;
}
.main-pages-blue {
  background: hsla(0, 0%, 0%, 0) url("../img/wat-bg.jpg") no-repeat scroll 0 0 / cover;
  color: hsl(0, 0%, 100%);
  content: "";
  float: left;
  font-size: 22px;
  height: auto;
  margin-top: 32px;
  padding: 14px;
  width: 100%;
  background-size: cover;
}
.main-pages-bottom-up {
  color: hsl(0, 0%, 100%);
  font-size: 21px;
  text-transform: uppercase;
  padding: 0 87px;
  text-align: center;
}
.main-pages-bottom-lo {
  color: hsl(0, 0%, 100%);
  font-size: 16px;
  text-align: center;
}

/*wat-page */
.wat-content {
  background: hsl(200, 10%, 94%) none repeat scroll 0 0;
  float: left;
  padding: 10px 12px 43px;
  width: 100%;
}
.wat-content-img {
  border: 3px solid hsl(200, 5%, 88%);
  float: left;
  width: 100%;
  padding: 7px;
}
.wat-content a img {
  float: left;
  width: 100%;
}
.wat-content-info {
  float: left;
  width: 100%;
  text-align: justify;
}
.wat-content span {
  color: hsl(206, 69%, 45%);
}
.wat-bottom {
  float: left;
  padding-left: 16px;
  padding-right: 65px;
  text-align: justify;
  width: 100%;
}


/*onze-diensten*/
.slider {
  float: left;
  position: relative;
  width: 100%;
}
.slide-caption {
  background: hsl(0, 0%, 0%) none repeat scroll 0 0;
  bottom: 41%;
  color: hsl(0, 0%, 100%);
  float: left;
  opacity: 0.51;
  position: absolute;
  width: 30%;
  text-align: right;
}
.slide-caption h1, .slide-caption h2  {
  font-size: 30px;
  margin-right: 20px;
  margin-top: 9px;
  text-transform: uppercase;
}
.service-page .service-page-bg {
  background: hsla(0, 0%, 0%, 0) url("../img/service-contant.jpg") repeat scroll 0 0;
  content: "";
  padding: 26px 0;
  text-align: center;
  width: 100%;
}
.service-page {
  background: hsl(200, 10%, 94%) none repeat scroll 0 0;
  margin-bottom: 21px;
  width: 100%;
  min-height: 365px;
}
.service-page .service-page-icon {
  display: inline-block;
}
.service-page .service-page-title > a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 19px;
  color: hsl(0, 0%, 100%);
}
.service-page .service-page-body strong {
  color: hsl(199, 97%, 35%);
}
.service-page-link {
  padding: 6px 20px;
  text-align: right;
}
.service-page .service-page-body {
  min-height: 153px;
  padding: 14px 12px 0;
  width: 100%;
}
.service-page-link > a:focus {
  outline: medium none;
}
.service-page-link > a {
  color: hsl(199, 100%, 35%);
  text-decoration: none;
  text-transform: uppercase;
}
.service-page-link > a:hover, .service-page-link > a:focus {
  color: hsl(199, 98%, 35%);
  text-decoration: none;
  border: none;
}
.region-slider section img {
  height: auto !important;
  width: 100% !important;
}

/*referenties-page*/
.page-referenties .region-content {
  border-top: 3px solid hsl(200, 2%, 75%);
}
.case-study-service {
  display: inline-block;
  margin-right: 12px;
  text-align: right;
  margin-bottom: 8px;
}
.case-study-bg {
  background: hsla(0, 0%, 0%, 0) url("../img/referenties.jpg") repeat scroll 0 0 ;
  content: "";
  padding: 8px;
  text-align: center;
  width: 100%;
}
.case-study-main {
  float: left;
  margin-bottom: 20px;
  margin-top: 6px;
  width: 100%;
}
.case-study-bg a {
  color: hsl(0, 0%, 100%);
  text-decoration: none;
  text-transform: uppercase;
}
.case-study-link {
  float: left;
  margin-bottom: 18px;
  text-align: right;
  width: 100%;
}
.case-study-link > a {
  background: hsl(202, 73%, 51%) none repeat scroll 0 0;
  border-radius: 10px;
  color: hsl(0, 0%, 100%);
  padding: 8px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
}
.case-study-link > a:focus {
  outline: medium none;
}
.case-study-body {
  background: hsl(200, 10%, 94%) none repeat scroll 0 0;
  padding: 12px 25px;
  text-align: justify;
  min-height: 324px;
}
.case-study .refp {
  padding: 0;
}
.case-study-bg h4 {
  padding: 107px 11px;
}
.case-study {
  margin-top: 38px;
}
.case-study-bg-title {
  border: 2px solid hsl(0, 0%, 100%);
  min-height: 308px;
}
.serv_icon_detail img {
  background: hsl(202, 73%, 51%) none repeat scroll 0 0;
  width: 40px;
  border-radius: 8px;
}
.serv_tit {
  display: inline-block;
  margin-left: 10px;
  margin-right: 4px;
}
.serv_icon_detail {
  display: inline-block;
  margin-bottom: 5px;
  width: 41px;
}
.serv_tit > a {
  text-decoration: none;
}

/*faq-page*/
.faq-title {
  background: hsla(0, 0%, 0%, 0) url("../img/faq-bg.jpg") repeat scroll 0 0;
  content: "";
  padding: 8px 17px;
  width: 100%;
}
.faq-view {
  border: 3px solid hsl(200, 5%, 88%);
  border-radius: 9px;
  float: left;
  margin: 17px 0;
  padding: 8px;
  width: 100%;
}
.faq-title > a {
  color: hsl(0, 0%, 100%);
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
.faq-body {
  background: hsl(200, 10%, 94%) none repeat scroll 0 0;
  margin-top: 5px;
  padding: 9px 17px;
  text-align: justify;
}
.slider-bottom-in > a {
  background: hsl(180, 4%, 95%) none repeat scroll 0 0;
  border-radius: 13px;
  color: hsl(0, 0%, 0%);
  float: right;
  font-size: 12px;
  margin-right: 15%;
  margin-top: 10px;
  padding: 6px 11px;
  text-decoration: none;
  text-transform: uppercase;
}

/*contact*/
.gm-style .place-card-large {
  padding: 9px 4px 9px 11px;
  width: 100%;
  margin-top: -179px;
}
.page-node-25 .region-contact-map {
  float: left;
  width: 100%;
}
.page-node-25 #edit-submitted-name, .page-node-25 #edit-submitted-email {
  border-radius: 0;
  float: left;
  margin-bottom: 18px;
  width: 49.5%;
  height: 53px;
  text-transform: uppercase;
}
.page-node-25 .form-actions .btn-primary {
  background: hsl(203, 69%, 49%) none repeat scroll 0 0;
  border-radius: 14px;
  padding: 3px 19px;
  text-transform: uppercase;
}
.page-node-25 .form-actions .btn-primary:focus {
  border: medium none hsla(0, 0%, 0%, 0);
  outline: medium none;
}
.page-node-25 #edit-submitted-email {
  float: right;
}
.page-node-25 #edit-submitted-message {
  border-radius: 0;
  text-transform: uppercase;
}
.page-node-25 .region-content-top h2 {
  border-bottom: 1px solid hsl(200, 2%, 75%);
  font-size: 24px;
  padding: 11px 0;
  text-transform: uppercase;
}
.page-node-25 .form-actions {
  float: right;
}
.page-node-25 .form-actions button {
  background: hsl(202, 73%, 51%) none repeat scroll 0 0;
  border-radius: 14px;
  color: hsl(0, 0%, 100%);
  font-size: 13px;
  padding: 5px 16px;
  text-decoration: none;
  text-transform: uppercase;
}

#block-block-12 {
  border: 3px solid #2179BA ;
  float: left;
  height: auto;
  padding: 5px;

}
#block-block-12 a {
  color: hsl(0, 0%, 100%);
  text-decoration: none;
  font-size: 16px;
}
.map-block {
  background: hsl(205, 72%, 43%) none repeat scroll 0 0;
  color: hsl(0, 0%, 100%);
  float: left;
  min-height: 285px;
  opacity: 0.89;
  padding: 15px 16px;
  width: 100%;
}
.map-block img {
  margin-left: 13px;
  opacity: 0.35;
}

#contact_map {
  float: left;
  position: relative;
  width: 100%;
}
#block-block-11 {
  float: left;
  width: 100%;
}
.page-node-25 #content {
  padding: 0;
}
#map {
  width: 100%;
  height: 450px;
}
.node-service-bg > img {
  margin-right: 8px;
  width: 42px;
}
.map-block span {
  float: left;
  font-size: 33px !important;
  padding-bottom: 29px;
  width: 100%;
  font-weight: normal;
}
.map-block > p {
  font-size: 16px;
  font-weight: bold;
}
.map-block-1 p {
  line-height: 18px;
}

/*service-page-content*/
.node-service-bg {
  background: hsla(0, 0%, 0%, 0) url("../img/service-top.jpg") no-repeat scroll 0 0 / cover ;
  color: hsl(0, 0%, 100%);
  content: "";
  float: left;
  font-size: 23px;
  height: auto;
  margin: 9px 0;
  padding: 7px 26px;
  text-transform: uppercase;
  width: 100%;
}
.node-service-bg span img {
  width: 42px;
  margin-left: 6px;
}
.node-service-body {
  float: left;
  width: 100%;
  padding: 25px;
  background: hsl(200, 10%, 94%) none repeat scroll 0 0;
}
.node-service-body > p {
  text-align: justify;
}
.node-service-body .node-service-img {
  float: left;
  margin-bottom: 26px;
  width: 100%;
}
.node-service-body .node-service-img > img {
  border: 5px solid hsl(0, 0%, 100%);
  border-radius: 7px;
  height: auto;
  width: 100%;
}
#block-views-other-service-block h2 {
  border-bottom: 3px solid hsl(201, 66%, 61%);
  color: hsl(0, 0%, 100%);
  font-size: 22px;
  text-transform: uppercase;
  padding-bottom: 12px;
}
.other-service-title a {
  color: hsl(0, 0%, 100%);
  font-size: 17px;
  text-decoration: none;
  text-transform: uppercase;
}
.other-service-title a::before {
  background: hsla(0, 0%, 0%, 0) url("../img/arrow.png") no-repeat scroll 0 0;
  content: "";
  height: 25px;
  position: absolute;
  width: 100%;
  margin-left: -17px;
}
.other-service-title {
  margin: 12px 0;
  padding-left: 30px;
}
.field-item.even > p {
  text-align: justify;
}
button#edit-submit {
  background: hsl(202, 73%, 51%) none repeat scroll 0 0;
  border-radius: 14px;
  color: hsl(0, 0%, 100%);
  font-size: 13px;
  padding: 6px 23px;
  text-decoration: none;
  text-transform: uppercase;
}
button#edit-submit:focus {
  outline: none;
}


#block-locale-language {
	float:left;
}

#block-lang-dropdown-language {
	float:left;
	padding-top:25px;
	padding-bottom:15px;
}

#block-lang-dropdown-language select {
	border: 0 !important;  
	-webkit-appearance: none;
	-moz-appearance: none;
	    appearance:none;
	background: #E6E7EA url(../img/select-arrow.png) no-repeat 90% center;
	width: 175px !important;
	text-indent: 0.01px;
	text-overflow: "";
	color: #969799;
	border-radius: 10px;
	padding: 8px 10px;
	box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
}


#block-search-form {
	padding:0;
}

#block-search-form input { 
	background-color:#3B3B3B;
	border-radius:10px;
	border:1px solid #D7D7D7;
	width:175px;
	color:#969696;
}

#block-search-form .input-group-btn {
	left:139px;
	position:absolute;
}

#block-search-form .btn-primary {
	background-color:#3B3B3B;
  border-color: #3B3B3B;
  border-radius: 10px;
  color: #3B3B3B;
  padding: 4px 10px;
  top: 2px;
}

#block-search-form  .glyphicon-search::before {
    color: #979797;
}

.region-footer .linkedin {
	padding:0 !important;;
}

.region-footer .linkedin a {
	margin:0 !important;
}

/*media-quari*/

@media screen and (max-width: 1024px) {
.wat-bottom {
  padding-right: 12px;
}
}
@media screen and (min-width: 350px) and (max-width: 399px) {

.case-study-service {
  padding-left: 19px;
}
#header .region-header {
  padding-left: 45px;
}
#header .region-header {
}

}
@media screen and (max-width: 349px) {
  #header .region-header {
  padding-left: 26px;
}
.serv_tit {
  
  margin-left: 0px;
 
}



  }
@media screen and (max-width: 399px) {
#block-block-1 a {
  margin-left: 0;
  margin-right: 22px;
}
.front-block-1 .front-block-title {
  text-align: center !important;
  width: 100%;
}
.front-block-1 .front-block-title > a {
  margin-left: 0;
}
.front-block-1 .front-block-img {
  text-align: center !important;
  width: 100%;
  margin-left: 0;
}
.front-block-1 .front-block-img img {
  display: inline;
}
.slide-caption {
  bottom: 27%;
  width: 44%;
}
.slide-caption h1, .slide-caption h2 {
  font-size: 14px;
}
.page-node-25 #edit-submitted-name, .page-node-25 #edit-submitted-email {
  width: 100%;
}
.page-node-25 .region-content-top h2 {
  font-size: 18px;
}
.main-pages-blue {
  font-size: 15px;
}
.wat-bottom {
  text-align: left;
}
.faq-title > a {
  font-size: 13px;
}
.social {
  margin-left: 20px;
}
.case-study-service {
  margin-right: 0;
}
}

@media screen and ( min-width: 401px ) and ( max-width: 500px ) {

.slide-caption {
  bottom: 30%;
  width: 43%;
}
.slide-caption h1, .slide-caption h2 {
  font-size: 19px;
}
.main-pages-blue {
  font-size: 17px;
}
#header .region-header {
  padding-left: 27%;
}
/*#header .region-header {
  padding-left: 25px;
}*/
}

@media screen and ( min-width: 300px ) and ( max-width: 500px ) {
.slider-bottom-in > p {
  font-size: 15px;
  margin-top: 12px;
}
.slider-bottom-in > a {
  float: none;
  font-size: 11px;
  margin-bottom: 9px;
  margin-top: 0;
  padding: 4px 10px;
  margin-right: 0;
}
#block-block-8 h2 {
  font-size: 15px;
}
#block-views-service-carousel-block h2 {
 
  font-size: 21px;
  text-align: left;
 }
.front-block-1 {
 
  padding: 8px;
  }
  .front-main-pages {
  padding: 0;
}
.front-block-link > a {
  font-size: 12px;
  padding: 5px 10px;
}
.front-block-1 .front-block-link {
  float: right;
  margin: 12px 8px ;
}

.flex-direction-nav a::before {
  font-size: 13px;
  padding: 3px 8px;
}
.flex-direction-nav {
  bottom: 6px;
  left: 49%;
}
.flex-direction-nav .flex-nav-prev {
  right: 46px;
}
.flex-direction-nav .flex-nav-next {
  left: 46px;
}
.footer-logo {
  padding-top: 12px;
  text-align: center;
}
.front-block-1 .front-block-img {
  margin-top: 15px;
}
.slider-bottom-link a {
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
  float: none;
}
#block-block-12 {
  border: 3px solid hsl(205, 72%, 43%);
  padding: 5px;
  position: static;
  width: 100%;
  margin-top: 24px;
}
.main-pages-bottom-up {
  
  font-size: 15px;
  padding: 12px 4px;
}
.main-pages-bottom-lo {
  font-size: 14px;
 }
 .faq-title > a {
  font-size: 14px;
}
#header .logo {
  float: left;
  width: 100%;
}
#header {
  text-align: center;
}
#header .region-header {
  float: right;
  width: 100%;
}
.slider-bottom-link {
  float: left;
  margin-bottom: 17px;
  margin-top: 13px;
  width: 100%;
}
#footer .region-footer section, #footer .region-footer section a {
  text-align: center;
}
.front-block-1 .front-block-link {
  float: left;
  text-align: center;
  width: 100%;
}
.front-content-bottom-link {
  float: left;
  text-align: center;
  width: 100%;
  margin-top: 10px;
}
.front-content-bottom-link a {
 
  float: none;
}
.most-recent-faq-q > a {
  margin-left: 23px;
}
.most-recent-faq-q::before {
  left: auto;
  width: 21px;
}
#footer_bottom p {
  margin-left: 0;
  text-align: center;
}
 
}
@media screen and ( max-width: 800px){

.case-study-title > h1 {
  font-size: 26px;
}

}

@media screen and ( min-width: 501px ) and ( max-width: 800px ) {

.flex-direction-nav a::before {
  font-size: 18px;
  padding: 3px 10px;
}
.flex-direction-nav {
  bottom: 23px;
  left: 49%;
  position: absolute;
}
.map-block {
  padding: 10px 12px;
}
.map-block span {
  font-size: 28px !important;
  padding-bottom: 11px;
}
.map-block > p {
  font-size: 14px;
  margin-bottom: 7px;
}
.map-block img {
  margin-top: 29px;
  opacity: 0.35;
}
.main-pages-bottom-up {
  font-size: 18px;
  padding: 0 51px;
  
}
.main-pages-bottom-lo {
  
  font-size: 15px;
 }

}

@media screen and ( min-width: 740px ) and ( max-width: 900px ) {
.slider-bottom-in > p {
 
  font-size: 17px;

}
.slider-bottom-in > a {
  font-size: 11px;
  margin-bottom: 13px;
  margin-top: 12px;
  padding: 4px 10px;
}
.slider-bottom-in > a {
  margin-right: 12%;
}
  }
  @media screen and ( min-width: 901px ) and ( max-width: 1220px ) {
  .slider-bottom-in > p {
 
  font-size: 20px;

}
.front-main-pages {
  min-height: 451px;
}
.service-page {
  min-height: 392px;
}
.slide-caption h1, .slide-caption h2 {
  font-size: 25px;
}
}

@media screen and ( min-width: 500px ) and ( max-width: 800px ) {
	#block-block-8 h2 {
	  
	  font-size: 20px;
	
	}
	.slide-caption h1, .slide-caption h2 {
	  font-size: 21px;
	 
	}
}