.spin{ 
    transform-origin:50% 50%;
    animation:2s rotateRight infinite linear; 
}

@keyframes rotateRight{
    100%{ transform:rotate(360deg); }
}
.address_error{
    display:none;
}

* {
    -webkit-appearance:none
}

.selectionwindow{
    border-color: red;
    border-width: 3px;
}

.tab-valid md-tab-item {
    color: green;
    background: red;
}

.tab-invalid md-tab-item {
    color: red;
    background: green;
}

/******  MODAL ******/
/**Done**/
.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

/**Done**/
.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em;
}
/**Done**/
.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}
/**Done**/
.loginmodal-container input[type=text], .loginmodal-container input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/**Done**/
.loginmodal-container input[type=text]:hover, .loginmodal-container input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
/**Done**/
.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
/* border-radius: 3px; */
/* -webkit-user-select: none;
  user-select: none; */
}
/**Done**/
.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0,0,0,0.1); 
  background-color: #4d90fe;
  padding: 17px 0px;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}
/**Done**/
.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0,0,0,0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}
/**Done**/
.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
} 
/**Done**/
.login-help{
  font-size: 12px;
}
/**Done**/
.modal-wide .modal-dialog {
    width: 90%;
}
/**Done**/
.modal-wide .loginmodal-container {
    max-width: 75%;
}

.modal-header {
    margin: -30px;
}

modal-content .modal-header {
    margin: none;
}

.modal-header, modal-content .modal-header {
    padding: 30px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    background: #005eb8;
    color: #fff;
}

.nostyle{
    padding-top: 2%;
}

/**Done**/
.icon_social {
    color: #005eb8;
}

.completion{
    display:none;
}

.progress1{
    width:70%;
    margin: auto;
    
}

.padding-right {
    padding-right: 3%;
}

.even1{
    padding-bottom:4%;
}


/*
    Information Pages
*/
    
.info {
    margin-top: 5%;
}


.back-imgcustom{
    position: relative;
    height: 170px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.back-img {
    position: relative;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.back-img p, .expect ul li, .expect ul ol {
    font-size: 16px;
    line-height: 2;
    word-spacing: 2px
}

.designdesk{
    display:block;
    }
.designmob{
    display:none;
}

.edge{
    padding-left: 10%;
    padding-right: 10%;
    line-height: 2;
    word-spacing: 2px;
    font-size: 18px;
}

.pbox{
    border-bottom: 5px solid rgba(56, 142, 60, 0.7);
}

.blurbox{
    -webkit-filter: blur(.5px);
    -moz-filter: blur(.5px);
    -o-filter: blur(.5px);
    -ms-filter: blur(.5px);
    filter: blur(.5px);
}

.back-img.fast-window-1{
    background-image: url(../images/showcase/fasttrack-window/upvc-win-1.jpg);
}

.back-img.fast-window-2{
    background-image: url(../images/showcase/fasttrack-window/window1.gif);
}
.back-img.fast-window-3{
    background-image: url(../images/showcase/fasttrack-window/large-upvc-window.png);
}

.back-img.fast-door-1{
    background-image: url(../images/showcase/fasttrack-door/upvc-door-1.png);
}


.back-img.lantern {
    background-image: url(../images/showcase/lantern/lantern-showcase.png);
}

.back-img.window1 {
    background-image: url(../images/showcase/window/window-cover.jpg);
}

.back-img.window2 {
    background-image: url(../images/showcase/window/window-zoom.jpg);
}

.back-img.window3 {
    background-image: url(../images/showcase/window/window-cover2.jpg);
}

.back-img.window4 {
    background-image: url(../images/showcase/window/flushcasement.jpg);
}

.back-img.skypod1 {
    background-image: url(../images/showcase/skypod/skypod-7.png);
}

.back-img.skypod2 {
    background-image: url(../images/showcase/skypod/skypod-6.png);
}

.back-img.skypod3 {
    background-image: url(../images/showcase/skypod/skypod-5.png);
}

.back-img.lantern-2 {
    background-image: url(../images/showcase/lantern/internal-lantern-showcase.png);
}

.back-img.lantern-3 {
    background-image: url(../images/showcase/lantern/internal-roof-lantern.png);
}

.back-img.bi-fold {
    background-image: url(../images/showcase/bi-fold/internal-bi-fold.jpg );
}

.back-img.bi-fold-2 {
    background-image: url(../images/showcase/bi-fold/open-bi-fold.png );
}

.back-img.bi-fold-3 {
    background-image: url(../images/showcase/bi-fold/external-bi-fold.jpg );
}

.back-img.bi-fold-4 {
    background-image: url(../images/showcase/bi-fold/stratus_editted.png );
}

.back-img.warmcore {
    background-image: url(../images/showcase/warmcore/warmcore-bi-fold-online.png );
}

.back-img.warmcore-2 {
    background-image: url(../images/showcase/warmcore/external-warmcore-bi-fold-online.png );
}

.back-img.warmcore-3 {
    background-image: url(../images/showcase/warmcore/open-warm-bi-fold.jpg );
}

.warmcore-lead {
    color: #f29134;
    font-weight: 100;
}

.warmcore-large {
    font-size: 80px;
    font-weight: bold;
}

.info-box, .info-box-2 {
    position: absolute;
    bottom: 0;
    height: 40%;
    padding: 3% 12%;
    background: rgba(0, 94, 184, 0.7);
    color: #fff;
    border-top: 20px solid #005eb8;
}

.info-box-2 {
    min-height: 100%;
    padding: 3% 5%;
    width: 100%;
    border-top: 20px solid #005eb8;
}

.info-box-4 {
    position: absolute;
    bottom: 0;
    height: 40%;
    padding: 3% 12%;
    background: rgba(0, 94, 184, 0.7);
    color: #fff;
    border-top: 20px solid #005eb8;
    min-height: 100%;
    padding: 3% 5%;
    width: 100%;
    border-top: 20px solid #005eb8;
}

.info-box.warmcore, .info-box-2.warmcore {
    background: rgba(242, 145, 52, 0.8);
    color: #000;
    border-top: 20px solid #f29134;
}

.flip{
    width:5% !important;
}

.flip-clock-wrapper{
    padding-top:10%;
    padding-top: 10%;
    padding-left: 15%;
    padding-right: 10%;
    margin: auto !important;
    /* width: 59% !important; */
    width: 100%;
    padding-bottom: 10%;
    padding-right: 10%;
}

.row-1, .expect {
    padding: 3% 0;
}

.expect .info-box-2 {
    right: 0;
}

.expect ul {
    list-style: none
}


.expect li:before {    
    font-family: 'FontAwesome';
    content: '\f00c';
    margin:0 5px 0 -15px;
}


.row-1 div {
    position: relative;
    text-align: center;
}

.row-1 .row-title {
    padding: 2%;
}



.row-1 img {
    width: 75%;
    margin: 0 auto;
}

.row-3 {
    position: relative;
    padding: 2% 10%;
    margin-top: -3%;
    background: #eee;
    color: #666;
    line-height: 2;
    word-spacing: 2
}

.row-3.warmcore {
    margin-top: 0;
    margin-bottom: 3%;
    background: #f29134;
    color: #000;
}

.row-3.aluk {
    margin-top: 0;
    margin-bottom: 3%;
    background: #005eb8;
    color: #fff;
}

#fontover{
    color:#fff !important;
}


.spec-img img {
    width: 100%;
}

.info p, .info ul li {
    line-height: 2;
    padding: 0 3%;
}

.img-ovr img{
    width:100%;
    margin: 0 auto;
}

/** Done **/
#headimg img {
    width: 100%;
}
/** Done **/
.imgholder {
   margin-bottom: 2%; 
}

