/*--------------------------------------- 


Website: 	Stormfront.co.uk
Version: 	2.0
Date:		15/04/2014

Copyright 2014 Stormfront.co.uk


---------------------------------------*/
/*
#blackFriday {
    padding: 10% 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    position: fixed;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00a0df;
    background: -moz-linear-gradient(top, #00a0df 0%, #175fa0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a0df), color-stop(100%,#175fa0));
    background: -webkit-linear-gradient(top, #00a0df 0%,#175fa0 100%);
    background: -o-linear-gradient(top, #00a0df 0%,#175fa0 100%);
    background: -ms-linear-gradient(top, #00a0df 0%,#175fa0 100%);
    background: linear-gradient(to bottom, #00a0df 0%,#175fa0 100%);

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    #blackFriday h1,
    #blackFriday h2,
    #blackFriday h3 {
        color: #ffffff;
        line-height: 100%;
    }

    #blackFriday h1 {
        font-size: 140px;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    }

    #blackFriday h2 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 50px;
        font-weight: normal;
    }

    #blackFriday h3 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 30px;
    }

    #blackFriday .close-text {
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        cursor: pointer;
        color: #ffffff;
    }

    #blackFriday .close-button {
        display: block;
        position: absolute;
        font-size: 18px;
        top: 120px;
        right: 20px;
        height: 40px;
        width: 40px;
        border: solid 2px #ffffff;
        padding: 9px;
        color:#ffffff;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background: none;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    #blackFriday .close-button:hover {
        background: #ffffff;
        color: #0985c4;
    }


@media(max-width:767px) {
   
    #blackFriday {
        padding: 30% 0;
    }
    #blackFriday h1 {
        
        font-size: 60px;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    }

    #blackFriday h2 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: normal;
    }

    #blackFriday h3 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 16px;
    }

    #blackFriday .close-button {

        top: 85px;
    }
}

@media(min-width:768px) {
  
     #blackFriday {
        padding: 30% 0;
    }
    #blackFriday h1 {
        
        font-size: 95px;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    }

    #blackFriday h2 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 32px;
        font-weight: normal;
    }

    #blackFriday h3 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 16px;
        margin-bottom:30px;
    }

    #blackFriday .close-button {

        top: 120px;
    }
}

@media(min-width:992px) {

     #blackFriday {
        padding: 15% 0;
    }
    #blackFriday h1 {
        
        font-size: 110px;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    }

    #blackFriday h2 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 36px;
        font-weight: normal;
    }

    #blackFriday h3 {
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        font-size: 16px;
        margin-bottom:30px;
    }

    #blackFriday .close-button {

        top: 120px;
    }
}

*/

.overflow-hidden {
    overflow: hidden;
}
/* ---- header ----*/
.header {
    padding: 30px 0;
}

.logo-container img {
}

.apr-container img {
    float: right;
}

.closeDrop {
    position: absolute;
    right: 0;
    top: -25px;
    font-size: 16px;
}

.page-subtitle {
    border-bottom: solid 1px #ddd;
    padding-bottom: 20px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.white-block {
    padding: 35px 40px 40px 40px;
    border: solid 1px #EEEEEE;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

    .white-block.pullout {
        background: #f9f9f9;
    }

.feature.grey .white-block {
    background: #f8f8f8;
    margin-bottom: 40px;
    border: solid 1px #ddd;
}

.feature.light-grey {
    background: #f9f9f9;
}

.white-block.imageTop {
    padding: 135px 40px 10px 40px;
}

.small-splitter {
    width: 50px;
    height: 2px;
    background: #dddddd;
    margin: 40px 0;
}

    .small-splitter.white {
        background: #ffffff;
    }

    .small-splitter.blue {
        background: #1a9ede;
    }

.text-center .small-splitter {
    margin: 40px auto;
}

.no-pad {
    padding: 0;
}

ul.no-pad {
    padding-left: 0;
}

ul.no-bullet,
ul.no-bullet li {
    list-style: none;
}

ul.superscript {
    list-style-type: decimal;
    padding: 0 10px;
}

    ul.superscript li,
    p.superscript {
        margin: 0;
        font-size: 10px;
        color: #999;
    }

/*---- slider ----*/
.home-slider .carousel-inner .item,
.prod-hero .carousel-inner .item {
    /*height:580px;*/
    width: 100%;
}

    .home-slider .carousel-inner .item img,
    .prod-hero .carousel-inner .item img {
        width: 100%;
    }

/*over-ride bootstrap styles*/
#carousel-homepage .carousel-control {
    display: none;
}

#carousel-homepage:hover .carousel-control {
    display: block;
}

.carousel-control,
.carousel-control.left,
.carousel-control.right,
.carousel-control:hover {
    background: none;
    background-color: transparent;
    filter: none;
}

    .carousel-control .icon-prev, .carousel-control .icon-next {
        font-size: 24px;
        color: #000;
        text-shadow: none;
    }

.carousel-control {
    width: 50px;
}

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        left: 15px;
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 2px;
    }

.icon-prev::before, .icon-next::before {
    content: '';
    display: none;
}

.home-slider .carousel-indicators {
    bottom: 0px;
}

    .home-slider .carousel-indicators li {
        border-color: #999;
        border: solid 1px rgba(0,0,0,0.4);
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 1px;
        text-indent: -999px;
        border-radius: 10px;
        cursor: pointer;
    }

        .home-slider .carousel-indicators li.active {
            background-color: #999;
            background-color: rgba(0,0,0,0.4);
            border: none;
            width: 8px;
            height: 8px;
        }

.no-positionfixed .home-slider {
    margin-top: 0;
}

/*---- home main ----*/

.main {
    background: #ffffff;
    padding: 50px 0;
}

.hb {
    min-height: 350px;
    float: left;
    border: solid 1px #ddd;
    margin: -1px 0 0 -1px;
    border-bottom: none;
}

.hb-first .hb-text {
    padding-top: 0;
}

.hb-text {
    padding: 0 30px 30px 30px;
}

    .hb-text p {
        /*min-height:75px; */
        margin: 5px 0 15px 0;
    }

    .hb-text h4 {
        margin-top: 25px;
        margin-bottom: 0;
    }

    .hb-text img {
        max-width: 100%;
    }

    .hb-text a,
    .hb a {
        display: inline-block;
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

/*#home-pt {
    padding: 20px 20px;
    width: 70%;
  
}

#home-contact {
    padding: 0 20px 20px;
    width: 30%;
 
}*/

.home-block {
    width: 33%;
}

#home-pt img.img-right {
    position: absolute;
    right: 0;
    bottom: 25px;
}

#home-pt img.img-left {
    position: absolute;
    left: 0;
    bottom: 25px;
}

.hb-small {
    border: solid 1px #ddd;
    width: 25%;
    float: left;
    margin: -1px 0 0 -1px;
    position: relative;
}

    .hb-small h4 {
        padding: 0;
        margin-bottom: 0;
    }

    .hb-small p {
        margin: 5px 0 15px 0;
    }

    .hb-small img {
        width: 95%;
        margin: 10px 0;
    }

    .hb-small .actionWrap a {
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

.stretch102 {
    width: 102%;
    margin-bottom: -3px;
    overflow: hidden;
    margin-top: -1px;
}

.home-mobile-contact {
}

    .home-mobile-contact a {
        display: block;
        text-align: center;
        width: 110%;
        margin-left: -5%;
        background: #dddddd;
        padding: 25px 10px 20px 10px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .home-mobile-contact a:hover {
            background: #cccccc;
        }

    .home-mobile-contact h5 {
        color: #333333;
        font-size: 18px;
    }

/*----- contact page -----*/
.stores-con {
    padding-right: 50px;
    overflow: hidden;
}

.contact-con {
    padding-left: 50px;
}

    .store-list a,
    .contact-con a {
        color: #666666;
    }

        .store-list a:hover,
        .contact-con a:hover {
            text-decoration: underline;
        }

.store-list .light-link {
    color: #bbbbbb;
}

.store-list {
    padding: 0;
    list-style: none;
    margin: 0;
}

.threeCol {
    float: left;
    width: 30%;
    margin-right: 2%;
}

.store-locations {
    padding: 0;
    list-style: none;
}

    .store-locations li {
        padding: 0;
        list-style: none;
    }

        .store-locations li a {
            color: #666666;
        }

            .store-locations li a:hover,
            .store-locations li.active a {
                color: #333333;
                text-decoration: underline;
            }

#store-locator input[type="text"],
#finance-calculator input[type="text"] {
    width: 50%;
    margin-right: 10px;
}

#contact-map {
    width: 100%;
    height: 550px;
    display: block;
}


.mapWrap {
    padding-left: 320px;
}

.search-store-result-container {
    background: #fafafa;
    overflow: hidden;
    position: relative;
}

.search-store-result {
    font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;
    overflow: scroll;
    overflow-x: auto;
    height: 505px;
    background: none;
    position: relative;
}

.search-store-result-container .fade-block {
    height: 100%;
    width: 30px;
    position: absolute;
    right: 15px;
    top: 0;
    background: url(/assets/images/store-list-fade.png) no-repeat top right;
    z-index: 1;
}

.search-store-result-container .store-block-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.search-store-result .container {
}

.search-store-result.mapInfo {
    padding: 10px 5px;
    width: 230px;
    overflow: visible;
    height: auto;
    margin: 0;
}

.search-store-result ul {
    position: relative;
}

    .search-store-result ul li {
        margin: 5px 0 5px 10px;
        float: left;
        background: #fff;
        border: solid 1px #ddd;
        margin-bottom: 10px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        overflow: hidden;
    }

        .search-store-result ul li .letter,
        .search-store-result .letter {
            height: 24px;
            width: 24px;
            background: #2daae1;
            color: #ffffff;
            font-weight: bold;
            display: block;
            padding: 4px;
            text-align: center;
            margin-right: 10px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

        .search-store-result ul li .distance td,
        .search-store-result .distance td {
            padding-top: 15px;
        }

        .search-store-result ul li b,
        .search-store-result b {
            font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        }

        .search-store-result ul li img {
            margin: -15px 0 0 -15px;
        }

        .search-store-result ul li .letter {
            position: absolute;
            left: 15px;
            top: -15px;
            height: 34px;
            width: 34px;
            background: #2daae1;
            color: #ffffff;
            font-weight: bold;
            display: block;
            padding: 6px;
            text-align: center;
            margin-right: 10px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border: solid 3px #ffffff;
        }

        .search-store-result ul li .store-info-con {
            padding: 0;
        }

        .search-store-result ul li .widget-con {
            padding: 15px 15px 13px 15px;
            border-bottom: solid 1px #dddddd;
            overflow: hidden;
        }

        .search-store-result ul li .widget-store-name {
            font-size: 12px;
            height: 95px;
            cursor: pointer;
        }

        .search-store-result ul li .widget-con i {
            float: left;
            font-size: 14px;
        }

        .search-store-result ul li .widget-con p {
            font-size: 12px;
            float: left;
            width: 205px;
            margin: 0 0 0 12px;
        }

            .search-store-result ul li .widget-con p a,
            .search-store-result ul li .widget-con p a:hover {
                color: #666666;
                text-decoration: none;
            }


        .search-store-result ul li .widget-con .view-on-map {
            font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
            color: #2daae1;
            cursor: pointer;
        }

        .search-store-result ul li .widget-con.widget-distance {
            float: left;
            border-bottom: none;
            width: 49%;
        }

        .search-store-result ul li .widget-con.widget-map-view {
            float: right;
            border-bottom: none;
            width: 50%;
            border-left: solid 1px #dddddd;
        }

        .search-store-result ul li .widget-con .view-on-map:hover {
            text-decoration: underline;
        }

#location-used {
    display: none;
}

#mapHoverScroll {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}


.single-store-overview {
}

    .single-store-overview h3 span {
        color: #999999;
    }

    .single-store-overview .store-image {
        height: 275px;
        overflow: hidden;
        margin-bottom: 30px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -wekbit-border-radius: 2px;
    }

        .single-store-overview .store-image img {
            max-width: 100%;
            margin-top: -60px;
        }



.contact-store-left-wrap {
    border-right: solid 1px #dddddd;
    margin-right: 20px;
    padding-right: 46px;
}

.overview-open-times {
    border-left: solid 1px #dddddd;
    padding-left: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .overview-open-times .bank-hol-row td {
        padding-top: 15px;
    }

.seasonal-opeining-times {
    background: #eeeeee;
    padding: 30px;
    padding-right: 0;
    margin-top: 40px;
}

    .seasonal-opeining-times .timeColumn {
        padding-right: 30px;
    }

    .seasonal-opeining-times td {
        font-size: 12px;
    }

.page-slice-container {
    background: url('/assets/images/store-list-splitter@2x.png') no-repeat;
    background-size: 293px 11px;
    margin-top: -23px;
    position: relative;
}

    .page-slice-container p {
        color: #999999;
        font-size: 12px;
        padding-top: 40px;
    }

.store-overview-info-con .actions {
    margin-top: 15px;
}

.store-overview-info-con .number,
.store-overview-info-con .address {
    width: 45%;
}

.store-overview-info-con .number {
    margin-right: 10%;
}







/*search focus amends*/
.location-search-container {
    width: 85%;
    margin: 0 auto;
}

#store-locator {
    margin-top: 30px;
}

    #store-locator input[type="text"] {
        width: 70%;
    }

    #store-locator .button {
        float: left;
        margin-right: 10px;
    }


#location-used {
    padding-top: 25px;
    margin-bottom: 0;
}

.contact-methods {
    padding: 0;
}

    .contact-methods .department {
        width: 25%;
        float: left;
        padding: 30px 0 10px 0;
    }

        .contact-methods .department.ho {
            width: 25%;
            float: left;
            padding-left: 20px;
            background: #f9f9f9;
        }

            .contact-methods .department.ho::after {
                content: "";
                background-color: #f9f9f9;
                width: 300%;
                position: absolute;
                left: 100%;
                height: 100%;
                top: 0;
                display: block;
            }

        .contact-methods .department a {
            color: #666;
        }

            .contact-methods .department a:hover {
                color: #666;
                text-decoration: underline;
            }

.contact-map-image {
    height: 100px;
    background-size: cover;
    display: block;
}


.lower-page-ctas.first {
    padding-right: 25px;
}

