/* Elements */

.page-title h1,
#login h1 {
    float: left;
    width: 100%;
}

/* Modular Grid Items */


/* Masonry Items
-------------------------------------------------------------- */

.m-container {
    margin-left: -0.595238095%;
    margin-right: -0.595238095%;
    max-width: 1260px;
}
.m-item {
    float: left;
    margin: 7.5px 0.595238095% !important;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;    
}
.m-item.pull-right {
    float: right;
}
.m-item.grid12-1    { width: 7.142857143%; }
.m-item.grid12-2    { width: 15.47619048%; }
.m-item.grid12-3    { width: 23.80952381%; }
.m-item.grid12-4    { width: 32.14285714%; }
.m-item.grid12-5    { width: 40.47619048%; }
.m-item.grid12-6    { width: 48.80952381%; }
.m-item.grid12-7    { width: 57.14285714%; }
.m-item.grid12-8    { width: 65.47619048%; }
.m-item.grid12-9    { width: 73.80952381%; }
.m-item.grid12-10   { width: 82.14285714%; }
.m-item.grid12-11   { width: 90.47619048%; }
.m-item.grid12-full { width: 98.80952381%; }

.m-item img { height: auto; margin: 0 auto; display: block; }

.gutter-sizer {
    width: 1.2%;
}

/* Video Wrapper
-------------------------------------------------------------- */

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 49;
}

/* Message Boxes
-------------------------------------------------------------- */

.messages,
.messages ul {
    margin:0; 
    padding:0; 
    list-style:none !important; 
}
.messages {
    clear: both;    
    left: 0;
    width: 100%;
    margin-bottom: 20px; 
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.messages li {
    display: block;
    padding: 15px 20px;
}
.messages a {
    color: #c20f25;
}
.error-msg {
    position: relative;
    border: solid 1px  #fcc6c6;
    background: #fdf6f6;
    color: #1a1818;
    font-weight: 400;
}
.error-msg ul li span:before {
    content: 'x';
    display: block;
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
    margin-top: -16px;
    padding-left: 2px;
    border: solid 1px #c20f25;
    border-radius: 50%;
    color: #c20f25;
    font-size: 15px;
    font-family: "fredericks" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;    
    line-height: 30px;
}
.success-msg {
    background: #eeeeef;
    border: solid 1px #d1d1d1;
    color: #474747;
}
.note-msg,
.notice-msg {
    background: #fff;
    border: solid 1px #d1d1d1;
    color: #1a1818;
}
/* Sidebar Navigation
-------------------------------------------------------------- */

/* defaults */

.col-left.sidebar .block-title {}
.col-left.sidebar .block-vertnav,
.col-left.sidebar .block-account,
.col-left.sidebar #leftnav,
.col-left.sidebar .block-ticket-sidebar {
    background: transparent;
}
.col-left.sidebar ul {
    text-align: left;
    text-transform: uppercase;
}
.col-left.sidebar ul#leftnav { /* c5 */
    float: left;
    margin-right: 0px;
}
.col-left.sidebar ul#leftnav ul {
    margin-top: 12px;
    margin-right: 0px;
}
.col-left.sidebar li {
    float: left;
    width: 100%;
    clear: both;
}
.col-left.sidebar a {
    border-bottom: none;
    text-align: left;
    padding: 0;
    clear: both;
}
.col-left.sidebar a:hover {
    text-decoration: none;
 }
.col-left.sidebar a span {
    width: auto;
}

/* openers */

.col-left.sidebar .opener {
    display: none;
    width: 25px;
    height: 25px;
    line-height: 25px;
    float: right;
    background: none;
    right: -30px;
    opacity: 0;
    color: #999;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.col-left.sidebar:hover .opener {
    opacity: 1;
}
.col-left.sidebar .opener:before {
    content: 'l';
    float: left;
    font-size: 8px;
    text-align: center;
    width: 100%;
    font-family: "fredericks" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.col-left.sidebar .active > .opener:before {
    content: 'd';
}
.col-left.sidebar .opener:hover {
    color: #000;
}

/* level 0 */

.col-left.sidebar ul.accordion > li,
.col-left.sidebar ul#leftnav > li,
.col-left.sidebar .block-ticket-sidebar ul > li {
    margin-bottom: 15px;
}
.col-left.sidebar ul.accordion > li > a,
.col-left.sidebar ul#leftnav > li > a {
    color: #1a1818;
    font-size: 11px;
    font-weight: 700;
    padding-right: 0;
    text-decoration: none;
}
.col-left.sidebar ul.accordion > li > a:hover,
.col-left.sidebar ul#leftnav > li > a:hover {
    color: #c20f25;
}

