/*/* core */
body {
    background: #000000;
    color: #fff;
    margin: 0;
    font-family: 'interstateplusregular';
}
    /*/* preload */
    body:after {
        content: url('../img/backgrounds/overlay.png') url('../img/backgrounds/home.png') url('../img/backgrounds/trailer.png') url('../img/backgrounds/story.png') url('../img/backgrounds/cast.png') url('../img/backgrounds/updates.png') url('../img/cast/CastAdrianne.png') url('../img/cast/CastChris.png') url('../img/cast/CastIsabel.png') url('../img/cast/CastLillette.png') url('../img/cast/CastMircea.png') url('../img/cast/CastRizwan.png') url('../img/cast/CastVinayandKunal.png') url('../img/PlayerFrame.png') url('../img/CastFrame.png') url('../img/video-placeholder.png') url('../img/cab.png') ;
        display: none;
    }

        #loader {
        width: 100%;
    height: 100%;
    background:  #000;
    position: fixed;
        text-align: center;
        padding-top: 300px;
        top: 0;
        z-index: 10;


    }



   .hideLoader {
         display: none;
      
    }

    

    #loader img {
        width: 75px !important;
    }

    .fadeOutLoader {
         -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
        opacity: 0;
      
    }



    .showLoader {
        
        opacity: 1;
    }

img {
    border: none;
}

a img {
    border: 0;
}

a:link, a:hover, a:visited {
    color: #fff;
    text-decoration: none;
}

.page {
    width: 100%;
    height: 100%;
    background: #000;
}

.bottom, .top {
    position: fixed;
        z-index: 1;
}

.bottom {
    bottom: 0;
}

.top {
    top: 0;
}

.right {
    right: 0;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.center {
    left: 50%;
    margin-left: -225px;
    width: 450px;
}

ul {
    margin: 10px;
    padding: 0;
    list-style-type: none;
}

    ul li {
        float: left;
    }

        ul li a {
            display: block;
            text-decoration: none;
        }


hr {
    border: 0;
    height: 2px;
    margin: 8px 0;
    position: relative;
    background: -moz-linear-gradient(left, rgba(255,0,0,0) 0%, rgba(255,0,0,0) 8%, rgba(254,184,4,0.65) 50%, rgba(255,0,0,0) 94%, rgba(255,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(254,184,4,0)), color-stop(8%,rgba(255,0,0,0)), color-stop(50%,rgba(254,184,4,0.65)), color-stop(94%,rgba(255,0,0,0)), color-stop(100%,rgba(255,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,0,0,0) 0%,rgba(255,0,0,0) 8%,rgba(254,184,4,0.65) 50%,rgba(255,0,0,0) 94%,rgba(255,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,0,0,0) 0%,rgba(255,0,0,0) 8%,rgba(254,184,4,0.65) 50%,rgba(255,0,0,0) 94%,rgba(255,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(255,0,0,0) 0%,rgba(255,0,0,0) 8%,rgba(254,184,4,0.65) 50%,rgba(255,0,0,0) 94%,rgba(255,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(left, rgba(255,0,0,0) 0%,rgba(255,0,0,0) 8%,rgba(254,184,4,0.65) 50%,rgba(255,0,0,0) 94%,rgba(255,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff0000', endColorstr='#00ff0000',GradientType=1 ); /* IE6-9 */
width: 100%;

}

.yellow {
    color: #ffcc00;
}


.left-border {
    border-left: 1px solid #ffcc00;
}


#home-container {
    background-image: url('../img/backgrounds/home.png');
}

#trailer-container {
    background-image: url('../img/backgrounds/trailer.png');
}

#story-container {
    background-image: url('../img/backgrounds/story.png');
}

#cast-container {
    background-image: url('../img/backgrounds/cast.png');
}

#updates-container {
    background-image: url('../img/backgrounds/updates.png');
}

#contest-container {
    background-image: url('../img/backgrounds/contest.png');
}


#sweepstakes-container {
    background-image: url('../img/backgrounds/sweepstakes.png');
}

