/*
Main Stylesheet for ID
Author: Continuum

*/

.EditMode .headerFix {
    position: relative;
}

#choosePhoneArea,
#phoneSlider,
#blogArea,
#lifeStyle {
    /*display:none!important;*/
}
body {
    font-size: 16px;
    font-family: gtwregular;
}
a {
    outline: medium none;
}
a:hover,
a:focus {
    text-decoration: none !important;
}
/*:focus {
    -moz-outline-style: none;
}

:-moz-any-link:focus {
    outline: none;
}*/
/**
    * #.# MVNO - Genaral Elements
    *
    * [1.0] Font Formats, [1.1] Brand Colours, [1.2] Genernal Classes,
    */
/**
    * #.# [1.0] Font Formats
    */
/*@font-face {
        font-family: gtwbold;
        src: url(fonts/GT-Walsheim-Bold.otf);
    }*/
/*@font-face {
        font-family: gtwregular;
        src: url(fonts/GT-Walsheim-Regular.otf);
    }

    @font-face {
        font-family: gtwthin;
        src: url(fonts/GT-Walsheim-Thin.otf);
    }*/
/*
    */

@font-face {
    font-family: 'gtwregular';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/GT-Walsheim-Regular-Oblique-web/GT-Walsheim-Regular.eot');
    src: url('fonts/GT-Walsheim-Regular-Oblique-web/GT-Walsheim-Regulard41d.eot?#iefix') format('embedded-opentype'), url('fonts/GT-Walsheim-Regular-Oblique-web/GT-Walsheim-Regular.woff') format('woff'), url('fonts/GT-Walsheim-Regular-Oblique-web/GT-Walsheim-Regular.ttf') format('truetype'), url('fonts/GT-Walsheim-Regular-Oblique-web/GT-Walsheim-Regular.svg#webfont') format('svg');
}
@font-face {
    font-family: 'gtwthin';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/GT-Walsheim-Thin-Oblique-web/GT-Walsheim-Thin.eot');
    src: url('fonts/GT-Walsheim-Thin-Oblique-web/GT-Walsheim-Thind41d.eot?#iefix') format('embedded-opentype'), url('fonts/GT-Walsheim-Thin-Oblique-web/GT-Walsheim-Thin.woff') format('woff'), url('fonts/GT-Walsheim-Thin-Oblique-web/GT-Walsheim-Thin.ttf') format('truetype'), url('fonts/GT-Walsheim-Thin-Oblique-web/GT-Walsheim-Thin.svg#webfont') format('svg');
}
@font-face {
    font-family: 'gtwbold';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/GT-Walsheim-Bold-Oblique-web/GT-Walsheim-Bold.eot');
    src: url('fonts/GT-Walsheim-Bold-Oblique-web/GT-Walsheim-Boldd41d.eot?#iefix') format('embedded-opentype'), url('fonts/GT-Walsheim-Bold-Oblique-web/GT-Walsheim-Bold.woff') format('woff'), url('fonts/GT-Walsheim-Bold-Oblique-web/GT-Walsheim-Bold.ttf') format('truetype'), url('fonts/GT-Walsheim-Bold-Oblique-web/GT-Walsheim-Bold.svg#webfont') format('svg');
}
/*.fa-search {
    position:absolute;
    top:14px;
}*/

.header-shadow {
    box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.25);
}
/**
    * #.# [1.1] Brand Colours
    */

.hisky-bg {
    background-color: #55AECB;
}
.beppy-bg {
    background-color: #C2A6CD;
}
.beppy-bg .darkFont,
.beppy-bg .darkFont a {
    color: #74647b;
}
.duran-bg .darkFont {
    color: #967627;
}
.hisky-bg .darkFont,
.hisky-bg a.darkFont {
    color: #33687a;
}
.erminto-bg .darkFont,
.erminto-bg a.darkFont {
    color: #3f6f48;
}
.beppy-bg .darkFont,
.beppy-bg a.darkFont {
    color: #74647b;
}
.duran-bg .darkFont,
.duran-bg a.darkFont {
    color: #967627;
}
.dark-blue-ft-2 {
    color: #2c3c41;
}
.white-bg {
    background-color: #fff;
}
.erminto-bg {
    background-color: #69b878;
}
.duran-bg {
    background-color: #fbc63d;
}
.gray-bg {
    background-color: #f2f2f2;
}
.light-gray-bg {
    background-color: #e4e4e4;
}
/**
    * #.# [1.1] General Classes
    */

.aspNetDisabled {
    display: none;
    opacity: 0.2;
}
.hidden {
    display: none;
}
.btn {
    border: 2px solid #fff;
    border-radius: 2px;
    font-size: 1.5em;
    font-family: gtwbold;
    padding: 11px 0;
}
.pink-button {
    border: solid 2px #b90e81;
    background-color: #b90e81;
}
.card {
    position: relative;
    margin: 0;
    padding: 0;
    color: #839b9e;
    border-radius: 3px;
    border: solid 1px #e3e3e3;
    box-shadow: 0px 2px 1px 0px rgba(51, 51, 51, 0.24);
    background: #fff;
}
.yellow-cirlce {
    border-radius: 32px;
    width: 64px;
    height: 64px;
    margin-left: 23px;
    margin-top: -7px;
    padding: 19px 0;
    text-align: center;
    display: inline-block;
}
.yellow-cirlce:hover {
    background-color: #967627;
    color: #fff;
    text-decoration: none;
}
.IE8 .yellow-cirlce {
    background: url("images/yellow-circle-ie8.png") no-repeat;
    width: 65px;
    height: 65px;
}
.small-btn {
    padding: 10px 0;
    width: 120px;
    font-size: 14px;
    font-family: gtwregular;
    font-weight: 700;
    display: inline-block;
}
button.small-btn {
    border: medium none;
}
.small-radius {
    border-radius: 2px;
}
.big-radius {
    border-radius: 10px;
}
.add-to-compare label {
    border-radius: 5px;
    cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: gtwbold;
}
h1 {
    font-size: 80px;
    margin: 0;
}
h2 {
    font-size: 30px;
}
h2 small {
    color: #fff;
}
.owl-prev,
.fl {
    float: left;
}
.owl-next,
.fr {
    float: right;
    position: relative;
}
.owl-prev:hover,
.owl-next:hover {
    cursor: pointer;
}
.chevRight {
    right: 20px;
}
.chevLeft {
    left: 20px;
}
.clear {
    clear: both;
}
.tc {
    text-align: center;
}
.shadowMain {
    box-shadow: 0px 2px 1px 0px rgba(51, 51, 51, 0.24);
}
.col-md-offset-4_5 {
    margin-left: 37.5%;
}
.darkBlueBorder {
    border: 2px solid #33687a;
}
.darkGreenBorder {
    border: 2px solid #3f6f48;
}
.darkPurpleBorder {
    border: 2px solid #6e5e76;
}
.grayBorder {
    border: 2px solid #919191;
}
.darkYellowBorder {
    border: 2px solid #967627;
}
.whiteBorder {
    border: 2px solid #fff;
}
/**
* #.#[2] MVNO - Genaral Page Elements
************************************************************************************************
* [2.0] Header, [2.1] Powered By, [2.2] Navigation, [2.2.1] MegaMenu, [2.3] Cookie Policy, [2.4] Cookie Policy
*/
/**
* #.# [2.0] Header
*/

header .fr > .mobNav,
.mobile {
    display: none;
}
.mobNav {
    float: left;
    font-size: 28px;
}
header.top-header {
    /*display:none;*/
}
header .dropdown-menu {
    display: none;
}
.DesignMode header .dropdown-menu,
.EditMode header .dropdown-menu {
    display: inline-block;
    position: relative;
    top: 0;
}
header {
    padding: 14px 14px 9px;
    position: relative;
    top: 0;
    z-index: 10;
}
header .container {
    padding: 0;
    max-width: 1460px;
    width: 100%;
}
header > div > * {
    display: inline-block;
}
.logo {
    display: inline-block;
}
.logo img {
    height: 50px;
}
.idLogo {
    width: 61px;
    height: 50px;
}
/**
     * #.# [2.1] Powered By
     */

#poweredBy {
    display: inline-block;
    margin-bottom: -1px;
    margin-left: 11px;
    font-family: gtwregular;
    font-size: 12px;
    letter-spacing: 0.21em;
    line-height: 18px;
}
#poweredBy > * {
    display: inline-block;
}
#poweredBy p {
    margin: 2px 0 0;
    vertical-align: top;
}
#poweredBy a {
    margin-left: 0;
    width: 121px;
}
#poweredBy a img {
    width: 100%;
}
/**
     * #.# [2.2] Navigation
     */

header .fr > * {
    display: inline-block;
}
nav ul {
    list-style: none;
}
nav ul li {
    display: inline-block;
    font-family: gtwbold;
    margin-left: 30px;
}
nav ul li i {
    margin-right: 3px;
}
header nav a:hover,
header nav a:focus,
header nav a:active,
header nav li.active a {
    color: #3f6f48;
    text-decoration: none;
}
/**
     * #.# [2.2.1] MegaMenu
     */

.dropdown {
    position: static;
}
nav.no-mobile {
    position: relative;
}
header .caret {
    border-bottom: 10px solid #f2f2f2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -21px;
    height: 0;
    left: 140px;
    position: absolute;
    width: 0;
}
.dropdown-menu {
    display: block;
    position: absolute;
    top: 80px;
    margin-left: -15px;
    max-width: 1490px;
    padding: 0 15px;
    width: 100%;
    /* opacity: 0;*/

    display: none;
}
.dropdown-menu-inner {
    padding-top: 28px;
    padding-right: 0px;
    position: relative;
    min-height: 370px;
}
nav.no-mobile li:first-child a {
    position: relative;
}
nav.no-mobile li.open:first-child a:after {
    bottom: -30px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(242, 242, 242, 0);
    border-bottom-color: #f2f2f2;
    border-width: 10px;
    margin-left: -10px;
}
.dropdown-menu-inner ul {
    padding: 0;
}
.dropdown-menu-inner li {
    width: 100%;
    margin-bottom: 10px;
    list-style: none;
}
.dropdown-menu-inner > div.featuredPhones h3 {
    margin-bottom: 12px;
}
.dropdown-menu-inner h3 {
    color: #37484e;
    margin-bottom: 20px;
    font-size: 16px;
    margin-top: 0;
}
.dropdown-menu-inner li a {
    font-family: gtwthin;
    color: #37484e;
}
.dropdown-menu-inner li a:hover {
    color: #69b878;
}
.dropdown-menu-inner div.details {
    border-top: 5px solid #37484e;
    color: #37484e;
}
.dropdown-menu-inner div.details p {
    font-size: 12px;
    font-family: gtwregular;
}
.dropdown-menu-inner div.details h2 {
    font-size: 24px;
}
.phones {} .dropdown-menu-inner > div.popbrands {
    padding-left: 15px;
}
.dropdown-menu-inner > div.plans {
    padding-left: 8px;
}
.dropdown-menu-inner > div.accessories {
    min-width: 198px;
}
.dropdown-menu-inner > div.featuredPhones {
    min-width: 185px;
    padding-right: 15px;
}
.dropdown-menu-inner div.details h2 small {
    font-size: 20px;
    color: #37484e;
}
.dropdown-menu-inner div.duran-bg {
    margin-top: -23px;
    padding: 30px 15px 0;
    height: 100%;
    width: 225px;
}
.dropdown-menu-inner div.duran-bg ul a {
    color: #fff;
}
.dropdown-menu-inner div.duran-bg ul {
    margin-bottom: 25px;
}
.dropdown-menu-inner div.duran-bg li {
    margin-left: 0;
    color: #fff;
}
.dropdown-menu-inner div.duran-bg h3 {
    color: #fff;
}
.dropdown-menu-inner div.duran-bg .btn {
    font-size: 20px;
    margin-bottom: 20px;
}
.dropdown-menu-inner div > a > img {
    width: 80%;
    margin: 0 10%;
}
#searchBar {
    margin-left: 30px;
    position: relative;
}
#searchBar:hover {
    color: #3f6f48;
}
.searchBox label,
.searchBox .btn.btn-default {
    display: none;
}
.cartLink {
    display: inline-block;
    float: right;
    font-size: 22px;
    margin-left: 24px;
    margin-top: -4px;
    position: relative;
}
.cartLink:hover span.fa-shopping-cart {
    color: #3f6f48;
}
.cartLink .items {
    background-color: #3f6f48;
    border-radius: 50%;
    display: block;
    font-size: 12px;
    height: 17px;
    padding: 0;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -3px;
    width: 17px;
}
.searchBox {
    display: none;
    position: absolute;
    right: 20px;
    top: -17px;
    width: 600px;
}
.searchBox input {
    opacity: 0;
}
.searchBox {
    background-color: #69b978;
}
.mobile .searchBox {
    background-color: #fff;
}
/*           */

