/* Time and Fortune Styling */

@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix)  format('embedded-opentype'),url(../fonts/glyphicons-halflings- regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf)  format('truetype'),url(../fonts/glyphicons-halflings- regular.svg#glyphicons_halflingsregular) format('svg')}

@font-face {
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Condensed Light'), local('../../Fonts/Roboto_Condensed/RobotoCondensed-Light'), url("../../Fonts/Roboto_Condensed/RobotoCondensed-Light.ttf") format('truetype');
}
@font-face {
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 300;
	src: local('Roboto Condensed Light Italic'), local('../../Fonts/Roboto_Condensed/RobotoCondensed-LightItalic'), url("../../Fonts/Roboto_Condensed/RobotoCondensed-LightItalic.ttf") format('truetype');
}

/* Normal */
@font-face {
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Condensed Regular'), local('../../Fonts/Roboto_Condensed/RobotoCondensed-Regular'), url("../../Fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf") format('truetype');
}
@font-face {
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 400;
	src: local('Roboto Condensed Italic'), local('../../Fonts/Roboto_Condensed/RobotoCondensed-Italic'), url("../../Fonts/Roboto_Condensed/RobotoCondensed-Italic.ttf") format('truetype');
}

/* Bold */
@font-face {
	font-family: "Roboto Condensed";
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Condensed Bold'), local('../../Fonts/Roboto_Condensed/RobotoCondensed-Bold'), url("../../Fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf") format('truetype');
}
@font-face {
	font-family: "Roboto Condensed";
	font-style: italic;
	font-weight: 700;
	src: local('Roboto Condensed Bold Italic'), local('../../Fonts/Roboto_Condensed/RobotoCondensed-BoldItalic'), url("../../Fonts/Roboto_Condensed/RobotoCondensed-BoldItalic.ttf") format('truetype');
}


body {background:#f3f3f3; font-family: 'Roboto Condensed'}
.page-title { display:none;}
.btn {border-radius:0;text-transform:uppercase;}
.navbar .fa-envelope { display:none; }
.navbar, .navbar-inverse, .navbar-fixed-top { background:black;}
#loginForm  .btn { height:inherit;}
#loginForm input[type="text"], #loginForm input[type="password"], #loginForm input[type="number"] { border-radius:0!important; height:50px!important;}



#loginForm .btn-success {
    color: #fff !important;
    text-shadow: none;
    background: #e90606 none repeat scroll 0 0;
    background-color: #e90606 !important;
    border: none;
    transition: background 0.2s;
    padding: 15px;
}

#loginForm img { max-width:100%;}

#recoveryForm  .btn { height:inherit;}
#recoveryForm input[type="text"], #recoveryForm input[type="password"], #recoveryForm input[type="number"] { border-radius:0!important; height:50px!important;}

#recoveryForm .btn-success {
    color: #fff !important;
    text-shadow:none;
    background: #e90606 none repeat scroll 0 0;
    background-color: #e90606 !important;
    border:none;
    transition:background 0.2s;
	padding:15px;
}

.btn-success {
    color: #fff !important;
    text-shadow:none;
    background: #000 none repeat scroll 0 0;
    background-color: #000 !important;
    border:none;
    transition:background 0.2s;
}

.btn-success:hover {
    background-color: #000 !important;
	 transition:background 0.2s;
}

#FindAddress { background:#222!important; color:white!important; border:none!important;}
#FindAddress:disabled { background:#ccc!important; color:#999!important;}

.btn-info {
    color: #fff !important;
    text-shadow:none;
    background: #e90606 none repeat scroll 0 0;
    background-color: #e90606 !important;
    border:1px solid #e90606;
    transition:background 0.2s;
}

.btn-info:hover {
	background:#e90606!important;
    transition:background 0.2s;
	 border:1px solid #e90606;
}

#loginForm .btn-register {
    padding: 5px 10px;
    color: #fff !important;
    transition: background 0.5s, linear;
    background: #000 !important;
    border: 1px solid #000;
    padding: 15px;
}

