/* =============================================================================
    Fonts
   ========================================================================== */
@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/raleway/raleway-semibold-webfont.eot');
    src: url('../fonts/raleway/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/raleway/raleway-semibold-webfont.woff2') format('woff2'),
    url('../fonts/raleway/raleway-semibold-webfont.woff') format('woff'),
    url('../fonts/raleway/raleway-semibold-webfont.ttf') format('truetype'),
    url('../fonts/raleway/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway/raleway-light-webfont.eot');
    src: url('../fonts/raleway/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/raleway/raleway-light-webfont.woff2') format('woff2'),
    url('../fonts/raleway/raleway-light-webfont.woff') format('woff'),
    url('../fonts/raleway/raleway-light-webfont.ttf') format('truetype'),
    url('../fonts/raleway/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaymedium';
    src: url('../fonts/raleway/raleway-medium-webfont.eot');
    src: url('../fonts/raleway/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/raleway/raleway-medium-webfont.woff2') format('woff2'),
    url('../fonts/raleway/raleway-medium-webfont.woff') format('woff'),
    url('../fonts/raleway/raleway-medium-webfont.ttf') format('truetype'),
    url('../fonts/raleway/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway/raleway-bold-webfont.eot');
    src: url('../fonts/raleway/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/raleway/raleway-bold-webfont.woff2') format('woff2'),
    url('../fonts/raleway/raleway-bold-webfont.woff') format('woff'),
    url('../fonts/raleway/raleway-bold-webfont.ttf') format('truetype'),
    url('../fonts/raleway/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextrabold';
    src: url('../fonts/raleway/raleway-extrabold-webfont.eot');
    src: url('../fonts/raleway/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/raleway/raleway-extrabold-webfont.woff2') format('woff2'),
    url('../fonts/raleway/raleway-extrabold-webfont.woff') format('woff'),
    url('../fonts/raleway/raleway-extrabold-webfont.ttf') format('truetype'),
    url('../fonts/raleway/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayextralight';
    src: url('../fonts/raleway/raleway-extralight-webfont.eot');
    src: url('../fonts/raleway/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/raleway/raleway-extralight-webfont.woff2') format('woff2'),
    url('../fonts/raleway/raleway-extralight-webfont.woff') format('woff'),
    url('../fonts/raleway/raleway-extralight-webfont.ttf') format('truetype'),
    url('../fonts/raleway/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway/raleway-regular-webfont.eot');
    src: url('../fonts/raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/raleway/raleway-regular-webfont.woff2') format('woff2'),
    url('../fonts/raleway/raleway-regular-webfont.woff') format('woff'),
    url('../fonts/raleway/raleway-regular-webfont.ttf') format('truetype'),
    url('../fonts/raleway/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaythin';
    src: url('../fonts/raleway/raleway-thin-webfont.eot');
    src: url('../fonts/raleway/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/raleway/raleway-thin-webfont.woff2') format('woff2'),
    url('../fonts/raleway/raleway-thin-webfont.woff') format('woff'),
    url('../fonts/raleway/raleway-thin-webfont.ttf') format('truetype'),
    url('../fonts/raleway/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/ptsans/PTS55F-webfont.eot');
    src: url('../fonts/ptsans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ptsans/PTS55F-webfont.woff') format('woff'),
    url('../fonts/ptsans/PTS55F-webfont.ttf') format('truetype'),
    url('../fonts/ptsans/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* =============================================================================
    Homepage
   ========================================================================== */
.artellite_purple {
    background-color:#7c4dff;
 }
.artellite_green {
    background-color:#00bfa5;
}
.artellite_yellow {
    background-color:#ffab00;
}
.artellite_red {
    background-color:#ff5252;
}
.artellite_grey {
    background-color:#eceff1;
    color:#37474f;
    position:relative;
}

.footer-wrapper {
    position: relative;
}
/*body {*/
    /*background-color: #666;*/
/*}*/
#block-views-featured-hub-artwork-block {
    margin-top: 0px;
}
.region.region-content {
    padding-bottom: 0px;
}
.front .region-wide h2 {
    font-family: ralewaythin, Verdana, sans-serif;
    font-size:60px;
    margin-bottom: 20px;
}
.front .region-wide .field-name-field-block-body {
    font-family: ralewayregular, Verdana, sans-serif;
    font-size:13px;
}
.front .region-wide .field-name-field-block-body strong {
    font-size:17px;
    font-weight: normal;
}
#block-block-2 {
    font-family: ralewaymedium, Verdana, sans-serif;
    font-size:13px;
    padding: 30px 0px;
    position: inherit;
}
#block-menu-menu-footer-menu {
    font-family: ralewaybold, Verdana, sans-serif;
    font-size:12px;
}
body .footer .nav > li > a,
body .footer .nav > li > a:hover,
body .footer .nav > li > a:focus,
#block-block-2 p,
footer a {
    color: #78909c;
}
body .navbar-default .navbar-brand,
body .navbar-default .navbar-nav > li > a {
    color: #455a64 !important;
    font-family: ralewaybold, Verdana, sans-serif !important;
    font-size:14px !important;
}

.navbar-nav>li>a {
    margin-top:8px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

body .navbar-default .navbar-nav > li.menu-2046 > a {
    background-color:#ec407a !important;
    color:#fff !important;
    padding:11px 15px 10px;
    margin-left:15px;
    margin-top:13px;
}

.footer-wrapper {
    background-color:#fff;
    background-image:none;
}

body .footer .nav > li > a {
    padding: 30px 10px;
}

/*.header-wrapper {*/
    /*background-color: #fff;*/
/*}*/

.navbar-btn {
    margin-top: 14px;
    margin-bottom: 14px;
}



#node-1 h2.welcome {
    font-family: ralewaythin, Verdana, sans-serif;
    margin-top: 19%;
}
#node-1 h4.tagline {
    font-size: 25px;
    text-transform: none;
    font-family: ralewaylight;
}
#node-1 a.login {
    background-color: #00bfa5;
    border-color: #00bfa5;
    color: #fff;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-family: ralewaybold, Verdana, sans-serif;
    font-size:14px;
    padding:10px 18px;
    letter-spacing: 1.3px;
}
#node-1 a.register {
    background-color: #ec407a;
    color: #fff;
    border-color: #ec407a;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-family: ralewaybold, Verdana, sans-serif;
    font-size:14px;
    padding:10px 18px;
    letter-spacing: 1.3px;
}

