@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

body{
    color: #241C1F;
    font-size: 17px;
}

h1{
 font-size: 26px;
 text-align: center;
}

h2{
 font-size: 24px;
 text-align: center;
}

h3{
 font-size: 22px;
 text-align: center;
}

h4{
 font-size: 20px;
}

h5{
 font-size: 19px;
}

#icons{
 background: #5da5ca;
 padding: 30px;
}

#mapSide {
  height: 630px;
  overflow-y: scroll;
}

.iconsh{
 color: #fff;
 list-style-type: none;
}

.iconsh li{
    padding-left: 40px;
    vertical-align: middle;
    padding-bottom: 10px;
}

.iconsh span.iconss{
    display: inline-block;
    font-size: 40px;
    margin-left: -40px !important;
    padding-bottom: -20px;
}

span.plus{
    font-size: 30px;
    float: right;
}

.faqquestion,.service-circle{
    cursor: pointer;
}

.iconsh span.textlist {
  display: inline-block;
  font-family: 'Lato', Calibri, Arial, sans-serif;
  font-size: 20px !important;
  line-height: 20px;
  margin: 10px;
  vertical-align: top;
}

h1,h2,h3,h4,.navbar-nav > li > a,.btn-default,.added-by,#contact{
font-family: 'Lato', Calibri, Arial, sans-serif;
}

#contact{
    font-size: 18px !important;
    color: #fff !important;
}

.slideshow2{
    text-align: center;
}

.slideshow2 h1 { 
  color: #fff;
  display: inline-block;
  font-size: 38px;
  margin-top: 5em;
  top: 100px;
}

.slideshow2 h2 {
  color: #fff;
}

.testimonial-wrap{
padding: 70px;
}

.page{
  overflow: hidden;
}

p{
    text-align:justify;
}

a {
  color: #5da5ca;
  text-decoration: none;
}

.map-hack{
    background: transparent;
    position: absolute;
    width: 100%;
    height: 550px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #F9710B;
  border-color: #F9710B;
  color: #fff;
  cursor: default;
  z-index: 2;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
    background-color:transparent;
    border-color:transparent;
}

span.text-points{
    padding: 20px;
    padding-top: 0px;
}

.nav-tabs, .nav-pills {
    position: relative;
}

#find{
    background: #DEDEDE;
      border-top: 30px solid #DEDEDE;
      border-bottom: 30px solid #DEDEDE;
}

#find .container{
    background: #fff;
}

.nav-pills>li>a{
    border-radius:0;
}

.navbar{
    min-height:0;
    border:0;
    border-radius:0;
}

.text-points{
    float: right;
}

.text-points span{
    font-weight: bold;
}

.galleries {
  border-bottom: 0 solid #999;
  box-shadow: 1px 1px 17px #999;
  margin-bottom: 20px;
  padding-bottom: 10px;
  padding-top: 15px;
}

.thumbs .row{
    padding: 10px 5px;

}

.service-circle{
cursor: pointer;
}

.galleries h2{
 text-align: left;
 background: #5da5ca;
 display: inline-block;
 padding: 10px;
 color:#fff;
 width: 100%;
}

.bgg{
background: #eee;
padding-bottom: 20px;
margin-top: 20px;
}

.bgg h2{
background: #666;
}

#testimonial {
  background: rgba(0, 0, 0, 0) url("../../_images/student-housing-accommodation.jpg") no-repeat scroll left center / cover ;
}

#home-cir p {
  min-height: 80px;
  text-align: center;
}

.navbar-default{
  background-color: transparent;
  border-color:transparent;
  margin:0;
}

.map-container{
  padding-bottom: 40px;
}


.jumbotron p{
    font-size:15px;
}

.jumbotron a{
    color:#000;
}

.footer{
    padding: 10px 0 0 0;
    margin: 0px 0 0 0;
    font-size: 12px;
    background: #241C1F;
    color: #fff;
}

.footer a{
    color: #fff !important;
}

.footer ul{
    list-style-type:none;
    padding-left:5px;
}

.footer p{
    font-size:12px;
    color:  #ffffff !important;
}


.arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ccc;
    display:inline-block;
    float:right;
    margin-top:5px;
}

.nav>li>a:hover, .nav>li>a:focus, .nav>li>a.active{

}

ul.dash{
    list-style-type:none;
    padding:0;
}

ul.dash li:before{
    content:"-";
    margin:0 10px;
}

/* CSS for collapsable slideshow text */

.responsive-slideshow{
    position: absolute;
}

.absolute-right{
    top:75px;
    right:25px;
    background:rgba(255,255,255,0.7);
    padding:15px;
    width:33.3%;
}

.absolute-left{
    top:75px;
    left:25px;
    background:rgba(255,255,255,0.7);
    padding:15px;
    width:33.3%;
    position:absolute;
}

.override{
    margin:0;
}

.override .col-sm-3{
    float:none;
    position:static;
}

