/* Minification failed. Returning unminified contents.
(1345,11): run-time error CSS1036: Expected expression, found ';'
 */
/* ---- genric ---- */

p, address, ul li, table td {
    font-size: 14px;
    line-height: 160%;
    color: #666;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
}

    p.large {
        font-size: 16px;
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    }

    p.xl {
        font-size: 20px;
        font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    }
	
	strong {
		font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
	}
    p strong {
       
        color: #333;
        letter-spacing: 0px;
      
		

    }

a {
	line-height: 160%;
	font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
    color: #2daae1;
    transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
}

    a:hover {
        color: #0b78a8;
        text-decoration: none;
    }

p a:hover {
    text-decoration: underline;
}

a.link-underline {
    text-decoration: underline;
}

    a.link-underline:hover {
        text-decoration: none !important;
    }

a.not-blue {
    color: inherit;
    font-weight: inherit;
    font-family: inherit;
}

h1, h2, h3, h4, h5, h6 {
    color: #333333;
    line-height: 150%;
    letter-spacing: -1px;
    font-weight: normal;
}


h1 {
    font-size: 50px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
	color: #111111;
}

h2 {
	color: #111111;
    font-size: 32px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
	margin:0;
}

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

h4 {
    font-size: 22px;
    font-family: 'proxima_novalight',Helvetica, Arial, sans-serif;
	margin-top:0;
}

h5 {
    font-size: 16px;
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
    color: #333;
    margin: auto;
	letter-spacing:0px;
	 
}

h6 {
    font-size: 14px;
    font-family: 'proxima_novasemibold',Helvetica, Arial, sans-serif;
    color: #333;
    margin: auto;
	letter-spacing:0px;
}

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

.left {
    float: left;
}

.right {
    float: right;
}


.smallprint {
    font-size: 12px;
    color: #A0A0A0;
}

.small {
    font-size: 12px;
}

.feature {
    width: 100%;
    padding: 50px 0;
	overflow:hidden;
}
.feature.no-overflow {
	overflow:visible;
}
    .feature.grey {
        background: #EEEEEE;
        border-top: solid 1px #DDDDDD;
         border-bottom: solid 1px #DDDDDD;
    }

    .feature.dark-grey {
        background: #333;
        color: #fff;
    }

        .feature.dark-grey h2 {
            color: #fff;
        }

        .feature.dark-grey p {
            color: #ddd;
        }

input {
	outline:none;
	
}

input[type="text"]:focus {
	box-shadow: inset 0px 0px 4px 1px #5e9ed6;
	
}

.border-left-1-light {
    border-left: solid 1px #DDDDDD;
}

.border-right-1-light {
    border-right: solid 1px #DDDDDD;
}

.border-top-1-light {
    border-top: solid 1px #DDDDDD;
}

.border-bottom-1-light {
    border-bottom: solid 1px #DDDDDD;
}

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

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

.padding-top-50 {
    padding-top: 50px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}


