@font-face {
  font-family: 'cambria';
  src: url('../fonts/cambria.ttf');
}



@font-face {
  font-family: 'gothic';
  src: url('../fonts/gothic.ttf');
}


body { font-family:'Raleway', sans-serif;}
.main-home { width:100%; height:auto; overflow:hidden; max-height:100%;     position: relative;}

.main-home .tilt {       width: 57%;
    transition: 0.2s ease;
    -o-transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    height: auto;
    float: left;
    border-left: 0px solid #000;
    text-align: center;
    position: relative;
    z-index: 999;
    overflow: hidden;
    transform: rotate(20deg);
    margin-left: -8%;
    margin-top: -18%;
    cursor: pointer;
   
   }
.main-home .tilt img{     width: 100%;     transition: 0.2s ease;
    -o-transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;

height: auto;}
.main-home .tilt:hover img {transform: scale(1.2);     transition: 0.2s ease; 
    -o-transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;}
  .raa {    background: #fff;
    /* margin-left: -4% !important; */
    margin-right: -34% !important;
    
    position: absolute !important;
    top: 140px !important;
    right: 29%;}
.raa img {transform: scale(1.0);     transition: 0.2s ease;}
.raa img:hover {transform: scale(1.2);     transition: 0.2s ease;
    -o-transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;}
	
	.call a{ color:white; font-size:18px;}
	.main-home .top-bar { width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.29);
    padding: 8px 25px;
    position: absolute;
    z-index: 99999;
    top: 0px;}
	
	.main-home .top-bar .socail-home{ float:right;}
	
	.main-home .bottom-bar { width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.29);
    padding: 10px 25px;
    position: absolute;
    z-index: 99999;
    bottom: 0px;}
	.main-home .bottom-bar ul{ list-style:none;  margin:0; padding:0;}
		.main-home .bottom-bar ul li { float:left; width:44%; text-align:center; font-size:30px; color:#fff; font-weight:normal; font-family: inherit; margin-right: 6%;}
			.main-home .bottom-bar ul li strong{color:#fff;  font-weight:bold !important;}
	
	
	
.main-home .left-arrow { z-index:9999; position:absolute; width:auto; height:auto; top:40%; left:10px; transition: 0.2s ease;
    -o-transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;}	
.main-home .left-arrow  img {width:80%; }
.main-home .right-arrow { z-index:9999; position:absolute; width:auto; height:auto; top:40%; right:10px;}	
	.main-home .right-arrow  img {width:80%; }
	
.main-home .text { width:18%; position:absolute; z-index:9999; top:12%; font-family:inherit; font-size:18px; right:10px; color:white;     text-align: right; font-style: italic;}	
.main-home .text  strong {font-style: normal; font-family:inherit; color:#fff; font-size:25px;}