﻿@font-face {
    font-family: 'BlsW-Rg';
    src: url('BlsW-Rg/blsw-rg.eot');
    src: url('BlsW-Rg/blsw-rg.eot?#iefix') format('embedded-opentype'), url('BlsW-Rg/blsw-rg.woff2') format('woff2'), url('BlsW-Rg/blsw-rg.woff') format('woff'), url('BlsW-Rg/blsw-rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
div.carousel {
    font-family: 'BlsW-Rg';
}
* .brand-video-container video[poster] {
	max-width: 100%;
}

.brand-video-container {
	width: 100%;
	overflow: hidden;
}
.ui-loader{
    display:none;
}
/*prathap styles*/
.pt-50 {
    padding-top: 50px;
}

.pb-50 {
	padding-bottom: 50px;
}
#cssmenu{
    z-index:10;
}
.carousel{
    z-index:1;
}
.carousel-caption {
	right: auto;
	padding-bottom: 30px;
	position: absolute;
	top: 40%;   		/* update */
    margin-top: -50px;	/* add */
    padding-top: 0;		/* add */
    z-index:10;
	bottom: auto;
	left: auto;
	width: 35%;		/* update */
	text-align: left;
}
.carousel-caption.caption-right {
    right: 10%;
}
.carousel-caption.caption-left {
    left: 10%;
}
.carousel-caption.caption-center {
    text-align: center;
    left: 37%;
    right: 37%;
}
.carousel-caption h3 {
    margin-top: 0;		/* add */
	font-size: 40px;	/* update */
    line-height:50px;	/* update */
    margin-bottom: 30px; 	/* update */
    color: white; /*change*/
}
.carousel-caption .btn-custom {
    background-color: #707070; /*change*/
    padding: 16px; /* update */
    font-size: 18px;	/* update */
	padding: 10px 16px; 		/* update */
    /*font-weight: bold;	remove*/
    text-shadow: none;	/* add */
    border: 1px solid #fff;
    color: #fff; /*change*/
    border-radius: 5px;
    text-transform: uppercase;
}

.carousel-caption .btn-custom:hover {
    text-decoration: none;
}
.carousel-inner{
    z-index:-1!important;
}
.carousel-indicators{
    bottom:10px!important;
    z-index:0!important;
}
        /*media v2*/
        @media only screen and (max-width: 1440px) {/*added*/
    .carousel-caption h3 {
        font-size: 24px; 
        line-height: 28px;
        color: white;
        margin-bottom: 18px;
    }
    .carousel-caption .btn-custom {
        font-size: 14px;
    }
    .carousel-caption {           
        top: 50%;/*add*/
    }

}
        @media only screen and (max-width: 1024px) {
            .carousel-caption {
                top: 45%; /*update*/
                width: 34%;
            }

                .carousel-caption.caption-center {
                    left: 37%;
                    right: 37%;
                }
        }
       
         

        @media only screen and (max-width: 862px) {
            .carousel-caption {
                top: 45%; /*update*/
                width: 30%;
            }
                .carousel-caption.caption-center {
                    left: 35%;
                    right: 35%;
                }
                .carousel-caption h3 {
                    font-size: 18px;
                    margin-bottom: 15px;
                }
                .carousel-caption .btn-custom{
                    font-size:11px;
                }
        }

        @media only screen and (max-width: 768px) {
            .carousel-caption {
                    top: 40%;		/* update */
                    width: 35%;		/* update */
            }

            .carousel-caption.caption-center {
                left: 20%;
                right: 20%;
            }

            .carousel-caption h3 {/*all add*/
                font-size: 18px;
                line-height: 25px;
                color: white;
                margin-bottom: 25px;
            }

            .carousel-caption .btn-custom {/*new*/
                font-size: 15px;
                font-weight: bold;
                padding: 11px;
            }
            .carousel-caption.caption-right {
                right: 4%;
            }

            .carousel-caption.caption-center {
                left: 33%;
                right: 33%;
            }
        }

        @media only screen and (max-width: 661px) {
            .carousel-caption {/*all update*/
                /*padding: 0 0;
                top: 0;*/
                top: 50%;/*update*/
                width: 80%;
            }

                .carousel-caption h3 {/*all update*/
                   font-size: 22px;
                    line-height: 28px;
                    margin-bottom: 20px;
                }

                .carousel-caption .btn-custom {
                    padding: 8px 15px;/*update*/
                    font-size: 13px;/*update*/
                }
        }

        @media only screen and (max-width: 580px) {
            .carousel-caption {
                top: 50%;
                width: 80%;
            }

                .carousel-caption.caption-center {
                    left: 25%;
                    right: 25%;
                }

                .carousel-caption.caption-right, .carousel-caption.caption-left {
                    left: 10%;
                    right: auto;
                }

                .carousel-caption h3 {
                    margin-bottom: 20px;/*update*/
                }

                .carousel-caption .btn-custom {
                    font-size: 13px;
                    padding: 8px 15px;
                }
        }
        @media only screen and (max-width: 576px){
            .brand-video-container video[poster] {
                max-width: 150%;
            }
        }


        @media only screen and (max-width: 480px) {
            .carousel-caption {
                top: 50%;
                width: 80%;
            }

                .carousel-caption.caption-center {
                    left: 20%;
                    right: 20%;
                }
        }

        @media only screen and (max-width: 320px) {
            .carousel-caption {
                top: 40%;
                width: 90%;
                padding: 0;
            }

                .carousel-caption.caption-center {
                    left: 0;
                    right: 0;
                    width: 100%;
                }
        }
