* {
    padding: 0;
    margin: 0;
}

html {
    overflow-y: scroll;
    height: 100%;
}

body {
    height: 100%;
    color: #000;
    font-family: brandon-grotesque, arial;
}

.nowrap {
    white-space: nowrap;
}


p.lead {
    font-size: 32px;
    font-weight: 100;
    text-align: center;
    margin-bottom: 50px;
    line-height: 1.5em;
}

strong {
    font-weight: 700;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.row {
    max-width: 1082px;
    margin: 0 auto;
}

.col {
    margin: 0 3.789279112754159%;
}

.col-third {
    width: 28.280961182994456%;
    float: left;
}

.col-third:nth-child(2),
.col-third:nth-child(3) {
    margin-left: 0;
}

/* ------------------------------------------------------------------------------ header */

header {
    padding: 50px 0;
}

h1 {
    background-image: url(../images/logo_liahegarty.svg);
    background-repeat: no-repeat;
    width: 279px;
    height: 79px;
    text-indent: -9999em;
    margin: 0 auto;
}

/* ------------------------------------------------------------------------------ banner */

#banner {
    height: 363px;
    background-image: url(../images/bg_banner.png);
    background-repeat: repeat-x;
    margin-bottom: 50px;
}

#banner span {
    display: block;
    height: 363px;
    background-image: url(../images/banner.png);
    background-repeat: no-repeat;
    background-position: center center;
}

/* ------------------------------------------------------------------------------ services */

#services {
    margin-bottom: 10px;
}

#services h2 {
    background-repeat: no-repeat;
    width: 100%;
    height: 85px;
    margin: 0 auto;
    text-indent: -9999em;
    margin-bottom: 10px;
    background-position: top center;
    background-size: contain; 
}

#services p {
    text-align: left;
    font-size: 16px;
    margin-bottom: 40px;
    font-weight: 300;
}
 
#h-diarymanagement {
    background-image: url(../images/h_diarymanagement.svg)
}

#h-emailcorrespondence {
    background-image: url(../images/h_emailcorrespondence.svg)
}

#h-documentcreation {
    background-image: url(../images/h_documentcreation.svg)
}

#h-onlineresearch {
    background-image: url(../images/h_onlineresearch.svg)
}

#h-travelitineraries {
    background-image: url(../images/h_travelitineraries.svg)
}

#h-eventcoordination {
    background-image: url(../images/h_eventcoordination.svg)
}

#h-expensereconciliation {
    background-image: url(../images/h_expensereconciliation.svg)
}

#h-contactsdatabase {
    background-image: url(../images/h_contactsdatabase.svg)
}

#h-publicrelations {
    background-image: url(../images/h_publicrelations.svg)
}

#h-spreadsheets {
    background-image: url(../images/h_spreadsheets.svg)
}

#h-presentations {
    background-image: url(../images/h_presentations.svg)
}

#h-massmailing {
    background-image: url(../images/h_massmailing.svg)
}

#h-business-organisation {
    background-image: url(../images/h_business_organisation.svg)
}

#h-project-management {
    background-image: url(../images/h_project_management.svg)
}

#h-recruitment-assistance {
    background-image: url(../images/h_recruitment_assistance.svg)
}

#h-social-media {
    background-image: url(../images/h_social_media.svg)
}




/* ------------------------------------------------------------------------------ contact */

#contact {
    background-color: #01bacc;
    min-height: 323px;
}

#h-getintouch {
    background-image: url(../images/h_getintouch.svg);
    background-repeat: no-repeat;
    width: 232px;
    height: 48px;
    margin: 0 auto;
    text-indent: -9999em;
    position: relative;
    top: 60px;
    margin-bottom: 90px;
}

#contact p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4em;
    text-align: center;
    margin: 0 auto 40px auto;
    max-width: 770px;
}

#contact-list li {
    list-style-type: none;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 5px 0;
    float: left;
    width: 25%;
    text-indent: 35px; 
}

#contact-list li a {
    color: #fff;
    text-decoration: none; 
}

#contact-email {
    background-image: url(../images/icon_email.svg);
}

#contact-list #contact-ukphone,
#contact-list #contact-irlphone {
    background-image: url(../images/icon_phone.svg);
    text-indent: 27px;   
} 