#welcome-users {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width:310px;
    margin: 40px auto 30px;
}
.welcome-users-col1 {
    float:left;
    width:100px;
    border-right: 1px solid #ccc;
    font-family: ralewayextrabold, Verdana, sans-serif;
    font-size:10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: left;
    padding:10px 17px;
}
.welcome-users-col2 {
    float:left;
    width:110px;
    border-right: 1px solid #ccc;
    font-family: ralewaybold, Verdana, sans-serif;
    font-size:35px;
    line-height:48px;
}
.welcome-users-col3 {
    float:left;
    width:100px;
    font-family: ralewayextrabold, Verdana, sans-serif;
    font-size:10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: left;
    padding:10px 17px;
}

/*#homepic-scroll {*/
    /*margin-top:14%;*/
    /*cursor: pointer;*/
    /*display: none;*/
/*}*/

/*.homepic-scroll {*/
    /*cursor: pointer;*/
    /*position: fixed;*/
    /*left: 30px;*/
    /*bottom: 100px;*/
    /*z-index: 999;*/
    /*border:1px solid #fff;*/
    /*padding:2px 5px;*/
    /*border-radius: 5px;*/
/*}*/
/*.homepic-scroll a {*/
    /*color:#fff;*/
/*}*/

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.artellite_grey .col-centered {
    text-align:center;
}
.front .region-wide .artellite_grey h2 {
    margin-bottom: 10px;
}
.front .region-wide .artellite_grey .field-name-field-block-body {
    font-size:25px;
    font-family: ralewayextralight, Verdana, sans-serif;
}

.front .region-wide .artellite_grey .field-collection-container .field-name-field-block-body {
    font-size:13px;
    font-family: ralewayregular, Verdana, sans-serif;
    margin-top:20px;
    margin-bottom:30px;
}
.front .region-wide .artellite_grey .field-collection-container .field-name-field-profile-pre-title {
    font-size:13px;
    font-family: ralewaysemibold, Verdana, sans-serif;
    text-transform: uppercase;
}
.front .region-wide .artellite_grey .field-collection-container .field-name-field-profile-title {
    font-size:34px;
    font-family: ralewaythin, Verdana, sans-serif;
}
.front .region-wide .artellite_grey .field-collection-container .field-name-field-profile-link a,
.btn,
.btn-info {
    background-color: #ec407a;
    color: #fff;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-family: ralewaybold, Verdana, sans-serif;
    font-size:14px;
    padding:10px 18px;
    letter-spacing: 1.3px;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    border: 0px solid #000;
}

.front .region-wide .artellite_grey .field-collection-container .field-name-field-profile-link a:hover,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
body .navbar-default .navbar-nav > li.menu-2046 > a:hover,
#node-1 a.register:hover,
#node-1 a.login:hover {
    background-color: #888 !important;
}

.front .region-wide .artellite_red .field-collection-view,
.front .region-wide .artellite_grey .field-collection-view {
    padding: 0;
    margin: 0;
    border-bottom: 0px dotted #D3D7D9;
    text-align:left;
}
.front .region-wide .artellite_red .field-collection-container .field-items .field-item,
.front .region-wide .artellite_grey .field-collection-container .field-items .field-item {
    margin-bottom: 0px;
}
.front .region-wide .artellite_red .field-collection-container,
.front .region-wide .artellite_grey .field-collection-container {
    border-bottom: 0px solid #D3D7D9;
    margin-bottom: 0;
}