.lower-page-ctas.last {
    padding-left: 25px;
}

.lower-page-ctas h4 {
    margin-top: 25px;
}

#contact-feature-banner {
    background: #eeeeee;
}

.feature.grey h3,
.feature.grey h6 {
    color: #333333;
}

.feature.grey p,
.feature.grey ul li {
    color: #999999;
}

.feature.grey .split-bar {
    width: 100%;
    height: 1px;
    background: #dddddd;
    margin: 50px 0;
}

.contact-depart-grid .icon-con {
    float: left;
    width: 40px;
}

.contact-depart-grid .copy-con {
    float: left;
    display: inline-block;
}

    .contact-depart-grid .copy-con p {
        margin: 0;
    }

.contact-depart-grid .head-office {
    padding-left: 50px;
    border-left: solid 1px #dddddd;
    padding-right: 20px;
}




/* ---- Business Template page---- */
.grid-icon {
    width: 40px;
}

.grid-copy {
    width: 81%;
    margin-left: 15px;
}

.corner-image {
    position: absolute;
}

    .corner-image.right-bot-corner {
        bottom: -15px;
        right: -10px;
    }

.image-grid img {
    margin: 2px;
    width: 45%;
}

.icon-list {
    padding-left: 30px;
}

    .icon-list h2 {
        margin-bottom: 30px;
    }



    .icon-list .last {
        border-bottom: solid 1px #ddd;
    }

        .icon-list .last .grid-copy {
            margin-bottom: 15px;
        }

.grid-copy p {
    margin-top: 3px;
}

.icon-list .grid-copy {
    width: 90%;
}

.ptBlock div {
    margin-left: 25%;
}

.ptBlock .left-bot-corner {
    left: 0;
    bottom: 0;
}

.ptBlock .right-bot-corner {
    right: 0;
    bottom: 0;
}

.ptBlock .middle-copy {
    width: 50%;
}



/* ---- stores Template page---- */
.store-sidebar {
    padding-right: 50px;
    border-right: solid 1px #eeeeee;
}

.store-features {
    padding-left: 30px;
}

.st-info-block {
    margin-bottom: 40px;
}

.st-social a {
    color: inherit;
}

.st-feature-block.first {
    padding-top: 0;
}

.st-feature-block {
    border-bottom: 1px solid #eeeeee;
    padding: 40px 0;
}

    .st-feature-block.img-left img {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .st-feature-block.img-right img {
        position: absolute;
        right: 0;
        top: 30px;
    }

    .st-feature-block.pt.img-left img {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .st-feature-block.pd article {
        padding-left: 225px;
    }

    .st-feature-block.pt article {
        padding-right: 320px;
    }

    .st-feature-block.ps article {
        padding-left: 250px;
    }

    .st-feature-block.last {
        padding-bottom: 0;
        border: none;
    }

    .st-feature-block.finance {
        border: solid 2px #2daae1;
        padding: 40px;
        margin-bottom: 40px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

        .st-feature-block.finance article {
            padding-right: 260px;
        }



/* ---- education Template page---- */

.blue-block {
    width: 50px;
    height: 3px;
    background: #00aeef;
    margin: 25px auto;
}

.fitImageDesk {
    width: 100%;
    height: auto;
}

.fixCornerwrap-nm {
    width: 50%;
}

.gridItem.md-2col {
    width: 50%;
}

.gridItem {
    float: left;
    border: solid 1px #ddd;
    padding: 35px;
    border: solid 1px #ddd;
    margin: -1px 0 0 -1px;
}

    .gridItem h4 {
        margin-bottom: 0;
    }

    .gridItem.first {
        padding-left: 0;
    }

    .gridItem.last {
        padding-right: 2%;
    }

#case-studies .gridItem.last {
    padding-right: 0;
}

.case-study-grid h4 {
    margin-top: 25px;
}

.edu-products header div {
    width: 64%;
    text-align: left;
}

.edu-products header img {
    position: absolute;
    bottom: 20px;
    right: 2%;
    width: 22%;
}

.edu-contact {
    padding-top: 20px;
}

    .edu-contact i.fa {
        font-size: 20px;
        color: #666666;
        margin-right: 5px;
    }

.edu-steps div {
    min-height: 270px;
}

    .edu-steps div img {
        margin-bottom: 25px;
    }

.cs-article {
    text-align: justify;
}

    .cs-article.first {
        padding-right: 35px;
    }

    .cs-article.last {
        padding-left: 35px;
    }

blockquote.cs-quote {
    color: #1f97cc;
    font-size: 24px;
    text-align: center;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    margin: 40px 5px;
}

    blockquote.cs-quote footer {
        color: #666666;
        font-size: 18px;
        margin-top: 15px;
    }

.cs-feature-img {
    position: absolute;
    margin-top: 35px;
}

    .cs-feature-img.ipad {
        top: -190px;
        right: 15%;
    }

.case-study-apps .app-con {
    padding: 0 20px;
    margin-bottom: 30px;
}

    .case-study-apps .app-con h4 {
        margin-top: 25px;
    }

.case-study-apps h2 {
    margin-bottom: 25px;
}

#edu-ed-row {
    margin-bottom: 50px;
}

    #edu-ed-row ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        #edu-ed-row ul li {
            list-style: none;
            margin-bottom: 10px;
        }

    #edu-ed-row .ed-col {
        padding: 0 11px;
        margin-bottom: 10px;
    }

    #deployed h2.title,
    #connected h2.title,
    #supported h2.title,
    #developed h2.title,
    #edu-ed-row h2.title {
        color: #333333;
        margin-bottom: 20px;
    }

        #deployed h2.title span,
        #connected h2.title span,
        #supported h2.title span,
        #developed h2.title span,
        #edu-ed-row h2.title span {
            font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        }

            #deployed h2.title span,
            #edu-ed-row h2.title span.deployed {
                color: #eeab4e;
            }

            #connected h2.title span,
            #edu-ed-row h2.title span.connected {
                color: #e77a31;
            }

            #supported h2.title span,
            #edu-ed-row h2.title span.supported {
                color: #d12329;
            }

            #developed h2.title span,
            #edu-ed-row h2.title span.developed {
                color: #1e9bd8;
            }


#supported {
    padding-bottom: 80px;
}

#deployed .imageCollage img {
    position: absolute;
}

#deployed .imageCollage .stackOne {
    top: 15px;
    left: 20px;
    z-index: 20;
}

#deployed .imageCollage .stackTwo {
    top: 350px;
    left: 310px;
    z-index: 30;
}

#deployed .imageCollage .stackThree {
    top: 260px;
    left: 584px;
    z-index: 10;
}

#supported .imageCollage .stackOne {
    position: relative;
    left: -170px;
}

#supported .imageCollage .stackTwo {
    position: absolute;
    top: 370px;
    left: 310px;
    z-index: 20;
}

#supported .imageCollage p {
    width: 290px;
    text-align: right;
    display: block;
}

#supported .caption {
    position: absolute;
    width: 150px;
    top: 265px;
    right: 0px;
}

#deployed .caption {
    text-align: right;
}



    #deployed .caption h4,
    #supported .caption h4 {
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        margin-bottom: 0;
        padding: 5px 10px 0;
        color: #666666;
    }


    #deployed .caption h4 {
        border-right: solid 4px #333333;
    }


.ed-soft-wrapper {
    padding: 20px;
    border: solid 1px #dddddd;
    background: #ffffff;
    margin-bottom: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    height: 200px;
}

#developed .developed-icons div {
    margin: 30px 0 20px;
    text-align: center;
}

/* --- Rotate containers ---*/

#connected {
    padding: 100px 0;
    width: 120%;
    position: relative;
    left: -10%;
    top: -20px;
    background: #f9f9f9;
    -ms-transform: rotate(-9deg); /* IE 9 */
    -webkit-transform: rotate(-9deg); /* Chrome, Safari, Opera */
    transform: rotate(-9deg);
}

    #connected .straighten {
        -ms-transform: rotate(9deg); /* IE 9 */
        -webkit-transform: rotate(9deg); /* Chrome, Safari, Opera */
        transform: rotate(9deg);
    }

#developed {
    padding: 40px 0 150px 0;
    width: 120%;
    position: relative;
    left: -10%;
    top: 10px;
    background: #f9f9f9;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}


    #developed .straighten {
        -ms-transform: rotate(-7deg); /* IE 9 */
        -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
        transform: rotate(-7deg);
    }

#contact {
    margin-top: -85px;
    background: #ffffff;
    position: relative;
    z-index: 99;
}

.edu-contact-block {
    font-size: 20px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    line-height: 130%;
    color: #666666;
    padding: 20px 0;
}

.edu-brochure-dl {
    padding: 30px 30px 22px 30px;
    border: solid 1px #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
}

    .edu-brochure-dl,
    .edu-brochure-dl .fa-file-o,
    .edu-brochure-dl .fa-chevron-right {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .edu-brochure-dl:hover {
            background: #1e9bd8;
            border: solid 1px #1e9bd8;
            color: #ffffff;
        }

            .edu-brochure-dl:hover .fa-file-o,
            .edu-brochure-dl:hover .fa-chevron-right {
                color: #ffffff;
            }

        .edu-brochure-dl .fa-file-o {
            color: #d12329;
            font-size: 48px;
            padding: 0px 10px 0 0;
            float: left;
        }

        .edu-brochure-dl .fa-chevron-right {
            float: right;
            margin-top: -10px;
        }
/* ---- about stormfront Template page---- */
.about-container {
    padding: 80px 0;
}

.padded-text {
    padding: 0 50px;
}

.about-feature p {
    font-size: 14px;
    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
    position: absolute;
    bottom: 20px;
    right: 20px;
}


.about-services img {
    max-width: 100%;
}

.about-services h4 {
    margin-top: 25px;
}

/*------ sitemap -------*/

#sitemap ul {
    list-style: none;
    padding: 0;
}

    #sitemap ul > li {
        margin-bottom: 20px;
    }

        #sitemap ul > li a {
            font-size: 24px;
            color: #000;
        }

            #sitemap ul > li a:hover {
                text-decoration: underline;
            }

    #sitemap ul li ul li {
        margin-bottom: 5px;
    }

        #sitemap ul li ul li a {
            font-size: 14px;
            color: #999;
        }

        #sitemap ul li ul li ul {
            padding: 5px 0 0 20px;
        }

    #sitemap ul li a:hover {
        color: #000000;
    }


/* ---- producct river Template page---- */
.river .river-block {
    padding: 50px 0;
    position: relative;
    border-bottom: solid 1px #ddd;
}

    .river .river-block.last {
        padding-bottom: 0;
        border: none;
    }

    .river .river-block img {
        width: 100%;
    }

    .river .river-block h3 {
        font-size: 30px;
        color: #333333;
        margin-top: 0;
    }

    .river .river-block p {
        font-size: 20px;
        padding: 0 10%;
    }


.ipad-single-feature {
    padding: 65px 0;
}

.river.ipad-2 .river-block {
    border: none;
}

.river.ipad-2.river-grey,
.river.iphone.river-grey {
    background: #f1f1f1;
}

.river.ipad-2 .river-block h3,
.river.macbook .river-block h3,
.river.macbook-pro-river .river-block h3 {
    font-size: 50px;
    color: #333333;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 126%;
}

.river.ipad-2 .river-block.two-col p {
    font-size: 20px;
    padding: 0;
}

.river.ipad-2 .river-block img {
    width: auto;
    max-width: 100%;
}

.river.ipad-2.waves-bg {
    background-image: url(/assets/images/ipad-air-2-river/waves.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.river.ipad-2.waves-bg-mini {
    background-image: url(/assets/images/ipad-mini-3-river/wave.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}


#ipad-air-2-capable {
    margin-top: -150px;
    margin-bottom: -50px;
}

#ipad-air-2-touchid {
    margin-top: -350px;
    margin-bottom: -120px;
    margin-left: -30%;
    width: 130%;
}

#ipad-air-2-apps {
    margin-bottom: -50px;
    margin-left: -15%;
    min-width: 130%;
}

#ipad-mini-3-apps {
    margin-bottom: 0;
    margin-left: -15%;
    min-width: 130%;
}


#ipad-air-2-print {
    margin-bottom: 0px;
    margin-top: 25px;
    margin-left: -60%;
    min-width: 220%;
}

#ipad-mini-3-hero {
    margin-left: -15%;
    min-width: 130%;
    margin-bottom: -50px;
}

#ipad-mini-3-intro {
    margin-top: 100px;
}

#ipad-mini-3-innovations {
    margin-left: -60%;
    min-width: 160%;
    margin-bottom: 0;
}

.river.ipad-2.overflow-hidden {
    overflow: hidden;
}

.river.macbook {
    position: relative;
}

    .river.macbook .river-block {
        border: none;
    }



.river .river-block.block-one {
    position: absolute;
    z-index: 1;
    top: 700px;
    width: 100%;
    left: 0;
}

.river #macbook-intro {
    margin-top: 100px;
    margin-bottom: 30px;
}

.river #macbook-one-specs {
    margin: 25px 0;
}

.river #macbook-keyboard {
    margin: 55px 0;
}

.river #macbook-retina,
.river #macbook-trackpad,
.river #macbook-builtapps {
    margin-left: -30%;
    min-width: 160%;
    margin-bottom: 60px;
}


.river #macbook-wifi {
    margin-top: -100px;
    margin-left: -10%;
}

.river #macbook-usbc {
    width: 130%;
    margin: 40px 0 60px -30%;
}

.river #macbook-oneport {
    position: relative;
    width: 100%;
    top: 50px;
    background-size: 1203px 993px;
    height: 933px;
    width: 1203px;
}

.river #macbook-osx {
    position: absolute;
    width: 100%;
    top: -200px;
}

.river #macbook-quietly {
    margin: 30px 0;
}

.river #spec-battery {
    margin-top: 200px;
}

.river .river-block.left-algin-block p {
    padding: 0;
}

.river.macbook .river-block.knockdown p {
    margin-bottom: 500px;
}

.river .river-block .spec-att {
    width: auto;
    max-width: 100%;
    margin: 25px 0;
}

    .river .river-block .spec-att.left {
        margin-right: 45px;
    }

