html, body {
	height: 100%;
	margin: 0px;
	padding:0;
}

body {
	margin: 0px;	
	color:#101010;
	font-family: "Raleway"; 
	font-weight: 400;
	font-size: 14px; 
	line-height: 1.4; 
	text-align: center;
	background:#fff;	
	background: #f1f1f1  url('../images/bg.jpg') repeat fixed;
}

td {
	line-height: 130%; 
}

a {
	text-decoration: underline; 
	color: #101010; 
	font-weight: 400;
	}
a:link {}
a:visited {}
a:active {}
a:hover {text-decoration: none;}

img { border:0px;padding:0px;margin:0px; }

h1, h2 {	
	font-family: "Raleway";
}
.back a {
	display:block;
	border-top:1px solid #fff;
	padding:15px;
	margin:10px auto 20px auto;
	width:1120px;
	text-decoration: none;
	color:#101010;
	color:#fff;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
.back a:hover {
	background:#101010;
	color:#fff;
	background:#fff;
	color:#101010;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}

.back2 a {
	display:block;
	border-top:1px solid #fff;
	padding:15px;
	margin:0px auto 0px auto;
	width:auto;
	text-decoration: none;
	color:#101010;
	background:#f1f1f1;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
#header {
	width:100%;
	height:auto;
	background: #fff;
}

#header-inner {
	width:100%;
	height:55%;
}

#header1 {
	margin: 0 auto;
	min-width:1200px;
	width:93%;
	height:100%;
	position:relative;	
	background: url('../images/bg-trapeze.png') no-repeat 77px -50px;
}

#header1-in {
	margin: 0 auto;	
	height:auto;
	padding:0px 0px;		
	text-align:center;
	background:rgba(0,0,0,0);
	position:relative;
}
#header1-right {
	float:right;
	display:block;
	width:500px;
	padding-top:41px;
}

#top11 { display: none; }
.top11-left {
	float:right;
	color: #7f7f7f; 
	font-weight:300;
	padding:0px 0 0 0;
	font-size:15px;	
}

.top11-left a {
	text-decoration: none; 
	color: #7f7f7f; 
	font-weight:400;
	padding:0;
	font-size:15px;
}

.top12-left {
	float:right;
	color: #7f7f7f; 
	font-weight:300;
	padding:0px 20px 0 0;
	font-size:15px;	
}

.top11-left img, .top12-left img { vertical-align:middle;padding:3px 5px 6px 10px; width:auto; height:30px; }

.top12-left a {
	text-decoration: none; 
	color: #7f7f7f; 
	font-weight:400;
	padding:0;
	font-size:15px;
}


#onesys-logo {
	padding:30px 0; 
	height:auto;
	float:left;
	height:62px;
	-moz-transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}
#onesys-logo:hover {
	transform: scale(1.02);
	-moz-transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}

#menu {	
	display:block;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	height:auto;
	padding:0px;		
	text-align:right;
	background: rgb(9,87,191);
	background: linear-gradient(90deg, rgba(9,87,191,1) 0%, rgba(39,129,214,1) 100%);
}

#menu-in {
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	width:93%;
	min-width:1200px;
	padding:3px 0px 1px 0;			
	text-align:center;
	position:relative;
}
#menu a {
	letter-spacing:0.05em;
	float:left;
	text-decoration: none; 
	color: #fff; 
	font-weight:500;
	padding:10px 25px;
	margin:0 0px;
	font-size:18px;
	text-transform:uppercase;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}
#menu a:hover {
	text-decoration: none;
	background:#7cbdfd;
	color:#ffffff;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#menu a.ajanlat {
	float:right;
	background: linear-gradient(90deg, rgba(67,147,243,1) 10%, rgba(133,185,74,1) 60%);
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}
#menu a.ajanlat:hover {
	text-decoration: none;
	background:#7cbdfd;
	color:#ffffff;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#menu-mobile-png {
	display:none;
}
#menu-mobile-png img {
	width:40px;
	height:auto;
}

#top1-out {
	margin: 0 auto;
	width:100%;
	padding:0;
	overflow:hidden;
	height:auto;
}

#top1 {	
	width:100%;
	height:auto;
	margin:0px;
	overflow:hidden;
	position:relative;
}


#top1 h1 {
	position:absolute;
	right:100px;
	bottom:100px;
	background: rgba(211, 48, 35, 0.98);
	text-align:Center;
	color:#fff;
	font-size:20px;
	font-weight:400;
	text-decoration:none;
	padding:16px 30px;
	margin:0;
	border:0;
	z-index:9999999999999;
}


.slider1_container1 {
	position: relative; margin: 0 auto;
	top: 0px; left: 0px; overflow: hidden;
	width: 1300px; height: 500px; 
}

.slider1_container2 {
	filter: alpha(opacity=70); 
	opacity: 0.7; 
	position: absolute; 
	display: block;
    top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%;
}

.slider1_container3 {
	position: absolute; 
	display: block; 
	background: url('../images/loading.gif') no-repeat center center;  
	top: 0px; left: 0px; width: 100%; height: 100%;
}
.slider1_container4 {
	position: absolute; left: 0px; top: 0px; width: 1300px;height: 500px; overflow: hidden;
}

.jssorb21 {
	position: absolute;
	bottom: 26px;
	left: 6px;
}

.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
	position: absolute;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	color: white;
	font-size: 13px;
	background: url(../images/b21.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

.jssora21l, .jssora21r {
	display: block;
	position: absolute;
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url(../images/a21.png) center center no-repeat;
	overflow: hidden;
}
.jssora21l { background-position: -3px -33px; top: 123px; left: 8px; }
.jssora21r { background-position: -63px -33px; top: 123px; right: 8px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }

.caption1 {
	width: 100%; 
	height: 100%; 
	top: 0px; 
	left: 0%; 	
	transform:translate(0%,0%);
	padding:0;
	/*background: rgba(39,58,96,0.95);*/
}

.caption1-text {	
	position: absolute; 
	width:34%;	
	height:auto;
	/*border:1px solid red;*/
	padding:0px 0 0 0px;
	margin:0;
	text-align: left; 
	line-height: 1.3; 
	font-size: 16px;
	font-weight:400;
	color: #000;;
	top: 40%; 
	left: 9%; 
	transform:translate(0%,-40%);
}

.caption1-text b {
	font-size:32px;
	font-weight:500;
	display:block;
	line-height:1.3;
	padding-bottom:10px;
	}

.caption1-text .button {
	padding:6px 12px 5px 12px;
	background:rgba(255,255,255,0.9);
	color:#000;
	text-decoration: none;
	display:block;
	float:left;
	font-size:80%;
	margin-top:10px;
}


#services {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	padding:0px;		
	height:auto;
	background: #0954b8 url('../images/bg2.jpg') repeat center top fixed; 
	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
}

#services-in {
	
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	padding:0px;			
	text-align:left;	
	padding:110px 0;

}


#services-in .services-box0 {
	float:left;
	width:350px;
	height:500px;
	margin:25px;
	color:#fff;
	font-size:19px;
	line-height:1.4;
}

#services-in .services-box0 p { padding:10px 0; }

#services-in .services-box0-in {
	padding-right:30px;
}

 #services-in .services-box0 strong {
	font-weight:500;
	color:#fff;
	font-size:30px;
	text-transform:uppercase;
	padding-bottom:0px;
	display:block;
}

#services-in .services-box {
	float:left;
	width:350px;
	height:500px;
	margin:25px;
	background: #fff;
	position:relative;
	line-height:1.3;
	font-size:16px;
	color:#000000;
	font-weight:400;
	-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.4);
	overflow:visible;

}

#services-in .services-box-in {
	padding:20px;
	overflow:hidden;
}

#services-in .services-box-img-out {
	width:100%;
	height:auto;
	aspect-ratio: 1.8;
	overflow:hidden;
}
#services-in .services-box-img {
	width:100%;
	height:100%;
	cursor:pointer;
	-moz-transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}


#services-in .services-box-img:hover {
	transform: scale(1.05);
	-moz-transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}
#services-in .services-box .button1 {
	position:absolute;
	right: -3px;
	bottom: -3px;
	-moz-transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}


#services-in .services-box .button1:hover {
	transform: scale(1.05);
	-moz-transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}


#services-in .services-box h2, #services-in .services-box a {
	text-decoration:none;
	font-size:21px;
	color:#000000;
	margin:0;
	padding:0;
	font-weight:700;
	-moz-transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}
#services-in .services-box h2:hover, #services-in .services-box a:hover {
	color:#0957bf;
	-moz-transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}


#services-in .bottom {
	text-align:Center;
	font-size:24px;
	color:#ffffff;
	margin:30px 0 0 0;
	padding:0;
	font-weight:600;
	text-transform:uppercase;
}


#services-in .bottom1 { padding:0 35px; font-weight:400; }


#open3 {
	margin-left: auto;
	margin-right: auto;
	width:100%;	
	text-align:center;
	height:auto;
	background: #fff;
	position:relative;
}

#open3-in {
	margin-left: auto;
	margin-right: auto;
	width:1100px;
	padding: 100px 0;		
	text-align:center;	
	color:#222222;
}