.front .region-wide .artellite_grey .field-collection-container {
    margin-top:100px;
}

.field-name-field-small-text a{
    font-family: ralewayregular, Verdana, sans-serif;
    color: #37474f;
}

.homeblock-socialicons {
    margin:100px 0px 0px;
}
.homeblock-socialicons a {
    font-size:30px;
    color:#78909c;
    margin:0px 30px 0px;
}

#what-is-artellite-logos {
    text-align:center;
    margin-bottom:10px;
}
#what-is-artellite-logos img {
    margin-bottom:20px;
}

#what-is-artellite-logos h3 {
    margin-top:140px;
    margin-bottom:45px;
    font-weight: normal;
    font-family: ralewaymedium, Verdana, sans-serif;
    opacity:0.4;
    font-size:15px;
    text-transform:uppercase;
}

#what-is-artellite-logos .field-name-field-logo-s .field-item {
    display:inline-block;
    padding:0px 13px;
}

.front .region-wide .field-name-field-pricing-type .field-name-field-block-body {
    font-family: ralewaymedium, Verdana, sans-serif;
    font-size:11px;
}

.front .region-wide .field-name-field-pricing-type .field-name-field-block-body strong {
    font-family: ralewaysemibold, Verdana, sans-serif;
    font-size:14px;
}

.front .region-wide .field-name-field-pricing-type h3 {
    font-family: ralewayregular, Verdana, sans-serif;
    font-size:17px;
    font-weight: normal;
}

.front .region-wide .field-name-field-pricing-title {
    display:inline-block;
    margin-left:2px;
}

.pricing-pound {
    font-family: ralewaysemibold, Verdana, sans-serif;
    font-size:30px;
    line-height: 60px;
    top: -0.8em;
    position: relative;
    vertical-align: baseline;
}
.pricing-mo {
    font-family: ralewaylight, Verdana, sans-serif;
    font-size:24px;
    line-height: 60px;
    top: -1.2em;
    position: relative;
    vertical-align: baseline;
}
.front .region-wide .field-name-field-price-pound {
    font-family: ralewaythin, Verdana, sans-serif;
    font-size:80px;
    display: inline-block;
    line-height: 60px;
}
.front .region-wide .field-name-field-price-pence {
    display: inline-block;
    font-family: ralewaythin, Verdana, sans-serif;
    font-size:42px;
    top: -0.5em;
    position: relative;
    line-height: 60px;
    vertical-align: baseline;
}


.view-who-s-using-it-slides {
    padding:30px;
}
#greentv .carousel-control.left span,
#greentv .carousel-control.right span {
    display: none;
}
#greentv .carousel-control.left {
    background-image: url(../images/greentv-left.png);
    background-repeat: no-repeat;
    width:30px;
    background-position: center;
}
#greentv .carousel-control.right {
    background-image: url(../images/greentv-right.png);
    background-repeat: no-repeat;
    width:30px;
    background-position: center;
}

.artellite_yellow .field-name-field-how-it-works-image {
    margin:60px 0px;
}

.artellite_yellow .field-name-field-block-body ol {
    font-family: ralewaylight, Verdana, sans-serif;
    font-size:20px;
    margin-top:25px;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

.artellite_yellow .field-name-field-block-body ol li {
    margin-bottom:15px;
    counter-increment: step-counter;
}

.artellite_yellow .field-name-field-block-body ol li::before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 19px;
    background-color: #fff;
    color: #ffab00;
    padding: 2px 9px 4px;
    border-radius: 16px;
    font-family: ralewaysemibold, Verdana, sans-serif;
}
/*
#home-scrolling-nav {
    position:fixed;
    left:30px;
    top:40%;
    z-index: 999;
}
#home-scrolling-nav ul li {
    display:none;
}
#home-scrolling-nav ul li.homemenu {
    display:block;
}
#home-scrolling-nav ul li a {
    color:#000;
    background-image:url(../images/home-scrollpager.png);
    display:block;
    height:10px;
    width:10px;
    text-indent:-9999px;
    padding:0px;
    margin-bottom:10px;
    background-position: bottom;
}
#home-scrolling-nav ul li a.active {
    color:#000;
    background-image:url(../images/home-scrollpager.png);
    background-position: top;
}
.navbar-nav li.homemenu.homebutton {
    display:none;
}
#home-scrolling-nav {
    display:none;
}
*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

body.not-front .header-wrapper {
    border-bottom: 0px solid #000;
}
body.not-front .footer-wrapper {
    background-color: #fff;
}
#navbar.container {
    padding:0px !important;
}
body.not-front .main-container-wrapper {
    padding-top:30px;
}
#home-artellitehub_register_block {
    text-align:left;
    display:none;
    border:1px solid #ccc;
    padding:20px 20px 50px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background-color:#eceff1;
    position:fixed;
    top:20%;
    left: 50%;
    width: 500px;
    margin-left: -250px; /* Half the width */
    z-index: 1000;
}
#home-artellitehub_register_close {
    text-align:right;
    font-size:20px;
    cursor:pointer;
    color:#ec407a;
}
#page-cover {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999;
    top: 0;
    left: 0;
}
.darkendiv {
    opacity: 0.6;
}
.form-item-artellite-register-profiletype {
    display: none;
}

