/*****************      GENERAL */
.ease1 {
    transition: all 0.5s ease;
}

/************** SECTIONS!!!!!!!!!!!!!!!!!!!! **********/
@media screen and (min-width: 890px) and (max-width: 3000px) {
    #About {
        margin-bottom: -30px;
    }
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
    #About {
        margin-bottom: -90px;
    }
}

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

#portfolio {
    padding-top: 50px;
}

#a2 {
    background: url('../img/image_small_2.jpg') center center no-repeat !important;
    height: 1000px;
    /*padding: 0;*/
}

#a1 {
    height: 1000px;
    padding-left: 5%;
    padding-RIGHT: 5%;
}

div#Section1000.row {
    padding: 0;
}

div#Section1001.columns {
    padding: 0;
}






#a2A {
    background: url('../img/image_small_3.jpg') center center no-repeat !important;
    height: 1000px;
    /*padding: 0;*/
}

#a1A {
    height: 1000px;
    padding-left: 5%;
    padding-RIGHT: 5%;
}

div#Section1000A.row {
    padding: 0;
}

div#Section1001A.columns {
    padding: 0;
}



#a2B {
    height: 1343px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    /*background: url('../img/portfolio/Dagenham-travelodge.JPG') bottom center no-repeat !important;*/
    background: url('../img/portfolio/Dagenham-travelodge.JPG');
    ;
    /*background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;*/
    /*height: 1500px;*/
    /*padding: 0;*/
    /*width: 100%;*/
}

#a1B {
    height: 1343px;
    padding-left: 5%;
    padding-RIGHT: 5%;
    background-color: #313131;
    color: white;
}

div#Section1000B.row {
    padding: 0;
}

div#Section1001B.columns {
    padding: 0;
}

#Section1000B {
    height: 100%;
}






#a2C {
    height: 1343px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    /*background: url('../img/portfolio/1_station_square.jpg') bottom center no-repeat !important;*/
    background: url('../img/portfolio/1_station_square.jpg') bottom center no-repeat !important;
    /*background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;*/
    /*height: 1500px;*/
    /*padding: 0;*/
    /*width: 100%;*/
}

#a1C {
    height: 1343px;
    padding-left: 5%;
    padding-RIGHT: 5%;
    background-color: #313131;
    color: white;
}

div#Section1000C.row {
    padding: 0;
}

div#Section1001C.columns {
    padding: 0;
}

#a2D {
    height: 1343px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    /*background: url('../img/portfolio/Premier_inn_tottenham_hale.jpg') bottom center no-repeat !important;*/
    background: url('../img/portfolio/Premier_inn_tottenham_hale.jpg') bottom center no-repeat !important;
    /*background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;*/
    /*height: 1500px;*/
    /*padding: 0;*/
    /*width: 100%;*/
}

#a1D {
    height: 1343px;
    padding-left: 5%;
    padding-RIGHT: 5%;
    background-color: #313131;
    color: white;
}

div#Section1000D.row {
    padding: 0;
}

div#Section1001D.columns {
    padding: 0;
}

#Section1000D {
    height: 100%;
}




#a2E {
    height: 1343px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background: url('../img/portfolio/Berol_yard.jpg') bottom center no-repeat !important;
    /*background: url('../img/portfolio/Berol_yard.jpg') bottom center no-repeat !important;*/
    /*background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;*/
    /*height: 1500px;*/
    /*padding: 0;*/
    /*width: 100%;*/
}

#a1E {
    height: 1343px;
    padding-left: 5%;
    padding-RIGHT: 5%;
    background-color: #313131;
    color: white;
}

div#Section1000E.row {
    padding: 0;
}

div#Section1001E.columns {
    padding: 0;
}

#Section1000E {
    height: 100%;
}


#a2F {
    height: 1343px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background: url('../img/portfolio/Ashley_gardens.jpg')bottom center no-repeat !important;
    /*background: url('../img/portfolio/Ashley_gardens.jpg') bottom center no-repeat !important;*/
    /*background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;*/
    /*height: 1500px;*/
    /*padding: 0;*/
    /*width: 100%;*/
}