#open3-in .title {
	color:#0957bf;
	font-weight:500;
	font-size:38px;
	margin:0 0 60px 0;
	padding:0;
	line-height:normal;
	border:0;
	letter-spacing:0px;
}

#open3-in .i1 { display: block; margin: 0 auto 60px auto;}

#open3-in .box1 {
	float:left;
	margin:0px;
	width:43%;
	height: auto;
	position:relative;
	text-align:left;
	padding:0px 0 0 0;	
	margin:0;
	position:relative;
	line-height:1.3;
	color:#000000;
	font-weight:400;
	font-size:19px;
	-moz-transition: all 150ms linear;
	-webkit-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}

#open3-in .box1 p { padding:0 0 12px 0; }
#open3-in .box1 h2 {
	font-size:30px;
	font-weight:600;
	line-height:1.2;
	margin:20px 0;
	padding:0;
}
#open3-in .box2 {
	float:right;
}

#open3-in .img1 {
	float:right;
	width:50%;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
}

#open3-in .img2 {
	float:left;
	width:50%;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);
}

#open3-in .sep2 {
	height: 60px; display:block; clear:both;	margin:auto;
}
#open3-in .bg2-jpg {
	position:absolute;
	left:-50px;
	top:50px;
	z-index:0;
}



#open3-in a.button1 {
	display:block;
	margin:10px 0; 
	text-decoration:none; 
	border:1px solid rgba(156,127,118,0.6);
	color:#222222;
	width:100px;
	text-align:Center;
	padding:6px 15px;
	text-transform:uppercase;
	font-size:17px;
	letter-spacing:1px;
	font-weight:500;
	border:3px double rgba(0,0,0,0.4);
	color: #000;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#open3-in a.button1:hover {
	background:#000000;
	color:#fff;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}



#open4-out {
	margin-left: auto;
	margin-right: auto;
	width:100%;	
	text-align:center;
	height: 850px;
	background: #e2eefb;
	position:relative;
	overflow:hidden;
}
#open4 {
	width:1200px;
	height:1px;
	display:block;
	position:relative;
	margin:0 auto;
}

#open4-in {
	position:relative;
	left:0;
	width:1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 90px 0;		
	text-align:center;	
	color:#84675f;
}


#open4 .title {
	color:#0957bf;
	font-weight:500;
	font-size:38px;
	margin:0 0 60px 0;
	padding:0;
	line-height:normal;
	border:0;
	letter-spacing:0px;
}

.swiper-slide {
	
	overflow:visible;
	text-align: center;
	font-size: 18px;
	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;

}


 #open4-in .swiper-slide {
	text-align: center;
	font-size: 18px;
	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;
  }
/*
 #open4-in .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
*/
 #open4-in .swiper {
	width: 100%;
	height: 100%;
	border:0;
	height: auto;
	margin: 0px auto;
  }


.blog-box {
	width: 400px;
	height:600px;
	margin:0px;
	display:block;
	font-size:17px;
	line-height:1.4;
	font-weight:300;
	overflow:hidden;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}
.blog-box-kep {
	width:100%;
	height:auto;
	aspect-ratio:1.6;
	cursor:pointer;
	overflow:clip;
	/*border-bottom:1px solid #ddd;*/
	-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
}

.blog-box-kep-in {
	width:100%;
	height:100%;
}

.blog-box-kep:hover {
	transform: scale(1.05);
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

.blog-box-text {
	color:#000000;
	line-height:normal;
	padding:25px;
	height:Auto;
	text-align:left;
	background:#fff;	
	height:200px;
	-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);	
	overflow:hidden;
	position:relative;
}
.blog-box-text a {
	color:#000;
	display:block;
	font-weight:600;
	font-size:21px;
	padding-bottom:10px;
	text-decoration:none;
}

.blog-box .button1 {
	height:auto;
	position:absolute;
	right: -1px;
	bottom: -1px;
	-moz-transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
	-o-transition: all 250ms linear;
	transition: all 250ms linear;
}


#open-contact {
	width:auto;
	height:auto;
	margin:0px auto;
	position:relative;
	padding:0;
	background:#fff;
}
#open-contact-in {
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	padding:0px;	
	text-align:center;
	padding:70px 0;
}

#open-contact-in .box {
	float:left;
	width:380px;
	height:218px;
	text-align:center;
	margin:10px;
	padding:0;
}
#open-contact-in .title {
	color:#0957bf;
	font-weight:500;
	font-size:38px;
	margin:0 auto 60px auto;
	padding:0;
	line-height:normal;
	border:0;
	letter-spacing:0px;
}

#open-contact-in .box a {	
	color:#fff;
	display:block;
	font-weight:400;
	font-size:18px;
	padding-top:130px;
	text-decoration:none;
}
#open-contact-in .box1 {
	background: url('../images/c11.png') no-repeat top center;
}

#open-contact-in .box2 {
	background: url('../images/c21.png') no-repeat top center;
}

#open-contact-in .box3 {
	background: url('../images/c31.png') no-repeat top center;
}




#open22 {
	margin-left: auto;
	margin-right: auto;
	width:100%;	
	text-align:center;
	height:auto;
	background: #f1f1f1;	
	border-bottom:1px solid #eee;
}
#open22-in {
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	padding: 100px 0;		
	text-align:left;
}

#open22-in h2 {
	font-family:"Raleway";
	color:#101010;
	font-weight:300;
	font-size:40px;
	margin:0 0 60px 0 ;
	padding:0;
	line-height:normal;
	border:0;
	letter-spacing:0px;
	text-transform:uppercase;
	text-align:Center;
}

.open22-box {
	
	font-size:17px;
	width:31%;
	height:auto;
	margin:1%;
	float:left;
	background:#ffffff;
	aspect-ratio:0.75;
	text-align:left;
	overflow:hidden;
	position:relative;	
	-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.15);
	
}

.open22-box-img {
	width:100%;
	height:auto;
	aspect-ratio:1.6;
	cursor:pointer;
	position:relative;	
	border:0;
	padding:0;
	border-bottom:1px solid #eee;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}

.open22-box-img:hover {
	transform: scale(1.015);
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}

.open22-box-in {
	display:block;
	margin:20px;
	color:#101010;
	line-height:1.4;
	overflow:hidden;
}
.open22-box-in a {
	text-decoration: none; 
	color:#101010;
	font-weight:600;
	font-size:21px;
	line-height:normal;
	padding:0 0 10px 0;
	display:block;
}

#open22-in .open22-box-top {
	width:98%;
	float:none;
	aspect-ratio:4;
	border-bottom: 0px solid #505156;
}

#open22-in .open22-box-top .open22-box-img {
	width:100%;
	height:auto;
	aspect-ratio:4;
	border:0;
}
#open22-in .open22-box-top .text {
	display:none;
}
#open22-in .open22-box-top .open22-box-in2 a {
	position: absolute;
	left:20px;
	top:20px;
	text-decoration: none; 
	color: #fff; 
	font-weight:400;
	font-size:24px;
	line-height:normal;
	padding:7px 12px;
	background: rgba(81,81,86,0.9);
	text-transform:uppercase;
}




#gallery-ref-out {
	
}

.gallery-ref {
	float:left;
	width:360px;
	height:380px;
	background:#fff;
	text-align:left;
	margin:12px;
	padding:0;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	box-shadow: 7px 7px #d6992d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}

.gallery-ref-in {	
	width:360px;
	height:300px;
	position:relative;
	text-align:left;
	margin:0;
	padding:0;
	cursor:pointer;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}
.gallery-ref img {
	margin:0;
	padding:0;
	width:360px;
	height:300px;
}

.gallery-ref a.ref-button  {	
	display:block;
	width:320px;
	text-decoration: none; 
	font-weight:400;
	font-size:22px;
	padding:15px 20px 0 20px;
	color:#101010;
	line-height:1.1;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

.gallery-ref  a.ref-button:hover  {
	
	color:#101010;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#footer-out {	
	padding:40px 0 0px 0;
	width:100%;
	background: #f1f1f1  url('../images/bg-footer.jpg') repeat top center fixed;
}
#footer {	
	width:100%;	
	color:#fff;
	padding:0;
	border:0;
	margin:0;
	font-family:"Raleway";
}
#footer-in {
	width:1200px;
	margin:0 auto;
	padding:60px 0 20px 0;
	text-align:center;
	font-size:15px;
}

.footer1 {
	float:left;
	color:#fff;
	text-align:left;
	margin:0px;
	padding:0;
	font-weight: 400;
	line-height:1.4;
	width:270px;
}

.footer1 a {
	text-decoration: none; 
	color:#fff;
	padding: 0px 0 0 0;
	text-transform:none;
	font-weight: 400;
}


.footer2 {
	width:350px;
	padding:0px 0 0 140px;
}

.footer2 a {
	display: block;
	text-decoration: none; 
	color:#fff;
	padding: 0px 0 15px 0;
	text-transform:none;
	font-weight: 400;
}
.footer3 {
	float:right;
	width:300px;
	padding-top:0px;
	border:0px solid red;
	text-align:left;
	line-height:2.5;
}

