html, body {
     overflow-x: hidden;
     width: 100%;
}
body {
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    color: #091e3c;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Arvo',sans-serif;
}
 h1 {
     font-size: 20px;
     padding: 0;
     margin: 0 0 15px 0;
     font-weight: bold;
}
 h2 {
     font-size: 18px;
     padding: 0;
     margin: 0 0 15px 0;
     font-weight: bold;
}
 h3 {
     font-size: 16px;
     padding: 0;
     margin: 0 0 10px 0;
     font-weight: bold;
}
 h4 {
     font-size: 14px;
     padding: 0;
     margin: 0 0 10px 0;
     font-weight: bold;
}
 h5 {
     font-size: 12px;
     padding: 0;
     margin: 0 0 10px 0;
     font-weight: bold;
}
 h6 {
     font-size: 10px;
     padding: 0;
     margin: 0 0 10px 0;
     font-weight: bold;
}
 a {
     text-decoration: none;
     color: #362f2d;
}
 a:hover {
     text-decoration:none;
}
 .container {
     padding: 0 20px;
}
 .navbar-default.clean {
     box-shadow: none;
}
 #header .navbar {
     margin-bottom: 0!important;
     min-height:0!important;
}
 .navbar.clean {
     padding: 0;
     margin: 0;
     background: none;
     border: none;
     min-height: 0;
}
 .placeholder, .table-striped>tbody>tr:nth-child(2n+1).placeholder>td {
     background-color: #428bca !important;
}
 .pad {
     padding: 15px;
}
 .padUp {
     padding-top: 15px;
}
 .padDown {
     padding-bottom: 15px;
}
 .padDown25 {
     padding-bottom: 25px;
}
 .padRight {
     padding-right: 15px;
}
 .padLeft {
     padding-left: 15px;
}
 .pl-0{
     padding-left:0!important;
 }
 .pr-0{
     padding-right:0!important;
 }
 .tab-pane {
     padding: 15px 0 0 0;
}
 .control-label {
     text-align: left !important;
}
 .jumbotron.mini {
     padding: 20px 30px;
}
 .glyphicon {
     padding: 0 5px 0 0;
}
 .glyphicon.np {
     padding: 0;
}
 .listPicker {
     clear: both;
     display: inline-block;
}
 .listPicker p {
     padding: 3px 0 6px 0;
     margin: 0;
}
 .listPickerListContainer {
     float: left;
     width: 246px;
}
 .listPickerListContainer select {
     width: 246px;
}
 .listPickerButtonContainer {
     float: left;
     text-align: center;
     width: 50px;
}
 .listPickerButton {
     margin: 5px 0;
}
 .handle {
     display: inline-block;
     background-color: #333333;
     color: white;
     padding: 2px 4px;
     border-radius: 3px;
     cursor: pointer;
}
 .menuActions {
     position: relative;
     padding: 0 !important;
     margin: 0 !important;
     border: none !important;
     background: none !important;
     width: auto !important;
     font-size: 12px !important;
     z-index: 1000 !important;
}
 .menuActions ul {
     position: absolute !important;
     left: 0 !important;
     top: 100% !important;
     width: 150px !important;
     border: 1px #333333 solid !important;
     background-color: white !important;
     padding: 0 !important;
     margin: 0 !important;
     list-style: none !important;
     display: none !important;
     z-index: 500 !important;
     border-radius: 0 !important;
}
 .menuActions.right ul {
     left: auto !important;
     right: 0 !important;
}
 .menuActions.bottom ul {
     top: auto !important;
     bottom: 100% !important;
}
 .menuActions:hover ul {
     display: block !important;
}
 .menuActions ul li {
     padding: 3px 5px !important;
     line-height: normal !important;
     display: block !important;
     width: 100% !important;
     font-size: 12px !important;
     font-weight: normal !important;
     text-transform: none !important;
}
 .menuActions ul li a {
     color: #333333 !important;
     padding: 0 !important;
     font-weight: normal !important;
}
 .actions, .itemActions, .pageActions {
     clear: both;
     margin: 10px 0;
}
 #toolbar {
     z-index: 5000;
}
 .ratio {
     display: block;
     width: 100%;
     position: relative;
     height: 0;
     overflow: hidden;
}
 .ratio43 {
     padding: 75% 0 0 0;
}
.ratio64 {
    padding: 64.77% 0 0 0;
}
 .ratio169 {
     padding: 56.25% 0 0 0;
}
 .ratioS {
     padding: 100% 0 0 0;
}
 .ratioL {
     padding: 48% 0 0 0;
}
 .ratio img, .ratio div {
     position: absolute;
     display: block;
     max-width: 100%;
     max-height: 100%;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin: auto;
}
 .animatedRatio {
     display: block;
     width: 100%;
     position: relative;
     height: 0;
     overflow: hidden;
}
 .animatedRatioS {
     padding: 100% 0 0 0;
}
 .animatedRatio img {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
}
#homeHero {
    padding: 25px 0;
    position: relative;
}
#homeslider {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    height: 100%;
    z-index: -1;
}

    #homeslider::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,.4);
    }

    #homeslider .slick-list,
    #homeslider .slick-track {
        height: 100%;
    }