/* level 1 */

.col-left.sidebar ul.accordion ul li .opener {
    margin-right: 0px;
}
.col-left.sidebar ul.accordion ul li,
.col-left.sidebar .block-account ul li,
.col-left.sidebar ul#leftnav ul li {
    margin-left: 10px;
    margin-bottom: 12px;
}
.col-left.sidebar ul.accordion ul li:last-of-type,
.col-left.sidebar .block-account ul li:last-of-type,
.col-left.sidebar ul#leftnav ul li:last-of-type {
    margin-bottom: 0;
}
.col-left.sidebar ul.accordion ul li a,
.col-left.sidebar .block-account ul li a,
.col-left.sidebar ul#leftnav ul li > a {
    font-weight: 400;
    font-size: 10px;
    color: #474747;
    text-decoration: none;
}
.col-left.sidebar ul.accordion ul li a:hover,
.col-left.sidebar .block-account ul li a:hover,
.col-left.sidebar ul#leftnav ul li > a:hover {
    color: #c20f25;   
}
.col-left.sidebar ul.accordion ul li.current > a,
.col-left.sidebar .block-account ul li.current > strong,
.col-left.sidebar ul#leftnav ul li.nav-selected > a,
.col-left.sidebar ul#leftnav > li.nav-path-selected > a {
    text-decoration: underline;
}
.col-left.sidebar .block-account ul li {
    margin-bottom: 15px;
}
.col-left.sidebar .block-account ul li.current strong {
    
}

/* level 2  */

.col-left.sidebar ul.accordion ul.level1 {
    margin-top: 15px;
}

/* titles */

.col-left.sidebar .block ul li a:hover,
.col-left.sidebar #leftnav li a:hover {
    background-color: transparent;
}
.col-left.sidebar ul.level0 {
    margin-top: 15px;
}
.col-left.sidebar #leftnav .level-0 ul {
    float: right;
    width: 100%;
}

/* active */
.col-left.sidebar .block ul li.level-top.active > a:hover {
    color: #c20f25;
}
.col-left.sidebar li.active > .opener {
    background-image: none;
}

/* Breadcrumbs
-------------------------------------------------------------- */

.breadcrumbs {
    display: none;
    font-size: 11px;
    color: #6d6f72;
    text-transform: uppercase;
    float: left;
    text-align: left;
}
.breadcrumbs li {
    display: inline-block;
}
.breadcrumbs a {
    color: #b2b2b2;
}
.breadcrumbs a:hover {
    color: #000;
}

/* Accordion Navigation
-------------------------------------------------------------- */
.opener {}
.opener:hover {}

/* Slick Slider
-------------------------------------------------------------- */

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
/*.slick-loading .slick-list { background: white url("./ajax-loader.gif") center center no-repeat; }*/
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; pointer-events: none;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }


/* Spinner
-------------------------------------------------------------- */

/* MODAL BUTTON STYLES */

div.modal-body img{
    text-align: center;
}
/* Modal Loading image styles */
.no-cssanimations .css-spinner > div#circularG,
.cssanimations .img-spinner > img#loading-gif {
    display: none;
}