/* Extra Small Devices, Phones */
@media (max-width: 767px) {
    #navbar.container {
        margin: 0px auto;
    }
    .homeblock-padding,
    .homeblock-padding1 {
        margin-bottom:30px;
    }
    #what-is-artellite-logos h3 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #greentv {
        display: none;
    }
    .artellite_yellow .field-name-field-block-body ol {
        font-size: 16px;
    }
    .front .region-wide .artellite_red .field-collection-container .field-items .field-item {
        margin-bottom: 10px;
    }
    .front .region-wide .artellite_grey .field-collection-container .col-md-4 {
        margin-bottom: 40px !important;
    }
    .artellite_red {
        padding-bottom:10px;
    }
    body .footer .nav > li > a {
        padding: 5px 5px;
    }
    body .footer .nav {
        padding: 10px 0px;
    }
    .homeblock-socialicons {
        margin: 30px 0px 30px;
    }
    .homeblock-socialicons a {
        margin: 0px 10px 0px;
    }
    .front .region-wide .artellite_grey .field-collection-container {
        margin-top: 50px;
    }
    .row.profilerows {
        margin: 0px;
    }
    .front .region-wide .artellite_grey .field-collection-container .field-name-field-block-body {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .front .region-wide h2 {
        text-align:center;
    }
    .front .region-wide .artellite_grey .field-collection-container .field-name-field-profile-link {
        text-align: center;
    }
    body.not-front .main-container-wrapper {
        margin-top: 0px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        /*background-color: #ececec;*/
        margin:0px !important;
    }
    #home-artellitehub_register_block {
        left:0%;
        top:0%;
        width: 100%;
        margin-left: 0px; /* Half the width */
    }

    #home-artellitehub_register_block {
        width: 100%;
    }
}
@media (min-width: 768px) {
    #navbar.container {
        margin: 5px auto;
    }
    .navbar.container>.container {
        width: 750px;
    }
    /*.header-wrapper {*/
        /*position: fixed;*/
        /*top: 0;*/
        /*left: 0;*/
        /*right: 0;*/
        /*z-index: 998;*/
    /*}*/
    .artellite_purple .pull-right {
        padding-left:0px;
    }
    .artellite_purple {
        background-image: url(../images/purplesplit_bg.gif);
        background-repeat: repeat-y;
        background-position: center;
    }
    .artellite_red {
        background-image: url(../images/redsplit_bg.gif);
        background-repeat: no-repeat;
        background-position: center;
    }
    .front .region-wide .block-bean {
        min-height:850px;
    }

    .homeblock-padding {
        margin:160px 0px 220px 0px;
    }
    .homeblock-padding1 {
        margin:50px 0px 250px 0px;
    }
    .homeblock-padding2 {
        margin-top:140px;
        margin-bottom:140px;
    }
    footer .menu.nav {
        display: inline-block;
        float: right;
    }
    .front .region-wide .artellite_grey .field-collection-container .field-name-field-block-body {
        margin-right:20px;
    }
    .front .region-wide .artellite_red .field-collection-container .field-items .field-item {
        height: 263px;
        margin-top:20px;
        margin-left:40px;
    }
    .front .region-wide .artellite_red .field-collection-container .field-items .field-item .field-item {
        height: auto;
        margin-top:0px;
        margin-left:0px;
    }
    .pricing-column {
        padding-right:0px;
    }
    .front .region-wide .artellite_red .field-collection-container .field-name-field-block-body {
        margin-top:13px;
    }
    #home-scrolling-nav {
        display:block;
    }
    #greentv {
        background-image: url(../images/greentv.png);
        width:630px;
        height:473px;
        margin:187px auto 0px;
    }
    .main-container-wrapper {
        margin-top:70px !important;
    }
}
/* Small Devices, Tablets */
@media (min-width: 481px) and (max-width: 991px) {
    body .navbar-default .navbar-brand,
    body .navbar-default .navbar-nav > li > a {
        padding:10px 4px;
        font-size: 10px !important;
    }
    .navbar-default .navbar-nav > li.menu-2046 > a {
        background-color: #ec407a !important;
        color: #fff !important;
        padding: 6px 10px 5px !important;
        margin-left: 5px !important;
        margin-top: 13px;
    }
    .footer-wrapper{
        text-align: center;
    }
    footer .menu.nav {
        float: none;
    }
}

