/* Clearfix */
.clearfix:before,
.clearfix:after { content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}


/* fonts for navi */

@font-face {
	font-family: 'RageItalic';
	src: url('fonts/RageItalic.eot');
	src: local('RageItalic'), url('fonts/RageItalic.woff') format('woff'), url('fonts/RageItalic.ttf') format('truetype');
}
/* Basic Styles */
header{
	position:absolute;
	z-index:10;
	width:100%;
	top:0;
	/* min-height:60px;
		background:#fff5e3; */
		background:rgba(255, 245, 227, 0.8);
	}
nav {
	
	position: relative;
	}
nav ul {
	padding:0;
	margin:0;
	list-style-type:none;
	text-align:left;
	}
nav li {
	display:inline-block;
	list-style-type:none;
	font-family:Rage;
	margin:0 20px 0 0;
	padding:10px 0 10px 0;
	font-family:'Rage'!important;
	}
nav li:first-child{
	margin:0 20px 0 220px;
}
nav li a.tnvi{
	font-family:RageItalic !important;
	color:#1a1d4a;
	font-size:35px;
	display:block;
	line-height:40px;
	text-decoration:none;
	margin:0;
	padding:0;
	position:relative;
}
nav li a.tnvi:hover{
	color:#fff;	
}

nav li:hover a{color:#fff;}
nav li a.tnvi:hover:after, nav li:hover a.tnvi:after{
	position:absolute;
	content:"";
	-webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
	background:#e6002c;
	border-radius:6px;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-5deg);
	
	/* Firefox */
	-moz-transform: rotate(-3deg);

	/* IE */
	-ms-transform: rotate(-3deg);

	/* Opera */
	-o-transform: rotate(-3deg);

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	top:0;
	color:#fff;
    left: 0;
    margin: 0;
    padding: 0;
	height: 40px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
nav li a.tnvi-activ{
	font-family:RageItalic !important;
	color:#fff;
	font-size:35px;
	display:block;
	line-height:40px;
	text-decoration:none;
	margin:0;
	padding:0;
	position:relative;
}
nav li a.tnvi-activ:after{
	position:absolute;
	content:"";
	-webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
	background:#e6002c;
	border-radius:6px;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-5deg);
	
	/* Firefox */
	-moz-transform: rotate(-3deg);

	/* IE */
	-ms-transform: rotate(-3deg);

	/* Opera */
	-o-transform: rotate(-3deg);

	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	top:0;
	color:#fff;
    left: 0;
    margin: 0;
    padding: 0;
	height: 40px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}


nav #pull {	display: none;color:#fff!important;height:36px;cursor:pointer;background:none;}