#reviews-container {
    background-image: url('../img/backgrounds/reviews.png');
}

/* refresh */
.big-buynow {
    position: absolute;
    bottom: 52px;
    left: 31px;
    z-index: 10;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    background-image:url(../img/refresh/big-buynow-hover.png);
    background-repeat:no-repeat;
    width:213px;
    height:56px;
}
.big-buynow:hover {
    /*background-image:url(../img/refresh/big-buynow-hover.png);*/
}
/* refresh */

#contest-bottom-left{
    display:none;
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
    width: 13%;
 
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

#contest-bottom-left:hover {
    -webkit-transform: translate(10px,-15px);
    transform: translate(10px,-15px);
}

#contest-bottom-left img {
    width:100%;
}


.container {
    margin: 0 auto;
}

    #cab > img {
        width: 100%;
    }

.fb-like, .twitter-share-button {
    margin-left: 5px;
}

#title {
    text-align: center;
    width: 239px;
    margin: 0px auto;
    padding-top: 31px;
}

    #title p {
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0;
        font-family: "novecento_widedemibold";
        font-style: italic;
        text-shadow: 1px 1px #000;
    }

.yellow {
    color: #ffcc00;
}

#navigation {
    height: 304px;
    width: 374px;
    position: absolute;
    /*bottom: 108px;*/
    /*bottom: 120px;*/
    top: 286px;
    margin-left: -187px;
    left: 50%;
    opacity:0;
    transition:opacity 0.5s ease;
}
#navigation.show {
    opacity:1;
}

#trailer, #cast, #story, #updates, #curtains, #contest {
    position: absolute;
    display: block;
    z-index: 4;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

A.cab-click-icon {
    z-index:4;
}
#title A > IMG, A.pole IMG {
    width:100%;
}
A.cab-click-icon > IMG {
    width:100%;
}
A.pole {

}

#trailer-pole, #cast-pole, #story-pole, #updates-pole {
    position: absolute;
    display: block;
    z-index: 1;
}

#cab {
    position: absolute;
    z-index: 3;
    width: 364px;
}

#curtains {
    margin-left: 74px;
    margin-top: 40px;
    width: 231px;
}



#trailer:hover {
    -webkit-transform: translate(-10px,-15px);
    transform: translate(-10px,-15px);
}

#trailer {
    margin-left: 12px;
    margin-top: -6px;
    width: 79px;
}

#story:hover {
    -webkit-transform: translate(-3px,-15px);
    transform: translate(-3px,-15px);
}

#story {
    margin-left: 112px;
    margin-top: -47px;
    width: 74px;
}



#cast:hover {
    -webkit-transform: translate(1px,-15px);
    transform: translate(1px,-15px);
}

#cast {
    margin-left: 201px;
    margin-top: -45px;
    width: 81px;
}

#updates:hover {
    -webkit-transform: translate(10px,-15px);
    transform: translate(10px,-15px);
}

#updates {
    margin-left: 279px;
    margin-top: 2px;
    width: 83px;
}

#contest:hover {
    -webkit-transform: translate(10px,-15px);
    transform: translate(10px,-15px);
}

#contest {
    margin-left: 339px;
    margin-top: 66px;
    width: 133px;
    display: none;
}

#trailer-pole {
    margin-left: 54px;
    margin-top: 39px;
    width: 43px;
}

#story-pole {
    margin-left: 114px;
    margin-top: 0px;
    width: 68px;
}

#cast-pole {
    margin-left: 218px;
    margin-top: 8px;
    width: 25px;
}

#updates-pole {
    margin-left: 270px;
    margin-top: 31px;
    width: 58px;
}

main-menu {
    z-index:11111 !important;
    position: fixed !important;
}