.padding-bot-40 {
    padding-bottom: 40px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-left-40 {
    padding-left: 40px;
}

.padding-right-40 {
    padding-right: 40px;
}


.margin-bot-60 {
    margin-bottom: 60px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-left-60 {
    margin-left: 60px;
}

.margin-right-60 {
    margin-right: 60px;
}

.margin-bot-40 {
    margin-bottom: 40px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-left-40 {
    margin-left: 40px;
}

.margin-right-40 {
    margin-right: 40px;
}

.margin-bot-30 {
    margin-bottom: 30px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-right-30 {
    margin-right: 30px;
}


.padding-bot-20 {
    padding-bottom: 20px;
}

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

.padding-left-20 {
    padding-left: 20px;
}

.padding-right-20 {
    padding-right: 20px;
}


.margin-bot-20 {
    margin-bottom: 20px;
}

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

.margin-left-20 {
    margin-left: 20px;
}

.margin-right-20 {
    margin-right: 20px;
}


.margin-bot-0 {
    margin-bottom: 0px;
}

.margin-top-0 {
    margin-top: 0px;
}

.margin-left-0 {
    margin-left: 0px;
}

.margin-right-0 {
    margin-right: 0px;
}



.padding-bot-0 {
    padding-bottom: 0px;
}

.padding-top-0 {
    padding-top: 0px;
}

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

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

.relative {
    position: relative;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.button,
p .button {
    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;
}

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

    p .button:hover {
        text-decoration: none;
    }

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

        .button.blue:hover {
            background: #2daae1;
            color: #ffffff;
        }

    .button.grey {
        color: #999999;
        border-color: #999999;
    }

        .button.grey:hover {
            background: #999999;
            color: #333333;
        }

    .button.white {
        color: #ffffff;
        border-color: #ffffff;
    }

        .button.white:hover {
            background: #ffffff;
            color: #666666;
        }

/* ----  navigation ----*/
.navigation #logo {
    margin: 10px 30px 0 0;
}

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

    #navigation li a, .foot-nav li a {
        padding: 16px 10px 8px 10px;
        border-bottom: solid 2px transparent;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    }

    #navigation.fixed {
        position: fixed;
        top: 0px;
        z-index: 99999999;
    }

.no-positionfixed #navigation.fixed {
    position: static;
    padding: 8px 0;
}

.no-positionfixed .subnav {
    display: none;
}

#navigation li {
    margin: 0 10px;
}

    #navigation li a:hover {
        padding: 16px 10px 8px 10px;
        background: none;
    }

    #navigation li.active a {
        border-bottom: solid 2px #ccc;
        color: #ffffff;
    }



#navigation.addOp {
    padding: 8px 0;
}

/* ---- navigation ----*/
.navWrap {
    height: 52px;
}

.nav {
    margin: 0;
    padding: 0;
}

.navigation {
    background: #333333;
    transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
}

.foot-nav {
    background: #2d2d2d;
}

    .navigation li,
    .foot-nav li {
        display: inline-block;
        padding: 0;
        margin: 0;
        position:relative;
    }

        .navigation li a,
        .foot-nav li a,
        .navigation li span{
            padding: 15px 25px;
            color: #dddddd;
            font-size: 14px;
            font-weight: 300;
            font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
            margin: 0;
            display: inline-block;
            cursor:pointer;
        }

            .navigation li a:hover,
            .foot-nav li a:hover,
            .navigation li span:hover {
                background: #222222;
                color: #ffffff;
            }

        .foot-nav li a {
            font-size: 12px;
        }



.topWrap,
.header,
.navigation {
    width: 100%;
}

.navigation {
    top: 129px;
}

.affix {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.addOp,
.navigation.addOp .nav .dropdown {
    background: rgba(52,52,52,0.9);
}

.showNav {
    opacity: 1;
}

.subnav {
    position: fixed;
    top: 98px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    left: 0;
    width: 100%;
    background: #ffffff;
    border-bottom: solid 1px #ccc;
    /*display: none;*/
    height: 39px;
    line-height: 39px;
    /* 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;
}

    .subnav.addOp {
        top: 64px;
    }

    .subnav li {
        margin: 0 10px 0 0 !important;
        font-size: 14px;
        font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
        color: #000;
        line-height: 15px;
    }

        .subnav li a {
            font-size: 12px !important;
            color: #555 !important;
            padding: 12px 10px 8px 10px !important;
            border: none !important;
        }

            .subnav li a:hover {
                color: #000000 !important;
                border: none !important;
            }


/*.navigation .nav .dropdown {
    position: absolute;
    padding: 0;
    margin: 0;
    top: 57px;
    background: #333333;
    left: 0;
}

.navigation.addOp .nav .dropdown {
    top: 40px;
}*/

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


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

Copyright 2014 Stormfront.co.uk


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


.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;
}

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

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

.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: 15px;
    }

.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-last .hb-text {
    padding-left: 50px;
}

.hb-text {
    width: 50%;
}

    .hb-text p {
        /*min-height:75px; */
    }

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

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

