/*!
 * Start Bootstrap - Half Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html, body
{
    height: 100%;
    overflow-x: hidden;
    font-family: Arial, Helvetica, sans-serif;
}


/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */

.carousel {
    height: 80%;
       
}

.item,
.active,
.carousel-inner {
    height: 100%;
 
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
}


.logo
{
    margin-top: 55px;
    float: left;
    padding-bottom: 10px;
    position: absolute;
	 height:auto !important;
            max-width:600px !important;
            width: 100% !important;
    
}
.lang1
{
    margin-top: 75px;
    margin-right: 70px;
    z-index: 2;
    position: absolute;
    left: 87%;
	width: 100%;
    height: auto;
}
.lang2
{
    
    margin-top: 75px;
    margin-right: 20px;
    z-index: 2;
    position: absolute;
     left: 80%;
	 width: 100%;
    height: auto;
}
.slogan
{
    margin-top: 55px;
    z-index: 1;
    position: absolute;
     left: 65%;
	 width: 100%;
    height: auto;
}
{
    float: right;
    margin-top: 75px;
    margin-right: 20px;
}
#line1
{
    background-color: #6699D6;
    height: 5px;
    width: 100%;
    top: 165px;
    position: absolute;
}
#line1 .line2
{
    background-color: #FFFFFF;
    height: 2px;
    width: 100%;
    position: absolute;
    margin-top: 5px;
    
}
#line1 .line3
{
    background-color: #3973AD;
    height: 10px;
    width: 100%;
    position: absolute;
    margin-top: 7px;
}

.homedivtitle
{
    border-width: thin;
    font-size: large;
    color: #FF3399;
    font-family: 'Times New Roman' , Times, serif;
    padding-top: 20px;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px;
    font-style: italic;
    text-decoration: underline;
}




.tdtitle
{
    background-image: url('../images/titlebg.png');
    background-repeat: repeat-x;
}



 .pageheader
{
    border-width: thin;
    border-color: #C0C0C0;
    font-size: medium;
    font-size : x-large;
    font-weight: bold;
    color: #3399FF;
    padding-top: 5px;
    padding-left: 15px;
    border-right-style: solid;
    border-left-style: solid;
    font-family: Arial, Helvetica, sans-serif;
}

.homediv
{
    border-width: thin;
    border-color: #CCCCCC;
    box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22)!important;  
    font-size: medium;
    color: #0000CC;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 10px;
    border-right-style: solid;
    border-left-style: solid;
    text-align: justify;
    padding-right: 10px;
    padding-left: 10px;
}
.tcenter

{
    text-align: center;
    }
 .copy
{
    text-align: center;
    font-size: small;
}
.boss
{
    padding: 15px;
    position: relative;
    clear: both;
    text-align: left;
    float: left;
}

.insframe
{
    padding: 15px;
    width: 60%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border: thin dashed #CC0099;
    font-family: 'Times New Roman' , Times, serif;
    float: none;
}


.insframe1
{
    padding: 15px;
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    font-family: 'Times New Roman' , Times, serif;
    text-align: center;
}
.insframehotel
{
    padding: 15px;
    width: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    font-family: 'Times New Roman' , Times, serif;
    text-align: center;
}

.horlineimg
{
    height: 300px;
    box-shadow: 0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important;
    width: 600px;
    position: relative;
    left: 0;
    right: 0;
     margin: auto;
}

.insframelogin
{
      padding: 15px;
    width: 30%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border: thin dashed #CC0099;
    font-family: 'Times New Roman' , Times, serif;
    float: none;
}

.optionimg
{
    text-align: center;
    width: 300px;
    float: right;
    border-radius: 5px;
    box-shadow: 10px 10px 5px #888;
    margin-right: 30px;
}
.admindiv
{
    color: #990099;
    padding-left: 30px;
    padding-top: 10px;
}
.admindivinside
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    padding-top: 10px;
    padding-left: 30px;
}

.welcome
{
    top: 150px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #CC0066;
    text-align: left;
}

.progimg
{
-webkit-filter: drop-shadow(5px 5px 5px #222);
    filter:         drop-shadow(5px 5px 5px #222);
     -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}