.searchBox .form-control {
    background: transparent none repeat scroll 0 0;
    border-right: none;
    border-bottom: 1px solid #fff;
    border-top: none;
    border-left: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    height: 35px;
    margin-top: 11px;
    padding: 11px 12px 0 0;
    line-height: 16px;
}
.searchBox .form-control:focus {
    border-color: #3f6f48;
    box-shadow: none;
    color: #3f6f48;
    outline: 0 none;
}
.home .searchBox .form-control:focus {
    background: transparent none repeat scroll 0 0;
    border-right: none;
    border-bottom: 1px solid #fff;
    border-top: none;
    border-left: none;
}
/*** Mega Menu Temporary Styles */

#menu {
    /*display: none;*/

    list-style: none;
    width: 940px;
    margin: 30px auto 0px auto;
    height: 43px;
    padding: 0px 20px 0px 20px;
    /* Rounded Corners */

    border-radius: 10px;
    /* Background color and gradients */

    background: #014464;
    background: -moz-linear-gradient(top, #0272a7, #013953);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
    /* Borders */

    border: 1px solid #002232;
    box-shadow: inset 0px 0px 1px #edf9ff;
}
#menu li {
    float: left;
    display: block;
    text-align: center;
    position: relative;
    padding: 4px 10px 4px 10px;
    margin-right: 30px;
    margin-top: 7px;
    border: none;
}
#menu li:hover {
    border: 1px solid #777777;
    padding: 4px 9px 4px 9px;
    /* Background color and gradients */

    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
    /* Rounded corners */

    border-radius: 5px 5px 0px 0px;
}
#menu li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #EEEEEE;
    display: block;
    outline: 0;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
}
#menu li:hover a {
    color: #161616;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#menu li .drop {
    padding-right: 21px;
    background: url("img/drop.html") no-repeat right 8px;
}
#menu li:hover .drop {
    background: url("img/drop.html") no-repeat right 7px;
}
/**
* #.# [2.3] Cookie Policy
*/

.CookieConsent {
    text-align: center;
    padding: 10px 0 10px;
    background: #3f6f48;
    z-index: 9;
    position: relative;
}
.CookieConsent .btn {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    font-family: gtwregular;
    font-size: 1.2em;
    font-weight: normal;
    margin-left: 10px;
    margin-top: -2px;
    padding: 2px 20px 4px;
}
/**
* #.# [2.4] Warning
*/

.warning.red {
    background-color: #eb604d;
    border-radius: 5px;
    color: #fff;
    font-family: gtwbold;
    font-size: 20px;
    margin: -25px 25% 50px;
    padding: 30px 20px;
    text-align: center;
    width: 50%;
}
.warning a {
    color: #fbc63d;
    text-decoration: none;
}
/**
    * #.# MVNO - Store Locator
    *
    * [1.0] Store Selectboxes, [1.1] List of Stores, [1.2] Single Store, [1.3] Store Details,
    */

#storesMap {
    width: 95%;
    height: 540px;
    margin: 40px auto 0 auto;
}
/**
     * #.# [1.0] Store Selectboxes
     */

.store-selectboxes {
    padding: 55px 0 45px 0;
    background: #f2f2f2;
}
.store-selectboxes .container {
    text-align: center;
}
.store-selectboxes .all-counties,
.store-selectboxes .all-stores {
    display: inline-block;
    float: none;
    margin: auto;
    width: 25.7%;
}
.store-selectboxes .selectboxit .selectboxit-arrow-container .selectboxit-arrow:before {
    font-size: 1.5em;
}
.store-selectboxes .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    margin: 0 auto;
    position: absolute;
    top: -6px;
    right: 24px;
    left: 0;
}
.store-selectboxes .selectboxit-text {
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    font-family: gtwbold;
    font-size: 1.25em;
    text-indent: 20px;
    width: 100%;
    max-width: 70% !important;
}
.store-selectboxes .selectboxit-option .selectboxit-option-anchor {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.store-selectboxes .selectboxit-container .selectboxit-options {
    max-width: 270px;
}
/**
     * #.# [1.1] List of Stores
     */

.stores-list-wrapper {
    background: #f2f2f2;
}
.stores-list-wrapper .container {
    padding-bottom: 40px;
}
.stores-list-wrapper h2 {
    display: none;
}
/**
     * #.# [1.2] Single Store
     */

.single-store {
    padding: 15px;
}
.single-store .card {
    padding: 20px 0 0 0;
}
.single-store .card h2 {
    display: block;
    margin: 0;
    padding: 5px 0 5px 0;
    color: #2c3c41;
    font-family: gtwbold;
    font-size: 1.3em;
}
.single-store .card img {
    position: relative;
    max-width: 80px;
}
.single-store .store-image {
    float: left;
    padding-left: 20px;
    margin-bottom: 15px;
}
.single-store .store-address {
    float: left;
    padding-left: 24px;
    max-width: 80%;
}
.single-store .store-address span {
    padding-right: 5px;
}
.single-store .map-links {
    clear: both;
    padding: 22px 0 0 20px;
    border-top: solid 1px #f3f2f2;
}
.single-store .map-links a {
    color: #839b9e;
    font-size: 16px;
}
.single-store .map-links a:hover {
    text-decoration: none;
    color: #55AECB;
}
.single-store .map-links .link {
    display: inline-block;
    padding: 0 28px 0 0;
}
.single-store .map-links .fa {
    margin: 0 10px 0 0;
    color: #69b978;
}
.single-store .map-links .view-map {
    float: right;
    margin: -10px 20px 10px 0;
}
.single-store .map-links .view-map a {
    display: inline-block;
    padding: 11px 10px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
}
.single-store .map-links .view-map a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.single-store .map-links .view-map .fa {
    margin: 0 10px 0 0;
    color: #fff;
}
/**
     * #.# [1.2] Store Popup
     */

#storesMap .infoBox .storeInfoPopup {
    position: absolute;
    left: 0;
    bottom: -90px;
    padding: 0 0 14px 0;
    min-width: 260px;
    max-width: 260px;
    color: #fff;
    background-color: #69b978;
    margin-left: 10px;
}
#storesMap .infoBox .storeInfoPopup .store-image {
    /*position: absolute;
        left: 20px;
        top: 20px;
        padding: 0;*/
    /*background:url("images/checkout/store-bg.png") no-repeat;*/

    display: block;
    height: 117px;
    overflow: hidden;
}
#storesMap .infoBox .storeInfoPopup .store-image .id-logo {
    display: inline-block;
    width: 82px;
    height: 67px;
    background: url("images/checkout/id-logo.png") no-repeat;
    position: absolute;
    top: 25px;
    left: 40%;
}
.storeInfoPopup .close-pin {
    position: absolute;
    top: 10px;
    right: 10px;
}
.storeInfoPopup .close-pin button {
    background: #666;
    color: #fff;
    border: none;
}
.infoBox img {
    display: none;
}
#storesMap .infoBox .storeInfoPopup .store-image img {
    width: 100%;
    display: block!important;
}
.storeInfoPopup h3 {
    color: #fff;
    font-family: gtwbold;
    font-size: 24px;
    margin: 0;
    padding: 20px 0 10px 0;
}
.storeInfoPopup .storeName {
    margin: 0 10px;
}
.storeInfoPopup .storeAddress {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 20px;
    margin: 0 10px;
}
.storeInfoPopup a {
    display: block;
    padding: 14px 0 14px 0;
    color: #fff;
    text-align: center;
    font-family: gtwbold;
    border: solid 2px #fff;
    font-size: 1.5em;
    border-radius: 3px;
}
.storeAction {
    margin: 0 10px;
}
.storeAction a {
    color: #fff;
    margin-top: 20px;
}
/**
     * #.# [1.3] Store Details
     */

.store-locator-details-wrapper {
    padding: 55px 0;
    background: #f2f2f2;
}
.store-locator-details-wrapper .store-map > div {
    width: 100% !important;
}
.store-locator-details-wrapper .single-store .map-links .view-map {
    float: left;
}
.store-locator-details-wrapper .single-store {
    padding-top: 0;
}
.store-locator-details-wrapper .single-store .card h2 {
    font-size: 1.5em;
}
.store-locator-details-wrapper .single-store label {
    display: block;
    margin: 0;
}
.store-locator-details-wrapper .single-store .manager,
.store-locator-details-wrapper .single-store .address,
.store-locator-details-wrapper .single-store .phone {
    padding-bottom: 20px;
}
.store-locator-details-wrapper .single-store .address span {
    display: block;
}
/**
    * #.# Footer
    *
    * all elements for the footer
    */

footer {
    padding-top: 40px;
    color: #999999;
    background-color: #2c3c41;
}
footer .col-md-4 {
    margin-bottom: 80px;
}
footer h2 {
    margin: 0;
    font-size: 16px;
    font-family: gtwbold;
}
footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
footer ul a {
    font-size: 14px;
    color: #999999;
    font-family: gtwthin;
}
footer p {
    text-align: right;
    font-size: 14px;
}
footer .bottom-links li {
    display: inline-block;
    margin-right: 22px;
}
footer .bottom-links a {
    font-family: gtwregular;
}
/***
    Aceesories Header
*/

.accessories-products .headerTop {
    z-index: 3;
}
/**/

.accessories-products section.container {
    padding-top: 0px;
}
/****
** This will need to be removed when the checkout script is joined in **
****/
/**
* #.# [1.0] Checkout Summary Header
*/

