/* media query for smartphone */



@media (min-width: 568px){

	.newsEventArea{

		display: block;

	}

}



 

 

@media (min-width: 320px) and (max-width: 773px) {

.carousel-indicators{

		opacity: 0.3;



}

.carousel-content a{

	text-decoration: none;

}





.carousel-content button {

    background: #333;

    color: #fff;

    text-transform: uppercase;

   : 5px 15px 5px 15px;

    border: none;

    opacity: .8;

    font-weight: bold;

    border: #fff 1px solid;

    position: relative;

    font-size: 8px;

    font-family: 'Montserrat', sans-serif;

}



.newsEventArea{

	display: none;

}



.newsEventAreaSP{

	display: block;

}



.newsEventAreaSP .swiper-slide{

	padding: 10px;

}

.newsEventAreaSP .swiper-slide .DateArea{

	float: left;

	width: 25%;

	margin-top: 0;

}



.newsEventAreaSP .swiper-slide .captionArea{

	float: left;

	width: 70%;

}



	.companyBusinessList ul li:hover{

	background-color:#fff;

}

.companyBusinessList ul li:hover h3{

	color:#0d3b9a;

}

.companyBusinessList ul li:hover p{

	color:#666666;

}



.companyBusinessList ul li:visited,

.companyBusinessList ul li:open,

.companyBusinessList ul li:active,

.companyBusinessList ul li:focus{

	background-color: #242f67;

}

	

	#productSwiperMobileLogo{

		min-height: 435px;		

	}

	

	.produkSliderMobile .swiper-container{

	display: block;

}

	

	.companyBusinessList {

   

    padding-left: 0px;

}

	

.rotate {

    transform: rotate(180deg);

    /*transform: rotate(180deg);*/

    transition: .3s;

}

.rotate2 {

    transform: rotate(0deg);

    transition: .3s;

}



.footer .left {

    float: left;

    width: 93%;

}





  

.newsEventArea .swiper-wrapper{

    padding-left: 0; 

}





	

	.langMobile a{

		    text-decoration: none;		

	}

	.mobile-logo img{

		width: 70%;	

	}

	

	.companyBusinessList ul li:first-child{

	margin-left: 0px;

}

	.ProductBanner{

		display: none;

	}

	

	

	

	/* === swiper slider === */



.swiper-container{

		display:block;

		margin: 0 auto;

		position: relative;

		overflow: hidden;

		z-index: 1;		

		padding-left: 15px;

	}

	

	.swiper-container-no-flexbox .swiper-slide {

	float: left

}

.swiper-container-vertical>.swiper-wrapper {

	-webkit-box-orient: vertical;

	-moz-box-orient: vertical;

	-ms-flex-direction: column;

	-webkit-flex-direction: column;

	flex-direction: column

}

.swiper-wrapper {

	position: relative;

	width: 100%;

	height: 100%;

	z-index: 1;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-transition-property: -webkit-transform;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform;

	-webkit-box-sizing: content-box;

	-moz-box-sizing: content-box;

	box-sizing: content-box

}

.swiper-container-android .swiper-slide, .swiper-wrapper {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-o-transform: translate(0, 0);

	-ms-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}

.swiper-container-multirow>.swiper-wrapper {

	-webkit-box-lines: multiple;

	-moz-box-lines: multiple;

	-ms-flex-wrap: wrap;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap

}

.swiper-container-free-mode>.swiper-wrapper {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-ms-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	margin: 0 auto

}

.swiper-slide {

	-webkit-flex-shrink: 0;

	-ms-flex: 0 0 auto;

	flex-shrink: 0;

	width: 100%;

	height: 100%;

	position: relative

}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {

	height: auto

}

.swiper-container-autoheight .swiper-wrapper {

	-webkit-box-align: start;

	-ms-flex-align: start;

	-webkit-align-items: flex-start;

	align-items: flex-start;

	-webkit-transition-property: -webkit-transform, height;

	-moz-transition-property: -moz-transform;

	-o-transition-property: -o-transform;

	-ms-transition-property: -ms-transform;

	transition-property: transform, height

}