.river.river-grey-gradient {
    background: #f7f6f7;
    background: -moz-linear-gradient(top, #f7f6f7 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f6f7), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f7f6f7 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #f7f6f7 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f7f6f7 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #f7f6f7 0%,#ffffff 100%);
}

.river.macbook.river-grey {
    background: #f7f6f7;
}

.imac-river img {
    width: 100%;
    max-width: 90%;
}



.imac-river.split-shadow {
    background: url(/assets/images/imac-retina-river/split-shadow@2x.png) bottom center no-repeat;
    background-size: 1200px 20px;
    border: none;
}

.imac-river h3,
.imac-river .river-block h3 {
    font-size: 50px;
    color: #333333;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 126%;
}

.imac-river .river-block {
    padding: 0 0 60px 0;
    border-bottom: solid 3px #dddddd;
}

    .imac-river p,
    .imac-river .river-block p {
        font-size: 20px;
        padding: 0;
    }

.imac-river img {
    margin-top: 50px;
}

.imac-river.bottom-align {
    padding-bottom: 11px;
}

#imac-hero {
    margin: 0;
    margin-top: -120px;
}

#imac-intro {
    margin-top: 130px;
    max-width: 100%;
}


#macbook-pro-intro {
    margin-top: 100px;
    max-width: 100%;
}


/* --- iphone river --- */
.river.iphone .river-block {
    padding: 80px 0;
    position: relative;
    border: none;
}

    .river.iphone .river-block p {
        padding: 0;
    }

    .river.iphone .river-block h3 {
        font-size: 50px;
        margin: 20px 0 0 0;
        line-height: 100%;
    }


.ext-height {
    padding: 130px 0 50px 0;
}

#iphone-hero-container {
    padding-bottom: 160px;
}

    #iphone-hero-container .iphone-models {
        text-align: left;
    }

#iphone-hero {
    margin-bottom: -355px;
}

#iphone-intro {
    margin-top: 40px;
}

.river.iphone .iphone-model {
    max-width: 100%;
    width: 80%;
    margin-bottom: 10px;
}

#iphone-retinahd,
#iphone-wireless {
    margin-top: -150px;
    margin-bottom: -180px;
    width: 90%;
}

#iphone-a8chip {
    margin-top: 20px;
    margin-bottom: -120px;
    width: 185%;
    margin-left: -56%;
}

.river.iphone.shrink-height {
    padding: 130px 0;
}

#iphone-m8motion {
    margin-top: -100px;
    margin-bottom: -225px;
    width: 90%;
}

#iphone-camera {
    margin-top: -60px;
    margin-bottom: -120px;
    width: 185%;
    margin-left: -56%;
}

#iphone-touchid {
    margin-top: -180px;
    margin-bottom: -180px;
    margin-left: -5%;
    width: 100%;
}

#iphone-ios8 {
    margin-top: -200px;
    margin-bottom: -200px;
    width: 95%;
}

#iphone-compare table tr th img {
    max-width: 90%;
    width: 180px;
    margin-bottom: 20px;
}

#iphone-compare table tr td, #iphone-compare table tr th {
    border-bottom: 1px solid #d1d3d4;
    padding: 12px 4px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
    text-align: left;
}


#iphone-compare table tr.last td,
#iphone-compare table tr.first th,
#iphone-compare table tr.spacerTop th,
#iphone-compare .iphone-compare-mobile table tr.spacerTop th {
    border-bottom: none;
}

#iphone-compare p {
    line-height: 140%;
    margin-bottom: 15px;
}



#iphone-compare .strong {
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
}

#iphone-compare .space {
    margin: 0 7px;
}

    #iphone-compare .space.first,
    #iphone-compare .space:first-child {
        margin-left: 0;
    }

    #iphone-compare .space.last,
    #iphone-compare .space:last-child {
        margin-right: 0;
    }

.compSingleProd {
    margin-bottom: 30px;
}

#iphone-compare .iphone-compare-mobile table tr th img {
    width: 80%;
    margin-bottom: 0;
}

#iphone-compare .iphone-compare-mobile table tr td {
    padding-top: 0;
    padding-bottom: 0;
}

#iphone-compare .iphone-compare-mobile h3 sup {
    font-size: 12px;
}



/* ---- jobs Template page---- */
#jobs-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    #jobs-list li {
        margin: 0;
        border-bottom: solid 1px #dddddd;
        padding: 0;
        text-align: left;
    }

        #jobs-list li span {
            display: inline-block;
            width: 24%;
        }




/* ---- products Template page---- */
.overwhite {
    overflow: hidden;
}

.productGrid {
    overflow: hidden;
    border: solid 1px #ffffff;
    padding: 0;
    margin: 0;
    width: 102%;
    height: 102%;
    margin-bottom: -2px;
}

    .productGrid li {
        display: block;
        width: 33%;
        border: solid 1px #ddd;
        float: left;
        list-style: none;
        text-align: center;
        padding: 20px 30px;
        margin: -1px 0 0 -1px;
        min-height: 460px;
        transition: background .3s ease-in-out;
        -moz-transition: background .3s ease-in-out;
        -webkit-transition: background .3s ease-in-out;
        position: relative;
    }

    .productGrid.accessories li {
        min-height: 380px;
    }

    .productGrid.appcessories li {
        min-height: 380px;
    }

    .productGrid.accessories.ipad li {
        min-height: 400px;
    }

    .productGrid.accessories.iphone li {
        min-height: 460px;
    }

    .productGrid.accessories.bags-sleeves li {
        min-height: 430px;
    }

    .productGrid.accessories.mac li {
        min-height: 420px;
    }

    .productGrid.accessories.mac.make-it-stick li {
        min-height: 310px;
        padding-top: 40px;
    }

    .productGrid.accessories.speakers li {
        min-height: 420px;
    }

    .productGrid.accessories.ipod li {
        min-height: 450px;
    }

    .productGrid.accessories.headphones li {
        min-height: 400px;
    }

    .productGrid.ipad li {
        min-height: 495px;
    }

    .productGrid li h4 {
        margin: 20px 0 5px 0;
    }

    .productGrid li .actionWrap,
    .hb-small .actionWrap {
        position: absolute;
        bottom: 25px;
        left: 0;
        width: 100%;
    }


    .productGrid.accessories li .acc-color span {
        display: inline-block;
        margin: 0 2px;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

        .productGrid.accessories li .acc-color span.white {
            height: 12px;
            width: 12px;
            border: solid 1px #999;
        }

    .productGrid li:hover {
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 30%, #fbfbfb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 30%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 30%,#fbfbfb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 30%,#fbfbfb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 30%,#fbfbfb 100%); /* W3C */
    }

.macpro h4 {
    margin-top: 25px;
}

/* ---- take finance options page---- */

#finance-options .take-wrapper p,
#finance-options .take-wrapper ul li {
    font-size: 16px;
}

    #finance-options .take-wrapper p.small {
        font-size: 14px;
    }

#finance-options .take-wrapper h3 {
    font-size: 24px;
}

.finance-compare-table {
    border: solid 1px #dddddd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .finance-compare-table .fc-column {
        text-align: center;
        padding: 30px;
    }

        .finance-compare-table .fc-column.grey {
            background: #f7f7f7;
            margin-left: -10px;
        }

#finance-options h3.fc-title {
    font-size: 20px;
    color: #019de1;
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
}

#finance-options h2.fo-title {
    font-size: 28px;
    margin-bottom: 10px;
    color: #333333;
}

.finance-reasons-list {
    list-style-type: decimal;
    padding-left: 20px;
    margin: 0 0 20px 0;
    list-style-position: outside;
}

    .finance-reasons-list li {
        margin-bottom: 10px;
        font-size: 16px;
    }

#zero-int-squares {
    margin: 15px 0;
}

#fo-macbook-pro,
#fo-imac,
#fo-ipad {
    position: relative;
    z-index: 1;
}

#fo-macbook-pro {
    width: 400%;
    margin-left: -300%;
}

#fo-imac {
    width: 120%;
    margin-right: 5%;
    top: 150px;
}

#fo-ipad {
    width: 110%;
    margin-left: -10%;
    margin-top: 10px;
}

.fo-step-block {
    margin: 5px 0;
    min-height: 190px;
    position: relative;
}

    .fo-step-block.first {
        margin-bottom: -40px;
        margin-top: 60px;
    }

    .fo-step-block.fo-arrow {
        padding: 30px 0;
        min-height: 0;
    }

    .fo-step-block h4 {
        margin: 15px 0 -5px 0;
        color: #1a9ede;
        text-transform: uppercase;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    }

    .fo-step-block .level-wrap {
        position: absolute;
        top: 70px;
        width: 100%;
        left: 0;
        padding: 0 10px;
    }
#finance-options p {
    color:#999999;
    }
#finance-options p strong {
    color:inherit;
}
#fo-takesix {
    padding: 60px 0 450px 0;
    width: 150%;
    position: relative;
    left: -25%;
    top: 15px;
    background: #f9f9f9;
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
}

    #fo-takesix .straighten {
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }

#fo-takelonger {
    padding: 120px 0 0 0;
    margin-bottom: -351px;
    width: 120%;
    position: relative;
    left: -10%;
    top: -350px;
    background: #ffffff;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
}

    #fo-takelonger .straighten {
        -ms-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }

#finance-options #navigation .subnav.finance-nav li a {
    padding: 10px 20px 8px 8px;
}

#finance-options .top-spacing {
    padding-top: 180px;
}

#finance-options h1,
#finance-options h3 {
    margin: 0;
}

#finance-options .finance-icons {
    margin: 50px 0 0 0;
}

    #finance-options .finance-icons .col {
        float: left;
    }

        #finance-options .finance-icons .col.col-int,
        #finance-options .finance-icons .col.col-dep,
        #finance-options .finance-icons .col.col-ear {
            width: 33%;
            padding-right: 10px;
        }

        #finance-options .finance-icons .col.col-ear {
            padding-right: 0;
        }


    #finance-options .finance-icons p {
        margin: 0;
        line-height: 110%;
        padding: 0;
    }

        #finance-options .finance-icons p img {
            margin: 0 15px 20px 0;
        }

#finance-options #finace-calculation.single-finance-calc {
    padding: 30px 0 20px 0;
}

    #finance-options #finace-calculation.single-finance-calc .finance-table {
        margin-bottom: 0;
    }

#finance-options .takefinance-product-hero {
    max-width: none;
}

#fo-faq {
}

#finance-options h3 {
    font-size: 30px;
}

#finance-options h4 {
    font-size: 22px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}

#fo-faq h5 {
    font-size: 20px;
    margin-top: 30px;
    color: #333333;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
}

#fo-faq p,
#fo-faq li {
    font-size: 16px;
    margin-top: 5px;
    color: #999999;
}

#fo-faq li {
    margin-bottom: 10px;
}

#finance-options .finance-guarantee-block {
    margin-top: 0;
}
/* ---- take finance Template page---- */
.price-finance-link {
    margin: -10px 0 10px 0;
    font-size: 12px;
    font-weight: normal;
    color: #999999;
}

    .price-finance-link a {
        font-size: 12px;
        font-weight: normal;
    }

    .price-finance-link.three-yg a {
        color: #999999;
    }

.recommended-finance {
    border: solid 2px #2daae1;
    background-image: url(/assets/images/finance-corner.png);
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.finance-type img {
    margin: 15px auto 25px auto;
}

.column-spacer-10 {
    padding: 0 10px;
}

.payment-plan h4,
.payment-plan p {
    color: #1a9ed8;
}

#finace-calculation {
    display: none;
}

.finance-table tr.recommended {
    background-color: #888;
}

.finance-table th,
.finance-table td {
    text-align: left;
}

.finance-table {
    margin: 15px 0 40px 0;
}

    .finance-table td,
    .finance-table th {
        padding: 10px 0;
    }

    .finance-table tbody td {
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
    }




/*--- pricing table ---*/
.thead {
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
    padding-top: 20px;
}

.pricingTable {
    padding: 0;
    margin: 0;
    width: 100%;
    display: table;
}

    .pricingTable .column {
        display: table-cell;
        float: left;
        list-style-type: none;
        position: relative;
        box-sizing: border-box;
        padding: 0 10px;
        margin: 0;
    }

        .pricingTable .column.last {
            padding-right: 0;
        }

        .pricingTable .column .sub-head {
            margin-bottom: 10px;
        }

        .pricingTable .column .prod-spec ul {
            padding: 0 0 0 12px;
            margin: 0;
            list-style: disc;
            display: table-cell;
        }

.ipad-table.pricingTable .column .prod-spec {
    min-height: 270px;
}

.pricingTable.three-col .column {
    width: 33%;
}

.pricingTable.two-col .column {
    width: 50%;
}


.pricingTable.macpro-table .column .prod-spec {
    min-height: 330px;
}

.pricingTable.macair-table .column .prod-spec {
    min-height: 230px;
}

.pricingTable.imac-table .column .prod-spec {
    min-height: 250px;
}




#personal-trainer .lowerWrap {
    box-shadow: none;
    overflow: hidden;
}

.training-login-container {
    background: #ffffff;
    overflow: hidden;
    padding: 31px 0 7px 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    bottom: 0;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    /* IE 5-7 */
    filter: alpha(opacity=90);
    /* Netscape */
    -moz-opacity: 0.9;
    /* Safari 1.x */
    -khtml-opacity: 0.9;
    /* Good browsers */
    opacity: 0.9;
}

    .training-login-container input[type="text"],
    .training-login-container input[type="password"] {
        width: 44%;
        background-color: #999;
        background: #dddddd;
        color: #000000;
        border: none;
        margin-right: 10px;
    }

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

    .course-list ul li {
        margin-bottom: 11px;
    }

.pt-steps .pt-single-step {
    width: 100%;
    float: left;
}

    .pt-steps .pt-single-step img {
        margin: 15px 10px 0 0;
        float: left;
    }

    .pt-steps .pt-single-step p {
        width: 75%;
        margin-right: 4%;
        float: right;
    }

#pt-login ::-webkit-input-placeholder {
    color: #666666;
}

#pt-login :-moz-placeholder { /* Firefox 18- */
    color: #666666;
}

#pt-login ::-moz-placeholder { /* Firefox 19+ */
    color: #666666;
}

#pt-login :-ms-input-placeholder {
    color: #666666;
}

.forgottenPasswordLink {
    font-size: 10px;
    color: #666;
    margin: 0;
    padding: 0;
}