/** Done **/
.imgholder img {
    width: 100%;
}

/*Done*/
a:link {
    text-decoration: none;
}
/** Done **/
#bodyWrap, .lead_expo {
    margin: 5% auto 0 auto;
    width: 100%;
    min-height: 63vh;
    padding-top:60px;
}

.lead-bar {
    background: #005eb8;
    padding: 10px;
}

.lead-bar button {
    color: #fff;
}

#bodyWrap {
    margin: 0 auto;
    padding-top: 30px;
}

.lead_expo.info_page {
    margin: 0 auto;
    padding-top: 20px;
}

md-grid-tile md-input-container label, md-grid-tile md-input-container.md-input-focused label {
    color: #fff !important;
}

md-grid-tile .md-button {
    color: #0d39a0;
    border: 1px solid #4339a9;
    border-radius: 0;
    font-weight: bolder;
}

.next-btn.md-primary {
    background: green;
}

#quick_access {
    width:75%;
    margin: 0 auto;
    text-align: center;
}


.searchovr{
    padding-bottom: 3%;
}

.search-form {
    margin-top: 1%;
    width: 80%;
    height: 100%;
    margin: 0 auto;
    display: flex;
}
/** Done **/
.search-btn {
    height: 100%;
    width: 20%;
}

/** Done **/
.input {
    height: 100% !important;
    width: 100% !important;
}

/** Done **/
.nav li {
    border-bottom: 1px solid #ccc;
}
/** Done **/
ul.ui-autocomplete.ui-menu{width:400px}

/** Done **/
ul.ui-autocomplete.ui-menu li:first-child a{
    color:blue;
}

.blur{
    -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.addressload {
    display:none;
    position: fixed;
    z-index: 5;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
}


/*Done*/
.thumb {
    position: relative;
    padding-top: 2%;
}

/*Done*/
.thumb img, .preview img {
    width: 100%;
}
/* Done */
hr {
    border-color: #005eb8;
}
/* Done */
.desk {
    display: none !important;
}
/* Done */
.mobile {
    display: block;
}
/* Done */
.delimiter {
    clear: both;
}
/* Done */
.help-active {
    border-left: 3px solid #005eb8;
}
/* Done */
.right {
    float:right;
    margin-right:7%;
}
/* Done */
.left {
    float:left;
}
/* Done */
.star {
  border-radius: 50%;
  height: 1em;
  width: 1em;
  margin-left:3px;
  margin-right:3px;
}

/*----------
Roof-lantern
----------*/

.opener_line {
    display: none;
}

/*----------
Odds-Pages
-----------*/

.fasttracklogo{
    max-width:20% !important;    
}

.card-padding {
    padding-left:3%;
    line-height: 2;
    min-height: 50px;
}

.line-height {
    line-height: 2
}

.remaining{
  color:#ff6316;
  font-weight: bold;
  text-align: center
  
}

.mini_nav {
    padding: 20px;
    background: #005eb8;
    color: #fff;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
}

.mini_nav.warmcore {
    padding: 20px;
    background: #f29134;
    color: #000;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
}

.mini_nav .md-button {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 20px;
    border-radius: 0;
}

.mini_nav.warmcore .md-button {
    color: #000;
    border: 1px solid #000;
}

.lead_expo .lead_text {
    min-height: 100px;
    padding: 5%;
    padding-left: 5%;
    line-height: 2;
}

.lead_text p {
    font-size: 16px;
    text-align: justify;
}

.lead_row_1 {
    background: #f2f2f2;
}

.clock-contain{
    
}


/*-----------
    Menu
-----------*/
/*Done*/
#signin {
    background: transparent;
    color: grey;
    width: 100%;
    border: none;
    border-radius: 0;
    text-align: left;
    padding: 0;
}

.pointer{
    cursor: pointer !important;
}

.comptext{
    display:none;
}

.comptext1{
    display:none;
}

#header {
    position: relative;
    width: 100%;
}

.top {
    min-height: 100px;
    background: #333 !important;
    color: #fff;
}

.search-bar input {
    color: #000
}

.logo-wrap img {
    max-width: 100%;
}

.top .flex-50, .top .flex-25 {
    border: 1px solid #444;
    text-align: center;
}

.top .flex-25 {
    height: 130px;
}

.top .flex-50 {
    height: 130px;
    padding-top: 20px;
}

.middle a {
    color: #fff;
}

.mobile-nav-bar a {
    color: #000;
}
.basket_total {
    margin-top: -25px;
    margin-left: -5px;
    padding-top: 8px;
    background: #005eb8;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
}

.middle {
    height: 120px;
    background: #005eb8;
    color: #fff;
}

.nav-bar, .nav-products {
    width: 100%;
    text-align: center;
}

.mobile-nav-bar div, .nav-bar div, .nav-products div {
    padding: 19px 0;
}


.nav-bar div, .nav-products div {
    border: 1px solid rgb(2, 90, 175);;
}

.bottom {
    min-height: 100px;
    /*width: 100%;*/
    /*background: #bfedff; */
    color: #000;
    text-align: center;
    margin: 0 auto;
}

.tab {
    padding: 50px 0;
}

.browserwarning{
    color:#000;
    top:0;
    position:fixed;
    z-index:1000;
    width:100%;
    height:70px;
    background-color:#ccc;
    margin:auto;
    text-align:center;
    display:none;
}