#main-menu {
    padding-bottom: 47px;
}

    #main-menu img {
        width: 230px;
        
    }

    #main-menu span {
        position: absolute;
        text-transform: uppercase;
        color: #e71111;
        font-family: "novecento_widedemibold";
        top: 62px;
        left: 167px;
        transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -webkit-transform: rotate(-3deg);
        font-size: 10px;
    }

.content {
    margin-top: 100px;
}

/*story*/

.diagonal-shape {
    width: 650px;
    position: absolute;
    bottom: 50px;
    margin-left: -325px;
    left: 50%;
     z-index: 1;
}

    .diagonal-shape div.diagonal-top {
        height: 0;
        border-width: 0 0 27px 650px;
        border-style: solid;
        border-color: transparent #000 #000 transparent;
        opacity: .8;
    }

    .diagonal-shape div.diagonal-bottom {
       min-height: 123px;
        width: 650px;
        background-color: rgba(0, 0, 0, 0.8);
        text-align: center;
        text-transform: uppercase;
        padding: 10px 0 30px 0;
    }

.diagonal-bottom h3 {
    margin: 0px;
    padding-top: 10px;
    color: #ffcc00;
    font-family: "novecento_widedemibold";
    font-size: 27px;
}

.diagonal-bottom p {
    font-size: 17px;
    font-family: "melbourneregular";
    padding: 0px 0 0 26%;
}


/*video*/

#video {
    width: 530px;
    margin: 0px auto;
}

    #video .play-container {
        background: url('../img/syringe.png') no-repeat;
        width: 94px;
        font-size: 9px;
    }

        #video .play-container .iconButton {
            color: #000;
            padding-right: 9px;
            margin-top: -2px;
            border: none;
            margin-right: 7px;
        }

#commentary {
    background: #000;
    text-align: center;
    margin: 10px 0;
    padding: 10px 5px;
    width: 75%;
    font-size: 13px;
    font-family: 'novecento_widedemibold';
}

    #commentary span {
        font-family: 'novecento_widenormal';
        font-size: 10px;
        margin-left: 10px;
    }


/*cast*/

.cast {
    margin: 0px auto;
    width: 778px;
    height: 100%;
    overflow: hidden;
}


.slider {
    position: absolute;
    padding: 5px;
    width: 425px;
    height: 315px;
    margin-left: -214px;
    bottom: 46px;
    left: 50%;
    z-index: 2;
}

.frame {
    position: absolute;
    top: -54px;
    width: 817px;
    margin-left: -58px;
    z-index: 2;
    height: 384px;
    overflow: hidden;
}

.character-names {
    position: absolute;
    top: 254px;
    width: 100%;
    z-index: 3;
    text-align: center;
}



.slide {
    position: absolute;
    top: 4px;
    left: 0;
}

.arrows {
    position: absolute;
    top: 90px;
    width: 162%;
    margin-left: -139px;
     z-index: 3;
}

    .arrows img {
        width: 74px;
    }

    .update-arrows {
        position: absolute;
        top: 0;
        width: 55%;
        margin-left: 147px;
        z-index: 3;
     }

    .update-arrows img {
        width: 60px;
    }

    .largeimage-arrows {
       position: absolute;
margin-top: 60px;
width: 73%;
margin-left: 26px;
z-index: 3;
    }

    .close-large-image {
position: absolute;
margin-left: 121px;
z-index: 3;
        width: 35px;
    }

    .gallery {
        margin: 45px 62px 15px;
        min-height: 216px;
    }

    .gallery-image {
      opacity: 1;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
        float:left;
        margin:3px;
        display:block;
    }

    a.gallery-image:hover {
         opacity: 0.3;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
    }

    .close-button {
width: 19px;
position: absolute;
top: 30px;
right: 30px;
z-index: 5;
    }


.slidetabs a {
width:8px;
height:8px;
float:left;
margin:3px;
background: #522900;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display:block;
font-size:1px;
}

/*footer*/