#contact-skype {
    background-image: url(../images/icon_skype.svg);
}

#contact-list li#contact-linkedin {
    background-image: url(../images/icon_linkedin.svg); 
    background-position: 0 1px;  
}

#contact-list #contact-irlphone {
    width: 19%;
    margin-left: 6%;
}

/* ------------------------------------------------------------------------------ about */

#about {
    margin-bottom: 50px;
    padding-top: 50px;
}

#about p {
    font-size: 16px;
    font-weight: 300;
}

#h-about {
    background-image: url(../images/h_about.svg);
    background-repeat: no-repeat;
    width: 190px;
    height: 43px;
    margin: 0 auto 30px auto;
    text-indent: -9999em;
}

#profile-image {
    display: block;
    width: 225px;
    margin: 0 auto 30px auto;
}

/* ------------------------------------------------------------------------------ testimonials */

#testimonials {
    background-color: #f6f6f6;
} 
 
.cycle-slideshow {
    position: relative;
}

.cycle-slideshow .slide {
    min-height: 273px;
    margin-bottom: 50px;
}

.cycle-prev,
.cycle-next {
    position: absolute;
    top: 50%;
    z-index: 999;
    width: 49px;
    height: 49px;
    background-repeat: no-repeat;
    text-indent: -9999em;
    cursor: pointer;
    margin-top: 0;
    background-color: rgba(255,255,255,1.00);
    border-radius: 50%;
    transition: background-color 0.2s ease-in-out;
}

.cycle-prev:hover,
.cycle-next:hover {
    background-color: rgba(255,255,255,0.70);
}

.cycle-prev {
    left: 0;
    background-image: url(../images/btn_arrow_left.svg);
}

.cycle-next {
    right: 0;
    background-image: url(../images/btn_arrow_right.svg);
}

blockquote {
    font-size: 35px;
    font-weight: 100;
    text-align: center;
    line-height: 1.5em;
    padding: 50px 0 30px 0;
    width: 70%;
    margin: 0 auto;
}

.cycle-slideshow .slide.ph blockquote {
    width: 60%;
}

.cycle-slideshow .slide.tc blockquote {
    width: 75%;
}

.cycle-slideshow .slide.wt blockquote {
    width: 55%;
}

.cycle-slideshow .slide.dh blockquote {
    width: 68%;
}

.cite {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    line-height: 1.5em;
}

/* ------------------------------------------------------------------------------ footer */

footer {
    height: 180px;
}

.copyright {
    float: left;
    width: 50%;
    padding-top: 80px;
    font-size: 14px;
    font-weight: 300;
}

.credit {
    float: right;
    width: 50%;
    padding-top: 84px;
}

.credit a {
    float: right;
    width: 165px;
    height: 13px;
    background-image: url(../images/tonic.png);
    background-repeat: no-repeat;
    text-indent: -9999em;
}

/* ------------------------------------------------------------------------------ media queries */

@media all and (max-width: 1075px) {

    #contact-list #contact-irlphone {
        width: 20%;
        margin-left: 5%;
    }

}

@media all and (max-width: 1066px) {

    p.lead br {
        display: none;
    }

}

@media all and (max-width: 1020px) {

    #contact-list #contact-irlphone {
        width: 21%;
        margin-left: 4%; 
    }

}

@media all and (max-width: 973px) {

    #contact-list #contact-irlphone {
        width: 22%;
        margin-left: 3%;  
    }

}


@media all and (max-width: 967px) {

    .cycle-slideshow .slide.ph blockquote {
        width: 70%;
    }

}


@media all and (max-width: 930px) {

    #contact-list #contact-irlphone {
        width: 23%;
        margin-left: 2%;  
    }

}

@media all and (max-width: 902px) {

    .cycle-slideshow .slide.tc blockquote {
        width: 85%;
    }

}

@media all and (max-width: 890px) {

    #contact-list {
        margin: 0 auto;
        width: 200px;
        margin-bottom: 40px;
    }
 
    #contact-list li {
        float: none;
        padding: 5px 0;
        width: inherit;
        text-indent: 40px;
        margin-bottom: 5px;
    }
    
    #contact-list #contact-ukphone,
    #contact-list #contact-irlphone {
        background-image: url(../images/icon_phone.svg);
        text-indent: 40px;    
    } 

    #contact-list #contact-irlphone {
        width: inherit;
        margin-left: 0;
    }

    #h-getintouch {
        top: 50px;
        margin-bottom: 80px;
    }
    
    #contact p {
        font-size: 18px;
        margin: 0 auto 30px auto;
    }

    .cycle-slideshow .slide.wt blockquote {
        width: 75%;
    }

}