/* Medium Devices, Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    body .navbar-default .navbar-brand,
    body .navbar-default .navbar-nav > li > a {
        padding:10px 10px;
    }
    body .navbar-default .navbar-brand,
    body .navbar-default .navbar-nav > li > a {
        font-size: 13px !important;
    }
}
@media (min-width: 992px) {
    .navbar.container>.container {
        width: 970px;
    }
}
/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
    .navbar.container>.container {
        padding:0px;
        width: 1170px;
    }
    .homeblock-padding1 {
        margin:210px 0px 250px 0px;
    }
    .homeblock-padding {
        margin:160px 0px 250px 0px;
    }
    #greentv {
        background-image: url(../images/greentv.png);
        width:630px;
        height:473px;
        margin:187px 0px 0px;
    }
    .front .region-wide .artellite_red .field-collection-container .field-items .field-item {
        height: 213px;
        margin-top:70px;
        margin-left:40px;
    }
    .front .region-wide .artellite_grey .field-collection-container .field-name-field-profile-title {
        font-size:40px;
        font-family: ralewaythin, Verdana, sans-serif;
    }
}


/*-----------Checkout-------------*/

body.not-front {
    background-color: #fff !important;
}

body.not-front .main-container-wrapper {
    background-color: #fff;
}

body.page-checkout .main-container-wrapper{
    padding-top: 9px;
}

#commerce-checkout-form-checkout img.satellite_logo{
    margin:0 auto;
}

#wide_top {
    background-color: #455a64;
}

#checkhead {
    position:relative;
    min-height:80px;
}

.checkhead_panel {
    float:left;
    width:20%;
    min-height:40px;
    border-right:1px solid #7d8c93;
    padding:20px;
}
.checkhead_panel h2 {
    font-size:11px;
    font-family: ralewaybold, Verdana, sans-serif;
    color:#fff;
    margin-top:0px;
}
.checkhead_panel h3 {
    font-size:20px;
    font-family: ralewaylight, Verdana, sans-serif;
    color:#fff;
    margin-top:0px;
    margin-bottom:0px;
}

.checkhead_basket {
    background-color:#fff;
    position:absolute;
    right:0px;
    top:0px;
    padding:20px 100px 20px 30px;
    -webkit-box-shadow: 1px 4px 2px #e5e5e5;
    -moz-box-shadow: 1px 4px 2px #e5e5e5;
    box-shadow: 1px 4px 2px #e5e5e5;
    background-image: url(../images/basketdown.png);
    background-position: 92% 55%;
    background-repeat: no-repeat;
}
.checkhead_basket h2 {
    font-size:11px;
    font-family: ralewaybold, Verdana, sans-serif;
    color:#455a64;
    text-transform: uppercase;
    margin-top:0px;
    margin-bottom:0px;
}
.checkhead_basket .basket_total {
    font-size:40px;
    font-family: ralewayextralight, Verdana, sans-serif;
    color:#ec407a;
    margin-top:0px;
    line-height:40px;
}

.checkhead_step1 {
    border-left:1px solid #7d8c93;
}
.checkhead_step4 {
    border-right:0px solid #7d8c93;
}


body.page-checkout .panel-title {
    font-size:20px;
    font-family: ralewayregular, Verdana, sans-serif;
    color:#37474f;
    line-height: normal;
}
body.page-checkout .panel-body {
    padding: 15px 0px;
}
body.page-checkout .panel-heading {
    padding: 0px 0px 15px;
    border-color: #cfd8dc;
}
body.page-checkout .table-striped>tbody>tr:nth-child(odd)>td,
body.page-checkout .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #fff;
}
table.checkout-review .pane-title td {
    border-color: #cfd8dc;
    font-size:20px;
    font-family: ralewayregular, Verdana, sans-serif;
    color:#37474f;
    font-weight: normal;
    padding-left:0px;
    border-top: none;
    background-color: #fff;
}
table.checkout-review .pane-data-full {
    padding-left:0px;
    padding-right:0px;
}
body.page-checkout .panel, .checkout_review {
    border: none;
    font-family: ralewayregular, Verdana, sans-serif;
    color:#263238;
    box-shadow: 0 0px 0px transparent;
    -webkit-box-shadow: 0 0px 0px transparent;
    -moz-box-shadow: 0 0px 0px transparent;
}
body.page-checkout .panel label {
    font-weight:normal;
}
body.page-checkout #commerce-checkout-form-complete {
    font-family: ralewayregular, Verdana, sans-serif;
    color:#263238;
    margin-top: 50px;
}
body.page-checkout .shipping-selector >p{
    font-weight: normal;
    font-family: ralewaylight, Verdana, sans-serif;
    color:#263238;
    font-size: 24px;
}
body.page-checkout .shipping-selector label em {
    font-family: ralewayregular, Verdana, sans-serif;
    color:#90a4ae;
    font-size: 14px;
    font-style: normal;
    display:block;
}
body.page-checkout .shipping-selector label em a {
    color:#90a4ae;
}
/*body.page-checkout .shipping-selector .form-type-radio {*/
    /*padding:10px;*/
/*}*/
body.page-checkout .form-control {
    border-color: #cfd8dc;
    color: #90a4ae;
    width: 100% !important;
}
body.page-checkout .form-control.form-text {
    width:100% !important;
}