#footer, #header {
    height: 41px;
    width: 100%;
    z-index: 4;
}

#footer {
    background: #000;
}

.footer-overlay {
    position: fixed;
    bottom: 41px;
    width: 100%;
    z-index: 0;
}

#header ul {
    width: 100%;
}

    #header ul li {
        width: 20%;
        text-align: center;
        text-transform: uppercase;
    }

#footer ul li a img {
    height: 21px;
    margin-left: 6px;
}

#footer ul#logos {
    height: 40px;
    margin-left: 25px;
}

#footer table {
    width: 100%;
}

a.button {
    padding: 5px 10px;
    border: 1px solid #ffcc00;
    color: #ffffff;
}

#contest-wrapper{
    background: url('../img/contest-background.png') no-repeat;
    width: 50%;
    height: 80%;
    background-size: 100%;
}

#licence-plate{
   width: 200px;
display: block;
top: 41px;
left: 152px;
position: absolute;
}

#agree-button{
    background:#000;
}

#disclaimer{
   padding-right: 35px;
   margin-bottom:200px;
}

.hide-large-image{
   visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.5s,opacity 0.5s linear;
        position:absolute;


}

.show-large-image{
 visibility:visible;
  opacity:1;
  transition-delay:0s;
            position:absolute;


}

/* overrides */

.scrollme, #tweet-slider {
    margin-top: 36%;
    margin-left: 28%;
    margin-right: 10%;
    height: 65%;
}
.flexslider {

    background: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important; 

}

.flex-direction-nav a {
opacity:1 !important; 
color:#414141 !important; 

}


.ngdialog .flex-direction-nav a {
color:#828181 !important; 
top: 150px !important; 
}

.flexslider:hover .flex-prev { left: -60px !important; }
.flexslider:hover .flex-next {  right: -40px !important; }

.flexslider .flex-prev { left: -50px !important; }
.flexslider .flex-next {  right: -50px !important; }


.tweet-thumb-wrapper{
    border: 4px solid #414141;
     overflow: hidden;
    display: block;
    max-height: 95px;

}

.tweet-image-wrapper{
     width: 26%;
    height: 101px;
    float: left;
       
    position: relative;
    padding: 0 11px 32px 11px;
}

.tweet-thumb-expanded{
    width: 110%;
position: absolute;
z-index: 100000;
top: -5%;
left: -5%;
border: 4px solid #414141;
     
}



.tweet-full-image{
    border: 4px solid #414141;
    width:100%;
}

.thumb-social{
    margin-left:-4px;
    margin-top:4px;
    position:absolute;
}

.thumb-social a {
    width:25px;
    height:25px;
    display:block;
    float:left

}

#socialbuttons {
    white-space: nowrap;
}
#social {
    white-space:nowrap;
    width: 100%;
}
#social LI {}
.twitter-share-button {
    height:22px !important;
    margin-left:0;
}

#show-rules{
   text-transform: uppercase;
position: absolute;
top: 87%;
left: 20%;
}

.ngdialog-overlay {

background: rgba(0, 0, 0, 0.9) !important;

}

.flexslider:hover .flex-prev { left: -40px !important; }
.flexslider:hover .flex-next {  right: -40px !important; }

#close-disclaimer{
    position: absolute;
    top: 37%;
    right: 3%;


}

.ngdialog-content{

    background:none !important;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before {
background:  url('../img/tweet-gallery-close-icon.png') no-repeat !important;
content: '' !important;
height:40px !important;
width:40px !important;
right: -36px !important;
top: -14px !important;

}

#sweeptakes-tag-container, #sweeptakes-form-container{
    width:50%;
    float:left;
    display:inline-table;
}

#sweeptakes-tag-container{

    text-align:center;
    margin-top: 9%;

}



#sweeptakes-tag-container img{
        width:60%;
}


#sweepstakes-wrapper{
    position:absolute;
    z-index:1;
}

#sweepstakes-wrapper #title, #reviews-wrapper #title{
    width:20%;
}

