@font-face {
  font-family: 'kartika';
/*src:url('../fonts/ML_TT_Karthika_Normal.ttf') ;*/
src:url('/fonts/AnjaliOldLipi.ttf');
}
@font-face {
  font-family: 'chilanka';
/*src:url('../fonts/ML_TT_Karthika_Normal.ttf') ;*/
src:url('../fonts/chilanka.ttf');
}

body, html {
width: 100%;
height: 100%;
font-family: 'kartika',Verdana, Geneva, sans-serif;
/*font-family: 'kartika' ;
*/
background:none; background-color:transparent;

}
.slider {
height: 100%;
overflow: hidden;
/*position: relative*/ /*position:relative;*/    position: fixed;
    z-index: -1;
    min-height: 100%; 
	width:100%;
}
.slider .slider-wrapper {
/*position: absolute;*/ position:absolute;
width: 90000px; 
height: 100%
}
.slider section {
float: left;
max-width: 100%;
height: 100%
}
.slider section img {
min-width: 100%;
height: 100%
}
.slider .control {
position: absolute;
/*display: block;*/ display:none;
width: 100px;
height: 100%;
background-color: rgba(0,0,0,0.3)
}
.slider .control.right {
right: 0;
/*border-left:ridge 2px #555;*/
border-left:double #555;

}
.slider .control.left {
	/*border-right:ridge 2px #555;*/border-right:double #555;
}
.hover-img-effect section {
width: 1200px;
height: 400px;
margin: 120px auto 0
}
.hover-img-effect section .img-full {
float: left;
width: 600px;
height: 400px;
position: relative
}
.hover-img-effect section .img-full:hover .loupe-glass, .hover-img-effect section .img-full:focus .loupe-glass {
display: block
}
.hover-img-effect section .img-full .loupe-glass {
width: 50px;
height: 50px;
background-color: rgba(0,0,0,0.4);
position: absolute;
display: none;
z-index: 9999;
left: 0;
top: 0
}
.hover-img-effect section .img-full img {
width: 600px;
height: 400px
}
.hover-img-effect section .loupe {
float: left;
width: 600px;
height: 400px;
overflow: hidden;
position: relative
}
.hover-img-effect section .loupe img {
width: 600px;
height: 400px;
-webkit-transform: scale(2.4);
-ms-transform: scale(2.4);
transform: scale(2.4);
position: absolute
}



.cen {
	position: absolute;
    width: 100%;
    height: 100%;
    background:none;
  
    z-index: 1;
}

.man {
	
	margin:auto auto;
	min-height:100%;
	background:url(../../img/hom.png) no-repeat;
	background-size:cover;
	 border-top: solid 5px #10881A;
	  border-bottom: solid 5px #10881A;
	  max-height: 100%;
    overflow-x: hidden;
    overflow-y: scrole;
	    border-left: double #10881A;
    border-right: double #10881A;
}
.man .hed {
	background: rgba(0,0,0,0.3);
    border-bottom: ridge 2px rgb(227, 229, 169);
    border-top: ridge 2px rgb(227, 229, 169);
	text-align:center;
	   
}
.man .hed h2 {
	/*font-family: 'kartika',Verdana, Geneva, sans-serif;*/ font-family: 'chilanka';
	
	font-weight:400;
	text-align:center;
	color: #10881A;
	text-shadow: 0px 1px #fff;
	padding-top: 10px;
    padding-bottom: 6px;
	    
}
.man .hed h6 {
	font-size: 20px;
    font-weight: 300;
        color: #0B1707;
    text-shadow: 0px 1px #555;
    text-align: center;
	margin-bottom:10px;
	    border-top: solid 1px rgb(0, 35, 29);
    display: inline-block;
}

.man .lis {
	font-family: 'kartika',Verdana, Geneva, sans-serif;
	text-align:center;
	    margin-top: 35px;
    margin-bottom: 35px;
}
.man .lis ul {
	list-style:none;
	font-family: 'kartika',Verdana, Geneva, sans-serif;
	
}
.man .lis ul li {
	font-size:21px;
	    color: #555;
    font-weight: 500;
	line-height:60px;
	    text-shadow: 0px 1px #fff;
}
.man .lis ul li:before {
	content:"-";
	    margin-right: 8px;
	
}
.man .lis ul li:after {
	content:"-";
	    margin-left: 6px;
}

.man .foot{
	text-align:center;
}
.man .foot .marq {
		font-family: 'kartika',Verdana, Geneva, sans-serif;
		    background: #A3A77A;
    padding-top: 10px;
    text-shadow: 0px 1px #E8EDAD;
    color: #0C6B14;
	    border-bottom: solid 1px #10881A;
    border-top: solid 1px #10881A;
}
.man .foot .foot-copy{
	padding-top:10px;
	padding-bottom:10px;
}
.man .foot .foot-copy p {
	font-size: 15px;
    line-height: 23px;
	font-family:Verdana, Geneva, sans-serif;
       color: #000;
    text-shadow: 0px 1px #fff;
}
.man .foot .foot-copy p a {
	color:#063;
}
.man .foot .foot-copy p a:hover {
	text-decoration:underline;
}

 /*   max-height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;*/
	
	
	@media only screen and (min-width: 700px){
		.man {
	width:50%;
		}
		.man .hed h2 {
		font-size:40px;
		}
	}
	@media only screen and (max-width: 700px){
	.man .hed h6 {
		font-size:16px;
	}
	}
	a.book {
   /* font-size: 1.2em;*/    font-size: 14px;  font-family: 'kartika';
        color: #F12956;
   /* padding: 0.5em 1.5em;*/    padding: 10px 2px 10px 2px;
  /*  border: 4px solid #D0CDCD;*/border: 4px solid #749840;
   /* width: 39%;*/ width:135px;
    margin: 3em auto;
    display: block;
    font-weight: 400;
	text-align: center;    text-shadow: 0px 1px #FFF;
}
.banner a.active{
    color: #EA7686;
}
/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
}
.hvr-outline-out:before {
  content: '';
  position: absolute;
 /* border: #e1e1e1 solid 4px;*/border: #C9B35A solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}



.img {
	 max-width:200px;
}


::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #61402D;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #61402D;
}