.swiper-container .swiper-notification {

	position: absolute;

	left: 0;

	top: 0;

	pointer-events: none;

	opacity: 0;

	z-index: -1000

}

.swiper-wp8-horizontal {

	-ms-touch-action: pan-y;

	touch-action: pan-y

}

.swiper-wp8-vertical {

	-ms-touch-action: pan-x;

	touch-action: pan-x

}

	.swiper-button-next, .swiper-button-prev {

	position: absolute;

    top: 52%;

   width: 18px;

    height: 26px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    -moz-background-size: 27px 44px;

    -webkit-background-size: 27px 44px;

    background-size: 27px 44px;

    background-position: center;

    background-repeat: no-repeat;

    background-color: rgba(0,0,0,0.5);

}



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {

	opacity: .35;

	cursor: auto;

	pointer-events: none

}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {

	left: 0px;

	right: auto;

}



.swiper-button-next, .swiper-container-rtl .swiper-button-prev {

	right: 	0px;

	left: auto

}



.swiper-button-next .fa-chevron-right,

.swiper-button-prev .fa-chevron-left{

	color:  #1e1e1e !important;

}





.swiper-container-3d {

	-webkit-perspective: 1200px;

	-moz-perspective: 1200px;

	-o-perspective: 1200px;

	perspective: 1200px

}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	transform-style: preserve-3d

}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	pointer-events: none;

	z-index: 10

}

.swiper-container-3d .swiper-slide-shadow-left {

	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));

	background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));

	background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));

	background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));

	background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))

}

.swiper-container-3d .swiper-slide-shadow-right {

	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));

	background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));

	background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));

	background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));

	background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))

}

.swiper-container-3d .swiper-slide-shadow-top {

	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));

	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));

	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));

	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));

	background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))

}

.swiper-container-3d .swiper-slide-shadow-bottom {

	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));

	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));

	background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));

	background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));

	background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))

}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {

	-ms-perspective: 1200px

}

.swiper-container-cube, .swiper-container-flip {

	overflow: visible

}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {

	pointer-events: none;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

	z-index: 1

}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {

	pointer-events: none

}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {

	pointer-events: auto

}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {

	z-index: 0;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden

}

.swiper-container-cube .swiper-slide {

	visibility: hidden;

	-webkit-transform-origin: 0 0;

	-moz-transform-origin: 0 0;

	-ms-transform-origin: 0 0;

	transform-origin: 0 0;

	width: 100%;

	height: 100%

}

.swiper-container-cube.swiper-container-rtl .swiper-slide {

	-webkit-transform-origin: 100% 0;

	-moz-transform-origin: 100% 0;

	-ms-transform-origin: 100% 0;

	transform-origin: 100% 0

}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {

	pointer-events: auto;

	visibility: visible

}

.swiper-container-cube .swiper-cube-shadow {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	background: #000;

	opacity: .6;

	-webkit-filter: blur(50px);

	filter: blur(50px);

	z-index: 0

}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-ms-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out

}

.swiper-container-fade .swiper-slide {

	pointer-events: none;

	-webkit-transition-property: opacity;

	-moz-transition-property: opacity;

	-o-transition-property: opacity;

	transition-property: opacity

}

.swiper-container-fade .swiper-slide .swiper-slide {

	pointer-events: none

}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {

	pointer-events: auto

}

.swiper-scrollbar {

	border-radius: 10px;

	position: relative;

	-ms-touch-action: none;

	background: rgba(0,0,0,.1)

}

.swiper-container-horizontal>.swiper-scrollbar {

	position: absolute;

	left: 1%;

	bottom: 3px;

	z-index: 50;

	height: 5px;

	width: 98%

}

.swiper-container-vertical>.swiper-scrollbar {

	position: absolute;

	right: 3px;

	top: 1%;

	z-index: 50;

	width: 5px;

	height: 98%

}

.swiper-scrollbar-drag {

	height: 100%;

	width: 100%;

	position: relative;

	background: rgba(0,0,0,.5);

	border-radius: 10px;

	left: 0;

	top: 0

}

.swiper-scrollbar-cursor-drag {

	cursor: move

}