#home-pt {
    padding: 0 20px;
    width: 70%;
    /*background:url(/assets/images/hb-pt.png) 85% bottom no-repeat*/
}

#home-contact {
    padding: 0 20px;
    width: 30%;
    /*background:url(/assets/images/hb-contact.png) 85% bottom no-repeat*/
}

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

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

    .hb-small h4, .hb-small p {
        padding: 0 10px;
    }

    .hb-small img {
        width: 95%;
    }

    .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;
}


/*----- 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;
}

.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 {
    float:;
    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;
        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;
    }



/* ---- education Template page---- */
.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;
}


/* ---- 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: black;
        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 {
    background: #f1f1f1;
}

.river.ipad-2 .river-block h3 {
    font-size: 50px;
    color: black;
    margin-top: 0;
}

.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;
}

.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;
    margin: 20px 0 0 0;
    line-height: 100%;
}

.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%;
}
/* ---- 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: 400px;
    }

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

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

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

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

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

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

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

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

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

    .productGrid li h4 {
        margin: 20px 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: 2px;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

        .productGrid.accessories li .acc-color span.white {
            height: 10px;
            width: 10px;
            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 Template page---- */

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

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

.payment-plan h4,
.payment-plan p {
    color: #2d4faa;
}

#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;
}

.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 {
    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);
}

#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 {
    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%;
}

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

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

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


.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;
    }



#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;
    }

/* ------- 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 {
    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"] {
    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 {
        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 --------*/





/* ------- Sonons Landing Page --------*/
#sonos-landing .lowerWrap {
    overflow: initial;
}

#sonos-landing .main.sonos-menubar {
    padding: 30px 0;
    overflow: visible;
}

#sonos-landing .main {
    overflow: hidden;
}

#sonos-banner {
    background: #000000;
    background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-pattern.jpg);
    background-repeat: no-repeat;
}

    #sonos-banner .title-container {
        margin-top: 110px;
    }

        #sonos-banner .title-container h1 {
            font-family: "proxima_novasemibold",Helvetica,Arial,sans-serif;
            font-size: 26px;
            color: #cccccc;
            margin: 20px 0;
        }

        #sonos-banner .title-container h3 {
            font-family: "proxima_novalight",Helvetica,Arial,sans-serif;
            font-size: 18px;
            color: #cccccc;
            text-transform: uppercase;
        }

#sonos-landing .main.sonos-menubar .button {
    margin: 0 5px 10px 0;
}

.button.sonos-purple {
    color: #b0008e;
    border-color: #b0008e;
}

    .button.sonos-purple:hover {
        color: #ffffff;
        background: #b0008e;
    }

.button.sonos-yellow {
    color: #efb22d;
    border-color: #efb22d;
}

    .button.sonos-yellow:hover {
        color: #ffffff;
        background: #efb22d;
    }

.button.sonos-blue {
    color: #00adc6;
    border-color: #00adc6;
}

    .button.sonos-blue:hover {
        color: #ffffff;
        background: #00adc6;
    }

.button.sonos-black {
    color: #000000;
    border-color: #000000;
}

    .button.sonos-black:hover {
        color: #ffffff;
        background: #000000;
    }


#play-1, #play-3, #play-5, #bridge {
    padding: 120px 0;
    overflow: hidden;
}

#sonos-family-img {
    position: absolute;
    width: 100%;
    bottom: -141px;
    z-index: 999;
}

#sonos-landing .topWrap,
#sonos-landing .carousel-inner {
    /*overflow: visible;*/
}

.sonos-deezer-container img {
    margin-top: 90px;
    margin-bottom: 40px;
}

.sonos-deezer-container p {
    color: #eeeeee;
    font-size: 16px;
}

#sonos-landing .main h2 {
    font-family: "proxima_novasemibold",Helvetica,Arial,sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

#sonos-landing .main h4 {
    font-family: "proxima_novaregular",Helvetica,Arial,sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

#sonos-landing .main p {
    font-family: "proxima_novaregular",Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #999999;
}

#play-1 h2,
#play-1 h4 {
    color: #b0008e;
}