.checkout-summary-header {
    position: fixed;
    top: 60px;
    left: 0;
    padding: 0;
    width: 100%;
    height: 120px;
    color: #977725;
    z-index: 200;
    box-shadow: 0px -2px 3px rgba(51, 51, 51, 0.24);
}
.checkout-summary-header.open {
    height: 173px;
}
.checkout-summary-header.open .my-phone .image {
    height: 168px;
}
.checkout-summary-header .container {
    display: table;
    max-width: 1265px;
    height: 100%;
    width: 100%;
    padding: 0;
}
.change-phone {
    background-color: #977725;
    color: #fbc63d!important;
    padding: 8px;
    display: inline-block;
    width: auto;
    margin-top: 10px;
    border-radius: 3px;
}
.change-phone:hover {
    color: #674f13!important;
}
.checkout-summary-header h4 {
    margin: 16px 0 5px 0;
    font-size: 1em;
}
.checkout-summary-header .my-phone {
    position: relative;
    display: table-cell;
    width: 361px;
    padding: 0 0 0 145px;
    text-align: left;
}
.checkout-summary-header .my-phone .image {
    position: absolute;
    left: -7px;
    margin-top: 15px;
    height: 105px;
    overflow: hidden;
}
.checkout-summary-header .my-phone .fa,
.checkout-summary-header .my-plan .fa {
    position: absolute;
    top: 16px;
    right: 14px;
    font-size: 1em;
}
.checkout-summary-header .my-plan {
    position: relative;
    display: table-cell;
    width: 252px;
    padding: 0 0 0 20px;
    border-left: solid 1px #f3e6e6;
    text-align: left;
}
.checkout-summary-header .my-phone .name,
.checkout-summary-header .my-plan .name {
    font-size: 14px;
    font-family: gtwregular;
}
.checkout-summary-header .my-phone .price,
.checkout-summary-header .my-plan .price {
    margin-top: 21px;
    font-size: 1em;
    font-family: gtwbold;
}
.checkout-summary-header .my-phone .price {
    left: 145px;
    position: absolute;
    /*top: 58px;*/

    bottom: 0;
}
.checkout-summary-header .my-plan .price {
    left: 15px;
    position: absolute;
    /*top: 58px;*/

    bottom: 0;
}
#cartTbxPhoneDetails a {
    color: #37484e;
}
#cartTbxPhoneDetails a:hover {
    color: #977725;
}
.checkout-summary-header .my-phone .amt,
.checkout-summary-header .my-plan .amt {
    font-size: 1.5em;
    font-family: gtwbold;
}
.checkout-summary-header .my-phone .per-month,
.checkout-summary-header .my-plan .per-month {
    font-size: 1em;
    font-family: gtwregular;
    padding-left: 5px;
}
/** My accsessories **/

.checkout-summary-header .my-accessories {
    display: table-cell;
    width: 250px;
    padding: 0 0 0 20px;
    border-left: solid 1px #f3e6e6;
}
.checkout-summary-header .accessory-items,
.checkout-summary-header .accessory-total {
    position: relative;
    top: -7px;
    display: inline-block;
    vertical-align: middle;
}
.checkout-summary-header .accessory-total {
    margin: 0 0 0 26px;
}
.checkout-summary-header .my-accessories .tagline {
    display: block;
    font-size: 1em;
    text-align: right;
    margin-top: -10px;
}
.checkout-summary-header .my-accessories .euro,
.checkout-summary-header .my-total .euro {
    font-family: gtwbold;
    font-size: 24px;
}
.checkout-summary-header .my-accessories .price,
.checkout-summary-header .my-total .price {
    padding-right: 5px;
    font-family: gtwbold;
    /*font-size:2.625em;*/

    font-size: 42px;
}


@media (min-width: 992px) {
    .checkout-summary-header .my-accessories .price,
    .checkout-summary-header .my-total .price {
        font-size: 37px;
    }
}
.headerTop .logo {
    margin: 4px 18px 0 0;
    vertical-align: top;
    float: left;
}
.headerTop .logo img {
    height: 40px;
    width: auto;
}
.headerTop h2 {
    color: #fff;
    display: inline-block;
    float: left;
    font-family: gtwbold;
    font-size: 16px;
    margin: 15px 0 0;
    padding: 0;
}
/** My total **/

.checkout-summary-header .my-total {
    display: table-cell;
    width: 400px;
    padding: 0 0 0 30px;
    border-left: solid 1px #f3e6e6;
    text-align: left;
}
.checkout-summary-header .my-total .tagline {
    display: block;
    font-size: 1em;
    text-align: right;
    margin-top: -10px;
}
.checkout-summary-header .pay-today,
.checkout-summary-header .pay-monthly {
    position: relative;
    top: 0;
    display: inline-block;
}
.checkout-summary-header .pay-monthly {
    margin: 0 0 0 15px;
}
.IE9 .checkout-summary-header .my-total {
    width: 371px;
}
/**** Compare Phones*/

.phone-comp-tool {
    padding: 0 6px;
}
.phone-comp-tool > div {
    border: 1px solid #cecece;
    display: inline-block;
    padding: 0 20px;
    position: relative;
}
.phone-comp-tool button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #37484e;
    font-size: 36px;
    position: absolute;
    right: 13px;
    top: 7px;
    margin: 0;
    padding: 0;
}
.phone-comp-tool .gray-bg {
    margin: 0;
    text-align: center;
    width: 100%;
}
.phone-comp-tool.phone-compraison {
    margin-right: 0;
    padding-right: 15px;
    padding-top: 0;
}
.phone-comp-tool > div > h2 {
    font-size: 30px;
}
.phone-comp-tool h2 {
    color: #37484e;
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 25px;
}
.phone-comp-tool .phone-images-wrap img {
    height: 300px;
}
.phone-comp-tool .phone-images-wrap {
    margin-left: 0;
    padding: 15px 15px 0;
    margin-bottom: 50px;
    color: #2c3c41;
}
.phone-comp-tool .phone-images-wrap h3 {
    font-size: 24px;
    margin-bottom: 15px;
}
.phone-comp-tool .phone-images-wrap ul {
    list-style: none;
    padding: 0;
    font-size: 14px;
    line-height: 30px;
}
.group {
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}
.feature-heading {
    border-radius: 2px;
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 7;
    margin-bottom: 0 !important;
}
.feature-content {
    position: absolute;
    top: 50px;
    width: 100%;
    margin-bottom: 0;
    /*height: 100%;*/
}
#slideshow .owl-controls .owl-nav {
    position: absolute;
}
#slideshow .owl-controls {
    width: 100%;
}
.group {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 0 none;
}
.feature-content {
    /*background: transparent;*/

    border-bottom: 0 none;
    color: #7c9496;
    display: block;
    font-family: gtwbold;
    font-size: 1em;
    line-height: 1.7em;
    width: 99% !important;
    margin: 0 auto;
    padding: 18px 15px;
    box-shadow: 0 2px 1px 0 rgba(51, 51, 51, 0.24);
}
/*.IE10 .toolbar-inner.innerToolBarHeightReduce #compareArea,
.Gecko11 .toolbar-inner.innerToolBarHeightReduce #compareArea {
    display: none;
}

.Gecko11 .slideInMain#toolBar #compareArea {
    top: -60px;
}

.IE10 .slideInMain#toolBar #compareArea {
    top: -60px;
}

.IE8 .slideInMain#toolBar .innerToolBarHeightIncrease .open#compareArea,
.IE9 .slideInMain#toolBar .innerToolBarHeightIncrease .open#compareArea {
    top: 57px;
}*/

.IE8 .add-to-compare input.hidden {
    display: block !important;
    z-index: -1;
    position: relative;
}
@media (max-width: 320px) {
    .phone-compraison label {
        margin: 0 !important;
        width: 50%;
        font-weight: normal;
        font-size: 16px !important;
    }
}
.maincontent.checkout-failed h1 {
    padding-bottom: 40px;
    padding-top: 30px;
}
.checkout-failed .subpage-content {
    text-align: center;
}
/************** backtotop*/

.home .cd-top {
    border: solid 2px #fff;
}
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */

    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(105, 184, 120, 1) url(images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    z-index: 5000;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */

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

    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 10px;
        bottom: 150px;
    }
}
/**** PagerControl ****/

.PagerControl {
    margin: 40px 0;
}
.PagerResults {
    font-weight: normal!important;
}
.PagerNumberArea {
    margin: 10px 0 0 0;
}
.SelectedPage {
    background: #55AECB;
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    color: #fff;
    font-size: 1em;
    padding-top: 8px;
    margin-right: 5px;
}
.SelectedPage:hover {
    color: #33687a;
    cursor: pointer;
}
.UnselectedPage {
    background: #e4e4e4;
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    padding-top: 8px;
    color: #5d7073;
    margin-right: 5px;
}
.UnselectedPage:hover {
    color: #889395;
}
.SelectedPrev,
.UnselectedNext {
    position: relative;
    top: 5px;
    color: #37484e;
    font-size: 1.5em;
}
.SelectedPrev {
    margin-right: 5px;
}
.UnselectedNext {
    margin-left: -5px;
}
dl.accordion {
    margin: 30px 0 30px 0;
    padding: 0 0 0 0;
}
#content dl.accordion ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
dl.accordion dt,
dl.accordion dd {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
dl.accordion dt {
    padding-left: 0;
    margin-top: 5px;
    /*background: url(Images/icon_plus.png) no-repeat 97.5% 50%;*/

    line-height: 40px;
    cursor: pointer;
    border-bottom: 2px #babcbe solid;
    font-weight: 600;
}
dl.accordion dd {
    display: none;
    /*--- animating transition ---*/
    /*-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;*/

    border-bottom: 2px #babcbe solid;
    padding-bottom: 20px;
}
dl.accordion dt.active {
    /*background: url(Images/icon_minus.png) no-repeat 97.5% 50%;*/

    border-bottom-color: #fff;
}
dl.accordion dd.active {
    /*height: 200px;*/

    padding: 0 0 20px 0;
    border-bottom: 2px #babcbe solid;
}
#thumbs ul.thumbs {
    margin: 0;
    padding: 0;
}
#thumbs ul.thumbs li {
    list-style: none;
    background-color: #fff;
    background-size: cover;
    border: 1px solid #e5dfde;
    float: left;
    height: 67px;
    margin-bottom: 6px;
    margin-right: 6px;
    width: 89px;
    overflow: hidden;
}
#thumbs ul.thumbs li img {
    width: 80px;
}
/**
* #.# We care - Landing page
*
* boxes on  homepage
*/

.wecare-landing-wrapper {
    padding: 66px 0;
}
.we-care-boxes {} .we-care-boxes .col-md-4 {
    display: inline-block;
    margin: 14px;
    padding: 0;
    width: 300px;
    vertical-align: middle;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0px 2px 1px 0px rgba(51, 51, 51, 0.24);
}
.we-care-boxes .col-md-4 h2 {
    margin: 0;
    font-size: 28px;
}
/** Box Links **/

.we-care-boxes .col-md-4 a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 57px 0 61px 0;
}
.we-care-boxes .hisky-bg a:hover {
    color: #33687a;
}
.we-care-boxes .beppy-bg a:hover {
    color: #74647b;
}
.we-care-boxes .duran-bg a:hover {
    color: #967627;
}
/** Telesales - login name ***/

#formlink {
    width: 100%;
    position: relative;
    top: -10px;
    font-size: 12px;
}
@media (min-width: 768px) {
    #formlink {
        font-size: 16px;
    }
}
.btnfreeenquiryoptionbutton {
    max-width: 1450px;
    width: 100%;
    margin: 0 auto;
    text-align: right;
}
#formlink .signoutLink {
    margin-right: 10px;
    padding-right: 10px;
    border-right: solid 1px #fff;
}
#formlink .signoutLink:hover {
    color: #3f6f48;
}
/************* Login Form *********************/