/*#homeslider .item img {
    height:100%;
}*/
 #headerWrapper {
     background: url('../images/header-bg.jpg') no-repeat;
     background-size:cover;
     padding: 40px 0 0 0;
}
 #header {
     text-align: center;
}

    #header #headerTop {
        background: #00aeef;
    }

        #header #headerBottom .headerRight {
            padding:35px 0 0 0;
        }

 #header .headerRight .navbar-toggle {
     float: none;
     background: none;
     border: 2px #fff solid;
     margin: 0;
     border-radius: 4px;
}

 #header .headerRight .nav {
     padding: 0;
     text-align: center;
     min-height: 0;
}

 #header .headerRight .navbar-collapse.in {
     overflow-y: visible!important;
}

 #header .headerRight .navbar-header {
     line-height: 0;
     padding: 20px 0;
}

    #header .headerRight .navbar-toggle .menuText {
        display: inline-block;
        color: #272827;
        font-weight: bold;
        padding: 0 0 5px 5px;
        font-size: 18px;
        vertical-align: middle;
    }
 #header .headerRight .navbar-toggle:focus {
     background:none;
}
 #header .headerRight .navbar-toggle .bars {
     display:inline-block;
     vertical-align:middle;
}
    #header .headerRight .navbar-toggle .bars .icon-bar {
        background-color: #272827;
        height: 2px;
    }

 .navbar-default {
     background-image: none;
     filter: none;
     border-radius: 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     background: transparent;
     border: none;
}
 #header #headerBottom{
     padding:10px 0;
 }
#header .headerRight ul.nav li a {
    color: #272827;
    text-align: center;
    padding: 10px 15px;
}
 #header .headerRight ul li {
     float: none;
     display: block;
}
 #header .headerRight ul li ul {
     display: none;
}
 #header .headerLeft .logo {
     max-width: 100%;
}
  #header .headerRight .socialmedia {
      padding: 10px 0;
  }
  #header .headerRight .socialmedia a:hover {
    opacity:.8;   
  }
  #header .headerRight a {
      color: #fff;
  }
    #header .headerRight .tel {
        color: #272827;
        display: inline-block;
        letter-spacing: 1px;
        text-transform: uppercase;
    }
    #header .headerRight .divider {
        color: #272827;
        display: none;
        padding: 0 10px;
    }
    #header .headerRight .email {
        color: #272827;
        display:inline-block;
        letter-spacing: 1px;
    }
 #header.headerInner {
     padding: 35px 0 0 0;
 }
 #homeHero #topArea {
     background:none;
 }
 #homeHero #topArea h1 {
     color: #fff;
     font-size:18px;
     font-weight:normal;
     margin-bottom:30px;
     letter-spacing:1px;
     text-transform:uppercase;
}
  #homeHero #topArea h2 {
      font-size:30px;
      text-transform:uppercase;
      color: #fff;
      margin-bottom:50px;
  }
#homeHero h2 span {
    color: #00aeef;
}
 #homeHero #topArea .introduction {
     color: #fff;
     font-size:18px;
     line-height:30px;
     margin-bottom:30px;
}
 #homeHero #topArea .btn-square {
     max-width: 230px;
     width:100%;
     height:60px;
     margin-bottom:10px;
     padding: 20px 10px;
}
 /*#topArea {
     background: url('../images/title-bg.jpg') no-repeat center center;
     padding: 60px 0;
     background-size:cover;
 }*/