.footer h4{

}

.footer {
  color: #fff;
  font-size: 12px;
  line-height: 201%;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a.active {
  background-color: transparent;
  color: #5da5ca !important;
}

hr {
  border-color: #777 !important;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}

/* end collapsable slideshow CSS */

#header{
  z-index: 99999;
  background: rgba(66,51,56,0.8);
}

.gallery-text-con p {
/*  white-space: pre-line; */
}

.header-wrap{
 position: absolute;
 width: 100%;
 z-index: 999;
}

.logo{
margin-top: 10px;
max-width: 300px;
}

p.tel a {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  margin-left: 28px;
  padding-right: 18px;
  padding-top: 10px;
}

.galleries{
 margin-top: 80px;
}

p.email a{
 color: #fff;
 padding-top: 10px;
 display: inline-block;
 font-size: 18px;
}

.video-container{
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}

.slideshow2 {
  background: rgba(66, 51, 56, 0.8) url("../../_images/blackpool-student-accommodation.jpg") no-repeat scroll bottom left 0;
  min-height: 100vh;
  width: 100%;
}

@media (max-width: 767px ) {
    .responsive-slideshow{
        float:left;
        position: static;
        width: 100%;
        padding: 5px 15px;
    }
}

@media print{
    a[href]:after{content:"";}
}

.jumbotron{
    padding: 0px !important;
    margin: 0px !important;
}

.contact-form-container{
    background: #423338;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0px;
}

.contact-form-container h3{
    color: #ffffff;
    text-transform: uppercase;
}

#contact{
    background: rgba(66,51,56,0.8);
    border-bottom: 1px solid #eee;
}

#nav-wrapper {
   margin-top: 0; 
}

.navbar-nav{
    float: right;
}

.navbar-default .navbar-nav > li > a {
  color: #fff !important;
  font-size: 20px;
}

.box{
    text-align: center;
}

.box p{
    text-align: center;
}

.box a.title{
    font-size: 20px;
    text-transform: uppercase;
    color: #333333;
}


.box a.read-more {
  border: 1px solid #777;
  color: #777 !important;
  display: inline-block;
  margin: 10px;
  padding: 8px;
}

#home-boxes .container{

    padding-bottom:20px;
}

.page > .container{
    padding-bottom:20px;
}

#home-boxes{
    padding-bottom: 20px;
    background: #DEDEDE;

}

.container-padding{
padding-top: 30px !important;
padding-bottom: 50px !important;

}

.bluebg{
background: #fff;
color: #333 !important;

}

.logos{
    margin-bottom: 30px;
}

.logos  div.border{
text-align: center;
border: 1px solid #cccccc;
padding-bottom: 20px;
padding-top: 10px;
   -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    -kthtml-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.logos  div.border:hover{
    box-shadow: 0 0 15px -5px black inset;
     -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    -kthtml-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.logos  div.border:hover a.readmore{
    background:#75C890;
     -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    -kthtml-transition: all 0.6s linear;
    transition: all 0.6s linear;
    color: #fff;
}

.logos p{
text-align: center;
font-size: 20px;
}

.logos a.readmore{
    border: 1px solid #ccc;
    padding: 10px;
    display: inline-block;
    color: #aaa;
     -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -ms-transition: all 0.6s linear;
    -kthtml-transition: all 0.6s linear;
    transition: all 0.6s linear;
}

.twitter-feed{
  background: #fff;
  padding: 50px;
}

.right{
    float: right;
}

a.pdf{

  background: url("../../images/pdf.html") no-repeat scroll left top transparent;
  padding-left: 24px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
  border-bottom: 1px solid #cccccc;
}

.btn-warning {
  background-color: #F9710B;
  border-color: #eea236;
  color: #fff;
}

.valign-middle{
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

#wowslider-container1 .ws-title span{
   font-size: 3.7em !important;
   text-transform: none;
}

#wowslider-container1 .ws-title {
  bottom: 0 !important;
  color: #ffffff !important;
  display: block !important;
  font-family: 'Lato', Calibri, Arial, sans-serif;
  font-size: 14px !important;
  font-weight: bold !important;
  width: 100% !important;
  text-align: center !important;
  line-height: 2.6em !important;
  margin-right: 1em !important;
  position: absolute !important;
  z-index: 50 !important;
}

#wowslider-container1 .ws-title div, #wowslider-container1 .ws-title span {
  background-color: rgba(0, 0, 0, 0.0) !important;
  border-radius: 0.1em !important;
  display: inline-block !important;
  padding: 0.5em !important;
}

.btn-default {
  background-color: #5da5ca !important;
  border: 1px solid #fff !important;
  color: #fff !important;
  font-size: 20px;
}

.btn-default:hover{
    background:#B2B2B2 !important;
    color: #333 !important;
}

.btn-default2 {
  background-color: #5da5ca !important;
  border: 1px solid #fff !important;
  color: #fff !important;
  font-size: 15px;
  margin-top: 10px;
  display: inline-block;
}

