@charset "utf-8";
/* CSS Document */

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

}

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

}

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

}

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

}

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

}

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

}

* { padding:0; margin:0;}

body{
	background:#EEE;
	font-family: 'open_sansregular', sans-serif;
	font-size:14px; 
	color:#666; 
	line-height:1.2em; 
	font-weight:400;
}

 * { margin: 0; }
	html, body {
	height: 100%;
	}
	.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	.sticky-footer, .push {
	}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.google-maps {
	position: relative;
	padding-bottom:45%;
	height: 0;
	overflow: hidden;
	box-shadow:0 0 5px #999999;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}



a { color:#666666; text-decoration:none; outline:none;}
a:hover { color:#049804; text-decoration:underline;}

a.active, a:focus { text-decoration:none; outline:0;}

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal;}

h1 { font-size:40px;}

h2 { font-size:40px;}

h3 { font-size:26px;}

h4 { font-size:20px;}

p { margin:0; padding-bottom:15px;}


.container { width:100%; max-width:1200px; margin:0 auto; padding:0 20px; }
.v-alignout{ width:100%; height:100%; display:table;}
.v-alignin{ width:100%; height:100%; vertical-align:middle; display:table-cell;}


/* === header ====*/
.header{ width: 100%; float: left; background: #ceb5d2; font-family: "open_sansregular", sans-serif; }
.header .logo{ float:left; padding-bottom:10px;}
.header .logo a{ text-decoration:none;}
.header .logo a img{ width:200px; float:left; }

.top-right{ float:right; padding-top:25px; padding-right:0px;}
.broucher{width:200px; float:left; background:#3b5998; border-radius:5px; box-shadow:0 0 5px #fff;  text-align:center; 
padding:5px;}
.broucher a{ font-family: 'open_sanssemibold', sans-serif; font-size:16px; color:#fff; text-decoration:none; line-height:30px;}
.broucher a i{display:none; font-size:30px; color:#000;}


 .nav-bar{width:100%; height:70px; float:right; background:#d9c8b6;  padding:15px 0; transition:all 0.3s ease-in-out; } 
 .nav-bar .collapse { display:block; overflow:visible;}
 .nav-bar nav{width:100%; height:40px; float:left; text-align:center;}
 .nav-bar nav ul{ height:40px; float:none; list-style:none; display:inline-block;}
 .nav-bar nav ul li{height:40px; float:left;  margin:0 2px; position:relative; }
 .nav-bar nav ul li i{font-size:15px; color:#000; padding-left:5px;}
 .nav-bar nav ul li a{float:left; height:40px;  font-family: 'Allerta Stencil', sans-serif; font-size:18px; color:#000; text-decoration:none; line-height:40px; padding:0 10px; transition:all 0.5s ease-in-out; }
.nav-bar nav ul li:hover .dropmenu{ display:block;}
.nav-bar nav ul li:hover a{ background:#eca654; color:#000;}
.nav-bar nav ul li.active a{ background:#eca654; color:#000;}
.next-nav{ position:relative; top:0; bottom:auto; display:block;}
 
 
 .icon{width: 70px;
    height: 35px; /* as the half of the width */
    background-color: #000;
    border-top-left-radius: 110px;  /* 100px of height + 10px of border */
    border-top-right-radius: 110px; /* 100px of height + 10px of border */
    border-bottom: 0;  position:absolute; 
 bottom:0px; right:50%; z-index:60; margin-right:-50px;}
 .icon a{ width:100%; float:left; font-size:40px; color:#fff; text-decoration:none; text-align:center; line-height:50px}
 .bounce { display: inline-block; position: relative; animation: bounce 1s infinite linear; color:#000;}
	@keyframes bounce {
		0% { top: 0; }
		50% { top: -0.2em; }
		70% { top: -0.3em; }
		100% { top: 0; }
	}
 

 .nav-bar nav ul li .dropmenu{width:200px; height:auto; float:left; position:absolute; top:40px; left:-50%;;
 z-index:100; margin-left:-2px; display:none; }
 .nav-bar nav ul li .dropmenu li{ width:100%; float:left;}
 .nav-bar nav ul li .dropmenu li a{ width:100%; height:auto; float:left; font-size:15px; color:#fff; text-align:center; 
 border-bottom:none; 
 line-height:19px; padding: 11px 0;}
 .nav-bar nav ul li .dropmenu li:hover{ background:#fff;}
 .nav-bar nav ul li .dropmenu li:hover a{ color:#000;}
 .nav-bar nav ul li .dropmenu li.active{ background:#fff;}
 .nav-bar nav ul li .dropmenu li.active a{ color:#000;}

.sticky{ height:auto; position:fixed; top:0; left:0; z-index:100; bottom:auto; padding:7px 0; display:block;}
.sticky .broucher{ padding-top:15px;}

.menu-bar { width:35px; height:33px; float:right; border:1px solid #000; border-radius:2px; position:absolute; top:20px; 
right:15px; z-index:100; display:none; cursor:pointer; background:#FFF; }
.menu-bar .icon-bar { width:100%; float:right; text-decoration:none; position:relative; padding:0 7px;}
.menu-bar .icon-bar span { width:100%; height:3px; float:left; background:#000; border-radius:1px; position:relative; 
transition:all 0.4s ease; margin:14px 0 5px 0;}
.menu-bar .icon-bar span:before { width:100%; height:3px; float:left; background:#000; border-radius:1px; content:""; position:absolute; top:-6px; left:0; transition:all 0.4s ease;}
.menu-bar .icon-bar span:after { width:100%; height:3px; float:left; background:#000; border-radius:1px; content:""; position:absolute; top:6px; left:0; transition:all 0.4s ease;}

.menu-bar.active { background:#0099FF; border-color:#ff6f24; box-shadow:0 0 3px 3px #999999;}
.menu-bar.active .icon-bar span { background:none;}
.menu-bar.active .icon-bar span:before { height:2.3px; background:#FFFFFF; -webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg); top:0;}
.menu-bar.active .icon-bar span:after { height:2.3px; background:#FFFFFF; -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg); top:0;}

@media (max-width: 767px) {
.menu-bar { display:block;}
}
@media(min-width:768px) and (max-width:979px) {
 .nav-bar nav ul li a{ font-size:16px; padding:0 5px; }
}
@media(max-width:767px) {
header{ top:0; background:#ddd;}
header .logo{ display:block;}
.header .logo a img{ width:150px; float:left; }
.top-right{ padding-right:30px; padding-top:16px; margin-right:10px;}

.nav-bar{ width:100%; height:auto; float:left; position:absolute; top:70px; left:0; z-index:100; padding:0;}
.nav-bar nav{width:100%; float:left;}
.nav-bar nav ul{ width:100%; height:auto; text-align:left; padding:0; margin:0;}
.nav-bar nav ul li{ width:100%; height:auto; float:left; height:auto; border-radius:0; padding:0; margin:0;}
.nav-bar nav ul li a{ width:100%; height:auto; float:left; font-size:14px; line-height:normal; padding:7px 20px;}
.nav-bar nav ul li .dropmenu{width:100%; float:left; display:block; position:relative; top:0; left:0px; }
.nav-bar nav ul li .dropmenu li{padding-left:30px; }
.nav-bar nav ul li .dropmenu li a{  text-align:left; color:#000;}
.nav-bar nav ul li:hover .dropmenu li a{ background:transparent;}
.nav-bar nav ul li.active .dropmenu li a{  background:transparent;}

.nav-bar .collapse {height:0; overflow:hidden;}
.nav-bar .collapse.in {height:auto; overflow:visible; }
.nav-bar .collapsing {height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; 
transition: height .35s ease;}
}
@media(max-width:479px){
.broucher{width:auto; background:transparent; box-shadow:none; margin-right:0px;}
.broucher{ padding-top:7px;}
.broucher a i{ display:block;}
.broucher a span{ display:none;}
}


/*=== banner ===*/
.banner{ width:100%; float:left;}

/*=== goals & call ====*/
.goals{ width:100%; float:left; background:#db6339; padding:35px 0;}
.goals article{ width:33.3%; float:left; }
.goals article:nth-child(2){ border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.goals article p{ float:left; font-size:24px; color:#fff; line-height:28px; padding:0 20px;}
.goals article p a{ text-decoration:none; color:#fff; }
.goals article i{float:left; font-size:60px; color:#fff; margin-left:20px;}

.help{ width:100%; float:left; background:#db6339; padding:10px 0 35px 0; text-align:center;} 
.help h3{float:none; font-family: 'Allerta Stencil', sans-serif; color:#fff; text-align:center; display:inline-block;}
.help a{float:none; font-family: 'Allerta Stencil', sans-serif; font-size:30px; color:#fff; text-align:center; 
text-decoration:none; display:inline-block; padding-left:20px;}
@media(max-width:767px){
.goals{ padding:35px 0 15px 0;}	
.goals article p{  font-size:20px;  line-height:24px; }
.goals article i{ font-size:40px;}
.help h3{ font-size:24px;}
.help a{ font-size:24px; padding-left:10px;}
}
@media( max-width:639px){
.goals article{ width:100%; padding:20px 0; text-align:center;}
.goals article:nth-child(2){ border-left:none; border-right:none;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.goals article p{ float:none; padding-left:20px; display:inline-block; margin:0 -2px;}
.goals article i{float:none; display:inline-block; margin:0 -2px;}

.help h3{ font-size:18px; padding-bottom:5px;} 
.help a{ font-size:18px;}
}

/*=== home text ===*/
.home-text{ width:100%; float:left; background:url(../images/pebble.png) center center no-repeat; background-size:cover; 
padding:50px 0;}
.home-text .container{ max-width:1000px;}
.home-text .content{ width:100%; float:left;}
.home-text .content h3{width:70%; font-family: 'open_sanssemibold',sans-serif; color:#000; text-align:center; 
padding-bottom:20px;}
.home-text p{width:70%; float:left; font-family: 'Allerta Stencil', sans-serif; font-size:15px; color:#000; text-align:center; line-height:21px;}
.home-text figure{ width:30%; float:right; padding:0 0 0 20px; margin-top:-180px; position: relative; transition: all 1s ease;}
.home-text figure img{ width:100%; transition: all 1s ease;}
.home-text figure:hover img{ border: 20px solid #eca654; border-radius: 50%; }
@media(max-width:767px){
.home-text .content h3{ width:100%;}
.home-text p{ width:100%;}
.home-text figure{ display:none;}
}



/* Slider Style */
.pxs_container{
	width:100%;
	height:547px;
	position:relative;
	z-index:20;
	border-bottom:7px solid #333;
	overflow:hidden;
	-moz-box-shadow:0px 0px 7px #000;
	-webkit-box-shadow:0px 0px 7px #000;
	box-shadow:0px 0px 7px #000;
}
.pxs_bg{
	background:transparent url(../images/bg.png) repeat top left;
}
.pxs_bg div{
	position:absolute;
	top:0px;
	left:0px;
	width:758px; /*1264px window width times number of images*/
	height:570px;
	background-repeat:repeat;
	background-position:top left;
	background-color:transparent;
}
.pxs_bg .pxs_bg1{
	background-image:url(../images/bg1.png);
	/*left negative 1/8 of ww*/
}
.pxs_bg .pxs_bg2{
	background-image:url(../images/bg2.png);
	/*left negative 1/4 of ww*/
}
.pxs_slider_wrapper{
	display:none;
}
.pxs_container ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.pxs_slider{
	position:absolute;
	left:0px;
	top:0px;
	height:420px;
}
ul.pxs_slider li{
	height:420px;
	float:left;
	position:relative;
}
ul.pxs_slider li img{
	display:block;
	margin:35px auto 0px auto;
	-moz-box-shadow:0px 0px 7px #222;
	-webkit-box-shadow:0px 0px 7px #222;
	box-shadow:0px 0px 7px #222;
	border: 8px solid transparent;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

ul.pxs_thumbnails{
	height:35px;
	position:absolute;
	top:425px;
	left:50%;
}
ul.pxs_thumbnails li{
	position:absolute;
	display:block;
}
ul.pxs_thumbnails li img{
	border: 5px solid #FFFFFF;
	-moz-box-shadow:1px 1px 7px #555;
	-webkit-box-shadow:1px 1px 7px #555;
	box-shadow:1px 1px 7px #555;
	cursor:pointer;
	display:block;
	opacity:0.7;
}
ul.pxs_thumbnails li.selected img{
	opacity:1.0;
}
.pxs_navigation span{
	position:absolute;
	width:30px;
	height:60px;
	-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
	top:50%;
	opacity:0.6;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
	margin-top:-60px;
}
.pxs_navigation span:hover{
	opacity:0.9;
}
.pxs_navigation span.pxs_prev{
	left:0 !important;
	background:#000 url(../images/prev.png) no-repeat center center;
}
.pxs_navigation span.pxs_next{
	right:0 !important;
	background:#000 url(../images/next.png) no-repeat center center;
}
.pxs_loading{
	color:#fff;
	font-size:20px;
	padding:15px 15px 15px 50px;
	position:absolute;
	background:#333 url(../images/ajax-loader.gif) no-repeat 10px 50%;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	opacity:0.7;
	width:180px;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-90px;
}
@media( min-width:768px) and (max-width:1023px){
.pxs_container{ height:450px; }
ul.pxs_slider li img{ width:700px; margin:5% auto;}
ul.pxs_thumbnails{top:300px; width:100%;}
}
@media (max-width:767px){
.pxs_container{ height:300px; }
ul.pxs_slider li img{width:460px; margin:5% auto;}
ul.pxs_thumbnails{display:none;}
}
@media (max-width:479px){
.pxs_container{ height:250px; }
ul.pxs_slider li img{width:100%; margin:5% auto;}
}

/*=== footer ===*/
.footer{ width:100%; float:left; text-align:center;}
#slide1{ width:100%; float:left; background:url(../images/foot.jpg) center center no-repeat fixed; color:#fff; height:auto; margin: 0; 
padding:35px 0; background-size: cover; }
.footer article{ width:30%; float:left; padding:0 20px;}
.footer article h4{ font-family: 'open_sanssemibold',sans-serif; color:#fff; padding-bottom:10px;}
.footer article p{ font-size:16px; color:#fff; line-height:26px; padding-bottom:0;}
.footer article p a{ font-size:16px; color:#fff; line-height:21px; padding-bottom:0;}
.footer article p.des-name{ color: #FF0;}
.footer article p.des-name a{ color: #FF0;}
.footer article.small{ width:20%;}
.foot-links{ display:none;}
@media(min-width:768px) and (max-width:1023px){
#slide1{ padding:35px 0;}
.footer article{ padding:0 10px;}
}
@media(max-width:767px){
#slide1{ padding:30px 0;}
.footer article{ width:50%; float:none; display:inline-block; margin:0 -2px; vertical-align:top; padding-bottom:20px;}
.footer article.small{ width:50%;}
.foot-links{width:100%; display:block; text-align:center;}
.foot-links ul{ float:none; display:inline-block; margin:0 -2px;}
}
@media(max-width:639px){
.footer article{ width:100%; }
.footer article.small{ width:100%;}
}


/*=== about page ====*/
.about{ width:100%; float:left; background:url(../images/pebble.png) center center repeat; background-size:cover; padding:35px 0;}
.about .abt-cny{ width:70%; float:left; padding-right:20px;}
.about .abt-cny h3{float:left; font-family: 'open_sanssemibold',sans-serif; color:#000; padding-bottom:20px;}
.about .abt-cny h3 span{float:right; font-family: 'Allerta Stencil', sans-serif; font-size:16px; color:#000; padding-left:20px; padding-top:10px;}
.about .abt-cny p{ float:left; font-size:15px; font-family: 'Allerta Stencil', sans-serif; color:#000; line-height:25px; padding-bottom:15px; }
.about .abt-cny article{ width:100%; float:left;}
.about .abt-cny article figure{ width:40%; float:left; padding-right:15px; padding-bottom:15px;}
.about .abt-cny article .abt-pic{ width:40%; float:left; }
.about .abt-cny article .abt-pic figure{ width:100%; float:left; padding:0 40px 20px 0;}
.about .abt-cny article figure img{ width:100%; transition: all 1s ease;}
.about .abt-cny article figure:hover img{ border: 20px solid #eca654; border-radius: 50%;}
.about .abt-cny article p{width:auto; float:none; font-size:15px; font-family: 'Allerta Stencil', sans-serif; color:#000; line-height:25px; padding-bottom:15px; }
.about .abt-cny .abt-gallery{ width:100%; float:left; text-align:center;}
.about .abt-cny .abt-gallery figure{ width:33.3%; float:left; padding:15px; overflow:hidden;}
.about .abt-cny .abt-gallery figure img{ width:100%;  transition: all 0.5s ease;}
.about .abt-cny .abt-gallery figure:hover img { border-radius: 50%;  transform: rotate(360deg);}

.about .abt-mgmt{ width:30%; float:left; padding-left:20px;}
.about .abt-mgmt h3{width:100%; float:left; font-family: 'open_sanssemibold',sans-serif; color:#000; text-align:center; padding-bottom:20px;}
.about .abt-mgmt figure{ width:100%; float:left; text-align:center; padding-bottom:20px; overflow:hidden;}
.about .abt-mgmt figure img{ width:70%; transition: all 1s ease-in-out;}
.about .abt-mgmt figure:hover img{ border: 20px solid #eca654; border-radius: 50%;}
.about .abt-mgmt p{ font-size:15px; font-family: 'Allerta Stencil', sans-serif; color:#000; text-align:justify; line-height:25px; padding-bottom:15px;}

@media(min-width:768px) and (max-width:979px){
.about .abt-cny .abt-gallery figure{ width:50%; float:none; display:inline-block; margin:0 -2px;}
.about .abt-cny article .abt-pic{ width:100%; }
.about .abt-cny article .abt-pic figure{ width:50%;}
.social-cny{ width:60% !important;}
.social-cny article p{ width:100% !important;}
.social-mgmt{ width:40% !important;}

}
@media(max-width:767px){
.about .abt-cny{ width:100%; padding-right:0px; padding-bottom:35px;}
.about .abt-cny h3{ text-align:center;}
.about .abt-cny article figure.mob-hide{ display:none;}
.about .abt-cny article .abt-pic{ width:100%; }
.about .abt-cny article .abt-pic figure{ width:50%; padding:0 20px 20px 20px;}
.about .abt-cny article p{ width:100%;}
.about .abt-mgmt{ width:100%; padding-left:0px;}
.about .abt-mgmt figure img{ max-width:300px; margin:0 auto;}
}
@media(max-width:639px){
.about .abt-cny .abt-gallery figure{ width:50%; float:none; display:inline-block; margin:0 -2px;}
}
@media(max-width:479px){
.about .abt-cny h3{ font-size:24px;}	
.about .abt-cny article .abt-pic figure{ width:100%; padding:0 40px 20px 40px;}
.about .abt-cny .abt-gallery figure{ width:100%; padding:0 30px 15px 30px; }
.about .abt-mgmt h3{ font-size:24px;}
}


/*==== news & event =====*/
.event{ width:100%; float:left; background:url(../images/pebble.png) center center repeat; background-size:cover; padding:35px 0;}
.event .container{max-width:1200px;}
.event p{ font-size:15px; font-family: 'Allerta Stencil', sans-serif; color:#000; text-align:justify; line-height:25px; padding-bottom:15px;}
.event h3{ font-family: 'open_sanssemibold',sans-serif; color:#000; text-align:center; padding-bottom:20px;}
.event .event-one{ width:75%; float:left; text-align:center; padding-right:20px;}
.event .event-one figure{ width:33.3%; float:left; padding:10px; display:inline-block; margin:0 -2px;}
.event .event-one figure img{ width:100%; transition: 0.5s ease-in-out;}
.event .event-one figure:hover img { border-radius: 50%;  transform: rotate(360deg);}
.event .event-two{ width:25%; float:left; text-align:center; padding-left:20px;}
.event .event-two figure{ width:100%; float:left; padding:5px 10px 15px 10px;}
.event .event-two figure img{ width:100%; transition: 0.5s ease-in-out;}
.event .event-two figure:hover img { border-radius: 50%;  transform: rotate(360deg);}

@media( max-width:767px){
.event .event-one{ width:100%; padding-bottom:30px; padding-right:0;}
.event .event-two{ width:100%; padding-left:0px;}
.event .event-two figure{ width:33.3%;}
}
@media( max-width:639px){
.event .event-one figure{ width:50%; float:none; display:inline-block; margin:0 -2px;}
.event .event-two figure{ width:50%; float:none; display:inline-block; margin:0 -2px;}
}
@media( max-width:479px){
.event .event-one figure{ width:100%; padding:10px 40px;}
.event .event-two figure{ width:100%; padding:10px 40px;}
}

/*=== Frequetly Asked Question ===*/
.freq-question{ width:100%; float:left; background:url(../images/pebble.png) center center repeat; background-size:cover; 
padding:35px 0;}
.freq-question .container{ max-width:1000px;}
.freq-question h3{ font-family: 'open_sanssemibold',sans-serif; color:#000; text-align:left; padding-bottom:20px;}
.freq-question .faq-all{ width:70%; float:left; }
.freq-question .faq{ width:100%; float:left;}
.faq_question {  margin: 0px; padding: 0px 0px 5px 25px; display: inline-block; cursor: pointer; font-family:'open_sanssemibold',sans_serif;
 color:#000; position:relative;}
.faq_question:before{font-family: FontAwesome; font-size:20px; color:#000; content:"\f0a7"; position:absolute; top:0; left:0; 
transition:all 0.3s ease-out; }
.faq_answer_container {height: 0px; font-size:14px; color:#000; line-height:20px; overflow: hidden; padding:0 0 0 25px; 
margin:0 0 15px 0;}
.faq_answer_container p{font-family: 'Allerta Stencil', sans-serif; font-size:14px; color:#0000cb; line-height:18px;}
.freq-question .faq-all .open .faq_question:before{ content:"\f0a6";}
@media(max-width:767px){
.freq-question .faq-all{ width:100%; }
.freq-question figure{ display:none;}
}

/*==== contact ====*/
.contact{ width:100%; float:left; background:url(../images/pebble.png) center center repeat; background-size:cover; 
padding:35px 0;}
.contact h3{font-family: 'open_sanssemibold',sans-serif; color:#000; text-align:center; padding-bottom:5px;}
.contact span{width:100%; float:left; font-family: 'Allerta Stencil', sans-serif; font-size:16px; color:#000; text-align:center; padding-bottom:30px;}
.contact .con-div{ width:100%; float:left; padding-bottom:50px;}
.contact .con-div .con-map{ width:70%; float:left; }
.contact .con-div p{width:26%; float:right; font-family: 'Allerta Stencil', sans-serif; font-size:18px; color:#000; 
line-height:24px; 
padding-left:0px;}
.contact .con-div p a{color:#000; text-decoration:none;}
.contact .add-div{ width:100%; float:left; padding-bottom:20px;}
.contact .add-div p{ width:33.3%; float:left; font-family: 'Allerta Stencil', sans-serif; font-size:15px; color:#000; 
text-align:justify; line-height:20px;}
.contact .add-div p a{color:#000; text-decoration:none;}
.contact .add-div p span{ width:100%; float:left; padding-top:20px !important;}
.contact .airport{ width:100%; float:left; }
.contact .airport p{ font-family: 'Allerta Stencil', sans-serif; font-size:16px; color:#000; line-height:20px;}
@media (min-width:768px) and (max-width:1023px){
.contact .con-div{ padding-bottom:30px;}	
.contact .con-div .con-map{ width:60%;}
.contact .con-div .con-map .google-maps{ padding-bottom:70%;}
.contact .con-div p{width:40%; font-size:15px; padding-left:40px; }
.contact .add-div{ text-align:center;}
.contact .add-div p{ width:50%; float:none; padding-bottom:25px; text-align:left; display:inline-block; margin:0 -2px;}
}
@media( max-width: 767px){
.contact .con-div{ padding-bottom:20px;}	
.contact .con-div .con-map{ width:100%;  padding-bottom:30px;}
.contact .con-div p{width:50%; float:left; font-size:16px; color:#000; line-height:24px;  padding-bottom:5px;}
.contact .add-div{ text-align:center;}
.contact .add-div p{ width:50%; float:none; padding-bottom:25px; text-align:left; display:inline-block; margin:0 -2px;}
.contact .airport p{ text-align:center;}
}
@media( max-width: 639px){
.contact .con-div p{width:100%; text-align:center; }
.contact .add-div p{ width:100%; text-align:center;}
}

/*=== affiliations ===*/
.affliation{ width:100%; float:left; background:url(../images/pebble.png) center center no-repeat; background-size:cover; 
padding:50px 0;}
.affliation h3{font-family: 'open_sanssemibold',sans-serif; color:#000; text-align:center; padding-bottom:20px;}

.affliation .aff-content{ width:100%; float:left; background:#CCC; text-align:center; padding:50px;}
.affliation .aff-content figure{ width:50%; float:left; padding:20px 20px;}
.affliation .aff-content figure img{ width:100%;}
.affliation .aff-content aside{width:50%; float:left; padding:20px 20px;}
.affliation .aff-content aside figure{width:100%; float:left; padding:5px 0;}
.affliation .aff-content aside figure img{width:100%;}
@media(min-width:768px) and ( max-width:979px){
.affliation .aff-content figure{ width:50%; float:left; padding:20px 20px;}
.affliation .aff-content aside figure{width:100%; float:left; padding:3px 0;}
}
@media( max-width:767px){
.affliation .aff-content figure{ width:50%; float:left; padding:25px 20px;}
}
@media( max-width:639px){
.affliation .aff-content{ padding:30px;}
.affliation .aff-content figure{ width:100%; padding:10px 10px;}
.affliation .aff-content aside { width:100%; }
}

/*==== creations ===*/
.gallery{ width:100%; float:left; padding:35px 0; position:relative;}
.gallery h3{ font-family: 'open_sanssemibold',sans-serif; color:#000; text-align:center; padding-bottom:20px;}
.back{ float:left; position:absolute; top:25px; left:10%;}
.back i{float:left; font-size:30px; color:#F00;}
.back p{float:left; font-family: 'Allerta Stencil', sans-serif;  font-size:20px; color:#F00; line-height:30px; padding-left:10px;}
.container-fillter { 
	position: relative; 
	margin: 0 auto; 
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;	
}

#filters {
	margin:1%;
	padding:0;
	list-style:none;
	text-align:center;
}

	#filters li {
		float:none;
		display:inline-block;
		font-family: 'open_sanssemibold',sans-serif;
		text-align:center;
	}
	
	#filters li span {
		border:1px solid #eca654;
		font-size:15px;
		display: block;
		padding:10px 20px;		
		text-decoration:none;
		color:#000;
		cursor: pointer;
		margin:0px 4px 10px 4px;
	}
	
	#filters li span a{ color:#000; text-decoration:none; }
	
	#filters li span.active {
		background: #eca654;
		color:#000;
	}

#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing:border-box;
	width:23%;
	margin:1%;
	display:none;
	float:left;
	border: 1px solid #ddd;
	box-shadow:0 0 5px #ccc !important;
	overflow:hidden;
}
#portfoliolist {
	width:100% !important; float:left !important;
}
#portfoliolist .groupset{
	width:100% !important; float:left !important;
}

	.portfolio-wrapper {
		overflow:hidden;
		position: relative !important;
		background: #fff;
		cursor:pointer;
	}
	.portfolio img {
		width:100%;
		max-width:100%;
		position: relative;
		top:0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);		
	}
	
	.portfolio .label {
		position: absolute;
		width: 100%;
		height:40px;
		bottom:-40px;
    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
	}

		.portfolio .label-bg {
			background: #e95a44;
			width: 100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
		}
	
		.portfolio .label-text {
			color:#fff;
			position: relative;
			z-index:99;
			padding:5px 8px;
		}
		.portfolio .label-text a{
			font-size:15px !important; text-decoration:none; color:#fff;
		}
			.portfolio .text-category {
				display:block;
				font-size:9px;
			}
	
   
@media (min-width:768px) and (max-width:1023px){
	#filters li span {font-size:15px; padding:10px 10px; }
}
@media (max-width:767px){
	#filters li span {font-size:14px; padding:5px; }
}
@media (max-width:639px){
#portfoliolist .portfolio { width:46%; margin:2%;}
}
@media (max-width:439px){
	#filters li span {font-size:13px; padding:5px; }
	#portfoliolist .portfolio { width:96%; margin:2%;}
.gallery h3{ font-size:20px;}
.back{position:absolute; top:35px; left:5%;}
.back i{ font-size:24px; }
.back p{ font-size:16px; line-height:24px; padding-left:5px;}
}


.scrollToTop {
	width:45px; 
	height:45px;
	text-align:center; 
	background:#000;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:30px;
	right:30px;
	display:none;
	z-index:100;
}

.scrollToTop:before { width:100%; height:100%; float:left; font-size:24px; color:#FFF; font-family:FontAwesome; content: "\f0a6"; box-shadow:inset #eca654 0 -3px 0; position:absolute; top:0; left:0; line-height:45px; transition:all 0.5s ease;}
.scrollToTop:hover:before { box-shadow:inset #eca654 0 -45px 0;} 

.scrollToTop:hover{
	text-decoration:none;
}