.logointro img {
  /*margin-top: -60px;*/
  max-width: 200px;
}
.logointro img {
  height: 150px;
  margin-top: 140px;
  width: auto;
}

.slide-content p {
  text-shadow: 0 0 10px rgba(0,0,0,1);
  bottom:20px;
}
#owl-main-text h2 {
  text-shadow: 0 0 10px rgba(0,0,0,1);
  margin-top:30px;
}

.section .text {
  font-size: 17px;
  line-height: 38px;
}
#footer .text {
  font-size: 14px!important;
  line-height: 28px;
}

.slide-sep {
  margin:-70px auto;
}
#owl-main .owl-controls .owl-page span {
  margin:20px 6px 0px 6px;
}
.megabutton {
  background: none repeat scroll 0% 0% #056DA5;
}
.megabutton:hover {background:#2FA1E0; }
.carousel-wrapper.full .generic-carousel .owl-item .ulitem li .icon {
  border-radius: 50%;
  display: block;
  float: left;
  width: 102px!important;
  height: 102px!important;
  background: none repeat scroll 0% 0% #2FA1E0;
  margin: 0px 50px 20px 0px;
  line-height: 102px;
  font-size: 50px;
  color: #FFF;
  text-align: center;
}
.carousel-wrapper.full .generic-carousel .owl-item .ulitem li .icon1 {
  border-radius: 50%;
  display: block;
  float: left;
  width: 102px!important;
  height: 102px!important;
  background: none repeat scroll 0% 0% #2FA1E0 ;
  margin: 0px 50px 20px 0px;
  line-height: 102px;
  font-size: 50px;
  color: #FFF;
  text-align: center;
}

.carousel-wrapper.full .generic-carousel .owl-item .ulitem li .icon2 {
  border-radius: 50%;
  display: block;
  float: left;
  width: 102px!important;
  height: 102px!important;
  background: none repeat scroll 0% 0% #d55b6a;
  margin: 0px 50px 20px 0px;
  line-height: 102px;
  font-size: 50px;
  color: #FFF;
  text-align: center;
}
.carousel-wrapper.full .generic-carousel .owl-item .ulitem li .icon3 {
  border-radius: 50%;
  display: block;
  float: left;
  width: 102px!important;
  height: 102px!important;
  background: none repeat scroll 0% 0% #54b4e7;
  margin: 0px 50px 20px 0px;
  line-height: 102px;
  font-size: 50px;
  color: #FFF;
  text-align: center;
}
.carousel-wrapper.full .generic-carousel .owl-item .ulitem li .icon4 {
  border-radius: 50%;
  display: block;
  float: left;
  width: 102px!important;
  height: 102px!important;
  background: none repeat scroll 0% 0% #ab7292;
  margin: 0px 50px 20px 0px;
  line-height: 102px;
  font-size: 50px;
  color: #FFF;
  text-align: center;
}
.carousel-wrapper.full .generic-carousel .owl-item .ulitem li .icon5 {
  border-radius: 50%;
  display: block;
  float: left;
  width: 102px!important;
  height: 102px!important;
  background: none repeat scroll 0% 0% #056DA5;
  margin: 0px 50px 20px 0px;
  line-height: 102px;
  font-size: 50px;
  color: #FFF;
  text-align: center;
}
.carousel-wrapper.full .generic-carousel .owl-item .ulitem li .icon6 {
  border-radius: 50%;
  display: block;
  float: left;
  width: 102px!important;
  height: 102px!important;
  background: none repeat scroll 0% 0% #57b746;
  margin: 0px 50px 20px 0px;
  line-height: 102px;
  font-size: 50px;
  color: #FFF;
  text-align: center;
}
.address-title {
  font-size: 24px;
  font-weight: 300;
  /*color: #fff;*/
  width: auto;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 10px;
  font-family: "Raleway";
}
.address {
  font-size: 19px;
  font-family: "Raleway";
  font-weight: 300;
  /*color: #fff;*/
  line-height:38px;
  font-style: normal;
  width: auto;
  text-align: center;
}
#footer .social li .icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 36px;
    color: #E5E5E5;
  }
#footer .social li .icon:hover {
    color: #056DA5;
  }
#footer {
    background: none repeat scroll 0% 0% #000;
}
.contact_black .contact-form .col {
  width: 100%;
}
.contact_black .contact-form .submit {
font-size:12px;margin-bottom: 5px;
}
.marginadj-bottom200 {margin-bottom:200px}
.marginadj-top100 {margin-top:100px}
#owl-main .owl-next, #owl-main .owl-prev {background: none;}
.mouse {
  bottom: 20px;}