.swiper-lazy-preloader {

	width: 42px;

	height: 42px;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -21px;

	margin-top: -21px;

	z-index: 10;

	-webkit-transform-origin: 50%;

	-moz-transform-origin: 50%;

	transform-origin: 50%;

	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;

	-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;

	animation: swiper-preloader-spin 1s steps(12, end) infinite

}

.swiper-lazy-preloader:after {

	display: block;

	content: "";

	width: 100%;

	height: 100%;

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

	background-position: 50%;

	-webkit-background-size: 100%;

	background-size: 100%;

	background-repeat: no-repeat

}

.swiper-lazy-preloader-white:after {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")

}

@-webkit-keyframes swiper-preloader-spin {

100% {

-webkit-transform:rotate(360deg)

}

}

@keyframes swiper-preloader-spin {

100% {

transform:rotate(360deg)

}

}



.swiper-pagination {

	position: absolute;

	text-align: center;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

	-webkit-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

	z-index: 10

}

.swiper-pagination.swiper-pagination-hidden {

	opacity: 0

}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

	bottom: 0px;

	left: 0;

	width: 100%

}



.swiper-pagination-bullet {

	width: 8px;

	height: 8px;

	display: inline-block;

	border-radius: 100%;

	background: #000;

	opacity: .2

}

button.swiper-pagination-bullet {

	border: none;

	margin: 0;

	padding: 0;

	box-shadow: none;

	-moz-appearance: none;

	-ms-appearance: none;

	-webkit-appearance: none;

	appearance: none

}

.swiper-pagination-clickable .swiper-pagination-bullet {

	cursor: pointer

}

.swiper-pagination-white .swiper-pagination-bullet {

	background: #fff

}

.swiper-pagination-bullet-active {

	opacity: 1;

	background: #007aff

}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 5px

}



/* ===== slider swiper mobile product === */

.produkSliderMobile .swiper-slide{

	text-align:center;

	font-size:18px;

	background:#fff;

	width:60%;

	display:-webkit-box;

	display:-ms-flexbox;

	display:-webkit-flex;

	display:flex;

	-webkit-box-pack:center;

	-ms-flex-pack:center;

	-webkit-justify-content:center;

	justify-content:center;

	-webkit-box-align:center;

	-ms-flex-align:center;

	-webkit-align-items:center;

	align-items:center;

}



.produkSliderMobile img{

	width: 100%;

	height: 100%;

}



.produkSliderMobile .swiper-button-next, 

.produkSliderMobile .swiper-button-prev {

    position: absolute;

    top: 51%;

       width: 16px;

    height: 19px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    -moz-background-size: 27px 44px;

    -webkit-background-size: 27px 44px;

    background-size: 27px 44px;

    background-position: center;

    background-repeat: no-repeat;

    background-color: rgba(255,255,255,0.2);

}



.logoProductArea{

	display: block;

	margin-top: 30px;

	padding-bottom: 14px;

}



.LogoProductList ul{

	margin: 0 auto;

	height: 400px;

}



.LogoProductList ul li {

    display: inline-block;

    width:30%;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 20px;

	margin-left:2.5%;

}



.LogoProductList ul li:first-child{

	    margin-left: 5px;

}





.LogoProductList img{

	width: 80%;

	height: 80%;

	vertical-align: middle;

}



.DateArea span {

    padding: 0px 15px 4px 9px;

}

	

	

	.fa-angle-down{

	margin-left: 5px;		

	}

	

	

	.heading p {

    font-size: 16px;

}

	.is-hidden {

    opacity: 0;

	  transition:linear 0.2s;

    -webkit-transform: translate(0,-60px);

    -webkit-transition: -webkit-transform .2s,background .3s,color .3s,opacity 0 .3s;

  }



  .hidden_block{

    background:red;

    transition:none !important;

  }

  

  .is-visible {

    opacity: 1;

	transition:linear 0.2s;

    -webkit-transform: translate(0,0);

    -webkit-transition: -webkit-transform .2s,background .3s,color .3s;

	

  }

	

	.wrapFooter dl,

	.wrapFooter ul,

	.socialMedia{

		display: none;		

	}

	.logoArea{

		display: none;

	}

	.footerNav li a {

    color: #666666;

    font-size: 13px;

}

	.footer .copyright {

    float: none;

    text-align: center !important;

    /* width: 180px; */

    margin: 0 auto;

    font-size: 12px;

}

	.wrapFooter dl {

    float: none !important;

    

    text-align: center !important;

}

	.addMenu{

	display: none;		

}