.footer1 b, .footer2 b, .footer3 b {
	display:block;
	font-family: "Raleway"; 
	color:#fff;
	font-weight:600;
	font-size:20px;
	margin:0 0 20px 0 ;
	padding:0;
	line-height:normal;
	border:0;
}

.logos { padding:10px; }

.sep-line-footer {				
	height: 1px; display:block; clear:both;	margin:auto;
	border-bottom:solid 1px rgba(255,255,255,0.3);
	margin-bottom:20px;
	margin-top:30px;
}

.footer4 {
	width:auto;
	color:#fff;
	text-align:center;
	font-size:14px;
	margin:0;
	padding:20px 20px;
	font-weight: 300;
	line-height:1.4;
	background:rgba(9,64,140,0.8);
	text-transform:uppercase;
}

.footer4 a {
	text-decoration: none; 
	color:#fff;
}

.footer4 img {
	vertical-align:middle;
	margin: 0 10px;
}

#inner {
	height:29px;
}
#inner2 {
	width:100%;
	background: #f1f1f1  url('../images/bg_9.jpg') no-repeat center;
	height:200px;
}
#inner2-in {
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	padding:50px 0 0 0;	
	text-align:left;
	color:#fff;
	font-size:19px;
	line-height:1.4;
	font-weight:400;
}

#inner2-in h1, #inner2-in h2 {
	font-family:"Raleway";
	color:#ffffff;
	font-weight:400;
	font-size:53px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0;
	line-height:normal;
	text-transform:none;
	letter-spacing:0px;
	text-transform:uppercase;
}


#middle {
	background:#fff;
	width:100%;
	float:none;
	margin:0px;
	margin:0px 0 0 0;
	padding:0 0 0px 0;	
	-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.2);
}
#middle-in {
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	padding:50px 0 50px 0;	
	text-align:left;
	color:#101010;
	font-size:17px;
	line-height:1.4;
	font-weight:400;
}
#middle-in2 a {
	color:#000;
 }
#middle-in h1 {	
	font-family: "Raleway"; 
	color:#0957bf;
	font-weight:500;
	font-size:40px;
	margin:0px 0px 40px 0px;
	padding:0px 0px 20px 0px;
	border-bottom: 1px solid #dadada;
	line-height:normal;
	text-transform:uppercase;
	letter-spacing:0px; 
}

#middle-in h2 {	
	font-size: 28px;
	font-family: "Raleway"; 
	font-weight: 500; 
	margin:10px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	color: #101010;	
	border: 0px dotted #bbb;
	line-height:normal;	
	text-transform:uppercase;
}

#middle-in h3 {	
	font-size: 22px;
	font-family: "Raleway"; 
	font-weight: 600; 
	margin:20px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	color: #101010;	
	border: 0px dotted #bbb;
	line-height:normal;
}

#middle-in h4 {	
	font-size: 18px;
	font-family: "Raleway"; 
	font-weight: 500; 
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	color: #101010;	
	border: 0px dotted #bbb;
	line-height:normal;
}
#middle-in2 img {
	/*margin:15px;
	padding:0px;
	border:0px solid #e5e5e5;*/
}

#middle-in2 iframe {
	width:60%;
	height:400px;
	border:1px solid #fff;
	
}
#middle-in .box {
	float:left;
	margin:10px;
	width:280px;
	height:310px;
	position:relative;
	text-align:left;
	padding:0;	
	background:#101010;
	background:#505156;
	position:relative;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius:0px;
	line-height:1.3;
	-moz-transition: all 150ms linear;
	-webkit-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}
#middle-in .box:hover {
	background: #0957bf;
	-moz-transition: all 150ms linear;
	-webkit-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}

#middle-in .box .img1 {
	width:100%;
	height:auto;
	padding:0;
	border:0;
	margin:0;
}

#middle-in .box .text {
	display:block;
	width:auto;
	color:#fff;
	font-weight:300;
	font-size:14px;
	text-align:left;
	text-align:center;
	padding:10px 15px;
}

#middle-in .box .text p {
	padding:0;
	margin:0;
}
#middle-in .box h2, #middle-in .box h2 a {
	color:#fff;
	font-weight:400;
	font-size:18px;
	margin:0 0 10px 0 ;
	text-align:center;
	padding:0;
	line-height:normal;
	border:0;
	letter-spacing:0px;
	text-transform:uppercase;
	text-decoration: none;
	font-family:"Raleway";
}


#middle-in .box-in-kep {
	width:280px;
	height:149px;
}
#middle-in .article0 {
	background:#f1f1f1;
	background:#ececec;
	padding:20px 30px;
}
#middle-in .article1 {
	border:1px solid #dadada;
	padding:20px 30px;
}

#middle-in2 table {
	border:1px solid #ccc;
	padding:0px;
	padding:0;
	margin:0;
	border-spacing: 1px;
}

#middle-in2 td {
	border:1px solid #ccc;
	border-left:1px solid #eee;	
	border-top:1px solid #eee;
	padding:6px;
	margin:0;
}



#middle-in2 .text1 {
	float:left;
	width:45%;
	padding-top:0px
}

#middle-in2 .img1 {
	float:right;
	width:50%;
	padding:0;
	border:0;
	background:none;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
}
#middle-in2 .text2 {
	float:right;
	width:45%;
	padding-top:0px
}

#middle-in2 .img2 {
	float:left;
	width:50%;
	padding:0;
	border:0;
	background:none;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
}



.almenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width:100%;	
	list-style-position: inside;

}
.almenu li {
	list-style: none;
	float:left;
	text-align:Center;
	width:25%;
	padding:2%;
	margin:2%;
	background:#101010;
}
.almenu a {
	text-decoration: none; 
	color:#fff;
	font-weight: normal; 	
	}

#nav-box {
	text-align: left;
	color:#797979;
	font-weight: normal;
	font-size: 13px;
	padding:0px 0px 20px 0px;
	margin:0px;
	display:block;
	text-transform:uppercase;
}

#nav-box a {
	text-decoration: none; 
	color:#797979;
	font-weight: normal; 	
	}
#nav-box a:link {}
#nav-box a:visited {}
#nav-box a:active {}
#nav-box a:hover {text-decoration: none;}


.lapozas {
	text-align:center;
	margin-top:30px;
}

.lapozas a {
	font-family: "Raleway";
	text-decoration: none; 
	color:#fff;
	background:#1d1d1d; 
	font-weight:200;
	font-size:20px;
	line-height:normal;
	padding:8px 16px;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;	
}
.lapozas a:hover {
	background:#333; 	
}

#gallery ul { list-style: none; display: inline; }
#gallery ul li { display: inline; text-align:center; }


.galeria-inner {
	float:left;
	margin:10px;
	-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.8);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}

.galeria-inner, .galeria-inner img {
	width:270px;
	height:210px;
}



.galeria-inner-new-out {
	float:left;
	margin:15px;
	-webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;	
	text-align:Center;	
	width:270px;
	height:240px;
	padding:10px 0;
	line-height:1.2;
	overflow:hidden;
}

.galeria-inner-new, .galeria-inner-new img {
	width:250px;
	height:180px;
	padding:0;
	margin:0 auto;
}



.galeria-inner-new-out b {
	display: block;
	padding:0px 15px;
	font-weight:400;
	font-size:15px;
}

.galeria-inner2 {
	margin-right:0px;
	float:right;
}


.galeria-inner3 {
	float:left;
	margin:20px;
	background:#fff;
	-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}

.galeria-inner3 {
	width:250px;
	height:250px;
}
.galeria-inner3 img {
	width:240px;
	height:240px;
	border:5px solid #fff;
}


.galeria-inner4 {
	float:left;
	margin:30px 15px 0 15px;
	background:#fff;
	-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}

.galeria-inner4 {
	width:250px;
	height:250px;
}
.galeria-inner4 img {
	width:240px;
	height:240px;
	border:5px solid #fff;
}


.clear {
	clear:both;
}


#galeria-jpg {
	margin-top:30px;
}

.box-left {
	float:left;
	width:370px;
	margin-left:30px;
	margin-top:30px;
}

.img-content {
	margin: 0px 0px 0px 0px;
	border: #e5e5e5 2px solid;
	padding: 1px;
}

.img {
	margin: 0px 0px 0px 0px;
	border: #e5e5e5 3px solid;
	padding: 1px;
}

p {
	margin:12px 0px; 
}

form {
	margin:0px; 
}

.hr2 {
	color: #DCD3D0;
	height:1px;
}