#a1F {
    height: 1343px;
    padding-left: 5%;
    padding-RIGHT: 5%;
    background-color: #313131;
    color: white;
}

div#Section1000F.row {
    padding: 0;
}

div#Section1001F.columns {
    padding: 0;
}

#Section1000F {
    height: 100%;
}



#a2G {
    height: 1343px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background: url('../img/portfolio/Draft_scheme.jpg');
    /*background: url('../img/portfolio/Draft_scheme.jpg') bottom center no-repeat !important;*/
    /*background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;*/
    /*height: 1500px;*/
    /*padding: 0;*/
    /*width: 100%;*/
}

#a1G {
    height: 1343px;
    padding-left: 5%;
    padding-RIGHT: 5%;
    background-color: #313131;
    color: white;
}

div#Section1000G.row {
    padding: 0;
}

div#Section1001G.columns {
    padding: 0;
}

#Section1000G {
    height: 100%;
}





/************** SECTIONS!!!!!!!!!!!!!!!!!!!! **********/
/******************  PORTFOLIO       ************/

/*.portfolio1 {
    background-color: #313131;
    color: white;
    padding: 5%;
    vertical-align: text-bottom;
}*/


#text101.columns {
    /*padding: 5%;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;*/
    height: 1000px;
    /*-ms-interpolation-mode: bicubic;*/
}

/******************  PORTFOLIO       ************/
/************** SECTIONS ***************/

/*resize image*/

.content {
    /*width: 100%;*/
    text-align: center;
    overflow: hidden;
}

/*.expert-header {
    position: relative;
    width: 100%;
    height: 1000px;
    display: block;
    background: url(../img/image_small_1.jpg) center center no-repeat;
    background-size: cover;
    padding: 0%;
}*





/***************  FINAL MAGIC *****************/
.expert-header {
    position: relative;
    width: 100%;
    display: block;
    background: url(../img/image_small_1.jpg) center center no-repeat;
    background-size: cover;
    /*min-height: 500px;*/
}

.expert-header2 {
    position: relative;
    width: 100%;
    display: block;
    background: url(../img/image-2.jpg) center center no-repeat;
    background-size: cover;
    min-height: 500px;
}

.expert-header3 {
    position: relative;
    width: 100%;
    display: block;
    background: url(../img/image-3.jpg) center center no-repeat;
    background-size: cover;
}

.expert-header4 {
    position: relative;
    width: 100%;
    display: block;
    background: url(../img/image_small_3.jpg) center center no-repeat;
    background-size: cover;
}

.portfolio1 {
    position: relative;
    width: 100%;
    display: block;
    background: url(../img/portfolio/Dagenham-travelodge.jpg) center center no-repeat;
    background-size: cover;
    min-height: 1000px;
}

.portfolio2 {
    position: relative;
    width: 100%;
    display: block;
    background: url(../img/portfolio/1_station_square.jpg) center center no-repeat;
    background-size: cover;
    min-height: 1000px;
}

.portfolio3 {
    position: relative;
    width: 100%;
    display: block;
    background: url(../img/portfolio/Premier_inn_tottenham_hale.jpg) center center no-repeat;
    background-size: cover;
    min-height: 1000px;
}

.portfolio4 {
    position: relative;
    width: 100%;
    display: block;
    background: url(../img/portfolio/Berol_yard.jpg) center center no-repeat;
    background-size: cover;
    min-height: 1000px;
}

.portfolio5 {
    position: relative;
    width: 100%;
    display: block;
    background: url(../img/portfolio/Ashley_gardens.jpg) center center no-repeat;
    background-size: cover;
    min-height: 1000px;
}

.portfolio6 {
    position: relative;
    width: 100%;
    display: block;
    background: url(../img/portfolio/Draft_scheme.jpg) center center no-repeat;
    background-size: cover;
    min-height: 1000px;
}