.pt-signin-title {
    color: #ffffff;
}



/* ---- footer feature ---- */
.footer-feature {
    width: 100%;
    padding: 20px;
}

    .footer-feature.grey {
        background: #EEEEEE;
        border-top: solid 1px #DDDDDD;
    }



    .footer-feature.light-mesh {
        border-top: solid 1px #DDDDDD;
        background: url(/assets/images/lghtmesh.png);
    }

.tf-thumbnail {
    left: -30px;
    top: -40px;
}



/* ---- footer ---- */
.footer {
    background: #333333;
    padding: 50px 0;
}

    .footer h4 {
        color: #ffffff;
    }


    .footer ul li,
    .footer ul {
        list-style: none;
        list-style-type: none;
        padding: 0;
    }

        .footer ul li a,
        .footer p,
        .footer ul li {
            color: #A0A0A0;
            font-size: 12px;
            line-height: 130%;
        }

        .footer ul li {
            margin-bottom: 10px;
        }

            .footer ul li a:hover {
                text-decoration: underline;
            }

    .footer .quick-contact ul li a {
        line-height: 170%;
    }

    .footer .quick-contact ul li {
        margin-bottom: 15px;
    }

    .footer .footer-social {
        margin-top: 20px;
    }

        .footer .footer-social a {
            color: #999999;
        }

            .footer .footer-social a:hover {
                color: #2daae1;
            }

.copyright p,
.copyright a {
    font-size: 12px;
    color: #999;
}






/* ---- forms ---- */
form {
    overflow: hidden;
}

    form input {
        box-sizing: border-box;
        font-size: 14px;
        color: #666;
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    }

        form input[type="text"],
        form input[type="password"] {
            background: #EEEEEE;
            border: solid 1px #DDDDDD;
            margin-bottom: 10px;
            border-radius: 25px;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            font-size: 14px;
            padding: 12px 15px 8px;
            width: 100%;
            color: #666666;
        }



.footer form input[type="text"],
.ie8 .select select,
.ie9 .select select,
.notie .select select {
    background: #555555;
    border: solid 1px #444444;
    color: #A0A0A0;
    font-size: 12px;
    margin-bottom: 10px;
}


.select select option {
    color: #444444;
}

/*All except ie7*/
.ie8 .select,
.ie9 .select,
.notie .select {
    display: inline-block;
    overflow: hidden;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    position: relative;
    width: 200px;
    background: url('/assets/images/grey-arrow-down.png') no-repeat 90% center #555555;
}

    /*All except ie7*/
    .ie8 .select select,
    .ie9 .select select,
    .notie .select select {
        border: none;
        margin: 0;
        padding: 10px 15px;
        display: inline-block;
        -webkit-appearance: none;
        background: transparent;
        color: #A0A0A0;
        outline: none;
        width: 230px;
        font-size: 12px;
    }




.simple-page {
    position: absolute;
    z-index: 99999;
    padding-top: 200px;
    width: 100%;
    height: 100%;
    padding: 30px 0;
}

    .simple-page .simple-icon i {
        color: #666;
        font-size: 50px;
    }

    .simple-page .small-splitter {
        background-color: #999999;
    }
/*----------------------------------------
 
 PAGE BANNERS
 
 page banner/feature containers have an image
 set as a background, defined via unique ID.
 
 Each banner contains a title, this title
 must have a specified space above.
 
 
 -----------------------------------------*/
.topWrap {
    overflow: hidden;
}

.page-banner {
    height: 460px;
    width: 100%;
    background-size: cover;
    position: relative;
    margin-top: 98px;
}


.banner-overlay,
.banner-pattern {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: #000000 !important;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /* IE 5-7 */
    filter: alpha(opacity=30);
    /* Netscape */
    -moz-opacity: 0.3;
    /* Safari 1.x */
    -khtml-opacity: 0.3;
    /* Good browsers */
    opacity: 0.3;
}

#guarantee-banner .banner-overlay {
    background: #000000 !important;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    /* IE 5-7 */
    filter: alpha(opacity=35);
    /* Netscape */
    -moz-opacity: 0.35;
    /* Safari 1.x */
    -khtml-opacity: 0.35;
    /* Good browsers */
    opacity: 0.35;
}

.banner-pattern {
    background: url(/assets/images/dotted-overlay.png);
    background-size: 2px 2px;
}

#contact-banner .title-container,
#support-banner .title-container,
#education-banner .title-container,
#institution-banner .title-container,
#jobs-banner .title-container,
#business-banner .title-container,
#benefits-banner .title-container,
#edu-ed-banner .title-container {
    margin-top: 160px;
    padding: 0 20%;
}


#contact-banner .title-container {
    padding: 0;
    margin-top: 110px;
}

#contact-banner .search-container {
    margin-top: 0;
}

#contact-banner .title-container .split {
    width: 100%;
    height: 3px;
    background: #555555;
    position: relative;
    margin-top: 110px;
    margin-bottom: -50px;
}

    #contact-banner .title-container .split::before {
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        background: #555555;
        position: absolute;
        left: -100%;
        top: 0;
    }

#contact-banner #store-locator input[type="text"] {
    background: #555555;
    color: #cccccc;
    border-color: #444444;
}

#contact-banner .title-container h3 {
    margin-top: 20px;
    font-size: 24px;
}


#about-banner .title-container {
    margin-top: 130px;
}

#about-banner {
    background-image: url(/assets/images/about-banner.jpg);
    background-position: 50% 20%;
}

#thankyou,
#error404,
#genericError {
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

#thankyou {
    background-image: url(/assets/images/thankyou-banner.jpg);
}

#error404 {
    /*background-image: url(/assets/images/error-background.jpg);*/
    background: #ffffff;
}

#genericError {
    background-image: url(/assets/images/fallback-error-background.jpg);
}

.parallax-feature {
    height: 450px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
}

    .parallax-feature.pa-store {
        background-image: url(/assets/images/about-store-parrallax.jpg);
    }

    .parallax-feature.pa-service {
        background-image: url(/assets/images/about-service-parrallax.jpg);
    }


/* case study banners */
#isca-banner .title-container,
#holmesdale-banner .title-container,
#stmartins-banner .title-container,
#stpeters-banner .title-container {
    margin-top: 290px;
}

#takefinance-banner .title-container,
#finance-options-banner .title-container {
    margin-top: 205px;
}

#guarantee-banner .title-container {
    margin-top: 78px;
}

#health-and-fitness-banner .title-container {
    margin-top: 205px;
}

#training-banner .title-container {
    margin-top: 150px;
}


#contact-banner,
.store-banner,
#support-banner,
#education-banner,
#institution-banner,
#jobs-banner,
#business-banner {
    background-color: #ffffff;
}

#contact-banner {
    background: #333333;
    background-position: 50% 20%;
    height: 460px;
}

#store-banner {
    background-image: url(/assets/images/store-banner.jpg);
    background-position: 50% 50%;
}

.store-banner .title-container {
    margin-top: 170px;
    padding: 0;
}


/*#Canterbury-banner {
    background-image: url(/assets/images/contact/banners/Canterbury-banner.jpg);
    background-position: 50% 50%;
}*/

/*#support-banner {
    background-image: url(/assets/images/support-banner.jpg);
    background-position: 50% 20%;
}

#education-banner {
    background-image: url(/assets/images/education-banner.jpg);
    background-position: 50% 40%;
}

#institution-banner {
    background-image: url(/assets/images/institution-banner.jpg);
    background-position: 50% 40%;
}*/


#isca-banner {
    background-image: url(/assets/images/isca-banner.jpg);
    background-position: 50% 40%;
}

#jobs-banner {
    background-image: url(/assets/images/jobs-banner.jpg);
    background-position: 50% 40%;
}

#holmesdale-banner {
    background-image: url(/assets/images/holmesdale-banner.jpg);
    background-position: 50% 40%;
}

#stmartins-banner {
    background-image: url(/assets/images/stmartins-banner.jpg);
    background-position: 50% 40%;
}

#stpeters-banner {
    background-image: url(/assets/images/stpeters-banner.jpg);
    background-position: 50% 40%;
}

#takefinance-banner {
    background-image: url(/assets/images/takefinance-banner.jpg);
    background-position: 50% 40%;
}

#finance-options-banner {
    background-image: url(/assets/images/finance-options-banner.jpg);
    background-position: 50% 50% !important;
}

#guarantee-banner {
    background-image: url(/assets/images/guarantee-banner.jpg);
    background-position: 50% 40%;
}

#training-banner {
    background-image: url(/assets/images/training-banner.jpg);
    background-position: 50% 0;
    height: 550px;
}

#health-and-fitness-banner {
    background-image: url(/assets/images/health-fitness-banner.jpg);
    background-position: 50% 40%;
}

#business-banner {
    background-position: 50% 40%;
}

#benefits-banner {
    background-position: 50% 40%;
}

#edu-ed-banner {
    background-image: url(/assets/images/education-banner-eight.jpg);
}


.title-container {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    position: relative;
    z-index: 999;
}

    .title-container h1 {
        color: #ffffff;
        margin: 10px 0 0 0;
    }

    .title-container h3 {
        color: #ffffff;
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        margin-top: 0px;
    }

#guarantee-banner .title-container h1,
#guarantee-banner .title-container h3 {
    color: #ffffff;
    text-shadow: none;
}



#takefinance-banner .title-container h3 {
    font-size: 24px;
    max-width: 500px;
}

#training-banner .title-container h3 {
    font-size: 24px;
    max-width: 600px;
    width: 600px;
    margin: 0 auto;
}

    #training-banner .title-container h3 i {
        letter-spacing: -1px;
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    }

#health-and-fitness-banner .health-and-fitness-fg {
    position: absolute;
    bottom: -405px;
    right: 50px;
    z-index: 21;
}

#health-and-fitness .main {
    padding: 80px 0;
}

#health-and-fitness .acc-color {
    margin: 13px 0 13px 15px;
}

    #health-and-fitness .acc-color span {
        display: inline-block;
        margin: 4px;
        height: 15px;
        width: 15px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }


#health-and-fitness .footer-feature {
    position: relative;
}

#health-and-fitness img {
    max-width: 100%;
}

#health-and-fitness #micoach-band .prices p.left {
    margin-right: 30px;
}


#health-and-fitness #urbanista-rio img {
    position: absolute;
    bottom: 0;
    top: -125px;
}


#health-and-fitness #itunes-card img {
    width: 120%;
    margin: 30px -20% 0 0;
}

#health-and-fitness #zepp-tennis img.player {
    position: absolute;
    bottom: 0;
    top: -125px;
    right: 0;
}

#health-and-fitness #zepp-tennis img {
    max-width: none;
}

/*#health-and-fitness #itunes-card img {
    position: absolute;
    bottom: 0;
    top: -125px;
}*/

#health-and-fitness #bose-earbuds img {
    margin: -30px 0;
}



/* ------- Application Form --------*/

#application-form .form-container h4 {
    margin-bottom: 5px;
}

#application-form .form-container p {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    color: #999999;
    margin-top: 0;
}

#application-form .application-form a {
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
}

#application-form .application-form label,
.ls-demo-form label {
    font-size: 14px;
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    color: #333333;
    margin-bottom: 5px;
    display: inline-block;
}

    #application-form .application-form label.small-lab {
        font-size: 10px;
        color: #999999;
        margin-bottom: 25px;
        display: inline-block;
    }

#application-form .form-container label.small-lab.inline,
span.small-lab.inline {
    font-size: 12px;
    margin-bottom: 0px;
    color: #999999;
}

#application-form .application-form input[type="text"].bot-lab,
#application-form .application-form input[type="email"].bot-lab {
    margin-bottom: 0;
}

#application-form .application-form input[type="text"],
#application-form .application-form input[type="email"],
.ls-demo-form input[type="text"],
.ls-demo-form input[type="email"] {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    border: solid 1px #dddddd;
    background: #ffffff;
    padding: 16px 15px 12px;
    margin-bottom: 25px;
    width: 100%;
}

    #application-form .application-form input[type="text"].readonly {
        background: #f9f9f9;
        color: #999999;
    }

    #application-form .application-form input[type="text"]:focus,
    #application-form .application-form input[type="email"]:focus,
    .ls-demo-form input[type="text"]:focus,
    .ls-demo-form input[type="email"]:focus {
        box-shadow: none;
        border-color: #2daae1;
        color: #2daae1;
    }

#application-form .application-form .form-splitter {
    height: 1px;
    background: #dddddd;
    width: 100%;
    margin: 25px 0 50px 0;
}

#application-form .application-form .field-validation-error {
    color: #c0392b;
    font-size: 12px;
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: 15px;
}

#application-form .application-form input[type="text"].input-validation-error,
#application-form .application-form input[type="email"].input-validation-error {
    border-color: #c0392b;
}

#application-form .application-form .signature {
    border-radius: 2px;
    font-family: "proxima_novaregular",Helvetica,Arial,sans-serif;
    border: 1px solid #DDD;
    background: none repeat scroll 0% 0% #FFF;
    margin-bottom: 25px;
    width: 100%;
}

/* ------- END Application Form --------*/


#loading-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999999999;
    background: #ffffff;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
}

    #loading-overlay h4 {
        color: #000000;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        margin-top: -18px;
    }


#tradein {
    overflow: hidden;
}

    #tradein iframe {
        margin: -125px 0 0 -8px;
    }

.trade-in-steps .grid-copy {
    min-height: 0 !important;
}

.trade-in-steps .large-blue-number {
    font-size: 28px;
    color: #2daae1;
    display: block;
    width: 100%;
    text-align: left;
    border-right: solid 1px #dddddd;
}

.ti-recycle-icon {
}



.acc-link i {
    padding: 6px;
    color: #333333;
    line-height: 150%;
}


.acc-link.selected h3 {
    font-weight: bold;
}

#terms-conditions h4 {
    margin: 30px 0 10px 0;
}

#terms-conditions h5 {
    margin: 25px 0 -5px 0;
}

.panel-collapse {
    overflow: hidden;
}

.panel-link {
    overflow: hidden;
    display: block;
    width: 100%;
    padding: 15px 0 5px 0;
}

.collapse.in {
    display: block;
}

.collapse {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height;
    -o-transition-property: height;
    transition-property: height;
}

.accoridan .panel-heading .r-more {
    display: none;
}