body.page-checkout h1.page-header {
    font-size:60px;
    font-family: ralewaythin, Verdana, sans-serif;
    color:#7c4dff;
    text-align: center;
    border-bottom: 0px solid #eee;
    margin-bottom:0px;
    padding-bottom: 2px;
}
.checkhead_step1.active {
    background-color: #7c4dff;
}
body.page-checkout .btn.checkout-continue,
body.page-checkout .btn.checkout-cancel,
body.page-checkout .btn.checkout-back {
    border:2px solid #7c4dff;
    color:#7c4dff;
    background-color: #fff;
    font-size:30px;
    font-family: ralewaylight, Verdana, sans-serif;
    padding:10px 0px;
    min-width:160px;
    text-transform: none;
    text-align: center;
}

body.page-checkout .btn.checkout-cancel,
body.page-checkout .btn.checkout-back {
    border:2px solid #cfd8dc;
    color:#cfd8dc;
}

body.page-checkout .checkout-help {
    color:#90a4ae;
    font-size:14px;
    font-family: ralewayregular, Verdana, sans-serif;
    text-align: center;
    margin-bottom:50px;
}


body.page-checkout .checkout-buttons {
    text-align: center;
    border:none;
}
body.page-checkout .button-operator {
    display: none;
}

body.not-front .footer-wrapper {
    background-color: #fff;
    border-top: 1px solid #ececec;
}

body.page-checkout-shipping-address h1.page-header {
    color:#00bfa5;
}
.checkhead_step2.active {
    background-color: #00bfa5;
}

body.page-checkout-shipping-address .btn.checkout-continue {
    border:2px solid #00bfa5;
    color:#00bfa5;
}
.checkout-buttons .btn:hover{
    background-image: none;
    /*border:2px solid #006a5b;*/
    text-decoration: underline;
}

body.page-checkout-shipping h1.page-header {
    color:#ffab00;
}
.checkhead_step3.active {
    background-color: #ffab00;
}
body.page-checkout-shipping .btn.checkout-continue {
    border:2px solid #ffab00;
    color:#ffab00;
}
body.page-checkout-shipping .shipping-header{
    font-size:27px;
    line-height: normal;
}
body.page-checkout-shipping .panel-title{
    font-size: 18px;
}
body.page-checkout-pre-payment h1.page-header,
body.page-checkout-payment h1.page-header,
body.page-checkout-review h1.page-header,
body.page-checkout-complete h1.page-header {
    color:#ff5252;
}

.checkhead_step4.active {
    background-color: #ff5252;
}

.checkhead_panel.complete {
    background-image: url(../images/checkout_complete.png);
    background-position: 92% 65%;
    background-repeat: no-repeat;
}
body.page-checkout-pre-payment .btn.checkout-continue,
body.page-checkout-payment .btn.checkout-continue,
body.page-checkout-review .btn.checkout-continue {
    border:2px solid #ff5252;
    color:#ff5252;
}

#checkhead_hidecontainer {
    position:relative;
    height:0px;
}
#checkhead_hidden {
    display:none;
    position:absolute;
    top:4px;
    right:0px;
    background-color:#fff;
    z-index:997;
    -webkit-box-shadow: 0px 2px 2px 2px #e5e5e5;
    -moz-box-shadow: 0px 2px 2px 2px #e5e5e5;
    box-shadow: 0px 2px 2px 2px #e5e5e5;
    padding:10px 30px 0px 30px;
    font-family: ralewayregular, Verdana, sans-serif;
    color:#455a64;
}
.checkhead_basket.active {
    -webkit-box-shadow: 0px -4px 2px 0px #e5e5e5;
    -moz-box-shadow: 0px -4px 2px 0px #e5e5e5;
    box-shadow: 0px -4px 2px 0px #e5e5e5;
}
#checkhead_hidden h2 {
    font-size:30px;
    font-family: ralewayextralight, Verdana, sans-serif;
    color:#455a64;
}
#checkhead_hidden .table>tbody>tr>td {
    padding:8px 16px 8px 0px;
    border-top: 1px solid #e7e7e7;
}
#checkhead_hidden .table>thead>tr>th {
    border-bottom: 1px solid #e7e7e7;
    font-weight:normal;
    padding:8px 16px 8px 0px;
    border-top: 1px solid #e7e7e7;
}
#checkhead_hidden .table>tbody>tr>td.views-field-line-item-title {
    font-family: ralewaybold, Verdana, sans-serif;
    color:#263238;
}
#checkhead_hidden .table>thead>tr>th:last-child,
#checkhead_hidden .table>tbody>tr>td:last-child {
    padding:8px 0px 8px 0px;
}
.component-type-commerce-price-formatted-amount {
    font-family: ralewaybold, Verdana, sans-serif;
}
.component-type-commerce-price-formatted-amount .component-title {
    color:#263238;
}
.component-type-commerce-price-formatted-amount .component-total {
    color:#ec407a;
}