/**********************--------------------*/

.ow {
}




/*********------------------------------------------*************/

@media screen and (min-width:500px){
	.hov {
		margin-left: -100px;
      margin-top: -5px;
	}
	.hov1 {
		margin-left: -30px;
      margin-top: -5px;
	}
}
@media screen and (max-width:500px){
	.hov {
		margin-left: -100px;
      margin-top: -5px;
	}
	.hov1 {
		left:0;
      margin-top: -35px;
	  position:absolute;
	}
}

#hov1 {
	display:none;
}
#hov {
	display:block;
}

.hov {
	    font-size: 17px;
    cursor: pointer;
    background: #000000;
    padding: 2px 2px 3px 7px;
    color: rgba(191, 159, 110, 0.64);
    width: 100px;
    height: 30px;
    float: left;
    display: block;
    text-align: left;
    font-family: initial;
	    border-bottom-left-radius: 6px;
		    border-top-left-radius: 6px;
			  /*  box-shadow: -2px 0px 7px rgba(238, 238, 238, 0.79);*/
			      box-shadow: -2px 0px 7px rgba(0, 0, 0, 0.61);
	}

.hov1 {
	font-size: 18px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.78);
    padding: 2px 2px 3px 10px;
    color: #62412E;
    width: 30px;
    height: 30px;
    float: left;
    display: none;
    /* text-align: center; */
	}
	