#play-3 h2,
#play-3 h4 {
    color: #efb22d;
}

#play-5 h2,
#play-5 h4 {
    color: #00adc6;
}

#bridge h2,
#bridge h4 {
    color: #000000;
}

.sonos-feature-text {
    margin: 80px 0;
}


.sonos-slider {
}

.sonos-slider {
    margin: 0 !important;
}

    .sonos-slider .carousel-inner > .item > img {
        display: inline;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .sonos-slider .carousel-control {
        height: 30px;
        bottom: -40px;
        top: auto;
    }

    .sonos-slider .carousel-indicators {
        bottom: -40px;
    }

        .sonos-slider .carousel-indicators li {
            border: none;
            background: #666666;
        }

            .sonos-slider .carousel-indicators li.active {
                border: solid 2px #000000;
                background: #000000;
            }

.sonos-play-video {
    font-size: 18px;
    color: #999999;
    font-weight: normal;
    font-family: 'proxima_novaregular',Helvetica, Arial, sans-serif;
}

    .sonos-play-video:hover {
        font-size: 18px;
        color: #ffffff;
        text-decoration: none;
    }

.sonos-video-frame {
    display: inline;
    position: relative;
}

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

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

.sonos-foot-bar {
    padding: 30px;
    background: #000000;
}

.sonos-foot-text {
    padding: 0 0 0 30px;
}

    .sonos-foot-text p {
        color: #ffffff;
    }


.parallax-feature.pa-sonos-one,
.parallax-feature.pa-sonos-two {
    box-shadow: inset 0 0 7px -2px #333333;
}

.parallax-feature.pa-sonos-one {
    background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-feature-one.jpg);
}

.parallax-feature.pa-sonos-two {
    background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-feature-two.jpg);
}

.parallax-feature.pa-sonos-three {
    background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-feature-three.jpg);
}


.sonos-purple-colour-block {
    height: 350px;
    width: 120%;
    background: #b0008e;
    position: absolute;
    z-index: 1;
    bottom: -300px;
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
}


.sonos-yellow-colour-block-top {
    height: 500px;
    width: 125%;
    background: #efb22d;
    position: absolute;
    top: -417px;
    -ms-transform: rotate(-8.5deg); /* IE 9 */
    -webkit-transform: rotate(-8.5deg); /* Chrome, Safari, Opera */
    transform: rotate(-8.5deg);
    z-index: 1;
    left: -10%;
}

.sonos-yellow-block-bottom {
    height: 150px;
    width: 100%;
    background: #efb22d;
    position: absolute;
    bottom: -100px;
    -ms-transform: rotate(-15deg); /* IE 9 */
    -webkit-transform: rotate(-15deg); /* Chrome, Safari, Opera */
    transform: rotate(-15deg);
    z-index: 1;
    right: -35%;
}

.sonos-blue-colour-block-top {
    height: 500px;
    width: 155%;
    background: #00adc6;
    position: absolute;
    top: -417px;
    -ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
    z-index: 1;
    left: -60%;
}

.sonos-blue-block-bottom {
    height: 220px;
    width: 150%;
    background: #00adc6;
    position: absolute;
    bottom: -192px;
    -ms-transform: rotate(8deg); /* IE 9 */
    -webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
    transform: rotate(8deg);
    z-index: 1;
    left: -35%;
}

.sonos-purple-opactiy-block,
.sonos-yellow-opactiy-block,
.sonos-blue-opactiy-block,
.sonos-white-opactiy-block-top,
.sonos-white-opactiy-block-bottom {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";
    /* IE 5-7 */
    filter: alpha(opacity=5);
    /* Netscape */
    -moz-opacity: 0.05;
    /* Safari 1.x */
    -khtml-opacity: 0.05;
    /* Good browsers */
    opacity: 0.05;
}

.sonos-purple-opactiy-block {
    height: 350px;
    width: 120%;
    background: #000000;
    position: absolute;
    bottom: -330px;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
    left: -10%;
}