/*TO BE REMOVED*/
/*Done*/
.navbar {
    border-radius: 0px;
    margin-bottom: 0;
    height:60px;
}
/* Done */
#myNavbar {
    background: #fff;
    z-index: 10;
    position: relative;
}

/*Done*/
.navbar-toggle .icon-bar {
    background: #000;
}

.remainSmall{
        display:none;
    }

@media (max-width: 650px) {
    .browserwarning{
        display:block;
    }
    .aligner{
    width: 100% !important;
    margin: auto;
    }
}


@media (max-width: 554px) {
    .overridecenter{
        margin:auto;
    }
}


@media (max-width: 1720px) {
    .header-links {
        display: none;
    }
}

@media (max-width: 1500px ) and (min-width: 1151px){
    .flip-clock-wrapper {
        padding-left: 0%;
        padding-right: 0;
    }
}

@media (max-width: 1150px ) and (min-width: 960px){
    .flip-clock-wrapper {
        display:none;
    }
    .remainSmall{
        display:block;
        color:#ff6316;
        font-weight: bold;
        text-align: center
    }
}

@media (max-width: 959px ) and (min-width: 751px){
    .flip-clock-wrapper {
        padding-top:10%;
        padding-top: 10%;
        padding-left: 30%;
        padding-right: 10%;
        margin: auto !important;
        /* width: 59% !important; */
        width: 100%;
        padding-bottom: 10%;
        padding-right: 10%;
    }
}

@media (max-width: 750px ) and (min-width: 519px){
    .flip-clock-wrapper {
        padding-top:10%;
        padding-top: 10%;
        padding-left: 15%;
        padding-right: 10%;
        margin: auto !important;
        /* width: 59% !important; */
        width: 100%;
        padding-bottom: 10%;
        padding-right: 10%;
    }
    .layer2 {
    padding-top: 1%;
    max-width: 100%;
    width: auto !important;
    height: auto;
    padding-bottom: 1%;
}
}

@media (max-width: 518px ){
    .flip-clock-wrapper {
        display:none;
    }
    .remainSmall{
        display:block;
        color:#ff6316;
        font-weight: bold;
        text-align: center
    }
    .back-img{
        background-attachment: scroll;
        background-position: center;
    }
    .flex-xs-100{
            -webkit-flex: 0 1 auto !important;
            -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
    }
    #quick-buy{
        -webkit-flex: 0 1 auto !important;
        -ms-flex: 0 1 auto !important;
        flex: 0 1 auto !important;
    }
}


/* Done */
@media (max-width: 1461px) {
    .navbar-left {
        display: none;
    }
}

@media (max-width: 991px){
    .designdesk{
        display:none;
    }
    
    .searchovr{
    padding-bottom: 9%;
    }
    
    .designmob{
        display:block;
    }
    .md-toast-content{
        top:0 !important;
        width:100%;
        padding-right: 4% !important;
        padding-left: 20% !important;
    }
    
    md-toast{
        top:0 !important;
    }
    
    .md-bottom{
        top:0 !important;
        position: fixed;
        right: 0;
        margin: auto;
        text-align: right;
        padding-right: 4% !important;
        padding-left: 20% !important;
    }
    
    md-bottom{
        top:0 !important;
    }
    
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    /*Toggle Done*/
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    /*Done*/
    .navbar-header {
        float:none;
    }
    
    
    
    .glass-checklist{
        padding-left:40%;
    }
    
    .glass-form{
        width:100%;
    }
    
    .widthcontain, .lengthcontain{
        width:40% !important;
    }
    
    /*Done*/
    .jobref{
        width:65%;
    }
    
    /*Done*/
    .quant{
        width:30%;
    }
    
}

.navbar a {
    color: grey;
}

/*Done*/
.navbar-brand{
    font-size:23px;
}

.bar {
    top:0;
}

/* Done */
#header-background{
    border-bottom: 0px;
    border-left: 0px;
    border-right:0px;
    background: #005eb8;
    top: 0;
}
/* Done */
.stepin{
    padding-left:90px;
    padding-top:4px;
    padding-bottom:4px;
}

/*------------
    Forms
-------------*/
.completion_date{
    padding-top:5%;
}

.md-datepicker-input-mask {
    overflow: hidden !important;
}

#estimated_date {
    padding-left:12%;
}

.inline{
    display:inline-block;
}

/* Done */
.md-theme-light{
    margin-bottom:20px;
}

.fasttrack{
    text-align: center;
    background-color: #f9d9d9;
    font-size: 17px;
}

/* Done */
.formRow {
    margin: 0 auto;
    width: 90%;
    min-height: 50px;
    padding: 1% 0;
}
/* Done */
.custom-error {
    display:none;
    color: rgb(221,44,0);
    font-size: 12px;
    line-height: 14px;
}

/* Done */
.guest-flavour-text{
    padding-top:20px;
}

.post-res{
    display:none;
}

/*Done*/
.guestbox{
    padding-top: 10px;
    margin-top: 15px;
}
/* Done */
.space, .total{
    padding-top: 10px;
    padding-bottom: 10px;
}


/* Done */
.space2 {
    padding-top: 10px;
    margin-bottom: 45px;
}

/*Done*/
.fontcolor{
    color:black;
}
/* Done */
md-select.md-default-theme .md-select-value, md-select .md-select-value, md-input-container.md-default-theme .md-input, md-input-container .md-input {
    border-bottom-color: rgba( 0, 0, 0, 0.2);
    border-bottom-width: 2px;
}
/* Done */
md-select.md-default-theme .md-select-value:hover, md-select .md-select-value:hover, md-input-container.md-default-theme .md-input:hover, md-input-container .md-input:hover {
    border-bottom-color: orange !important;
}
/* Done */
md-select.ng-valid md-select-value, md-input-container .ng-valid { 
    border-bottom-color: green;
}
/* Done */
#toastContainer{
    padding-top:50px;
    float: right;
}

.md-toast-content {
    min-height: 50px !important;
    padding: 30px;
}
/* Done */
md-select-value.span{
    color:black;
}
/* Done */
md-select-value:first-child{
    color:black !important;
}
/* Done */
.checkbox{
    margin:auto !important;
    padding: 10px 0 ;
}
/* Done */
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}
/* Done */
.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

/* Done */
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}
/* Done */
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}
/* Done */
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}
/* Done */
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}
/* Done */
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

/* Done */
.md-breadcrumb {
  padding-left:88px;  
}