/* AJAX LOADING EFFECT BEGIN */
#circularG{
    position:relative;
    width:20px;
    height:20px;
}
.circularG{
    position:absolute;
    background-color:#000000;
    width:5px;
    height:5px;
    -moz-border-radius:3px;
    -moz-animation-name:bounce_circularG;
    -moz-animation-duration:1.04s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -webkit-border-radius:3px;
    -webkit-animation-name:bounce_circularG;
    -webkit-animation-duration:1.04s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -ms-border-radius:3px;
    -ms-animation-name:bounce_circularG;
    -ms-animation-duration:1.04s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -o-border-radius:3px;
    -o-animation-name:bounce_circularG;
    -o-animation-duration:1.04s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    border-radius:3px;
    animation-name:bounce_circularG;
    animation-duration:1.04s;
    animation-iteration-count:infinite;
    animation-direction:linear;
}
#circularG_1{
    left:0;
    top:8px;
    -moz-animation-delay:0.39s;
    -webkit-animation-delay:0.39s;
    -ms-animation-delay:0.39s;
    -o-animation-delay:0.39s;
    animation-delay:0.39s;
}
#circularG_2{
    left:2px;
    top:2px;
    -moz-animation-delay:0.52s;
    -webkit-animation-delay:0.52s;
    -ms-animation-delay:0.52s;
    -o-animation-delay:0.52s;
    animation-delay:0.52s;
}
#circularG_3{
    top:0;
    left:8px;
    -moz-animation-delay:0.65s;
    -webkit-animation-delay:0.65s;
    -ms-animation-delay:0.65s;
    -o-animation-delay:0.65s;
    animation-delay:0.65s;
}
#circularG_4{
    right:2px;
    top:2px;
    -moz-animation-delay:0.78s;
    -webkit-animation-delay:0.78s;
    -ms-animation-delay:0.78s;
    -o-animation-delay:0.78s;
    animation-delay:0.78s;
}
#circularG_5{
    right:0;
    top:8px;
    -moz-animation-delay:0.91s;
    -webkit-animation-delay:0.91s;
    -ms-animation-delay:0.91s;
    -o-animation-delay:0.91s;
    animation-delay:0.91s;
}
#circularG_6{
    right:2px;
    bottom:2px;
    -moz-animation-delay:1.04s;
    -webkit-animation-delay:1.04s;
    -ms-animation-delay:1.04s;
    -o-animation-delay:1.04s;
    animation-delay:1.04s;
}
#circularG_7{
    left:8px;
    bottom:0;
    -moz-animation-delay:1.17s;
    -webkit-animation-delay:1.17s;
    -ms-animation-delay:1.17s;
    -o-animation-delay:1.17s;
    animation-delay:1.17s;
}
#circularG_8{
    left:2px;
    bottom:2px;
    -moz-animation-delay:1.3s;
    -webkit-animation-delay:1.3s;
    -ms-animation-delay:1.3s;
    -o-animation-delay:1.3s;
    animation-delay:1.3s;
}
@-moz-keyframes bounce_circularG{
    0% {-moz-transform:scale(1)}
    100% {-moz-transform:scale(.3)}
}
@-webkit-keyframes bounce_circularG{
    0% {-webkit-transform:scale(1)}
    100% {-webkit-transform:scale(.3)}
}
@-ms-keyframes bounce_circularG{
    0% {-ms-transform:scale(1)}
    100% {-ms-transform:scale(.3)}
}
@-o-keyframes bounce_circularG{
    0% {-o-transform:scale(1)}
    100% {-o-transform:scale(.3)}
}
@keyframes bounce_circularG{
    0% {transform:scale(1)}
    100% {transform:scale(.3)}
}
/* AJAX LOADING EFFECT END */

/* Modal
-------------------------------------------------------------- */

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15040;
    background-color: #000;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.5;
    filter: alpha(opacity=85);
}
.modal {
    position: fixed;
    top: 10%;
    left: 35%;
    z-index: 15050;
    min-width: 180px;
    width: 25%;
    background-color: #fff;
    outline: none;
    border: solid 5px #eeeeef;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .5);
   -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .5);
        box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .5);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}
.no-cssanimations .modal .loading #circularG,
.cssanimations .modal .loading #loading-gif {
    display: none;
}
.modal.fade {
    top: -30%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
      -ms-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}
.modal.fade.in {
    top: 15%;
}
.modal-header {
    height: 0;
    padding: 0;
    text-transform: uppercase;
}
.modal-header h3,
.modal-header p {
    display: none;    
}
.modal-header .close {
    z-index:3200;
    position:absolute;
    padding: 7px 7px 4px 5px;
    top: -5px;
    right: -5px;
    cursor:pointer;
    border: none;
    background: #eeeeef;
    color: #1a1a18;
    font-size: 8px;
    text-transform: uppercase;
}
.modal-header .close:after {
    content: 'x';
    float: right;
    text-indent: 0;
    font-size: 10px;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    position: relative;
    color: #1a1818;
    font-family: "fredericks" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important;  text-transform: none !important; speak: none; line-height: 10px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    -ms-transition: color .3s ease;
    transition: color .3s ease;
}
.modal-header .close:hover,
.modal-header .close:hover:after {
    color: #c20f25;
}
.modal-body {
    position: relative;
    max-height: 400px;
    padding: 15px;
    overflow-y: auto;
    background: #fff;
}
.modal-form {
    margin-bottom: 0;
}
.modal-body .loading {
    text-align: center;
    padding: 150px 0 180px;
    font-size: 10px;
    font-weight: 300;
    color: #b2b2b2; 
}
.modal-body .loading h3 {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .215em;
    margin-bottom: 25px;
    color: #b2b2b2;
}
.modal-body #circularG {
    display: inline-block;
    float: none !important;
}
.modal-body .circularG {
    background-color: #b2b2b2;
}