.hi {
	width:300px;
	position: fixed;
           /* background: #D5DD25;*/    /*background: url(../images/bg.png) repeat-y;*/
		   background: url(../images/bg.jpg) repeat-y;
    background-size: 100% auto;
	    padding-bottom: 5px;
    padding-top: 5px;
	bottom: 65px;
	z-index:10000000;
   
	    right: -300px;
		 /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
.hi h3 {
	font-size: 24px;
    color: rgba(0, 0, 0, 0.86);
    font-family: initial;
    border-bottom: solid 1px #1E0F08;
    margin-bottom: 6px;
    border-top: solid 1px #0D0702;
    margin-top: -5px;
    padding-bottom: 2px;
    box-shadow: 0px 0px 10px rgb(0, 0, 0);
}
.hi table{
	background:none;
	border:none;
	margin:0;
	    width: 96%;
    margin: auto auto;
	

}
.hi table tr {
	background:none;
}
.hi table tr td {
	border:none;
}
.hi table td input[type='text']{
	width: 100%;
    height: 35px;
    border: solid 1px #eee;
    padding: 6px;
    font-size: 11px;
    font-weight: 300;
	color:#555;
	    margin-bottom: 5px;
}
.hi table td textarea {
	width:100%;
	 height: 125px;
    border: solid 1px #eee;
    padding: 6px;
    font-size: 11px;
    font-weight: 300;
		color:#555;
		    margin-bottom: 5px;

}
.hi table td input[type='submit']{
	       /* background: #00A69C;*/    background: #000000;
		color:#fff;
    padding: 5px;
    cursor: pointer;
    border: none;
	    box-shadow: 0px 0px 5px #FFF;
		transition: 0.5s; 
}
.hi table td input[type='submit']:hover {
	       background: #555555;
		 color:#fff;
}







.slds {
	position:fixed;
	height:100%;
	float:right;
	right:0; z-index:-1;
}



/*****************----------------------*********************/
.slds .slds1 {
	position: absolute; width: 100%; height: 100%; z-index:100; float:right; right:0;}
	.slds2 {
		cursor: move; position: absolute; width: 100%; height: 100%;top:0px;right:0px;overflow:hidden;}

.slds2 img {
	height:100%; position:absolute; width:100%;
}

/*************************/


.rlin {
	position: fixed;
    right: 0px;
    height: 100%; 
}

.rlin1 {
	  
    position: absolute;
    height: 100%;
}
@media screen and (min-width: 769px){
.ffooter {
	    position: fixed;
    bottom: 0;
    z-index: 100;
	    background: #000;
	padding-top: 0px;
    padding-bottom: 0px;
	min-height:50px;
	    padding-left: 30px;
    padding-right: 30px;
}
}
@media screen and (max-width: 769px){
.ffooter {
	    position:relative;
    bottom: 0;
    z-index: 100;
	    background: #000;
	padding-top: 0px;
    padding-bottom: 0px;
	min-height:50px;
	    padding-left: 30px;
    padding-right: 30px;
}
}
.ffooter .col-xs-3 {
	text-align:center;
	
}
.ffooter p {
    margin-bottom: 0;
    margin-top: 0;
    font-size: 12px;
    color: rgba(238, 238, 238, 0.54);
    margin: 0;
    /* margin-top: 13px; */
    line-height: 28px;
    padding: 10px 0px 10px 0px;
}
.ffooter p a {
	    /*color: rgba(7, 142, 206, 0.45);*/    color: rgba(9, 143, 207, 0.54);
		text-decoration:none;
}
.ffooter p.men1 {
	    margin-bottom: 10px;
    margin-top: 10px;
}
.ffooter a.men {
	    background: #222;
    text-decoration: none;
    padding: 10px 5px 10px 5px;
    color: #555;
}



/*-------------principle---------------*/
@media screen and (min-width: 768px) {
	.prt {
		    margin-bottom: 75px;
			    max-height: 525px;
    overflow: hidden;
	}
	.prt ul {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
	}
	.prt ul li{
		float:left;
	}
	
	.prt ul li .prtA{
/*	background:url(../images/p_architect.png) no-repeat left top;
    background-position: -111px 0px !important;
    background-size: cover !important;*/
	height:525px;
	width:430px;    min-height: 525px;
	position: relative;    float: left;
	}
		.prt ul li .prtA img.parch{
		display:none;
	}
 .prt ul li .prtA h6 {
	font-size: 12px;
    margin: 0px 0px 0px 0px;
    background: rgba(68, 68, 68, 0.64);
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 400;
    color: rgba(255, 254, 248, 0.88);
    margin-top: 1px;
    width: 525px;
    position: absolute;
    line-height: 33px;
    top: 0px;
    left: 390px;
	cursor:pointer;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: 20px 20px;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 20px 20px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 20px 20px;
    -o-transform: rotate(90deg);
    -o-transform-origin: 20px 20px;
    transform: rotate(90deg);
	}
	.prt ul li .prtA h6 span{
    display: inline-block;
      float: left;
    margin-right: 5px;
    margin-left: 5px;
	}
	.prt ul li .prtA h6 span img{
	 width: 21px;
	 transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	}
	.prt ul li .prtA h6 span img.open{
			    transform: rotate(-90deg);
	}
	.prt ul li .prtA h6 span img.clos{
			    transform: rotate(90deg);
	}
	.prt ul li .prtA_1{
    width: 365px;
    height: 525px;    min-height: 525px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    float: left;
    background: #fff;
    padding: 15px 15px 15px 15px;
	    display: none;
		    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	}
	.prt ul li .prtA_1 h3 {
		    font-size: 20px;
    line-height: 24px;
    margin: 5px 0px 10px 0px;
    color: #444;
    text-transform: uppercase;
	}
	.prt ul li .prtA_1 h4{
		font-size: 16px;
    text-transform: capitalize;
    line-height: 24px;
    margin: 0px 0px 5px 0px;
    color: #777;
	}
	.prt ul li .prtA_1 p{
		    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-align: left;
    margin-bottom: 5px;
    font-weight: 300;
	}
	
.prt ul li .prtB{
    height: 525px;
    width: 33px;
    position: relative;
    float: left;    min-height: 525px;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	}
 .prt ul li .prtB h6 {
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    /* background: #00000091; */
    background: rgba(68, 68, 68, 0.64);
    line-height: 24px;
    text-transform: none;
    font-weight: 400;
    color: rgba(255, 254, 248, 0.88);
    margin-top: 1px;
    width: 525px;
    position: absolute;
    line-height: 33px;
    top: 0px;
    left: -7px;
    cursor: pointer;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: 20px 20px;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 20px 20px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 20px 20px;
    -o-transform: rotate(90deg);
    -o-transform-origin: 20px 20px;
    transform: rotate(90deg);
	}
	.prt ul li .prtB h6 span{
    display: inline-block;
      float: left;
    margin-right: 5px;
    margin-left: 5px;
	}
	.prt ul li .prtB h6 span img{
		    width: 21px;
			    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	}
		.prt ul li .prtB h6 span img.open{
			    transform: rotate(-90deg);
	}
	.prt ul li .prtB h6 span img.clos{
			    transform: rotate(90deg);
	}
	.prt ul li .prtB_1{
    width: 365px;
    height: 525px;    min-height: 525px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    float: left;
    background: #fff;
    padding: 15px 15px 15px 15px;
	    display: none;
	}
	.prt ul li .prtB_1 img{
			max-width:100%;
			margin-bottom:5px;
	}
	.prt ul li .prtB_1 h3 {
		    font-size: 20px;
    line-height: 24px;
    margin: 5px 0px 10px 0px;
    color: #444;
    text-transform: uppercase;
	}
	.prt ul li .prtB_1 h4{
		font-size: 16px;
    text-transform: capitalize;
    line-height: 24px;
    margin: 0px 0px 5px 0px;
    color: #777;
	}
	.prt ul li .prtB_1 p{
		    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-align: left;
    margin-bottom: 5px;
    font-weight: 300;
	}
	.prt ul li .prtB_1 .bx{
	}
	.prt ul li .prtB_1 .bx h4{
		font-size: 16px;
    line-height: 24px;
    color: #666;
    margin: 0px 0px 5px 0px;
    text-transform: capitalize;
	}
	.prt ul li .prtB_1 .bx h4 span{
	}
	.prt ul li .prtc_1{
		    width: 365px;
    height: 525px;    min-height: 525px;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    float: left;
background: #00000069;
    padding: 15px 15px 15px 15px;
	}
	.prt ul li .prtc_1 p{
    font-size: 14px;
    line-height: 24px;
    color: #ccc;
    text-align: justify;
    margin-bottom: 5px;
    font-weight: 300;
	}
}
@media screen and (max-width: 768px) {
	.prt {
		    margin-bottom: 75px;
	}
	.prt ul {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
	}
	.prt ul li{
		float:left;
		position:relative;
		width:100%;
	}
	
	.prt ul li .prtA{
/*	background:url(../images/p_architect.png) no-repeat left top;
    background-position: -111px 0px !important;
    background-size: cover !important;
	height:525px;
	width:430px;    min-height: 525px;*/
	position: relative;    float: left;
	    width: 100%;
	}
	.prt ul li .prtA img.parch{
		width: 100%;
	}
 .prt ul li .prtA h6 {
font-size: 12px;padding-left: 6px;
    margin: 0px 0px 0px 0px;
    background: rgba(68, 68, 68, 0.64);
    text-transform: uppercase;
    font-weight: 400;
    color: rgba(255, 254, 248, 0.88);
    margin-top: 1px;
    width: 100%;
    position: absolute;
    line-height: 33px;
    bottom: 0px;
    left: 0;
    cursor: pointer;
	}
	.prt ul li .prtA h6 span{
    display: inline-block;
       float: right;
    margin-right: 5px;
    margin-left: 5px;
	}
	.prt ul li .prtA h6 span img{
	 width: 21px;
	 transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	}
	.prt ul li .prtA h6 span img.open{
			    transform: rotate(90deg);
	}
	.prt ul li .prtA h6 span img.clos{
			    transform: rotate(-90deg);
	}
	.prt ul li .prtA_1{
    width: 100%;
    height: 360px;
    /* min-height: 525px; */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    float: left;
    background: #fff;
    padding: 15px 15px 15px 15px;
	    display: none;
		    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	}
	.prt ul li .prtA_1 h3 {
		    font-size: 20px;
    line-height: 24px;
    margin: 5px 0px 10px 0px;
    color: #444;
    text-transform: uppercase;
	}
	.prt ul li .prtA_1 h4{
		font-size: 16px;
    text-transform: capitalize;
    line-height: 24px;
    margin: 0px 0px 5px 0px;
    color: #777;
	}
	.prt ul li .prtA_1 p{
		    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-align: left;
    margin-bottom: 5px;
    font-weight: 300;
	}
	
.prt ul li .prtB{
        min-height: 33px;
    width: 100%;
    position: relative;
    float: left;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	}
 .prt ul li .prtB h6 {
    font-size: 12px;padding-left: 6px;
    margin: 0px 0px 0px 0px;
    /* background: #00000091; */
    background: rgba(68, 68, 68, 0.64);
    text-transform: none;
    font-weight: 400;
    color: rgba(255, 254, 248, 0.88);
    margin-top: 1px;
    width: 100%;
    position: relative;
    line-height: 33px;
    top: 0px;
    left: 0;
    cursor: pointer;
	}
	.prt ul li .prtB h6 span{
    display: inline-block;
        float: right;
    margin-right: 5px;
    margin-left: 5px;
	}
	.prt ul li .prtB h6 span img{
		    width: 21px;
			    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	}
		.prt ul li .prtB h6 span img.open{
			    transform: rotate(90deg);
	}
	.prt ul li .prtB h6 span img.clos{
			    transform: rotate(-90deg);
	}
	.prt ul li .prtB_1{
    width: 100%;
    height: 360px;
    /* min-height: 525px; */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    float: left;
    background: #fff;
    padding: 15px 15px 15px 15px;
	    display: none;
	}
	.prt ul li .prtB_1 img{
			max-width:100%;
			margin-bottom:5px;    width: 100%;
	}
	.prt ul li .prtB_1 h3 {
		    font-size: 20px;
    line-height: 24px;
    margin: 5px 0px 10px 0px;
    color: #444;
    text-transform: uppercase;
	}
	.prt ul li .prtB_1 h4{
		font-size: 16px;
    text-transform: capitalize;
    line-height: 24px;
    margin: 0px 0px 5px 0px;
    color: #777;
	}
	.prt ul li .prtB_1 p{
		    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-align: left;
    margin-bottom: 5px;
    font-weight: 300;
	}
	.prt ul li .prtB_1 .bx{
	}
	.prt ul li .prtB_1 .bx h4{
		font-size: 16px;
    line-height: 24px;
    color: #666;
    margin: 0px 0px 5px 0px;
    text-transform: capitalize;
	}
	.prt ul li .prtB_1 .bx h4 span{
	}
	.prt ul li .prtc_1{
	  width: 100%;
    float: left;
  background: #00000069;
    padding: 15px 15px 15px 15px;
	}
	.prt ul li .prtc_1 p{
    font-size: 14px;
    line-height: 24px;
    color: #ccc;
    text-align: justify;
    margin-bottom: 5px;
    font-weight: 300;
	}
}

/******************************-----------------------------------------****************/
.pra {
	float:left;
	margin-bottom:50px;
}

.pra ul {
	list-style:none;
	margin:0;
	padding:0;
	    float: left;
   
}
.pra ul li {
	float:left;
}
.pra ul li div {
	float:left;
	position:relative;
}
.pra ul li .pfix {
	/*width:442px;*/ width:430px;
	/*height:400px;*/ height:525px;
	z-index:1;

}
.pra ul li .pfix img {
	cursor:pointer;
}
.pra ul li .pfix span {
	    position: absolute;
    top: 0px;
    right: 0;
    width: 35px;
	height:100%;
	    background: rgba(68, 68, 68, 0.64);
			cursor:pointer;
}
.pra ul li .pfix span img {
	width:100%;
	padding:5px;
	    margin-top: 5px;
}
.pra ul li .pfixa {
	/*width:442px;*/ width:367px;
   height:525px;
       background: #fff;
    padding: 15px 15px 15px 15px;
    overflow-y: auto;
	position:relative;
	z-index:0;
	overflow-x: hidden;
	   
}
.pra ul li .pfixa img {
	/*width:100%;*/ max-width:100%;
	/*min-width:400px;*/
	margin-bottom:10px;
}




.pra ul li .pfix1 {
	width:35px;
	height:525px;
	z-index:1;

}
.pra ul li .pfix1 span {
	    position: absolute;
    top: 0px;
    right: 0;
    width: 35px;
	height:100%;
	    background: rgba(68, 68, 68, 0.64);
		cursor:pointer;
}
.pra ul li .pfix1 span img {
	width:100%;
	padding:5px;
	    margin-top: 5px;
}

.pra ul li #p1,.pra ul li #p2,.pra ul li #p3,.pra ul li #p4,.pra ul li #p5,.pra ul li #p6 {
	width:0px;
	padding:0;
	transition: 0.5s;
	 
}
.pra ul li .pfix span#p1a {
	display:block;
}
.pra ul li .pfix span#p1b {
	display:none;
}