.l1 { background-color: #f9f9f9; }
.l0 { background-color: #ffffff; } 

.spacer {
	background-image: url('../images/spacer.gif');
}

.sep2 {
	height: 7px; display:block; clear:both;	margin:auto;
}

div.sep {				
	height: 1px; display:block; clear:both;	margin:auto;
}

div.sep5 {				
	height: 5px; display:block; clear:both;	margin:auto;
}

div.sep10 {				
	height: 10px; display:block; clear:both;	margin:auto;
}

div.sep20 {				
	height: 20px; display:block; clear:both;	margin:auto;
}

div.sep25 {				
	height: 25px; display:block; clear:both;	margin:auto;
}
div.sep35 {				
	height: 35px; display:block; clear:both;	margin:auto;
}

div.sep30 {				
	height: 30px; display:block; clear:both;	margin:auto;
}

.table {
	border-bottom: 1px solid #e1e1e1;
	background:#f5f5f5;
}
.table1 {
	border-bottom: 1px solid #e1e1e1;
	background:#f5f5f5;
}
.table2 {
	border-bottom: 1px solid #e1e1e1;
	background:#fff;
}
.little {
	font-size:95%;
}

.l1 { background-color: #f9f9f9; }
.l0 { background-color: #ffffff; } 
.l2 { background-color: #eeeeee; }
.l3 { background-color: #fafafa; }

.termekhatter0 {
	background-color:#fff;
}

.termekhatter1 {
	background-color:#fff;
}

hr {
	border:0;
	background:#ffffff;
	height: 1px;
	display:block; clear:both;	margin:auto;
	border-bottom:solid 1px #cccccc;
	margin-bottom:0px;
	margin-top:3px;
}
div.sep-line {				
	height: 1px; display:block; clear:both;	margin:auto;
	border-bottom:solid 1px #cccccc;
	margin-bottom:0px;
	margin-top:3px;
}

div.sep-line2 {				
	height: 1px; display:block; clear:both;	margin:auto;
	border-bottom:solid 1px #cccccc;
	margin-bottom:3px;
	margin-top:3px;
}


#menu-mobile, #mobile1, #news-mobile { display:none; }

#scroll1 {
	display:none;
}

	
.sep-content {				
	height: 50px; display:block; clear:both;	margin:auto;
}

#article .text1, #article .text3 {
	float:left;
	width:46%;
	padding-top:0px
}

#article .img1, #article .img3 {
	float:right;
	width:50%;
	padding:0;
	border:0;
	background:none;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
}

#article .text2 {
	float:right;
	width:46%;
	padding-top:0px
}

#article .img2 {
	float:left;
	width:50%;
	padding:0;
	border:0;
	background:none;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
}




#form1 {
	margin:40px 0 0 0;
	padding:70px 50px;
	border:0px solid #eee;
	background:#fff;
	text-align:center;
	color: #000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
	color: #000;
}

#form1 b {
	color: #000;
	padding:0 0 20px 0;
	display:block;
	font-size:25px;
	font-weight: 600;	
	
}