.LogonPageBackground {
    margin-bottom: 50px;
}
.LogonPageBackground .table {
    width: 500px;
    margin: auto;
}
.LogonPageBackground .table .table {
    background: none;
}
.LogonPageBackground .table .btn {
    width: 100%;
    background: #55AECB;
    border: none;
}
.LogonPageBackground .table .btn:hover {
    color: #33687a;
    border: none;
}
.LogonPageBackground .table .td {
    overflow: hidden;
}
.LogonPageBackground .checkbox {
    margin: 40px 0 20px 0;
}
.LogonPageBackground .checkbox label {
    padding-left: 20px;
    font-family: gtwregular;
    font-size: 1.0em;
}
.LogonPageBackground .checkbox input {
    margin-left: 0;
}
.LogonPageBackground label {
    margin: 0;
    padding: 0 0 22px 0;
    color: #2c3942;
    font-size: 1.5em;
    font-family: gtwbold;
}
.LogonPageBackground input[type="text"] {
    margin-bottom: 20px;
}
.checkout-main-wrapper .openingTimes {
    display: none;
}
.planBuilderSection .col-md-12.myContract {
    float: none;
    padding-top: 50px;
}
#affinity {
    margin-top: 54px;
}
#affinity .iconsRow {
    margin-bottom: 70px;
}
#affinity .mybtn {
    margin-bottom: 35px;
}
.affinty-logo {
    font-family: gtwbold;
}
.affinty-logo img {
    margin-right: 17px;
}
.affinity-congrats h1 {
    margin-top: 75px;
    margin-bottom: 25px;
    font-size: 60px;
}
.affinity-congrats h2 {
    margin-top: 0;
    /*margin-bottom: 55px;*/

    margin-bottom: 30px;
}
.affinity-coupon-input {
    max-width: 360px;
    margin: 45px auto;
    position: relative;
}
.affinity-coupon-input input {
    border: none;
}
.affinity-coupon-input .form-control {
    padding: 28px 30px 20px;
    color: #7c9496;
}
.affinity-coupon-input .form-control {
    line-height: 1;
}
.affinity-coupon-input input.btn.btn-primary {
    background: url("../../CPW/media/Landing-Page-IMG/submit-btn.jpg") right top no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -1000px;
    display: inline-block;
    border: none;
    width: 45px;
    height: 100%;
    outline: none;
}
.affinity-coupon-input input.btn.btn-primary:hover,
.affinity-coupon-input input.btn.btn-primary:active,
.affinity-coupon-input input.btn.btn-primary:focus {
    outline: none;
}
.affinity-congrats {
    background-color: #55AECB;
    color: #fff !important;
}
.affinity-congrats h1,
.affinity-congrats h2 {
    /*color: #37484f;*/

    color: #fff;
}
#affinity .col-md-offset-1.col-md-10 p {
    font-size: 20px;
    margin-bottom: 25px;
    padding: 0 16px;
}
.planfirsteditplanwrapper input,
.planfirsteditplanwrapper a {
    /*border: 2px solid #3f6f48;*/

    font-size: 16px;
    padding: 11px 55px 11px 72px;
    position: relative;
    margin-right: -1px;
    width: 253px;
    height: 50px;
    border-radius: 2px;
    font-family: gtwbold;
    /* background: #69b978 url(/CPW/Media/Landing-Page-IMG/right-arrow-for-btn.jpg) no-repeat;
        background: #69b978;
        background-position: 100% 50%;*/
}
.affinity-header .planfirsteditplanwrapper a,
.affinity-header .planfirsteditplanwrapper input {
    background: #69b978 url(../../CPW/Media/Landing-Page-IMG/arrow-for-btn.jpg) no-repeat;
    width: auto;
}
.offer-content {
    /*background-color:#f2f2f2;
    color: #3a4b53 !important;*/

    background-color: #55AECB;
    color: #fff !important;
}
.offer-content .container > h2 {
    margin-top: 60px;
    margin-bottom: 37px;
    font-size: 24px;
}
.offer-content .container h2.price {
    margin-top: 0;
    font-size: 60px;
    line-height: 40px;
    margin-bottom: 0;
}
.offer-content .container h2.price div {
    font-size: 48px;
    vertical-align: bottom;
    line-height: 30px;
    display: inline-block;
}
.offer-content .container p.text-under-price {
    font-size: 16px;
    line-height: 24px;
    margin: 7px 0 0 0;
    padding: 0;
}
.offer-content .container p.text-under-price a {
    text-decoration: underline;
    /*color:#69b878;*/

    color: #fff;
}
.offer-content .bottom-button {
    font-size: 24px;
    padding: 15px 20px;
    margin: 20px 0 60px;
    font-family: gtwbold;
    /*border: 2px solid #3a4b53;*/

    border: 2px solid #fff;
    border-radius: 3px;
    display: inline-block;
    /*color: #3a4b53;*/

    color: #fff;
    line-height: 1em;
    cursor: pointer;
}
.offer-content .bottom-button:hover {
    color: #33687a;
}
.offer-content .mins,
.offer-content .text,
.offer-content .data {
    background-repeat: no-repeat;
    height: 60px;
    padding-left: 75px;
    text-align: left;
    margin-bottom: 0;
}
.build-perfect .offer-content .data {
    margin-bottom: 0;
}
.offer-content .mins {
    background-image: url("../../CPW/media/Landing-Page-IMG/mins-icon-blue-congrats.png");
}
.offer-content .text {
    background-image: url("../../CPW/media/Landing-Page-IMG/texts-icon-blue-congrats.png");
}
.offer-content .data {
    background-image: url("../../CPW/media/Landing-Page-IMG/data-icon-blue-congrats.png");
}
.offer-content .iconsRow {
    max-width: 545px;
    margin: 0 auto;
}
.offer-content .iconsRow .col-md-4 h3,
.offer-content .iconsRow .col-md-4 h3 span {
    margin: 0;
    font-size: 38px;
    line-height: 24px;
}
.offer-content .iconsRow .col-md-4 h3 {
    padding-top: 6px;
    margin-bottom: 4px;
}
.offer-content .iconsRow .col-md-4 > span {
    font-size: 24px;
    line-height: 24px;
}
p.offer-type {
    margin-top: 60px;
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 30px;
    font-family: gtwbold;
    vertical-align: text-top;
    display: inline-block;
}
.planBuilderSection.affintySection {
    padding: 0;
}
.planBuilderSection.affintySection #phlPhoneSelection + .container > h2 {
    margin-top: 30px;
    padding-top: 30px;
}
.planBuilderSection.affintySection .build-perfect {
    padding-top: 0;
}
header .fr > .col-md-12.erminto-bg.planfirsteditplanwrapper {
    display: none;
}
header.affinity-header .fr > .col-md-12.erminto-bg.planfirsteditplanwrapper {
    display: block;
}
.affinity-coupon-input .error {
    color: #eb604d;
}
.affinity-active .pnlPlanType {
    display: none;
}
.StandardWebPart .WebPartLeftAction i {
    font-size: 16px!important;
    margin-bottom: 0!important;
}
.StandardZone .WebPartZoneLeftAction i {
    font-size: 16px!important;
    margin-bottom: 0!important;
}
#fullSiteChat .synthetix_lc_inpage_image {
    padding: 0;
    position: fixed;
    right: -160px;
    top: 255px;
    z-index: 3000;
    border-right: 0px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fbc63d;
    box-shadow: 0px 0 8px 0px rgba(0, 0, 0, 0.24);
    height: 94px;
    -webkit-transition: right 0.5s ease-in-out;
    /* Safari */

    transition: right 0.5s ease-in-out;
}
#fullSiteChat .synthetix_lc_inpage_image:hover {
    right: 0;
}
#faqtAgent_content:empty,
#faqtAgent_content:empty + .faqtAgent_close {
    display: none;
}
#faqtAgent_content {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10000;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding: 0px;
    background-color: #000;
    opacity: 1;
}
div#faqtAgent_close {
    position: fixed;
    top: 30px;
    right: 60px;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    opacity: 0.7;
    font-size: 35px;
    color: #69b878;
    z-index: 11000;
    display: none;
}
#faqtAgent_frame {
    position: fixed;
    left: 50%;
    /* top: 72px; */
    top: 60px;
    width: 100%;
    max-width: 800px !important;
    min-width: 300px;
    /* height: 680px !important;*/
    height: 90% !important;
    margin: 0 auto 0 -400px;
    padding: 0px;
    display: block;
}
#faqtAgent_frame #livechatbox {
    background-color: red;
}
.blog-story .comments-wrapper {
    display: none
}
.faqtAgent_lightbox {
    display: block;
    height: 100%;
    width: 100%;
    background-color: #000;
    position: ABSOLUTE;
    top: 0;
    left: 0;
    z-index: 300;
}
#synthetix_agent #faqtAgent_content,
#faqtAgent_lightbox {
    display: none;
}
.faqopen #faqtAgent_content.iframe,
.faqopen #faqtAgent_lightbox,
.faqopen #synthetix_lc_close,
.faqopen #synthetix_lc_hotspot {
    display: block;
}
/*Upgrade Landing Page start */

.upgradeYellow {
    background-color: #FBC63D;
}
.upgradeYellow p {
    color: #967627;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 23px;
}
.upgradeCTA {
    text-align: center
}
.upgradeYellow ul {
    list-style-type: disc;
    font-size: 18px;
    color: #967627;
    font-weight: bold;
}
.upgradeCTA a {
    background-color: #55aecb;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-family: gtwbold;
    font-size: 1.5em;
    margin: 0px 0px 70px 0px;
    padding: 11px 20px;
    border-bottom: 2px solid #4DA2BD;
    margin-top: 50px;
}
.upgradeCTA a:hover {
    color: #30697A;
}
.upgradeText {
    padding: 50px 0px;
}
#howitworksAreaUpgrade {
    text-align: center;
    padding: 45px 0 0px 0;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}
#howitworksAreaUpgrade h3 {
    margin: 0;
    padding: 22px 0 18px 0;
    font-size: 24px;
}
#howitworksAreaUpgrade h4 {
    color: #997233;
    font-size: 18px;
    margin: 0;
}
#howitworksAreaUpgrade .image-wrapper {
    /* display: table-cell;
    vertical-align: middle;*/

    width: 370px;
    height: 160px;
}
#howitworksAreaUpgrade h2 {
    margin: 0;
    padding: 0 0 62px 0;
}
#howitworksAreaUpgrade h3 {
    margin: 0;
    padding: 22px 0 18px 0;
    font-size: 24px;
}
#howitworksAreaUpgrade .col-md-4.choosePhone,
#howitworksAreaUpgrade .col-md-4.chooseTerm,
#howitworksAreaUpgrade .col-md-4.chooseNeed {
    text-align: center;
    float: left;
}
#howitworksAreaUpgrade .col-md-4 {
    display: inline-block;
    margin: auto;
    float: none;
}
#howitworksAreaUpgrade .col-md-4 .btn {
    padding: 10px 50px;
}
#howitworksAreaUpgrade .col-md-4 .btn:hover {
    color: #33687a;
}
/** Choose Phone **/