.pra ul li .pfix1 span#p2a {
	display:block;
}
.pra ul li .pfix1 span#p2b {
	display:none;
}
.pra ul li .pfix1 span#p3a {
	display:block;
}
.pra ul li .pfix1 span#p3b {
	display:none;
}
.pra ul li .pfix1 span#p4a {
	display:block;
}
.pra ul li .pfix1 span#p4b {
	display:none;
}
.pra ul li .pfix1 span#p5a {
	display:block;
}
.pra ul li .pfix1 span#p5b {
	display:none;
}
.pra ul li .pfix1 span#p6a {
	display:block;
}
.pra ul li .pfix1 span#p6b {
	display:none;
}




.pra ul li div h6 {
	-ms-transform: rotate(90deg);
    -ms-transform-origin: 20px 20px;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: 20px 20px;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: 20px 20px;
    -o-transform: rotate(90deg);
    -o-transform-origin: 20px 20px;
    transform: rotate(90deg);
	
	
	    text-transform: uppercase;
    font-weight: 400;
    color: rgba(255, 254, 248, 0.88);
   
    margin-top: 1px;
    /*width: 340px;*/ width:525px;
    position: relative;
  
    line-height: 33px;
    margin-left: -6px;
}

.pra ul li .pfixa h3 {
	color:#555;
	    margin: 0;
    margin-bottom: 5px;
}
.pra ul li .pfixa h4 {
	color:#555;
	    margin-bottom: 5px;
}