#form1 i {
	color: #000;
	font-weight: 400;	
	font-style:normal;	
}
.input_ajanlat2 {
	border: #aaa 1px solid;
	padding:8px 8px;
	margin: 0px auto; 
	background: #ffffff;
	font-size:16px;
	width:70%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	display:block;
	margin-bottom:10px;
	line-height:normal;
	font-family: "Raleway"; 
	font-weight:400;	
	color:#000000;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.input_ajanlat3 {
	width:70%;
	margin: 0px auto; 
	height:120px;
}
.input_ajanlat4 {
	display:block;
}	
.button_ajanlat {
	font-family:"Raleway";
	background:#87ba46;
	color:#fff;
	border: 1px solid #87ba46;
	font-size: 17px;
	margin: 10px 0 0 0px; 
	padding:8px 20px;
	cursor:pointer;	
	letter-spacing:1px;	
	font-weight: 500;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.button_ajanlat:hover {
	background:#0957bf;
	color:#fff;
	border: 1px solid #0957bf;
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
}









@media screen and (max-width: 1140px) {	











				html, body {
					height: 100%;
					margin: 0px;
					padding:0;
				}

				body {
					margin: 0px;	
					color:#101010;
					font-family: "Raleway"; 
					font-weight: 400;
					font-size: 14px; 
					line-height: 1.4; 
					text-align: center;
					background:#fff;	
					background: #f1f1f1  url('../images/bg.jpg') repeat fixed;
				}

				td {
					line-height: 130%; 
				}

				a {
					text-decoration: underline; 
					color: #101010; 
					font-weight: 400;
					}
				a:link {}
				a:visited {}
				a:active {}
				a:hover {text-decoration: none;}

				img { border:0px;padding:0px;margin:0px; }

				h1, h2 {	
					font-family: "Raleway";
				}
				.back a {
					display:block;
					border-top:1px solid #fff;
					padding:15px;
					margin:10px auto 20px auto;
					width:auto;
					text-decoration: none;
					color:#101010;
					color:#fff;
					-moz-transition: all 500ms linear;
					-webkit-transition: all 500ms linear;
					-o-transition: all 500ms linear;
					transition: all 500ms linear;
				}
				.back a:hover {
					background:#101010;
					color:#fff;
					background:#fff;
					color:#101010;
					-moz-transition: all 500ms linear;
					-webkit-transition: all 500ms linear;
					-o-transition: all 500ms linear;
					transition: all 500ms linear;
				}

				.back2 a {
					display:block;
					border-top:1px solid #fff;
					padding:15px;
					margin:0px auto 0px auto;
					width:auto;
					text-decoration: none;
					color:#101010;
					background:#f1f1f1;
					-moz-transition: all 500ms linear;
					-webkit-transition: all 500ms linear;
					-o-transition: all 500ms linear;
					transition: all 500ms linear;
				}
				#header {
					width:100%;
					height:auto;
					background: #fff;
				}

				#header-inner {
					width:100%;
					height:55%;
				}

				#header1 {
					margin: 0 auto;
					min-width:auto;
					width:98%;
					height:100%;
					position:relative;	
					background: url('../images/bg-trapeze.png') no-repeat 77px -50px;
				}

				#header1-in {
					margin: 0 auto;	
					height:auto;
					padding:0px 0px;		
					text-align:center;
					background:rgba(0,0,0,0);
					position:relative;
				}
				#header1-right {
					display:none;
				}

				

				#onesys-logo {
					padding:30px 20px; 
					height:auto;
					float:left;
					height:62px;
					-moz-transition: all 250ms linear;
					-webkit-transition: all 250ms linear;
					-o-transition: all 250ms linear;
					transition: all 250ms linear;
				}
				#onesys-logo:hover {
					transform: scale(1.02);
					-moz-transition: all 250ms linear;
					-webkit-transition: all 250ms linear;
					-o-transition: all 250ms linear;
					transition: all 250ms linear;
				}

				#menu {	
					display:none;
					margin-left: auto;
					margin-right: auto;
					width:100%;
					height:auto;
					padding:0px;		
					text-align:right;
					background: rgb(9,87,191);
					background: linear-gradient(90deg, rgba(9,87,191,1) 0%, rgba(39,129,214,1) 100%);
				}

				#menu-in {
					margin-left: auto;
					margin-right: auto;
					width:auto;
					width:95%;
					min-width:auto;
					padding:3px 0px 1px 0;			
					text-align:center;
					position:relative;
				}
				#menu a {
					letter-spacing:0.05em;
					float:none;
					display:block;
					text-decoration: none; 
					color: #fff; 
					font-weight:500;
					padding:15px 15px;
					margin:0 0px;
					font-size:22px;
					text-transform:uppercase;
					border-bottom: 1px solid rgba(255,255,255,0.4);
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}
				#menu a:hover {
					text-decoration: none;
					background:#7cbdfd;
					color:#ffffff;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}

				#menu a.ajanlat {
					float:none;
					background: linear-gradient(90deg, rgba(67,147,243,1) 10%, rgba(133,185,74,1) 60%);
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}
				#menu a.ajanlat:hover {
					text-decoration: none;
					background:#7cbdfd;
					color:#ffffff;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}

				#menu-mobile-png {
					display:block;
					float:right;

				}
				#menu-mobile-png img {
					width:40px;
					height:auto;
					padding:20px;
					margin-top:22px;
				}

				#top1-out {
					margin: 0 auto;
					width:100%;
					padding:0;
					overflow:hidden;
					height:auto;
				}

				#top1 {	
					width:100%;
					height:auto;
					margin:0px;
					overflow:hidden;
					position:relative;
				}


				#top1 h1 {
					position:absolute;
					right:100px;
					bottom:100px;
					background: rgba(211, 48, 35, 0.98);
					text-align:Center;
					color:#fff;
					font-size:20px;
					font-weight:400;
					text-decoration:none;
					padding:16px 30px;
					margin:0;
					border:0;
					z-index:9999999999999;
				}


				.slider1_container1 {
					position: relative; margin: 0 auto;
					top: 0px; left: 0px; overflow: hidden;
					width: 1300px; height: 500px; 
				}

				.slider1_container2 {
					filter: alpha(opacity=70); 
					opacity: 0.7; 
					position: absolute; 
					display: block;
					top: 0px; 
					left: 0px; 
					width: 100%; 
					height: 100%;
				}

				.slider1_container3 {
					position: absolute; 
					display: block; 
					background: url('../images/loading.gif') no-repeat center center;  
					top: 0px; left: 0px; width: 100%; height: 100%;
				}
				.slider1_container4 {
					position: absolute; left: 0px; top: 0px; width: 1300px;height: 500px; overflow: hidden;
				}

				.jssorb21 {
					position: absolute;
					bottom: 26px;
					left: 6px;
				}

				.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
					position: absolute;
					width: 19px;
					height: 19px;
					text-align: center;
					line-height: 19px;
					color: white;
					font-size: 12px;
					background: url(../images/b21.png) no-repeat;
					overflow: hidden;
					cursor: pointer;
				}
				.jssorb21 div { background-position: -5px -5px; }
				.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
				.jssorb21 .av { background-position: -65px -5px; }
				.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

				.jssora21l, .jssora21r {
					display: block;
					position: absolute;
					width: 55px;
					height: 55px;
					cursor: pointer;
					background: url(../images/a21.png) center center no-repeat;
					overflow: hidden;
				}
				.jssora21l { background-position: -3px -33px; top: 123px; left: 8px; }
				.jssora21r { background-position: -63px -33px; top: 123px; right: 8px; }
				.jssora21l:hover { background-position: -123px -33px; }
				.jssora21r:hover { background-position: -183px -33px; }
				.jssora21l.jssora21ldn { background-position: -243px -33px; }
				.jssora21r.jssora21rdn { background-position: -303px -33px; }

				.caption1 {
					width: 100%; 
					height: 100%; 
					top: 0px; 
					left: 0%; 	
					transform:translate(0%,0%);
					padding:0;
				}

				.caption1-text {	
					
				}

				.caption1-text b {
					font-size:32px;
					font-weight:500;
					display:block;
					line-height:1.3;
					padding-bottom:10px;
					}

				.caption1-text .button {
					padding:6px 12px 5px 12px;
					background:rgba(255,255,255,0.9);
					color:#000;
					text-decoration: none;
					display:block;
					float:left;
					font-size:80%;
					margin-top:10px;
				}


				#services {
					margin-left: auto;
					margin-right: auto;
					width:100%;
					padding:0px;		
					height:auto;
					background: #0954b8 url('../images/bg2.jpg') repeat center top fixed; 
					-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
				}

				#services-in {
					
					margin-left: auto;
					margin-right: auto;
					width:auto;
					padding:0px;			
					text-align:left;	
					padding:0px 0 30px 0;

				}


				#services-in .services-box0 {
					float:none;
					width:auto;
					height:auto;
					margin:0;
					padding:15px 15px;
					color:#fff;
					font-size:19px;
					line-height:1.4;
				}

				#services-in .services-box0 p { padding:10px 0; }

				#services-in .services-box0-in {
					padding:0px;
				}

				 #services-in .services-box0 strong {
					font-weight:500;
					color:#fff;
					font-size:26px;
					text-transform:uppercase;
					padding-bottom:0px;
					display:block;
				}

				#services-in .services-box {
					float:left;
					width:48%;
					height:auto;
					margin:1%;
					aspect-ratio:0.85;
					background: #fff;
					position:relative;
					line-height:1.3;
					font-size:16px;
					color:#000000;
					font-weight:400;
					-webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.4);
					-moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.4);
					box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.4);
					overflow:visible;

				}

				#services-in .services-box-in {
					padding:20px;
					overflow:hidden;
				}

				#services-in .services-box-img-out {
					width:100%;
					height:auto;
					aspect-ratio: 1.8;
					overflow:hidden;
				}
				#services-in .services-box-img {
					width:100%;
					height:100%;
					cursor:pointer;
					-moz-transition: all 250ms linear;
					-webkit-transition: all 250ms linear;
					-o-transition: all 250ms linear;
					transition: all 250ms linear;
				}


				#services-in .services-box-img:hover {
					transform: scale(1.05);
					-moz-transition: all 250ms linear;
					-webkit-transition: all 250ms linear;
					-o-transition: all 250ms linear;
					transition: all 250ms linear;
				}
				#services-in .services-box .button1 {
					position:absolute;
					right: -3px;
					bottom: -3px;
					-moz-transition: all 250ms linear;
					-webkit-transition: all 250ms linear;
					-o-transition: all 250ms linear;
					transition: all 250ms linear;
				}


				#services-in .services-box .button1:hover {
					transform: scale(1.05);
					-moz-transition: all 250ms linear;
					-webkit-transition: all 250ms linear;
					-o-transition: all 250ms linear;
					transition: all 250ms linear;
				}


				#services-in .services-box h2, #services-in .services-box a {
					text-decoration:none;
					font-size:19px;
					color:#000000;
					margin:0;
					padding:0;
					font-weight:700;
					-moz-transition: all 250ms linear;
					-webkit-transition: all 250ms linear;
					-o-transition: all 250ms linear;
					transition: all 250ms linear;
				}
				#services-in .services-box h2:hover, #services-in .services-box a:hover {
					color:#0957bf;
					-moz-transition: all 250ms linear;
					-webkit-transition: all 250ms linear;
					-o-transition: all 250ms linear;
					transition: all 250ms linear;
				}


				#services-in .bottom {
					text-align:Center;
					font-size:21px;
					color:#ffffff;
					margin:30px 0 0 0;
					padding:0;
					font-weight:600;
					text-transform:uppercase;
				}


				#services-in .bottom1 { padding:0 25px; font-weight:400; }


				#open3 {
					margin-left: auto;
					margin-right: auto;
					width:100%;	
					text-align:center;
					height:auto;
					background: #fff;
					position:relative;
				}

				#open3-in {
					margin-left: auto;
					margin-right: auto;
					width:auto;
					padding: 50px 15px;		
					text-align:center;	
					color:#222222;
				}

				#open3-in .title {
					color:#0957bf;
					font-weight:500;
					font-size:38px;
					margin:0 0 60px 0;
					padding:0;
					line-height:normal;
					border:0;
					letter-spacing:0px;
				}

				#open3-in .i1 { display: block; margin: 0 auto 60px auto;}

				#open3-in .box1 {
					float:left;
					margin:0px;
					width:43%;
					height: auto;
					position:relative;
					text-align:left;
					padding:10px 0 0 0;	
					margin:0;
					position:relative;
					line-height:1.3;
					color:#000000;
					font-weight:400;
					font-size:19px;
					-moz-transition: all 150ms linear;
					-webkit-transition: all 150ms linear;
					-o-transition: all 150ms linear;
					transition: all 150ms linear;
				}

				#open3-in .box1 p { padding:10px 0; }
				#open3-in .box1 h2 {
					font-size:30px;
					font-weight:600;
					line-height:1.2;
					margin:20px 0;
					padding:0;
				}
				#open3-in .box2 {
					float:right;
				}

				#open3-in .img1 {
					float:right;
					width:50%;
					-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
					box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
				}

				#open3-in .img2 {
					float:left;
					width:50%;
					-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
					box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
				}

				#open3-in .sep2 {
					height: 60px; display:block; clear:both;	margin:auto;
				}
				#open3-in .bg2-jpg {
					position:absolute;
					left:-50px;
					top:50px;
					z-index:0;
				}



				#open3-in a.button1 {
					display:block;
					margin:10px 0; 
					text-decoration:none; 
					border:1px solid rgba(156,127,118,0.6);
					color:#222222;
					width:100px;
					text-align:Center;
					padding:6px 15px;
					text-transform:uppercase;
					font-size:17px;
					letter-spacing:1px;
					font-weight:500;
					border:3px double rgba(0,0,0,0.4);
					color: #000;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}

				#open3-in a.button1:hover {
					background:#000000;
					color:#fff;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}



				#open4-out {
					margin-left: auto;
					margin-right: auto;
					width:100%;	
					text-align:center;
					height: 850px;
					background: #e2eefb;
					position:relative;
					overflow:hidden;
				}
				#open4 {
					width:auto;
					height:1px;
					display:block;
					position:relative;
					margin:0 auto;
				}

				#open4-in {
					position:relative;
					left:0;
					width:auto;
					margin-left: auto;
					margin-right: auto;
					padding: 50px 0;		
					text-align:center;	
					color:#84675f;
				}


				#open4 .title {
					color:#0957bf;
					font-weight:500;
					font-size:38px;
					margin:0 0 60px 0;
					padding:0;
					line-height:normal;
					border:0;
					letter-spacing:0px;
				}

				.swiper-slide {
					
					overflow:visible;
					text-align: center;
					font-size: 18px;
					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;

				}

				 #open4-in .swiper-slide {
					text-align: center;
					font-size: 18px;
					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;
				  }
				 #open4-in .swiper {
					width: 100%;
					height: 100%;
					border:0;
					height: auto;
					margin: 0px auto;
				  }


				.blog-box {
					width: 400px;
					height:600px;
					margin:0px;
					display:block;
					font-size:17px;
					line-height:1.4;
					font-weight:300;
					overflow:hidden;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}
				.blog-box-kep {
					width:100%;
					height:auto;
					aspect-ratio:1.6;
					cursor:pointer;
					overflow:clip;
					/*border-bottom:1px solid #ddd;*/
					-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
					box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
				}

				.blog-box-kep-in {
					width:100%;
					height:100%;
				}

				.blog-box-kep:hover {
					transform: scale(1.05);
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}

				.blog-box-text {
					color:#000000;
					line-height:normal;
					padding:25px;
					height:Auto;
					text-align:left;
					background:#fff;	
					height:200px;
					-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
					box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);	
					overflow:hidden;
					position:relative;
				}
				.blog-box-text a {
					color:#000;
					display:block;
					font-weight:600;
					font-size:21px;
					padding-bottom:10px;
					text-decoration:none;
				}

				.blog-box .button1 {
					height:auto;
					position:absolute;
					right: -1px;
					bottom: -1px;
					-moz-transition: all 250ms linear;
					-webkit-transition: all 250ms linear;
					-o-transition: all 250ms linear;
					transition: all 250ms linear;
				}


				#open-contact {
					width:auto;
					height:auto;
					margin:0px auto;
					position:relative;
					padding:0;
					background:#fff;
				}
				#open-contact-in {
					margin-left: auto;
					margin-right: auto;
					width:auto;
					padding:0px;	
					text-align:center;	
					padding:40px 0;
				}

				#open-contact-in .box {
					float:left;
					width:31%;
					height:auto;
					aspect-ratio:1.6;
					text-align:center;
					margin:1%;
					padding:0;
					position:relative;

				}

				#open-contact-in .box a {	
					color:#fff;
					display:block;
					font-weight:400;
					font-size:18px;
					padding-top:0;
					text-decoration:none;					
					position:absolute;
					top:66%;
					left:50%;
					transform:translate(-50%,-50%);
				}
				#open-contact-in .box1 {
					background: url('../images/c11.png') no-repeat center;
				}

				#open-contact-in .box2 {
					background: url('../images/c21.png') no-repeat center;
				}

				#open-contact-in .box3 {
					background: url('../images/c31.png') no-repeat center;
				}





				#open22 {
					margin-left: auto;
					margin-right: auto;
					width:100%;	
					text-align:center;
					height:auto;
					background: #f1f1f1;	
					border-bottom:1px solid #eee;
				}
				#open22-in {
					margin-left: auto;
					margin-right: auto;
					width:auto;
					padding: 100px 0;		
					text-align:left;
				}

				#open22-in h2 {
					font-family:"Raleway";
					color:#101010;
					font-weight:300;
					font-size:40px;
					margin:0 0 60px 0 ;
					padding:0;
					line-height:normal;
					border:0;
					letter-spacing:0px;
					text-transform:uppercase;
					text-align:Center;
				}

				.open22-box {
					
					font-size:17px;
					width:48%;
					height:auto;
					margin:1%;
					float:left;
					background:#ffffff;
					aspect-ratio:0.75;
					text-align:left;
					overflow:hidden;
					position:relative;	
					-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.15);
					-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.15);
					box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.15);
					
				}

				.open22-box-img {
					width:100%;
					height:auto;
					aspect-ratio:1.6;
					cursor:pointer;
					position:relative;	
					border:0;
					padding:0;
					border-bottom:1px solid #eee;
					-moz-transition: all 500ms linear;
					-webkit-transition: all 500ms linear;
					-o-transition: all 500ms linear;
					transition: all 500ms linear;
				}

				.open22-box-img:hover {
					transform: scale(1.015);
					-moz-transition: all 500ms linear;
					-webkit-transition: all 500ms linear;
					-o-transition: all 500ms linear;
					transition: all 500ms linear;
				}

				.open22-box-in {
					display:block;
					margin:20px;
					color:#101010;
					line-height:1.4;
					overflow:hidden;
				}
				.open22-box-in a {
					text-decoration: none; 
					color:#101010;
					font-weight:600;
					font-size:21px;
					line-height:normal;
					padding:0 0 10px 0;
					display:block;
				}

				#open22-in .open22-box-top {
					width:98%;
					float:none;
					aspect-ratio:4;
					border-bottom: 0px solid #505156;
				}

				#open22-in .open22-box-top .open22-box-img {
					width:100%;
					height:auto;
					aspect-ratio:4;
					border:0;
				}
				#open22-in .open22-box-top .text {
					display:none;
				}
				#open22-in .open22-box-top .open22-box-in2 a {
					position: absolute;
					left:20px;
					top:20px;
					text-decoration: none; 
					color: #fff; 
					font-weight:400;
					font-size:24px;
					line-height:normal;
					padding:7px 12px;
					background: rgba(81,81,86,0.9);
					text-transform:uppercase;
				}




				#gallery-ref-out {
					
				}

				.gallery-ref {
					float:left;
					width:360px;
					height:380px;
					background:#fff;
					text-align:left;
					margin:12px;
					padding:0;
					border-left:1px solid #eee;
					border-bottom:1px solid #eee;
					box-shadow: 7px 7px #d6992d;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius:3px;
				}

				.gallery-ref-in {	
					width:360px;
					height:300px;
					position:relative;
					text-align:left;
					margin:0;
					padding:0;
					cursor:pointer;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius:3px;
				}
				.gallery-ref img {
					margin:0;
					padding:0;
					width:360px;
					height:300px;
				}

				.gallery-ref a.ref-button  {	
					display:block;
					width:320px;
					text-decoration: none; 
					font-weight:400;
					font-size:22px;
					padding:15px 20px 0 20px;
					color:#101010;
					line-height:1.1;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}

				.gallery-ref  a.ref-button:hover  {
					
					color:#101010;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}

				#footer-out {	
					padding:0px 0 0px 0;
					width:100%;
					background: #f1f1f1  url('../images/bg-footer.jpg') repeat top center fixed;
				}
				#footer {	
					width:auto;	
					color:#fff;
					padding:0;
					border:0;
					margin:0;
					font-family:"Raleway";
				}
				#footer-in {
					width:auto;
					margin:0 auto;
					padding:20px 15px 20px 15px;
					text-align:center;
					font-size:15px;
				}

				.footer1 {
					color:#fff;
					text-align:left;
					margin:0px;
					padding:15px 0 0 0;
					font-weight: 400;
					line-height:1.4;
					width:auto;
					float:none;
				}

				.footer1 a {
					text-decoration: none; 
					color:#fff;
					padding: 0px 0 0 0;
					text-transform:none;
					font-weight: 400;
				}


				.footer2 {
					width:auto;
					float:none;
					padding:25px 0 0 0;
				}

				.footer2 a {
					display: block;
					text-decoration: none; 
					color:#fff;
					padding: 0px 0 15px 0;
					text-transform:none;
					font-weight: 400;
				}
				.footer3 {
					width:auto;
					float:none;
					padding-top:0px;
					border:0px solid red;
					text-align:left;
					line-height:2.5;
					padding:20px 0 0 0;
				}

				.footer1 b, .footer2 b, .footer3 b {
					display:block;
					font-family: "Raleway"; 
					color:#fff;
					font-weight:600;
					font-size:20px;
					margin:0 0 20px 0 ;
					padding:0;
					line-height:normal;
					border:0;
				}

				.sep-line-footer {				
					height: 1px; display:block; clear:both;	margin:auto;
					border-bottom:solid 1px rgba(255,255,255,0.3);
					margin-bottom:20px;
					margin-top:30px;
				}

				.footer4 {
					width:auto;
					color:#fff;
					text-align:center;
					font-size:14px;
					margin:0;
					padding:20px 0px;
					font-weight: 300;
					line-height:1.4;
					background:rgba(9,64,140,0.8);
					text-transform:uppercase;
				}

				.footer4 a {
					text-decoration: none; 
					color:#fff;
				}

				#inner {
					height:29px;
				}
				#inner2 {
					width:100%;
					background: #f1f1f1  url('../images/bg_9.jpg') no-repeat center;
					height:200px;
				}
				#inner2-in {
					margin-left: auto;
					margin-right: auto;
					width:auto;
					padding:50px 0 0 0;	
					text-align:left;
					color:#fff;
					font-size:19px;
					line-height:1.4;
					font-weight:400;
				}

				#inner2-in h1, #inner2-in h2 {
					font-family:"Raleway";
					color:#ffffff;
					font-weight:400;
					font-size:53px;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					border:0;
					line-height:normal;
					text-transform:none;
					letter-spacing:0px;
					text-transform:uppercase;
				}


				#middle {
					background:#fff;
					width:100%;
					float:none;
					margin:0px;
					margin:0px 0 0 0;
					padding:0 0 0px 0;	
					-webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
					-moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.3);
					box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.2);
				}
				#middle-in {
					margin-left: auto;
					margin-right: auto;
					width:auto;
					padding:30px 10px;	
					text-align:left;
					color:#101010;
					font-size:17px;
					line-height:1.4;
					font-weight:400;
				}
				#middle-in2 a {
					color:#000;
				 }
				#middle-in h1 {	
					font-family: "Raleway"; 
					color:#0957bf;
					font-weight:500;
					font-size:42px;
					margin:0px 0px 40px 0px;
					padding:0px 0px 20px 0px;
					border-bottom: 1px solid #dadada;
					line-height:normal;
					letter-spacing:0px;
				}

				#middle-in h2 {	
					font-size: 28px;
					font-family: "Raleway"; 
					font-weight: 500; 
					margin:10px 0px 15px 0px;
					padding:0px 0px 0px 0px;
					color: #101010;	
					border: 0px dotted #bbb;
					line-height:normal;	
					text-transform:uppercase;
				}

				#middle-in h3 {	
					font-size: 22px;
					font-family: "Raleway"; 
					font-weight: 600; 
					margin:20px 0px 15px 0px;
					padding:0px 0px 0px 0px;
					color: #101010;	
					border: 0px dotted #bbb;
					line-height:normal;
				}

				#middle-in h4 {	
					font-size: 18px;
					font-family: "Raleway"; 
					font-weight: 500; 
					margin:10px 0px 10px 0px;
					padding:0px 0px 0px 0px;
					color: #101010;	
					border: 0px dotted #bbb;
					line-height:normal;
				}
				#middle-in2 img {
					/*margin:15px;
					padding:0px;
					border:0px solid #e5e5e5;*/
				}

				#middle-in2 iframe {
					width:60%;
					height:400px;
					border:1px solid #fff;
					
				}
				#middle-in .box {
					float:left;
					margin:10px;
					width:280px;
					height:310px;
					position:relative;
					text-align:left;
					padding:0;	
					background:#101010;
					background:#505156;
					position:relative;
					-webkit-border-radius: 0px;
					-moz-border-radius: 0px;
					border-radius:0px;
					line-height:1.3;
					-moz-transition: all 150ms linear;
					-webkit-transition: all 150ms linear;
					-o-transition: all 150ms linear;
					transition: all 150ms linear;
				}
				#middle-in .box:hover {
					background: #0957bf;
					-moz-transition: all 150ms linear;
					-webkit-transition: all 150ms linear;
					-o-transition: all 150ms linear;
					transition: all 150ms linear;
				}

				#middle-in .box .img1 {
					width:100%;
					height:auto;
					padding:0;
					border:0;
					margin:0;
				}

				#middle-in .box .text {
					display:block;
					width:auto;
					color:#fff;
					font-weight:300;
					font-size:14px;
					text-align:left;
					text-align:center;
					padding:10px 15px;
				}

				#middle-in .box .text p {
					padding:0;
					margin:0;
				}
				#middle-in .box h2, #middle-in .box h2 a {
					color:#fff;
					font-weight:400;
					font-size:18px;
					margin:0 0 10px 0 ;
					text-align:center;
					padding:0;
					line-height:normal;
					border:0;
					letter-spacing:0px;
					text-transform:uppercase;
					text-decoration: none;
					font-family:"Raleway";
				}


				#middle-in .box-in-kep {
					width:280px;
					height:149px;
				}
				#middle-in .article0 {
					background:#f1f1f1;
					background:#ececec;
					padding:20px 30px;
				}
				#middle-in .article1 {
					border:1px solid #dadada;
					padding:20px 30px;
				}

				#middle-in2 table {
					border:1px solid #ccc;
					padding:0px;
					padding:0;
					margin:0;
					border-spacing: 1px;
				}

				#middle-in2 td {
					border:1px solid #ccc;
					border-left:1px solid #eee;	
					border-top:1px solid #eee;
					padding:6px;
					margin:0;
				}



				#middle-in2 .text1 {
					float:left;
					width:45%;
					padding-top:0px
				}

				#middle-in2 .img1 {
					float:right;
					width:50%;
					padding:0;
					border:0;
					background:none;
					-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
					box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
				}
				#middle-in2 .text2 {
					float:right;
					width:45%;
					padding-top:0px
				}

				#middle-in2 .img2 {
					float:left;
					width:50%;
					padding:0;
					border:0;
					background:none;
					-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
					box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
				}



				.almenu ul {
					list-style-type: none;
					margin: 0;
					padding: 0;
					width:100%;	
					list-style-position: inside;

				}
				.almenu li {
					list-style: none;
					float:left;
					text-align:Center;
					width:25%;
					padding:2%;
					margin:2%;
					background:#101010;
				}
				.almenu a {
					text-decoration: none; 
					color:#fff;
					font-weight: normal; 	
					}

				#nav-box {
					text-align: left;
					color:#797979;
					font-weight: normal;
					font-size: 13px;
					padding:0px 0px 20px 0px;
					margin:0px;
					display:block;
					text-transform:uppercase;
				}

				#nav-box a {
					text-decoration: none; 
					color:#797979;
					font-weight: normal; 	
					}
				#nav-box a:link {}
				#nav-box a:visited {}
				#nav-box a:active {}
				#nav-box a:hover {text-decoration: none;}


				.lapozas {
					text-align:center;
					margin-top:30px;
				}

				.lapozas a {
					font-family: "Raleway";
					text-decoration: none; 
					color:#fff;
					background:#1d1d1d; 
					font-weight:200;
					font-size:20px;
					line-height:normal;
					padding:8px 16px;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;	
				}
				.lapozas a:hover {
					background:#333; 	
				}

				#gallery ul { list-style: none; display: inline; }
				#gallery ul li { display: inline; text-align:center; }


				.galeria-inner {
					float:left;
					margin:10px;
					-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.8);
					-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.8);
					box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.8);
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius:3px;
				}

				.galeria-inner, .galeria-inner img {
					width:270px;
					height:210px;
				}



				.galeria-inner-new-out {
					float:left;
					margin:15px;
					-webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.25);
					-moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.25);
					box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.25);
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius:3px;	
					text-align:Center;	
					width:270px;
					height:240px;
					padding:10px 0;
					line-height:1.2;
					overflow:hidden;
				}

				.galeria-inner-new, .galeria-inner-new img {
					width:250px;
					height:180px;
					padding:0;
					margin:0 auto;
				}



				.galeria-inner-new-out b {
					display: block;
					padding:0px 15px;
					font-weight:400;
					font-size:15px;
				}

				.galeria-inner2 {
					margin-right:0px;
					float:right;
				}


				.galeria-inner3 {
					float:left;
					margin:20px;
					background:#fff;
					-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
					-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
					box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius:3px;
				}

				.galeria-inner3 {
					width:250px;
					height:250px;
				}
				.galeria-inner3 img {
					width:240px;
					height:240px;
					border:5px solid #fff;
				}


				.galeria-inner4 {
					float:left;
					margin:30px 15px 0 15px;
					background:#fff;
					-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
					-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
					box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.3);
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius:3px;
				}

				.galeria-inner4 {
					width:250px;
					height:250px;
				}
				.galeria-inner4 img {
					width:240px;
					height:240px;
					border:5px solid #fff;
				}


				.clear {
					clear:both;
				}


				#galeria-jpg {
					margin-top:30px;
				}

				.box-left {
					float:left;
					width:370px;
					margin-left:30px;
					margin-top:30px;
				}

				.img-content {
					margin: 0px 0px 0px 0px;
					border: #e5e5e5 2px solid;
					padding: 1px;
				}

				.img {
					margin: 0px 0px 0px 0px;
					border: #e5e5e5 3px solid;
					padding: 1px;
				}

				p {
					margin:7px 0px 0px 0px; 
				}

				form {
					margin:0px; 
				}

				.hr2 {
					color: #DCD3D0;
					height:1px;
				}

				.l1 { background-color: #f9f9f9; }
				.l0 { background-color: #ffffff; } 

				.spacer {
					background-image: url('../images/spacer.gif');
				}

				.sep2 {
					height: 7px; display:block; clear:both;	margin:auto;
				}

				div.sep {				
					height: 1px; display:block; clear:both;	margin:auto;
				}

				div.sep5 {				
					height: 5px; display:block; clear:both;	margin:auto;
				}

				div.sep10 {				
					height: 10px; display:block; clear:both;	margin:auto;
				}

				div.sep20 {				
					height: 20px; display:block; clear:both;	margin:auto;
				}

				div.sep25 {				
					height: 25px; display:block; clear:both;	margin:auto;
				}
				div.sep35 {				
					height: 35px; display:block; clear:both;	margin:auto;
				}

				div.sep30 {				
					height: 30px; display:block; clear:both;	margin:auto;
				}

				.table {
					border-bottom: 1px solid #e1e1e1;
					background:#f5f5f5;
				}
				.table1 {
					border-bottom: 1px solid #e1e1e1;
					background:#f5f5f5;
				}
				.table2 {
					border-bottom: 1px solid #e1e1e1;
					background:#fff;
				}
				.little {
					font-size:95%;
				}

				.l1 { background-color: #f9f9f9; }
				.l0 { background-color: #ffffff; } 
				.l2 { background-color: #eeeeee; }
				.l3 { background-color: #fafafa; }

				.termekhatter0 {
					background-color:#fff;
				}

				.termekhatter1 {
					background-color:#fff;
				}

				hr {
					border:0;
					background:#ffffff;
					height: 1px;
					display:block; clear:both;	margin:auto;
					border-bottom:solid 1px #cccccc;
					margin-bottom:0px;
					margin-top:3px;
				}
				div.sep-line {				
					height: 1px; display:block; clear:both;	margin:auto;
					border-bottom:solid 1px #cccccc;
					margin-bottom:0px;
					margin-top:3px;
				}

				div.sep-line2 {				
					height: 1px; display:block; clear:both;	margin:auto;
					border-bottom:solid 1px #cccccc;
					margin-bottom:3px;
					margin-top:3px;
				}


				#menu-mobile, #mobile1, #news-mobile { display:none; }

				#scroll1 {
					display:none;
				}

					
				.sep-content {				
					height: 50px; display:block; clear:both;	margin:auto;
				}

				#article .text1, #article .text3 {
					float:left;
					width:46%;
					padding-top:0px
				}

				#article .img1, #article .img3 {
					float:right;
					width:50%;
					padding:0;
					border:0;
					background:none;
					-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
					-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
					box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
				}

				#article .text2 {
					float:right;
					width:46%;
					padding-top:0px
				}

				#article .img2 {
					float:left;
					width:50%;
					padding:0;
					border:0;
					background:none;
					-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
					-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
					box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.3);
				}




				#form1 {
					margin:40px 0 0 0;
					padding:70px 50px;
					border:0px solid #eee;
					background:#fff;
					text-align:center;
					color: #000;
					-webkit-border-radius:3px;
					-moz-border-radius:3px;
					border-radius:3px;
					-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
					-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
					box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.15);
					color: #000;
				}

				#form1 b {
					color: #000;
					padding:0 0 20px 0;
					display:block;
					font-size:25px;
					font-weight: 600;	
					
				}

				#form1 i {
					color: #000;
					font-weight: 400;	
					font-style:normal;	
				}
				.input_ajanlat2 {
					border: #aaa 1px solid;
					padding:8px 8px;
					margin: 0px auto; 
					background: #ffffff;
					font-size:16px;
					width:70%;
					-webkit-border-radius: 0px;
					-moz-border-radius: 0px;
					border-radius: 0px;
					display:block;
					margin-bottom:10px;
					line-height:normal;
					font-family: "Raleway"; 
					font-weight:400;	
					color:#000000;
					-webkit-border-radius:3px;
					-moz-border-radius:3px;
					border-radius:3px;
				}
				.input_ajanlat3 {
					width:70%;
					margin: 0px auto; 
					height:120px;
				}
				.input_ajanlat4 {
					display:block;
				}	
				.button_ajanlat {
					font-family:"Raleway";
					background:#87ba46;
					color:#fff;
					border: 1px solid #87ba46;
					font-size: 17px;
					margin: 10px 0 0 0px; 
					padding:8px 20px;
					cursor:pointer;	
					letter-spacing:1px;	
					font-weight: 500;	
					-webkit-border-radius: 0px;
					-moz-border-radius: 0px;
					border-radius: 0px;
					-moz-transition: all 450ms linear;
					-webkit-transition: all 450ms linear;
					-o-transition: all 450ms linear;
					transition: all 450ms linear; 
					-webkit-border-radius:3px;
					-moz-border-radius:3px;
					border-radius:3px;
				}
				.button_ajanlat:hover {
					background:#0957bf;
					color:#fff;
					border: 1px solid #0957bf;
					-moz-transition: all 450ms linear;
					-webkit-transition: all 450ms linear;
					-o-transition: all 450ms linear;
					transition: all 450ms linear; 
				}

				
				.logos { 
					padding:10px; 
					max-width:90%;
					height:auto;
					
				}

}