#howitworksAreaUpgrade .col-md-4.choosePhone h3 {
    text-align: center;
}
#howitworksAreaUpgrade .col-md-4.choosePhone h4 {
    /* padding-right: 50px; */

    text-align: center;
}
/** Choose Need **/

#howitworksAreaUpgrade .col-md-4.chooseNeed {
    padding-bottom: 0px;
}
#howitworksAreaUpgrade .col-md-4.chooseNeed h3 {
    text-align: center;
    /* margin-left:-7px;*/
}
#howitworksAreaUpgrade .col-md-4.chooseNeed h4 {
    /* margin-left:-30px;*/

    text-align: center;
}
/**Mobile Broadband **/

.bottomTable {
    margin: 45px 0 15px;
}
.globebg {
    text-align: center;
    padding-top: 50px;
    background-image: url('../../CPW/media/Promotions/baubel.png');
    background-position: 100% -300px;
    background-repeat: no-repeat;
}
.globebg p {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 85px;
}
.globebg ul {
    text-align: left;
    list-style-image: url('../../CPW/media/Promotions/snowflake-bullet_2.png');
    margin-bottom: 50px;
    width: 75%;
}
.globebg ul li {
    font-size: 24px;
    padding-left: 15px;
    line-height: 1.6em;
}
.btnMobileBB {
    border: 2px solid #33687a;
    padding: 10px 33px;
    border-radius: 2px;
    font-size: 30px;
    font-family: gtwbold;
    display: inline-table;
    margin-bottom: 53px;
    margin-top: 75px;
    font-weight: normal;
    text-align: center;
}
.mobileBBtable table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px;
}
.mobileBBtable table tr {
    margin: 5px 0px;
    text-align: left;
}
.mobileBBtable table tr th {
    background-color: #30697A;
    font-size: 20px;
    position: relative;
    left: -1px;
    width: 20%;
}
.mobileBBtable table tr th:first-child {
    background-color: #30697A;
    padding: 24px 0 24px 20px;
}
.mobileBBtable table tr th:last-child {
    background-color: #30697A;
    padding: 19px 0;
}
.mBBinfo {
    font-weight: normal!important;
    margin: 0px!important;
    /*text-align: left!important;*/

    font-size: 18px!important;
    color: #30697A;
    line-height: 1.5em;
}
.mBBTandC {
    font-weight: normal!important;
    margin: 38px 0 15px!important;
    font-size: 18px!important;
    color: #30697A;
    line-height: 1.5em;
}
.mobileBBtable table tr th:first-child {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.mobileBBtable table tr th:last-child {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.mobileBBtable table tr td {
    font-size: 20px;
    padding: 0 2px;
}
.mobileBBtable table tr td:first-child {
    padding: 12px 0 12px 20px;
}
.mobileBBtable table tr td:last-child {
    padding: 12px 3px;
    position: relative;
    left: -1px;
}
.lightblue {
    background-color: #3f93a9;
}
.darkblue {
    background-color: #30697A;
}
.mobileBBtable table tr td:first-child {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.mobileBBtable table tr td:last-child {
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.MBBInfoSteps {
    height: 300px;
}
.MBBInfoSteps h2 {
    font-size: 60px;
    text-align: center;
}
.MBBInfoSteps p {
    color: #30697A;
    text-align: center;
    font-size: 24px;
    margin-bottom: 50px;
    width: 90%;
}
.MBBInfoTips {
    background-color: rgb(251, 198, 61);
    color: #967627
}
.MBBInfoTips {
    padding: 40px 0;
    font-size: 24px;
}
.MBBInfoTips li {
    line-height: 1.5em;
    margin-bottom: 1em;
}
.MBBInfoTips a {
    color: #fff;
}
.MBBInfoTips ul li {
    padding-left: 20px;
}
.MBBInfoTips ul {
    margin-left: 20px;
    list-style-image: url('../../CPW/media/Promotions/bullet-point.png');
}
/** Billpay and prepay offer landingpage **/

.billpay-offer-container {
    padding: 40px 0;
    font-size: 24px;
    background-color: rgb(251, 198, 61);
    color: #967627;
}
.billpay-offer-container h2,
.prepay-offer-container h2 {
    font-size: 70px;
    text-align: center;
}
.billpay-offer-subtitle h3 {
    font-size: 35px;
    color: #fff;
    text-align: center;
}
.billpay-offer-image img,
.prepay-offer-image img {
    width: 100%;
    max-width: 475px;
    height: auto;
}
.btn-bp-offer {
    border: 2px solid #967627;
    padding: 10px 33px;
    border-radius: 2px;
    font-size: 30px;
    font-family: gtwbold;
    display: inline-table;
    margin-bottom: 53px;
    margin-top: 75px;
    font-weight: normal;
    text-align: center;
    width: 551px;
}
.btn-pp-offer {
    border: 2px solid #33687a;
    padding: 10px 33px;
    border-radius: 2px;
    font-size: 30px;
    font-family: gtwbold;
    display: inline-table;
    margin-bottom: 53px;
    margin-top: 75px;
    font-weight: normal;
    text-align: center;
    width: 551px;
}
.prepay-offer-container {
    padding: 40px 0;
    font-size: 24px;
    background-color: rgb(85, 174, 203);
    color: #fff;
}
/** End Billpay offer landingpage **/
/** All Phones Banner **/

.banner-area-outer {
    margin: 20px 0 0 0;
    padding: 0 15px 0 15px;
}
.banner-area img {
    max-width: 100%;
    width: 100%;
}
.banner-area-outer .LeftBanner,
.banner-area-outer .RightBanner {
    padding-bottom: 15px;
}
@media (min-width: 992px) {
    .banner-area-outer {
        width: 100%;
    }
    .banner-area-outer .LeftBanner {
        /*padding-left:0;*/
    }
    .banner-area-outer .RightBanner {
        /*padding-right:0;*/
    }
}
@media (min-width: 768px) {
    .banner-area-outer {
        padding: 0 15px 20px 15px;
    }
}
@media (min-width: 1024px) {
    .banner-area-outer {
        margin: 0 auto 40px auto;
        padding: 20px 15px 0 15px;
        max-width: 1460px;
        width: 100%;
    }
}
/**
* #.#  Price Changes to Homepage & Phones List Page
*
* All styles for the homepage and list page, the changes are implemented with mobile first in mind.
*/
/** Phone Name **/

.phone-name {
    font-size: 16px;
    height: 50px;
}
.phone-name a {
    color: #666;
}
.home .phone-name a {
    color: #fff;
}
/** Price Box **/

.price-box-outer {
    display: table;
    table-layout: fixed;
    width: 100%;
    /*line-height:1.35em;*/
    /*24/05/2016*/
}
/*.home #choosePhoneArea .price-box-outer {
    width: 90%;
    margin-left:auto;
    margin-right:auto;
}*/
/*24/05/2016*/

.price-box {
    display: block;
    width: 100%;
    height: 75px;
    margin: 10px 0;
    padding: 0 5px;
    text-align: center;
    position: relative;
    vertical-align: middle;
}
.price-box a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 4px 2px -2px #bab8b8;
    background: #e4e4e4;
    color: #666;
}
.price-box a:hover {
    color: #000;
    box-shadow: 0 4px 2px -3px #bab8b8;
}
.price-box .box-title {
    padding: 3px 0 0 0;
    font-size: 12px;
}
.price-box .billpayprice {
    font-size: 28px;
    font-family: gtwbold;
}
.price-box .prepayprice {
    font-size: 28px;
    font-family: gtwbold;
}
.price-box .was {
    margin: -1px 0 0 0;
    font-size: 12px;
}
.price-box span {
    display: block;
}
@media (min-width: 800px) and (max-width: 1024px) {
    #choosePhoneArea .price-box-outer {
        display: block;
        min-width: 220px;
    }
}
@media (min-width: 300px) and (max-width: 320px) {
    .price-box .prepayprice,
    .price-box .billpayprice {
        font-size: 22px;
        font-family: gtwbold;
    }
}
/** Homepage Changes **/
/** Plus phone prices on build your plan page - 31/05/2016 - same styles used **/

#phoneSlider .price-box a,
#choosePhoneArea .price-box a,
#plan-builder-featured-phones .price-box a {
    /*background:none;
   border:solid 2px #387441;*/

    background: #fff;
    border: solid 2px #fff;
    box-shadow: none;
    border-radius: 5px;
}
#phoneSlider .price-box-caret,
#choosePhoneArea .price-box-caret,
#plan-builder-featured-phones .price-box-caret {
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -10px;
    /*width: 20px;
    height: 12px;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 0 solid #69b878;
    background: url("images/img-green-caret.gif") no-repeat;*/

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
}
.IE #phoneSlider .price-box-caret,
.IE #choosePhoneArea .price-box-caret,
.IE #plan-builder-featured-phones .price-box-caret,
.IE10 #phoneSlider .price-box-caret,
.IE10 #choosePhoneArea .price-box-caret,
.IE10 #plan-builder-featured-phones .price-box-caret {
    top: -9px;
}
#plan-builder-featured-phones a {
    /*color: #fff;*/

    color: #666;
}
#plan-builder-featured-phones a:hover {
    color: #000;
}
#phoneSlider h1 {
    text-align: center;
    font-size: 32px;
    padding: 28px 0 30px 0;
}
.home #choosePhoneArea .phone-name a {
    font-family: gtwbold;
}
#phoneDetails #phonePricePrePay .was {
    display: block;
    font-size: 16px;
    font-family: gtwregular;
    color: #a0b3b5;
}
.shopping-cart-wrapper .was-price {
    display: block;
    /*text-decoration:line-through;*/

    font-size: 12px;
    color: #a0b3b5;
}
#phoneSlider .price-box {
    display: table-cell;
    width: 50%;
}
#phoneSlider {
    padding: 0 0 30px 0;
}
.home #choosePhoneArea .price-box {
    display: table-cell;
    padding: 0 5px;
}
.home #choosePhoneArea .phone-name {
    font-size: 24px;
    padding: 20px 0;
    margin-bottom: 30px;
}
/*.home #choosePhoneArea .price-box .was {
    padding-bottom:10px;
}*/

.home section#choosePhoneArea img {
    width: 75%;
}
.home section#choosePhoneArea {
    min-height: 400px;
    padding-bottom: 30px;
    margin-top: 40px;
}
.id-phones-list .phone-wrapper img {
    height: 250px;
}
#choosePhoneArea .id-phones-list .price-box-caret {
    display: none;
}
#choosePhoneArea .id-phones-list .price-box a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 4px 2px -2px #bab8b8;
    background: #e4e4e4;
    border: 0;
}
#choosePhoneArea .id-phones-list .price-box a:hover {
    box-shadow: 0 4px 2px -3px #bab8b8;
}
/** Media Query for devices with min-width of 786px */