.btn-default2:hover{
    background:#B2B2B2 !important;
    color: #333 !important;
}

.added{
    margin-right: 10px;
}

.downloads-con{
 padding-bottom: 30px;
}

#defaultmenu{

}


hr{
    float:left;
    width:100%;
    clear:both;
}

.added-by{
 margin-top: 20px;
}

.testimonials{
    padding: 20px;
    border-bottom: 1px solid #999;
    margin-bottom: 20px;
}

.thumbs{
 max-height: 70px;
 overflow: hidden;
}

.faq {
  border-bottom: 1px solid #999;
  margin-bottom: 0;
  padding: 10px;
}

.faq h2{
    color:#5da5ca;
}

@media (max-width: 1200px ) {

.thumbs{
 max-height: 60px;
 overflow: hidden;
}

#wowslider-container1 .ws-title span{
   font-size: 4em !important;
   text-transform: none;
}

.navbar-default .navbar-nav > li > a{ margin-right: 0px; padding-left: 9px; padding-right: 9px; font-size: 14px !important;}

.logos p{
    font-size: 15px;
}

}

@media (max-width: 992px) {

.footer {
  color: #fff;
  font-size: 11px;
  line-height: 201%;
}

.thumbs{
 max-height: 45px;
 overflow: hidden;
}

#wowslider-container1 .ws-title span{
   font-size: 2.2em !important;
   text-transform: none;
}

    .navbar-default .navbar-nav > li > a{ margin-right: 0px; padding-left: 4px; padding-right: 4px;font-size: 11px !important; }

}

@media (max-width: 767px ) {

#home-cir{
    margin-top: 50px;
}

.thumbs{
 max-height: 90px;
 overflow: hidden;
}

    .header-wrap{
        position: relative !important;
    }

    .navbar-default .navbar-nav > li > a{margin-right: 0px;padding-left: 5px;padding-right: 5px;font-size: 14px;}

    .navbar-nav{
    float: none;
}

    .ws-title-wrapper{
     display: none;
    }

    #defaultmenu{
     /* background: #F06804 !important; 
     color: #ffffff !important;
     */
    }

    .navbar-default .navbar-nav > li > a {
      color: #fff !important;
      font-size: 14px;
      text-transform: uppercase;
      border-bottom: 1px solid #fff;
    }

    .navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a.active {
      color: #000 !important;
      font-size: 14px;
      text-transform: uppercase;

    }

    .logos div.border {
      border: 1px solid #cccccc;
      margin-bottom: 20px;
      padding-bottom: 20px;
      padding-top: 10px;
      text-align: center;
      transition: all 0.6s linear 0s;
    }

    .kit-kat-blog {
      border-bottom: 2px dotted #f9710b;
      margin-bottom: 20px;
      padding-bottom: 48px;
    }
}


#home-cir{
 padding-top:40px;
 padding-bottom: 40px;
}


.service-circle, .service-box, .service-icon {
    margin:auto;
    -webkit-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    -o-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.service-circle{
    position: relative;
    display: block;
    width: 216px;
    height: 216px;
    text-align: center;
    border-radius: 108px;
    margin-bottom: 30px;
    overflow: hidden;
}

.service-circle {
    -webkit-box-shadow: inset #5da5ca 0 0 0 3px;
    -moz-box-shadow: inset #5da5ca 0 0 0 3px;
    box-shadow: inset #5da5ca 0 0 0 3px;
}

.service-circle .fa {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 216px;
    height: 216px;
    font-size: 100px;
    line-height: 216px;
    color: #5da5ca;
}

.service-circle .circle {
    background: #5da5ca;
}

.service-circle .circle {
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    width: 192px;
    height: 192px;
    border-radius: 96px;
}

.service-circle .circle {
    -webkit-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    -o-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.service:hover .service-circle {
    -webkit-box-shadow: inset #5da5ca 0 0 0 10px;
    -moz-box-shadow: inset #5da5ca 0 0 0 10px;
    box-shadow: inset #5da5ca 0 0 0 10px;
}

.service:hover .service-circle .circle {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.service:hover .service-circle .fa {
    color: #FFF;
}

.service-circle .fa {
    -webkit-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    -o-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.service-circle, .service-box, .service-icon {
    -webkit-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    -o-transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    transition-timing-function: cubic-bezier(0.13, 0.71, 0.30, 0.94);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.icon-line-magnifier:before {
    content: "\e090";
}

.icon-line-people:before{
 content: "\e001";
}

.icon-line-bubbles:before {
    content: "\e04a";
}


.slick-dots li button::before {
  color: black;
  content: "�";
  font-family: "slick";
  font-size: 45px !important;
  height: 20px;
  left: 0;
  line-height: 20px;
  opacity: 0.25;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}


glyphicons-dining-set:before {
  content: "\E476";
}