.headerRight{

	width:0;

}



  .wrapInner,

  .wrapInnerHeader

  {

  	width:100%;

  	margin:0 auto;



  }

  .navBar{

  	float:none;

    text-align: left;

   

  }

  .navBar li{

  float:none;

  }

  .groupList .groupItem{

  float:none;

  }

  .lang{

  float:none;

  }

 

   .groupList	.firstSection .groupItem,

  .groupList	.secondSection .groupItem{

  width:95%;

  margin:0 auto;

  padding-top: 20%;

  }

	.groupList	.firstSection .groupItem:nth-child(1),

	.groupList	.secondSection .groupItem:nth-child(1)

	{

		margin:0 auto;

		padding-top: 20%;

	}



	.firstSection .groupInner,

	.secondSection .groupInner

	{

		width:80%;

		margin:0 auto !important;



	}

	.box01,

	.box02,

	.box03,

	.box04,

	.box05{

		background-size:cover;

	}

	





  .leftArea{

  float:none;

  width:100%;

  margin:0 auto;

  position:inherit;

  height:200px;

  left:none;

  }

  .rightArea{

  float:none;

  width:100%;

  margin:0 auto;

  }

  .productItem {

  text-align:center;

  }

  .productItem li{

  	display:block;

  	widdth:98%;

  	margin:0 auto;

  }

  .item01 li,

  .item02 li,

  .item03 li,

  {

	margin-left:0px;

  }



  .aboutList ul li,

  .aboutList ul li:nth-child(1)

  {

  display:block;

  width:79%;

  margin: 10% auto;

  } 

  .footer .copyright{

  float:none;

  text-align:left;

  }

  .footer .left{

    float:none;

    }

  .footer .right{

    float:none;

    clear:both;

    padding-top:3%;

  }

  .footerNav{

  display:block;

  text-align: center;

  }

  .socialMedia ul{

    float: none;

    width: 65%;

    margin: 0 auto;

  }



  .socialMedia{

 float: none;

    width: 100%;

    margin: 0 auto;

  }

  .socialMedia p{

  	display:none;

  }



  .heading{

  width: 90%;

  margin:0 auto;

  }

  .navBar li{

    display:none;

  }

  .lang{

    display:none;

  }

  .fa-cog {

  color: #fff;

}

.mobile-navbar{

  display:block;

  position: fixed;

  z-index:999;

  background:#000d6b ;

  width: 100%;

  height: 70px;

}





.mobile-logo{

  float:left;

  padding: 15px 5px 0 25px;

  height: 52px;

}

#mobileMenu {

  

    float: right;

    margin-right: 4%;

    margin-top: 5px;



}



.menuList > li > a {

    display: inline-block;

    color: white;

    text-align: center;

    text-decoration: none;

}





.menuList> li {

    display: inline-block;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}



.dropdown-content a {

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

    text-align: left;

}



.dropdown-content a:hover {background-color: #f1f1f1}



.show {display:block;}

#mainVisual{

  //margin-top: -5%;

  display:none !important;

}

#mainVisualMobile,#productSwiperMobile{

  display:block;

}

.carousel-inner>.item>a>img, .carousel-inner>.item_mobile > img{

  widows: 100%;

  margin:0 auto;

  height: 280px;

}



.carousel-control.left, 

.carousel-control.right {

    background: none;

    width: 30px;

    top: 35%;

    height: 30px;

    background: #dedede;

    padding-top: 18px;

}



.wrapMobileMenu {

        background-color: rgba(51,100,154,0.95);

    z-index: 9999;

    width: 100%;

    display: none;

    padding-bottom: 120%;

       position: relative;

    top: 3px;

    /*border-top: 2px solid #fff;*/

}

.menuList{

  overflow: scroll;

  height:auto;

}

.menuList >ul> li{

  text-align: center;

    font-size: 15px;

    line-height: 13px;

	padding: 15px 0px 15px 0px;

}