#reviews-wrapper #title img{
    width:100%;
}



.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

/*form*/

#sweepstakes-disclaimer{
    text-align: center;
    color: #fff;
    margin: 25px 6px;
    font-size: 11px;
}

#sweepstakes-disclaimer a{
    color: #ffe800 !important;
}
#review-items-container{
    width:45%;
    margin-left:5%;
    position: absolute;
    z-index: 1;
    max-height:45%;
    overflow-y:scroll;
    color:#000 !important;
    text-transform:uppercase;
    padding-right: 30px;

}

#review-title-container{
        width:45%;
    margin-left:5%;

    z-index: 1;
    max-height:50%;

    padding-right: 30px;
}

    #review-items-container  tr {
    padding:10px 0;
    
    }

#review-items-container::-webkit-scrollbar {
    width: 12px;
}
 
#review-items-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 

}
 
#review-items-container::-webkit-scrollbar-thumb {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
    background:#000;
}

#review-items-container table tr {

    border-bottom:1pt solid #decf2c;
}

#review-items-container .row {
display:table-row;
}

#review-items-container .col{
    text-align:center;
 padding: 10px 10px 10px 0;
 width:31%;
 float:left;
}



.col-2{
    width:60%;
}

.col-2 img{
   height: 16px;
float: left;
margin: 5px;
}

.col-1{
    width:25%;
}

.col-3{
    width:15%;
}


.error{
    color:red;
}

.css-form input.ng-invalid.ng-dirty {
    background-color: rgba(255, 132, 132, 0.5);
  }

  /*.css-form input.ng-valid.ng-dirty {
    background-color: none;
  }*/

#cform {

		width: 100%;
        padding-bottom: 150px;
	}

	.inpt {

		display: inline;

		float: left;

		height: 70px;

		margin-top: 25px;

		width: 49%;

	}

    .inpt-chk{


		width: 99%;
    }

	.inp-title {

		display: block;

        color:#000;

		margin-bottom: 5px;

		text-transform: uppercase;
        text-shadow: white 0.1em 0.1em 0.2em;

	}

	.inp {

		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);

		border: 1px solid rgba(0, 0, 0, 0.3);

		box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;

		padding: 2%;

		width: 85%;

		color:#fff;

		font-size:16px;

		font-weight:bold;

		outline:none;

	}

label{
    color:#000;
         text-shadow: white 0.1em 0.1em 0.2em;
}

.note {

font-size: 10px;
margin-top: 4px;
text-align: left;
display: block;
color:#000;

}

::-webkit-input-placeholder {

    color:    #fff;

	font-weight:bold;

}

:-moz-placeholder {

    color:    #fff;

	font-weight:bold;

}

::-moz-placeholder {

    color:    #fff;

	font-weight:bold;

}

:-ms-input-placeholder {

    color:    #fff;

	font-weight:bold;

}



	

#phone_number1 {

    width: 25%;

}

#phone_number2 {

    width: 56%;

}

#birth1 {

    width: 15%;

}

#birth2 {

    width: 15%;

}

#birth3 {

    width: 39%;

}



input[type="checkbox"] {

    display:none;

}

input[type="checkbox"] + label span {

    display:inline-block;

width: 9px;
height: 9px;

    margin:-1px 4px 0 0;

    vertical-align:middle;

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);

	border: 1px solid rgba(0, 0, 0, 0.3);

	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;

	padding: 2%;

    cursor:pointer;


}

input[type="checkbox"]:checked + label span {

    background: url("../img/checkmark.png") no-repeat scroll 2px 2px rgba(0, 0, 0, 0);

    border: 1px solid rgba(0, 0, 0, 0.3);

    padding: 2%;

}

#sbmt,  #loading-submit {

	color:#ffffff;

	font-size:26px;

	padding:15px 50px;

	border: 3px solid white !important;

	text-transform:uppercase;

	margin:0 auto;

	display:table;

	background:none !important;

}