.accoridan .panel-heading .collapsed .r-more {
    display: inline-block;
}

.accoridan .panel-heading .collapsed .r-less {
    display: none;
}



.accoridan .panel-heading {
    padding: 5px 10px;
    border-bottom: 1px solid;
    overflow: hidden;
}

.accoridan .panel-default > .panel-heading {
    color: #333;
    border-color: #ddd;
}

.accoridan .panel-group .panel-heading {
    border-bottom: solid 1px #ddd;
}

.accoridan .panel-link h3 {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-family: "proxima_novaregular",Helvetica,Arial,sans-serif;
}

.accoridan .compSingleProd h5 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: "proxima_novabold",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    color: #666666;
}

.accoridan .panel-link.collapsed h3 {
    font-family: "proxima_novalight",Helvetica,Arial,sans-serif;
}

.accoridan .panel-heading a i {
    padding: 6px;
    color: #333333;
    line-height: 150%;
}

.accoridan .panel-heading a:hover h3,
.accoridan .panel-heading a:hover i {
    color: #2daae1;
}


.panel-body {
    padding: 15px;
}

    .panel-body ul {
        padding: 0 20px;
    }

        .panel-body ul li {
            margin-bottom: 7px;
        }

.panel-group {
    margin-bottom: 20px;
}

/* ------- Repsonsive --------*/
.no-tablet, .no-mobile {
    display: block;
}

table.no-tablet, table.no-mobile {
    display: table;
}



.alert {
    padding: 17px 15px 12px 15px;
    margin: 15px 0;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    font-size: 16px;
}

    .alert.alert-success {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

    .alert.alert-error {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .alert.alert-error a {
            color: #a94442;
            font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        }

            .alert.alert-error a:hover {
                text-decoration: underline;
            }


.videoBorder {
    padding: 4px;
    background: #fff;
    border: solid 1px #ddd;
    margin-bottom: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.youtubeWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

    .youtubeWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }





/* ------------- GUARANTEE  --------------- */


.guarantee-bar {
    width: 100%;
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 35px;
    margin: -10px 0 10px 0;
}

    .guarantee-bar.blue {
        background-image: url(/assets/images/guarantee-bar-blue.jpg);
}

    .guarantee-bar.grey {
        background-image: url(/assets/images/guarantee-bar-grey.jpg);
}


    .guarantee-bar span {
        width: 33.33%;
        float: left;
        display: block;
        padding: 12px 0 10px 0;
        position: relative;
        text-transform: uppercase;
        font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
        text-align: center;
}



    .guarantee-bar.blue span {
        color: #ffffff;
    }

    .guarantee-bar.grey span {
        color: #333333;
    }

#guarantee h3 {
    margin-bottom: 15px;
}

#guarantee h5 {
    margin-bottom: 10px;
    margin-top: 30px;
}

#guarantee h6 {
    margin-bottom: 8px;
    margin-top: 20px;
}

#guarantee .guarantee-multi {
    width: 120%;
    margin-right: -20%;
}

#guarantee .feature img {
    max-width: 100%;
}

/*.guarantee-bar span img {
    position: absolute;
    left: -22px;
    top: -5px;
    width: 45px;
    height: 45px;
}*/


/* ------------- // GUARANTEE  --------------- */

