@charset "utf-8";
/* CSS Document */

body{background:url(../images/common/background.jpg); background-attachment: fixed; background-size:cover; }

#container{background: rgba(200, 54, 54, 0); width:950px; height:auto; }

.head{width:inherit; height:120px; float: left;}
.head .logo{width:100%;}
.logo .l{width:250px; height:120px;}

 /*nav css*/.head .nav{position:fixed; top: 0; left:280px; margin-top:-30px; height:72px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; border-bottom-style: solid; width:650px; background-color: grey; opacity:0.9;}
ul { list-style-type:none; overflow:hidden; width:900px; font-size:20px; height:52px; border-bottom-left-radius:20px; border-bottom-right-radius:20px; font-family:"Trebuchet MS";}
.nav li {float: left;}
.nav li a {display:block; color:Black; text-align:center; padding:14px 16px; text-decoration:none;}
.nav li a:hover{ color:#FFB100;}
.nav li .a1:visited{color:#FFB100;}
.nav li {border-right: 1px solid red;}
.nav li:last-child{border: none;}
/*nav css*/

.c1 img{width:950px; height:550px; border-radius:10px;}
.mySlides {display:none;}
.mySlides:hover{opacity:0.8;}

.c2 {margin-left: 45px; width:950px;}
.c2 h1{text-align: left; color:#FFB100;  font-size:35px; 
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.c2 table{width:auto;}

.c3{ margin-left:45px; width:950px;  height:530px;}
.c3 h1{text-align: left; color:#FFB100;  font-size:35px; 
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}

.c3 .car{width:290px; height:450px; border-width:1px; float:left; border-style:none;  border-color:silver;          padding:2px;}
.car .img{ background-size:cover; width:100%; height:70%;}
.c3 .car .info{width:100%; height:30%; background-color:rgba(200, 54, 54, 0);  background-size:cover;}
.c3 .car .info table{ font-size: 20px; color:white;   width:100%; height:auto;}
.car .info .contact{width:80px; height:30px; font-size:20px; background:#FFB100; border-radius:5px; border:none;}
.car .info .contact:hover{ font-size:20px; background-color:red; color:black; border-radius:5px; border:none;}

.footer{width:100%; height:200px;  border-top-left-radius:10px; border-top-right-radius:10px;}
	.footer .icon{width:inherit; height:35px; background-color:rgba(200, 54, 54, 0);}
	.footer .icon a{padding-left:50px; padding-right:50px; color:gray;}
	.footer .info{display:flex; background:url(../images/common/fback.jpg); border-top-left-radius:10px; border-top-right-radius:10px;}
	.footer .info .a{width:50%; text-align-last: left; } 
	.footer .info .a .p1{color:goldenrod; font-family:"Trebuchet MS"; font-size:30px;   margin-left:20px;}
.footer .info p{color:black; font-size:20px; margin-left: 20px;}
    .footer .info .b h1{color:#FFB100; font-family:"Trebuchet MS"; font-size:22px; margin-top:60px;}
	
	.footer .info .b {width:50%;}
	.footer .info .b .p2{color:black; font-family:"Trebuchet MS"; font-size:23px;}
	.footer .info .b .e{width:200px; height:25px;}
	.footer .info .b .sub{ font-style:oblique; background-color:#D20022; height:31px; border:none; border-bottom-left-radius:0px; border-bottom-right-radius:8px; font-size:18px; border-top-left-radius:0px; border-top-right-radius:8px;}
	.footer .info .b .sub:hover{background-color:#FFB100;}
	.footer .info .b .fa-envelope{ height:25px; width:20px;}
             
        



/*loader*/ 
#loader {
    background: #111; 
	
	position: absolute;
	width:100%;
	height:100%;
	
}
	
.blob {
    width: 2rem;
    height: 2rem;
    background: rgba(230,230,230,0.85);
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 1rem);
    top: calc(50% - 1rem);
    box-shadow: 0 0 1rem rgba(255, 255, 255, 0.25);
}

.blob-2 { animation: animate-to-2 1.5s infinite; }
.blob-3 { animation: animate-to-3 1.5s infinite; }
.blob-1 { animation: animate-to-1 1.5s infinite; }
.blob-4 { animation: animate-to-4 1.5s infinite; }
.blob-0 { animation: animate-to-0 1.5s infinite; }
.blob-5 { animation: animate-to-5 1.5s infinite; }

@keyframes animate-to-2 {
    25%, 75% { transform: translateX(-1.5rem) scale(0.75); }
    95% { transform: translateX(0rem) scale(1); }
}

@keyframes animate-to-3 {
    25%, 75% { transform: translateX(1.5rem) scale(0.75); }
    95% { transform: translateX(0rem) scale(1); }
}

@keyframes animate-to-1 {
    25% { transform: translateX(-1.5rem) scale(0.75); }
    50%, 75% { transform: translateX(-4.5rem) scale(0.6); }
    95% { transform: translateX(0rem) scale(1); }
}

@keyframes animate-to-4 {
    25% { transform: translateX(1.5rem) scale(0.75); }
    50%, 75% { transform: translateX(4.5rem) scale(0.6); }
    95% { transform: translateX(0rem) scale(1); }
}

@keyframes animate-to-0 {
    25% { transform: translateX(-1.5rem) scale(0.75); }
    50% { transform: translateX(-4.5rem) scale(0.6); }
    75% { transform: translateX(-7.5rem) scale(0.5); }
    95% { transform: translateX(0rem) scale(1); }
}

@keyframes animate-to-5 {
    25% { transform: translateX(1.5rem) scale(0.75); }
    50% { transform: translateX(4.5rem) scale(0.6); }
    75% { transform: translateX(7.5rem) scale(0.5); }
    95% { transform: translateX(0rem) scale(1); }
}