.pra ul li .pfixa h4 span {
	color:#000;
}

.bx {
	 position: relative; height: 100%; background: rgba(136, 136, 136, 0.52); width: 100%; padding: 15px 10px 15px 10px;
	 }
	 .bx h4 {
		 line-height:29px;
	 }

/*---------------------------------------*/

.pra1 {
	padding-right:30px;
	margin-bottom:150px;
	
}
.pra1 ul{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
.pra1 ul li {
}
.pra1 ul li div {
	width:100%;
	position:relative;
	
}
.pra1 ul li div img {
	width:100%;
	cursor:pointer;
	float:right;
}
.pra1 ul li div.rtab h4 {
	position: relative;
    padding: 2px 2px 2px 2px;
	text-align:left;
	font-weight:300;
	width:100%;
	float:left;
	    margin-bottom: 2px;
	
}
.pra1 ul li div.rtab span {
	position:relative;
    
	cursor:pointer;
   
}
.pra1 ul li div.rtab span font {
	color: rgba(255, 255, 255, 0.68);
    font-weight: 300;
    font-size: 15px;
    margin-right: 12px;
}
.pra1 ul li div.rtab span img {
	    width: 25px;
    padding: 3px;
	    -ms-transform: rotate(90deg);
   /* -ms-transform-origin: 20px 20px;*/
    -moz-transform: rotate(90deg);
   /* -moz-transform-origin: 20px 20px;*/
    -webkit-transform: rotate(90deg);
 /*   -webkit-transform-origin: 20px 20px;*/
    -o-transform: rotate(90deg);
   /* -o-transform-origin: 20px 20px;*/
    transform: rotate(90deg);
}
.pra1 ul li div.ltab {
	height:400px;
	overflow-y:auto;
	overflow-x:hidden;
	    padding: 10px;
		background:#fff;
}
.pra1 ul li div.ltab h3 {
	color:#555;
}
.pra1 ul li div.ltab h4 {
	color:#555;
	    margin-bottom: 6px;
}
.pra1 ul li div.rtab #lt1b,.pra1 ul li div.rtab #lt2b,.pra1 ul li div.rtab #lt3b,.pra1 ul li div.rtab #lt4b,.pra1 ul li div.rtab #lt5b,.pra1 ul li div.rtab #lt6b {
	display:none;
}

.pra1 ul li #lt1,.pra1 ul li #lt2,.pra1 ul li #lt3,.pra1 ul li #lt4,.pra1 ul li #lt5,.pra1 ul li #lt6 {
	/*display:none;*/
	height:0px;
	padding:0px;
	   transition: 0.5s;
}



/*---------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.pra {
		display:block;
	}
	.pra1 {
		display:none;
	}
	
	/*.bana1{
		background-size:100% 100%;
	}
	.ban .ban1 {
		background-size:100% 100%;
	}*/
	
	
	.ban#mir1:after {
		content:'';
		background:url(../images/ban1n.jpg) no-repeat left;
		background-size:cover;
		position:absolute;
		top:0;
		    margin-left: 50%;
		width:100%;
		height:100%;
		z-index:0;
		opacity:0.7;
	}
	
	.ban#mir2:after {
		content:'';
		background:url(../images/ban2n.jpg) no-repeat left;
		background-size:cover;
		position:absolute;
		top:0;
		    margin-left: 50%;
		width:100%;
		height:100%;
		z-index:0;
		opacity:0.7;
	}
	
	.ban#mir3:after {
		content:'';
		background:url(../images/ban3n.jpg) no-repeat left;
		background-size:cover;
		position:absolute;
		top:0;
		    margin-left: 50%;
		width:100%;
		height:100%;
		z-index:0;
		opacity:0.7;
	}
	.ban#mir4:after {
		content:'';
		background:url(../images/ban4n.jpg) no-repeat left;
		background-size:cover;
		position:absolute;
		top:0;
		    margin-left: 50%;
		width:100%;
		height:100%;
		z-index:0;
		opacity:0.7;
	}
	.ban#mir5:after {
		content:'';
		background:url(../images/ban5n.jpg) no-repeat left;
		background-size:cover;
		position:absolute;
		top:0;
		    margin-left: 50%;
		width:100%;
		height:100%;
		z-index:0;
		opacity:0.7;
	}
	.ban#mir6:after {
		content:'';
		background:url(../images/ban6n.jpg) no-repeat left;
		background-size:cover;
		position:absolute;
		top:0;
		    margin-left: 50%;
		width:100%;
		height:100%;
		z-index:0;
		opacity:0.7;
	}
	
	
	
	
	
	
	
}
@media screen and (max-width: 768px) {
	.pra1 {
		display:block;
	}
	.pra {
		display:none;
	}
	/*.bana1{
		background-size:cover;
	}
	.ban .ban1 {
		background-size:cover;
	}*/
	
}


/*----------------------------------------------------------*/