#loading-submit{

background: #000 !important;
color: #fff;
width: 160px;

}

#loading-submit img{
   width: 30px;
float: left;
margin-right: 10px;

}

#sbmt:hover {

	cursor:pointer;

	color:#ffe800;

	transition:all 0.3s;

}

.sep {

	float:left;

	width:100%;

	height:30px;

}





option {

    background:#333;

}



.custom-dropdown__select--white {

		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);

		border: 1px solid rgba(0, 0, 0, 0.3);

		box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;

}



@supports (pointer-events: none) and

      ((-webkit-appearance: none) or

      (-moz-appearance: none) or

      (appearance: none)) {



    .custom-dropdown {

        position: relative;

        display: inline-block;

        vertical-align: middle;

    }



    .custom-dropdown__select {

        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;    

    }



    .custom-dropdown::before,

    .custom-dropdown::after {

        content: "";

        position: absolute;

        pointer-events: none;

    }



    .custom-dropdown::after { /*  Custom dropdown arrow */

        content: "\25BC";

        height: 1em;

        font-size: .625em;

        line-height: 1;

        right: 1.2em;

        top: 50%; margin-top: -.5em;

		color:#fff;

    }



    .custom-dropdown::before { /*  Custom dropdown arrow cover */

        width: 2em;

        right: 0; top: 0; bottom: 0;

    }



    .custom-dropdown__select[disabled] {

        color: rgba(0,0,0,.3);

    }



    .custom-dropdown.custom-dropdown--disabled::after {

        color: rgba(0,0,0,.1);

    }



    /* White dropdown style */

    .custom-dropdown--white::before {



		background: none repeat scroll 0 0 #787333;

		border: 1px solid rgba(0, 0, 0, 0.3);

		box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;

    }

	.custom-dropdown--white {

		width: 85%;

	}

	.custom-dropdown__select {

		width: 100% !important;

	}

	@media screen and (-webkit-min-device-pixel-ratio:0) { 

		.custom-dropdown::before {

			width: 2em;

			right: 0;

			margin-top: 2px;
margin-bottom: 1px;

		}

	}



}


/* animations */





/*page transition*/

.show-large-image, .hide-large-image{
        -webkit-transition:all 1s ease;
         -moz-transition:all 1s ease;
               -o-transition:all 1s ease;
                     transition:all 1s ease;
}

.at-view-slide-in-bottom.ng-enter {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transform: translate(0px, 100%);
    -moz-transform: translate(0px, 100%);
    -ms-transform: translate(0px, 100%);
    -o-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
    opacity: 0;
    z-index: 1;
    position: absolute;
}

.at-view-slide-in-bottom.ng-enter-active {
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1;
    position: absolute;
}

.at-view-slide-out-bottom.ng-leave {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    opacity: 1;
    z-index: 3;
    position: absolute;
}

.at-view-slide-out-bottom.ng-leave-active {
    -webkit-transform: translate(0px, 100%);
    -moz-transform: translate(0px, 100%);
    -ms-transform: translate(0px, 100%);
    -o-transform: translate(0px, 100%);
    transform: translate(0px, 100%);
    opacity: 0;
}


/*fade*/

.fade.ng-hide-add,
.fade.ng-hide-remove {
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
    display: block !important;
}

    .fade.ng-hide-add.ng-hide-add-active,
    .fade.ng-hide-remove {
        opacity: 0;
    }

.fade.ng-hide-add,
.fade.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}

.fade.ng-hide-add,
.fade.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}

/* WEBSITE REFRESH (BUYNOW VHX LINKS) */

#cab-buynow {
    position: absolute;
    /* border: 1px solid red; */
    width: 512px;
    height: 56px;
    /* top: 350px; */zoom:1;
    left: -59px;
    margin-top: -15px;
}