@media screen and (max-width: 950px) {
				
				#middle-in2 {
					
					text-align:left;
					max-width:600px;
					margin:0 auto;
				}
				#middle-in2 .text1 {
					float:none;
					width:auto;
					padding-top:0px;
					text-align:left;
				}

				#middle-in2 .img1 {
					float:none;
					width:100%;
					padding:0;
					border:0;
					margin: 10px auto;
					background:none;
					-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
					box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
				}
				#middle-in2 .text2 {
					float:none;
					width:auto;
					padding-top:0px;					
					text-align:left;
				}

				#middle-in2 .img2 {
					float:none;
					width:100%;
					margin: 10px auto;
					padding:0;
					border:0;
					background:none;
					-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
					box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
				}



}


@media screen and (max-width: 860px) {

				#services-in .services-box {					
					aspect-ratio:0.75;
				}
								
				#open3-in .box1 {
					float:none;
					margin:0px;
					width:auto;
					height: auto;
					position:relative;
					text-align:left;
					padding:10px 0 0 0;	
					margin:0;
					position:relative;
					line-height:1.3;
					color:#000000;
					font-weight:400;
					font-size:19px;
					-moz-transition: all 150ms linear;
					-webkit-transition: all 150ms linear;
					-o-transition: all 150ms linear;
					transition: all 150ms linear;
				}
				
				#open3-in .box2 {
					float:none;
					margin:0px;
					width:auto;
				}

				#open3-in .img1 {
					float:none;
					margin:0px;
					width:auto;
					width:90%;
					-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
					box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
				}

				#open3-in .img2 {
					float:none;
					margin:0px;
					width:auto;
					width:90%;
					-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
					box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.1);
				}

				#open3-in .sep2 {
					height: 20px; display:block; clear:both;	margin:auto;
				}

				#open-contact-in .box a {
					font-size:16px;
				}
				
				#open3 .title {
					font-size:33px;
				}
				#open4 .title {
					font-size:33px;
				}
								
				#open-contact-in .title {
					font-size:33px;
					margin:0 auto 30px auto;
				}



}