.sonos-yellow-opactiy-block {
    height: 150px;
    width: 120%;
    background: #000000;
    position: absolute;
    top: -130px;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
    right: -10%;
}

.sonos-blue-opactiy-block {
    height: 150px;
    width: 120%;
    background: #000000;
    position: absolute;
    top: -130px;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
    right: -10%;
}

.sonos-white-opactiy-block-top {
    height: 250px;
    width: 120%;
    background: #000000;
    position: absolute;
    top: -230px;
    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
    transform: rotate(10deg);
    right: -30%;
}

.sonos-white-opactiy-block-bottom {
    height: 250px;
    width: 120%;
    background: #000000;
    position: absolute;
    bottom: -230px;
    -ms-transform: rotate(8deg); /* IE 9 */
    -webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
    transform: rotate(8deg);
    left: -30%;
}

.ie8 .sonos-purple-colour-block,
.ie8 .sonos-yellow-colour-block-top,
.ie8 .sonos-yellow-block-bottom,
.ie8 .sonos-blue-colour-block-top,
.ie8 .sonos-blue-block-bottom,
.ie8 .sonos-purple-opactiy-block,
.ie8 .sonos-yellow-opactiy-block,
.ie8 .sonos-blue-opactiy-block,
.ie8 .sonos-white-opactiy-block-top,
.ie8 .sonos-white-opactiy-block-bottom {
    width: 100%;
    left: 0;
}

.deezer-terms-wrapper {
    position: relative;
    overflow: hidden;
    padding: 20px 20px 35px 20px;
    background: #f9f9f9;
    border-radius: 4px;
}


.deezer-terms {
    height: 250px;
    overflow: hidden;
    position: relative;
    padding-right: 20px;
}

    .deezer-terms.open {
        height: auto;
    }


.deezer-terms-shadow {
    position: absolute;
    height: 38px;
    width: 100%;
    bottom: 0;
    left: -38px;
    z-index: 1;
    overflow: hidden;
}

    .deezer-terms-shadow span {
        display: block;
        position: absolute;
        left: -10%;
        width: 110%;
        height: 0px;
        box-shadow: 5px 0px 20px 23px #f9f9f9;
        bottom: 0px;
    }

#sonos-terms .terms-scroll-label {
    text-align: center;
    color: #bbbbbb;
    box-shadow: 5px 0px 20px 23px #f9f9f9;
    position: absolute;
    width: 100%;
    bottom: 7px;
    left:0;
    padding: 0;
    margin: 0;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

    #sonos-terms .terms-scroll-label.open i {
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
        transform: rotate(180deg);
    }

    #sonos-terms .terms-scroll-label:hover {
        color: #000000;
    }


/* ------- END Sonons Landing Page --------*/

#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 {
}





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

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

/* 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: 96%;
        }

        /* .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;
            }

    .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 {
        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 {
        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: 100px;
            text-align: center;
            bottom: 0;
            display: block;
            margin: auto;
        }

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

    .hb-last .hb-text {
        padding: 0;
        border: none;
    }


    .hb-small {
        width: 100%;
        min-height: 345px;
        padding: 0 20px 15px;
    }

        .hb-small img {
            height: 100px;
            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;
    }

    .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 {
        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 {
        margin-top: 80px;
    }


    .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;
    }

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

    #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 {
        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;
    }
    /* ------- Sonons Landing Page --------*/
    #sonos-banner {
        background: #000000;
        background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-pattern-mobile.jpg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .sonos-foot-bar {
        background: #000000;
    }

    .sonos-foot-text {
        padding: 50px 0 0 0;
    }

    .sonos-feature-text.first {
        margin: 0 0 50px 0;
    }

    .sonos-feature-text {
        margin: 50px;
    }

    #play-1 {
        padding: 60px 0 120px 0;
        overflow: hidden;
    }

    .sonos-deezer-container img {
        margin: auto;
        margin-top: 50px;
        margin-bottom: 30px;
        max-width: 100%;
    }

    /* ------- END Sonons Landing Page --------*/


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

    .ptBlock div {
        margin-left: 0;
    }

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