@media all and (max-width: 831px) {

    .cycle-slideshow .slide.ph blockquote {
        width: 85%;
    }

}

@media all and (max-width: 810px) {

    .cycle-slideshow blockquote {
        font-size: 30px;
    }

    .cycle-slideshow .slide.ph blockquote, 
    .cycle-slideshow .slide.wt blockquote {
        width: 75%;
    }

    .cycle-slideshow .slide.tc blockquote {
        width: 80%;
    }

}

@media all and (max-width: 760px) {
    
    p.lead {
        font-size: 30px; 
    }
    
    .col-third {
        width: inherit;
        float: none;
    }
    
    .col, 
    .col-third,
    .col-third:nth-child(2),
    .col-third:nth-child(3) {
        margin: 0 7%;  
    }

    #testimonials .col {
        margin: 0 3%
    }

    #services p {
        text-align: center;
        margin-bottom: 1em; 
    }
    
    blockquote {
        font-size: 30px;
    } 
    
    #about p {
        text-align: center;
        margin-bottom: 1em; 
    }

    footer {
        height: auto; 
    }

    .copyright {
        float: none;
        width: 100%;
        padding-top: 0;
        text-align: center;
        padding-top: 50px;
        margin-bottom: 30px; 
    }

    .credit {
        float: none;
        margin: 0 auto;
        padding-top: 0;
        width: 165px;
        margin-bottom: 50px;
    }
    
    .credit a {
        float: none;
        display: block;
    }

}

@media all and (max-width: 730px) {

    .cycle-slideshow blockquote {
        font-size: 28px;
    }

    .cycle-slideshow .slide.ph blockquote, 
    .cycle-slideshow .slide.tc blockquote,
    .cycle-slideshow .slide.wt blockquote {
        width: 80%; 
    }

}

@media all and (max-width: 669px) {

    header {
        padding: 40px 0 30px 0;
    }

    h1 {
        width: 230px;
        height: 65px;
        background-size: 230px 65px;
    }

    #banner {
        margin-bottom: 40px;
        height: 260px; 
    }
    
    #banner span {
        height: 280px;
        background-size: cover;
    }

    p.lead {
        font-size: 25px;
        margin-bottom: 40px;
    }

    .cycle-slideshow blockquote {
        font-size: 25px;
    }

    .cycle-slideshow .slide {
        min-height: inherit;
        margin-bottom: 50px;
    }

}

@media all and (max-width: 599px) {

    .cycle-slideshow blockquote {
        font-size: 23px;
    }

    p.lead {
        font-size: 23px; 
    }

}

@media all and (max-width: 553px) {

    .cycle-slideshow .slide.ph blockquote {
        width: 65%; 
    }

    .cycle-slideshow .slide.tc blockquote {
        width: 70%;
    }

    .cycle-slideshow .slide.wt blockquote {
        width: 55%; 
    }

}

@media all and (max-width: 489px) {
    
    #banner {
        height: 180px; 
    }
    
    #banner span {
        height: 200px;
    }

    .cycle-slideshow .slide.ph blockquote {
        width: 75%;
    }

    .cycle-slideshow .slide.tc blockquote {
        width: 80%;
    }

    .cycle-slideshow .slide.wt blockquote {
        width: 65%; 
    }

    .cycle-slideshow .slide {
        margin-bottom: 120px; 
    }

    .cycle-prev,
    .cycle-next {
        top: 110%;
    }

    .cycle-prev {
        left: 50%;
        margin-left: -55px;
    }

    .cycle-next {
        right: 50%;
        margin-right: -55px;
    }

}


@media all and (max-width: 357px) {

    .cycle-slideshow .slide.ph blockquote {
        width: 75%;
    }

    .cycle-slideshow .slide.tc blockquote {
        width: 90%;
    }

    .cycle-slideshow .slide.wt blockquote {
        width: 70%; 
    }

}