/*div#rowA.row {
    padding: 0;
}*/
/*div#columnA1.columns, div#columnA2.columns {
    padding: 0;
}*/






/*.fp-tableCell {
    height: 1000px;
}*/
/***************  FINAL MAGIC **************/
/*.expert-header3 {
    position: relative;
    width: 100%;
    display: block;
    background: url(../img/image_small_1.jpg) center center no-repeat;
    background-size: cover;
    padding: 0%;
    overflow;
}*/

/*resize image*/

.DivText {
    padding-bottom: 19%;
    padding-top: 19%;
    padding-left: 10%;
    padding-right: 10%;
    overflow: hidden;
}

.DivText2 {
    position: absolute;
    padding-top: 10%;
    padding-right: 5%;
    padding-left: 5%;
}


#section1a {
    padding-right: 0rem;
    padding-left: 0rem;
    text-align: left;
    padding: 1% 3% 1% 3%;
    vertical-align: middle;
    background-size: cover;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    /*padding: 10%;*/
    height: 1000px;
}

#section21 {
    /*padding-right: 0rem;
    padding-left: 0rem;*/
    text-align: left;
    padding: 1% 3% 1% 3%;
    vertical-align: middle;
    background-size: cover;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    /*padding: 10%;*/
    height: 703px;
    overflow: no-display;
}

.section1a {
    /*padding-right: 0rem;
    padding-left: 0rem;
    text-align: left;
    padding: 1% 3% 1% 3%;*
    vertical-align: middle;
    /*background-size: cover;*/
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    /*margin-bottom: auto;*/
    padding: 10%;
}

#section1b {
    padding: 0px;
    background-size: cover;
}

#section1d {
    padding-right: 0rem;
    padding-left: 0rem;
    text-align: left;
    padding: 1% 3% 1% 3%;
    vertical-align: middle;
    background-size: cover;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    /*padding: 10%;*/
    height: 1000px;
}

#section2 {
    padding: 0px;
    background-size: cover;
}

#section1c {
    padding: 0px;
    background-size: cover;
}

.section1c {
    padding: 0px;
    background-size: cover;
}



.section2a {
    background-color: black;
    color: white;
    /*padding-right: 30px;*/
    text-align: center;
    /*border-radius: 7px;*/
    /*max-width: 250px;*/
    /*min-height: 350px;*/
    min-height: 260px;
    /*height: 350px;*/
    /*width: 510px;*/
    background-clip: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section2a1 {
    background-color: black;
    color: white;
    /*padding-right: 30px;*/
    text-align: center;
    /*border-radius: 7px;*/
    /*max-width: 250px;*/
    /*min-height: 350px;*/
    background-clip: content-box;
}

.section2b {
    background-color: white;
    color: black;
    /*float: left;*/
    padding-left: 30px;
    text-align: left;
    /*border-radius: 7px;*/
    /*max-width: 250px;*/
    /*height: 350px;*/
    /*min-height: 350px;*/
    min-height: 260px;
    /*width: 510px;*/
    background-clip: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

#inner {
    position: absolute;
    overflow: scroll;
    padding: 10%;
}

#inner2 {
    position: absolute;
    overflow: scroll;
    padding: 10%;
    background-color: #3e3d3d;
    color: white;
}

/************ START TEAM ************/
.pad1 {
    /*padding-left: 10px;*/
    padding-right: 25px;
    /*padding-top: 5%;
    padding-bottom: 10%;*/
}

@media screen and (min-width: 0px) and (max-width: 475px) {
    .pad1 {
        padding-top: 8%;
        padding-bottom: 8%;
    }
}

@media (max-width: 768px) {
    div#Team3 h4 {
        font-size: 15px;
    }
}

.TeamSection, h2 {
    text-align: center;
}

.TeamSection {
    text-align: center;
    /*border-radius: 30px;*/
}

#Team1 p {
    /*font-size: 15px;*/
    font-size: 13px;
}