.menuList >ul >li >a{

  display:block;

  text-transform:uppercase;

}

.menuList >ul >li> a> span{

  color:#fff;

}



.menuList >ul> .dropMenu{

	padding:0px;

}

.menuList >ul> .dropMenu .accordion{

	padding: 15px 0px 15px 0px;

}



.newsEventArea{

	//display: none;



}



.newsEventArea ul li{

    display: block;

    width: 98%;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 20px;

	    padding-left: 15px;

}



.companyBusinessList ul li {

    display: block;

    width: 98%;

    margin:0 auto;

    text-align: center;

    margin-bottom: 20px;

}



.wrapFooter{

  margin-left:4%;

}

.socialMedia{

  margin-top:10%;

}

/*group slider */



.groupListSlider{

  width:100%;

  margin:0 auto; 

}

#productListSlider{

  display:none;

}



#productListSliderMobile{

  display:block;

}

#productListSliderMobile .item a>img{

  width:100%;

  height:250px;

}





.carousel-control.left, .carousel-control.right{

  top:35%;

}

.cbp-spmenu-push,

.hidden

{

-webkit-transition:all 0.3s ease;  





}



.addMenuMobile{

    float:right;

    padding-top: 22px;

    //width:55%;

    width:180px;

}



}

.addMenuMobile ul{

  float:left;

}

.addMenuMobile ul li{

	display: inline-block;

	margin-left: 25px;

}



.addMenuMobile ul li:first-child{

	

	margin-left: 0;

}



..addMenuMobile i {

    padding: 6px;

    background-color: #14398d !important;

}



.toggle_menu {

    position: absolute;

    height: 37px;

    width: 41px;

    background-color: #14398d;

    display: inline-block;

    cursor: pointer;

    overflow: hidden;

    top: 12px;

    right: 2px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    -moz-perspective-origin: 100% 100%;

    -webkit-perspective-origin: 100% 100%;

    perspective-origin: 100% 100%;

}



.toggle_menu i {

    display: block;

    height: 3px;

    margin-top: -1.5px;

    width: 50%;

    background-color: #fff;

    position: absolute;

    left: 24%;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -moz-transform: rotate(0);

    -ms-transform: rotate(0);

    -webkit-transform: rotate(0);

    transform: rotate(0);

}



.toggle_menu i:nth-child(1) {

    top: 30%;

}

.toggle_menu i:nth-child(2) {

    top: 50%;

    -moz-transform: scale(1) rotate(0deg);

    -ms-transform: scale(1) rotate(0deg);

    -webkit-transform: scale(1) rotate(0deg);

    transform: scale(1) rotate(0deg);

}

.toggle_menu i:nth-child(3) {

    top: 70%;

}



 .open_menu  .toggle_menu i:nth-child(1) {

    top: 50%;

    -moz-transform: rotate(225deg);

    -ms-transform: rotate(225deg);

    -webkit-transform: rotate(225deg);

    transform: rotate(225deg);

}



.open_menu   .toggle_menu i:nth-child(2) {

    -moz-transform: scale(0) rotate(360deg);

    -ms-transform: scale(0) rotate(360deg);

    -webkit-transform: scale(0) rotate(360deg);

    transform: scale(0) rotate(360deg);

}



.open_menu .toggle_menu i:nth-child(3) {

    top: 50%;

    -moz-transform: rotate(135deg);

    -ms-transform: rotate(135deg);

    -webkit-transform: rotate(135deg);

    transform: rotate(135deg);

}

.open_menu .toggle_menu i {

    left: 20%;

}



.toggle_menu:active {

    -moz-box-shadow: inset rgba(70,107,191,0.5) 0 0 5px;

    -webkit-box-shadow: inset rgba(70,107,191,0.5) 0 0 5px;

    box-shadow: inset rgba(70,107,191,0.5) 0 0 5px;

    -moz-transform: scale(0.9);

    -ms-transform: scale(0.9);

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

}

.toggle_menu:hover i {

    -moz-box-shadow: rgba(255,255,255,0.5) 0 0 5px;

    -webkit-box-shadow: rgba(255,255,255,0.5) 0 0 5px;

    box-shadow: rgba(255,255,255,0.5) 0 0 5px;

}