li.objnav ul.subNvi{
	display:none;
	position:absolute;
	left:0;
	top:60px;
	background:rgba(0, 30, 60, 0.7);
	/* z-index:4; */
	width:100%;
	padding:10px 0 10px 260px;
	box-sizing: border-box;
	/* opacity:0.5; */
}
li.objnav:hover ul.subNvi{
	display:block;
}
li.objnav:hover ul.subNvi li:first-child, ul.subNvi li:first-child,li.objnav:hover ul.subNvi li:last-child, ul.subNvi li:last-child {padding:0;margin:0;}
li.objnav:hover ul.subNvi li{padding:5px 0 0 0;color:#fff;display:inline-block;}
li.objnav:hover ul.subNvi li a{color:#fff;text-decoration:none;}
li.objnav:hover ul.subNvi li a:hover{
	color:rgba(255, 255, 255, 0.5);
	}

	
li.objnav ul.spass-subnav{
	padding:10px 0 10px 756px  !important;
	/* padding:10px 0 10px 480px !important; */
}

li.s-objnav a.tnvi{
	cursor:default;
}
li.s-objnav a.tnvi-activ{
	cursor:default;
}
.admin-switch{
	font-family:Georgia, Times, 'Times New Roman', serif;
	background:rgba(255, 245, 227, 0.8);
	padding:4px 0 4px 44px;
	margin:0;
	text-decoration:none;
	position:relative;
	z-index:9;
    opacity: 0.7;
}
.admin-close-btn{
	/* background:rgba(0, 30, 60, 0.7); */
	font-family:Georgia, Times, 'Times New Roman', serif;
	font-size:10px;
	width:15px;
	height:15px;
	border-radius:50%;
	color:#fff;
	margin:2px 5px;
	position:absolute;
	top:5px;
	right:5px;
	display:block;
	z-index:10;
	text-align:right;
	vertical-align:right;
	text-decoration:none;
    margin-right: 255px;
}

/* 
li.objnav ul.subNvi-open{
	display:block;
	position:absolute;
	left:0;
	top:60px;
	background:rgba(0, 30, 60, 0.9);
	width:100%;
	padding:10px 0 10px 260px;
	box-sizing: border-box;
}
li.objnav ul.subNvi-open li a{
	color:#fff; text-decoration:none;
}
li.objnav ul.subNvi-open li a.active{
	color:#FD4B6B;
}	
 */
	
/*Styles for subnavi for screen 1104px and lower*/
@media screen and (max-width: 375px) {
	html, body{overflow-y: scroll;}
	.logo{width:100px;left:10px;}
	.ft-logo{width:100px;right:10px;z-index:9999;}
	nav li a.tnvi:hover:after, nav li:hover a.tnvi:after, nav li a.tnvi-activ:after{
		width:95% !important;
	}
	/* .menu ul li{height:auto;width:100%;} */
	.menu ul li a {
	display: block;
	line-height: 20px;
	padding:10x;
	}
	.menu{bottom:0;position:relative !important;}
	.menu ul{padding:0 !important ;}
	li.objnav ul.subNvi{padding:0 !important;}
	.main-page-cont{margin:110px 20px 20px 20px;display:cell}
	.page-cont{margin:0;}
	.inter-content{
		width:100%;
	}
	#content p{margin-right:0;}
	.main-img-gall, div.rt-thumbnail-block{
		float:none;
		clear:both;
		width:100%;
		text-align:center;
		margin:0 0 20px 0;
	}
	ul.thumb{display:none;}
	.admin-switch{
		padding:4px 0 4px 10px;
	}
    
}



/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	
	.logo{width:100px;left:10px;}
	.ft-logo{width:100px;right:10px;}
	nav {height: auto;color:#fff!important;}
  	nav ul {margin:46px 0 0 10px;width: 100%;display: block;height: auto;color:#fff!important;}
  	nav li {width: 95%;position: relative;color:#fff!important;padding:10!important;}
	.menu{bottom:0;position:relative !important;}
	.menu ul{padding:0 !important ;}
	li.objnav ul.subNvi{padding:0 !important;}
	.inter-content{
		width:100%;
	}
	.menu{bottom:0;position:relative !important;}
	.menu ul{padding:0 !important ;}
	.main-page-cont{margin:110px 20px 20px 20px;display:cell}
	.page-cont{
		margin:0;
	}
	.inter-content{
		width:100%;
	}
	#content p{margin-right:0;}
	.main-img-gall, div.rt-thumbnail-block{
		float:none;
		clear:both;
		width:100%;
		text-align:center;
	}
	ul.thumb{display:none;}
	.admin-switch{
		padding:4px 0 4px 10px;
	}
	
}


/*Styles for screen 515px and lower*/
@media only screen and (max-width : 1250px){
	.logo{width:110px;left:10px;}
	.ft-logo{width:100px;right:10px;}
	.menu{bottom:0;padding: 0;}
	.menu ul{padding:0 !important ;}
	.main-page-cont{margin:110px 20px 20px 20px;display:cell}
	.page-cont{margin:0;}
	nav li:first-child{
		margin:0 20px 0 110px;
	}
	nav li a.tnvi{
		font-size:32px;
	}
	
}
@media only screen and (max-width : 1020px){
    .admin-switch
    {
        padding-left:43px;
    }
	.logo{width:100px;left:10px;z-index: 999;}
	.ft-logo{width:100px;right:10px;}
	header{
		z-index:99;
		width:100%;
	}
	nav {
		color:#fff!important;
		margin:0;
	}
	nav ul {
		display: none;
		height: auto;
		color:#fff!important;
		margin:46px 0 0 10px;
	}
	nav ul  li{
		margin:0 !important;
		width:95% !important;
	}
	nav li:hover a{color:#fff;}
	nav li a.tnvi:hover:after, nav li:hover a.tnvi:after, nav li a.tnvi-activ:after{
		position:absolute;
		content:"";
		-webkit-box-shadow: 0 0 10px #000;
		box-shadow: 0 0 10px #000;
		background:#e6002c;
		border-radius:6px;
		-webkit-transform: rotate(-0deg);
		transform: rotate(-0deg);
		
		/* Firefox */
		-moz-transform: rotate(-0deg);

		/* IE */
		-ms-transform: rotate(-0deg);

		/* Opera */
		-o-transform: rotate(-0deg);

		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
		z-index:999;
		top:0;
		color:#fff;
		left: 0;
		margin: 0;
		padding: 0;
		/* height: 40px; */
		position: absolute;
		top: 0;
		width: 99%;
		z-index: -1;
	}
	li.objnav{height:auto !important;}
	li.objnav ul.subNvi{
		 background:none !important;
		width:100%;
		position:relative !important;
		top:0 !important;
		margin:0 !important;
		padding:0 !important;
	}
	li.objnav:hover ul.subNvi li{padding:10px;color:#002052 !important;text-align:left;width:100%;}
	
	li.objnav:hover ul.subNvi li a, li.objnav:hover ul.subNvi li a:hover{
		color:#002052;
		text-align:left;
		width:100%;
		margin:0;
		display:block;
	}
	li.objnav:hover ul.subNvi li:first-child, ul.subNvi li:first-child,li.objnav:hover ul.subNvi li:last-child, ul.subNvi li:last-child {
		padding:10px;margin:0;
		}
	nav #pull {
		display: block;
		/* background: url("../images/menu-ico.png") no-repeat; */
		/* background: rgba(0, 0, 0, 0) url("../images/menu-ico.png") no-repeat scroll 40px auto; */
		/* background:  url('../images/menu-ico.png') no-repeat scroll center center / contain ; */
		width:40px;
		line-height:40px;
		position: absolute;
		color:#fff!important;
		margin:10px 0 0 10px;
		padding:0;
		right:10px;
		z-index:999;
		text-align:center;
		font-family:'Rage' !important;
	}
	/* nav #pull:after {
		content:"";
		background:#12110f;
		width:45px;
		height: 44px;
		position: absolute;
		color:#fff!important;
		cursor:pointer;
		z-index:999;
		right:0;	
	} */
	nav #pull .fa-bars{
		color:#fff !important;
		font-size:24px !important;
		
	}
	nav #pull .fa-times{
		color:#19344f !important;
		
	}
	nav #pull .fa-times::before{
		content: "\f00d" !important;
	}
	nav #pull .fa-bars{display:block;}
	nav #pull .fa-times{display:none;}
	nav #pull.active .fa-bars{display:none;}
	nav #pull.active .fa-times{display:block;}
	
	nav #pull.active .fa-times{
		font-size:22px;
	}
	
	
	/*--- New css for hamburger animation ---*/	
	nav #pull{ 
		cursor: pointer;
	}
	nav #pull span, nav #pull span:before, nav #pull span:after {
		cursor: pointer;
		border-radius: 1px;
		height: 4px;
		width: 20px;
		background: white;
		position: absolute;
		display: block;
		content: '';
	}
	nav #pull.active span, nav #pull.active span:before, nav #pull.active span:after {
		background:#19344f;
	}
	nav #pull span{
		top:10px;
		right:10px;
	}
	nav #pull span:before {
		top: -7px; 
		right:0px;
	}
	nav #pull span:after {
		bottom: -7px;
		right:0px;
	}

	nav #pull span, nav #pull span:before, nav #pull span:after {
		transition: all 500ms ease-in-out;
		-ms-transition: all 500ms ease-in-out;
		-webkit-transition: all 500ms ease-in-out;
	}
	nav #pull.active span {
		background-color: transparent;
		box-shadow: none;
	}
	nav #pull.active span:before, nav #pull.active span:after {
		top: 0;
	}
	nav #pull.active span:before {
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	nav #pull.active span:after {
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
    /*--- New css for hamburger animation ends ---*/	

	
	.menu{bottom:0;padding: 0;}
	.menu ul{padding:0 !important ;}
	.main-page-cont{margin:110px 20px 20px 20px;display:cell}
	.page-cont{margin:0;}
	.inter-content{
		width:100%;
	}
	ul.thumb{display:none;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {	
	nav li a.tnvi{font-size:30px !important;}
	
}
/*Smartphone*/
@media only screen and (max-width : 640px) and (orientation : portrait) {
	div.header{width:100%;}
	
	li.objnav:hover ul.subNvi li{margin:0;color:#fff;text-align:left;width:100%;}
	li.objnav:hover ul.subNvi li a, li.objnav:hover ul.subNvi li:hover a{color:#002052 !important;text-align:left;width:100%;margin:0 !important;    line-height: 11px;}
	.menu ul li{height:auto;padding: 0 100px 0 0;}
	.menu ul li a {
	display: block;
	line-height: 20px;
	padding:10x;
	}
	.menu ul li:last-child{padding-right:130px;}
	.logo{width:100px;left:10px;z-index: 999;}
	.ft-logo{width:100px;right:10px;}
	#content p{margin-right:0;}
	.main-img-gall, div.rt-thumbnail-block{
		float:none;
		clear:both;
		width:100%;
		text-align:center;
		margin:0 0 20px 0;
	}
    .admin-switch
    {
        padding-left: 3px;
    }
    
}

@media screen and (max-width: 375px) {
    .admin-close-btn
    {
        margin-right: 14px;
    }
}


/*Smartphone*/
@media only screen and (max-width : 600px) and (orientation : landscape) {
	div.header{width:100%;}
	nav li {display: block;float: left;width: 33%;color:#000!important;margin:0;padding:0;}
	li.objnav:hover ul.subNvi li a, li.objnav:hover ul.subNvi li:hover a{color:#002052 !important;text-align:left;width:100%;margin:0 !important;}
	.logo{width:100px;left:10px;}
	.ft-logo{width:100px;right:10px;}
	.menu ul li{height:auto;padding: 0 100px 0 0;}
	.menu ul li a {
	display: block;
	line-height: 20px;
	padding:10x;
	}
	.menu ul li:last-child{padding-right:110px;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

	.fot-fix{
		 bottom: 0px;
		padding: 0px 0;
		position: fixed;
		width: 100%;
		z-index: 2;
	}
    .admin-close-btn
    {
        margin-right: 115px;
    }
    
 }
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.fot-fix{
		bottom: 0px;
		padding: 0px 0;
		position: fixed;
		width: 100%;
		z-index: 2;
	}
    .admin-close-btn
    {
        margin-right: 115px;
    }
}


/* --- Css for gallery issue --- */
@media screen and (max-width: 815px) {
.main-img-gall, div.rt-thumbnail-block{
		float:none;
		clear:both;
		width:100%;
		text-align:center;
		margin:0 0 20px 0;
}
.main-img-gall{
	box-sizing:border-box;
}
div.rt-thumbnail-block .thumbnail{
	margin:0 8px 20px 8px;
}
div.rt-thumbnail-block .thumbnail img{
	box-sizing:border-box;
}
}
/* --- Css for gallery issue ends --- */

/* --- Css for new menu alignment --- */
@media screen and (max-width: 1240px){
li.objnav ul.subNvi{
	padding:10px 0 10px 110px;
}
}
@media screen and (max-width: 1085px){
nav li{
	margin:0 18px 0 0;
}
nav li:first-child{
	margin:0 18px 0 110px;
}
}
@media screen and (max-width: 1024px){
nav li{
	margin:0 17px 0 0;
	}
	nav li:first-child{
		margin:0 17px 0 125px;
	}
}

nav #pull span, nav #pull span::before, nav #pull span::after {
	box-shadow: 1px 1px 4px #000000;
}

/* --- Css for new menu alignment ends --- */