/* Done */
.md-table {
  min-width: 100%;
  border-collapse: collapse;
}
/* Done */
.md-table tbody tr:hover, .md-table tbody tr:focus {
  cursor:pointer;
  background-color:rgba(63,81,181,0.2);
}
/* Done */
.md-table-header {
  border-bottom: 2px solid rgb(230,230,230);
  color: rgb(130,130,130);
  text-align: left;
  font-size: 0.85em;
  font-weight: 700;
  padding: 16px 16px 16px 0;
}
/* Done */
.md-table-header a{
  text-decoration: none;
  color: inherit;
}
/* Done */
.md-table-content {
  white-space: nowrap;
  font-size: 0.8em;
  padding: 16px 16px 16px 0;
  height: 72px;
}
/* Done */
.md-table-footer {
  height:40px;
  padding-left: 32px;
  padding-right: 32px;
}


/*Done*/
.bold {
  font-weight: 700;
}





.boldbutton{
    font-weight: 700 !important;
    font-size: 15px !important;
    margin-bottom: 7% !important;
}

/*Done*/
.grey {
    color: grey;
}

/*Done*/
.innerTable {
    margin: 0 auto;
    width: 25%;
    height: 35px;
}
/* Done */
.md-table-content-row {
    padding: 20px 0;
    height: auto;
}
/* Done */
.more {
    height:50px;
    background: #eee;
    text-align: center;
}


/*------------
     Reviews
-------------*/
/* Done */
.failed, .pass{
    display:none;
}

/*------------
 Account-Orders
-------------*/

.deliv#subtotal {
    padding-top: 65px;
}

/* Done */
.wrong{
    display:none;
    padding-bottom:20px;
}
/* Done */
.details, .pass_changed, .email_changed, .email_taken{
    display:none;
}
/* Done */
#delete_button{
    margin-top:30px;    
}
/* Done */
.inputrow{
    width:75%;
}

.md-tall {
    background-color: #005eb8 !important;
}

/*------------------
    Manage Orders
-------------------*/

/* Done */
.strong   { color: #060; border-color: #0F0; font-size: 14px;}
.medium   { color: #C60; border-color: #FC0; font-size: 14px;}
.weak     { color: #900; border-color: #F00; font-size: 14px;}
/* Done */
md-card {
    border: 1px solid #ccc;
}
#quick-buy md-card {
    /*min-height: 350px;
    max-height: none*/
}
/* Done */
.thumb {
    line-height:2;
}

.md-tool-tip {
    max-width: 100%
}

/*------------
    Sign Up
-------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    font-weight: 700;
}

a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.card .btn.decline {
    background: #ff4c4c;
    width: 100%;
}

.card .btn.accept {
    width: 100%;
    background: rgba(33, 218, 31, 0.68);
}

#pswd_info {
	background: #dfdfdf none repeat scroll 0 0;
	color: #fff;
	left: 20px;
	position: absolute;
	top: 115px;
}

#pswd_info h4{
    background: black none repeat scroll 0 0;
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    padding: 17px 0;
    text-align: center;
    text-transform: uppercase;
}

#pswd_info ul {
    list-style: outside none none;
}

.orderbox{
    float: left;
}

.boxspacer{
    padding-top: 2%;
    padding-bottom: 2%;
}

.box {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 2%;
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background: rgba(255,255,255,.15);
}

#account-row.row{
    padding: 2%;
    overflow: hidden; 
    border-bottom: 1px solid #ddd;
}


.box:last-child {
    border-right: 1px solid #ddd;
}

.account-icon {
    margin-bottom: 5%;
}

#pswd_info ul li {
   padding: 10px 45px;
}

.valid {
    background: #060;
    color: #fff;
}

.invalid {
    background: #900;
    color: #fff;
}




#pswd_info::before {
    background: #dfdfdf none repeat scroll 0 0;
    content: "";
    height: 25px;
    left: -13px;
    margin-top: -12.5px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 25px;
}

#pswd_info, .generalDetails {
    display:none;
}

.notify {
    display: none;
    font-size: 16px;
    margin: 10px 0;
}

.prevent {
    color: red;
    background: transparent;
    transition:background-color 0.5s ease;
}

.clicked {
    background: #ddd;
}

.warning {
    color: darkorange;
}

.warn{
    text-align: center;
    font-size: 17px;
}

.scaler{
    height:100%;
    width:100%;
}

.good, .success {
    color: green;
}

.minipad{
    padding-top: 10px;
    padding-bottom: 10px;
}

.minidiv{
    padding-top: 3px;
    padding-bottom: 3px;
}

/*------------
    Basket
-------------*/
#basket {
    padding: 0;
}

.change {
    width: 100%;
    height: 35px;
}

.basket {
    border: none;
}

.breaker {
    border-top: 1px solid #e6e6e6;
    padding: 1% 0;
}

#del-btn1{
    cursor:pointer;
}
#ref-icon1{
    cursor:pointer;
}

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

.loader {
    border: 4px solid #005eb8; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 100%;
    width: 30px;
    height: 30px;
    animation: spin .7s linear infinite;
    float:left;
}

.payerror{
    display:none;
}

.loader2 {
    border: 4px solid #005eb8; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 100%;
    width: 30px;
    height: 30px;
    animation: spin .7s linear infinite;
    float:left;
    position: absolute;
    top: 49%;
    right: 49%;
    z-index: 1;
}

/*Done*/
.payrow{
        border-top: 2px solid rgb(230,230,230);
}

/*Done*/
.paytext{
    display:none;
}







.loadergreyout {
    display:none;
    border: 4px solid #005eb8; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 100%;
    width: 50px;
    height: 50px;
    animation: spin .7s linear infinite;
    float:left;
    position: absolute;
    top: 49%;
    right: 49%;
    z-index: 2;
}


.greyout{
    display:none;
    width:100%;
    height:100%;
    opacity: 0.5;
    background-color:#808080;
    z-index:1;
    position:fixed;
}

.finalrow {
    border-top: none !important;
}


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*Done*/
#paypal-button-container{
     display:none;
     float:left;
}

/*------------
    Account
-------------*/
.odd {
    background: #eee;
}

.cell {
    height: 50px;
    padding: 0 2%;
}

.password{
    display: none;
}

.email{
    display: none;
}

.success {
    display: none;
    text-align: center;
}

#warning {
    display: none;
    color: #f00;
}

/*--------------------
        Help
--------------------*/