/* ---  Slide / fade in animation  ---  */
.come-in.in-bottom {
    -webkit-animation-name: come-in-bottom; /* Chrome, Safari, Opera */
    animation-name: come-in-bottom;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.in-top {
    -webkit-animation-name: come-in-top; /* Chrome, Safari, Opera */
    animation-name: come-in-top;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.in-left {
    -webkit-animation-name: come-in-left; /* Chrome, Safari, Opera */
    animation-name: come-in-left;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.in-right {
    -webkit-animation-name: come-in-right; /* Chrome, Safari, Opera */
    animation-name: come-in-right;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.subtle-in-left {
    -webkit-animation-name: subtle-come-in-left; /* Chrome, Safari, Opera */
    animation-name: subtle-come-in-left;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.subtle-in-right {
    -webkit-animation-name: subtle-come-in-right; /* Chrome, Safari, Opera */
    animation-name: subtle-come-in-right;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.subtle-in-bottom {
    -webkit-animation-name: subtle-come-in-bottom; /* Chrome, Safari, Opera */
    animation-name: subtle-come-in-bottom;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.come-in.subtle-in-top {
    -webkit-animation-name: subtle-come-in-top; /* Chrome, Safari, Opera */
    animation-name: subtle-come-in-top;
    -webkit-animation-duration: 2.4s; /* Chrome, Safari, Opera */
    animation-duration: 2.4s;
}

.eleAnimate {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}

    .eleAnimate.in-fade {
        -webkit-transition: opacity 1.5s ease-in;
        -moz-transition: opacity 1.5s ease-in;
        transition: opacity 1.5s ease-in;
    }

.come-in.come-in {
    opacity: 1;
}

@-webkit-keyframes come-in-bottom {
    from {
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        transform: translateY(150px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes come-in-bottom {
    from {
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        transform: translateY(150px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes come-in-top {
    from {
        -webkit-transform: translateY(-150px);
        -moz-transform: translateY(-150px);
        transform: translateY(-150px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes come-in-top {
    from {
        -webkit-transform: translateY(-150px);
        -moz-transform: translateY(-150px);
        transform: translateY(-150px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes come-in-left {
    from {
        -webkit-transform: translateX(-150px);
        -moz-transform: translateX(-150px);
        transform: translateX(-150px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes come-in-left {
    from {
        -webkit-transform: translateX(-150px);
        -moz-transform: translateX(-150px);
        transform: translateX(-150px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes come-in-right {
    from {
        -webkit-transform: translateX(150px);
        -moz-transform: translateX(150px);
        transform: translateX(150px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes come-in-right {
    from {
        -webkit-transform: translateX(150px);
        -moz-transform: translateX(150px);
        transform: translateX(150px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes subtle-come-in-left {
    from {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes subtle-come-in-left {
    from {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes subtle-come-in-right {
    from {
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        transform: translateX(40px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes subtle-come-in-right {
    from {
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        transform: translateX(40px);
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes subtle-come-in-bottom {
    from {
        -webkit-transform: translateY(70px);
        -moz-transform: translateY(70px);
        transform: translateY(60px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes subtle-come-in-bottom {
    from {
        -webkit-transform: translateY(70px);
        -moz-transform: translateY(70px);
        transform: translateY(60px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes subtle-come-in-top {
    from {
        -webkit-transform: translateY(-60px);
        -moz-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes subtle-come-in-top {
    from {
        -webkit-transform: translateY(-60px);
        -moz-transform: translateY(-60px);
        transform: translateY(-60px);
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}



/* mobile */
@media(max-width:767px) {
    /* body, .main{background:red;}*/
    .home-slider .carousel-inner .item img.banner-flag {
        height: 70px;
        width: auto;
    }

    .mobile-btn,
    p .mobile-btn {
        padding: 14px 18px 10px;
        border: solid 2px;
        font-size: 14px;
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
        display: inline-block;
        line-height: 100%;
        background: none;
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    }

        .mobile-btn.btn-full-width,
        p .mobile-btn.btn-full-width {
            width: 94%;
        }

    .hb-small .mobile-btn.btn-full-width,
    .hb-small p .mobile-btn.btn-full-width {
        width: 90%;
    }



    .mobile-btn.blue {
        color: #2daae1;
        border-color: #2daae1;
    }

        .mobile-btn.blue:hover {
            background: #2daae1;
            color: #ffffff;
        }

    .productGrid li .actionWrap, .hb-small .actionWrap {
        position: static;
    }

    .main {
        background: #ffffff;
        padding: 40px 0;
    }

    h1 {
        font-size: 36px;
    }

    .title-container h3 {
        font-size: 20px;
    }


    #navigation {
        padding: 7px 0;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    }

    .button.btn-full-width,
    p .button.btn-full-width {
        width: 100%;
        text-align: center;
    }

    .page-banner {
        height: 365px;
        width: 100%;
        background-size: cover;
        position: relative;
        margin: 0;
    }



    .store-banner .title-container,
    #support-banner .title-container,
    #education-banner .title-container,
    #institution-banner .title-container,
    #jobs-banner .title-container,
    #business-banner .title-container,
    #takefinance-banner .title-container,
    #edu-ed-banner .title-container,
    #guarantee-banner .title-container {
        margin-top: 120px;
        padding: 0 5%;
    }

    .left-change-center-text .left {
        float: none;
    }


    /* ----- contact page ------ */
    #store-locator input[type="text"], #finance-calculator input[type="text"] {
        width: 100%;
        margin-right: 10px;
    }

    .stores-con {
        padding: 0;
    }

    .contact-con {
        padding-left: 0px;
    }


    .mapWrap {
        padding-left: 0;
    }

    .search-store-result.search-store-result-container {
        background: none;
        margin: 0;
        width: auto;
    }

    .search-store-result {
        position: static;
        width: 100%;
        margin: 0;
        overflow: visible;
        height: auto;
    }

    .search-store-result-container {
        height: auto;
        background: #f9f9f9;
    }

    .search-store-result ul {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .search-store-result ul li {
            width: 100%;
            margin: 0 0 15px 0;
        }


    .search-store-result .container {
        max-width: 100%;
        background: #eee;
    }

    .contact-details td {
        width: 100%;
    }




    img.fit-mobile {
        max-width: 100%;
    }

    .no-mobile,
    table.no-mobile {
        display: none;
    }


    .no-tablet {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .hb {
        text-align: center;
        min-height: 0;
        width: 100%;
    }

    #home-contact,
    #home-pt {
        width: 100%;
    }

        #home-pt img,
        #home-contact img {
            position: relative;
            height: 190px;
            text-align: center;
            bottom: 0;
            display: block;
            margin: auto;
        }

    .hb-text {
        float: none;
        width: 100%;
        padding: 30px;
    }



    .hb-small {
        width: 100%;
        min-height: 345px;
        padding: 0 20px 30px;
        border: none;
        border-top: solid 1px #ddd;
    }

        .hb-small img {
            height: 150px;
            width: auto;
        }



    /*navigtion*/
    #navigation.fixed {
        position: relative;
    }


    /*navigtion*/
    #mobile-nav-button,
    #contact-nav-button {
        display: inline-block;
        float: right;
        margin-left: 10px;
        color: #cccccc;
    }

    #contact-nav-button {
        margin-left: 0;
    }


        #mobile-nav-button a,
        #contact-nav-button a {
            /*padding: 15px 17px 4px 17px;
            display: inline-block;
            color: #ffffff;
            font-size: 20px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;*/
            padding: 15px 17px 4px 17px;
            display: inline-block;
            color: #d5d5d5;
            font-size: 20px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            overflow: hidden;
            height: 50px;
            position: relative;
            width: 50px;
            transition: all 0.16s ease-in-out;
            -moz-transition: all 0.16s ease-in-out;
            -webkit-transition: all 0.16s ease-in-out;
        }

            #mobile-nav-button a:hover,
            #contact-nav-button a:hover {
                /*background: #444;*/
                color: #ffffff;
            }

            #mobile-nav-button a .nav-btn-icons i.fa {
                margin: 10px 0;
            }

            #mobile-nav-button a .nav-btn-icons {
                position: absolute;
                top: 7px;
                left: 12px;
                display: block;
                width: 24px;
                transition: all 0.16s ease-in-out;
                -moz-transition: all 0.16s ease-in-out;
                -webkit-transition: all 0.16s ease-in-out;
            }

    #mobile-nav-button.active a .nav-btn-icons {
        top: -33px;
    }


    .navigation li a,
    .foot-nav li a {
        padding: 20px 20px;
    }

    .navigation ul {
        display: none;
        width: 100%;
    }

    .navigation li,
    .foot-nav li {
        display: inline-block;
        padding: 0;
        margin: 0;
        width: 100%;
    }

        .navigation li a,
        .foot-nav li a {
            padding: 20px 25px;
            color: #dddddd;
            font-weight: 300;
            font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
            margin: 0;
            display: inline-block;
            width: 100%;
        }

    .foot-con {
        margin-bottom: 25px;
    }

    .stores-con {
        border: none;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 40px;
    }

    .contact-con {
        padding-left: 0;
    }

    .grid-copy {
        width: 80%;
        margin-left: 15px;
    }

    .left-change-center-text {
        text-align: center;
    }

        .left-change-center-text .small-splitter {
            margin-left: auto;
            margin-right: auto;
        }

    .mob-break {
        display: block;
        clear: both;
        height: 0;
        width: 100%;
        margin-top: 20px;
    }

    .image-grid img {
        margin: 3px;
        width: 45%;
    }

    .padding-right-50 {
        padding-right: 0px;
    }

    .border-right-1-light {
        border-right: none;
    }

    .icon-list {
        padding-left: 0px;
    }

        .icon-list .grid-copy {
            min-height: 0;
            margin-bottom: 30px;
        }

        .icon-list .grid-copy {
            width: 80%;
        }

    .title-container h3 {
        font-size: 20px;
    }

    .productGrid li,
    .productGrid.accessories.ipod li,
    .productGrid.accessories.iphone li,
    .productGrid.appcessories li,
    .productGrid.accessories.mac li,
    .productGrid.accessories.mac.make-it-stick li,
    .productGrid.accessories.bags-sleeves li { 
        min-height: 0;
        width: 100%;
    }

    .pricingTable.three-col .column,
    .pricingTable.two-col .column {
        width: 100%;
    }

    .pricingTable .column {
        margin-bottom: 25px;
    }

    .pricingTable.macpro-table .column .prod-spec {
        min-height: 0;
    }

    .pricingTable.imac-table .column .prod-spec {
        min-height: 0;
    }

    .ipad-table.pricingTable .column .prod-spec {
        min-height: 0;
    }

    .carousel {
        margin-top: 0;
    }

    .fitImageDesk {
        width: auto;
        height: auto;
    }

    .fixCornerwrap-nm {
        width: 100%;
    }

    .gridItem {
        padding: 30px 0px;
    }

        .gridItem.xs-1col {
            width: 100%;
        }

    .edu-steps div {
        min-height: 0px;
    }

    .cs-article.first,
    .cs-article.last {
        padding-left: 0px;
        padding-right: 0px;
    }

    .cs-feature-img {
        position: static;
        width: 70%;
    }

    #jobs-list li span {
        display: inline-block;
        width: 32%;
    }

        #jobs-list li span.job-actions {
            width: 100%;
        }

    .edu-products header div {
        width: 100%;
        text-align: center;
    }

    .edu-products header img {
        position: static;
        display: block;
        margin: 16px auto;
        width: auto;
        float: none;
    }

    .case-study-grid img {
        max-width: 100%;
    }


    .st-feature-block.pd article,
    .st-feature-block.pt article,
    .st-feature-block.ps article {
        padding-left: 0;
        padding-right: 0;
    }

    .store-sidebar,
    .store-features {
        padding-right: 0px;
        padding-left: 0px;
        border-right: none;
    }

    .overide-center {
        text-align: left;
    }

    #jobs-list li {
        margin: 0;
        border-bottom: solid 1px #dddddd;
        padding: 0;
        text-align: left;
        padding: 20px 0;
    }

    .subnav {
        display: none;
    }

    .pt-steps .pt-single-step {
        width: 100%;
        float: left;
    }

        .pt-steps .pt-single-step img {
            margin: 0;
            float: none;
        }

        .pt-steps .pt-single-step p {
            width: 100%;
            margin-right: 0;
            float: none;
        }

    #training-banner .title-container h3 {
        font-size: 20px;
        max-width: 600px;
        width: auto;
    }

    .training-login-container input[type="text"],
    .training-login-container input[type="password"] {
        width: 100%;
    }

        .training-login-container input[type="text"].last,
        .training-login-container input[type="password"].last {
            margin-right: 0;
            width: 100%;
        }

    .forgottenPasswordLink {
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    #training-banner {
        height: 530px;
    }

    #personal-trainer .title-container {
        margin-top: 50px;
    }

        #personal-trainer .title-container h1 img {
            max-width: 90%;
        }

    #store-locator .button {
        margin-bottom: 10px;
    }

    .lower-page-ctas.last,
    .lower-page-ctas.first {
        padding-left: 0;
        padding-right: 0;
    }

    .contact-map-image {
        height: 100px;
        width: 100%;
        min-height: 100px;
        background-size: cover;
    }

    .simple-page {
        padding-top: 20px;
    }

        .simple-page h1 {
            font-size: 26px;
        }

        .simple-page h3 {
            font-size: 20px;
        }

        .simple-page p {
            font-size: 16px;
        }

    #navigation li {
        margin: 0;
    }

        #navigation li a, .foot-nav li a {
            transition: none;
            -webkit-transition: none;
            -moz-transition: none;
            padding: 14px 0 6px 5px;
        }




            #navigation li a:hover,
            #navigation li.active a {
                border-bottom: none;
                padding: 14px 0 8px 5px;
                background: #666666;
            }

    .productGrid li .actionWrap {
        position: static;
    }

    .productGrid.mac li img {
        max-width: 100%;
        max-height: 100%;
    }



    .padded-text.no-pad-mobile {
        padding: 0;
    }

    /*.home-slider .carousel-inner .item img, .prod-hero .carousel-inner .item img {
	width: 200%;
	margin-left: -50%;
	}*/

    #contact-feature-banner {
        background: none;
        background: #eeeeee;
    }

    .contact-depart-grid .head-office {
        padding-top: 50px;
        padding-left: 0;
        margin-top: 20px;
        border-top: solid 1px #dddddd;
        border-left: none;
        padding-right: 20px;
    }

    #contact-banner .title-container {
        margin-top: 60px;
    }

        #contact-banner .title-container h1 {
            font-size: 32px;
        }

        #contact-banner .title-container .split {
            width: 100%;
            height: 3px;
            background: #555555;
            position: relative;
            margin-top: 50px;
            margin-bottom: -70px;
        }

    .search-store-result ul li .widget-con p strong {
        font-size: 14px;
    }

    .search-store-result ul li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .search-store-result {
        height: 285px;
    }

    .page-slice-container {
        background: none;
        display: none;
    }

    .search-store-result ul li .widget-con p {
        width: 85%;
    }

    .contact-store-left-wrap {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }

    .macbook-river .river-block.first {
        padding: 0px 0;
    }

    #takefinance-banner .title-container,
    #guarantee-banner .title-container {
        margin-top: 80px;
    }

    .river.ipad-2 .river-block h3,
    .river.macbook .river-block h3,
    .river.macbook-pro-river .river-block h3,
    .river.iphone .river-block h3 {
        font-size: 30px;
        color: black;
        margin-top: 0;
    }

    .river.ipad-2 .river-block p,
    .river.macbook .river-block p,
    .river.macbook-pro-river .river-block p,
    .river.iphone .river-block p {
        font-size: 20px;
        padding: 0;
    }

    .river.ipad-2 .river-block img,
    .river.macbook .river-block img,
    .river.macbook-pro-river .river-block img {
        width: auto;
        max-width: 100%;
    }

    .river .river-block .spec-att.left {
        height: 50px;
        width: auto;
    }

    #ipad-air-2-capable {
        margin-top: -100px;
        margin-bottom: 30px;
    }

    #ipad-air-2-touchid {
        margin-top: -280px;
        margin-bottom: 30px;
        margin-left: 0%;
        width: auto;
    }

    #ipad-air-2-camera,
    #ipad-air-2-apps {
        margin-bottom: -100px;
    }

    #ipad-mini-3-intro,
    #macbook-pro-intro {
        margin-top: 0px;
    }

    #imac-hero {
        margin-top: 0px;
    }

    #imac-intro {
        margin: 0;
    }

    .imac-river h3,
    .imac-river .river-block h3 {
        font-size: 40px;
        margin: 10px 0 0 0;
        line-height: 100%;
    }

    .imac-river img {
        max-width: 100%;
    }

    .imac-river p,
    .imac-river .river-block p {
        font-size: 16px;
    }

    .river #macbook-osx {
        position: relative;
        max-width: 100%;
        width: auto;
        margin-top: -90px;
        top: auto;
    }

    .river #macbook-keyboard-background {
        background-size: 850px 447px;
        background-repeat: no-repeat;
        height: 990px;
        width: 850px;
        position: relative;
        left: 50%;
        top: -125px;
        z-index: 1;
        margin-left: -425px;
        margin-bottom: 0;
    }

    .river .river-block.block-one {
        top: 280px;
    }

    .river.macbook .river-block.knockdown p {
        margin-bottom: 0;
    }

    .river #macbook-intro {
        margin-top: 0;
    }

    .river #macbook-usbc {
        width: 170%;
        margin: 40px 0 60px -85%;
        max-width: none;
    }

    .ptBlock .middle-copy {
        width: 100%;
    }

    .ptBlock div {
        margin-left: 0;
    }

    .ti-recycle-icon {
        width: 40%;
    }

    #deployed .imageCollage img,
    #deployed .imageCollage .stackOne {
        position: relative;
        max-width: 100%;
        top: 0;
        left: 0;
    }

    .imageCollage .stackTwo,
    .imageCollage .stackThree {
        display: none;
    }

    #deployed .caption {
        margin-top: 20px;
        text-align: center;
    }

        #deployed .caption h4 {
            border: none;
            padding: 0;
        }

    #connected,
    #developed {
        width: 100%;
        left: 0;
        padding: 70px 0;
        -ms-transform: rotate(0); /* IE 9 */
        -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
        transform: rotate(0);
    }

        #connected .straighten,
        #developed .straighten {
            -ms-transform: rotate(0); /* IE 9 */
            -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
            transform: rotate(0);
        }

    #supported .imageCollage .stackOne {
        position: relative;
        left: 0;
        max-width: 100%;
        margin-bottom: 30px;
        width: 100%;
    }

    #supported .imageCollage .stackTwo,
    #supported .imageCollage p,
    #supported .caption {
        display: none;
    }


    .river.iphone .river-block {
        padding: 40px 0;
    }

    #iphone-hero-container {
        padding-bottom: 0;
    }

        #iphone-hero-container .iphone-models {
            text-align: center;
    }

    #iphone-hero {
        margin-bottom: 40px;
    }

    #iphone-intro {
        margin-top: -70px;
    }

    #iphone-retinahd,
    #iphone-wireless {
        margin-top: 0;
        margin-bottom: -130px;
        width: 90%;
    }

    #iphone-a8chip-container,
    .river.iphone.shrink-height {
        padding: 130px 0;
        padding: 0 0 140px 0;
    }

    #iphone-camera-container {
        padding: 0 0 240px 0;
    }

    #iphone-a8chip {
        margin-top: 0;
        margin-bottom: -600px;
        width: 220%;
        margin-left: -8%;
    }

    #iphone-m8motion {
        margin-top: 0;
        margin-bottom: -225px;
        width: 90%;
    }

    #iphone-camera {
        margin-top: -60px;
        margin-bottom: -750px;
        width: 200%;
        margin-left: -91%;
    }

    #iphone-touchid {
        margin-top: -112px;
        margin-bottom: 50px;
        margin-left: -5%;
        width: 100%;
    }

    #iphone-ios8 {
        margin-top: -20px;
        margin-bottom: -200px;
        width: 95%;
    }


    #contact {
        margin-top: 0;
    }

    #edu-ed-row .ed-col {
        padding: 0 11px;
        margin-bottom: 35px;
        padding-bottom: 30px;
        border-bottom: solid 1px #dddddd;
    }


    #health-and-fitness #urbanista-rio img {
        position: relative;
        bottom: 0;
        top: 0;
    }

    #health-and-fitness {
        text-align: center;
    }

        #health-and-fitness p.left,
        #health-and-fitness .acc-color {
            float: none;
            margin-left: 0;
            margin-right: 0;
        }

        #health-and-fitness #micoach-band .prices p.left {
            margin-right: 0;
        }

        #health-and-fitness #bose-earbuds img {
            margin: 20px 0;
        }

        #health-and-fitness #itunes-card img {
            width: 100%;
            margin: 30px 0 0 0;
        }

        #health-and-fitness #zepp-tennis img {
            max-width: 100%;
        }

            #health-and-fitness #zepp-tennis img.player {
                display: none;
            }


    .guarantee-bar.blue {
        background-image: url(/assets/images/guarantee-bar-blue-mobile.jpg);
    }

    .guarantee-bar.grey {
        background-image: url(/assets/images/guarantee-bar-grey-mobile.jpg);
    }


    #fo-takesix,
    #fo-takelonger {
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        padding: 50px 0;
        margin: 0;
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }


        #fo-takesix .straighten,
        #fo-takelonger .straighten {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

    .fo-content-block.left,
    .fo-content-block.right {
        float: none;
    }

    #finance-options .finance-icons p img {
        margin: 0 0 15px 0;
    }

    #finance-options .finance-icons {
        margin: 50px 0 50px 0;
    }

    .finance-compare-table .fc-column.grey {
        margin-left: 0;
    }

    #finance-options .top-spacing {
        padding-top: 30px;
    }

    #finance-options .calculator {
        text-align: center;
    }

    #finance-options .takefinance-product-hero {
        max-width: 100%;
}

    #finance-options .finance-guarantee-block {
        margin-top: 30px;
        padding-top: 30px;
        border-top: solid 1px #dddddd;
    }

    #guarantee .threeyg-ipad-feature,
    #guarantee .threeyg-mac-feature {
        position: relative;
        max-width: 100%;
        right: 0;
    }

    #guarantee-banner .title-container {
        margin-top: 50px;
        padding: 0 20%;
    }

    #guarantee .blue-block {
        margin-left: auto;
    }
}
/* tablet */
@media(min-width:768px) {
    /*body, .main{background:blue;}*/

    #edu-ed-row .ed-col {
        padding: 0 11px;
        margin-bottom: 65px;
        padding-bottom: 0;
        border-bottom: none;
    }

    #deployed .imageCollage img,
    #deployed .imageCollage .stackOne {
        position: relative;
        max-width: 100%;
        top: 0;
        left: 0;
    }

    #deployed .imageCollage .stackOne {
        width: 100%;
    }

    #deployed .imageCollage .stackTwo,
    #deployed .imageCollage .stackThree {
        display: none;
    }

    #deployed .caption {
        margin-top: 20px;
        text-align: center;
    }

        #deployed .caption h4 {
            border: none;
            padding: 0;
        }

    #connected {
        width: 150%;
        left: -25%;
        padding: 80px 0;
    }


    #supported .imageCollage .stackOne {
        position: relative;
        left: 0;
        max-width: 100%;
        margin-bottom: 30px;
        margin-top: -30px;
        width: 100%;
    }

    #supported .imageCollage .stackTwo,
    #supported .imageCollage p,
    #supported .caption {
        display: none;
    }


    .home-slider .carousel-inner .item img.banner-flag {
        height: 100px;
        width: auto;
    }

    .no-tablet {
        display: none;
    }

    .hb {
        min-height: 250px;
    }

    #home-contact,
    #home-pt {
        /*width: 50%;*/
        text-align: center;
        padding-top: 0;
    }

        #home-pt img,
        #home-contact img {
            position: static;
            height: 180px;
            text-align: center;
            bottom: 25px;
            right: 10px;
            clear: both;
            display: block;
            margin: auto;
        }

    .hb-text {
        float: none;
        width: 100%;
        padding: 0 30px 30px 30px;
    }


    .hb-small {
        min-height: 365px;
    }

        .hb-small p {
            font-size: 14px;
        }

        .hb-small h4, .hb-small p {
            padding: 0 25px;
        }

    #finance-calculator input[type="text"] {
        width: 100%;
        margin-right: 0px;
    }

    .left-change-center-text .left {
        float: none;
    }

    /*navigtion*/
    #mobile-nav-button,
    #contact-nav-button {
        display: inline-block;
        float: right;
        margin-left: 10px;
        color: #cccccc;
    }




        #mobile-nav-button a,
        #contact-nav-button a {
            /*padding: 15px 17px 4px 17px;
            display: inline-block;
            color: #ffffff;
            font-size: 20px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;*/
            padding: 15px 17px 4px 17px;
            display: inline-block;
            color: #d5d5d5;
            font-size: 20px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            overflow: hidden;
            height: 50px;
            position: relative;
            width: 50px;
            transition: all 0.16s ease-in-out;
            -moz-transition: all 0.16s ease-in-out;
            -webkit-transition: all 0.16s ease-in-out;
        }

            #mobile-nav-button a:hover,
            #contact-nav-button a:hover {
                /*background: #444;*/
                color: #ffffff;
            }

            #mobile-nav-button a .nav-btn-icons i.fa {
                margin: 10px 0;
            }

            #mobile-nav-button a .nav-btn-icons {
                position: absolute;
                top: 7px;
                left: 12px;
                display: block;
                width: 24px;
                transition: all 0.16s ease-in-out;
                -moz-transition: all 0.16s ease-in-out;
                -webkit-transition: all 0.16s ease-in-out;
            }

        #mobile-nav-button.active a .nav-btn-icons {
            top: -33px;
        }

    .navigation li a,
    .foot-nav li a {
        padding: 15px 20px;
    }

    .navigation ul {
        display: none;
        width: 100%;
    }


    .navigation li,
    .foot-nav li {
        display: inline-block;
        padding: 0;
        margin: 0;
        width: 100%;
    }

        .navigation li a,
        .foot-nav li a {
            color: #dddddd;
            font-weight: 300;
            font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
            margin: 0;
            display: inline-block;
            width: 100%;
        }

            .navigation li a:hover {
                padding: 15px 20px 10px 20px;
                border-bottom: none;
                background: #666666;
            }




    .foot-con {
        height: 250px;
        margin-bottom: 0;
    }

    .stores-con {
        border: none;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 40px;
        padding-right: 0;
    }

    .contact-con {
        padding-left: 10px;
    }

    .grid-copy {
        width: 81%;
        margin-left: 15px;
        min-height: 200px;
    }

    .left-change-center-text {
        text-align: center;
    }

        .left-change-center-text .small-splitter {
            margin-left: auto;
            margin-right: auto;
        }




    .mob-break {
        display: block;
        clear: both;
        height: 0;
        width: 100%;
        margin-top: 20px;
    }

    .image-grid img {
        margin: 3px;
        width: 23.6%;
    }

    .padding-right-50 {
        padding-right: 0px;
    }

    .border-right-1-light {
        border-right: none;
    }

    .icon-list {
        padding-left: 0px;
    }

        .icon-list .grid-copy {
            min-height: 0;
            margin-bottom: 30px;
        }

        .icon-list .grid-copy {
            width: 88%;
        }

    .title-container h3 {
        font-size: 28px;
    }

    .productGrid li {
        min-height: 455px;
        width: 50%;
    }

    .productGrid.mac li {
        min-height: 520px;
    }

    .productGrid.crosssell-mac-three li {
        min-height: 365px;
    }

    .productGrid.appcessories li {
        min-height: 410px;
    }

    .productGrid.accessories.headphones li {
        min-height: 450px;
    }

    .productGrid.accessories.ipad li {
        min-height: 460px;
    }

    .productGrid.iphone li {
        min-height: 430px;
        padding-left: 35px;
        padding-right: 35px;
    }

    .pricingTable.macpro-table .column .prod-spec {
        min-height: 0;
    }

    .ipad-table.pricingTable .column .prod-spec {
        min-height: 0;
    }

    .pricingTable.imac-table .column .prod-spec {
        min-height: 300px;
    }

    .carousel {
        margin-top: 98px;
    }

    .fitImageDesk {
        width: 100%;
        height: auto;
    }

    fixCornerwrap-nm {
        width: 50%;
    }

    .cs-article.first,
    .cs-article.last {
        padding-left: 0px;
        padding-right: 0px;
    }

    .cs-feature-img {
        position: static;
        width: auto;
    }

    #jobs-list li span {
        display: inline-block;
        width: 33%;
    }

        #jobs-list li span.job-actions {
            width: 31%;
        }

    .edu-products header div {
        width: 64%;
    }

    .edu-products header img {
        position: absolute;
        bottom: 20px;
        right: 2%;
        width: 30%;
    }

    .store-sidebar,
    .store-features {
        padding-right: 0px;
        padding-left: 0px;
        border-right: none;
    }

    .overide-center {
        text-align: left;
    }

    #jobs-list li {
        margin: 0;
        border-bottom: solid 1px #dddddd;
        padding: 0;
        text-align: left;
        padding: 0;
    }

    .subnav {
        display: none;
    }

    .pt-steps .pt-single-step {
        width: 100%;
        float: left;
    }

        .pt-steps .pt-single-step img {
            margin: 0;
            float: none;
        }

        .pt-steps .pt-single-step p {
            width: 100%;
            margin-right: 0%;
            float: none;
        }

    .training-login-container input[type="text"] {
        width: 40%;
    }

        .training-login-container input[type="text"].last,
        .training-login-container input[type="password"] {
            margin-right: 2%;
            width: 39%;
        }

    .forgottenPasswordLink {
        text-align: left;
        width: 100%;
        display: inline-block;
    }

    .contact-methods .department {
        width: 33%;
        float: left;
        padding: 30px 0 10px 0;
        text-align: center;
    }

        .contact-methods .department.ho {
            width: 100%;
            float: left;
            padding-left: 20px;
            background: #ffffff;
        }

        .contact-methods .department p {
            margin-top: 0;
        }

    #store-locator input[type="text"] {
        width: 54%;
    }

    .lower-page-ctas.last,
    .lower-page-ctas.first {
        padding-left: 0;
        padding-right: 0;
    }

    .simple-page {
        position: relative;
        z-index: 99999;
        padding-top: 200px;
        width: 100%;
        height: 100%;
    }


    .white-block.pullout {
        background: #f9f9f9;
    }

    #navigation li {
        margin: 0;
    }

        #navigation li a, .foot-nav li a {
            transition: none;
            -webkit-transition: none;
            -moz-transition: none;
        }

            #navigation li a:hover,
            #navigation li.active a {
                border-bottom: none;
                padding: 16px 10px 10px 10px;
                background: #666666;
            }

    /*.touch .aseLogo {
        width: auto;
        margin-top: 0px;
    }*/

    .contact-depart-grid .head-office {
        padding-top: 50px;
        padding-left: 0;
        border-top: solid 1px #dddddd;
        border-left: none;
        padding-right: 20px;
    }

    #contact-banner .title-container .split {
        width: 100%;
        height: 3px;
        background: #555555;
        position: relative;
        margin-top: 110px;
        margin-bottom: -50px;
    }

    .search-store-result ul li .widget-con p strong {
        font-size: 12px;
    }

    .contact-store-left-wrap {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }

    .search-store-result ul li .widget-con p {
        width: 90%;
    }

    .search-store-result ul li {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .search-store-result {
        height: 505px;
    }

    .page-slice-container {
        background: url('/assets/images/store-list-splitter@2x.png') no-repeat;
        background-size: 264px 11px;
        margin-top: -23px;
        position: relative;
        display: block;
    }

    .store-overview-info-con .number,
    .store-overview-info-con .address {
        width: 100%;
    }

    .overview-open-times {
        border-left: none;
        padding-left: 0px;
        margin-top: 30px;
    }

    .aprLogo,
    .aseLogo,
    .aaspLogo {
        height: 50px;
        margin: -2px -10px 0 0;
    }

    #contact-map {
        width: 100%;
        height: 450px;
        display: block;
    }

    #takefinance-banner .title-container {
        margin-top: 200px;
    }

    #guarantee-banner .title-container {
        margin-top: 78px;
    }

    .macbook-river .river-block.first {
        padding: 30px 0;
    }

    .river.ipad-2 .river-block h3 {
        font-size: 30px;
        color: black;
        margin-top: 0;
    }

    .river.ipad-2 .river-block p {
        font-size: 18px;
        padding: 0;
    }

    #ipad-air-2-touchid {
        margin-top: -125px;
        margin-bottom: -50px;
        margin-left: -30%;
        width: 126%;
    }

    #ipad-air-2-camera {
        margin-bottom: -100px;
    }

    #ipad-mini-3-intro {
        margin-top: 0px;
    }

    .river .river-block.block-one {
        top: 450px;
    }

    .river #macbook-osx {
        position: absolute;
        width: 100%;
        top: 0;
    }

    .river.macbook .river-block.knockdown p {
        margin-bottom: 200px;
    }

    .river #macbook-keyboard-background {
        background-size: 1979px 1064px;
        background-repeat: no-repeat;
        height: 1400px;
        width: 1979px;
        position: relative;
        left: 50%;
        top: -380px;
        z-index: 1;
        margin-left: -989px;
        margin-bottom: 0;
    }


    .river.iphone .river-block {
        padding: 60px 0;
    }

    #iphone-hero-container .iphone-models {
        text-align: left;
    }

    #iphone-hero {
        margin-bottom: -290px;
    }

    #iphone-intro {
        margin-top: 40px;
    }

    #iphone-hero-container {
        padding-bottom: 160px;
    }

    #iphone-retinahd,
    #iphone-wireless {
        width: 100%;
    }

    #iphone-a8chip {
        margin-top: 54px;
        margin-bottom: -119px;
        width: 200%;
        margin-left: -97%;
    }

    .river.iphone.shrink-height {
        padding: 80px 0;
    }

    #iphone-m8motion {
        margin-top: -100px;
        margin-bottom: -225px;
        width: 90%;
    }

    #iphone-camera {
        margin-top: 30px;
        margin-bottom: -120px;
        width: 165%;
        margin-left: -62%;
    }

    #iphone-ios8 {
        margin-top: -164px;
        margin-bottom: -200px;
        width: 105%;
    }

    #iphone-m8motion {
        margin-top: -35px;
        margin-bottom: -200px;
        width: 120%;
    }

    #iphone-touchid {
        margin-top: -180px;
        margin-bottom: -180px;
        margin-left: -25%;
        width: 129%;
    }

    #iphone-compare .space {
        margin: 0 5px;
    }

    .ptBlock .middle-copy {
        width: 50%;
    }

    #ipad-mini-3-intro {
        margin-top: 100px;
    }

    #guarantee .feature img {
        max-height: 90px;
    }


    #health-and-fitness #urbanista-rio img {
        position: relative;
        bottom: 0;
        top: 0;
}

    .fo-step-block {
        margin: 40px 0 0 0;
    }


    .fo-content-block.left,
    .fo-content-block.right {
        float: none;
    }

    #fo-imac {
        width: 120%;
        margin-top: -10px;
        position: absolute;
    }

    #fo-ipad {
        width: 90%;
        margin-left: 0;
    }

    #fo-beats {
        margin-left: -55%;
        width: 209%;
        position: absolute;
        top: -838px;
    }

    #fo-takesix,
    #fo-takelonger {
        text-align: left;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
        padding: 50px 0;
        margin: 0;
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }


        #fo-takesix .straighten,
        #fo-takelonger .straighten {
            -ms-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

    #finance-options .finance-icons p img {
        margin: 0 0 10px 0;
    }

    #finance-options .finance-icons {
        margin: 50px 0 50px 0;
    }

        #finance-options .finance-icons .col.col-int,
        #finance-options .finance-icons .col.col-dep,
        #finance-options .finance-icons .col.col-ear {
            width: 33%;
        }

    .finance-compare-table .fc-column.grey {
        margin-left: 0;
    }

    #finance-options .top-spacing {
        padding-top: 130px;
    }

    #finance-options .calculator {
        text-align: left;
    }

    #finance-options .takefinance-product-hero {
        max-width: 100%;
    }

    #finance-options .finance-guarantee-block {
        margin-top: 30px;
        padding-top: 0;
        padding-left: 20px;
        border-top: none;
        border-left: solid 1px #dddddd;
    }