.btn-register {
    background-color: #000 !important;
    background: #000 none repeat scroll 0 0;
}

.btn-register:hover {
    color: white;
}


#loginForm { box-shadow:none; background:white;  padding-top:40px!important;  margin:40px 0;  }
    #loginForm h2 {
        color: rgba(0,0,0,1);
    }
#loginForm h2 span { display:block; color:#666; font-weight:normal; margin-top:15px; }
#loginForm h2 p {  font-weight:normal;  }
#loginForm .checkbox { border-bottom:1px solid #ccc; padding-bottom:20px; }


#recoveryForm { box-shadow:none; border:1px solid #bbb; padding-top:0!important; }
#recoveryForm h2 {text-transform:none; color:rgba(0,0,0,1);}
#recoveryForm h2 span { display:block; color:#666; font-weight:normal; margin-top:15px; }
#recoveryForm h2 p {  font-weight:normal;  }
#recoveryForm .checkbox { border-bottom:1px solid #ccc; padding-bottom:20px; }

.carousel-control {
    background: #000;
    text-shadow: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { background:#e90606; color:#000; padding-top:0.21em; }

.row-panels { box-shadow:none; border-top:1px solid #efefef;}
.row-panels .third:nth-child(2) { border-left:1px solid #efefef; border-right:1px solid #efefef;}

.sub-panel, .sub-panel-header { background:#fff; border:1px solid #efefef; }

footer { border-top:1px solid #f2f2f2; background:#f2f2f2; }
.footer { padding:30px 0; color:black; font-size:14px;  margin:0 auto; box-shadow:none; background:#f2f2f2; text-align:left; color:#000;}
.footer a {color:#e90606; display:block; text-align:center; margin-bottom:10px;}

.footer p {  margin:0 auto 5px; }
.footer-right { border-left:1px solid #ccc; }
.footer-right a:hover { text-decoration:none; }
.footer .fa-facebook-f:before { content: "\f39e"; }
.footer .fa-twitter-f:before { content: "\f099"; }
.footer .fa-instagram-f:before { content: "\f16d"; }

.order-history  { background:#000; display:none;}
.order-history .btn, .order-history .btn:hover  { background:#000; color:#fff; margin:10px;}
.action-column .btn { background:#e90606; border:none; color:#fff;  width:100%;}
.order-inner-panel .img-div img {
    width: auto !important;
    max-width: 100%;
    max-height: 100%;
}

.order-action h3 {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.orderSummaryPanel {
    background: #ffffff;
    padding: 10px;
    border: 1px solid #ccc;
    min-height: 150px;
    margin-bottom: 15px;
}*/

.orderSummaryPanel ul li {
        line-height: 26px;
        margin-bottom: 0px !important;
    }

.item-top-ul li {
    margin: 5px 0;
}


.ecardPanel .row {
    background: inherit;
/*    padding: 10px;
    border: 1px solid #ccc;
    min-height: 150px;
    margin-bottom: 15px;*/
    text-align:center;
}

.ecardPanel h3 {
    display: none;
}

.paymentSuccess h4 {
    margin: 40px 0 0 0;
    font-weight: bold;
}
.paymentSuccess p {
    font-weight: bold;
    padding-bottom: 20px;
    }

.registerSuccess h4 {
    margin: 30px 0 0 0;
    font-weight: bold;
    font-size:24px;
    text-align: center;
}

.registerSuccess p {
    font-weight: bold;
    padding-bottom: 20px;
    margin: 0;
    text-align: center;
}

.wrapper { float:none;}
.grid-container-outer { margin-top:30px; float:none;  }
img.payment-icons-cc { max-height:30px; width:inherit;}
.action-column { text-align:left; }


.orderSummaryPanel {
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    color: white;
}

.third h3.Renew {
    background: url(../../Content/Images/Renew.svg) no-repeat left;
    background-size: 30px;
}

.third h3.credit-card {
    background: url(../../Content/Images/card-icon.svg) no-repeat left;
    background-size: 30px;
}

.third h3.upgrade {
    background: url(../../Content/Images/upgrade.svg) no-repeat left;
    background-size: 30px;
}

.payment-container .tooltip-info {
    display: none;
}

.payment-container {
    background: white;
    padding: 0 40px 20px;
}

    .payment-container h4 {
        border-bottom: 1px solid #ccc;
        padding: 25px 0 15px;
        width: 100%;
        background: url(/tf/eu/solo/Content/Images/padlock.svg) no-repeat right 15px;
        background-size: 27px;
    }

    .payment-container #Cvv {
        width: 75%;
        display: inline-block;
    }

    .payment-container #cv2Info {
        margin-top: -8px;
    }

.CVV_help {
    z-index: 1;
    top: -175px;
    left: 300px;
    width: 200px;
    height: 230px;
    background: url(/tf/eu/solo/Content/Images/CVV_help.png) no-repeat;
    background-size: 100%;
    position: absolute;
    border: 1px solid grey;
}

.update-credit-card input, .update-credit-card select {
    margin-bottom: 10px;
}
.update-credit-card .modal-footer {margin-top:10px;}
.update-credit-card h4 {
    background: url(/tf/eu/solo/Content/Images/padlock.svg) no-repeat left top;
    background-size: 27px;
    padding: 5px 30px
}



@media (max-width: 991px) {
    .navbar-header {
            float: none;
        }

        .navbar-left, .navbar-right {
            float: none !important;
        }

        .navbar-toggle {
            display: block;
        }

        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }

        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
        }

        .navbar-collapse.collapse {
            display: none !important;
        }

        .navbar-nav {
            float: none !important;
            margin-top: 7.5px;
        }

            .navbar-nav > li {
                float: none;
            }

                .navbar-nav > li > a {
                    padding-top: 10px;
                    padding-bottom: 10px;
                }

        .collapse.in {
            display: block !important;
        }

        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .user-welcome-mobile {
            display: inline-block !important;
        }

        .navbar-right .user-welcome-mobile {
            display: none !important;
        }

        .navbar-collapse .social-icons {
            border-top: 0 !important;
            text-align: left !important;
            padding: 15px 0 !important;
        }

            .navbar-collapse .social-icons .fa {
                padding: 0;
                margin: 0;
            }

        .login-page-navbar-header .navbar-right {
            float: right !important;
        }
    }


@media screen and (max-width:768px) {
    .navbar-collapse {
        margin-top: 10px;
    }

        .navbar-collapse div {
            display: block;
            width: 100%;
            text-align: center;
            border-right: 0px !important;
            margin: 0 !important;
            padding: 10px !important;
            border-top: 1px solid #efefef;
        }

    .main-header h1 {
        margin: 0;
        font-size: 20px;
    }

    .main-header .cover img {
        margin-top: 30px;
    }

    .footer {
        text-align: center;
    }

        .footer p {
            max-width: 100%;
            text-align: center;
        }

        .footer li {
            list-style-type: none;
            text-align: center;
        }

    .footer-right {
        border-left: 0;
    }

    .footer-links h3 {
        text-align: center;
    }

    #loginForm, #recoveryForm {
        border: none;
    }

    .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .orderSummaryPanel .item-top-ul {
        margin-top: 15px;
    }

        .orderSummaryPanel .item-top-ul li {
            margin-left: -40px;
        }

            .orderSummaryPanel .item-top-ul li span {
                width: 100%;
            }

    .CVV_help {
        width: 100%;
        background: url(/tf/eu/solo/Content/images/CVV_help.png) no-repeat;
        background-size: 100%;
        border: 1px solid grey;
        position: static;
        margin-top: 10px;
    }
}


    @media screen and (max-width:1200px) {
        .top-header #checkoutStep .cdsprogress-step {
            width: 30%;
        }
    }
    /* ------------------------------- Checkout SSO styling -----------------------------------*/
    .checkout-body {
    padding:0;
}

.checkout-body .row, .footer .row  {
        max-width: 1500px;
        width: 100%;
        margin: 0 auto !important;
    }
	

.checkout-body .btn {
    border: 0 !important;
    border-radius: 0 !important;
    text-transform:none;

}

.checkout-body .btn-default {
        background: #e90606 !important;
    }

.checkout-body h3 {
    margin: 0;
    padding: 0 10px;
    font-size: 21px;
}

    .checkout-body .checkout {
        background: white;
    }

    .checkout-body .btn {
        text-transform: none !important;
    }

    .checkout-body h2 {
        display: none;
    }

/*---------- Header -----------*/

.top-header {
    padding: 15px;
    background: white;

}

.navbar {
    margin: 0 !important;

}

.top-header .contact {
    text-align: right;
    padding-top: 7px;

}

    .top-header .contact a {
        font-size: 15px;
        vertical-align: middle;
    }

        .top-header .contact a:hover {
            cursor: pointer;
        }

    .top-header .contact div {
        display: inline-block;
        font-size: 1.2em;
    }

    .top-header .contact .phone {
        padding: 3px 15px 5px 0;
    }

    .top-header .contact .more-offers {
        margin-left: 15px;
    }

.top-header .navbar-toggle {
    background: #e90606;
}

    .top-header .navbar-toggle span.icon-bar {
        background: black;
    }


.main-header {
    background: #f2f2f2;
    padding: 30px 0;
}

    .main-header h1 {
        text-transform: uppercase;
        font-size: 2em;
        font-weight: bold;
        margin-top: 50px;
    }

    .main-header .cover img {
        max-height: 250px;
        max-width: 100%;
    }


    .top-header #checkoutStep {
        margin-top: 10px;
        position: relative;
        text-align: center;
        overflow: visible;
    }

        .top-header #checkoutStep .stripe {
            height: 3px;
            width: 62%;
            left: 18%;
            position: absolute;
            top: 20px;
            margin: 0 auto;
            background: #e90606;
            z-index: 0;
        }

        .top-header #checkoutStep .cdsprogress-bar {
            /* height: 75px; */
            padding:0 15px;
        }

        .top-header #checkoutStep .cdsprogress-step {
            display: inline-block;
            width: 32%;
            font-size: 18px;
            font-weight: normal;
            z-index: 1;
            position: relative;
            vertical-align: top;
            text-align: center;
        }

            .top-header #checkoutStep .cdsprogress-step:before {
                font-family: Glyphicons Halflings;
                font-size: 20px;
                padding: 2px;
                content: "1";
                display: block;
                background: #f2f2f2;
                border: 3px solid #e90606;
                width: 40px;
                height: 40px;
                border-radius: 20px;
                margin: 0 auto;
                color: #999;
                margin-bottom: 10px;
            }

        .top-header #checkoutStep .cdsprogress-content {
            color: #999;
            text-align: center;
            top: 0;
            line-height: 16px;
            font-weight: normal;
        }

        .top-header #checkoutStep .current-step .cdsprogress-content {
            color: #000;
        }

        .top-header #checkoutStep .current-step:before {
            color: #fff;
            background: #e90606;
            border: 3px solid #e90606;
        }

        .top-header #checkoutStep .cdsprogress-arrow {
            display: none;
        }

        .top-header #checkoutStep .list-step:before {
            content: "\e056";
        }

        .top-header #checkoutStep .view-step:before {
            content: "\e105";
        }

        .top-header #checkoutStep .tick-step:before {
            content: "\e013";
        }