.help-second{
    height: 44px;
    display: block;
    margin: 6px 0px;
    padding: 0px 0px 0px 20px;
    line-height: 22px;
    background: #F1F1F1 url(/images/help-arrow-down.png) no-repeat;
    background-position: 95% 11px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.help-third {
    height: 44px;
    display: block;
    margin: 6px 0px;
    padding: 0px 0px 0px 20px;
    line-height: 22px;
    background: #F1F1F1 url(/images/help-arrow-right.png) no-repeat;
    background-position: 95% 11px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.help-third {
    background: #F1F1F1 url(/images/help-arrow-down.png) no-repeat;
    background-position: 98% 11px;
    margin: 0;
    line-height: 44px;
}

.help-forth {
    height: 44px;
    display: block;
    margin: 0;
    padding: 0px 0px 0px 20px;
    line-height: 44px;
    background: #F1F1F1 url(/images/help-arrow-up.png) no-repeat;
    background-position: 98% 11px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.help-fifth{
    height: 44px;
    display: block;
    margin: 6px 0px;
    padding: 0px 0px 0px 20px;
    line-height: 22px;
    background: #F1F1F1 url(/images/help-arrow-right.png) no-repeat;
    background-position: 95% 11px;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

#facebookimg{
    padding-left: 25%;
    padding-top: 2%;
    padding-bottom: 2%;
}
#facebookimage{
    height: 25%;
    margin: auto;
}

#twitterimg{
    padding-left: 25%;
    padding-top: 2%;
    padding-bottom: 2%;
}

#twitterimage{
    height: 15%;
    margin: auto;
}

.mob{
    display:block;
    }

#tap-map:link{
    text-decoration:none;
}

#tap-map:active{
    text-decoration:none;
}

#tap-map:visited{
    text-decoration:none;
}

#tap-map:hover{
    text-decoration:none;
    cursor:pointer;
}


/*--------------------
    Trade Management
---------------------*/

.card {
    position: relative;
    border: 1px solid #ccc;
    margin-bottom: 5%;
}

.card-row {
    margin-bottom: 5%;
    border-bottom: 1px solid #ccc;
}

.card .card-row:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.authorise {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

/*Done*/
#check {
    color: #00711e;
}

/*Done*/
#cross {
    color: #c51010;
}

.discount {
    position: relative;
    width: 25%;
    text-align: center;
}

.overlay {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #afacac;
    opacity: .8;
    top: 0;
}

.installation-complete, .assistance-complete{
    display: none;
}

.assist{
    cursor: pointer;
}

/*------------
    Colours
-------------*/
    
#Irish_Oak {
    background:#faebd7;
}
#Cream {
    background:#E7E1D2;
}
#White_Grained {
    background:#faebd7;
}
#Black_Cherry {
    background:#663366;
}
#Mahogany {
    background:#670A0A;
}
#Light_Oak {
    background:#cc9933;
}
#Steel_Blue {
    background:#1E2B3D;
}
#Dark_Green {
    background:#27362A;
}
#Chartwell_Green {
    background:#80998e;
}
#Dark_Red {
    background:#772424;
}
#Black_Brown {
    background:#1A1618;
}
#Anthracite_Grey {
    background:#383E42;
}

#Gold{
    background:#FFD700;
}
#Chrome{
    background:#E3DEDB;
}
#Black{
    background:	#000000;
}
#Graphite{
    background:#454343;
}
#White{
    background:#FFFFFF;
}

.doormini{
    text-align: center;
}

.colourfull{
    width:50%;
    min-height:90%;
    text-align:center;
}
.activeminidoor{
    background:grey;
}



.selection {
    display: none;
    border: 1px solid #000;
    width: 100%;
}

.selection2 {
    display: none;
    border: 1px solid #000;
    width: 100%;
}

.color-row {
    width: 100%;
    padding: 2% 0;
}

.colour-card {
    z-index: 19;
    border: 1px solid #ddd;
    padding: 1%;
    min-height: 55px;
    cursor: pointer;
}

.colour-card.active, .handle.active {
    border: 1.5px solid #000;
}

.product-style {
    position: relative;
    overflow: inherit !important;
}
 
/*replace the content value with the
corresponding value from the list below*/
  
.product-style.selected:before {
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFF;
    font-size: 38px;
    padding-right: 0.5em;
    position: absolute;
    z-index: 900;
    top: -21px;
    right: 31px;
    width: 26px;
    height: 25px;
}

.product-style.selected:after {
    content: "\f058";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #189e18;
    font-size: 40px;
    padding-right: 0.5em;
    position: absolute;
    z-index: 900;
    top: -21px;
    right: 31px;
    width: 26px;
    height: 25px;
}

#other {
    font-weight: 700;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to top left, red, orange , yellow, #3fab3f, cyan, violet, black); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to top left, red, orange, yellow, #3fab3f, cyan, violet, black); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to top left, red, orange, yellow, #3fab3f, cyan, violet, black); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top left, red, orange , yellow, #3fab3f, cyan, violet, black); /* Standard syntax (must be last) */
}

#hinge .product-style.selected:before, #hinge .product-style.selected:after, #handle .product-style.selected:before, #handle .product-style.selected:after {
    right: 0;
}

iframe {
    border: none;
}

/*------------
    Glass-Door
-------------*/

#togglebutton{
    text-align:center;
}
#pat-pane-row{
    display:block;
    
}
/*------------
  Roof Lantern
-------------*/ 

.laterntest{
    width: 100%;
    max-height: 75px;
}

.rotate-holder{
    margin-top:1%;
    border:1px solid;
    
}

.colour-selection {
    position: absolute;
    display: none;
    top: 0;
    width: 50%;
    right: 0;
    padding: 10px;
}

.rotator{
    text-align:center;
}

#spinner{
    cursor:pointer;
}

.glass_choice .selected {
    background: rgba(0, 94, 184, 0.2);
}

/*--------------
    Composite
---------------*/

#front-img {
    position: relative;
}

@media (max-width: 650px) {
    .advspacetabs{
        margin-left: 2%;
        margin-right: 2%;
        width: 96% !important;
    }
    
    .advspacefinal{
        padding-bottom: 3%;
    }

    .advspace{
        margin-left: 2%;
    }
    
    .coladv{
        padding-top: 3%
    }
}



.img-layer {
    position: absolute;
    top: 0;
    width: 100%;
}

.layer {
    max-width: 100%;
    width: auto !important;
    height: auto;
    max-height: 283px;
}

.layer2 {
    padding-top: 1%;
    max-width: 100%;
    width: auto !important;
    height: auto;
    padding-bottom: 1%;
}

.glass-thumb {
    border: 5px solid rgba( 201, 201, 201, 0.2 );
}

.row-help {
    color: grey;
    font-size: 14px;
}

