@import"../css/reset.css";@import"../css/skeleton.css";@import"../css/superfish.css";@import"../css/forms.css";
@import url(http://fonts.googleapis.com/css?family=Oswald);
body{
	/* [disabled]background: #f7f7f7; */
	font: 13px/21px Arial, Helvetica, sans-serif,Microsoft JhengHei;
	color: #000000;
	position: relative;
	min-width: 320px;
	-webkit-text-size-adjust: none;
}
html,body{height:100%;}
p{padding-bottom:21px}
a{color:#ff2102;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#FF3366; font-family:Oswald, sans-serif,Microsoft JhengHei; font-weight:normal;}
h1{font-size:50px;}
h2{font-size:30px; text-transform:uppercase; letter-spacing:-1px;}
h3{
	font-size: 36px;
	color: #232428;
	letter-spacing: -1px;
	position: relative;
	/* [disabled]overflow:hidden; */
} 
	h3 span{
	display: block;
}
h4{font-size:20px;}  
h5{font-size:18px;}
h6{font-size:14px;}
/* Global Structure---------------------------------------- */
img{ max-width:100%; height:auto;}
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{
	color: #FF3366;
}
.color2{color:#000;}
.text3{ font:14px/18px Arial, Helvetica, sans-serif;}
.text4{
	font: 15px/21px "Trebuchet MS", Arial, Helvetica, sans-serif,Microsoft JhengHei;
}
/*********************************header*************************************/
.main{
	width: 100%;
	margin: 0 auto;
	background: #fff;
	/* [disabled]box-shadow: 0 0 16px #dedddd; */
	/* [disabled]-webkit-box-shadow: 0 0 16px #dedddd; */
}

header{ width:100%; border-top:6px solid #FF3366;}
header h1{
	float: left;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}
header h1 a{
	display: block;
	width: 170px;
	height: 50px;
}
/* slider */
.slider{ width:100%;position:relative; z-index:1; margin:19px auto 31px; }
.flexslider {width: 100%; margin: 0;}
.flexslider .slides > li  {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	/* [disabled]max-width: 100%; */
	display: block;
	width: 100%;
}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
/* flex-control-nav */
.flex-control-nav{ position:relative; overflow:hidden; position:absolute; bottom:-22px; right:2px; z-index:999; list-style:none;}
	.flex-control-nav li{ float:left; margin-left:2px;}
	.flex-control-nav li a{ display:block; background:#000000; width:12px; height:6px; text-indent:-5000px; margin-top:3px;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.flex-control-nav li a:hover,.flex-control-nav li a.active{ width:12px; height:12px; margin-top:0; background:#FF3366;}
/* caption */
.caption{ position:absolute; left:1px;bottom:62px; width:500px; color:#fff;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.pad-capt{ padding:0 0 0 38px;}
.text1{ font:40px/48px 'Oswald', sans-serif; letter-spacing:-1px;}
.text2{font:52px/63px 'Oswald', sans-serif; text-transform:uppercase; margin-top:-11px; letter-spacing:-2px;}
.lineH{ width:100%; height:1px; background:#ebebeb;}
/********************** Content ************************/
section{  width:100%;}
.padcontent{
	padding-bottom: 66px;
	padding-top: 51px;
	/* [disabled]width: 80%; */
	margin-left: auto;
	/* [disabled]margin-right: auto; */
}
.padcontent2{ padding-bottom:61px;}
.padcontent3{
	padding-bottom: 51px;
	padding-top: 66px;
	width: 80%;
}
.padcontent4{
	padding-bottom: 65px;
	padding-top: 66px;
	width: 80%;
}
.box1{
	text-align: center;
	padding-top: 59px;
	padding-right: 0px;
	/* [disabled]padding-left: 10px; */
	padding-bottom: 40px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-left: -10px;
	background: #f3f3f3;
}
.box1.first{ margin-left:0; padding-left:0;}
.box1 p{ padding:30px 40px 38px;}
.box1.var{background: #fbfbfb;}
.box-img2{ float:left; padding:8px; background:#f3f3f3; position:relative;}
.box-img{
	float: left;
	padding: 1%;
	background: #0000;
	position: relative;
	border: thin solid #BBBABA;
	text-align: center;
	margin-bottom: 5px;
}
.box-img3{ position:relative;}
.box-img a{ position:relative; z-index:2;}
.box-img span{ display:block; top:8px; left:8px; right:8px; bottom:8px; position:absolute; z-index:1;}
.box-img3 span{ display:block; top:0; left:0; right:0; bottom:0; position:absolute; z-index:1;}
.box-img3 img{
	/* [disabled]position: relative; */
	/* [disabled]z-index: 2; */
	opacity: 0.5;
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
	width: 100%;
}
.list2{ position:relative; overflow:hidden; padding:40px 0 0 0;}
	.list2 li{ float:left; margin:0 0 0 21px;}
	.list2 li:first-child{ margin:0;}
.list1 li{ font:14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/marker.png) 0 9px no-repeat; padding:1px 0 8px 12px;}
	.list1 li a{ color:#101010}
	.list1 li a:hover{ color:#b3d028}
.quote{ background:#f3f3f3; margin:36px 0 28px 0; padding:14px 10px 15px 20px; position:relative;}
	.quote span{ display:block; background:url(../images/quote.png) 0 0 no-repeat; width:22px; height:11px; position:absolute; bottom:-11px; left:47%;}
.quote blockquote{ font:italic 14px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#101010;}
.box2{ position:relative; overflow:hidden; padding-bottom:1px;}
	.box2 img{ float:left; margin:6px 7px 0 0;}
.dropcap{ float:left; text-transform:uppercase; width:75px; height:70px; font:48px/58px 'Oswald', sans-serif; background:#fff; text-align:center; box-shadow:0 0 5px #c8df5b; -webkit-box-shadow:0 0 5px rgba(0,0,0,.3); border-radius:50px; color:#FF3366; margin:5px 15px 16px 0; padding-top:5px;}
.pad4{ padding:0px 40px 0 0;}
	.pad4 .link{ line-height:25px;}
.map{
	float: left;
	padding: 8px;
	background: #f3f3f3;
	position: relative;
	margin: 36px 19px 0 0;
	width: 75%;
}
.map iframe{
	width: 100%;
	height: 500px;
}
.contacts{
	font-style: normal;
	overflow: hidden;
	padding-top: 35px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}
	.contacts span{
	display: inline-block;
	width: 40px;
}
	.contacts a{ color:#000; text-decoration:underline;}
	.contacts a:hover{ color:#FF3366; text-decoration:none;}
/*  Buttons */
.button{display:inline-block; font:18px/22px 'Oswald', sans-serif,Microsoft JhengHei; text-transform:uppercase;color:#242424;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.button:hover{ text-decoration:none;color:#FF3366;}
.button1{display:inline-block; font:18px/22px 'Oswald', sans-serif,Microsoft JhengHei; text-transform:uppercase;color:#fff; background:#0f0f0f; padding:6px 18px;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.button1:hover{ text-decoration:none;color:#fff;background:#FF3366;}
.link{ display:inline-block; font:14px/18px 'Oswald', sans-serif; text-transform:uppercase; color:#242424;}
	.link:hover{ color:#FF3366;}
.link2{ display:inline-block; text-transform:uppercase; color:#000;}
	.link2:hover{ text-decoration:none; color:#FF3366;}
.list3{ position:relative; overflow:hidden; padding:36px 0 4px 0;}
	.list3 li{
	float: left;
	padding: 1%;
	background: #f3f3f3;
	width: 30.3%;
	margin-top: 0;
	margin-right: 0.5%;
	margin-left: 0.5%;
	margin-bottom: 10px;
}
	.list3 li.first{ margin-left:0;}
	.list-bg{ padding:14px 19px 15px;}
	.list3 li:hover .list-bg{ background:#FF3366; color:#fff;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.list3 li:hover .list-bg a{ color:#fff; display:inline;}
	.list3 li:hover .list-bg a:hover{ text-decoration:underline;}
/* Elastislide Style */
.es-carousel-wrapper{padding:40px 0 0 0;position:relative; z-index:99;}
.es-carousel{overflow:hidden;}
.es-carousel ul{display:none; overflow:hidden; position:relative;}
.es-carousel ul li{height:100%;float:left;display:block; padding:0; overflow:hidden;}
.es-carousel ul li img{display:block;border:none;max-height:100%;max-width:100%;width: 100%;}
.es-carousel ul li .box-img2{ margin-bottom:19px;}
.es-carousel ul li .box-img2 a{ display:block;width: 157px;height: 134px;}
.es-carousel ul li span{ display:block; margin-top:-4px;}
.es-nav span.es-nav-next,.es-nav span.es-nav-prev{ display:block !important; position:absolute; line-height:0; font-size:0; width:19px; height:19px;  text-indent:-5000px;z-index:99; cursor:pointer;top:-34px;}
.es-nav span.es-nav-next{right:0; background: url(../images/btn-next.jpg) 0 0 no-repeat;}
.es-nav span.es-nav-prev{right:23px; background:url(../images/btn-prev.jpg) 0 0 no-repeat;}
.es-nav span.es-nav-next:hover,.es-nav span.es-nav-prev:hover{ background-position:0 -19px;}
.partners a{display: inline-block;height: 104px;overflow: hidden;}
.partners a:hover img{margin-top: -104px;}
.personalized .box-img a{height: 95px;display: inline-block;overflow: hidden;}
.personalized a:hover img{margin-top: -95px;}
/******************** Footer ******************/
footer{ font:12px/15px 'Oswald', sans-serif; color:#7a7a7a; text-transform:uppercase; text-align:center; padding:41px 0 39px;background: #1e1a1a;letter-spacing: 0px;}
footer a{ color:#7a7a7a;}
footer a:hover{ color:#fff;}
.footer-menu{
	position: relative;
	overflow: hidden;
	padding-top: 8px;
	padding-right: 0;
	/* [disabled]padding-left: 250px; */
	padding-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
}
	.footer-menu li{ float:left; font-size:14px; line-height:17px; padding:0 15px 0 0;}
	.footer-menu li a{ color:#7f7f7f;}
	.footer-menu li a:hover,.footer-menu li.current a{ color:#fff; text-decoration:none;}
/* padding */
.padtop{ padding-top:63px;}
.padtop24{ padding-top:50px;}
.padtop23{ padding-top:48px;}
.padtop25{ padding-top:46px;}
.padtop22{ padding-top:45px;}
.padtop2{ padding-top:41px;}
.padtop32{ padding-top:36px;}
.padtop3{ padding-top:30px;}
.pad1{ padding-bottom:20px;}
	.pad1 .box-img{ margin-right:10px;}
	.pad1 .extra-wrap{ padding-top:38px;}
	.pad1 .text3 { display:inline-block; margin-top:-3px;}
.pad2{ padding:28px 0 0 0;}
	.pad2 .link2{ margin:2px 0 0 0;}
.pad3{ padding:30px 0 0 0;}
	.pad3 .box-img2{ margin:6px 19px 0 0;}
.padbot2{ padding-bottom:6px;}
.padbot{ padding-bottom:28px;}
.indent{ margin-top:-1px;}
.padline{
	/* [disabled]padding-top: 19px; */
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}
.padright{ padding-right:30px;}
.padright2{ padding-right:50px;}
.und{ text-decoration:underline;}
.und:hover{ text-decoration:none;}
.padright3{ padding-right:50px;}
.imgwid {
	width: 220px;
}
.box-img3:hover img{
	
	opacity: 1;
	}
.text5 {
	text-align: center;
}
.s_hight {
	width: 100%;
}




/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
  .main{width: 768px;}
	header h1{
	float: left;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}
	header h1 a{ display:block; width:130px; height:auto;}
	.caption{bottom:32px;}
	.box1 p{ padding:30px 10px 31px;}
	.list2 li{ float:left; margin:0 0 0 21px;}
	.hidden{ display:none;}
	.footer-menu{padding:8px 0 0 220px;}
	.list3 li{
	float: left;
	padding: 18px;
	background: #f3f3f3;
	width: 41%;
	margin: 0 30px 30px 0;
}
	.map iframe{ width:250px; height:350px;}
	#toTop{ display:none !important;}
.padright3{ padding-right:0px;}
.padcontent4,.padcontent3 {width:100%;}

}
@media only screen and (max-width: 767px) {
  .main{width: 420px;}
	header h1{
	float: none;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
}
	.caption{ bottom:10px; width:300px;}
	.pad-capt{ padding:0 0 0 10px;}
	.text1{ font:30px/36px 'Oswald', sans-serif; letter-spacing:-1px;}
	.text2{font:35px/42px 'Oswald', sans-serif; text-transform:uppercase; margin-top:-5px; letter-spacing:-2px;}
	.box1{margin-left:0px; padding-left:0;}
	.borderR{ border-right:none;}
	.list2{ position:relative; overflow:hidden; padding:40px 0 0 0;}
	.list2 li,.list2 li:first-child{ margin:0 0 20px 50px;}
	.footer-menu{ display:none;}
	.es-carousel ul li .box-img2{}
	.es-carousel ul li span{ display:none;}
	.pad4{ padding: 30px 0px 0 0;}
	.list3{ padding-left:0px;}
	.list3 li{
	float: left;
	padding: 3px;
	background: #f3f3f3;
	width: 100%;
	margin: 0 0px 10px 0;
}
	.map{
	float: none;
	margin: 36px 0 0 0;
	width: 100%;
}
	.map iframe{ width:100%; height:350px;}
	#toTop{ display:none !important;}
.padright3{ padding-right:0px;}
.pad_box{padding: 0 10px;}
header h1 a{margin: 0 auto;}
.padcontent, .padcontent3, .padcontent4 {
	margin-top: 130px;
}
.s_hight{
	margin-top: 24px;
}


}
@media only screen and (max-width: 479px) {
  .main{
	width: 100%;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.footer-menu{
	padding-top: 8px;
	padding-right: 0;
	padding-left: 70px;
	padding-bottom: 0;
}
	.list2 li,.list2 li:first-child{ float:left; margin:0 20px 20px 0;}
	.es-carousel ul li .box-img2{}
	.es-carousel ul li{ margin-right:40px !important;}
	.list3{ padding-left:40px;}
	.list3 li{
	float: left;
	padding: 18px;
	background: #f3f3f3;
	width: 100%;
	margin: 0 30px 30px 0;
}
	.map iframe{ width:100%; height:350px;}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	left: 50%;
  margin-left: 550px;
	bottom:50px;
	overflow:hidden;
	width:60px;
	height:60px;
	border:none;
	text-indent:-999px;
	z-index:20;
	background: url(../images/top.png) 0 -60px no-repeat;}
#toTopHover {
	background:url(../images/top.png) 0 0 no-repeat;
	width:60px;
	height:60px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}
@media (min-width:768px){.navbar-static-top{border-radius:0}}

.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{
	top: 0;
	/* [disabled]border-left-width: 0; */
	/* [disabled]border-right-width: 0; */
	/* [disabled]border-bottom-width: 1px; */
	/* [disabled]border-top-width: 0; */
}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}
.bg {
	background-color: #FFFFFF;
	/* [disabled]-webkit-box-shadow: 0px 0px 1px 1px rgba(42,42,42,1.00); */
	/* [disabled]box-shadow: 0px 0px 1px 1px rgba(42,42,42,1.00); */
}

@media (min-width:1025px){
.padcontent .pad_box {
	width: 80%;
}

}