button.accordion {

    background-color: transparent !important;

    color: #fff;

    cursor: pointer;

    width: 100%;

    border: none;

    text-align: center;

    outline: none;

    transition: all 1s ease;

    font-size: 16px;

    font-weight: 400;

    line-height: 13px;

    font-family: 'Montserrat', sans-serif;

}

button.accordion:active,

button.accordion:open,

button.accordion:focus,

button.accordion:visited{

	background-color: #fff !important;

}





div.panel {

    padding: 0 18px;

    display: none;

    background:rgba(255,255,255,0.9)

}



div.panel.show {

    display: block !important;

}



.panel p{

	padding: 10px 0 10px 0;

}



.panel a{

	color: #275e8b!important;

}



.yellow{

	color: #fcfc22 !important;

}



.langMobile{

    text-align: center;

}



.langMobile button{

	width:138px;

	height:16px;

	text-transform:uppercase;

	font-size:16px;

	margin: 2px auto;

	

}

.langMobile .langBtn01{

	background: #246aa4;

	color: #fff;

	border: 1px solid #fff;

	padding: 11px 40px 28px 33px;

	vertical-align: middle;

	line-height: normal;

}



.langMobile .langBtn01:hover{

	background: rgba(255,255,255,0.25);

	    box-shadow: rgba(255,255,255,0.75) 0 0 5px,inset rgba(255,255,255,0.5) 0 0 10px;

}

.langMobile .langBtn02{

	background: #fff;

	color: #333;

	border: none;

	padding: 12px 40px 28px 23px;

	vertical-align: middle;

	line-height: normal;

}



.dropMenu img{

	margin-left: 10px;

}







}





@media (min-width: 568px) and (max-width: 1024px) {

.newsEventAreaSP{

	display: none;

}

.wrapMobileMenu ul li{

  padding:10px !important;

}

.wrapMobileMenu{

    padding-bottom: 1%;

}



#productListSliderMobile .item a>img{

  height:350px;

}



  .socialMedia ul{

    float: none;

    text-align: center;

    margin: 0 auto;

  }

  .menuList{

  overflow: scroll ;

  height:200px;

}

.wrapInnerHeader{

	width:100%;

}



.navBar li{

	width:10%;

}

.addMenu{

	padding-top:15%;

	padding-right: 3%;



}

.addMenu ul li{

	margin-left:20px;

}

.addMenuMobile {

    //width: 33%;

    width:180px;

}

.carousel-inner>.item>a>img, .carousel-inner>.item_mobile > img{

  width:420px;

  margin:0 auto;

  height:auto;

}





}



@media (min-width: 640px) and (max-width: 773px) {

	.companyBusinessList{

		margin-left:40px;

	}

	.companyBusinessList ul li {

    display: block !important;

	width: 45% ;

	float:left;

	margin:1% 1%;

}

.companyBusinessList ul li:first-child{

	width: 92% !important;

}



.companyBusinessList ul li:nth-child(6){

	width: 92% !important;

}





.companyBusinessList ul li:visited,

.companyBusinessList ul li:open,

.companyBusinessList ul li:active{

	background-color: #242f67;

}	



}



@media  (min-width: 1024px) and (max-width: 1025px)

{

	.logoArea {

    width: 11.75%;

}



.menuBar {

    width: 60.75%;

}

.navBar {

    padding-left: 18%;

}

.navBar li {

    width: 68px;

}

.langArea {

    width: 18.5%;

}





.companyBusinessList ul li:hover{

	background-color: #242f67;

}

.companyBusinessList ul li:hover h3,

.companyBusinessList ul li:hover p{

	color: #fff;

}



.companyBusinessList ul li p {

  

    padding: 0 2px 0 2px;

}



.companyBusinessList ul li {

    width: 19%;

}

.NewsEventList ul li {

    width: 23%;

}

.DateArea {

    width: 20.3%;

	margin-top: -119px;

}

.captionArea {

    width: 75%;

      margin-left: 9px;

}



.companyBusinessList{

	width: 98%;

	padding-left: 0;

}

.rightArea{

	padding: 40px 0px 30px 0px;

}

.newsEventArea .swiper-wrapper{

    padding-left: 0;

}



.newsItem {

    width: 30% !important;

    margin-top: 20px;

}

.footer .right {

   float:none;

}

.carousel-content .carousel-slider-inner {

    width: 70%;

}

.carousel-content .carousel-slider-inner h2 {

    font-size: 23px;

    margin-top: 30%;

}

.carousel-content .carousel-slider-inner a button {

    padding: 9px 15px 9px 15px;

    top: -62px;

    font-size: 12px;

}

.captionArea p {

    height: 125px !important;

}



}

