﻿@charset "utf-8";

.redClassCustom {
     border:1px solid #DA7070 !important;
     }
     .clrwidth{
         width: 100%!important;
     }
        .width100{
            width:100%;
        }
           .member-close{
       display:none;
    }
	
	/* close-button**/
	
	.promoclose img {
        max-width: 30px;
         margin: 5px 5px;
}

    /* promocode**/
        .promo{
        position: fixed;
    width: 100%;
    height: 100%;
   background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display:none;
        }
        .promo iframe{
            position: relative;
            height:562px;
            border:none;
            width:100%;
         
        }
        .promo-iframe-wrapper{
            position: fixed;
            width:65%;
            margin-left: -37%;
            left:50%;
            top:50%;
            height:600px;
            margin-top:-300px;
        }
        .promoclose{
            position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
	cursor:pointer;
        }
			@media screen and (max-width:1195px){
			.promoclose{
				float: right !important;
				font-size: 21px;
				font-weight: 700;
				line-height: 1;
				color: #000;
				text-shadow: 0 1px 0 #fff;
				filter: alpha(opacity=20);
				top: 0px !important;
				right: 0px !important;
			}
		}
		
		@media screen and (max-width:843px){
		.promo-iframe-wrapper {
    position: fixed;
    width: 91%;
    margin-left: -47%;
    left: 50%;
    top: 58%;
    height: 600px;
    margin-top: -300px;
}
		}
    /* Loader starts  */
#loader{
background-image:url("/images/logo.gif") no-repeat;
}
#loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #fff;
        z-index: 1000;
 }
 #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
@media only screen and (min-width:50px) and (max-width:600px)
{
.member-close{
		cursor: pointer;
		position: fixed;
		top: 131px;
		right: 8px;
		z-index: 99999999999;
		background-color: #ffffff;
		display:none;
    }
}
@media only screen and (min-width:599px) and (max-width:999px)
{
.member-close{
		cursor: pointer;
		position: fixed;
		top: 131px;
		right: 37px;  
		z-index: 99999999999;
		background-color: #ffffff;
		display:none;
    }
}
@media only screen and (min-width:50px) and (max-width:999px)
{
    #loader {
        background-size: 100% auto;
        display: block;
        height: 106px;
        margin: auto;
        position: relative;
        width: 300px;
          
        }
    
}


/* Loader Ends */