body.page-cart h1.page-header {
    font-size:60px;
    font-family: ralewaythin, Verdana, sans-serif;
    color:#455a64;
    text-align: center;
    border-bottom: 0px solid #eee;
    margin-bottom:0px;
    padding-bottom: 20px;
}
.view-commerce-cart-form {
    font-family: ralewayregular, Verdana, sans-serif;
    color:#263238;
}
.view-commerce-cart-form .table>thead>tr>th {
    border-bottom: 1px solid #cfd8dc;
}

div.addressfield-container-inline > div.form-item {
     /*float: none;*/
     margin-right: 0px;
}

#commerce-month-year-divider,
#edit-commerce-payment-payment-details-credit-card-exp-year,
#edit-commerce-payment-payment-details-credit-card-exp-month {
    display: inline-block;
    width:auto !important;
}
.form-type-select.form-item-commerce-payment-payment-details-credit-card-exp-month.form-item.form-group label {
    display:block !important;
}

body.page-cart #wide_top {
    background-color: #455a64;
    margin-bottom: 80px;
    position: fixed;
    width: 100%;
}

body.page-checkout .main-container-wrapper {
    margin-top: 160px !important;
    padding-top: 80px;
}

body.page-checkout-shipping-address .name-block .form-item,
body.page-checkout-shipping-address .locality-block .form-item{
    text-align: left !important;
}
body.page-checkout .panel-default>.panel-heading {
    background-color: #fff;
    border-color: #ddd;
}


body.page-checkout-complete .main-container-wrapper {
    margin-top: 50px !important;
}


/* Extra Small Devices, Phones */
@media (max-width: 767px) {
    .checkhead_panel {
        float: none;
        width: 100%;
        min-height: 0px;
        border-left: 0px solid #7d8c93;
        border-right: 0px solid #7d8c93;
        padding: 10px 15px;
        display:none;
    }
    .checkhead_panel.active {
        display:block;
    }
    .checkhead_basket {
        position: relative;
        padding: 15px 15px 5px;
        -webkit-box-shadow: 0px 5px 2px #e5e5e5;
        -moz-box-shadow: 0px 5px 2px #e5e5e5;
        box-shadow: 0px 5px 2px #e5e5e5;
    }
    #wide_top .container {
        padding:0px;
    }
    #wide_top {
        margin-bottom: 0px;
        position: relative;
    }
    .checkhead_basket .basket_total {
        font-size: 25px;
    }
    div.addressfield-container-inline > div.form-item {
        float: none;
    }
    #checkhead_hidden {
        width: 100%;
        padding: 0px 15px 0px 15px;
    }
    body.page-checkout .main-container-wrapper {
        margin-top: 0px !important;
        padding-top: 40px;
    }
}
@media (min-width: 768px) {

}
/* Small Devices, Tablets */
@media (min-width: 481px) and (max-width: 991px) {
    .checkhead_panel {
        float: none;
        width: 100%;
        min-height: 0px;
        border-left: 0px solid #7d8c93;
        border-right: 0px solid #7d8c93;
        padding: 10px 15px;
        display:none;
    }
    .checkhead_panel.active {
        display:block;
    }
    .checkhead_basket {
        position: relative;
        padding: 15px 15px 5px;
        -webkit-box-shadow: 0px 5px 2px #e5e5e5;
        -moz-box-shadow: 0px 5px 2px #e5e5e5;
        box-shadow: 0px 5px 2px #e5e5e5;
    }
    #wide_top .container {
        padding:0px;
    }
    #wide_top {
        margin-bottom: 0px;
        position: relative;
    }
    .checkhead_basket .basket_total {
        font-size: 25px;
    }
    div.addressfield-container-inline > div.form-item {
        float: none;
    }
    #checkhead_hidden {
        width: 100%;
        padding: 0px 15px 0px 15px;
    }
}

/* Medium Devices, Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .checkhead_panel {
        min-height: 106px;
    }
    body.page-checkout-shipping-address .name-block .form-type-textfield:first-of-type {
        padding:0px 5px 0px 15px;
    }
    body.page-checkout-shipping-address .name-block .form-type-textfield:last-of-type {
        padding:0px 15px 0px 5px;
    }
    /*body.page-checkout-shipping-address .locality-block .form-type-textfield, body.page-checkout-shipping-address .locality-block .form-type-select {*/
        /*padding:0px 5px 0px 5px;*/
    /*}*/
    body.page-checkout-shipping-address .locality-block .form-type-textfield, body.page-checkout-shipping-address .locality-block .form-type-select{
        padding-left:15px;
    }
    body.page-checkout-shipping-address .locality-block .form-type-textfield:first-of-type, body.page-checkout-shipping-address .locality-block .form-type-select:first-of-type {
        padding:0px 15px 0px 15px;
    }
    body.page-checkout-shipping-address .locality-block .form-type-textfield:nth-child(3),body.page-checkout-shipping-address .locality-block .form-type-select:nth-child(3) {
        padding:0px 15px 0px 5px;
    }
    #checkhead_hidden {
        top: 26px;
    }
    .checkhead_basket {
        padding:20px 50px 40px 30px;
    }
    body.page-checkout-shipping-address .panel label {
        font-size: 13px;
    }
}