.style-thumb {
    display: inline-block;
    margin-bottom: 0;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.upvcblock{
    width:75%;
    margin:auto;
}

.polyshape{
    display: none;
}


/*-------------
   Testamonials
---------------*/

.cbp-qtrotator {
	position: relative;
	margin: 3em auto 5em auto;
	max-width: 800px;
	width: 100%;
	min-height: 400px;
}

.reviewcard{
    text-align:center;
}

.review-row-top{
    padding-top:50px;
    padding-bottom:60px;
}
.review-row{
    text-align:center;
    padding-top:50px;
}

.reviewimg{
    width:60%;
}

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

.cbp-qtrotator .cbp-qtcontent {
	position: absolute;
	min-height: 200px;
	border-top: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	padding: 2em 0;
	top: 0;
	z-index: 0;
	opacity: 0;
	width: 100%;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
	border-bottom: none;
}

/* Currently visible */
.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
	position: relative; 
	z-index: 100;
	pointer-events: auto;
	opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
	display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
	clear: both;
}

.cbp-qtprogress {
	position: absolute;
	background: #47a3da;
	height: 1px;
	width: 0%;
	top: 0;
	z-index: 1000;
}

.cbp-qtrotator blockquote {
	margin: 0;
	padding: 0;
}

.cbp-qtrotator blockquote p {
	font-size: 2em;
	color: #888;
	font-weight: 300;
	margin: 0.4em 0 1em;
}

.cbp-qtrotator blockquote footer {
	font-size: 1.2em;
}

.cbp-qtrotator blockquote footer:before {
	content: '? ';
}

.cbp-qtrotator .cbp-qtcontent img {
	float: right;
	margin-left: 3em;
}

/* Example for media query */
@media screen and (max-width: 30.6em) { 

	.cbp-qtrotator {
		font-size: 70%;
	}

	.cbp-qtrotator img {
		width: 80px;
	}

}



/*-----------
    Bi Fold
------------*/

.reference-only{
    display:none;
}

#agree:disabled {
    cursor: default;
}

.tab_header {
    margin-bottom: 10%;
}

.renderedobj{
    width:100%;
}

#cill-wrap {
    position: relative;
}

.cill-layer.abs {
    position: absolute;
    top: 0;
}

.cill-layer img {
    max-width: 100%;
}


.title{
    text-align: center;
}

.foldselector {
    padding-bottom: 10%;
}

.chevronholder{
    PADDING-BOTTOM: 8%;
    top: -100px;
    position: relative;
}

.leaftxt{
    font-size: 18px
}


.foldbuttton{
    border: 1px solid;
    padding: 2%;
    cursor:pointer;
}

.hinge-2 {
    position: absolute;
    top: 0;
}

.handle{
    width:100%;
    z-index: 19;
    border: 1px solid #ddd;
    padding: 1%;
    min-height: 55px;
    border-radius: 10px;
    cursor: pointer;
}

.handlehold {
    margin: 0 auto;
    width:100%;
    height:100px;
}

#leftchev{
    float:left;
}

#rightchev{
    float:right;
}


.colour4{
    display: block;
    padding-top: 11%;
    text-align: center;
}

.colour1, .colour2, .colour3{
    text-align: center;
}

.imghvr-push-left{
    border:1px solid #005eb8;
}


#foldpattern{
    width:100%;
}

#foldimg{
    width:100%;
}

.folding-style{
    margin: 0 auto !important;
    width:100%;
    cursor: pointer;
}

.foldtxt{
    font-size: 22px;
}

.barbutton{
    text-align: center;
}

.padder{
    padding-bottom: 7%;
}

md-backdrop, md-sidenav {
    position: fixed !important
}

.radio-wrap {
    display: inline-block;
    width: 45%;
    padding-right: 5%;
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  width: 40px;
  height: 40px;
  -webkit-transition: all 0.15s ease-out 0;
  -moz-transition: all 0.15s ease-out 0;
  transition: all 0.15s ease-out 0;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  margin-right: 0.5rem;
  z-index: 1000;
}

.option-input:hover { background: #9faab7; }

.option-input:checked { background: #40e0d0; }

.option-input:checked::before {
  width: 40px;
  height: 40px;
  position: absolute;
  content: '\2716';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;
}

.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}

.option-input.radio { 
    border-radius: 50%;
    display: table-caption;
}

.option-input.radio::after { border-radius: 50%; }

@-webkit-keyframes 
click-wave { 0% {
 width: 40px;
 height: 40px;
 opacity: 0.35;
 position: relative;
}
 100% {
 width: 200px;
 height: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0.0;
}
}

@-moz-keyframes 
click-wave { 0% {
 width: 40px;
 height: 40px;
 opacity: 0.35;
 position: relative;
}
 100% {
 width: 200px;
 height: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0.0;
}
}

@-o-keyframes 
click-wave { 0% {
 width: 40px;
 height: 40px;
 opacity: 0.35;
 position: relative;
}
 100% {
 width: 200px;
 height: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0.0;
}
}

@keyframes 
click-wave { 0% {
 width: 40px;
 height: 40px;
 opacity: 0.35;
 position: relative;
}
 100% {
 width: 200px;
 height: 200px;
 margin-left: -80px;
 margin-top: -80px;
 opacity: 0.0;
}
}

.progress-holder {
    padding-bottom: 5%;
}

#next-btn{
    width: 100px;
    
}
#back-btn{
    width: 100px;
}

.backgroundcolour{
    position: relative;
    background-color: #fff;
}

.aligner{
    width: 75%;
    margin: auto;
    text-align: center;
}

.paneblock {
    height:50px;
    margin-left:1%;
    margin-top:1%;
}

#fold-buy{
    display: none;
}

.flipped {
    transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -khtml-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
}

#review-table tr {
    border-bottom: 1px solid #ddd;
}

#added-bi{
    display:none;
}

/*-----------
    Landing
------------*/

.advertise {
    height:50%;
    border-bottom: 3px solid #000;
}

.advert {
    text-align: center;
    height: 100%;
}

#wp {
    background: #003175;
}

.advert img {
    max-width: 100%;
}

#wpo {
    background: #005eb8;
}

#wpb {
    background: #88CEEB;
}

#go {
    position: relative;
    width: 95%;
    height:10%;
    margin-bottom: 2%;
}

.custbody{
    padding-left:8%;
    padding-right:8%;
}

#belowimg{
    padding-top:5%;
}

/*------------
    Footer
-------------*/
/** Done **/
.footer {
    background: #222222 none repeat scroll 0 0;
    border-top: 4px solid #005eb8;
    margin: 0;
    padding: 20px 0;
}

/** Done **/
.footer_dv {
    width: 100%;
}