.award.col-xs-12 {
}
.award {
	/*border-bottom:solid 5px rgba(1, 1, 1, 0.5);
	border-top:solid 5px rgba(1, 1, 1, 0.5);
	    background: rgba(0, 0, 0, 0.41);*/
		border-bottom:solid 5px rgba(1, 1, 1, 0.31);
	    border-top: solid 5px rgba(1, 1, 1, 0.31);
	        background: rgba(0, 0, 0, 0.28);
		margin-bottom:1px;
}
.award .col-xs-2 {
	text-align:center;
}
.award .col-xs-12 {
	    text-align: left;
    padding-top: 25px;
    padding-bottom: 20px;
	    padding-left: 10px;
    padding-right: 10px;
	min-height:100px;
}
.award:before {
	    content: attr(data-title);
      color: rgba(255, 255, 255, 0.57);
    font-size: 14px;
    position: absolute;
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(-90deg);
    left: -27px;
    /* width: 100%; */
   /* top: 51px;*/ top:39px;
	    border-bottom: solid 2px rgba(255, 255, 255, 0.57);
}
.award .col-xs-12 p {
}
.award .col-xs-12 p:before {
	
}
.award .col-xs-2 img {
	max-width:80%;
	    border-left: solid 2px rgba(245, 253, 245, 0.61);
    border-right: solid 2px rgba(245, 253, 245, 0.61);
}
























/*------------------------------------------------------------------------------*/
/*.men1:before {
	    content: 'Menu';
    position: relative;
  
    color: rgba(238, 238, 238, 0.37);
    font-size: 13px;
}*/

@media (min-width:1200px){
	/*.men1:before {
	 
    top: 15px;
    bottom: 15px;
   
}*/

	.men1 a span {
	    padding: 1px 15px 32px 15px;    /*padding: 0px 15px 17px 15px;*/
    height: 50px;
	}
	.men1 a span:hover {
	    padding: 1px 15px 32px 15px;    /*padding: 0px 15px 17px 15px;*/
    height: 50px;

	}
}
@media (max-width:1200px){
	.men1 a span {
	    /*  padding: 2px 2px 2px 6px;*/padding: 1px 2px 22px 16px;
    height: auto;
	}
	.men1 a span:hover {
	      /* padding: 2px 2px 2px 6px;*/padding: 1px 2px 22px 16px;
    height: auto;

	}
}


.men1 {
	text-align:center;
}
.men1 a{
	      margin-right: 5px;
    text-decoration: none;
   /* color: #eee;*/color: rgba(9, 143, 207, 0.54);
    font-size: 13px;
    font-weight: 400;
	margin-left:5px;
}
.men1 a span {
	    /*padding: 3px 15px 32px 15px;
		height: 50px;*/
    background: #080808;
	
    
    border: solid 1px rgba(238, 238, 238, 0.3);
    border-bottom: none;
    /* border-top: none; */
    border-top: none;
	 -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
.men1 a span:hover {
	   /* padding: 3px 15px 32px 15px;*/
    background: #eee;
   /* height: 50px;*/
    border: solid 1px rgba(238, 238, 238, 0.3);
    border-bottom: none;
     border-top: none; 
   
}

.men1 a#so1 span {
    background: url(../../img/fb.png) no-repeat center;
    background-size: 80% auto;
}
.men1 a#so2 span {
    background: url(../../img/tw.png) no-repeat center;
    background-size: 80% auto;
}
.men1 a#so3 span {
    background: url(../../img/in.png) no-repeat center;
    background-size: 80% auto;
}
.men1 a#so4 span {
    background: url(../../img/lk.png) no-repeat center;
    background-size: 80% auto;
}






.men1 a font{
	width: 100px;
	height: auto;
	line-height: 20px;
	padding: 10px;
	/*left: 50%;*/
	margin-left: -64px;
	font-family: 'Alegreya SC', Georgia, serif;
	font-weight: 400;	
	font-style: italic;
	font-size: 14px;
	    color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-align: center;
	border: 4px solid #fff;
	/*background: rgba(255,255,255,0.3);*/    background: rgba(107, 98, 98, 0.94);
	text-indent: 0px;
	border-radius: 5px;
	position: absolute;
	pointer-events: none;
	bottom: 100px;
	opacity: 0;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.men1 a font:before,
.men1 a font:after{
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -9px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0,0,0,0.1);
}
.men1 a font:after{
	bottom: -14px;
	margin-left: -10px;
	border-top: 10px solid #fff;
}
.men1 a:hover font{
	opacity: 0.9;
	bottom: 70px;
}




.men1 button {
	    background: none;
    border: none;
    position: relative;
    left: 0;
	    padding: 0;
   
	
}
.men1 button a {
	    color: rgba(238, 238, 238, 0.58);
	text-decoration:none;
}

@media (min-width:970px){
	.men1 button {
		 top: 12px;
	}
}
@media (max-width:970px){
	.men1 button {
		 top: 0px;
	}
}






.cform {
}
.cform label {
	    color: rgba(255, 254, 248, 0.77);
	padding-left:2px;
	font-weight:300;
}
.cform input[type='text'],.cform input[type='email'],.cform input[type='number'] {
	width:100%;
	    background: rgba(0, 0, 0, 0.58);
    border-bottom: solid 4px rgba(1, 1, 1, 0.31);
    border-top: solid 4px rgba(1, 1, 1, 0.31);
    border-left: solid 1px #685952;
    border-right: solid 1px #5d5151;
	    padding: 10px 5px 10px 5px;
		color:#666;
		margin-bottom:15px;
}
.cform textarea {
	width:100%;
	color:#666;
	    background: rgba(0, 0, 0, 0.58);
    border-bottom: solid 4px rgba(1, 1, 1, 0.31);
    border-top: solid 4px rgba(1, 1, 1, 0.31);
    border-left: solid 1px #685952;
    border-right: solid 1px #5d5151;
	    padding: 10px 5px 10px 5px;
		    min-height: 160px;
			margin-bottom:15px;
}

.cform input[type='submit']{
	    float: right;
    width: auto;
    padding: 4px 4px 4px 4px;
    font-size: 14px;
    font-weight: 600;
       background: rgba(0, 0, 0, 0.58);
    color: #888282;
    text-transform: uppercase;
	 border-bottom: solid 4px rgba(1, 1, 1, 0.31);
    border-top: solid 4px rgba(1, 1, 1, 0.31);
    border-left: solid 1px #685952;
    border-right: solid 1px #5d5151;
	
	    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}