#clients .container {padding-top:10px}
#citymourne {margin-bottom:140px; background: url('https://neosdesignstudio.co.uk/web-design/city/parallax-mourne.jpg'); background-size:auto 1060px;}
#cityspectrum {margin-bottom:140px; background: url('https://neosdesignstudio.co.uk/web-design/city/parallax-spectrum.jpg'); background-size:auto 1060px;}
#city {margin-bottom:140px; background: url('https://neosdesignstudio.co.uk/web-design/city/parallax-city.jpg'); background-size:auto 1060px;}
#cityspectrum .blue strong{color: #2FA1E0;}
.project-single strong{color: #2FA1E0;font-weight:500}
#about .padding-adj {padding-bottom:40px!important}
#about .padding-adjtop {padding-top:0px!important}
#about2 .padding-adj3  {padding-bottom:60px!important}
#about2 .padding-adjtop {padding-top:0px!important}
/*#about .padding-adj .jt_row {padding-bottom:40px!important}*/
.modal-form .contact-form .submit:hover {
  border-color: #056DA5;
}
.padding-img {padding:20px!important;}
.service-text strong {color: #2FA1E0;}
.newtitle {
  font-family: "Merriweather";
  font-weight: 400;
  font-size: 24px;
  color: #444;
  padding-top: 17px;
  margin-top: 5px;
  line-height: 47px;
  display: inline-block;
}
.margin-top-red {
  margin-top: -100px!important;
}
.item p.smaller {font-size:12px}
.testimonials.carousel-wrapper.with_pagination .owl-theme .owl-controls .owl-page span {
  background: none repeat scroll 0% 0% #2FA1E0;
}
.ip-header .ip-loader svg path.ip-loader-circle {
  -webkit-transition: stroke-dashoffset 0.2s;
  transition: stroke-dashoffset 0.2s;
  stroke: #2FA1E0;
}
.carousel-wrapper.with_buttons .owl-controls .owl-buttons div {
  top: 60%!important;
}
.shadow-city .wrap {
			text-shadow: 0px 0px 2px #000;
		}
.project-single .img-responsive {
    width: 60%;margin:auto;}
.project-info a.btn2{z-index: 9999;margin-top:0px}
.project-slide {margin-top:80px;padding-top:40px}
.a.close.top {margin-top:30px!important}
footer small {
    font-size: 70%;
}
#survey    { 
    background: #056DA5 none repeat scroll 0% 0%;
}

#survey .contact-form .text.area {height: 60px}
#survey .contact-form .text {max-width: 940px;font-weight: bold;margin-bottom: 10px}
#survey .padding-adj {padding-top: 40px!important}

#survey .section .button {
    border: 2px solid #fff;
    color: #2FA1E0;
    font-family: "Merriweather";
    font-weight: 600!important;
    font-size: 20px;
    display: inline-block;
    padding: 18px 60px 18px 35px;
    border-radius: 5px;
}

#survey .contact-form .submit {margin-bottom: 20px;background-color: #fff;color: #2FA1E0;font-weight: bold}
.super-margin {margin-top: 100px}
#survey.section .button.next {
    background: #fff url("../images/rarrowblue.png") no-repeat scroll right center;
}
.super-margin-review {margin-top: 150px}
.prices .carousel-wrapper.full .generic-carousel .owl-item .ulitem li {
    width: 50%;
    float: left;
    list-style: none;
    font-size: 15px;
    font-weight: 300;
    font-family: "Lato";
    color: #8a8d94;
    margin-bottom: 40px;
    padding-right: 3%;
    text-align: left;
}
.prices .features {color:#444;width:99%}
.notfeatures li{margin-bottom: 0px}
.prices h4{font-size:16px}
.prices .new-icons .features li .icon {line-height: 25px!important;height:25px;font-size: 18px;width:20px;margin-right:15px;color:#2fa1e0;border:none}
@media print {
    /* Print CSS rules go here */
    /* Note: You need a separate @media screen group for other rules */
    .ball {display: none}
    img {display: none}
}
.servicesh h1 {font-size: 140%}
.servicesh h2 {color: #222;!important;font-weight: bold;line-height:30px;font-size: 120%} .servicesh h2 a {color: #222;!important;font-weight: bold}
.carousel-wrapper.full .generic-carousel .owl-item .ulitem li {color: #444}
.title1 {
    font-family: "Merriweather";
    font-weight: 400;
    font-size: 44px;
    color: #444444;
    border-top: none;
    padding-top: 57px;
    margin-top: 5px;
    line-height: 47px;
    display: inline-block;
}
h2   { font-family: "Merriweather";
    font-size: 27px;
    line-height: 70px;
    font-weight: 300;
}