@media (min-width: 320px) and (max-width: 321px) {

	.wrapMobileMenu{

		top: -20px;	

		}

		.newsItem{

    width:100% !important;

    margin-top: 20px;

  }

  



}



@media (min-width: 320px) and (max-width: 325px) {

	#mainVisualMobile {

    margin-top: 21%;

}

.rightArea .textDescription {

    font-size: 12px;

    color: #fff;

    padding: 0 10px 0 10px;

}

}

@media (min-width: 360px) and (max-width: 377px) {

	#mainVisualMobile {

    margin-top: 17%;

}

.rightArea .textDescription {

    font-size: 12px;

    color: #fff;

    padding: 0 10px 0 10px;

}

.newsItem{

    width:100% !important;

    margin-top: 20px;

  }

  #productSwiperMobileLogo {

    min-height: 495px;

}

.carousel-content .carousel-slider-inner a button {

  

    top: 162px;

}

.carousel-content .carousel-slider-inner h2 {

    font-size: 10px;

       margin-top: 27%;

}

.carousel-content .carousel-slider-inner a button {

    top: -22px;

}



}

@media (min-width: 411px) and (max-width: 435px) {

	#mainVisualMobile {

    margin-top: 16%;

}

.newsItem{

    width:100% !important;

    margin-top: 20px;

  }

  #productSwiperMobileLogo {

    min-height: 553px;

}

.carousel-content .carousel-slider-inner {

    width: 100%;

    padding-top: 35%;

}

.carousel-content .carousel-slider-inner h2 {

    margin-top: 7% !important;

}

}



@media (min-width: 767px) and (max-width:1025px){

	.logoLandscape{

		display: none !important;		

	}

	

	.ProductBanner{

		display: block;

		width: 100%;	

	}

	

	.ProductBanner img {

    // width: 80%;

    height: auto;

	padding: 20px 0 0 0;

	margin: 0 auto;

	display: block;

	width: 100%;

}

.carousel-content .carousel-slider-inner p {

    color: #fff;

    font-size: 28px;

    line-height: 0.8em;

    padding: 0% 0px 1% 0px;

    line-height: 1.2em;

    font-weight: 400;

    text-shadow: 1px 2px 0px #000000;

    font-family: 'Montserrat', sans-serif;

}



}



@media (min-width: 640px) and (max-width: 773px) {



.newsEventAreaSP .swiper-slide .DateArea {

    width: 13% !important;

    margin-left: 5%;

}	

.captionArea p {

    height: 80px !important;

}

	#mainVisualMobile {

    margin-top: 9%;

}

.DateArea {

    width: 24.3%;

}

.DateArea h3 {

    padding: 28px 0px 28px 0px;

    font-size: 19px;

}

.captionArea {

    width: 71%;

    margin-left: 12px; 

}

.logoProductArea .swiper-container{

	display: none;

}

.logoProductArea img{

	width: 90%;

	height: 90%;

	vertical-align: middle;

}



.logoLandscape{

	display: block;

}



.logoLandscapeList ul{

	padding-top : 10px;

}





.logoLandscapeList ul li{

	display: inline-block;

    width:16%;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 20px;

}



.logoLandscape img{

	width: 50%;

	height: 50%;

	vertical-align: middle;

}

.newsItem {

    width: 100% !important;

    vertical-align: top;

    clear: both;

    margin-top: 20px;

}

.companyBusinessList ul li:first-child {

    margin-left: 8px;

}

.companyBusinessList {

    margin-left: 37px;

}

#productSwiperMobileLogo {

   display: none;

}

