@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:300i|Roboto:300');
body{
	font-family: 'Roboto', sans-serif !important;
	font-size:18px;
	background:#fff;
	color:#000;
	
}
.logo_left{
	
	z-index:99999999999999999999999999 !important;
	top:8px !important;
}
.logo_right{
	float:right !important;
	z-index:99999999999999999999999999 !important;
}
.row-top{
	
	background-color:#fff;
	opacity:0.5;
	height:120px;
	
}
.menu-list{
	z-index:99999999999999999999999999 !important; 
	position:absolute !important; 
	left:-122.656px !important; 
	top:25px !important; 
	background:#69130f !important;
	float:right;
	
}
.menu-list  a{
	color:#fff;
	font-size:12px;
}
.li a{
	color:#000 !important;
	font-size:12px !important;
}
.li a:hover{
	color:#fff !important;
	background:#69130f;
	font-weight:bold;
	font-size:12px !important;
}
.btn:hover{
	color:#fff;
}
.drop-toggle{
	background:#69130f; 
	color:#fff; border:none; 
	outline:none; 
	font-size:16px;
}
.drop-menu{
	z-index:99999999999999999999999999 !important; 
	position:relative !important; 
	top:40px;
	float:right;
	color:#fff !important;
	}
.menu-align{
	padding-top:30px; 
	text-align:center;
	
}
.row{
	margin-left:0 !important;
	margin-right:0 !important;
}

.page-scroll {
    display: none;
    width: 30px;
    height: 30px;
    background: url(../images/scroll-up.png) no-repeat left top;
    position: fixed;
    bottom: 40px;
    right: 10px;
    cursor: pointer;
    z-index: 10000;
}

@media screen and (max-width: 768px){
.menu-align{
	margin-top:20px;
}
}


.feature{
transition: 1s ease;
}

.feature:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: 1s ease;
background-color:#f1f1f1;
color:#111;

}


.zoom {
    transform: scale(1); 
}

.zoom:hover {
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05); 
	transition: .4s ease-out; 
    transition-delay: 0.1s;
}

.btmlogo{
	/* margin-top:480px; */
	position: fixed;
	right: 20px;
	bottom: 50px;
	z-index:-10 !important;
}

.martop120{
	margin-top:120px;
}

.martop135{
	margin-top:135px;
}

.dsknav{
	display:block;
	margin-top:-120px; 
}

.mobnav{
	display:none;
	margin-top:-120px;
}

.footerright{
	text-align: right;
}

.banner{
	position:absolute;
	top: 0;
	z-index: -10;
	margin-right:0 !important;
	margin-left:0 !important
}

.mainlogo{
	float:left;
	margin-top:-120px;
}

@media screen and (min-width:1330px) and (max-width:1366px){
	.btmlogo{
		margin-top:380px;
		z-index:-10 !important;
	}

	.martop120{
		margin-top:75px;
	}

	.martop135{
		margin-top:90px;
	}
}

@media screen and (min-width:1300px) and (max-width:1329px){
	.btmlogo{
		margin-top:370px;
		z-index:-10 !important;
	}

	.martop120{
		margin-top:65px;
	}

	.martop135{
		margin-top:80px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px){
	.btmlogo{
		margin-top:440px;
		z-index:-10 !important;
	}

	.martop120{
		margin-top:20px;
	}

	.martop135{
		margin-top:35px;
	}
}

@media screen and (max-width:420px){
	.dsknav{
		display:none; 
	}
	
	.mobnav{
		display:block;
		margin-top:-160px;
		max-width:400px;
	}

	.btmlogo{
		margin-top:180px;
		z-index:-10 !important;
	}

	.martop135{
		margin-top:-20px;
	}

	.martop120{
		margin-top:-20px;
	}

	.footerright{
		text-align: center;
	}

	.footerleft{
		text-align: center;
	}

	.banner{
		position:absolute;
		top: 80px;
		z-index: -10;
		margin-right:0 !important;
		margin-left:0 !important
	}

	.mainlogo{
		float:left;
		margin-top:-140px;
		max-width:200px;
	}




}