/* CSS Document */

@font-face {
    font-family: 'archisticonormal';
    src: url('../fonts/archisticonormal/archistico_simple-webfont.eot');
    src: url('../fonts/archisticonormal/archistico_simple-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/archisticonormal/archistico_simple-webfont.woff2') format('woff2'),
         url('../fonts/archisticonormal/archistico_simple-webfont.woff') format('woff'),
         url('../fonts/archisticonormal/archistico_simple-webfont.ttf') format('truetype'),
         url('../fonts/archisticonormal/archistico_simple-webfont.svg#archisticonormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'black_roseregular';
    src: url('../fonts/black_roseregular/blackr-webfont.eot');
    src: url('../fonts/black_roseregular/blackr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/black_roseregular/blackr-webfont.woff2') format('woff2'),
         url('../fonts/black_roseregular/blackr-webfont.woff') format('woff'),
         url('../fonts/black_roseregular/blackr-webfont.ttf') format('truetype'),
         url('../fonts/black_roseregular/blackr-webfont.svg#black_roseregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sonsie_oneregular';
    src: url('../fonts/sonsie_oneregular/sonsieone-regular-webfont.eot');
    src: url('../fonts/sonsie_oneregular/sonsieone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sonsie_oneregular/sonsieone-regular-webfont.woff2') format('woff2'),
         url('../fonts/sonsie_oneregular/sonsieone-regular-webfont.woff') format('woff'),
         url('../fonts/sonsie_oneregular/sonsieone-regular-webfont.ttf') format('truetype'),
         url('../fonts/sonsie_oneregular/sonsieone-regular-webfont.svg#sonsie_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body{
  	font-family: 'Open Sans', sans-serif;
    font-size: 100%;
	transition: background-color 0.5s ease;
  	//background: #333333;
	margin:0px;
	padding:0px;
	text-align:center;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

body a{
	font-size:12px;
	text-decoration: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;
	
}

a:hover{
	text-decoration:underline;
	
}

h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}

img{
	border-width:0px;
}

.full{
	width:100%;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}

.container{
	width:94%;
	margin:0 3%;
}

.clear{
	clear:both;
}

::-webkit-scrollbar {
  width: 6px; 
   background-color:#CCCCCC;
  -webkit-border-radius: 80px;
}
::-webkit-scrollbar:hover {
  background-color: rgba(0,0,0,0.61);
}

::-webkit-scrollbar-thumb:vertical {
  background: #CC9933;
  -webkit-border-radius: 80px;
}
/*::-webkit-scrollbar-thumb:vertical:active {
  background: rgba(0,0,0,0.61);
  -webkit-border-radius: 80px;
}*/


/*=================Header===============*/

.header{
	width:100%;	
}

.menu{
	width:100%;
	background:#0EC4D2;	
}

.menu ul{
	display:block;	
}

.menu ul li{
	display:inline-block;
}

.menu ul li{
	display:inline-block;
}

.menu ul li:hover{
	background:#C8214D;
}

.menu ul li a{
	padding:13px 20px;
	line-height:40px;
	font-size:13px;
	color:#fff;	
	text-decoration:none;
}

.menu ul .menu_active{
	background:#C8214D;
}

.header_sec{
	width:100%;
	padding:17px 0px;
	background:#FFD956;
}

.header_sec img{	
	display:inline-block;
	height:66px;
	width:auto;	
}

/*================slide=================*/

#slide{
	width:100%;	
	transition:1.5s all;
	-webkit-transition:1.5s all;
	-moz-transition:1.5s all;
	-o-transition:1.5s all;
	-ms-transition:1.5s all;
	border-bottom:2px solid #333;
}

#slide ul{
	width:0px;
	height:0px;
	overflow:hidden;	
}

#slide .cover{
	width:100%;
	position:absolute;
	z-index:1;
	background:url(../images/pettern.png) top repeat;	
}

#slide .arrow_left{
	width:30px;
	height:30px;
	background:url(../images/left-car-gen.jpg) center no-repeat;
	cursor:pointer;
	position:absolute;
	margin-bottom:15px;
	left:10px;
	z-index:4;	
	opacity:0.7;
}