@media screen and (max-width: 760px) {

				#middle-in h1 {	
					font-size:33px;
					margin:0px 0px 30px 0px;
					padding:0px 0px 20px 0px;
				}
				#services-in .services-box {					
					aspect-ratio:0.65;
				}

				

}


@media screen and (max-width: 680px) {

				#services-in .services-box {
					
					aspect-ratio:0.55;

				}
				#open-contact-in .box {	
					float:none;
					width:360px;
					height:200px;
					margin:5px auto;
				}
				#open-contact-in .box1 {
					background: url('../images/c11.png') no-repeat center;
				}

				#open-contact-in .box2 {
					background: url('../images/c21.png') no-repeat center;
				}

				#open-contact-in .box3 {
					background: url('../images/c31.png') no-repeat center;
				}

				.open22-box {
					display:block;
					font-size:17px;
					max-width:500px;
					width:auto;
					height:auto;
					margin:10px auto;
					float:none;
					background:#ffffff;
					aspect-ratio:auto;
					text-align:left;
					overflow:hidden;
					position:relative;	
					-webkit-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.15);
					-moz-box-shadow: 0px 0px 11px -4px rgba(0,0,0,0.15);
					box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.15);
					
				}

				.open22-box-img {
					width:100%;
					height:auto;
					aspect-ratio:1.6;
					cursor:pointer;
					position:relative;	
					border:0;
					padding:0;
					border-bottom:1px solid #eee;
					-moz-transition: all 500ms linear;
					-webkit-transition: all 500ms linear;
					-o-transition: all 500ms linear;
					transition: all 500ms linear;
				}

				.open22-box-img:hover {
					transform: scale(1.015);
					-moz-transition: all 500ms linear;
					-webkit-transition: all 500ms linear;
					-o-transition: all 500ms linear;
					transition: all 500ms linear;
				}

				.open22-box-in {
					display:block;
					margin:20px;
					color:#101010;
					line-height:1.4;
					overflow:hidden;
				}
				.open22-box-in a {
					text-decoration: none; 
					color:#101010;
					font-weight:600;
					font-size:21px;
					line-height:normal;
					padding:0 0 10px 0;
					display:block;
				}
				
				#form1 {
					margin:30px 0 0 0;
					padding:40px 30px;
					}
				.input_ajanlat2 {
					width:98%;
				}
				.input_ajanlat3 {
					width:98%;
				}



}