#health-and-fitness #zepp-tennis img.player {
    display: none;
}


#health-and-fitness #bose-earbuds img {
    margin: 20px 0;
}

#health-and-fitness #micoach-band .prices p.left {
    margin-right: 30px;
}

#health-and-fitness #itunes-card img {
    width: 120%;
        margin: 30px -20% 0 0;
    }

    #guarantee .threeyg-ipad-feature,
    #guarantee .threeyg-mac-feature {
        position: absolute;
        max-width: none;
        right: 40px;
    }

    #guarantee-banner .title-container {
        margin-top: 160px;
        padding: 0 20%;
    }

    #guarantee .blue-block {
        margin-left: auto;
}
}
/* medium */
@media(min-width:992px) {
    /*body, .main{background:yellow;}*/
    .home-slider .carousel-inner .item img.banner-flag {
        height: auto;
        width: auto;
    }

    .no-tablet {
        display: block;
    }

    span.no-tablet.inline {
        display: inline;
    }

    .mobile-pnly {
        display: none;
    }

    .no-desktop {
        display: none;
    }

    .hb-small {
        /*min-height: auto;*/
        border-bottom: none;
    }

    #home-contact,
    #home-pt {
        text-align: left;
    }

        /*#home-pt {
        width: 57%;
    }

    #home-contact {
        width: 43%;
    }*/

        #home-pt img,
        #home-contact img {
            position: absolute;
            height: 75%;
            text-align: center;
            bottom: 25px;
            right: 30px;
            clear: both;
            display: block;
        }



    #mobile-nav-button,
    #contact-nav-button {
        display: none;
    }

    .navigation ul {
        display: block !important;
        width: auto;
    }

    #navigation li a, .foot-nav li a {
        padding: 16px 2px 8px 2px;
    }

        #navigation li a:hover {
            border-bottom: solid 2px #ccc;
            padding: 16px 2px 8px 2px;
            background: none;
        }

    .navigation li a,
    .foot-nav li a,
    .navigation li,
    .foot-nav li {
        width: auto;
    }


    .stores-con {
        border: none;
        border-right: 1px solid #eeeeee;
        padding-bottom: 0px;
        padding-right: 20px;
    }

    .contact-con {
        padding-left: 0px;
    }

    .grid-copy {
        width: 81%;
        margin-left: 15px;
    }

    .left-change-center-text {
        text-align: left;
    }

        .left-change-center-text .small-splitter {
            margin-left: 0;
            margin-right: auto;
        }

    .mob-break {
        display: none;
        clear: both;
        height: 0;
        width: 100%;
    }

    .image-grid img {
        float: left;
        margin: 0 4px 4px 0;
        width: 45%;
    }

    .padding-right-50 {
        padding-right: 50px;
    }

    .border-right-1-light {
        border-right: 1px solid #eeeeee;
    }

    .icon-list {
        padding-left: 30px;
    }

        .icon-list .grid-copy {
            min-height: 0;
            margin-bottom: 30px;
            width: 88%;
        }

    .productGrid li {
        min-height: 525px;
        width: 33%;
    }

    .productGrid.appcessories li {
        min-height: 455px;
    }

    .productGrid.accessories.ipad li {
        min-height: 460px;
    }

    .productGrid.accessories.iphone li {
        min-height: 480px;
    }

    .pricingTable.macpro-table .column .prod-spec {
        min-height: 420px;
    }

    .pricingTable.imac-table .column .prod-spec {
        min-height: 250px;
    }

    .ipad-table.pricingTable .column .prod-spec {
        min-height: 292px;
    }

    .ipadair2-table.pricingTable .column .prod-spec {
        min-height: 375px;
    }

    .gridItem.md-2col {
        width: 50%;
    }

    .edu-products header img {
        position: absolute;
        bottom: 20px;
        right: 2%;
        width: 22%;
    }

    .cs-article.first {
        padding-right: 35px;
    }

    .cs-article.last {
        padding-left: 35px;
    }

    .cs-feature-img {
        position: absolute;
    }

    #jobs-list li span {
        display: inline-block;
        width: 36%;
    }

        #jobs-list li span.job-actions {
            width: auto;
        }

    .edu-products header div {
        width: 64%;
    }

    .left-change-center-text .small-splitter {
        margin-left: 0;
        margin-right: 0;
    }

    .left-change-center-text .left {
        float: left;
    }

    .store-sidebar {
        padding-right: 30px;
        border-right: solid 1px #eeeeee;
    }

    .store-features {
        padding-left: 30px;
    }

    .subnav {
        display: block;
    }

    .pt-steps .pt-single-step {
        width: 48%;
        float: left;
    }

        .pt-steps .pt-single-step img {
            margin: 15px 10px 0 0;
            float: left;
        }

        .pt-steps .pt-single-step p {
            width: 75%;
            margin-right: 4%;
            float: right;
        }

    .contact-methods .department {
        text-align: center;
        width: 25%;
        float: left;
        padding: 30px 0 10px 0;
    }

        .contact-methods .department.ho {
            width: 100%;
            float: left;
            padding-left: 20px;
            background: #f9f9f9;
        }

            .contact-methods .department.ho::after {
                display: none;
                width: 0;
            }

    #store-locator input[type="text"] {
        width: 48%;
    }

    .lower-page-ctas.first {
        padding-right: 15px;
    }

    .lower-page-ctas.last {
        padding-left: 15px;
    }

    .white-block {
        padding: 35px 40px 40px 40px;
        border: solid 1px #EEEEEE;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
    }

    #finance-calculator input[type="text"] {
        width: 60%;
        margin-right: 10px;
    }

    .store-overview-info-con .number,
    .store-overview-info-con .address {
        width: 100%;
    }

    .store-overview-info-con .actions {
        margin-top: 0px;
    }

    .overview-open-times {
        border-left: solid 1px #dddddd;
        padding-left: 20px;
        margin-top: 0;
    }


        .overview-open-times table td {
            font-size: 12px;
        }


    .search-store-result ul li {
        /* width: 245px; */
    }

    .contact-store-left-wrap {
        border-right: solid 1px #dddddd;
        margin-right: 0;
        padding-right: 0;
    }

    .page-slice-container {
        /* width: 245px; */
    }

    .tf-thumbnail {
        width: 505px;
        top: -15px;
    }

    #navigation li a, .foot-nav li a {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
    }

    #navigation li a {
        padding: 16px 6px 8px 7px;
    }

        #navigation li a:hover,
        #navigation li.active a,
        #navigation li.active a:hover {
            border-bottom: solid 2px #cccccc;
            padding: 12px 6px 8px 7px;
            background: none;
        }

    #contact-map {
        width: 100%;
        height: 450px;
        display: block;
    }

    .macbook-river .river-block.first {
        padding: 40px 0;
    }



    .ptBlock .middle-copy {
        width: 50%;
    }

    .productGrid.ipad li {
        min-height: 550px;
    }

    .river.ipad-2 .river-block h3,
    .river.macbook-pro-river .river-block h3 {
        font-size: 50px;
        color: black;
        margin-top: 0;
        margin-bottom: 30px;
        line-height: 126%;
    }

    #ipad-air-2-touchid {
        margin-top: -225px;
        margin-bottom: -100px;
        margin-left: -30%;
        width: 126%;
    }

    .river .river-block.block-one {
        /*top: 550px;*/
    }

    .river #macbook-keyboard-background {
        background-size: 1979px 1064px;
        background-repeat: no-repeat;
        height: 1500px;
        width: 1979px;
        position: relative;
        left: 50%;
        top: -380px;
        z-index: 1;
        margin-left: -989px;
        margin-bottom: 0;
    }

    .river #macbook-osx {
        position: absolute;
        width: 100%;
        top: -200px;
    }

    .river.macbook .river-block.knockdown p {
        margin-bottom: 300px;
    }

    #iphone-hero {
        margin-bottom: -325px;
    }

    #iphone-retinahd,
    #iphone-wireless {
        margin-top: -150px;
        margin-bottom: -180px;
        width: 90%;
    }

    #iphone-a8chip {
        margin-top: 34px;
        margin-bottom: -119px;
        width: 181%;
        margin-left: -85%;
    }

    #iphone-compare .space {
        margin: 0 5px;
    }

    #deployed .imageCollage img {
        position: absolute;
        display: block;
    }

    #deployed .imageCollage .stackOne {
        top: 75px;
        left: 100px;
        z-index: 20;
        display: block;
        width: auto;
    }

    #deployed .imageCollage .stackTwo {
        top: 350px;
        left: 310px;
        z-index: 30;
        display: block;
    }

    #deployed .imageCollage .stackThree {
        top: 260px;
        left: 584px;
        z-index: 10;
        display: block;
    }

    #supported .imageCollage .stackOne {
        position: relative;
        left: -160px;
        top: 20px;
    }

    #supported .imageCollage .stackTwo {
        position: absolute;
        top: 370px;
        left: 210px;
        z-index: 20;
        display: block;
    }


    #supported .imageCollage p {
        width: 290px;
        text-align: right;
        display: none;
    }

    #supported .caption {
        position: absolute;
        width: 150px;
        top: 400px;
        right: 350px;
        display: block;
    }

    #deployed .caption {
        text-align: left;
    }

        #deployed .caption h4,
        #supported .caption h4 {
            font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
            margin-bottom: 0;
            color: #666666;
        }

    .reasons h3 {
        font-size: 24px;
    }


    #fo-imac {
        width: 130%;
        margin-right: -50%;
        margin-top: -50%;
        bottom: 65px;
    }

    #fo-beats {
        margin-left: -20%;
        width: 133%;
        position: absolute;
        top: -838px;
    }

    .fo-step-block {
        margin: 5px 0;
    }

    .fo-content-block.left {
        float: left;
    }

    .fo-content-block.right {
        float: right;
    }


    #fo-takesix {
        padding: 75px 0 450px 0;
        width: 150%;
        position: relative;
        left: -25%;
        top: -5px;
        background: #f9f9f9;
        -ms-transform: rotate(-7deg);
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg);
    }

        #fo-takesix .straighten {
            -ms-transform: rotate(7deg);
            -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
        }

    #finance-options .finance-icons p img {
        margin: 0 15px 20px 0;
    }

    #finance-options .finance-icons {
        margin: 50px 0 0 0;
    }

    .finance-compare-table .fc-column.grey {
        background: #f7f7f7;
        margin-left: -10px;
    }

    #finance-options .finance-icons .col.col-int,
    #finance-options .finance-icons .col.col-dep,
    #finance-options .finance-icons .col.col-ea {
        width: 30%;
        padding-right: 10px;
    }

    #finance-options .finance-icons .col.col-ea {
        padding-right: 0;
    }


    #finance-options .top-spacing {
        padding-top: 180px;
    }

    #finance-options .takefinance-product-hero {
        max-width: none;
    }

    #finance-options .finance-guarantee-block {
        margin-top: 0;
        padding-top: 0;
        border: none;
    }

    #health-and-fitness #urbanista-rio img {
        position: absolute;
        bottom: 0;
        top: -85px;
    }

    #health-and-fitness #zepp-tennis img.player {
        position: absolute;
        bottom: 0;
        top: -125px;
        display: inline-block;
        right: 0;
    }

    #health-and-fitness #bose-earbuds img {
        margin: 20px 0;
    }

    #guarantee .feature img {
        max-height: none;
    }


    #fo-takelonger {
        padding: 120px 0 60px 0;
        margin-bottom: -351px;
        width: 120%;
        position: relative;
        left: -10%;
        top: -350px;
        background: #ffffff;
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }

        #fo-takelonger .straighten {
            -ms-transform: rotate(-7deg);
            -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
        }

    #guarantee .blue-block {
        margin-left: 0;
    }
}