#checkout-success-register .item-list {
    display: flex;
    align-items: center;
    height: inherit !important;
}
#checkout-success-register { background:#f2f2f2!important; margin-top:25px; padding:25px; margin-bottom:25px;}
    /* #checkout-success-register ul {  font-size:16px;}*/ 
    
    #checkout-success-register ul.item-top-ul li {
    list-style-type: none;
}
    #checkout-success-register .form-horizontal {
        border-top: 1px solid #ccc;
        margin-top:20px;
    }
    #checkout-success-register .summary-item-label {
        min-width: 225px;
        display: inline-block;
        font-weight: bold;
    }

    #checkout-success-register  .order-summary-header { display:none;}

    #checkout-success-register #RegisterForm .btn {
        height: inherit;
    }

    #checkout-success-register #RegisterForm input[type="text"], #checkout-success-register #RegisterForm input[type="password"], #checkout-success-register #RegisterForm input[type="number"] {
        border-radius: 0 !important;
        height: 50px !important;
    }

    #checkout-success-register #RegisterForm { width:100%; padding:0 15px; margin:0 auto; }
        #checkout-success-register #RegisterForm input, #checkout-success-register #RegisterForm .btn {
            max-width: 400px !important;
        }
        #checkout-success-register #RegisterForm .readonly {
            margin-bottom: 0;
        }        

        #checkout-success-register #RegisterForm .btn-success {
            color: #fff !important;
            text-shadow: none;
            background: #e90606 none repeat scroll 0 0;
            background-color: #e90606 !important;
            border: none;
            transition: background 0.2s;
            padding: 15px;
        }