.cform input[type='submit']:hover {
	background: #888282;
	color:rgba(0, 0, 0, 0.58);
}

.cform1 {
	    padding: 10px 10px 10px 10px;
    text-align: center;
	
}
.cform1 .cfor {
}
.cform1 .cfor .ifram{
	    padding: 15px 15px 15px 15px;
}
.cform1 .cfor .ifram iframe{
	    border: solid #231f1e66;
    border-width: 6px 6px 6px 6px;
}
.main .con .cform1 h3 {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.74);
}
.main .con .cform1 p a {
	text-decoration:none;
	    color: #6abde6;
		
}
.main .con .cform1 p a:hover {
	text-decoration:none;
}

.cform1 .cfor h5{
	color: #ccc;
    background: rgba(0, 0, 0, 0.37);
    margin: 0;
    padding: 10px 10px 10px 10px;
    /* border-top: solid 1px rgba(0, 0, 0, 0.51); */
    margin-top: 5px;
}
.cform1 .cfor h5 span{
	display:inline-block;
}

.cform1 .cfor h5 span a{
font-size: 14px;
    text-transform: uppercase;
    line-height: 24px;
    background: #0c040499;
    padding: 5px 10px 5px 10px;
    color: #ddd;
    border-radius: 3px 3px 3px 3px;
	text-decoration:none;
}
.cform1 .clogA {
    position: fixed;
    left: 0;
    top: -100%;
    right: 0;
margin:auto auto;
    width: 100%;
    height: 100%;
	opacity:0;
    background: #020101bd;
    z-index: 1000000;
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.cform1 .clogA .clog{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto auto;
    min-height: 170px;
    max-height: 170px;
    max-width: 250px;
    background: rgb(221, 221, 221);
	    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.cform1 .clogA .clog form{
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0;
    background: rgb(221, 221, 221);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 10px 10px 10px 10px;
	    border: solid #fff;
    border-width: 1px 1px 1px 1px;
}
.cform1 .clogA .clog a{
	position: absolute;
    top: -28px;
    right: 0;
    z-index: 100;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 24px;
    background: #fff;
    padding: 2px 5px 2px 5px;
	text-decoration:none;
	color:#06F;
			    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.cform1 .clogA .clog a:hover{
	background:#06F;
	color:#fff;
}
.cform1 .clogA .clog h4{
	text-align:left;
}
.cform1 .clogA .clog h4 label{
    font-size: 14px;
    line-height: 22px;
    color: #ddd;
    font-weight: 400;
    margin: 0px 0px 0px 0px;
    width: 100%;
    text-align: left;
	display:none;
}
.cform1 .clogA .clog h4 input[type='text']{
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #040101;
    background: url(../images/user.png) no-repeat left center #fff;
    background-size: 20px auto;
    border: solid #999;
    border-width: 1px 1px 1px 1px;
    padding: 5px 5px 5px 30px;
    margin: 10px 0px 10px 0px;
    position: relative;
    background-position-x: 5px;
    border-radius: 3px 3px 3px 3px;
	    font-weight: 400;
}
.cform1 .clogA .clog h4 input[type='password']{
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #040101;
    background: url(../images/pwd.png) no-repeat left center #fff;
    background-size: 20px auto;
    border: solid #999;
    border-width: 1px 1px 1px 1px;
    padding: 5px 5px 5px 30px;
    margin: 10px 0px 10px 0px;
    position: relative;
    background-position-x: 5px;
    border-radius: 3px 3px 3px 3px;
	    font-weight: 400;
}
.cform1 .clogA .clog h4 input[type='submit']{
	    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    padding: 3px 10px 3px 10px;
    background: #0f74cc;
    border: solid #fff;
    border-width: 0px 0px 0px 0px;
    color: #dddd;
    max-width: 90px;
    border-radius: 3px 3px 3px 3px;
		    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.cform1 .clogA .clog h4 input[type='submit']:hover{
	background:#444;
}







/*****************gallery*******************************/


.gal {
	
	
	    background: rgba(0, 0, 0, 0.58);
    border-bottom: solid 4px rgba(1, 1, 1, 0.31);
    border-top: solid 4px rgba(1, 1, 1, 0.31);
    border-left: solid 1px #685952;
    border-right: solid 1px #5d5151;
    padding: 10px 5px 10px 5px;
	
}
.gal .gal1 {
	    padding: 0px 10px 0px 10px;
		margin-bottom: 10px;
    margin-top: 10px;

}

.gal .gal1 .gal2 {
	    width: 100%;
}
.gal .gal1 .gal2 a {
}

.gal .gal1 .gal2 a img {
	    width: 100%;
}


.gmen {
background: rgba(0, 0, 0, 0.67);
    margin: 0px 0px 10px 0px;
    border-bottom: solid 3px rgba(0, 0, 0, 0.75);
    border-top: solid 3px rgba(0, 0, 0, 0.75);
    padding-left: 5px;
    padding-right: 5px;
}
.gmen ul {
	    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}
.gmen ul li {
	    float: left;
    margin: 0px 10px 0px 0px;
}
.gmen ul li a {
	    text-decoration: none;
    font-size: 15px;
    background: rgba(9, 8, 7, 0.76);
    padding: 8px 5px 8px 5px;
    border-radius: 4px;
    color: #999;
}

#spn {
	    font-size: 15px;
    margin-left: 8px;
    line-height: 0;
    color: #999;
}


#gmen1,#gmen2 {
	display:none;
}




.login {
}

.login h4 {
	    color: #ccc;
    background: rgba(0, 0, 0, 0.37);
    margin: 0;
    padding: 10px 10px 10px 10px;
}
.login .warn {
	    color: #ccc;
    background: rgba(0, 0, 0, 0.37);
    margin: 0;
    padding: 10px 10px 10px 10px;
    /* border-top: solid 1px rgba(0, 0, 0, 0.51); */
    margin-top: 5px;
}
.login .warn h5 {
}
.login .warn p {
}
.login h3 {
	    font-size: 13px;
    background: rgba(0, 0, 0, 0.42);
    margin: 0;
       padding: 20px 10px 17px 10px;
    line-height: 0;
	    line-height: 24px;
}
.login h3 span {
}
.login h3 span a {
	    text-decoration: none;
    color: #0b8ecf;
    background: rgba(12, 3, 3, 0.59);
    line-height: 0;
    padding: 3px 5px 1px 5px;
    border-radius: 4px;
}

.login .warn h3 {
    font-size: 14px;
    background: rgba(0, 0, 0, 0.42);
    margin: 0;
    padding: 10px 10px 10px 10px;
    line-height: 0;
    line-height: 22px;
    margin: 0px 0px 0px 0px;
	text-align: center;
}
.login .warn h3 span {
	margin:auto auto;
}
.login .warn h3 span a {
text-decoration: none;
color: #068dcc;
    background: rgba(0, 0, 0, 0.75);
    line-height: 0;
    padding: 5px 10px 5px 10px;
    border-radius: 2px 2px 2px 2px;
    /* display: block; */
    font-size: 15px;
    line-height: 24px;
}
.login .warn h3 span a:hover{
	color: rgba(255, 254, 248, 0.81);
}

.login iframe{
	    width: 100%;
    height: 750px;
    border: solid #eee;
    border-width: 0px 0px 0px 0px;
    overflow-y: auto;
}
.login iframe::-webkit-scrollbar {
    width: 1em;
}
 
.login iframe::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.login iframe::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}


/***************social ***********/

.social {
	    position: fixed;
    z-index: 10000;
    right: 0;
    top: 22%;
}
.social ul {
	margin:0;
	padding:0;
	list-style:none;
	float:none;
}
.social ul li {
	 transition: 0.3s ease;
  background: #fff;
  color: #ffffff;
  position:relative;
 
  text-decoration: none;
 
  padding: 3px 3px 3px 3px;
  margin-bottom:2px;
      border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.social ul li a span {
	    transition: 0.3s ease;
    position: absolute;
    right: -241px;
    background: rgba(0, 0, 0, 0.65);
    padding: 10px 10px 3px 10px;
    line-height: 20px;
    font-size: 14px;
    height: 100%;
    margin-top: -3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    color: rgba(238, 238, 238, 0.62);
}
.social ul li:hover a span {
right: 40px;
	
}
.social ul li#so2:hover {

}
.social ul li#so3:hover {

}
.social ul li#so4:hover {
}
.social ul li a {
	 transition: 0.3s ease;
	 text-decoration:none;
	
}
.social ul li a img {
	width:35px;
	 -webkit-transition: all 1s ease 0s;
 -moz-transition: all 1s ease 0s;
 -o-transition: all 1s ease 0s;
 -ms-transition: all 1s ease 0s;
 transition: all 1s ease 0s;
 cursor:pointer;
}