#slide .arrow_left:hover{	
	opacity:1.0;
}

#slide .arrow_right{
	width:30px;
	height:30px;
	background:url(../images/right-car-gen.jpg) center no-repeat;
	cursor:pointer;
	position:absolute;
	margin-bottom:15px;
	right:10px;
	z-index:4;	
	opacity:0.7;
}

#slide .arrow_right:hover{	
	opacity:1.0;
}

.slide{
	width:100%;
		
}

.slide img{
	width:100%;	
}

/*=====================welcome note=================*/

.welcome{
	width:100%;
  	background:url(../images/hall.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}

.welcome .welcome_cover{
	
	padding:30px 0px;	
	background:rgba(0,0,0,0.5);
}

.welcome .welcome_left{
	width:48%;
	float:left;	
}

.welcome .welcome_right{
	width:48%;
	float:right;	
}

.welcome .welcome_right h1{
	width:100%;
	text-align:left;
	font-size:22px;
	line-height:35px;	
	color:#E0E007;
	font-family: 'sonsie_oneregular';
	word-spacing:2px;
}

.welcome .welcome_right p{
	width:100%;
	text-align:left;
	font-size:17px;
	line-height:25px;	
	color:#fff;
	font-style:italic;
	word-spacing:2px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.discrip{
	width:100%;
	background:#fff;	
	overflow:hidden;
}

.discrip .discrip_cover{
	position:relative;
}

.discrip .discrip_col{
	width:23%;
	display:inline-block;	
	//border:1px solid #666;		
	vertical-align:middle;
	-ms-transform: matrix(1, 0, -0.4, 1, 0, 0); /* IE 9 */
    -webkit-transform: matrix(1, 0, -0.4, 1, 0, 0); /* Safari */
    transform: matrix(1, 0, -0.4, 1, 0, 0); /* Standard syntax */  
	overflow: hidden;
	text-align:center;
}

.discrip .discrip_col img{
	width:100%;
	display:inline-block;	
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	//height:100% !important;
}

.discrip .discrip_col img:hover{
	width:110%;	
	margin-left:-5%;
}

.discrip .discrip_col h1{
	display:block;
	margin:5px;
	font-size:25px;
	color:#990;
	line-height:35px;
	font-family: 'black_roseregular';
	letter-spacing:2px;
	font-weight:normal;
	vertical-align:top;
	margin-bottom:10px;
}

.discrip .discrip_col p{
	display:block;
	margin:5px;
	font-size:15px;
	color:#666;
	line-height:25px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	letter-spacing:2px;
	font-weight:normal;
	font-style:italic;
}


/*==============common css==============*/

.common{
	width:100%;
	padding-bottom:10px;	
}

.common .heading{
	width:100%;
	background:#C8214D;
	padding:10px 0px;
	margin-bottom:10px;
}

.common .heading h1{
	width:100%;
	color:#FFF;
	font-size:20px;
	line-height:40px;
	text-align:left;
}

.left_sec{
	width:64%;
	display:inline-block;
	margin-right:5%;
	vertical-align:top;
}

.left_sec .about_pic{
	width:100%;
	height:300px;
	min-height:100px;
	background:url(../img/slider/4.jpg) center no-repeat;
	background-size:100% 100%;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	opacity:0.9;	
}

.left_sec .about_pic:hover{
	background-size:120% 120%;
}

.left_sec .achiv_pic{
	width:100%;
	height:300px;
	min-height:100px;
	background:url(../images/Achievements_pic.jpg) center no-repeat;
	background-size:100% 100%;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	opacity:0.9;	
}

.left_sec .achiv_pic:hover{
	background-size:120% 120%;
}

.left_sec .line{
	height:5px;
	width:10%;
	background:	#990;
	margin:10px	0px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	opacity:1.0;
}

.left_sec:hover .line{
	width:100%;	
	opacity:0.8;
}

.left_sec h2{
	width:100%;
	color:#333;
	font-size:18px;
	line-height:30px;
	text-align:left;	
}

.left_sec p{
	width:100%;
	font-family:Verdana;
	color:#333;
	font-size:14px;
	line-height:22px;
	text-align:justify;
	word-spacing:1px;
}

.left_sec ul{
	list-style:inside;
	padding:10px;
	list-style-type:circle;
	color:#066;	
}

.left_sec ul li{
	width:100%;
	font-family:"Lucida Console", Monaco, monospace;
	color:#333;
	font-size:14px;
	line-height:30px;
	text-align:left;
}

.right_sec{
	width:30%;
	display:inline-block;
	vertical-align:top;
}

.right_sec .line{
	height:5px;
	width:10%;
	background:	#990;
	margin:10px	0px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	opacity:1.0;
}

.right_sec .contact{
	width:100%;	
}

.right_sec .contact:hover .line{
	width:100%;	
	opacity:0.8;
}

.right_sec .contact h2{
	width:100%;
	color:#333;
	font-size:18px;
	line-height:30px;
	text-align:left;	
}

.right_sec .contact p{
	width:100%;
	font-family:"Lucida Console", Monaco, monospace;
	color:#333;
	font-size:14px;
	line-height:22px;
	text-align:left;
}

/*===================matter================*/

.matter{
	width:100%;
	padding:20px 0px;	
}

.matter .matter_col{
	width:46%;
	display:inline-block;
	vertical-align:top;	
	overflow:hidden;
	margin-left:4%;	
}

.matter .matter_col:first-child{
	margin-left:0px;	
}

.matter h2{
	width:100%;
	color:#990;
	font-size:18px;
	line-height:30px;
	text-align:left;
	margin-bottom:20px;
}

.matter p{
	width:100%;
	text-align:left;
	font-size:17px;
	line-height:25px;	
	color:#333;
	font-style:italic;
	word-spacing:2px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-top:30px;
}

.matter p strong{
	color:#990;	
}

.matter ul{
	list-style:outside;
	list-style-type:square;
	margin-left:20px;	
}

.matter ul li{
	width:100%;
	text-align:left;
	font-size:17px;
	line-height:25px;	
	color:#333;
	font-style:italic;
	word-spacing:2px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-top:10px;
}

.matter ul ul{
	list-style:outside;
	list-style-type:disc;
	margin-left:20px;	
}

.matter ul ul li{
	color:#990;
}

.matter img{
	width:100%;
	height:auto;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;	
}

.matter:hover img{
	width:110%;
	margin-left:-5%;
}

/*=================gallery====================*/

.gallery{
		width:100%;
		padding:0px 0px 30px 0;	
		text-align:left;
}	
	
.gallery .col{
		width:30%;
		display:inline-block;
		vertical-align:top;
		overflow:hidden;
		text-align:center;
		border:1px solid transparent;
		height:216px;
		margin-bottom:30px;
		margin-right:2.5%;
}
	
.gallery .col:hover{
		border:1px solid #CCC;	
}
	
.gallery .col img{
		width:99%;
		transition:0.5s all;
		-webkit-transition:0.5s all;
		-moz-transition:0.5s all;
		-o-transition:0.5s all;
		-ms-transition:0.5s all;
}
	
.gallery .col:hover img{
		width:100%;	
}



/*============feedback=================*/


.feedback{
	display:block;	
	padding-top:10px;
	margin:5px;
	text-align:left;
}

.feedback h1{
	width:100%;
	text-align:left;
	color:#333;
	font-size:18px;
	line-height:30px;
	margin-bottom:10px;	
}

.feedback div{
	margin-bottom:10px;	
}

.feedback div span{
	font-size:13px;
	line-height:18px;
	//float:right;
	z-index:999;
	position:absolute;
	top:0;
	right:5px;	
}

.feedback input[type="text"]{
	width:60%;
	min-width:200px;
	height:35px;
	border:1px solid #E3E5E7;
	//padding-left:5px;
	//padding-right:5px;
	margin-bottom:10px;
}

.feedback input[type="button"], .feedback input[type="submit"]{
	width:100px;
	height:35px;
	border:1px solid #E3E5E7;
	cursor:pointer;
	color:#333;	
	font-family: 'black_roseregular';
	letter-spacing:2px;
	font-size:18px;
}

.feedback input[type="button"]:hover, .feedback input[type="submit"]:hover{
	color:#990;
}

.feedback textarea{
	width:60%;
	min-width:200px;
	height:100px;
	border:1px solid #E3E5E7;
	padding-left:5px;
	padding-right:5px;
}



/*================footer===============*/

.footer{
	width:100%;	
	font-family:"Lucida Console", Monaco, monospace
}

.footer .up{
	width:100%;
	padding:60px 0px;
	background:#116E73;	
}

.footer .up .col{
	width:20%;
	display:inline-block;
	margin-left:4.5%;
	vertical-align:top;	
}

.footer .up .col:first-child{
	margin-left:0px;	
}

.footer .up .col h1{
	width:100%;
	color:#CCC;
	text-align:left;
	font-size:24px;
	line-height:30px;
	margin-bottom:15px;	
	font-family: 'black_roseregular';
	letter-spacing:2px;
}

.footer .up .col p{
	width:100%;
	color:#CBC8C5;
	text-align:justify;
	font-size:13px;	
	line-height:23px;
}

.footer .up .col p .readmore{
	color:#069;
	margin-left:5px;	
}

.footer .up .col p .readmore:hover{
	color:#FFF;	
}

.footer .up .col ul{
	//list-style:inside;
	//list-style-type:circle;
	color:#F96;	
}

.footer .up .col ul li{	
	line-height:30px;
	text-align:left;
}

.footer .up .col ul li a{	
	font-size:13px;
	color:#CBC8C5;
	text-decoration:none;
	text-align:left;
}

.footer .up .col ul li a:hover{
	color:#099;	
}

.footer .bottom{
	width:100%;
	padding:5px 0px;
	background:#FFD956;	
}

.footer .bottom .text{
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:20px;
	color:#333;
}

.footer .bottom .powered{
	width:100%;
	text-align:center;
	font-size:12px;
	line-height:20px;
	color:#666;
}

.footer .bottom .powered a{		
	font-size:12px;
	line-height:20px;
	color:#999;
}

.footer .bottom .powered a:hover{
	color:#069;	
}

/*==============social link================*/

.social{
	width:100%;
	text-align:left;	
	margin-bottom:5px;
	margin-top:-10px;
}

.social .col1{
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../images/socialimage.png) left no-repeat;
	background-position:-5px -54px;	
	vertical-align:top;
	transition:0.1s all;
	-webkit-transition:0.1s all;
	-moz-transition:0.1s all;
	-o-transition:0.1s all;
	-ms-transition:0.1s all;
}

.social .col1:hover{
	
	background-position:-5px -7px;
}

.social .col2{
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../images/socialimage.png) left no-repeat;
	background-position:-48px -54px;	
	vertical-align:top;
	transition:0.1s all;
	-webkit-transition:0.1s all;
	-moz-transition:0.1s all;
	-o-transition:0.1s all;
	-ms-transition:0.1s all;
}

.social .col2:hover{
	
	background-position:-48px -7px;
}

.social .col3{
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../images/socialimage.png) left no-repeat;
	background-position:-88px -54px;	
	vertical-align:top;
	transition:0.1s all;
	-webkit-transition:0.1s all;
	-moz-transition:0.1s all;
	-o-transition:0.1s all;
	-ms-transition:0.1s all;
}

.social .col3:hover{
	
	background-position:-88px -7px;
}

.social .col4{
	display:inline-block;
	width:40px;
	height:40px;
	background:url(../images/socialimage.png) left no-repeat;
	background-position:-171px -54px;	
	vertical-align:top;
	transition:0.1s all;
	-webkit-transition:0.1s all;
	-moz-transition:0.1s all;
	-o-transition:0.1s all;
	-ms-transition:0.1s all;
}

.social .col4:hover{
	
	background-position:-171px -7px;
}