.TitleTeam {
    font-weight: 400;
    font-size: 1.25rem;
}

.TitleName {
    font-weight: 500 !important;
    font-size: 1.45rem !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.HoverName {
    /*font-weight: 1.1rem;*/
    font-weight: 500;
}

.HoverTitle {
    /*font-weight: 0.9rem;*/
    font-weight: 400;
}

@media screen and (min-width: 640px) and (max-width: 890px) {
    .NewTeamTablet {
        min-height: 340px !important;
    }

    .TitleName {
        font-size: 1.25rem !important;
        /*margin-left: -10px !important;*/
    }
}

@media screen and (min-width: 640px) and (max-width: 775px) {
    .NewTeamTablet {
        min-height: 340px !important;
    }
}

.MinorLeftMargin {
    margin-left: 4% !important;
}

/*.TeamPad {
    padding-left: 10px;
    padding-right: 10px;
}*/

@media screen and (min-width: 640px) and (max-width: 1023px) {
    #Team3 {
        padding-top: 0px !important;
    }
}

/*@media screen and (min-width: 0px) and (max-width: 639px) {*/
#ok, #ok2 {
    padding-left: 15px !important;
    margin-right: -20px !important;
}
/*}*/

@media screen and (min-width: 0px) and (max-width: 639px) {
    .PadTablet {
        margin-top: 30px;
    }
}

@media screen and (min-width: 0px) and (max-width: 359px) {
    #ok .large-4.medium-12.small-12.columns, #ok2 .large-4.medium-12.small-12.columns {
        display: none;
    }
}
/************ END TEAM ************/
.row2 {
    padding: 0px;
    max-width: 100%;
}

.block {
    background: grey;
}

.block,
.imgBlock {
    /*height: 200px;*/
    min-height: 200px;
}

    .imgBlock .row .column {
        padding: 0;
    }

#ok2a .row, #oka .row {
    margin-left: 5px;
}

h4.large-12.medium-12.small-12.columns.TitleTeam {
    margin-left: -10px;
}

/*****************  END SECTIONS **********8*/
/**********************       START  LOGO     **************/
#logo11 {
    /*position: absolute;*/
    left: 50%;
    top: 57%;
    /*

    *  Where the magic happens

    *  Centering method from CSS Tricks

    *  http://css-tricks.com/centering-percentage-widthheight-elements/

  */
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

#arrow {
    /*position: fixed;*/
    /*bottom: 0;*/
    /*padding-bottom: 3%;*/
    /*position: absolute;*/
    left: 50%;
    top: 61%;
    /*bottom: 0%;
    

    *  Where the magic happens

    *  Centering method from CSS Tricks

    *  http://css-tricks.com/centering-percentage-widthheight-elements/*/
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.LogoImg {
    float: left;
    max-height: 49px;
    max-width: 320px;
    margin-left: 10%;
    margin-top: 1.6%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/**********************       END LOGO    **************/
/************** START CONTACT FORM ***************/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    background-color: #fff;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: white !important;
    box-shadow: inset 0 1px 2px white !important;
    color: rgba(0,0,0,0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.15s linear;
    border-bottom: 1px solid black !important;
}

button {
    background-color: #313131 !important;
}

#submit:hover {
    background-color: #989898 !important;
}

textarea {
    height: 10rem;
}

#contact1 p {
    line-height: 15px;
}
/************** END CONTACT FORM **************/

/*********FORM     */
h1 {
    font-size: 85px;
}

.back1 {
    background-color: #313131;
    border-bottom: 1px solid white;
}

.border1 a
{
    font-size: 13px;
}

/* START NEW UNDERLINE */
nav > ul > li > a {
    text-decoration: none;
}

.border1{
    position:relative;
}
.border1:hover::after{
    content:'';
    position:absolute;
    width: 100%;
    height: 0;    
    left:0;
    bottom:0px; 
    border-bottom: 2px solid white;  
}
/* END NEW UNDERLINE */