@media (min-width: 768px) {
    #choosePhoneArea .id-phones-list .price-box-caret {
        display: block;
        position: absolute;
        top: -12px;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #e4e4e4;
        background: none;
    }
    /** Phone Wrapper **/

    .phone-wrapper {
        padding-bottom: 15px;
    }
    /** Phone Name **/

    .phone-name {
        height: auto;
        padding-bottom: 20px;
    }
    /** Price Box **/

    .price-box {
        display: table-cell;
        width: 50%;
        height: 75px;
        margin: 0;
        padding: 0 5px;
        text-align: center;
        position: relative;
        vertical-align: middle;
    }
    .price-box-caret {
        position: absolute;
        top: -12px;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #e4e4e4;
    }
    #phoneSlider {
        padding-bottom: 50px;
    }
    #phoneSlider h1 {
        font-size: 32px;
        padding: 48px 0 30px 0;
    }
    #phoneSlider .price-box-outer {
        margin: auto;
        width: 60%;
    }
    #phoneSlider .col-md-12 img {
        width: 35%;
        margin: auto;
    }
    .home section#choosePhoneArea {
        padding-bottom: 60px;
    }
    .home section#choosePhoneArea h2 {
        padding-bottom: 40px;
    }
    .home section#choosePhoneArea img {
        width: 50%;
    }
    .home section#choosePhoneArea .btn {
        margin: 0 auto;
        width: 50%;
    }
    .home #choosePhoneArea .container .owl-stage-outer {
        height: 500px;
    }
    .home #choosePhoneArea .phone-name {
        font-size: 22px;
    }
    .home #choosePhoneArea .price-box .was {
        padding: 0;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
    .id-phones-list .phone-name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        max-width: 180px;
    }
}
@media (min-width: 300px) and (max-width: 640px) {
    .home #choosePhoneArea .phone-name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        max-width: 280px;
    }
    #plan-builder-featured-phones .price-box-caret {
        top: -9px;
    }
    #plan-builder-featured-phones .prepay .price-box-caret {
        top: -9px;
        display: none
    }
}
@media (min-width: 300px) and (max-width: 640px) {
    .home #choosePhoneArea .container > div:nth-child(-n+3) {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 50px;
    }
}
@media (min-width: 640px) and (max-width: 800px) {
    .home #choosePhoneArea .container > div:nth-child(-n+4) {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 50px;
    }
}
@media (min-width: 768px) and (max-width: 800px) {
    .home #choosePhoneArea .phone-name {
        height: 75px;
    }
}
@media (min-width: 768px) and (max-width: 800px) {
    .price-box {
        height: 75px;
    }
}
/** Media Query for devices with min-width of 992px */

@media (min-width: 992px) {
    .price-box {
        height: 75px;
        width: 136px;
    }
    .id-phones-list .price-box {
        height: 70px;
        width: 136px;
    }
    #phoneSlider .price-box {
        width: 136px;
    }
    .price-box .billpayprice,
    .price-box .prepayprice {
        font-size: 24px;
    }
    .price-box .billpayprice small,
    .price-box .prepayprice small {
        font-size: 24px;
    }
    #phoneSlider {
        padding: 0 0 40px 0;
    }
    #phoneSlider h1 {
        padding: 38px 0 60px 0;
        font-size: 32px;
    }
    #phoneSlider .col-md-12 img {
        width: 75%;
        margin: auto;
    }
    #phoneSlider .price-box-outer {
        margin: auto;
        width: 100%;
    }
    #choosePhoneArea .owl-item .col-md-12 .details {
        padding: 0;
    }
    .home #choosePhoneArea .phone-name a {
        font-size: 20px;
    }
    .home #choosePhoneArea .phone-name {
        margin: 0 0 30px 0;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        max-width: 180px;
    }
    .home #choosePhoneArea .col-md-12 {
        padding: 0;
    }
    .home section#choosePhoneArea .btn {
        margin: 0 auto;
        width: 30%;
    }
    .home section#choosePhoneArea img {
        width: auto;
        margin: auto;
    }
    .home #choosePhoneArea .container > div:nth-child(-n+3) {
        height: auto;
        margin-bottom: 60px;
    }
    .id-phones-list .phone-wrapper img {
        height: 300px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    #plan-builder-featured-phones .price-box {
        height: 70px;
        width: 116px;
    }
}
.indicator {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 4;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    vertical-align: middle;
    color: #000;
    background: #fbc63d;
    border: solid 15px transparent;
    display: table;
    table-layout: fixed;
}
.indicator .offer-inner {
    display: table-cell;
    vertical-align: middle;
    font-family: gtwbold!important;
    font-size: 0.9em;
    line-height: 1.2em;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.03em;
    color: #fff;
    position: relative;
}
.phone-images-wrap .indicator {
    top: 20px;
    left: 10%;
}
#phoneDetails .indicator {
    width: 100px;
    height: 100px;
    font-size: 1em;
}
@media (min-width: 640px) {
    .indicator .offer-inner {
        font-size: 0.875em;
    }
}
@media (min-width: 768px) {
    .indicator {
        top: -20px;
        left: -40px;
    }
    .phone-images-wrap .indicator {
        top: 20px;
        left: 30%;
    }
    .indicator .offer-inner {
        font-size: 0.875em;
    }
    #phoneDetails .indicator {
        width: 140px;
        height: 140px;
        font-size: 1.2em;
    }
}
@media (min-width: 992px) and (max-width: 1024px) {
    .indicator {
        background-clip: content-box;
        width: 110px;
        height: 110px;
    }
}
@media (min-width: 375px)
/*and (max-width:375px)*/

{
    .indicator {
        background-clip: content-box;
        width: 110px;
        height: 110px;
    }
}
@media (max-width: 600px) {
    .indicator {
        left: -10px;
        top: 0;
        background-clip: content-box;
        width: 70px;
        height: 70px;
        border: solid 2px transparent;
    }
    .indicator .offer-inner {
        background-clip: content-box;
        padding: 0 10px;
    }
}

@media (min-width: 992px) {


    .cart-summary-wrapper .indicator {
        top: 60px;
        left: 0;
        width: 130px;
        height: 130px;
    }
}