/** Done **/
.footer_dv h4 {
    color: #005eb8;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: uppercase;
}
/** Done **/
#socialfoot{
    margin-bottom:40px;
}
/** Done **/
.socialtext{
    padding-top:10px;
}
/** Done **/
.subheading{
    text-align:center;
}
/** Done **/
.footimgdiv, .socialtext{
    text-align:center;
    color:#fff;
}
/** Done **/
.footimgfacebook{
    font-size:50px;
    color: #4267b2;
    text-align:center;
}
/** Done **/
.footimgtwitter{
    font-size:50px;
    color: #1da1f2;
    text-align:center;
}
/** Done **/
.footimgyoutube{
    font-size:50px;
    color: #cc2020 !important;
    text-align:center;
}

.md-toast-content {
  position: fixed;
  right:50px;
}
/** Done **/
.fa-youtube-play:a:hover{
    font-size:50px;
    color: #cc2020 !important;
    text-align:center;
}
/** Done **/
.foottitle{
    text-align:center;
    color: #005eb8;
    font-weight: bold;
    margin-bottom: 30px;
    text-transform: uppercase;
}
/** Done **/
.footer_dv ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    
}
/** Done **/
.footer_dv ul li:first-child {
    border-top: medium none;
    box-shadow: none;
}
/** Done **/
.footer_dv ul li {
    border-top: 1px solid #000;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
    color: #f1f2f2;
    padding: 5px 0;
    text-decoration: none;
}
/** Done **/
.footer_dv ul li a {
    color: #fff;
    text-decoration: none;
}
/** Done **/
.footer_dv p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px;
    text-align: justify;
    
}

.share {
  max-width: 600px;
  height: 100px;
  margin: 0 auto;
  -webkit-filter: url("#goo");
  filter: url("../share#goo");
  position: relative;
}

.share-button,
.share-toggle-button {
  position: absolute;
  display: inline-block;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin-left: -40px;
  margin-top: -40px;
  background: #ccc;
  text-align: center;
  color: #fff;
  border: none;
  outline: none;
}

.share-button:hover,
.share-toggle-button:hover {
  color: #fff;
}

.share-button {
  font-size: 30px;
  background: #737070;
  -webkit-transform: scale(0.95, 0.95);
  transform: scale(0.95, 0.95);
  color: #222;
}

a.share-button {
  color: #3D4444;
}

a.share-button:hover, 
a.share-button:focus {
  color: #dfd7d7;
}

.share-toggle-button {
  z-index: 9;
  background: #666;
  font-size: 20px;
}