#checkout-success-register #RegisterForm .btn-register {
            padding: 5px 10px;
            color: #fff;
            transition: background 0.5s, linear;
            background: #000 !important;
            border: 1px solid #000;
            padding: 15px;
        }

#checkout-success-register #RegisterForm  {
    box-shadow: none;
    border:none;
    background:#f2f2f2;
    padding-top: 0 !important;
}

    #checkout-success-register #RegisterForm  h2 {
        text-transform: none;
        color: rgba(0,0,0,1);
    }

        #checkout-success-register #RegisterForm  h2 span {
            display: block;
            color: #666;
            font-weight: normal;
            margin-top: 15px;
        }

        #checkout-success-register #RegisterForm  h2 p {
            font-weight: normal;
        }

    #checkout-success-register #RegisterForm  .checkbox {
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
    }


.checkout-login-page-navbar-header .navbar-right {
    float: right !important;
}

.checkout-complete-content {
    border-bottom: none;
    padding: 0 5px 10px 5px;
    margin-bottom: 10px;
}

.create-account .btn-register {
    display: inline-block;
    width: 200px;
    margin-bottom: 20px;
}

ul li ul {list-style-type: disc;}





/* checkout styling for SSO pages */

.top-header { padding:25px 15px 0; background:#fff; position:relative; }

  
.top-header .logo { padding:20px 0; border-right:1px solid #ccc;}
.top-header .logo img { max-width:200px; width:100%; }
.top-header .contact { text-align:right; padding-top:7px;}
.top-header .contact div { display:inline-block; font-size:1.2em; }
.top-header .contact .more-offers { margin-left:15px; }
.top-header .navbar-toggle { background:#e90606; margin-top:-6px;}
.top-header .navbar-toggle span.icon-bar { background:white; }

 .top-header a.header-contact {
        position: absolute;
        right: 0;
        top: -30px;
        background: #333;
        color: #fff !important;
        padding: 5px;
        z-index: 1;
        animation: contact-slide .5s forwards;
        animation-delay: .3s;
        transition:background .2s;
}
.top-header a.header-contact:hover {
        text-decoration: none;
        background: #e90606;
        transition: background .2s;
}
@-webkit-keyframes contact-slide {


    100% {
        top: 0;
    }
}

@keyframes contact-slide {
 

    100% {
        top: 0;
    }
}


.cdsCDSAction, #loginLink {
    color: white !important;
}

#show-customer-container {
    margin-bottom: 10px;
}


@media screen and (max-width:768px) {
    .top-header .logo {
        border-right: none;
    }

    .top-header h3 {
        padding-top: 0 !important;
    }

    .cdsCDSAction, #loginLink {
        width: 100%;
    }

    #checkout-success-register .col-xs-3 {
        width: 100% !important;
    }
}