/* tablet */
@media(min-width:768px) {
    /*body, .main{background:blue;}*/

    .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;
    }

        #home-pt img,
        #home-contact img {
            position: static;
            height: 100px;
            text-align: center;
            bottom: 0;
            right: 10px;
            clear: both;
            display: block;
            margin: auto;
        }

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

    .hb-small {
        min-height: 365px;
    }

        .hb-small p {
            font-size: 14px;
        }

        .hb-small h4, .hb-small p {
            padding: 0 15px;
        }

    #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: 475px;
    }

    .productGrid.crosssell-mac-three li {
        min-height: 365px;
    }

    .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: 205px;
    }

    .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;
    }

    /* ------- Sonons Landing Page --------*/
    #sonos-banner {
        background: #000000;
        background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-pattern-mobile.jpg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    .sonos-foot-text {
        padding: 50px 0 0 0;
    }

    .sonos-feature-text.first {
        margin: 0 0 50px 0;
    }

    .sonos-feature-text {
        margin: 50px;
    }

    #play-1 {
        padding: 60px 0 120px 0;
        overflow: hidden;
    }

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

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



    /* ------- END Sonons Landing Page --------*/
}

/* 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;
    }

    .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: 0;
            right: 30px;
            clear: both;
            display: block;
        }

    .hb-text {
        width: 50%;
    }

    .hb-last .hb-text {
        padding-left: 20px;
    }



    #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;
    }

    .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;
        }

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

    .productGrid li {
        min-height: 490px;
        width: 33%;
    }

    .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: 10px;
    }



    #navigation li a, .foot-nav li a {
        transition: none;
        -webkit-transition: none;
        -moz-transition: none;
    }

    #navigation li a {
        padding: 16px 8px 8px 8px;
    }

        #navigation li a:hover,
        #navigation li.active a,
        #navigation li.active a:hover {
            border-bottom: solid 2px #cccccc;
            padding: 16px 8px 8px 8px;
            background: none;
        }

        #navigation li a:hover {
            border-bottom: none;
            padding: 16px 8px 8px 8px;
        }



    #sonos-banner {
        background: #000000;
        background-image: url(/assets/images/accessories/landing-pages/sonos/sonos-pattern.jpg);
        background-repeat: no-repeat;
        background-position: 50% 0;
    }

    #sonos-family-img {
        position: absolute;
        width: 110%;
        bottom: -130px;
        right: 0;
    }

    .sonos-deezer-container img {
        margin-top: 90px;
        margin-bottom: 40px;
    }

    .sonos-foot-text {
        padding: 0 0 0 30px;
    }

    #play-1, #play-3, #play-5, #bridge {
        padding: 120px 0;
        overflow: hidden;
    }


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

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

    .sonos-feature-text {
        margin: 60px 0;
    }

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

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

    .river.ipad-2 .river-block h3 {
        font-size: 50px;
        color: black;
        margin-top: 0;
    }

    #ipad-air-2-touchid {
        margin-top: -225px;
        margin-bottom: -100px;
        margin-left: -30%;
        width: 126%;
    }
}

@media(min-width:1200px) {

    /*body, .main{background:green;}*/

    .home-slider .carousel-inner .item img.banner-flag {
        height: auto;
        width: auto;
    }

    .no-tablet {
        display: block;
    }

    .mobile-only {
        display: none;
    }

    .no-desktop {
        display: none;
    }

    #home-pt img,
    #home-contact img {
        position: absolute;
        height: 90%;
        text-align: center;
        bottom: 0;
        right: 35px;
        clear: both;
        display: block;
    }

    .hb-text {
        width: 50%;
    }

    #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: 460px;
        width: 33%;
    }

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

    .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: -40px;
    }

    #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: 16px 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;
    }

    #sonos-family-img {
        position: absolute;
        width: 100%;
        bottom: -141px;
    }

    .sonos-feature-text {
        margin: 80px 0;
    }

    #play-1, #play-3, #play-5, #bridge {
        padding: 120px 0;
        overflow: hidden;
    }

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

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