.hover-underline-menu {
    width: 100%;
}



    .hover-underline-menu .menu {
        background-color: rgba(0, 0, 0, 0.5);
    }



        .hover-underline-menu .menu a {
            color: #fefefe;
            padding: 1.2rem 1.5rem;
        }



        .hover-underline-menu .menu .underline-from-center {
            position: relative;
            letter-spacing: 1px;
            font-weight: 500;
        }



            .hover-underline-menu .menu .underline-from-center::after {
                content: "";
                position: absolute;
                top: calc(100% - 0.125rem);
                border-bottom: 0.125rem solid #fefefe;
                left: 50%;
                right: 50%;
                transition: all 0.5s ease;
            }

            .hover-underline-menu .menu .underline-from-center:hover::after {
                left: 0;
                right: 0;
                transition: all 0.5s ease;
            }

ul#navigation {
    text-align: -webkit-right;
    text-align: -moz-right;
    text-align: -ms-right;
    text-align: -o-right;
    /* margin-right: -250px; */
}

/* IE SPECIFIC */
@media screen\0 {
    .ieTop  {

        padding-top: 15%;
    }
    .ieTop2  {
        padding-top: 7%;
    }
}

/* FF SPECIFIC */
@-moz-document url-prefix() {
    ul#navigation {
        margin-right: 0px;
    }
}

p, #Requirements span {
    font-size: 14px;
    line-height: 1.7;
    color: #696969;
}

#portfolio p {
    font-size: 17px;
    line-height: 1.9;
    color: white;
}

.pad1 p {
    line-height: 1.3;
}

h3 span {
    font-size: 17px;
}


/*sections padding*/
.mobPadding {
    padding: 20% 10% 20% 10%;
}

#profileTop {
    padding-top: 50px;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-weight: 500;
}

a.underline-from-center {
    font-size: 13px;
}

a.burg1
{
    color:white !important;
    border-bottom: 1px solid rgba(255, 255, 255, .2)  !important;
}
.colourPipe
{
    color:white;
}
.border1 a
{
    font-size: 13px;
}
/**********************       END NAV BAR     **************/
.center1
{
    justify-content:center;
    align-items:center;
}



/********************** START BURGER    *******************/


.mobmenunew {
    float: left;
    top: 3em;
    position: relative;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.tab-bar-section.right {
    left: 0;
    right: 0;
}
.tab-bar {
    height: unset;
}

.links {
    z-index: 9999;
}
#navlink span {
    display: none !important;
}
.menu-icon::after {
    position: inherit;
    display: none;
}

section.left-small {
    background-color: black;
}
.left-small {
    display:  none !important;
}
.tab-bar-section.right {
    left: unset !important;
}
#mobmenunew-holder {
    display: none;
    visibility: hidden;
    position: fixed;
    z-index: 2;
    transition: all 0.5s ease;
}

.tab-bar-section.right {
    /*width: 800px;*/
    width: 100%;
    background-color: black;
}

.tab-bar-section {
    position: fixed;
}

#navigation2 {
    position: fixed;
    z-index: 2 !important;
    max-height: 51px;
    transition: all 0.5s ease;
}


ul.off-canvas-list li a {
    font-size: 13px;
}



#mobmenunew-holder img {
    margin-left: unset !important;
}

@media only screen and (min-width: 40.063em) {
    .tab-bar-section.right {
        text-align: center;
    }
}

.move-right .exit-off-canvas {
    position: inherit;
}

.tab-bar-section.right {
    left: 0;
    right: 0;
}

/********************** END BURGER    ******************
    /***************** START MEDIA QUERIES         **************/



    #contact1 p {
        line-height: 20px;
    }



    #profileTop {
        padding-top: 0px;
    }

    #arrow {
        visibility: hidden;
    }
}

@media (max-width: 892px) {
    #navigation2 {
        display: none;
        height: 0px;
    }
}

@media (max-width: 1023px) {
    #profileTop {
        padding-top: 0px;
    }
}