#topArea h1 {
    color: #00aeef;
    font-size: 30px;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 30px;
}
 #contentArea {
     padding: 50px 0;
     position:relative;
}
 #contentArea.contentAreaInner{
     padding: 50px 0;
 }
    #contentArea  h1 {
        color: #00aeef;
        font-size: 30px;
        margin-bottom:40px;
        text-transform:uppercase;
    }
    #contentArea .contentLeft p {
        margin-bottom:30px;
        line-height:24px;
    }
    #contentArea .contentLeft .introduction p {
        text-transform: uppercase;
        color: #00aeef;
        font-size: 16px;
        font-weight: bold;
    }
    #content-bg {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: url('../images/content-bg.jpg') no-repeat bottom left;
        z-index:-1;
    }
    #contentArea .contactLg{
        font-weight:bold;
        font-size:24px;
        font-family: 'Arvo', sans-serif;
        margin: 40px 0;
    }
 .mainTitle {
     text-transform:uppercase;
     letter-spacing:1px;
     margin-bottom:60px;
 }
 .mainBody p {
     margin-bottom:20px;
 }
 #contentArea .contentLeft {
     padding-bottom:20px;
 }
 #contentArea .contentLeft .images {
     margin-right:-40px;
 }
 #contentArea .contentLeft .images .item {
     padding-bottom:40px;
     padding-right:40px;
 }
 #contentArea .contentRight .mainTitle {
     margin-bottom:40px;
 }
  #contentArea .contentRight p {
      margin-bottom:20px;
  }
 .linkList  {
     position:relative;
 }
 .linkList .hiddenRight {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #fff;
    width: 1px;
    height: 100%;
    z-index: 1;
 }
 .linkList .hiddenBottom {
    position: absolute;
    right: 0;
    left:0;
    bottom: 0;
    border-bottom: 1px solid #fff;
    width: 100%;
    height: 1px;
    z-index: 1;
 }
  .linkList .item .box {
      position:relative;
      padding: 30px 20px;
 }
.linkList .item .box .borderRight {
    display: block;
    height: 195px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-right: 1px solid #ebd8bc;
}
.linkList .item .box .borderBottom {
    border-bottom:1px solid #ebd8bc;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    width:195px;
    margin: 0 auto;
}
.faqList .item {
    border-bottom:1px solid #8c6239;
    margin-bottom:60px;
}
.faqList .item:last-child {
    border-bottom:none;
}
.faqList .item .question:before {
    content:"Q:";
    position:absolute;
    left:0;
    top:0;
    display:block;
    font-weight:bold;
    font-size:18px;
}
.faqList .item .question {
    margin-bottom:60px;
}
.faqList .item .question,
.faqList .item .answer {
    padding-left:60px;
    position:relative;
    font-size:16px;
    display:block;
}
.faqList .item .answer {
    color: #8c6239;
    padding-bottom:60px;
}
.faqList .item .answer:before {
    content:"A:";
    position:absolute;
    left:0;
    top:0;
    display:block;
    font-weight:bold;
    font-size:18px;
}
 .section {
     padding: 50px 0;
 }
.colourSection {
    background: #00aeef;
    padding: 50px 0;
    color: #fff;
}
.colourSection h3.sectionTitle a {
    color: #fff;
}
.testimonialPart .item {
    padding-bottom: 15px;
}
    .testimonialPart .item h2 {
        padding: 45px 0 0 90px;
        background-image: url('../images/speech-bubble-bg.png');
        background-position: left;
        background-repeat:no-repeat;
    }
    .testimonialPart .item h2 a {
        color: #fff;
    }
 .testimonialPart .item h2 a span {
     height: 24px;
     line-height:24px;
     overflow:hidden;
     display:block;
 }
 .testimonialPart .item .itemIntroduction {
     font-size:16px;
     line-height:24px;
     overflow:hidden;
     height: 96px;
 }
 .testimonialPart .item .itemIntroduction p {
     margin-bottom:0;
 }
 .newsPart {
     margin-right:-65px;
 }
 .newsPart .item {
     padding:0 65px 65px 0;
 }
    .newsPart .item .itemRight {
        padding: 24px 25px 21px 25px;
        background-color: #e1f4fd;
        -moz-transition: background-color .7s ease-in-out;
        -o-transition: background-color .7s ease-in-out;
        -webkit-transition: background-color .7s ease-in-out;
        transition: background-color .7s ease-in-out;
    }
    .newsPart .item:hover .itemRight {
        background-color: #00aeef;
    }
 .newsPart .item .itemRight h2 {
      margin-bottom:20px;
  }
 .newsPart .item .itemRight h2 a {
     color: #362f2d;
 }
 .newsPart .item .itemRight .itemIntroduction {
     line-height:18px;
     overflow:hidden;
     height:54px
 }
 .newsPart .item .itemRight .itemIntroduction p {
     margin-bottom:0;
 }
  .casePart .item {
      padding-bottom:15px;
  }