#cab-buy {
    position:absolute;
    width: 284px;
    height: 49px;
    left: 228px;
    top:0;
    background-image:url(../img/refresh/btn-buy.png);
    background-repeat: no-repeat;
}
#cab-buy:hover {
    background-image:url(../img/refresh/btn-buy-hover.png);
}

.btn-divider {
    margin: 0 6px;
    display:inline-block;
    width: 1px;
    height: 48px;
    background-image:url(../img/refresh/btn-divider.png);
}
#cab-separator {
    display:block;
    position:absolute;
    left: 201px;
    top:0;
}

#cab-vhx {
    position:absolute;
    width: 187px;
    height: 49px;
    left: 0px;
    top:0;
    background-image:url(../img/refresh/btn-vhx.png);
    background-repeat: no-repeat;
}
#cab-vhx:hover {
    background-image:url(../img/refresh/btn-vhx-hover.png);
}

.buy-retailers-container {
    width: 671px;
    height: 123px;/* hardcode height depending on number of logos */
    /*background-color:white;*/
    /*background-repeat:no-repeat;*/
    /*background-size:contain;*/
    position: absolute;
    z-index: 1000000;
    font-size: 0;
    white-space: nowrap;
    visibility: hidden;
    display:none;
}
.buy-retailers-container.show {
    visibility: visible !important;
    display:block;
}
#home-buy-retailers {
    left: initial;
    /* right: 0; */
    /* right: 0; */
    left: 0;
    top: -6px;
    width: 727px;
    height: 180px;
}
#page-buy-retailers {
    left: 31px;
    bottom: 51px;
    width: 709px;
    height: 185px;

    /*background-image:url(../img/refresh/box-retailers-bg.png);*/
    /*background-size:100% 100%;*/
    /*border:2px solid #ffd627;*/
    /*border-radius:10px;*/
    position: fixed;
}

#page-buy-retailers .btn-divider {
    margin: 10px 12px;
}

A.buy-retailers-close {
    display:none;
}

A.buy-retailer {
    display:inline-block;
    padding: 0;
    margin: 0;
    /* width: 53px; */
    height: 22px;
    background-repeat:no-repeat;
    background-position: center center;
    background-size: contain;
}

.buy-retailers-wrap {
    width: 100%;
    /* margin: 10px; */
    padding: 8px;
    box-sizing: border-box;
    z-index: 2;
    /* background-image:url(../img/refresh/box-retailers-bg.jpg); */
    /* background-size:100% 100%; */
    background-color: white;
    /*background-color:white;*/
    /* border: 2px solid #000; */
    border-radius:10px;
}
.buy-retailers-wrap A {
    /* width: 80px !important; */
    /* float:left; */
}

.buy-retailers-vhxtab {
    position:absolute;
    z-index: -1;
    right: 0px;
    top: -23px;
    height:20px;
    width: 159px;
    background-image:url(../img/refresh/box-retailers-tab.png);
    border-bottom:10px solid rgb(255,214,39);
}

.logotable {
    width:100%;
}
.logotable TR {/* border: 1px solid white; *//* margin-bottom: 11px; */}
.logotable TD.text IMG {
    vertical-align: middle;
    /* padding-top: 7px; */
    width: auto;
}