.share-items {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.share-item {
  display: inline-block;
}



button, html, input, select, textarea {
    font-family: "Helvetica",sans-serif;
}



.table>tbody>tr>td {
    border-top: none;
    vertical-align: middle;
}

.table>thead>tr>th {
    border-bottom-color: #005eb8
}

@media (min-width: 991px) {
    .lead_text p {
    width: 75%;
}
    .modal-wide .quick-buy {
    max-width: 30%;
    margin:0 auto;
}

    .mob-vid{
        display:block;
    }

    .nav-link{
    cursor:pointer;
}
    
    #mob-intro {
        padding: 5% 0;   
    }
    
    .custbody{
        padding-left:0%;
        padding-right:0%;
    }

    #belowimg{
        padding-top:0%;
    }

    
    .headerback{
        width:100%;
        min-height:100px;
    }
    
    .imgholder{
        width:75%;
        text-align:center;
    }
    
    .imgholder img {
        max-width: 100%;
    }
    
    #topleftimg{
        width:100%;
        padding-bottom:2%;
    }
    
    #headimg{
        float:left;
        padding-left:100px;
        padding-top:1%;
    }
    
    #headtext{
        float:right;
        padding-right:100px;
        padding-top:3%;
        text-align:center;
    }
    
    #bigimg{
        width:100%;    
    }
    
    #mapgap{
        background-color:#005eb8;
        text-align:center;
    }
    
    #bodyWrap {
        width: 75%;
        padding: 30px 0;
    }
    
    .index-row {
        position: relative;
        width: 100%;
        margin-top: 5%;
        height: auto !important;
        min-height: 200px;
    }
    
    .dark {
        background: transparent;
    }
    
    /*Done*/
    #header-background {
        position: relative;
    }
    
    #myNavbar {
        background: transparent;
        z-index: 4;
    }
    
    .nav li {
        border-bottom: none;
    }
    
    .navbar a {
        color: #FFF;
    }
        
    .header-links {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        border-top: 2px solid #fff;
        position: absolute;
        top: 0;
    }
    /*Done*/
    #signin {
        color: #fff;
    }
    /*Done*/
    .call-bar {
        width: 92%;
        text-align: center;
        color: #005eb8;
        font-size: 22px;
        position: relative;
        height: 38px;
        border: 0;
        font-family: "Lato",arial,sans-serif;
        font-weight: 400;
        max-width: 300px;
        background: #fff;
        margin: 0 auto;
        box-sizing: border-box;
        border-bottom-left-radius: 2em;
        border-bottom-right-radius: 2em;
    }
    /*Done*/
    .call-bar span {
        position: relative;
        z-index: 3;
        display: inline-block;
        padding-top: 2px;
    }
    /*Done*/
    .call-text {
        font-family: "Lato",arial,sans-serif;
        font-weight: 700;
        font-size: 12px;
        margin-top: -5px;
        vertical-align: middle;
    }
    
    #search-form {
        width: 20%;
    }
    
    #product .tab {
        background: #fff;
    }

    .photoholder{
        width:100%;
        height: 500px;
        overflow:hidden;
    }
    
    .photoholder img {
        width: 100%;
        max-height: 100%;
    }
    /*Done*/
    .desk {
        display: block !important;
    }
    
    .mobile {
        display: none !important;
    }
    
    .bar {
        position: absolute;
        width: 100%;
        bottom: 0;
    }
    
    .stop {
        position: absolute;
        bottom: 0;
    }
    /*title Done*/
    .title, .formRow {
        width: 80%;
        margin: 0 auto;
    }
    
    #lantern label {
        width: 100%;
        text-align: center;
        margin: 0;
    }
    
    #bi-fold .formRow label {
        float: none;
    }
    
    #glassForm .formRow select, #glassForm .formRow input, #glassForm .dropdown .custom-select, #glassForm #area {
        width: 79%;
        display: inline;
    }
    
    
    
    .modal .dropdown {
        width: 75%;
        margin: 0 auto;
    }
    
    #date {
        cursor: pointer;
    }
    
    /*Done*/
    .preview {
        position: relative;
        width: 100%;
    }
    
    .specs {
        padding-top: 3%;
    }
    
    /*Done*/
    hr {
        border-width: 2px;
    }
    .dropdown .custom-select {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555;
        text-align: left;
        height: 45px;
        padding: 6px 12px;
        font-size: 14px;
    } 
    
    #prev, #submit {
        width:50%;
        margin: 0 auto;
    }
    
    

    /*--------------------
        Trade Management
    ---------------------*/
    
    .card {
        padding: 2%;
    }
    
    
    /*--------------------
            Help
    ---------------------*/
    
    .mob{
        display:none;
    }
    
    #facebookimg{
        padding-left: 25%;
        padding-top: 2%;
        padding-bottom: 2%;
    }
    #facebookimage{
        height: 25%;
        margin: auto;
    }

    #twitterimg{
        padding-left: 25%;
        padding-top: 2%;
        padding-bottom: 2%;
    }

    #twitterimage{
        height: 15%;
        margin: auto;
    }
    
    
    /*----------------
       Lead/Info Page
    ----------------*/
    
    .reviews{
        text-align:center;
    }
    .whatup{
        height:10%;
        width:10%;
        position:absolute;
        z-index:100;
        display:none;
    }
    
    .review-intro{
        padding-top: 10px;
        padding-bottom: 20px;
        text-align:center;
    }
    
    .squish{
        max-height: 245px;
    }
    
    .centerme{
        text-align:center;
        margin-left:47%;
    }
    
    /*Done*/
    .review_title{
        text-align:center;
    }
    
    .rotating-item {
    display: none;
}


    .txtcarousel0, .txtcarousel1, .txtcarousel2{
        display:none;
    }
                            

    
    /*-----------------
           Landing
    ------------------*/
    #intro {
        position: fixed;
        width: 100%;
        height:100vh;
        background: url( ../images/DSCN0193.jpg );
        background-size: cover;
        z-index: 0;
    }
    
    .advert-logo {
        position: absolute;
        top: 50%; left: 50%;
        transform: translate(-50%,-50%);         /* vertical alignment of the inline element */
    }
    
    #wpo {
        border-right: 2px solid #fff;
        border-left: 2px solid #fff;
    }
    
    #go {
        position: absolute;
        bottom: 2%;
        right: 2%;
        text-align: center;
    }
    
    .fadeIn {
        display: none;
    }
    
    #lead {
        position: relative;
        padding-top: 5%;
        height: 50%;
        width: 100%;
        border-bottom: 3px solid #000;
    }
    
    #begin {
        position: relative;
        z-index: 2;
        height: 100vh;
        background: #fff;
    }
    
    #panel {
        margin: 0 auto;
        width: 80%;
    }
    
    #landing-social {
        position: absolute;
        padding: 5%;
        right: 0;
        top: 0;
        height: 100%;
        background: #fff;
        border-left: 1px solid #ccc;
    }
    
    .advert img {
        max-width: none;
        min-width: 100%;
    }
    
    .social-row {
        position: relative;
        height: 50%;
    }
    
    .landing-social {
        font-size: 10em !important;
    }
    
    .icon {
        height: 5%;
    }
    
    .icon img {
        width:100%;
    }
    
    .block .panel {
        background: rgba(0,0,0,0.7) !important;
        color: #fff;
        border-color: #005eb8 !important;
    }
    
    .block .panel-default>.panel-heading, .block .panel-default>.panel-footer {
        color: #fff;
        background: none;
    }
    
    .block .panel-footer {
        padding: 0px; 
        background-color: none;
        border-top: none; 
        border-bottom-right-radius: 0px; 
        border-bottom-left-radius: 0px; 
    }
    
    .landing-btn {
        font-size: 18px;
        height: 50px;
        width: 50%;
    }
    
    .area {
        height: 100%;
        width:49%;
    }
    
    .glass-area{
        width:100%;
    }
    
    .block p, #lead p {
        font-size: 20px;
    }
    
    .landing-box, .box-intro, .image {
        min-height: 250px;
        position: absolute;
        width:80%;
        margin: auto;
        position: absolute;
        left: 0; right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .box-intro {
        width: 100%;
    }
    
    .image {
        position: relative;
        height: 56%;
    }
    
    .image img {
        position: relative;
        width: 100%;
    }
    
    .block {
        position: relative;
        height: 100vh;
    }
    
    /*-------------
        Bi Fold
    -------------*/
    .wrap {
        margin-top: 3%;
        padding: 2%;
    }
    
    .info .grey {
        border-right: 1px solid #ddd;
    }
    
    .info .grey:last-child, .end .grey {
        border-right: none;
    }
    
    .style .md-button {
        max-width: 100%;
        border: 1px solid #ccc;
        border-radius: 0
    }
    /*
    md-radio-group {
        width: 50%;
        margin: 0 auto;
        padding: 2% 0 5% 0;
    }*/
    /*-------------------
            Slider
    --------------------*/
    .carousel-inner {
        background: #faf4e1;   
    }
    .slider-image {
        float: left;
        width: 40%;
        margin: 0 auto;
        text-align: center;
    }
    
    .slider-image img {
        max-width:100%;
        max-height: 70%;
    }
    
    .slider-text {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
        padding-top:2%;
        float: left;
        position: relative;
        height: 400px;
        width:50%;
    }
    
    .slider-text h2 {
        font-size: 36px;
    }
    
    .slider-text p {
        font-size: 18px;
    }
    
    #crumbs {
        padding: 3px 0;
    }
    
    #crumbs ul {
        display: inline-block
    }
    
    #crumbs ul li {
        display: inline-block;
        list-style: none;
        padding: 5px 10px 5px 0px;
    }
    
    #crumbs ul i {
        margin-left: 20px;
    }
    
    
    /*****************
        Information
    ******************/
    
    .info-box, .info-box-2 {
        position: absolute;
        bottom: 0;
        height: 40%;
        padding: 3% 12%;
        background: rgba(0, 94, 184, 0.7);
        color: #fff;
        border-top: 20px solid #005eb8;
    }
    
    .info-box-2 {
        height: 100%;
        padding: 3% 5%;
        width: 40%;
        border-top: 20px solid #005eb8;
    }
    
    .back-img p, .expect ul li, .row-3 {
        font-size: 18px;
    }
    
}

@media (min-width: 991px ) and (max-width: 1390px) {
    .info-box-2 {
        width: 55%;
    }
    
}
.info p, .info li {
    font-size: 18px;
}


.card-media img {
    max-width: 100%;
}