.casePart .item .box {
    bottom: 0;
    top: auto;
    background: rgba(54, 47, 45, .75);
    padding: 20px;
    color: #fff;
}
 .casePart .item .box h2 {
     text-transform: uppercase;
     letter-spacing:1px;
     margin-bottom:20px;
 }
    .casePart .item .box h2 span {
        height: 24px;
        overflow: hidden;
        display: block;
    }
 .casePart .item .box .itemIntroduction {
     position:relative;
     margin-bottom:25px;
     height: 54px;
     line-height:18px;
     overflow:hidden;
 }
 .casePart .item .box .itemIntroduction p {
     margin-bottom:0;
 }
.caseStudyPart {
    margin-right:-30px;
}
.caseStudyPart .item {
    padding-bottom: 80px;
    padding-right:30px;
}
.caseStudyPart .item h2 {
    margin: 15px 0;
    text-transform: uppercase;
}
.caseStudyPart .item h2 a {
    color: #00aeef;
}
.caseStudyPart .item h2 a span {
    height:44px;
    line-height:22px;
    overflow:hidden;
    display:block;
}
 #contentArea p {
     line-height:24px;
 }
 .parentList {
     margin-right:-75px;
 }
 .parentList .item {
     padding: 0 75px 75px 0;
 }
 .parentList .item .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: rgba(0, 174, 239, 0.8);
    opacity: 0;
    -moz-transition: opacity .7s ease-in-out;
    -o-transition: opacity .7s ease-in-out;
    -webkit-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
}
 .parentList .item:hover .overlay {
     opacity:1;
 }