@media (min-width: 1180px) {


    .cart-summary-wrapper .indicator {
        top: 80px;
        left: 50px;
        width: 130px;
        height: 130px;
    }
}


    @media (min-width: 992px) {
        .phone-images-wrap .indicator {
            top: 55px;
            left: 135px;
        }

        #phoneDetails .container {
            position: relative;
        }

        .indicator .offer-inner {
            font-size: 0.95em;
        }
    }

    @media (min-width: 992px) and (max-width: 1024px) {
        .phone-images-wrap .indicator {
            top: 55px;
            left: 90px;
        }
    }
    /** Media Query for devices with min-width of 1180px */

    @media (min-width: 1180px) {
        .home #choosePhoneArea .col-md-12 {
            padding: 0 15px;
        }

        .home #choosePhoneArea .container > div:nth-child(-n+4) {
            display: block;
        }

        .home #choosePhoneArea .phone-name {
            max-width: 100%;
        }

        .home #choosePhoneArea .phone-name {
            max-width: 270px;
        }
    }

    .IE8.home #choosePhoneArea .container .owl-stage-outer {
        height: 510px;
    }

    .phone-area-img {
        position: relative;
    }

    @media (min-width: 768px) {
        .add-to-compare {
            overflow: hidden;
        }
    }
    /**
    Shopping Cart updates from Prepay Prop - 24/05/2016 - GG

**/
    /* Indentation of prepay plan details */

    .prepay-cartSummary-details {
        margin-left: 18px;
        margin-top: 3px;
    }
    /**

    Homepage - Addition of third prepay button - 24/05/2016 - GG

**/

    .simy-bg {
        background-color: #fbc63d;
    }

        .simy-bg .darkFont,
        .simy-bg .darkFont a {
            color: #74647b;
        }

        .simy-bg .darkFont,
        .simy-bg a.darkFont {
            color: #74647b;
        }

    .we-care-boxes .simy-bg a:hover {
        color: #74647b;
    }
    /**

Updates to Summary Bar for Prepay Journey - 08/06/2016 - GG

**/

    .summarybar-prepay #pnlCartPayMonthly {
        display: none;
    }

    .checkout-summary-header .summarybar-billpay .prepay-spacer {
        display: none;
    }

    .checkout-summary-header .summarybar-prepay .prepay-spacer {
        display: none;
    }

    @media (min-width: 768px) {
        .checkout-summary-header .summarybar-prepay .my-total {
            width: 200px;
            padding: 0 10px 0 20px
        }
    }

    @media (min-width: 992px) {
        .checkout-summary-header .summarybar-prepay .prepay-spacer {
            display: table-cell;
            padding: 0 0 0 20px;
        }

        .checkout-summary-header .summarybar-prepay .my-total {
            width: 290px;
        }
    }

    @media screen and (max-width: 480px) {
        .summarybar-prepay .my-total #pnlCartPayToday {
            width: 90%;
        }
    }

    @media screen and (max-width: 800px) {
        .checkout-summary-header .summarybar-prepay #pnlCartPayToday {
            width: 90%;
        }
    }

    .EditMode .headerFix,
    .DesignMode .headerFix {
        position: relative;
    }
    /******************************* revised livechat css styles ***********************/

    .synthetix_lc_hotspot {
        position: fixed;
        right: 0;
        top: 300px;
        z-index:9999;
    }

        .synthetix_lc_hotspot a {
            display: block;
            padding: 20px 25px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            background: #fbc63d;
        }

            .synthetix_lc_hotspot a:hover {
                color: #967627;
            }

            .synthetix_lc_hotspot a .fa {
                color: #fff;
                font-size: 2.5em;
            }

            .synthetix_lc_hotspot a:hover .fa {
                color: #967627;
            }

    #chatstatuswindow {
        color: red;
    }

    #nochatbox {
        color: red;
    }
    /** Phone List Filters ***/

    #choosePhoneArea .cpw-refine-search-panel.container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    #choosePhoneArea .cpw-refine-search-panel-inner {
        display: none;
        padding: 20px 20px;
        background-color: rgba(255, 255, 255, .95);
    }

    #choosePhoneArea .cpw-refine-search-panel.container .caret {
        display: none;
        border-bottom: 10px solid rgba(255, 255, 255, .9);
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        height: 0;
        width: 0;
    }
    /** Top Position is negative to cater for the banner adds inserted via Script **/

    #choosePhoneArea .cpw-refine-search-panel.container.open .caret {
        display: block;
        right: 110px;
        top: -210px;
        position: absolute;
        z-index: 2000;
    }

    #choosePhoneArea .cpw-refine-search-panel.container.open .cpw-refine-search-panel-inner {
        display: block;
        top: -202px;
        left: 0;
        position: absolute;
        z-index: 2000;
    }

    #choosePhoneArea.filters-position .cpw-refine-search-panel.container.open .caret {
        top: -115px;
    }

    #choosePhoneArea.filters-position .cpw-refine-search-panel.container.open .cpw-refine-search-panel-inner {
        top: -110px;
    }

    @media (min-width: 768px) {
        #choosePhoneArea .cpw-refine-search-panel.container.open .caret {
            right: 190px;
            top: -340px;
        }

        #choosePhoneArea .cpw-refine-search-panel.container.open .cpw-refine-search-panel-inner {
            left: 10px;
            top: -330px;
        }

        #choosePhoneArea.filters-position .cpw-refine-search-panel.container.open .caret {
            top: -40px;
        }

        #choosePhoneArea.filters-position .cpw-refine-search-panel.container.open .cpw-refine-search-panel-inner {
            top: -50px;
        }
    }

    @media (min-width: 992px) {
        #choosePhoneArea .cpw-refine-search-panel.container.open .caret {
            right: 190px;
            top: -240px;
        }

        #choosePhoneArea .cpw-refine-search-panel.container.open .cpw-refine-search-panel-inner {
            left: 10px;
            top: -230px;
            max-width: 1000px;
        }

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.open .caret {
            right: 250px;
            top: -55px;
        }

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.open .cpw-refine-search-panel-inner {
            left: 125px;
            top: -50px;
            right: 0;
        }
    }

    @media (min-width: 1200px) {
        #choosePhoneArea .cpw-refine-search-panel.container.open .caret {
            right: 145px;
            top: -275px;
        }

        #choosePhoneArea .cpw-refine-search-panel.container.open .cpw-refine-search-panel-inner {
            left: 20px;
            top: -265px;
            max-width: 1200px;
        }

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.open .caret {
            right: 145px;
            top: -55px;
        }

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.open .cpw-refine-search-panel-inner {
            left: 20px;
            top: -50px;
            max-width: 1200px;
        }

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.keepOnScreen.open .caret {
            right: 35px;
            top: -55px;
        }

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.keepOnScreen.open .cpw-refine-search-panel-inner {
            left: 20px;
            top: -46px;
        }
        /** When sticky bar appears*/

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.open .caret {
            right: 35px;
            top: -55px;
        }

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.open .cpw-refine-search-panel-inner {
            left: 20px;
            top: -46px;
            max-width: 1200px;
        }

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.keepOnScreen.open .caret {
            right: 135px;
            top: -55px;
        }

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.keepOnScreen.open .cpw-refine-search-panel-inner {
            left: 20px;
            top: -46px;
        }
        /** When Scrolled back to top*/

        #choosePhoneArea .cpw-refine-search-panel.container.keepOnScreen.open .caret {
            right: 135px;
            top: 45px;
        }

        #choosePhoneArea .cpw-refine-search-panel.container.keepOnScreen.open .cpw-refine-search-panel-inner {
            left: 30px;
            top: 54px;
        }
    }

    @media (min-width: 1320px) {
        #choosePhoneArea .cpw-refine-search-panel.container.open .caret {
            right: 55px;
            top: -295px;
        }

        #choosePhoneArea .cpw-refine-search-panel.container.open .cpw-refine-search-panel-inner {
            left: 80px;
            top: -285px;
        }
        /*** Sticky header visible*/

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.keepOnScreen.open .caret {
            right: 95px;
            top: -55px;
        }

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.keepOnScreen.open .cpw-refine-search-panel-inner {
            left: 20px;
            top: -46px;
        }
        /** When Scrolled back to top*/

        #choosePhoneArea .cpw-refine-search-panel.container.keepOnScreen.open .caret {
            right: 95px;
            top: 45px;
        }
    }

    @media (min-width: 1600px) {
        #choosePhoneArea .cpw-refine-search-panel.container.open .caret {
            right: -175px;
            top: -315px;
        }

        #choosePhoneArea .cpw-refine-search-panel.container.open .cpw-refine-search-panel-inner {
            left: 250px;
            top: -305px;
        }

        #choosePhoneArea.keepConentInPosition .cpw-refine-search-panel.container.keepOnScreen.open .caret {
            right: 35px;
        }
        /** When Scrolled back to top*/

        #choosePhoneArea .cpw-refine-search-panel.container.keepOnScreen.open .caret {
            right: 40px;
        }

        #choosePhoneArea .cpw-refine-search-panel.container.keepOnScreen.open .cpw-refine-search-panel-inner {
            top: 54px;
        }
    }

    section#choosePhoneArea .filters-wrap {
        text-align: left;
    }

    section#choosePhoneArea .price-range {
        padding-bottom: 60px;
    }

    .filter-row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .single-filter {
        float: left;
        padding: 0 10px;
        padding-bottom: 10px;
        width: 50%;
    }

        .single-filter .single-filter {
            float: none;
            padding: 0 0;
            padding-bottom: 0;
            width: 100%;
        }

    .single-filter--full {
        width: 100%;
    }

    @media (min-width: 768px) {
        .single-filter {
            width: 25%;
        }

        .single-filter--full {
            width: 50%;
        }
    }

    @media (min-width: 992px) {
        .os .single-filter {
            width: 50%;
        }

        .single-filter--full {
            width: 100%;
        }
    }

    @media (min-width: 1200px) {
        .os .single-filter {
            width: 25%;
        }

        .single-filter {
            width: 20%;
        }

        .single-filter--full {
            display: block;
            float: none;
            width: 60%;
        }
    }
    /** Filter Heading*/

    section#choosePhoneArea .filters-wrap h4 {
        margin-bottom: 25px;
        font-size: 1em;
        font-weight: 400;
    }
    /** Sliders **/

    #sliderFilterBudget,
    #sliderFilterScreen,
    #sliderFilterCamera {
        width: 95%;
    }

    .ui-slider-label {
        position: relative;
        top: -4px;
        font-size: 12px;
        color: #2c3c41;
    }

    #sliderFilterBudget .ui-slider-label {
        right: -20%;
    }

    .ui-slider-label:hover {
        cursor: pointer;
    }

    .ui-slider-line {
        display: block;
        width: 1px;
        height: 15px;
        margin: 0 0 0 19px;
        background: #7c9496;
    }

    .ui-slider-pip-first .ui-slider-line {
        margin: 0;
    }

    .ui-slider-pip-last .ui-slider-line {
        margin: 0 0 0 10px;
    }

    #sliderFilterCamera .ui-slider-line {
        display: inherit;
        width: 1px;
        height: 15px;
        margin: 0 0 0 13px;
        background: #7c9496;
    }

    #sliderFilterCamera .ui-slider-pip-first .ui-slider-line {
        margin: 0;
    }

    #sliderFilterScreen .ui-slider-line {
        display: inherit;
        width: 1px;
        height: 15px;
        margin: 0 0 0 4px;
        background: #7c9496;
    }

    #sliderFilterBudget.ui-slider .ui-slider-handle,
    #sliderFilterCamera.ui-slider .ui-slider-handle,
    #sliderFilterScreen.ui-slider .ui-slider-handle {
        margin-left: -9px;
        background-color: #55aecb !important;
        border: 4px solid #e4e4e4 !important;
        border-radius: 50%;
        height: 30px !important;
        margin-top: -6px;
        width: 30px !important;
        background-image: none;
    }

    #sliderFilterBudget .ui-slider-label {
        margin-left: -50%;
    }
    /** Checkbox Labels and Checkboxes **/

    .selectAllOS,
    .selectAllManufacturers {
        display: block;
        color: #fff;
        background: #5ea5c1;
        width: 100%;
        padding-left: 10px;
    }

    .phone-os,
    .phone-manufacturer,
    .filterOS {
        display: block;
        color: #2c3c41;
        background: #f2f2f2;
        width: 100%;
        padding-left: 10px;
    }

        .phone-os label,
        .phone-manufacturer label,
        .filterOS label {
            margin: 0;
            padding: 10px 0 10px 10px;
            color: #2c3c41;
            line-height: normal;
            font-weight: 400;
        }

    .selectAllOS label,
    .selectAllManufacturers label {
        margin: 0;
        padding: 10px 0 10px 10px;
        color: #fff;
        line-height: normal;
        font-weight: 400;
    }
    /** Phone Type **/

    section#choosePhoneArea input[type="radio"]:checked + label {
        background: #5ea5c1;
        color: #fff;
    }

    section#choosePhoneArea .phone-type input[type="radio"] {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    section#choosePhoneArea .phone-type label {
        float: left;
        width: 33%;
        text-align: center;
        background: #f2f2f2;
        font-weight: 400;
        padding: 8px 0;
    }

        section#choosePhoneArea .phone-type label:hover {
            background: #5ea5c1;
            color: #fff;
            cursor: pointer;
        }

    section#choosePhoneArea.cpw-phones-list-wrapper .phone-specifications {
        padding-top: 20px;
    }

    @media (min-width: 768px) {
        section#choosePhoneArea.cpw-phones-list-wrapper .phone-specifications,
        section#choosePhoneArea.cpw-phones-list-wrapper .col-md-4.camera-quality,
        section#choosePhoneArea.cpw-phones-list-wrapper .col-md-4.screen-size {
            padding-bottom: 80px;
        }
    }

    @media (min-width: 992px) {
        section#choosePhoneArea.cpw-phones-list-wrapper .phone-specifications,
        section#choosePhoneArea.cpw-phones-list-wrapper .col-md-3.camera-quality,
        section#choosePhoneArea.cpw-phones-list-wrapper .col-md-3.screen-size {
            padding-bottom: 0;
        }
    }
    /*** Buttons ***/

    .action-buttons {
        margin-left: -10px;
        margin-right: -10px;
        padding-top: 30px;
    }

    section#choosePhoneArea .btns-left,
    section#choosePhoneArea .btns-right {
        width: 100%;
        padding: 0 10px;
    }

    @media (min-width: 768px) {
        section#choosePhoneArea .btns-left {
            padding-bottom: 20px;
        }
    }

    section#choosePhoneArea .action-buttons .btn {
        margin: 0;
        width: 100%;
        color: #2c3c41;
        font-family: gtwregular;
        font-size: 1em;
        background: #f2f2f2;
    }

    section#choosePhoneArea .action-buttons .btn--update-phones {
        color: #fff;
        background-color: #69b878;
    }
    /** Button Click/Hover/Focus States **/

    section#choosePhoneArea .btns-left .btn:focus,
    section#choosePhoneArea .btns-right .btn:focus {
        border: 2px solid #fff;
        box-shadow: none;
        outline: 0px auto -webkit-focus-ring-color;
        outline-offset: 0;
    }

    section#choosePhoneArea .btns-left .btn:active,
    section#choosePhoneArea .btns-right .btn:active {
        border: 2px solid #fff;
        box-shadow: none;
    }

    section#choosePhoneArea .btns-left .btn.btn:hover {
        background: #e6e4e4;
        color: #2c3c41;
    }

    @media (min-width: 768px) {
        section#choosePhoneArea .btns-left {
            overflow: hidden;
        }

        section#choosePhoneArea .action-buttons .btns-left .btn {
            float: right;
            width: 25%;
            border: none;
        }

        section#choosePhoneArea .btns-right .close-btn {
            width: 25%;
        }

        section#choosePhoneArea .btns-right .btn--update-phones {
            float: right;
            width: 25%;
        }
    }

    @media (min-width: 1200px) {
        section#choosePhoneArea .action-buttons .btns-left .btn,
        section#choosePhoneArea .btns-right .close-btn,
        section#choosePhoneArea .btns-right .btn--update-phones {
            width: 15%;
        }
    }
    /* Media Query for iPhone 6 and other devices with max-width of 375px **/

    @media (max-width: 375px) {
        section#choosePhoneArea.cpw-phones-list-wrapper .col-md-3 {
            width: 100%;
        }
    }

    /*** Tooltipster Styles

    * Added 09/02/17
*/
    /* This is the core CSS of Tooltipster */

    .tooltip_templates {
        display: none;
    }

    /* GENERAL STRUCTURE RULES (do not edit this section) */

    .tooltipster-base {
        /* this ensures that a constrained height set by functionPosition,
	if greater that the natural height of the tooltip, will be enforced
	in browsers that support display:flex */
        display: flex;
        pointer-events: none;
        /* this may be overriden in JS for fixed position origins */
        position: absolute;
    }

    .tooltipster-box {
        /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
	and flex-basis auto for IE11- (at least) */
        flex: 1 1 auto;
    }

    .tooltipster-content {
        /* prevents an overflow if the user adds padding to the div */
        box-sizing: border-box;
        /* these make sure we'll be able to detect any overflow */
        max-height: 100%;
        max-width: 100%;
        overflow: auto;
    }

    .tooltipster-ruler {
        /* these let us test the size of the tooltip without overflowing the window */
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden;
    }

    /* ANIMATIONS */

    /* Open/close animations */

    /* fade */

    .tooltipster-fade {
        opacity: 0;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        -ms-transition-property: opacity;
        transition-property: opacity;
    }

        .tooltipster-fade.tooltipster-show {
            opacity: 1;
        }

    /* grow */

    .tooltipster-grow {
        -webkit-transform: scale(0,0);
        -moz-transform: scale(0,0);
        -o-transform: scale(0,0);
        -ms-transform: scale(0,0);
        transform: scale(0,0);
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-backface-visibility: hidden;
    }

        .tooltipster-grow.tooltipster-show {
            -webkit-transform: scale(1,1);
            -moz-transform: scale(1,1);
            -o-transform: scale(1,1);
            -ms-transform: scale(1,1);
            transform: scale(1,1);
            -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
            -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
            -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
            -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
            transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        }

    /* swing */

    .tooltipster-swing {
        opacity: 0;
        -webkit-transform: rotateZ(4deg);
        -moz-transform: rotateZ(4deg);
        -o-transform: rotateZ(4deg);
        -ms-transform: rotateZ(4deg);
        transform: rotateZ(4deg);
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
    }

        .tooltipster-swing.tooltipster-show {
            opacity: 1;
            -webkit-transform: rotateZ(0deg);
            -moz-transform: rotateZ(0deg);
            -o-transform: rotateZ(0deg);
            -ms-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
            -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
            -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
            -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
            -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
            -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
            transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
        }

    /* fall */

    .tooltipster-fall {
        -webkit-transition-property: top;
        -moz-transition-property: top;
        -o-transition-property: top;
        -ms-transition-property: top;
        transition-property: top;
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    }

        .tooltipster-fall.tooltipster-initial {
            top: 0 !important;
        }

        .tooltipster-fall.tooltipster-show {
        }

        .tooltipster-fall.tooltipster-dying {
            -webkit-transition-property: all;
            -moz-transition-property: all;
            -o-transition-property: all;
            -ms-transition-property: all;
            transition-property: all;
            top: 0 !important;
            opacity: 0;
        }

    /* slide */

    .tooltipster-slide {
        -webkit-transition-property: left;
        -moz-transition-property: left;
        -o-transition-property: left;
        -ms-transition-property: left;
        transition-property: left;
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    }

        .tooltipster-slide.tooltipster-initial {
            left: -40px !important;
        }

        .tooltipster-slide.tooltipster-show {
        }

        .tooltipster-slide.tooltipster-dying {
            -webkit-transition-property: all;
            -moz-transition-property: all;
            -o-transition-property: all;
            -ms-transition-property: all;
            transition-property: all;
            left: 0 !important;
            opacity: 0;
        }

    /* Update animations */

    /* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

    /* fade */

    @keyframes tooltipster-fading {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .tooltipster-update-fade {
        animation: tooltipster-fading 400ms;
    }

    /* rotate */

    @keyframes tooltipster-rotating {
        25% {
            transform: rotate(-2deg);
        }

        75% {
            transform: rotate(2deg);
        }

        100% {
            transform: rotate(0);
        }
    }

    .tooltipster-update-rotate {
        animation: tooltipster-rotating 600ms;
    }

    /* scale */

    @keyframes tooltipster-scaling {
        50% {
            transform: scale(1.1);
        }

        100% {
            transform: scale(1);
        }
    }

    .tooltipster-update-scale {
        animation: tooltipster-scaling 600ms;
    }

    /**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 *
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

    /* .tooltipster-box */

    .tooltip-checkout-bar {
        position: absolute;
        top: -10px;
        right: 0;
    }

        .tooltip-checkout-bar:hover,
        .tooltip:hover,
        .tooltip-checkout:hover,
        .tooltip-question:hover {
            cursor: pointer;
        }

    /* Checkout General Tooltip */
    .tooltipster-sidetip .tooltipster-box {
        background: #69b878;
        border: 2px solid #69b878;
        border-radius: 4px;
    }

    /* Checkout Bar Tooltip */
    .tooltipster-checkout-bar .tooltipster-box {
        background: #977725;
        border: 2px solid #977725;
        border-radius: 4px;
    }

    /* Question Tooltip */
    .tooltipster-question .tooltipster-box {
        background: #666;
        border: 2px solid #666;
        border-radius: 4px;
    }



    .tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
        margin-top: 8px;
    }

    .tooltipster-sidetip.tooltipster-left .tooltipster-box {
        margin-right: 8px;
    }

    .tooltipster-sidetip.tooltipster-right .tooltipster-box {
        margin-left: 8px;
    }

    .tooltipster-sidetip.tooltipster-top .tooltipster-box {
        margin-bottom: 8px;
    }

    /* .tooltipster-content */

    .tooltipster-sidetip .tooltipster-content {
        color: white;
        line-height: 18px;
        padding: 6px 14px;
    }

    /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

    .tooltipster-sidetip .tooltipster-arrow {
        overflow: hidden;
        position: absolute;
    }

    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
        height: 10px;
        /* half the width, for centering */
        margin-left: -10px;
        top: 0;
        width: 20px;
    }

    .tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
        height: 20px;
        margin-top: -10px;
        right: 0;
        /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
	been positioned yet */
        top: 0;
        width: 10px;
    }

    .tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
        height: 20px;
        margin-top: -10px;
        left: 0;
        /* same as .tooltipster-left .tooltipster-arrow */
        top: 0;
        width: 10px;
    }

    .tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
        bottom: 0;
        height: 10px;
        margin-left: -10px;
        width: 20px;
    }

    /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

    .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
        height: 0;
        position: absolute;
        width: 0;
    }

    /* .tooltipster-arrow-background */

    .tooltipster-sidetip .tooltipster-arrow-background {
        border: 10px solid transparent;
    }

    /* Checkout General Tooltip Arrow */
    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
        border-bottom-color: #69b878;
        left: 0px;
        top: 3px;
    }

    .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
        border-left-color: #69b878;
        left: -3px;
        top: 0px;
    }

    .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
        border-right-color: #69b878;
        left: 3px;
        top: 0px;
    }

    .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
        border-top-color: #69b878;
        left: 0px;
        top: -3px;
    }

    /* Checkout Bar Tooltip Arrow */
    .tooltipster-checkout-bar.tooltipster-bottom .tooltipster-arrow-background {
        border-bottom-color: #977725;
        left: 0px;
        top: 3px;
    }

    .tooltipster-checkout-bar.tooltipster-left .tooltipster-arrow-background {
        border-left-color: #977725;
        left: -3px;
        top: 0px;
    }

    .tooltipster-checkout-bar.tooltipster-right .tooltipster-arrow-background {
        border-right-color: #977725;
        left: 3px;
        top: 0px;
    }

    .tooltipster-checkout-bar.tooltipster-top .tooltipster-arrow-background {
        border-top-color: #977725;
        left: 0px;
        top: -3px;
    }


    /* Question Tooltip Arrow */
    .tooltipster-question.tooltipster-bottom .tooltipster-arrow-background {
        border-bottom-color: #666;
        left: 0px;
        top: 3px;
    }

    .tooltipster-question.tooltipster-left .tooltipster-arrow-background {
        border-left-color: #666;
        left: -3px;
        top: 0px;
    }

    .tooltipster-question.tooltipster-right .tooltipster-arrow-background {
        border-right-color: #666;
        left: 3px;
        top: 0px;
    }

    .tooltipster-question.tooltipster-top .tooltipster-arrow-background {
        border-top-color: #666;
        left: 0px;
        top: -3px;
    }


    /* .tooltipster-arrow-border */

    .tooltipster-sidetip .tooltipster-arrow-border {
        border: 10px solid transparent;
        left: 0;
        top: 0;
    }

    /** Checkout General Tooltip Arrow Border **/
    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
        border-bottom-color: #69b878;
    }

    .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
        border-left-color: #69b878;
    }

    .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
        border-right-color: #69b878;
    }

    .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
        border-top-color: #69b878;
    }

    /** Checkout Bar Tooltip Arrow Border **/
    .tooltipster-checkout-bar.tooltipster-bottom .tooltipster-arrow-border {
        border-bottom-color: #977725;
    }

    .tooltipster-checkout-bar.tooltipster-left .tooltipster-arrow-border {
        border-left-color: #977725;
    }

    .tooltipster-checkout-bar.tooltipster-right .tooltipster-arrow-border {
        border-right-color: #977725;
    }

    .tooltipster-checkout-bar.tooltipster-top .tooltipster-arrow-border {
        border-top-color: #977725;
    }


    /** Question Tooltip Arrow Border **/
    .tooltipster-question.tooltipster-bottom .tooltipster-arrow-border {
        border-bottom-color: #666;
    }

    .tooltipster-question.tooltipster-left .tooltipster-arrow-border {
        border-left-color: #666;
    }

    .tooltipster-question.tooltipster-right .tooltipster-arrow-border {
        border-right-color: #666;
    }

    .tooltipster-question.tooltipster-top .tooltipster-arrow-border {
        border-top-color: #666;
    }

    /* tooltipster-arrow-uncropped */

    .tooltipster-sidetip .tooltipster-arrow-uncropped {
        position: relative;
    }

    .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
        top: -10px;
    }

    .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
        left: -10px;
    }

    .tooltip-nested-link {
        text-decoration: underline;
        color: #fff;
    }

        .tooltip-nested-link:hover {
            text-decoration: none;
            color: #fff;
        }


    /**
* #.# Checkout - Table Layout
*
* styles to align content in table based format
*/

    .table-in {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .table-in--width-reset {
        width: inherit;
    }

    .table-in--icon-table {
        padding-top: 10px;
        padding-bottom: 11px;
    }

    .table-out {
        display: table-cell;
        vertical-align: middle;
    }

    .table-out--icon {
        width: 60px;
    }

    .table-out--icon-small {
        width: 30px;
    }

    .table-out--icon-xs-small {
        width: 40px;
    }


    /**/

    .required-documents {
        padding-top: 0;
        padding-bottom: 20px;
        color: #2c3c41;
    }

    .required-documents__item {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 16px;
        font-family: gtwbold;
    }

    .required-documents .fa-check {
        padding-right: 18px;
        color: #69b878;
        font-size: 18px;
    }

    .required-documents__item-text {
        position: relative;
        width: 250px;
        line-height: 16px;
    }

    @media (min-width: 768px) {
        .required-documents__item {
            padding-top: 9px;
            padding-bottom: 9px;
        }

        .required-documents__item-text {
            width: 90%;
            font-size: 16px;
        }
    }

    .icon {
        position: relative;
        top: 3px;
        right: 5px;
    }


    .kenDiscontedPrices {
      margin-bottom: 80px;
      margin-left: auto;
      margin-right: auto;
      max-width: 864px;
    }

    .kenDiscontedPrices p {
      padding-bottom: 15px;
    }

    .kenDiscontedPrices h3 {
      font-size: 20px;
      padding-bottom: 20px;
    }


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