.logotable TD.text {
    line-height: 63px;
    vertical-align: top;
    padding-right: 10px;
    padding-top: 0;
    font-size: 15px;
    color: rgb(42,44,183);
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.logotable TD.icon {
    white-space: normal;
    vertical-align: middle;
    text-baseline: bottom;
    border-bottom: 1px solid #ddd;
}

.logotable TD.text.last {border-bottom:none}
.logotable TD.icon.last{border-bottom:none}

.logotable TD.icon A IMG {
    /* padding: 0 7px; */
    width: auto;
    width: 55px;
    vertical-align: middle;
    display: inline-block;
    /* max-width: 55px; */
    /* max-height: 30px; */
}
.logo-divider {
    vertical-align: middle;
    /* background: red; */
    padding: 0 10px;
    /* display: none; */
}
.logotable TD.icon A {
    display: inline;
    /* min-width: 56px; */
    text-align:center;
    height: 34px;
    vertical-align: middle;
}


/*.logotable TD.icon .icon-divider {*/
    /*width:1px;*/
    /*height:23px;*/
    /*background:url(../img/refresh/icon-divider.png);/
    /*background-position: center right;*/
    /*background-repeat:no-repeat;*/
/*}*/
.logotable TD.icon A:last-child {
    background:none;
}

.logo-itunes {/* padding:0 3px; */}
.logo-amazon { padding:0 0px; }
.logo-googleplay {padding: 0;}
.logo-mgo {/* padding:0 9px; */}
.logo-microsoft { padding:0 0px; }
.logo-sony { padding:0 1px; }
.logo-vudu { padding:0 0px; }

.retailer-itunes {width: 36px !important;}
.retailer-amazon {/* padding: 7px 0 !important; */width: 70px !important;}
.retailer-googleplay {width: 99px !important;}
.retailer-mgo {width: 35px !important;padding: 0;}
.retailer-microsoft {width: 90px !important;}
.retailer-vudu {
}

.retailer-atandt {width: 68px !important;}
.retailer-cablevision {width: 83px !important;background: rgba(255,255,255,0.3);padding: 5px 2px;}
.retailer-comcast {width: 72px !important;}
.retailer-cox {width: 59px !important;}
.retailer-directv {/* width: 56px !important; *//* padding: 3px; */background: rgba(255,255,255,0.7);}
.retailer-dish {width: 74px !important;}
.retailer-fox {width: 60px !important;}
.retailer-frontier {width: 76px !important;}
.retailer-verizon {width: 62px !important;}

.retailer-bell {width: 62px !important;}
.retailer-cogeco {width: 97px !important;/* border: 1px solid red; */background: rgba(255,255,255,0.3);padding: 2px;}
.retailer-eastlink {width: 58px !important;}

/*
<a class="logo-atandt" href="javascript://"><img class="retailer-atandt" src="img/refresh/logos/atandt.png"></a>
                       <img class="logo-divider" src="img/refresh/icon-divider.png">
                       <a class="logo-retailer-cablevision" href="javascript://"><img class="retailer-cablevision" src="img/refresh/logos/cablevision.png"></a>
                       <img class="logo-divider" src="img/refresh/icon-divider.png">
                       <a class="logo-comcast" href="javascript://"> <img class="retailer-comcast" src="img/refresh/logos/comcast.png"></a>
                       <img class="logo-divider" src="img/refresh/icon-divider.png">
                       <a class="logo-cox" href="javascript://"> <img class="retailer-cox" src="img/refresh/logos/cox.png"></a>
                       <img class="logo-divider" src="img/refresh/icon-divider.png">
                       <a class="logo-directv" href="javascript://"> <img class="retailer-directv" src="img/refresh/logos/directv.png"></a>
                       <img class="logo-divider" src="img/refresh/icon-divider.png">
                       <a class="logo-dish" href="javascript://"><img class="retailer-dish" src="img/refresh/logos/dish.png"></a>
                       <img class="logo-divider" src="img/refresh/icon-divider.png">
                       <a class="logo-fox" href="javascript://"><img class="retailer-fox" src="img/refresh/logos/fox.png"></a>
                       <img class="logo-divider" src="img/refresh/icon-divider.png">
                       <a class="logo-frontier" href="javascript://"><img class="retailer-frontier" src="img/refresh/logos/frontier.png"></a>
                       <img class="logo-divider" src="img/refresh/icon-divider.png">
                       <a class="logo-verizon
*/

/*.retailer-vhx {*/
    /*background-image:url(../img/refresh/logos/vhx.png);*/
    /*padding: 07px 0px !important;*/
    /*width: 92px;*/
/*}*/
;*/
/*}*/