@media(min-width:1200px) {

    /*body, .main{background:green;}*/

    .home-slider .carousel-inner .item img.banner-flag {
        height: auto;
        width: auto;
    }

    .no-tablet {
        display: block;
    }

    span.no-tablet.inline {
        display: inline;
    }

    .mobile-only {
        display: none;
    }

    .no-desktop {
        display: none;
    }

    #home-pt img,
    #home-contact img {
        position: absolute;
        height: 90%;
        text-align: center;
        bottom: 25px;
        right: 35px;
        clear: both;
        display: block;
    }



    #mobile-nav-button,
    #contact-nav-button {
        display: none;
    }

    .navigation li a,
    .foot-nav li a,
    .navigation li,
    .foot-nav li {
        width: auto;
    }

        #navigation li a, .foot-nav li a {
            padding: 16px 10px 8px 10px;
        }

            #navigation li a:hover, .foot-nav li a:hover {
                padding: 16px 10px 8px 10px;
            }

    .navigation ul.nav {
        display: block;
    }

    .productGrid li {
        min-height: 485px;
        width: 33%;
    }

    .pricingTable.macpro-table .column .prod-spec {
        min-height: 330px;
    }

    .productGrid.appcessories li {
        min-height: 380px;
    }

    .productGrid.accessories.headphones li {
        min-height: 400px;
    }
    .productGrid.accessories.iphone li {
        min-height: 440px;
    }

    .edu-products header img {
        position: absolute;
        bottom: 20px;
        right: 2%;
        width: 22%;
    }

    .store-sidebar {
        padding-right: 50px;
        border-right: solid 1px #eeeeee;
    }

    .store-features {
        padding-left: 30px;
    }

    #store-locator input[type="text"] {
        width: 50%;
    }

    .contact-methods .department {
        text-align: left;
        width: 25%;
        float: left;
        padding: 30px 0 10px 0;
    }

        .contact-methods .department.ho {
            width: 25%;
            background-color: #f9f9f9;
            padding: 30px 0 25px 20px;
        }

            .contact-methods .department.ho::after {
                content: "";
                background-color: #f9f9f9;
                width: 300%;
                position: absolute;
            }

    .contact-depart-grid .head-office {
        padding-left: 50px;
        border-top: none;
        margin-top: 0;
        padding-top: 0;
        border-left: solid 1px #dddddd;
        padding-right: 20px;
    }

    #contact-banner .title-container .split {
        width: 100%;
        height: 3px;
        background: #555555;
        position: relative;
        margin-top: 110px;
        margin-bottom: -50px;
    }

    .store-overview-info-con .actions {
        margin-top: 15px;
    }

    .store-overview-info-con .number,
    .store-overview-info-con .address {
        width: 45%;
        margin: 0;
    }

    .store-overview-info-con .address {
        min-height: 95px;
        margin-right: 10%;
    }

    .overview-open-times {
        border-left: solid 1px #dddddd;
        padding-left: 40px;
    }

    .contact-store-left-wrap {
        border-right: solid 1px #dddddd;
        margin-right: 20px;
        padding-right: 46px;
    }

    .tf-thumbnail {
        width: 590px;
        top: -42px;
    }

    #navigation li a, .foot-nav li a {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
    }

    #navigation li a {
        padding: 16px 15px 8px 15px;
    }

        #navigation li a:hover,
        #navigation li.active a,
        #navigation li.active a:hover {
            border-bottom: solid 2px #cccccc;
            padding: 12px 15px 8px 15px;
            background: none;
        }

        #navigation li a:hover {
            padding: 16px 15px 8px 15px;
            border-bottom: none;
        }

    #contact-map {
        width: 100%;
        height: 550px;
        display: block;
    }



    .macbook-river .river-block.first {
        padding: 40px 0;
    }

    #ipad-air-2-touchid {
        margin-top: -350px;
        margin-bottom: -120px;
        margin-left: -30%;
        width: 130%;
    }

    .river #macbook-osx {
        position: absolute;
        width: 100%;
        top: -200px;
    }

    .river.macbook .river-block.knockdown p {
        margin-bottom: 500px;
    }

    #supported .imageCollage .stackOne {
        position: relative;
        left: -170px;
    }

    #supported .imageCollage .stackTwo {
        position: absolute;
        top: 370px;
        left: 310px;
        z-index: 20;
    }

    #supported .imageCollage p {
        width: 290px;
        text-align: right;
        display: block;
    }

    #supported .caption {
        position: absolute;
        width: 150px;
        top: 265px;
        right: 10px;
    }

    .river #macbook-keyboard-background {
        background-size: 2560px 1557px;
        background-repeat: no-repeat;
        height: 1900px;
        width: 2560px;
        position: relative;
        left: 50%;
        top: -500px;
        z-index: 1;
        margin-left: -1280px;
        margin-bottom: 0;
    }

    .river .river-block.block-one {
        top: 700px;
    }

    #iphone-hero-container .iphone-models {
        text-align: left;
        }

    #iphone-hero {
        margin-bottom: -355px;
    }

    #iphone-retinahd,
    #iphone-wireless {
        margin-top: -150px;
        margin-bottom: -180px;
        width: 90%;
    }

    #iphone-a8chip {
        margin-top: 20px;
        margin-bottom: -120px;
        width: 185%;
        margin-left: -56%;
    }

    #iphone-compare .space {
        margin: 0 7px;
    }

    .reasons h3 {
        font-size: 28px;
    }

    #fo-imac {
        width: 112%;
        margin-right: 5%;
        top: 150px;
    }

    .fo-step-block {
        margin: 5px 0;
    }
}