@charset "utf-8";


@media (max-width: 1100px) {
	
	.desktop{
		display:none !important;
	}
	.mobile{
		display:block !important;	
	}
	





	/*
	========================================================
	sliderContainer start
	========================================================
	*/
	#sliderContainer{
		width:100%;
		float:left;
		display:none;
	}
	#sliderContainer .sliderWrapper{
		margin:0 auto;
		width:100%;
		max-width:100%;
		height:660px;
	}
	#sliderContainer .sliderWrapper img{
		width:100%;
	}
	/*
	========================================================
	sliderContainer end
	========================================================
	*/

	#sliderContainerMobile{
		width:100%;
		float:left;
		display:block;
	}

	/*
	========================================================
	appContainer start
	========================================================
	*/
	#appContainer .appWrapper{
		margin:0 auto;
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
		height:auto;
		padding-left:20px;
		padding-right:20px;
		padding-top:20px;
		padding-bottom:20px;
		float:left;
	}
	#appContainer .appGrid{
		width:100%;
		margin-top:0;
		float:left;
	}
	#appContainer .appText{
		width:calc(100% - 40px);
		float:left;
		height:auto;
		margin-top:0;
		background-color:#c5c5c5;
		padding-left:20px;
		padding-right:20px;
		text-align:center;
		padding-bottom:20px;
	}
	#appContainer .appText h1{
		width:100%;
		margin:20px 0 20px 0;
		padding:0 0 0 0;
		font-size:25px;
		text-align:center;
		line-height:25px;
		font-weight:lighter;
	}
	#appContainer .appText ul{
		width:50%;
		margin:0 0 0 0;
		padding:0 0 0 0;
		float:left;
	}
	#appContainer .appText ul li{
		text-align:left;
		background-position:top left;
		font-size:15px;
	}
	/*
	========================================================
	appContainer end
	========================================================
	*/




	/*
	========================================================
	contactContainer start
	========================================================
	*/
	#contactContainer{
		background-color:#3f91cb;
		background-repeat:repeat-x;
	}
	#contactContainer .contactWrapper{
		margin:0 auto;
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
		height:auto;
		color:#FFFFFF;
		padding:20px 20px 20px 20px;
	}
	
	#contactContainer .contactWrapper h1{
		width:100%;
		padding:20px 0 20px 0;
		margin:0 0 0 0;
		font-size:48px;
		font-weight:lighter;
	}
	#contactContainer .contactWrapper h2{
		text-align:left;
		margin-top:30px;
		margin-bottom:20px;
		font-size:25px;
	}
	#contactContainer .contactWrapper .left{
		float:left;
		width:100%;
		padding-right:0;
		text-align:center;
	}
	#contactContainer .contactWrapper .right{
		float:left;
		width:100%;
		padding-left:0;
		text-align:center;
	}
	#contactContainer span{
		font-size:18px;
		font-weight:lighter;
		margin-bottom:5px;
		width:100%;
		display:inline-block;
		text-align:left;
	}
	#contactContainer textarea{
		width:calc(100% - 20px);
		height:120px;
		min-width:calc(100% - 20px);
		min-height:120px;	
		max-width:calc(100% - 20px);
		max-height:120px;	
	}
	#contactContainer .field1{
		width:calc(50% - 5px);
		float:left;
		margin-right:10px;
		margin-bottom:20px;
	}
	#contactContainer .field1:nth-child(even){
		margin-right:0px;
	}
	#contactContainer .field2{
		width:100%;
		margin-bottom:20px;	
	}
	#contactContainer .contactWrapper .tailWrapper{
		float:left;
		width:100%;
		margin-top:50px;
		padding-bottom:20px;
	}
	/*
	========================================================
	contactContainer end
	========================================================
	*/









	/*
	========================================================
	clientContainer start
	========================================================
	*/
	#clientContainer .clientWrapper{
		margin:0 auto;
		width:100%;
		max-width:100%;
		height:auto;
		float:left;
		padding-bottom:30px;
		text-align:center;
		padding-left:10px;
		padding-right:10px;
		
	}
	#clientContainer .clientWrapper div{
		
		width:100%;
		float:left;
		padding-left:0px;
		padding-right:0px;
		padding-top:7px;	
	}
	/*
	========================================================
	clientContainer end
	========================================================
	*/


	
	
	
	
		
		
	/*
	========================================================
	sliderContainer start
	========================================================
	*/
	#sliderContainer .sliderWrapper{
		margin:0 auto;
		width:100%;
		max-width:100%;
		height:inherit;
		float:left;
	}
	/*
	========================================================
	sliderContainer end
	========================================================
	*/
	
	
	
	
	
	
	
	/*
	========================================================
	aboutContainer start
	========================================================
	*/
	#aboutContainer .aboutWrapper{
		margin:0 auto;
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
		float:left;
		text-align:center;
		padding:20px 20px 20px 20px;
	}
	#aboutContainer .aboutWrapper p{
		width:100%;
		padding-bottom:500px;
		word-break:keep-all !important;	
	}
	#aboutContainer .aboutWrapper h1{
		width:100%;
		font-size:38px;
		margin:0 0 0 0;
		padding:30px 0 20px 0 ;
		font-weight:lighter;
	}
	/*
	========================================================
	aboutContainer end
	========================================================
	*/
	
	
	
	/*
	========================================================
	artContainer start
	========================================================
	*/
	#artContainer .artWrapper{
		margin:0 auto;
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
		float:left;
		padding:20px 20px 20px 20px;
		padding-top:50px;
		
	}
	#artContainer .artTitle{
		width:100%;
		float:left;
		color:#3d86c6;
		font-size:28px;
		text-transform: uppercase;
		padding-bottom:30px;
	}
	#artContainer .artTitle h1{
		font-size:33px;
		width:100%;
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 0;
	
	}
	#artContainer .artSubTitle{
		width:100%;
		float:left;
		font-size:25px;
		text-transform: uppercase;
		padding-bottom:30px;
		font-weight:lighter;
	}
	#artContainer .artSubTitle h2{
		font-size:31px;
		width:100%;
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 0;
		font-weight:lighter;
	}
	#artContainer .artBg{
		float:right;
		width:100%;
		margin-top:0;
	}
		
	#artContainer .artDescription{
		width:100%;
		float:left;
		padding-top:50px;
		padding-bottom:50px;
	}
	#artContainer .artDescription div{
		float:left;
		width:100%;
		padding-right:0;
		padding-bottom:10px;
	}
	#artContainer .artImg{
		width:100%;
		float:left;
		padding-top:30px;
		margin-bottom:50px;
		overflow:hidden;
	}
	#artContainer .artImg img{
		width:100%;
	}
	
	#artContainer .artPoint{
		width:100%;
		float:left;
	}
	#artContainer .artPoint h3{
		color:#3d86c6;
		width:33%;
		float:left;
		font-size:32px;
	}
	#artContainer .artPoint ul{
		width:66%;
		margin:0 0 0 0;
		padding:0 0 0 0;
		float:left;
		font-size:12px;
	}
	#artContainer .artPoint ul.u1{
		width:33%;
		margin:0 0 0 0;
		padding:0 0 0 0;
		float:left;
	}
	#artContainer .artPoint ul li{
		padding-left:30px;
		margin-bottom:10px;
		list-style:none;
		background-image:url(../img/point_2.png);
		background-position:left;
		background-repeat:no-repeat;
		word-wrap: break-word;
	}
	/*
	========================================================
	artContainer end
	========================================================
	*/
	
	
	
	
	
	
	
	
	
	
	
	
	/*
	========================================================
	saftContainer start
	========================================================
	*/
	#saftContainer .saftWrapper{
		margin:0 auto;
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
		padding-top:50px;
		padding:20px 20px 20px 20px;
		float:left;
		
	}
	#saftContainer .saftTitle{
		width:100%;
		float:left;
		color:#3d86c6;
		font-size:25px;
		text-transform: uppercase;
		padding-bottom:20px;
	}
	#saftContainer .saftTitle h1{
		font-size:35px;
		width:100%;
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 0;
	
	}
	#saftContainer .saftTitle h1 span{
		font-size:25px;
		font-weight:lighter;
	
	}
	#saftContainer h2{
		font-size:20px;
		font-weight:lighter;
		width:100%;
		float:left;
		margin:0 0 0 0;
		padding:30px 0 0 0;
		text-transform:uppercase;
	}
	#saftContainer .saftWrapper p{
		width:100%;
		float:left;
		margin-top:20px;	
	}
	#saftContainer .saftWrapper p img{
		width:calc(100% - 40px);
		margin-left:20px;
		margin-right:20px;
	}
	#saftContainer .saftWrapper ul{
		width:100%;
		margin:0 0 0 0;
		padding:40px 0 40px 0;
		float:left;
		
	}
	#saftContainer .saftWrapper ul li{
		padding-left:30px;
		margin-bottom:20px;
		list-style:none;
		background-image:url(../img/point_2.png);
		background-position:left;
		background-repeat:no-repeat;
	}
	#saftContainer .saftWrapper ul li a{
		color:#3d86c6;
		text-decoration:underline;
		font-size:20px;
	}
	
	#saftContainer .size{
		font-size:15px !important;
	}
	
	#saftContainer h2{
		font-size:25px;
		width:100%;
		float:left;
		margin:0 0 30px 0;
		padding:0 0 0 0;
	
	}
	#saftContainer h2 span{
		font-size:25px;
		color:#3d86c6;
		font-weight:lighter;
	}
	#saftContainer .saftDescription{
		width:100%;
		float:left;
		margin-bottom:20px;
	}
	#saftContainer .saftDescriptionText{
		width:100%;
		float:left;
		margin-right:0;
	}
	#saftContainer .saftDescription img{
		float:left;
		width:100%;
		margin-left:0;
		margin-bottom:30px;
	}
	#saftContainer .saftDescription img.img1{
		margin-top:20px;	
	}
	#saftContainer .saftDescription ul{
		width:100%;
		margin:0 0 0 0;
		padding:40px 0 0px 0;
		float:left;
		
	}
	#saftContainer .saftDescription ul li{
		padding-left:30px;
		margin-bottom:10px;
		list-style:none;
		background-image:url(../img/point.png);
		background-position:left;
		background-repeat:no-repeat;
	}
	
	#saftContainer .saftLeft{
		width:100%;
		float:left;
	}
	#saftContainer .saftRight{
		width:100%;
		float:left;
		padding-left:0;
	}
	
	#saftContainer .saftPoint h3{
		color:#3d86c6;
		width:100%;
		float:left;
		font-size:32px;
		table-layout: auto;
	}
	#saftContainer .saftPoint h3.s1{
		margin-top:20px;
		width:100%;
	}
	#saftContainer .saftPoint p.s1{
		width:100%;
	}
	#saftContainer .saftPoint h3.s2{
		width:100%;
	}
	#saftContainer .saftPoint p.s2{
		width:100%;
	}
	#saftContainer .saftPoint h3.s3{
		width:100%;
	}
	#saftContainer .saftPoint p.s3{
		width:100%;
	}
	#saftContainer .saftPoint p{
		width:100%;
		float:left;
		margin:0 0 0 0 ;
		padding:0 0 0 0;
		table-layout: auto;
		font-size:14px;
	}
	#saftContainer .saftImg{
		width:100%;
		float:left;
		padding-top:30px;
		margin-bottom:50px;
		padding-bottom:0;
		overflow:hidden;
	}
	#saftContainer .saftImg img{
		width:100%;
	}
	/*
	========================================================
	saftContainer end
	========================================================
	*/

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*
	========================================================
	customizedContainer start
	========================================================
	*/
	#customizedContainer .customizedWrapper{
		margin:0 auto;
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
		padding:20px 20px 20px 20px;
		float:left;
	}
	#customizedContainer .customizedWrapper h1{
		font-size:30px;
		width:100%;
		color:#3d86c6;
		float:left;
		font-weight:bold;
		padding-bottom:10px;
		padding-top:20px;
	}
	#customizedContainer .customizedWrapper h2{
		width:100%;
		float:left;
		font-size:25px;
		color:#3d86c6;
		font-weight:lighter;
		margin-top:50px;
		margin-bottom:30px;
	}
	#customizedContainer .customizedLeft{
		float:left;
		width:100%;
		text-align:center;
	}
	#customizedContainer .customizedLeft img{
		padding-left:0;
		padding-right:0;
		padding-bottom:20px;
		width:100%;
	}
	#customizedContainer .customizedLeft2{
		float:left;
		width:100%;
		text-align:center;
	}
	#customizedContainer .customizedLeft2 img{
		padding-left:0;
		padding-right:0;
		padding-bottom:20px;
		width:50%;
		float:left;
	}
	#customizedContainer .customizedRight{
		float:left;
		width:100%;
	}
	#customizedContainer .customizedRight2{
		float:left;
		width:100%;
	}
	#customizedContainer .customizedWrapper ul{
		width:100%;
		float:left;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	#customizedContainer .customizedWrapper ul li{
		width:calc(100% - 30px);
		padding-left:30px;
		margin-bottom:10px;
		list-style:none;
		background-image:url(../img/point.png);
		background-position:left;
		background-repeat:no-repeat;
	}
	
	#customizedContainer .customizedBnt{
		width:100%;
		text-align:center;
		margin-bottom:50px;
		margin-top:50px;
		float:left;
		
	}
	#customizedContainer .customizedBnt input[type=button]{
		width:100%;
		-webkit-border-radius:40px;
		border-radius:40px;
		height:81px;
		border:#d2d2d2 solid 5px;
		background-color:#df165a;
		color:#FFFFFF;
		font-size:20px;
		text-transform:uppercase;
	}
	
	#customizedContainer .customizedSubTitle{
		font-size:25px;
		width:100%;
		float:left;
		text-transform:uppercase;
		font-weight:lighter;
		padding-bottom:20px;
		color:#0d2553;
	}
	#customizedContainer .customizedFormTxt{
		width:100%;
		margin-right:0;
		float:left;
		margin-bottom:40px;
	}
	#customizedContainer .customizedFormTxtEven{
		width:100%;
		margin-left:0;
		
	}
	#customizedContainer .customizedFormTxt label{
		font-size:20px;
		color:#3d86c6;
		margin-bottom:20px;
	}
	#customizedContainer .customizedFormBnt{
		width:100%;
		float:left;
		margin-bottom:40px;
		text-align:center;
		
	}
	#customizedContainer .customizedFormBnt input[type=submit]{
		width:100%;
	}
	/*
	========================================================
	customizedContainer end
	========================================================
	*/
	
	
	
	
	
	
	/*
	========================================================
	partnerContainer start
	========================================================
	*/
	#partnerContainer .partnerWrapper{
		margin:0 auto;
		width:calc(100% - 40px);
		max-width:calc(100% - 40px);
		padding:20px 20px 20px 20px;
	}
	#partnerContainer .partnerWrapper h1{
		font-size:35px;
		width:100%;
		color:#3d86c6;
		float:left;
		font-weight:bold;
		padding-bottom:20px;
		padding-top:0px;
	}
	#partnerContainer .partnerGrid{
		width:calc(50% - 7px);
		border:1px #cccccc solid;
		-webkit-border-radius:5px;
		border-radius:5px;
		float:left;
		height:auto;
		margin-right:10px;
		margin-bottom:20px;
		position:relative;
	}
	#partnerContainer .partnerGrid:before{
		/*
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		*/
	}
	#partnerContainer .partnerGrid:nth-child(odd){
		margin-right:0px;
	}
	#partnerContainer .partnerGrid img{
		/*
		display: inline-block;
		vertical-align: middle;
		*/
		width:100%;
	}
	/*
	========================================================
	partnerContainer end
	========================================================
	*/

	
	
	
	
	
	
	
	
	
	
	/*
	========================================================
	headContainer start
	========================================================
	*/
	#headContainer .headWrapper{
		margin:0 auto;
		width:100%;
		max-width:100%;
		height:inherit;
		
	}
	#headContainer .left{
		float:left;
		width:100%;
		text-align:center;
		padding-top:20px;
		padding-bottom:20px;
	}
	#headContainer .left img{
		height:80px;
	}
	#headContainer .right{
		float:left;
		width:100%;
		background:none;
		height:auto;
		background-color:#FFFFFF;
		position:relative;
	}
	#headContainer .lang{
		display:none;
	}
	#headContainer .menuWrapper{
		position:absolute;
		margin-top:0px;
		float:left;
		height:inherit;
		width:100%;
		background:none;
		display:none;
		top:40px;
		z-index:9999999999999999;
	}
	#headContainer .menuWrapper ul{
		width:100%;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	#headContainer .menuWrapper ul li{
		float:left;
		list-style:none;
		line-height:42px;
		position:relative;
		width:calc(100% - 20px);
		display:block;
		padding-left:10px;
		padding-right:10px;
		border-bottom:#2e699d 1px solid;
		background-color:#3d86c6;
		text-align:center;
	}
	#headContainer .menuWrapper ul li:first-child{
		border-top:#2e699d 1px solid;
	}
	#headContainer .menuWrapper ul li a{
		color:#FFFFFF;
		text-decoration:none;
		font-weight:lighter;
	}
	#headContainer .menuWrapper ul li a:hover{
		color:#FFFFFF;
		text-decoration:none;
	}
	#headContainer .menuWrapper ul li ul{
		position:inherit;
		top:0;
		margin:0 0 0 0;
		padding:0 0 0 0;
		z-index:999;
		width:auto;
		display:block;
	}
	#headContainer .menuWrapper ul li span{
		background-color:#efefef;
		line-height:40px;
		padding-left:10px;
		padding-right:10px;
		display:none;
		top:5px;
		position:absolute;
	}
	#headContainer .menuWrapper ul li span a{ 
		color:#000000;
		text-decoration:none;
		font-weight:lighter;
	}
	#headContainer .menuWrapper ul li span a:hover{ 
		color:#000000;
		text-decoration:none;
	}
	#headContainer .menuWrapper ul li ul li{
		background-color:#397db9;
		line-height:42px;
		list-style:none;
		width:100%;
		margin-left:-10px;
		padding-left:10px;
		text-align:center;
		border-bottom:1px #2e699d solid;
	}
	#headContainer .menuWrapper ul li ul li:first-child{
		margin-top:-5px;
		border-top:1px #2e699d solid;
	}
	#headContainer .menuWrapper ul li ul li:last-child{
		border-bottom:0px #2e699d solid;
	}
	#headContainer .menuWrapper ul li ul a{
		color:#FFFFFF;
		text-decoration:none;
		font-weight:lighter;
	}
	#headContainer .menuWrapper ul li ul a:hover{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#headContainer .mobileBnt{
		width:100%;
		float:left;
		height:40px;
		display:block;
		background-position:center center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	#headContainer .bnt1{
		background-image:url(../img/mobile_bnt.png);
	}
	#headContainer .bnt2{
		background-image:url(../img/mobile_bnt_2.png);
	}
	#headContainer .mobileLang{
		display:block;
		width:100%;
		float:left;
		padding-top:10px;
		padding-bottom:10px;
		text-align:center;
		background-color:#FFFFFF;
		border-bottom:1px #2e699d solid;
	}
	/*
	========================================================
	headContainer end
	========================================================
	*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}


@media screen and (max-width: 600px) {
	#aboutContainer .aboutWrapper p{
		width:100%;
		padding-bottom:200px;
		word-break:keep-all !important;	
	}
}