.modal-body h2 { font-size: 12px; text-transform: uppercase; }
.modal-body h3 { text-transform: uppercase; }

/* Modal - Newsletter
-------------------------------------------------------------- */

/* This modal's styles are also partyl dependent on custom content; please make sure the styles in the newsletter form are accounted for: System > Configuration > Branded Online Features > Newsletter > Newsletter Content > Custom Form */

.modal.newsletter {
    width: auto;
    left: 50%;
    margin-left: -215px;
}
.modal.newsletter .modal-body {
    float: left;
    padding: 0;
    width: 100%;
    max-height: none;
    min-height: 0;
    background: none;
}
.modal.newsletter .newsletter-body {
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 430px; 
    height: 430px;
}
.modal.newsletter form {
    position: absolute;
}
.modal.newsletter fieldset {
    float: right;
    width: 100%;
}
.modal.newsletter label {
    display: none;
}
.modal.newsletter input[type="email"],
.modal.newsletter input[type="text"] {
    float: right;
    width: 150px;
    margin-bottom: 5px;
    padding: 3px 5px;
    border: solid 1px #1a1818;
    font-size: 14px;
    color: #1a1818;
    text-align: center;
}
.modal.newsletter input[type="submit"] {
    clear: both;
    float: right;
    padding: 3px 5px;
    border: solid 1px #1a1818;
    background: #1a1818;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.modal.newsletter #newsletter-error-message,
.modal.newsletter #zip-error-message {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 5px;
    color: #c20f25;
    font-size: 10px;
    text-transform: uppercase;
    display: none;
}
.modal.newsletter p {
    position: absolute;
    font-size: 16px;
    text-transform: uppercase;
    color: #1a1818;
    font-weight: 700;
}
.modal.newsletter .main.container {
    min-height: 0;
    margin-bottom: 0;
}
.modal.newsletter .col-main {
    margin: 0;
}
.modal.newsletter .actions {
    display: none;
}

/* Zendesk Tab
-------------------------------------------------------------- */

#zenbox_tab { display: none !important;}

/* Responsive
-------------------------------------------------------------- */

/* Widescreen [[ Blue ]] */
@media only screen and (min-width: 1110px)  {

}
/* Small Desktops [[ Brown ]] */
@media only screen and (min-width: 960px) and (max-width: 1109px) {

    .col-left.sidebar .opener {
        margin-right: -4px;
        margin-top: -2px;
    }
    #sequence .sequence-prev {
        left: 0px;
    }
    #sequence .sequence-next {
        right: 0px;
    }
    .col-left.sidebar .opener {
        right: -20px;
    }
}
/* Tablet (Portrait) [[ Yellow ]] */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #sequence .sequence-prev {
        left: 0px;
    }
    #sequence .sequence-next {
        right: 0px;
    }
    .modal.video-modal {
        margin-left: 0;
        left: 5%;
        right: 5%;
        width: auto;
    }
}
/* Mobile Universal [[ Orange Border ]] */
@media only screen and (max-width: 767px) {   
    .m-item.pull-left,
    .m-item.pull-right {
        float: none;
    }
    .col-left.sidebar { margin-bottom: 0; }

    .page-title h1,
    #login h1 {
        margin-top: 20px;
    }
    .col-left.sidebar a,
    .col-left.sidebar strong {
        text-align: left !important;
    }
    .col-left.sidebar strong {
        width: 100%;
        float: left;
    }
    .breadcrumbs {
        text-align: left;
    }
    .breadcrumbs li {
        margin-bottom: 5px;
        display: inline;
        float: none;
    }
    .modal.newsletter {
        left: 4%;
        right: 4%;
        width: 92%;
        margin-left: 0;
    }  
    .modal.video-modal {
        margin-left: 0;
        left: 5%;
        right: 5%;
        width: auto;
    }    
}
/* Mobile (Landscape) [[ Pink ]] */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
/* Mobile (Landscape - Large Mobile, iPhone 5, etc.) [[ Purple ]] */
@media only screen and (min-width: 640px) and (max-width: 767px) {    


}
/* Mobile (Portrait) [[ Gray ]] */
@media only screen and (min-width: 320px) and (max-width: 479px) {

}