.carousel-content .carousel-slider-inner h2 {

    font-size: 19px ;

    margin-top: 2%;

}

.carousel-content .carousel-slider-inner a button {

    top: -38px;

    width: 24%;

}

}

	

@media (min-width: 568px) and (max-width: 570px) {

.newsEventAreaSP .swiper-slide {

    width: 100% !important;

}

.captionArea p{

	height: 70px !important;	

}

.newsEventAreaSP .swiper-slide .DateArea {

    width: 15%;

    margin-left: 6%;

}



	#mainVisualMobile {

    margin-top: 11%;

}

.wrapMobileMenu {

    top: 3px;

}

.captionArea {

    margin-left: 14px;

}

#DateArea h3 {

    padding: 28px 0px 28px 0px;

}

.logoProductArea .swiper-container{

	display: none;

}

.logoProductArea img{

	width: 90%;

	height: 90%;

	vertical-align: middle;

}



.logoLandscape{

	display: block;

}

#productSwiperMobileLogo{

	display:none;

}



.logoLandscapeList ul{

	padding-top : 10px;

}





.logoLandscapeList ul li{

	display: inline-block;

    width:16%;

    margin: 0 auto;

    text-align: center;

    margin-bottom: 20px;

}



.logoLandscape img{

	width: 50%;

	height: 50%;

	vertical-align: middle;

}

.newsItem {

    width: 50% !important;

    vertical-align: top;

    clear: both;

    margin-top: 20px;

}

.DateArea {

    width: 60.3%;

}

.carousel-content .carousel-slider-inner h2{

	 font-size: 15px ;    

	 margin-top: 9%;

}

.carousel-content .carousel-slider-inner a button {

    width: 31% ;

    top: -35px;

}

}



@media (min-width: 479px) and (max-width: 481px) {

	.newsItem {

    width: 60% !important;

    vertical-align: top;

    clear: both;

    margin-top: 20px;

}

}



@media screen and (min-width: 1365px) and (max-width: 1910px) and (min-device-width: 1365px) and (max-device-width: 1910px) {

	.logoArea {

    width: 12.75%;

	}

	.menuBar {

    width: 63.75%;

	}

	.navBar {

    padding-left: 10%;

	}

	.logoArea img{

		padding-left: 44%;		

	}

	.langArea {

    width: 11.5%;

	}

	.addMenu {

    padding-top: 19%;

    padding-right: 0% !important;

}	

	.addMenu img{

		padding-right: 44px;	

	}

	.lang {

    width: 49%;

}

.langArea {

    margin-left: 90px;

}

	.NewsEventList ul li {

    width: 23%;

}

.ProductBanner {

    // width: 67%;

    margin: 0 auto;

    padding-bottom: 50px;

}



.carousel-content .carousel-slider-inner h2 {

    

    top: 248%;

}



.carousel-content .carousel-slider-inner a button {

 

    top: 373px;

}



.carousel-content .carousel-slider-inner{

	width:80%;

}



.carousel-content .carousel-slider-inner h2 {

    margin-top: 32%;

}

.captionArea p {

    height: 175px;

}

.DateArea {

    margin-top: -169px;

	width: 42%;

}

.newsEventArea .swiper-wrapper {

    padding-left: 8%;

}





}





@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { 

@media screen and (max-width: 1910px) and (min-width: 1365px){

	.addMenu { padding-right: 0; padding-top:20%; } 

	.navBar{

		padding-left: 10%;

	}

	.carousel-content .carousel-slider-inner{

		width: 80%;

	}

	.carousel-content .carousel-slider-inner h2{

		margin-top: 30%;

	}

	.DateArea{

			width :30%;

	

	}

} 

}



@media (max-width: 766px) and (min-width: 320px){

.captionArea p {

    height: 120px;

}

}



@media (max-width: 1023px) and (min-width: 767px){

.carousel-inner>.item>a>img, .carousel-inner>.item_mobile > img {

    widows: 100%;

    margin: 0 auto;

    height: 500px;

}

.captionArea p {

    height: 50px;

}

.newsEventAreaSP .swiper-slide .DateArea{

	float: left;

	width: 10% !important;

	margin-top: 0;

	margin-left: 14% !important;

}

}