#cot_tl_fixed{
    z-index:10000;
}
/*.background{
    background-size: 100%;
    background-image: url('imguus/new-bg-image.jpg');
    background-attachment: scroll;
    background-repeat: no-repeat;
    
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}*/

/*@media (device-aspect-ratio: 5/4){
    body {
        background-image: url("imguus/bg_img_5x4.jpg");
    }
}
@media (max-device-aspect-ratio: 4/3) and (orientation:portrait) {
    body {
        background-image: url("imguus/bg_img_3x4.jpg");
    }
}
@media (device-aspect-ratio: 4/3) and (orientation:landscape) {
    body {
        background-image: url("imguus/bg_img_4x3.jpg");
    }
}
@media (device-aspect-ratio: 3/2) and (orientation:portrait) {
    body {
        background-image: url("imguus/bg_img_2x3.jpg");
    }
}
@media (device-aspect-ratio: 3/2) and (orientation:landscape) {
    body {
        background-image: url("imguus/bg_img_3x2.jpg");
    }
}

@media (max-device-aspect-ratio: 16/10) and (orientation:portrait) {
    body {
        background-image: url("imguus/bg_img_10x16.jpg");
    }
}
@media (device-aspect-ratio: 16/10) and (orientation:landscape) {
    body {
        background-image: url("imguus/bg_img_16x10.jpg");
    }
}
@media (device-aspect-ratio: 17/10) and (orientation:portrait) {
    body {
        background-image: url("imguus/bg_img_10x17.jpg");
    }
}
@media (min-device-aspect-ratio: 17/10) and (orientation:landscape) {
    body {
        background-image: url("imguus/bg_img_17x10.jpg");
    }
}

@media (max-device-aspect-ratio: 16/9) and (orientation:portrait) {
    body {
        
        background-image: url("imguus/bg_img_9x16.jpg");
        
    }
}
@media (device-aspect-ratio: 16/9) and (orientation:landscape) {
    body {
        background-image: url("imguus/bg_img_16x9.jpg");
    }
}

@media (min-device-aspect-ratio: 21/9){
    body {
        background-image: url("imguus/bg_img_21x9.jpg");
    }
}*/
html{
    height:100%;
}
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    body {
        background-image: url("images/prepay_4x3.jpg");
        background-repeat: no-repeat;
    }
}
@media (device-aspect-ratio: 5/4){
    body {
        background-image: url("images/prepay_5x4.jpg");
        background-repeat: no-repeat;
    }
}
@media (max-device-aspect-ratio: 4/3) and (orientation:portrait) {
    body {
        background-image: url("images/prepay_3x4.jpg");
        background-repeat: no-repeat;
    }
}
@media (max-device-aspect-ratio: 4/3) and (orientation:landscape) {
    body {
        background-image: url("images/prepay_4x3.jpg");
        background-repeat: no-repeat;
    }
}


@media (device-aspect-ratio: 3/2) and (orientation:portrait) {
    body {
        background-image: url("images/prepay_2x3.jpg");
        background-repeat: no-repeat;
    }
}
@media (device-aspect-ratio: 3/2) and (orientation:landscape) {
    body {
        background-image: url("images/prepay_3x2.jpg");
        background-repeat: no-repeat;
    }
}

@media (max-device-aspect-ratio: 16/10) and (orientation:portrait) {
    body {
        background-image: url("images/prepay_10x16.jpg");
        background-repeat: no-repeat;
    }
}
@media (device-aspect-ratio: 16/10) and (orientation:landscape) {
    body {
        background-image: url("images/prepay_16x10.jpg");
        background-repeat: no-repeat;
    }
}
@media (device-aspect-ratio: 17/10) and (orientation:portrait) {
    body {
        background-image: url("images/prepay_10x17.jpg");
        background-repeat: no-repeat;
    }
}
@media (min-device-aspect-ratio: 17/10) and (orientation:landscape) {
    body {
        background-image: url("images/prepay_17x10.jpg");
        background-repeat: no-repeat;
    }
}