.parentList .item .overlay span {
    color: #fff;
    letter-spacing:1px;
    font-size:18px;
    display:block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.parentList .item h2 {
    letter-spacing:1px;
    text-transform:uppercase;
    margin: 15px 0;
}
 .parentList .item h2 a {
    color: #00aeef;
}
 .parentList .item h2 a span {
     line-height:22px;
     overflow:hidden;
     display:block;
     height:44px;
 }
    .parentList .item .viewMore {
        color: #091e3c;
    }
.homeList {
    margin-top:50px;
}
.homeList .item {
    padding-top:15px;
    padding-bottom: 15px;
}
.homeList .item .overlay {
    top: auto;
    background: rgba(0, 174, 239, 0.75);
    padding: 20px;
}
.homeList .item .overlay h2 {
    color: #fff;
    margin-bottom:20px;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:24px;
}
.imageList {
    margin-right: -25px;
}

    .imageList .item {
        padding: 0 25px 25px 0;
    }

        .imageList .item .ratio img {
            max-width: none;
            max-height: none;
            width: 100%;
        }
.imgDiv .icon {
    background-color:#091e3c;
    padding: 42px 15px 7px 15px;
    bottom: 0;
    left: 0;
    right: auto;
    top: auto;
    background-image: url(../images/cam-icon.png);
    background-repeat: no-repeat;
    background-position: center 15px;
    color: #fff;
    font-size: 21px;
    text-align: center;
    width: 70px;
    font-weight: bold;
    line-height: 21px;
}
.studyRight .box {
    border-radius: 0 25px 0 50px;
    background:#00aeef;
    padding: 40px;
    font-size: 16px;
    height: 100%;
    position: relative;
}
    .studyRight .box .readMore {
        font-size: 24px;
        font-weight: bold;
        color: #091e3c;
    }
.testimonialList .item {
    margin-bottom:30px;
}
.testimonialList .item .box {
    background: #e1f4fd;
    border-radius:4px;
    padding: 30px 40px;
}
    .testimonialList .item .box h2 {
        text-transform:uppercase;
    }
    .testimonialList .item .box h2 a {
        color: #00aeef;
    }
    .testimonialList .item:nth-child(even) .box {
        background: #e1e8fd;
    }
    .testimonialList .item .itemIntroduction {
        margin-bottom:20px;
    }
        .testimonialList .item .itemIntroduction p {
            margin-bottom:0;
            line-height:24px;
        }
.itemList .item .itemImage {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
 .itemList .item .itemImage:before {
     position: absolute;
     top: 0;
     left: -75%;
     z-index: 2;
     display: block;
     content: '';
     width: 50%;
     height: 100%;
     background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
     background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
     -webkit-transform: skewX(-25deg);
     -moz-transform: skewX(-25deg);
     -ms-transform: skewX(-25deg);
     -o-transform: skewX(-25deg);
     transform: skewX(-25deg);
}
 .itemList .item .itemImage:hover:before {
     -webkit-animation: shine 1s;
     -moz-animation: shine 1s;
     -o-animation: shine 1s;
     animation: shine 1s;
}
 @-webkit-keyframes shine {
     100% {
         left: 125%;
    }
}
 @-moz-keyframes shine {
     100% {
         left: 125%;
    }
}
 @keyframes shine {
     100% {
         left: 125%;
    }
}
 h3.sectionTitle {
     font-size:18px;
     letter-spacing:1px;
     text-transform: uppercase;
 }
    h3.sectionTitle.blue {
        color:#00aeef;
    }
 .sectionIntro{
     padding: 50px 0;
 }
 .btn-square:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     -webkit-transform: scaleX(0);
     -moz-transform: scaleX(0);
     -ms-transform: scaleX(0);
     -o-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 50%;
     -moz-transform-origin: 50%;
     -ms-transform-origin: 50%;
     -o-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-transition-property: transform;
     -moz-transition-property: transform;
     -o-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
     transition-duration: 0.5s;
     -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .btn-square {
     font-size:14px;
     line-height:14px;
     padding:12px;
     letter-spacing:1px;
     width:100%;
     max-width:158px;
     border-radius: 0;
     border:none;
     font-family: 'Montserrat', sans-serif;
     -webkit-transform: perspective(1px) translateZ(0);
     -moz-transform: perspective(1px) translateZ(0);
     -ms-transform: perspective(1px) translateZ(0);
     -o-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     position: relative;
     -webkit-transition-property: color;
     -moz-transition-property: color;
     -o-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
     transition-duration: 0.5s;
     overflow: hidden;
     text-transform:uppercase;
}
 .btn-square-lg {
     padding: 20px 25px;
     font-size: 18px;
     line-height:18px;
     height:60px;
     max-width:205px;
}
 .btn-square:hover:before, .btn-square:focus:before {
     -moz-transform: scaleX(1);
     -ms-transform: scaleX(1);
     -o-transform: scaleX(1);
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
.themeWhite {
    background: #fff;
    color: #091e3c;
}
    .themeWhite:before {
        background: #00aeef;
    }
.themeFillDark {
    background: #091e3c;
    color: #fff;
}
    .themeFillDark:before {
        background: #00aeef;
    }
.themeFill {
    background: #00aeef;
    color: #373c4b;
}
    .themeFill:before {
        background: #091e3c;
    }
    .themeFill:hover {
        color: #091e3c;
        color: #fff;
    }
.textBox {
    border: 2px solid #00aeef;
    border-radius: 0;
    background: #fff;
    color: #091e3c;
    height: 45px;
    padding-left: 15px;
}
 textarea.textBox {
     height: 165px;
     padding-top:15px;
}
.textBox::-moz-placeholder {
    color: #091e3c;
}
.textBox:-ms-input-placeholder {
    color: #091e3c;
}
.textBox::-webkit-input-placeholder {
    color: #091e3c;
}
 #map {
     height: 400px;
     width:100%;
 }
 .item .overlayZoom {
    opacity: 0;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: url('../images/overlayzoom.png') no-repeat center center;
    background-size: cover;
    z-index: 2;
    -moz-transition: .7s opacity ease-in-out;
    -o-transition: .7s opacity ease-in-out;
    -webkit-transition: .7s opacity ease-in-out;
    transition: .7s opacity ease-in-out;
}
 .item:hover .overlayZoom {
     opacity:1;
 }
#contactArea {
    background: #e1f4fd;
}
    #contactArea .contactRight {
        padding: 30px 20px;
        background: #e1f4fd;
    }
 #contactArea h4.contactTitle {
     font-size:18px;
     margin-bottom:40px;
}
 #contactArea .form-horizontal {
     padding-top:20px;
}
  #contactArea  .info {
      margin-top:20px;
  }
 #contactArea .address {
     margin: 20px 0 0 0;
}
 #logos {
     padding: 50px 0;
}
 #logos .logoList {
     margin-right:-30px;
}
 #logos .logoList .item {
     padding-right:30px;
     padding-bottom:15px;
}
 #logos .logoList .item img {
     max-width:100%;
}
#footer {
    padding: 20px 0;
    background: #00aeef;
    text-align: center;
    color: #fff;
}
 #footer a {
      color: #fff;
 }
  #footer img {
      max-width:100%;
  }
  #footer .footerRight img:hover {
      opacity:.8;
  }
  @media (max-width: 767px) {
    #header .headerRight .menu {
      border-top:none;
  }
    #header .headerRight .menu-overlay {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 174, 239, 0.90);
        z-index: 999;
        height: 100%;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        -moz-transition: opacity 0.5s, visibility 0s 0.5s;
        -o-transition: opacity 0.5s, visibility 0s 0.5s;
        -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
        transition: opacity 0.5s, visibility 0s 0.5s;
    }
 #header .headerRight .menu-overlay.open {
     opacity:1;
     visibility:visible;
     transition: opacity 0.5s;
 }
    .menu-overlay.open nav ul {
        opacity: 1;
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .menu-overlay.closed nav ul {
        -moz-transform: translateY(25%) rotateX(-35deg);
        -ms-transform: translateY(25%) rotateX(-35deg);
        -o-transform: translateY(25%) rotateX(-35deg);
        -webkit-transform: translateY(25%) rotateX(-35deg);
        transform: translateY(25%) rotateX(-35deg);
    }
#header .headerRight ul.nav {
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position:absolute;
}
    #header .headerRight ul.nav li a{
        color:#fff;
    }
    #header .btn-close {
        background: #272827;
        color: #fff;
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 24px;
    }