@media (max-height: 765px) {


    #arrow {
        visibility: hidden;
    }
}

@media (max-width: 1113px) {
    h2 {
        font-size: 35px !important;
    }

    .mobPadding {
        padding: 10% 10% 10% 10%;
    }
}


@media (max-width: 1024px) {


    .fp-controlArrow.fp-next {
        border-width: 19.25px 0 19.25px 17px;
    }

    .fp-controlArrow.fp-prev {
        border-width: 19.25px 17px 19.25px 0;
    }

    .fp-controlArrow {
        margin-top: -19px !important;
    }
}



@media screen and (min-width: 0px) and (max-width: 1024px) {
    #section01 {
        display: block !important;
        visibility: visible !important;
    }

    #section0 {
        display: none !important;
        visibility: hidden !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1024px) {
    #section0 {
        display: block !important;
        visibility: visible !important;
    }

    #section01 {
        display: none !important;
        visibility: hidden !important;
    }
}

a .underline-from-center {
    font-size: 13px !important;
}

/**********************       END NAV BAR     ********/

/*********** MOB slider  *************/
#DagMob {
    background: url('../img/portfolio/Dagenham-travelodge.jpg');
    height: 500px;
    width: 100%;
    background-size: cover;
    background-color: black;
}

#StationMob {
    background: url('../img/portfolio/1_station_square.jpg');
    height: 500px;
    width: 100%;
    background-size: cover;
    background-color: black;
}

#AshleyMob {
    background: url('../img/portfolio/Ashley_gardens.jpg');
    height: 500px;
    width: 100%;
    background-size: cover;
    background-color: black;
}

#BerolMob {
    background: url('../img/portfolio/Berol_yard.jpg');
    height: 500px;
    width: 100%;
    background-size: cover;
    background-color: black;
}

#DraftMob {
    background: url('../img/portfolio/Draft_scheme.jpg');
    height: 500px;
    width: 100%;
    background-size: cover;
    background-color: black;
}

#PremierMob {
    background: url('../img/portfolio/Premier_inn_tottenham_hale.jpg');
    height: 500px;
    width: 100%;
    background-size: cover;
    background-color: black;
}

.h2Mob h2 {
    font-size: 30px !important;
}

/*********************TO TOP************/
.cd-container {
    width: 90%;
    max-width: 768px;
    margin: 2em auto;
}

    .cd-container::after {

        content: '';
        display: table;
        clear: both;
    }

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.8) url(../img/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    z-index: 1;
}

    .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }

    .cd-top.cd-is-visible {
        /* the button becomes visible */
        visibility: visible;
        opacity: 1;
    }

    .cd-top.cd-fade-out {
        /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
        opacity: .5;
    }

.no-touch .cd-top:hover {
    background-color: #346c4c;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 45px;
        width: 45px;
        right: 30px;
        bottom: 30px;
    }
}
/********************* END TO TOP************/

@media screen and (min-height: 0px) and (max-height: 640px) {
    #logo11 {
        top: 45%;
    }
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
    #LeaMob, #GavinMob {
        padding-bottom: 30px;
    }
}
/***************************  SLIDER  *********/
#fullpage {
    overflow: hidden;
}
/***************************  SLIDER  *********/

/******************************* START LI SYMBOL on RESPONSIVENESS */

@media screen and (max-width: 894px) and (min-width: 641px) {
    img.li1 {
        width: 10% !important;
    }
}

@media screen and (max-width: 420px) and (min-width: 0px) {
    img.li1 {
        width: 10% !important;
    }
}

/******************************* END LI SYMBOL on RESPONSIVNESS      */

.paddingGlobal
{
    padding: 0 !important;
}

h2{
    font-size:50px;
    text-align:left;
}

.TeamHidden
{
    display: none !important;
    border:1px solid black  !important;
}



.justify {
    text-align: justify !important;
}


img.bw {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.bw:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}








@media only screen and (min-width: 893px) {
    #mobmenunew-holder {
    display: none !important;
    }
}