.social ul li:hover a img {
	 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}




/*--------------------------------------------------------------*/
@media (min-width:769px){
/*.mob_men {
	display:none;
}*/
.men1.de{
}
.men1.mo{
	display:none;
}
.slds{
}
}
@media (max-width:769px){
.slds{
	display:none;
}
.shad.m_shad{
	display:none;
}

.header{
	height:0;
	overflow:hidden;
	display:none;
}
.bana .rth .lna1{
	display:none;
}
.bana {
    border: none;
    background: #ccc;
    height: 28px;
}
.bana .bana1 .lnb{
	    margin-top: 5px;
}



.men1.de{
	display:none;
}
.men1.mo{

}
}

@media (min-width:769px){
.mob_men {
	/*display:none;*/
}
.mob_men {
    position: fixed;
    z-index: 1000000;
    right: 0;
    bottom: 50px;
	    background: #0000006b;
}
.mob_men button {
position: relative;
    float: right;
    z-index: 1000;
    padding: 0;
    background: no-repeat;
    border: none;
    top: 15px;
	display:none;
}
.mob_men button a{
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
/*    background: #080404a3;*/    background: #2e97f1;
    padding: 5px 10px 5px 10px;

}
.mob_men button a:hover{
    background: #fff;
	color:#2e97f1;
}

.mob_men ul {
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    list-style: none;
}
.mob_men ul li {
    margin-bottom: 0;
    float: left;
}
.mob_men ul li a{
    display: block;
    font-size: 15px;
    line-height: 28px;
    text-decoration: none;
  /*     background: #eeeeee3d;*//*background: #eeeeee8a;*/
    padding: 5px 10px 5px 10px;
   color: #f7fcfda3;
	text-transform:capitalize;
}
.mob_men ul li a:hover,.mob_men ul li.act a{
	    background: #eeeeee47;
}

.ffooter div:first-child p{
	text-align:left;
}
.ffooter div:last-child p{
	text-align:right;
}
}

@media (max-width:769px){
.mob_men {
	/*display:none;*/
}
.mob_men {
    position: absolute;
    z-index: 1000000;
    right: 0;
    top: 0;
}
.mob_men button {
position: relative;
    float: right;
    z-index: 1000;
    padding: 0;
    background: no-repeat;
    border: none;
    top: 15px;
}
.mob_men button a{
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
/*    background: #080404a3;*/    background: #2e97f1;
    padding: 5px 10px 5px 10px;

}
.mob_men button a:hover{
    background: #fff;
	color:#2e97f1;
}

.mob_men ul {
    margin: 45px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    list-style: none;
	display:none;

}
.mob_men ul li {
	margin-bottom: 1px;
}
.mob_men ul li a{
    display: block;
    font-size: 15px;
    line-height: 28px;
    text-decoration: none;
  /*     background: #eeeeee3d;*/background: #eeeeee8a;
    padding: 5px 10px 5px 10px;
    color: #f7fcfd;
	text-transform:capitalize;
}
.mob_men ul li a:hover,.mob_men ul li.act a{
	background:#fff;
	color:#444;
}

.ffooter div:first-child p{
	text-align:left;
}
.ffooter div:last-child p{
	text-align:left;
}
}