/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
    body.page-checkout-shipping-address .name-block .form-type-textfield:first-of-type {
        padding: 0px 5px 0px 15px;
    }

    body.page-checkout-shipping-address .name-block .form-type-textfield:last-of-type {
        padding: 0px 15px 0px 5px;
    }

    body.page-checkout-shipping-address .locality-block .form-type-textfield, body.page-checkout-shipping-address .locality-block .form-type-select {
        padding: 0px 5px 0px 5px;
    }

    /*body.page-checkout-shipping-address .locality-block .form-type-textfield:first-of-type, body.page-checkout-shipping-address .locality-block .form-type-select:first-of-type {*/
        /*padding: 0px 5px 0px 15px;*/
    /*}*/

    body.page-checkout-shipping-address .locality-block .form-type-textfield:nth-child(3), body.page-checkout-shipping-address .locality-block .form-type-select:nth-child(3) {
        /*padding: 0px 15px 0px 5px;*/
        padding-left: 15px;
    }

    body.page-checkout-shipping-address .locality-block .form-type-textfield{
        padding:0;
    }
    body.page-checkout-shipping-address .locality-block {
        margin: 0;
    }
}

/*Sliding homepage*/
html, body.front {
    height:100% !important;
    min-height:100% !important;
}
.front #page_outer_container {
    height:100% !important;
    min-height:100% !important;
}

.front .region-wide .block-bean {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    min-height:0px !important;
    /*overflow:hidden !important;*/
    transition: transform .7s cubic-bezier(.825,0,.5,1);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.825,0,.5,1);
    -moz-transition: -moz-transform .7s cubic-bezier(.825,0,.5,1);
    transform: translateY(0%);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    /*height: 100%;*/
    display: none;
}

.front.logged-in .region-wide .block-bean {
    display:block;
    position: relative;
}

.noimage {
    background-image: none !important;
}

/*// so that slides can transition from bottom-up*/
.front .region-wide .block-bean:nth-child(1) { z-index:10; }
.front .region-wide .block-bean:nth-child(2) { z-index:9; }
.front .region-wide .block-bean:nth-child(3) { z-index:8; }
.front .region-wide .block-bean:nth-child(4) { z-index:7; }
.front .region-wide .block-bean:nth-child(5) { z-index:6; }

.front .region-wide .block-bean.active {
    /*overflow: hidden;*/
    display:block !important;
}
.front .region-wide .block-bean.oldhat {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    display:none;
}

/*.front.logged-in .region-wide .block-bean.oldhat {*/
    /*display:block;*/
/*}*/

.artellite_red {
    background-position: top center;
}

/*.front .main-container-wrapper {*/
    /*margin-top: 0px !important;*/
/*}*/
/*.front .region-wide .block-bean {*/
    /*position: absolute;*/
    /*top: 70px;*/
    /*margin-bottom:-70px;*/
/*}*/
/*.front .footer-wrapper {*/
    /*position: fixed;*/
/*}*/
/*.front.not-logged-in .footer-wrapper {*/
    /*!*bottom: 70px;*!*/
/*}*/

/*body.front {*/
    /*background: none;*/
    /*color: #fff;*/
/*}*/

.sliding-popup-bottom button{
    background: #ec407a !important;
    color: #fff !important;
    padding: 11px 15px 10px;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/* Extra Small Devices, Phones */
@media (max-width: 767px) {
    .front .region-wide .block-bean {
        position: relative;
        display:block !important;
        transform: translateY(0%) !important;
        -webkit-transform: translateY(0) !important;
        -moz-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        -o-transform: translateY(0) !important;
        margin-bottom:0px !important;
    }
    .front .footer-wrapper {
        bottom: 0px;
        position:relative;
    }
}

/* Small Devices, Tablets */
@media (min-width: 481px) and (max-width: 991px) {
    #home-scrolling-nav {
        left: 5px;
    }
    #greentv {
        margin: 87px auto 0px;
    }
    .homeblock-padding {
        margin: 87px 0px 220px 0px;
    }
    .homeblock-padding2 {
        margin-top: 60px;
    }

}

/* Medium Devices, Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    #home-scrolling-nav {
        left: 12px;
    }
    .homeblock-padding {
        margin: 87px 0px 220px 0px;
    }
    .homeblock-padding2 {
        margin-top: 30px;
    }
    #greentv {
        margin: 20px auto 0px;
        background-image: none;
        height:auto;
        width:570px;
    }
    .homeblock-padding1 {
        margin: 0px 0px 250px 0px;
    }
    .homeblock-socialicons {
        margin: 40px 0px 0px;
    }
    .front .region-wide .artellite_red .field-collection-container .field-items .field-item {
        height: auto;
    }
    .artellite_red {
        background-image: none;
    }
}