@media (max-device-aspect-ratio: 16/9) and (orientation:portrait) {
    body {
        
        background-image: url("images/prepay_9x16.jpg");
        background-repeat: no-repeat;
        
    }
}
@media (device-aspect-ratio: 16/9) and (orientation:landscape) {
    body {
        background-image: url("images/prepay_16x9.jpg");
        background-repeat: no-repeat;
    }
}

@media (min-device-aspect-ratio: 21/9){
    body {
        background-image: url("images/prepay_21x9.jpg");
        background-repeat: no-repeat;
    }
}




body{
    font-family: 'Open Sans', sans-serif;
    font-size: 11pt;
    color: rgb(90, 90, 90);
    height:100%;
    
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;

   
}
#langselect a{
	cursor: pointer;

}
#page-body .form-group{
    margin-bottom: 0;
}
.btn-primary{
    background-color: rgba(79,24,133,1);
    color:rgb(231, 231, 231);
    border-color: rgb(90,90,90);
    
    font-weight: bold;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: rgba(79,24,133,1);
    background-color: rgb(231, 231, 231);
    border-color: rgba(79,24,133,1); /*set the color you want here*/
}
#cot_tl {z-index:99999!important;}
/*.source-image{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 50000;
}*/
.content_column{
    background-color:rgba(241, 241, 241, 0.616);
    height:100%;
}
.menu img { 
    width: 2vw;
    margin-left: 0.5vw;
}
.menu a, #termsSpan a{ 
    font-size: 10pt;
    text-decoration: none;
    color: rgba(79,24,133,1); 
}

h1{
    font-size: 16pt;
}
#contact_link{
    color:rgb(90, 90, 90);
}

.login_row{
    background-color: #e0e0e0;
    border: 1px solid rgb(90,90,90);
    border-radius: 10px;

}
@media(max-width:721px){
    .payment{
        width:10vw!important;
    }

    #logo_img{
        
        width: 50%;
        height: 50%;
        margin: 10px 10px;
    }
    #logo_img_reg{
         
        width: 50%;
        height: 50%;
        margin: 10px 10px;
    }
}
.form-control:focus, .btn:focus{
	border-color: #4f18859c;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #4f188586;
}

@media(min-width: 720px){
    .top-to-bottom {
        
        border-width: 0 0 0 1px;
        border-style: solid;
        -webkit-border-image: 
        -webkit-gradient(top, rgba(91,93,96,0) 0%,rgba(91,93,96,1) 50%,rgba(0,0,0,0) 100%) 1 100%;
        -webkit-border-image: 
        -webkit-linear-gradient(top, rgba(91,93,96,0) 0%,rgba(91,93,96,1) 50%,rgba(0,0,0,0) 100%) 1 100%;
        -moz-border-image:
        -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(91,93,96,1) 50%, rgba(0,0,0,0) 100%) 1 100%;    
        -o-border-image:
        -o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%;
        border-image:
        linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(91,93,96,1) 50%,rgba(0,0,0,0) 100%) 1 100%;
    }
    #logo_img{
        /*margin-top: 5%;*/
        
        width: 45%;
        height: 45%;
    }
    
    #logo_img_reg{
        margin-top: 10%;  
        width: 45%;
        height: 45%;
    }

    
    
}
.border-shadow-left{
    border-left: 1px solid #dbd8cf;
    background: linear-gradient(left, #eee  0%, #fff 10%);
    background: -ms-linear-gradient(left, #eee  0%,#fff 10%);
    background: -moz-linear-gradient(left, #eee  0%,#fff 10%);
    background: -webkit-linear-gradient(left, #eee  0%, #fff 10%);
    box-shadow: -44px 120px 80px -72px #fff inset, -44px -120px 80px -72px #fff inset;
    
}