#header .btn-close span {
    padding:0;
    vertical-align: middle;
    top: -2px;
    line-height: 24px;
}
#topArea .homeText {
    padding: 20px 0;
}
    #header #headerTop {
        height: 45px;
    }
    #footer .footerLeft {
        padding-bottom:15px;
    }
  }

 @media (min-width: 768px) {
     .container {
         padding: 0;
    }
     #header .headerRight {
         padding-top:0;
         text-align:right;
    }
     #header .headerRight .menu {
         background:none;
         position:relative;
    }
     #header .headerRight .divider {
         display:inline-block;
    }
     #header .headerLeft {
         text-align:left;
         padding-bottom:15px;
    }
     #header .headerRight ul {
         float:none;
    }
     #header .headerRight ul li {
         display: inline-block;
    }
     #header .headerRight ul li.selected a {
         /*border-bottom:1px solid #fff;*/
         color: #00aeef;
    }
     #homeHero #topArea .homeText {
         padding-top:80px;
    }
     #homeHero #topArea h2 {
         font-size:48px;
    }
      #homeHero #topArea .btn-square {
         margin-right:25px;
    }
     #homeHero #topArea .btn-square:last-child {
         margin-right:0;
    }
     .padRightCol {
         padding-right: 15px;
    }
     .padLeftCol {
         padding-left: 15px;
    }
    .homeList {
        margin-left: -10px;
        margin-right: -10px;
    }

        .homeList .item {
            padding-left:10px;
            padding-right: 10px;
        }
    .testimonialPart .item.itemLeft {
        padding-right: 20px;
        border-right: 1px solid #fff;
    }
    .testimonialPart .item.itemRight {
        padding-left:20px;
    }
    .casePart .item {
          padding-bottom:0;
      }
    .casePart .item.itemLeft {
        padding-right:20px;
        border-right: 1px solid #aca58a;
    }
    .casePart .item.itemRight {
        padding-left:20px;
    }
     #contactArea .contactLeft {
         background: url('../images/contactImage.jpg') no-repeat center center;
         background-size:cover;
     }
     #footer .footerLeft {
         text-align:left;
     }
     #footer .footerMiddle {
         text-align:right;
     }
     #footer .footerRight {
         text-align:right;
     }
}
 @media (min-width: 992px) {
     #homeHero {
         padding: 35px 0 100px 0;
    }
    #header .headerLeft {
        padding-bottom:0;
    }
     #header .headerRight ul {
          margin-right: -15px;
          float:right;
     }
     #header .headerRight ul li {
         position: relative;
         float:left;
    }
     #header .headerRight ul li ul {
         position: absolute;
         left: 0;
         top: 100%;
         padding: 15px 0 0 0;
         margin: 0;
         list-style: none;
         background-color: #fff;
         z-index: 10;
         text-align: left;
         min-width: 200px;
         border-radius: 0 0 5px 5px;
         overflow: hidden;
    }
     #header .headerRight ul li:hover ul {
         display: block;
    }
     #header .headerRight ul li.menuActions ul {
         left: auto;
         right: 0;
    }
     #header .headerRight ul li ul li {
         display: block;
         padding: 0 20px;
         border-top: 1px #F4F4F4 solid;
         width: 100%;
    }
     #header .headerRight ul li ul li a {
         white-space: nowrap;
         color: #000;
         padding: 10px 0;
         margin: 0;
         font-weight: normal;
         display: block;
         border-bottom: none !important;
         text-align: left!important;
    }
     #header .headerRight ul li ul li:first-child {
         border-top: none;
    }
     #header .headerRight ul li ul li:hover {
         background-color: #000;
    }
     #header .headerRight ul li ul li:hover a {
         color: #fff!important;
         text-decoration: none;
         background-color: #000;
    }
    #contentArea .contentLeft {
        padding-right: 35px;
    }

    #contentArea .contentRight {
        padding-left: 35px;
    }
    .section {
         padding: 120px 0;
     }
    .homeList {
        margin-left: -25px;
        margin-right: -25px;
    }

        .homeList .item {
            padding-left: 25px;
            padding-right: 25px;
            border-right: 1px solid #00aeef;
        }

            .homeList .item:last-child {
                border-right: 0;
            }
    .testimonialPart .item.itemLeft  {
        padding-right:60px;
    }
    .testimonialPart .item.itemRight {
        padding-left:60px;
    }
    .casePart .item.itemLeft {
        padding-right:80px;
    }
    .casePart .item.itemRight {
        padding-left:80px;
    }
    .studyLeft {
        padding-right: 25px;
    }
    .studyRight {
        padding-left: 25px;
    }
    .studyRight.studyInnerRight .box {
        min-height: 520px;
    }
    #contactArea .contactRight {
        padding: 80px 0 50px 60px;
        max-width:485px;
    }
    #contactArea .contactRight .formLeft {
        padding-right: 5px;
    }
    #contactArea .contactRight .formRight {
        padding-left:5px;
     }
    #contentArea .contentLeft {
        padding-right:100px;
    }
    #footer .footerMiddle {
         text-align:center;
         padding: 20px 0;
     }
     #footer .footerRight {
         padding:20px 0;
     }
}
 @media (min-width: 1200px) {
     #contentArea {
         padding: 130px 0;
    }
    #contactArea .contactRight {
        max-width:585px;
    }
}
 @media (min-width: 1400px) {
     /*#homeHero {
         padding: 50px 0 150px 0;
    }*/
}
 @media (min-width: 1600px) {
}
 @media (min-width: 1920px) {
     /*#homeHero {
         padding: 50px 0 200px 0;
    }*/
     #homeHero #topArea h1 {
        margin-bottom:70px;
    }
    #homeHero #topArea h2 {
        margin-bottom:85px;
    }
}
.cookieLaw {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 500;
    color: White !important;
    font-size: 12px !important;
    background-color: rgba(39, 40, 39, 0.9);
    padding: 5px;
    text-align: center;
    border-top: 3px white solid;
    display: none;
}
 .cookieLaw p {
     margin:0;
     padding:5px 0;
}
 .cookieLaw .btn {
     font-size:14px;
     background: #fff;
     color: #362f2d;
     max-width: none;
     width: auto;
}
 #cookieDialog {
     font-size:14px;
     display:none;
}
.pager .pageHyperLink {
    padding: 1px 8px;
    border: 1px solid #000;
    color: #191718;
    margin: 0 3px;
}
.pager .pageNumber  {
    padding: 2px 10px;
    color: white;
    background: #362f2d;
}
.pager .backColumn,
.pager .numbersColumn,
.pager .nextColumn {
    display:inline-block;
}
.pager .backLink,
.pager .nextLink {
    color: #fff;
    padding: 2px 8px;
    background:  #191718;
}