@media screen and (max-width: 600px) {

				#services-in {
					padding:5px 15px 40px 15px;
				}

				#services-in .services-box0 {
					float:none;
					width:auto;
					height:auto;
					margin:0;
					padding:0 0 10px 0;
					color:#fff;
					font-size:19px;
					line-height:1.4;
				}

				#services-in .services-box {
					width:95%;
					aspect-ratio:auto;
					float:none;
					margin:10px auto 20px auto;

				}

				#onesys-logo {
					padding:30px 20px; 
					height:auto;
					float:left;
					height:50px;
					-moz-transition: all 250ms linear;
					-webkit-transition: all 250ms linear;
					-o-transition: all 250ms linear;
					transition: all 250ms linear;
				}
				
				
				#menu-mobile-png img {
					width:40px;
					height:auto;
					padding:20px;
					margin-top:17px;
				}
			

				#open3-in .img1 {
					width:100%;
				}

				#open3-in .img2 {
					width:100%;
				}
				
				#services-in .bottom {
					text-align:Center;
					font-size:21px;
					color:#ffffff;
					margin:20px 0 0 0;
					padding:0;
					font-weight:600;
					text-transform:uppercase;
					line-height:2;
				}


				#services-in .bottom1 { color:#0954b8; display:block; padding:0 25px; font-weight:400; font-size:1px;}
				

}

	

@media screen and (max-width: 800px) {
			
				.blog-box {
					width: 360px;
					height:600px;
					margin:0px;
					display:block;
					font-size:17px;
					line-height:1.4;
					font-weight:300;
					overflow:hidden;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}
}