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

body {
	margin: 0;	
	color:#1a1a1a;
	font-family: "Roboto"; 
	font-weight: 400;
	font-size: 16px; 
	line-height: 1.4; 
	text-align: center;
	background:#fff;
}

td {
	line-height: 130%; 
}

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

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

h1, h2 {	
	
}
.back a {
	display:block;
	border-top:1px solid #fff;
	padding:15px;
	margin:10px auto 20px auto;
	width:1120px;
	text-decoration: none;
	color:#323232;
	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:#323232;
	color:#fff;
	background:#fff;
	color:#323232;
	-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 0 auto;
	width:auto;
	text-decoration: none;
	color:#555;
	background:#f1f1f1;
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
div.sep-top {				
	display:none;
}

#main1 {
	background: url('../images/bg0.jpg') no-repeat center top;  
}

.top1-right {
	float:right;
	display:block;
	margin-top:20px;
	margin-right:50px;
	font-weight:400; 
	color:#fff;
	font-size:15px;
}

.top1-right b {
	font-weight:400; 
	color:#fff;
	text-transform:none;
}

.top1-right a {
	background:#98ddff;
	color:#01456a;
	font-weight:400; 
	text-decoration: none; 
	padding:3px 4px;
}


#header {
	width:100%;
	height:auto;	
	height:auto;
}

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

#header1 {
	margin: 0 auto;
	width:auto; 
	height:100%;
	position:relative;
	background: url('../images/bg-menu.png') repeat-x center;  
}

#header1-in {
	margin: 0 auto;
	width:1200px; 
	/*min-width:90%;*/
	height:100%;
	position:relative;
	border:0px solid red;
}

#logo1 {
	margin:13px 0; 
	height:auto;
	width:235px;
	float:left;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
#logo1:hover {
	transform: scale(0.97);
	-moz-transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}

#menu-out {
	background: #fff;
	border-top:1px solid #cbdcd7;
	text-align:center;
}
#menu {	
	display:block;
	float:right;	
	height:auto;
	padding:0px 0;		
	text-align:center;
	line-height:1;
	margin-top:0px;
	position:Absolute;
	right:0;
	top:78px;
}

#menu a {
	text-decoration: none; 
	color: #fff; 
	font-weight:500;
	margin:0 0 0 8px;
	padding:15px 12px;
	font-size:17px;
	text-transform:uppercase;
	font-family: "Roboto";
	letter-spacing:0;
	-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: #104d6f;
	color:#ffffff;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#menu a.last {
	padding:17px 46px 18px 47px;
	background: url('../images/button0.png') no-repeat center;  
	/*color: #323232; background: rgba(0,0,0, 0.2); */
}

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

#top1-out {
	margin: 0 auto;
	width:100%;
	padding:0;
	min-height:70vh;
}

#top1 {	
	width:1200px;
	/*max-width:94%;*/
	height:auto;
	margin:0px auto 0px auto;
	position:relative;
	padding:8vh 0 14vh 0; 
}

#top1 .text1 { 
	float:left;
	position:relative;
	text-align:left;
	color:#fff;
	font-size:19px;
	padding:20px 0 0 0; 
	width:600px;
	font-weight:400;
	line-height:1.4;
}

#top1 strong, #top1 b {	 
	font-size:28px; 
	font-weight:500;
}

#top1 .img1 {
	float:right;
	filter: drop-shadow(0px 0px 15px #000000);
	padding:0px 0 0 50px;
	margin:0px;
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
}
#top1 .img1:hover {
	transform: scale(1.02);
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
}
#top1 .text1 h1 {	
	color:#fff;	
	font-family:"Archivo Black";
	font-weight:600;
	font-size:46px;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 0 0px 0;
	margin:0;
	line-height:1.2;
}

#top1 .text1 a {
	color:#93eeff;
}

#top1 .text2 { 
	position:relative;
	text-align:left;
	color:#fff;
	font-size:20px;
	padding:50px 0 0 0; 
	width:650px;
	font-size:17px;	
	font-weight:300;
	cursor:pointer;
}

#top1 .text2 a { 
	color:#fff;
	text-decoration:None;
}

#top1 .text2 strong { 	
	font-size:19px;
	font-weight:600;
}


#top1 .text2 img { 
	float:left;
	padding:10px 20px 0 0;
	height:130px;
	width:auto;
}


#top2 {
	width:100%;
	height:auto;
	padding:90px 0;
	margin:0px auto;
	background:#e5f0f5;	
	border-top:6px solid #fff;
	border-bottom:6px solid #fff;
}

#top2-in {
	display:block;
	margin:0px auto;
	width:1100px;
	color:#093a53;
	text-align:Center;
	font-size:18px;
	font-weight:400;
}

#top2-in h1, #top2-in h2 {	
	color:#093a53;
	font-size:34px;
	font-weight:700;
	text-decoration:none;
	padding:0 0 10px 0;
	margin:0 auto;
	line-height:1.2;
	max-width:700px;
	text-align:Center;
}
#top3 {
	width:100%;
	height:auto;
	padding:110px 0;
	margin:0px auto;	
	text-align:left;
	font-size:18px;
	font-weight:300;
	background: url('../images/bg1.jpg') repeat-x center top fixed; 
	position:relative;
}
#top3 strong {
	font-weight:500;
}
#top3-in { 
	display:block;
	width:1200px;
	padding:0px;
	margin: 0 auto;
	position:relative;
	border:0;	
}

#top3 .text1 {
	float:right;
	width:45%;
	padding-top:0px;
	color:#fff;
}


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

#top3 h2, #top3 h1 {
	margin:0 0 25px 0;
	padding:0;
	color: #093a53;
	font-size:37px;
	font-weight:600;
	font-family: "Roboto";
	line-height:1.2;
}

#top3 .b01 {
	background:#323232;
	color:#fff;
	font-size: 16px;
	font-weight:400;
	font-style: normal;	
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding:10px 24px;
	text-decoration:None;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 8px -1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 8px -1px rgba(0,0,0,0.3);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
}


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

#open3-in {
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	padding: 110px 0;		
	text-align:center;	
	color:#1a1a1a;
	font-size:15px; 
}

#open3-in h3 {	
	font-family:"Roboto";
	font-size:33px;
	padding:0; 
	margin:0 0 10px 0; 
	font-weight:700;
	line-height:1.2;
	color:#1a1a1a;
	text-transform:none;
}

#open3-in .box {
	background: #fff;
	float:left;
	width:320px;
	font-weight:400;
	color:rgba(0,0,0,0.75);
	aspect-ratio:1.3;
	padding:20px 25px;
	margin:15px;
	text-align:center;		
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.2);
}

#open3-in .box b {
	color:#1a1a1a;
	font-family:"Roboto";
	font-size:18px;
	font-weight:500;
}
#open3-in .box img {
	display:block;
	margin:0 auto;
	padding:10px;
	width:50px;
}

#form {	
	font-family:"Roboto";
	margin-left: auto;
	margin-right: auto;
	width:100%;	
	padding: 70px 0;
	text-align:center;
	height:auto;
	position:relative;	
	background: #f5f5f5;
}

#form-in {
	margin-left: auto;
	margin-right: auto;
	width:800px;		
	text-align:center;	
	color:#1a1a1a;
	font-size:15px; 
}

#form-in2 {
	margin-left: auto;
	margin-right: auto;
	width:550px;		
	text-align:left;	
	color:#000;
	font-size:15px; 
}

#form-in2 b {
	border-bottom:1px solid #ddd;
	font-size:20px;
	display:block;
	margin-bottom:20px;
	color:#303030;
	font-weight:600;
}

#form h3 {
	margin:0 auto 30px auto;
	padding:0;
	color: #093a53;
	font-size:37px;
	font-weight:700;
	font-family: "Roboto";
	line-height:1.2;	
	text-align:center;
}
#form h4 {
	width:auto;
	margin:0 0 25px 0;
	padding:10px 10px;
	color: #093a53;
	background:#98ddff;
	font-size:18px;
	font-weight:500;
	font-family: "Roboto";
	line-height:1.3;	
	text-align:center;
}


#form .input_reg {
	font-family: "Roboto";
	padding:5px 6px;
	margin-left: 0px; 
	color: #484848; 
	background: #fff;
	font-weight: normal; 
	font-size: 18px; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width:97%;
	border: 1px solid #bbb;
	-webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
	box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
}

#form select {
	font-family: "Roboto";
	padding:5px 6px;
	margin-left: 0px; 
	color: #484848; 
	background: #fff;
	font-weight: normal; 
	font-size: 18px; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width:99%;
	border: 1px solid #bbb;
	-webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
	box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
}

#form .input_reg2 {
	font-family: "Roboto";
	padding:5px 6px;
	margin-left: 0px; 
	color: #484848; 
	background: #fff;
	font-weight: normal; 
	font-size: 16px; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width:97%;
	height:130px;
	border: 1px solid #bbb;
	-webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
	box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
}

#form .button_reg { 
	border:0; font-size:17px; margin-left:0; 
	color:#fff; padding:11px 20px; 
	cursor:pointer; letter-spacing:1px; width:auto;
	background:#f4384f;
	color:#fff;
	border:#f4384f 1px solid; 
	transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -webkit-box-shadow:0 0 13px -4px rgba(0,0,0,.6); -moz-box-shadow:0 0 13px -4px rgba(0,0,0,.6); box-shadow:0 0 13px -4px rgba(0,0,0,.6);

	
}

#form .button_reg:hover { 
	background:#111924; border:#111924 1px solid;
	-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in
}


#ask {
	width:100%;
	height:auto;
	padding:90px 0;
	margin:0px auto;	
	text-align:left;
	font-size:18px;
	background: url('../images/bg1.jpg') repeat-x center top fixed; 
	position:relative;
}
#ask-in { 
	display:block;
	width:1100px;
	padding:0px;
	margin: 0 auto;
	position:relative;
	border:0;
	line-height:1.2;
}

#ask .left {
	float:left;
	width:45%;
	padding-top:0px;
	color:#93eeff;
	font-size:25px;
}
#ask .left b {	
	color:#fff;
	font-size:40px;
	font-weight:500;
	display:block;
	padding:0 0 5px 0;
}

#ask .right {
	float:right;
	width:45%;
	padding-top:15px;
	color:#fff;
}

#ask .right img {
	padding:0 10px 0 0;
	float:left;
}


#ask .right a {
	text-decoration: none; 
	color: #fff; 
	font-weight:700;
	font-size:40px;
	float:left;
	padding-top:10px;
}


#faq {	
	font-family:"Roboto";
	margin-left: auto;
	margin-right: auto;
	width:100%;	
	text-align:center;
	height:auto;
	position:relative;	
	background: #f7f7f7;
}

#faq-in {
	margin-left: auto;
	margin-right: auto;
	width:900px;
	padding: 90px 0;		
	text-align:left;	
	color:#1a1a1a;
	font-size:15px; 
	line-height:1.4;
}

#faq-in h3#h3 {	
	font-family:"Roboto";
	font-size:33px;
	padding:0; 
	margin:0 auto 35px auto; 
	font-weight:700;
	line-height:1.2;
	color:#1a1a1a;
	text-transform:none;
	background: none;
}

#faq-in h3 {	
	background:rgba(0,0,0,0.1);
	padding:5px 10px;
	font-size:22px;
	font-weight:500;
}

#faq-in strong {	
	/*background:rgba(0,0,0,0.1);
	padding:5px 10px;
	font-size:19px;
	font-weight:500;*/
}


#faq-in P {	
	/*padding:10px 0 10px 0;
	margin:0;*/
}


#content-gallery {
	margin-left: auto;
	margin-right: auto;
	width:100%;	
	text-align:center;
	height:auto;
	position:relative;
	background:#eaeaea;
	background: url('../images/bg1.jpg') repeat center fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
}

#content-gallery-in {
	margin-left: auto;
	margin-right: auto;
	width:1138px;
	padding: 110px 0;		
	text-align:center;	
	color:#fff;
	font-size:17px; 
}

#content-gallery-in h3 {	
	font-family:"Roboto";
	font-size:33px;
	padding:0; 
	margin:0 0 6px 0; 
	font-weight:400;
	line-height:1.2;
	color:#323232;
	text-transform:uppercase;
}


#content-gallery-in .i0-png {
	margin:0 auto 20px auto;
}
#content-gallery-in .gal11 {
	width:270px;
	height:210px;
	overflow:hidden;
	margin:7px;
	float:right;
	position:relative;
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
}
#content-gallery-in .gal10 {
	width:556px;
	height:434px;
	overflow:hidden;
	margin:7px;
	float:right;
	position:relative;
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
}
#content-gallery-in .gal12 {
	width:270px;
	height:434px;
	overflow:hidden;
	margin:7px;
	float:left;
	position:relative;
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
}

#content-gallery-in .gal11:hover, #content-gallery-in .gal10:hover, #content-gallery-in .gal12:hover {
	transform: scale(0.98);
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
}
#content-gallery-in .gal11:hover, #content-gallery-in .gal10:hover, #content-gallery-in .gal12:hover {
	filter: grayscale(99%);
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
}

#content-gallery-in .bg4-png {
	position:absolute;
	right:0;
	bottom:0;
	opacity:0.8;
}

#content-gallery-in a.more1 {	
	text-transform:none;
	text-decoration: none; 
	color: #323232; 
	font-weight:300;
	padding:6px 12px;
	font-size:17px;
	text-transform:uppercase;
	
	border:1px solid rgba(238,172,2,0.9);
}

 .gal11 {
	width:270px;
	height:230px;
	overflow:hidden;
	margin:7px;
	float:left;
}

#gallery-ref-out {
	
}

.gallery-ref {
	float:left;
	width:31%;
	margin:0 1% 2% 1%;
	height:auto;
	aspect-ratio:1;
	background:#fff;
	text-align:left;
	padding:0;
	border:0px;
}

.gallery-ref-in {	
	width:100%;
	height:100%;
	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-ref2 {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding: 80px 20px 20px 20px;
	background: url('../images/bg12.png') repeat-x center top;

}

.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:0;
	color:#ffffff;
	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:#323232;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}

#footer-out {	
	padding:0;
	width:100%;
	background: #042f46 url('../images/bg-footer.png') repeat-x center top;
}
#footer {	
	width:100%;	
	color:#fff;
	padding:0;
	border:0;
	margin:0;
}
#footer-in {
	width:1200px;
	margin:0 auto;
	padding:100px 0 40px 0;
	text-align:center;
	font-size:16px;
	line-height:1.6;
}

.footer1 {
	float:left;
	color:#fff;
	text-align:left;
	margin:0px;
	padding:0;
	font-weight: 300;
	width:200px;
}

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


.footer2 {
	float:left;
	width:240px;
	padding-left:90px;
}

.footer3 {	
	float:right;
}

.footer1 h4 {
	border-bottom: 1px solid rgba(255,255,255,0.25);
	display:block;
	font-family: "Roboto"; 
	color:#fff;
	font-weight:400;
	font-size:18px;
	margin:0 0 20px 0 ;
	padding:0 0 10px 0;
	line-height:normal;
}

.footer1 b, .footer2 b {	
	font-weight:500;
	
}
.footer4 {
	width:auto;
	color: rgba(255,255,255,0.75);
	text-align:center;
	font-size:13px;
	margin:60px 0 0 0;
	padding:10px 0px;
	font-weight: 300;	
	border-top:1px solid rgba(255,255,255,0.25);
	text-transform:uppercase;
}

.footer4 a {
	text-decoration: none; 
	color: rgba(255,255,255,0.75);
	font-weight: 300;
}

#middle {
	background:#fff;
	width:100%;
	float:none;
	margin:30px 0 0 0;
	padding:0px 0 0 0;	
	border-top:1px solid #cbdcd7;
}
#middle-in {
	margin-left: auto;
	margin-right: auto;
	width:1200px;
	padding:50px 0 50px 0;	
	text-align:left;
	color:#000;
	font-size:18px;
	line-height:1.4;
	font-weight:400;
}

#middle-in h1 {	 
	color:#222222;
	font-weight:400;
	font-size:47px;
	margin:0px 0 40px 0;
	padding:0px 0 20px 0;
	border-bottom: 1px solid #e1e1e1;
	line-height:normal;
	text-transform:none;
	letter-spacing:0px;
}

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

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

#middle-in h4 {	
	font-size: 18px;	 
	font-weight: 500; 
	margin:10px 0 10px 0;
	padding:0px 0 0 0;
	color: #323232;	
	border: 0 dotted #bbb;
	line-height:normal;
}

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

#middle-in2 .text1 {
	float:left;
	width:44%;
	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.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);
}
#middle-in2 .text2 {
	float:right;
	width:44%;
	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.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);
}

#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:#323232;
	background:#505156;
	position:relative;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	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: #222222;
	-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:"Source Sans 3";
}

#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;
}

.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:#323232;
}
.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 0 20px 0;
	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 {
	
	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;
	width:23%;
	height:auto;
	aspect-ratio:1;
	margin:1%;
	-webkit-box-shadow: 0 0 11px -4px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 0 11px -4px rgba(0,0,0,0.8);
	box-shadow: 0 0 11px -4px rgba(0,0,0,0.8);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
}

.galeria-inner img {
	width:100%;
	height:100%;
}

.galeria-inner-new-out {
	float:left;
	margin:15px;
	-webkit-box-shadow: 0 0 13px -4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 0 13px -4px rgba(0,0,0,0.25);
	box-shadow: 0 0 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: 0 0 11px -4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 11px -4px rgba(0,0,0,0.3);
	box-shadow: 0 0 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: 0 0 11px -4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 11px -4px rgba(0,0,0,0.3);
	box-shadow: 0 0 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;
}

.box-left-hir {
	float:left;
	width:370px;
	height:auto;
	background:#fff;	
	border:0;
	margin:15px;
	padding:0 0 0 0;
	position:relative;
	color: #323232;	
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
}

.box-left-hir:hover {
	transform: scale(1.02);
	-moz-transition: all 450ms linear;
	-webkit-transition: all 450ms linear;
	-o-transition: all 450ms linear;
	transition: all 450ms linear; 
}
.box-left-hir .img1 {
	position:absolute;
	top:0;
	left:0;
}
.box-left-hirkep {
	width:100%;
	height:auto;
	aspect-ratio:1.6;
	cursor:pointer;
	border-bottom:5px solid #2294b6;
}

.box-left-hir-in {
	padding:20px;
	color: #1a1a1a;
	line-height:24px;
	font-size:15px;
	text-align:left;
}

.box-left-hir-in a {
	text-decoration: none; 
	color: #1a1a1a; 
	font-weight:500;
	font-size:22px;
	line-height:normal;
	padding:0;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
	}
.box-left-hir-in a:link {}
.box-left-hir-in a:visited {}
.box-left-hir-in a:active {}
.box-left-hir-in a:hover {text-decoration: none;color: #323232;
	-moz-transition: all 400ms linear;
	-webkit-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear; }

.box-left-hir-in .text {	
	padding:10px 0;
	color: #1a1a1a;
	font-weight:400;
}

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

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

p {
	margin:7px 0 0 0; 
}

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.sep15 {				
	height: 15px; 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.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; }


/* --------------------------------------*/
/* --------------------------------------*/
/* --------------------------------------*/
/* --------------------------------------*/
/* --------------------------------------*/




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

		


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

				body {
					margin: 0;	
					color:#1a1a1a;
					font-family: "Roboto"; 
					font-weight: 400;
					font-size: 16px; 
					line-height: 1.4; 
					text-align: center;
					background:#fff;
				}

				td {
					line-height: 130%; 
				}

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

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

				h1, h2 {	
					
				}
				.back a {
					display:block;
					border-top:1px solid #fff;
					padding:15px;
					margin:10px auto 20px auto;
					width:auto;
					text-decoration: none;
					color:#323232;
					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:#323232;
					color:#fff;
					background:#fff;
					color:#323232;
					-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 0 auto;
					width:auto;
					text-decoration: none;
					color:#555;
					background:#f1f1f1;
					-moz-transition: all 500ms linear;
					-webkit-transition: all 500ms linear;
					-o-transition: all 500ms linear;
					transition: all 500ms linear;
				}
				div.sep-top {				
					display:none;
				}

				#main1 {
					background: url('../images/bg0.jpg') repeat center top;  
				}

				.top1-right {
					float:right;
					display:block;
					margin-top:15px;
					margin-right:25px;
					font-weight:400; 
					color:#fff;
					font-size:15px;
				}

				.top1-right b {
					font-weight:400; 
					color:#fff;
					text-transform:none;
				}

				.top1-right a {
					background:#98ddff;
					color:#01456a;
					font-weight:400; 
					text-decoration: none; 
					padding:3px 4px;
				}


				#header {
					width:auto;
					height:auto;	
					padding:10px;
				}

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

				#header1 {
					margin: 0 auto;
					width:auto; 
					height:100%;
					position:relative;
					background: url('../images/s.gif') repeat-x center;  
				}

				#header1-in {
					margin: 0 auto;
					width:auto; 
					/*min-width:90%;*/
					height:100%;
					position:relative;
					border:0px solid red;
				}

				#logo1 {
					margin:0px; 
					height:auto;
					width:200px;
					float:left;
					-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
					-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
					box-shadow: 0 0 15px 0 rgba(0,0,0,0.35);
					-moz-transition: all 500ms linear;
					-webkit-transition: all 500ms linear;
					-o-transition: all 500ms linear;
					transition: all 500ms linear;
				}
				#logo1:hover {
					transform: scale(0.97);
					-moz-transition: all 500ms linear;
					-webkit-transition: all 500ms linear;
					-o-transition: all 500ms linear;
					transition: all 500ms linear;
				}

				#menu-out {
					background: #fff;
					border-top:1px solid #cbdcd7;
					text-align:center;
				}
				#menu {	
					display:none;
					height:auto;
					padding:0px 0;		
					text-align:center;
					line-height:1;
					margin-top:0px;
					position:Absolute;
					left:0;
					right:0;
					top:48px;
					z-index:999999999;
					background:rgba(34,148,182,0.97);
					padding:15px 10px;
				}

				#menu a {
					display:block;
					text-decoration: none; 
					color: #fff; 
					font-weight:500;
					margin:0;
					padding:25px 12px;
					border-bottom:1px solid rgba(255,255,255,0.2);
					font-size:22px;
					text-transform:uppercase;
					font-family: "Roboto";
					letter-spacing:0;
					-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: #104d6f;
					color:#ffffff;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}

				#menu a.last {
					font-size:19px;
					padding:25px 12px;
					background: #f4384f;  
					border:0;
				}

				#menu-mobile-png {
					display:block;
					float:right;
					padding:10px 10px 6px 10px;
					background:#2294b6;
					-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
					-moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
					box-shadow: 0 0 15px 0 rgba(0,0,0,0.25);
				}
				#menu-mobile-png img {
					width:40px;
					height:auto;
				}

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

				#top1 {	
					width:auto;
					max-width:750px;
					height:auto;
					margin:0px auto 0px auto;
					position:relative;
					padding:20px 20px; 
				}

				#top1 .text1 {
					display:block;
					position:relative;
					text-align:left;
					color:#fff;
					font-size:17px;
					padding:20px 0 40px 0; 
					width:auto;
					font-weight:400;
					line-height:1.4;
				}

				#top1 strong, #top1 b {	 
					font-size:25px; 
					font-weight:500;
				}

				#top1 .img1 {
					width:auto;
					max-width:80%;
					float:none;
					filter: drop-shadow(0px 0px 15px #000000);
					padding:0;
					margin:0px;
					-moz-transition: all 450ms linear;
					-webkit-transition: all 450ms linear;
					-o-transition: all 450ms linear;
					transition: all 450ms linear; 
				}
				#top1 .img1:hover {
					transform: scale(1.02);
					-moz-transition: all 450ms linear;
					-webkit-transition: all 450ms linear;
					-o-transition: all 450ms linear;
					transition: all 450ms linear; 
				}
				#top1 .text1 h1 {	
					color:#fff;
					font-size:40px;
					text-decoration:none;
					padding:0 0 10px 0;
					margin:0;
					line-height:1.2;
					text-transform:uppercase;
				}

				#top1 .text2 { 
					position:relative;
					text-align:left;
					color:#fff;
					font-size:20px;
					padding:50px 0 50px 0; 
					width:auto;
					width:auto;
					font-size:17px;	
					font-weight:300;
					cursor:pointer;
				}

				#top1 .text2 a { 
					color:#fff;
					text-decoration:None;
				}

				#top1 .text2 strong { 	
					font-size:19px;
					font-weight:600;
				}


				#top1 .text2 img { 
					float:left;
					padding:10px 20px 0 0;
					height:130px;
					width:auto;
				}

				#top2 {
					width:auto;
					height:auto;
					padding:60px 20px;
					margin:0px auto;
					background:#e5f0f5;	
					border-top:6px solid #fff;
					border-bottom:6px solid #fff;
				}

				#top2-in {
					display:block;
					margin:0px auto;
					width:auto;
					color:#093a53;
					text-align:Center;
					font-size:18px;
					font-weight:400;
				}

				#top2-in h1, #top2-in h2 {	
					color:#093a53;
					font-size:34px;
					font-weight:600;
					text-decoration:none;
					padding:0 0 10px 0;
					margin:0 auto;
					line-height:1.2;
					max-width:600px;
					text-align:Center;
				}

				#top3 {
					width:auto;
					height:auto;
					padding:60px 20px;
					margin:0px auto;	
					text-align:left;
					font-size:18px;
					font-weight:300;
					background: url('../images/bg1.jpg') repeat-x center top fixed; 
					position:relative;
				}
				#top3 strong {
					font-weight:500;
				}
				#top3-in { 
					display:block;
					width:auto;
					padding:0px;
					margin: 0 auto;
					position:relative;
					border:0;	
				}

				#top3 .text1 {
					float:right;
					width:55%;
					padding-top:0px;
					color:#fff;
				}

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

				#top3 h2, #top3 h1 {
					margin:0 0 25px 0;
					padding:0;
					color: #093a53;
					font-size:37px;
					font-weight:600;
					font-family: "Roboto";
					line-height:1.2;
				}

				#top3 strong {
					font-size:25px;
					font-weight:600;
				}

				#top3 .b01 {
					background:#323232;
					color:#fff;
					font-size: 16px;
					font-weight:400;
					font-style: normal;	
					-webkit-border-radius: 30px;
					-moz-border-radius: 30px;
					border-radius: 30px;
					padding:10px 24px;
					text-decoration:None;
					text-shadow: 1px 1px 3px rgba(0,0,0,0.25);
					-webkit-box-shadow: 0 0 8px -1px rgba(0,0,0,0.3);
					-moz-box-shadow: 0 0 8px -1px rgba(0,0,0,0.3);
					box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
				}


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

				#open3-in {
					margin-left: auto;
					margin-right: auto;
					width:auto;
					padding: 60px 20px;		
					text-align:center;	
					color:#1a1a1a;
					font-size:15px; 
				}

				#open3-in h3 {	
					font-family:"Roboto";
					font-size:33px;
					padding:0; 
					margin:0 0 10px 0; 
					font-weight:500;
					line-height:1.2;
					color:#1a1a1a;
					text-transform:none;
				}

				#open3-in .box {
					background: #fff;
					float:none;
					width:320px;
					font-weight:400;
					color:rgba(0,0,0,0.75);
					aspect-ratio:auto;
					padding:20px 25px;
					margin:15px auto;
					text-align:center;		
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					border-radius: 10px;
					-webkit-box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.2);
					-moz-box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.2);
					box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.2);
				}

				#open3-in .box b {
					color:#1a1a1a;
					font-family:"Roboto";
					font-size:18px;
					font-weight:500;
				}
				#open3-in .box img {
					display:block;
					margin:0 auto;
					padding:10px;
					width:50px;
				}


				#form {	
					font-family:"Roboto";
					margin-left: auto;
					margin-right: auto;
					width:auto;	
					padding: 60px 20px;
					text-align:center;
					height:auto;
					position:relative;	
					background: #f5f5f5;
				}

				#form-in {
					margin-left: auto;
					margin-right: auto;
					width:auto;
					max-width:800px;		
					text-align:center;	
					color:#1a1a1a;
					font-size:15px; 
				}

				#form-in2 {
					margin-left: auto;
					margin-right: auto;
					width:auto;
					max-width:500px;		
					text-align:left;	
					color:#000;
					font-size:15px; 
				}

				#form-in2 b {
					border-bottom:1px solid #ddd;
					font-size:20px;
					display:block;
					margin-bottom:20px;
					color:#303030;
					font-weight:600;
				}

				#form h3 {
					margin:0 auto 30px auto;
					padding:0;
					color: #093a53;
					font-size:37px;
					font-weight:600;
					font-family: "Roboto";
					line-height:1.2;	
					text-align:center;
				}
				#form h4 {
					width:auto;
					margin:0 0 25px 0;
					padding:10px 10px;
					color: #093a53;
					background:#98ddff;
					font-size:18px;
					font-weight:500;
					font-family: "Roboto";
					line-height:1.3;	
					text-align:center;
				}


				#form .input_reg {
					font-family: "Roboto";
					padding:5px 6px;
					margin-left: 0px; 
					color: #484848; 
					background: #fff;
					font-weight: normal; 
					font-size: 17px; 
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					width:97%;
					border: 1px solid #bbb;
					-webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
					-moz-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
					box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
				}

				#form select {
					font-family: "Roboto";
					padding:5px 6px;
					margin-left: 0px; 
					color: #484848; 
					background: #fff;
					font-weight: normal; 
					font-size: 17px; 
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					width:99%;
					border: 1px solid #bbb;
					-webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
					-moz-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
					box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
				}

				#form .input_reg2 {
					font-family: "Roboto";
					padding:5px 6px;
					margin-left: 0px; 
					color: #484848; 
					background: #fff;
					font-weight: normal; 
					font-size: 16px; 
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					border-radius: 2px;
					width:97%;
					height:130px;
					border: 1px solid #bbb;
					-webkit-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
					-moz-box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
					box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.1);
				}

				#form .button_reg { 
					border:0; font-size:17px; margin-left:0; 
					color:#fff; padding:11px 20px; 
					cursor:pointer; letter-spacing:1px; width:auto;
					background:#f4384f;
					color:#fff;
					border:#f4384f 1px solid; 
					transition:all 0.4s ease-in; -webkit-transition:all 0.4s ease-in; -moz-transition:all 0.4s ease-in; -o-transition:all 0.4s ease-in; -ms-transition:all 0.4s ease-in; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -webkit-box-shadow:0 0 13px -4px rgba(0,0,0,.6); -moz-box-shadow:0 0 13px -4px rgba(0,0,0,.6); box-shadow:0 0 13px -4px rgba(0,0,0,.6);

					
				}

				#form .button_reg:hover { 
					background:#111924; border:#111924 1px solid;
					-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in
				}


				#ask {
					width:auto;
					height:auto;
					padding:60px 0;
					margin:0px auto;	
					text-align:left;
					font-size:18px;
					background: url('../images/bg1.jpg') repeat-x center top fixed; 
					position:relative;
				}
				#ask-in { 
					display:block;
					width:auto;
					max-width:90%;
					padding:0px;
					margin: 0 auto;
					position:relative;
					border:0;
					line-height:1.2;
				}

				#ask .left {
					float:left;
					width:45%;
					padding-top:0px;
					color:#93eeff;
					font-size:25px;
				}
				#ask .left b {	
					color:#fff;
					font-size:40px;
					font-weight:500;
					display:block;
					padding:0 0 5px 0;
				}

				#ask .right {
					float:right;
					width:50%;
					padding-top:15px;
					color:#fff;
				}

				#ask .right img {
					padding:0 10px 0 0;
					float:left;
				}


				#ask .right a {
					text-decoration: none; 
					color: #fff; 
					font-weight:700;
					font-size:40px;
					float:left;
					padding-top:10px;
				}


				#faq {	
					font-family:"Roboto";
					margin-left: auto;
					margin-right: auto;
					width:auto;	
					text-align:center;
					height:auto;
					position:relative;	
					background: #f7f7f7;
				}

				#faq-in {
					margin-left: auto;
					margin-right: auto;
					width:auto;
					max-width:900px;
					padding: 60px 20px;		
					text-align:left;	
					color:#1a1a1a;
					font-size:15px; 
					line-height:1.4;
				}

				#faq-in h3 {	
					font-family:"Roboto";
					font-size:33px;
					padding:0; 
					margin:0 auto 35px auto; 
					font-weight:500;
					line-height:1.2;
					color:#1a1a1a;
					text-transform:none;
				}

				
				#faq-in h3 {	
					background:rgba(0,0,0,0.1);
					padding:5px 10px;
					font-size:20px;
					font-weight:500;
				}

				#faq-in strong {	
					/*background:rgba(0,0,0,0.1);
					padding:5px 10px;
					font-size:19px;
					font-weight:500;*/
				}


				#faq-in P {	
					/*padding:5px 0;
					margin:0;*/
				}


				#content-gallery {
					margin-left: auto;
					margin-right: auto;
					width:100%;	
					text-align:center;
					height:auto;
					position:relative;
					background:#eaeaea;
					background: url('../images/bg1.jpg') repeat center fixed;
					-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
				}

				#content-gallery-in {
					margin-left: auto;
					margin-right: auto;
					width:1138px;
					padding: 110px 0;		
					text-align:center;	
					color:#fff;
					font-size:17px; 
				}

				#content-gallery-in h3 {	
					font-family:"Roboto";
					font-size:33px;
					padding:0; 
					margin:0 0 6px 0; 
					font-weight:400;
					line-height:1.2;
					color:#323232;
					text-transform:uppercase;
				}


				#content-gallery-in .i0-png {
					margin:0 auto 20px auto;
				}
				#content-gallery-in .gal11 {
					width:270px;
					height:210px;
					overflow:hidden;
					margin:7px;
					float:right;
					position:relative;
					-moz-transition: all 450ms linear;
					-webkit-transition: all 450ms linear;
					-o-transition: all 450ms linear;
					transition: all 450ms linear; 
				}
				#content-gallery-in .gal10 {
					width:556px;
					height:434px;
					overflow:hidden;
					margin:7px;
					float:right;
					position:relative;
					-moz-transition: all 450ms linear;
					-webkit-transition: all 450ms linear;
					-o-transition: all 450ms linear;
					transition: all 450ms linear; 
				}
				#content-gallery-in .gal12 {
					width:270px;
					height:434px;
					overflow:hidden;
					margin:7px;
					float:left;
					position:relative;
					-moz-transition: all 450ms linear;
					-webkit-transition: all 450ms linear;
					-o-transition: all 450ms linear;
					transition: all 450ms linear; 
				}

				#content-gallery-in .gal11:hover, #content-gallery-in .gal10:hover, #content-gallery-in .gal12:hover {
					transform: scale(0.98);
					-moz-transition: all 450ms linear;
					-webkit-transition: all 450ms linear;
					-o-transition: all 450ms linear;
					transition: all 450ms linear; 
				}
				#content-gallery-in .gal11:hover, #content-gallery-in .gal10:hover, #content-gallery-in .gal12:hover {
					filter: grayscale(99%);
					-moz-transition: all 450ms linear;
					-webkit-transition: all 450ms linear;
					-o-transition: all 450ms linear;
					transition: all 450ms linear; 
				}

				#content-gallery-in .bg4-png {
					position:absolute;
					right:0;
					bottom:0;
					opacity:0.8;
				}

				#content-gallery-in a.more1 {	
					text-transform:none;
					text-decoration: none; 
					color: #323232; 
					font-weight:300;
					padding:6px 12px;
					font-size:17px;
					text-transform:uppercase;
					
					border:1px solid rgba(238,172,2,0.9);
				}

				 .gal11 {
					width:270px;
					height:230px;
					overflow:hidden;
					margin:7px;
					float:left;
				}

				#gallery-ref-out {
					
				}

				.gallery-ref {
					float:left;
					width:31%;
					margin:0 1% 2% 1%;
					height:auto;
					aspect-ratio:1;
					background:#fff;
					text-align:left;
					padding:0;
					border:0px;
				}

				.gallery-ref-in {	
					width:100%;
					height:100%;
					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-ref2 {
					position:absolute;
					bottom:0;
					left:0;
					right:0;
					padding: 80px 20px 20px 20px;
					background: url('../images/bg12.png') repeat-x center top;

				}

				.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:0;
					color:#ffffff;
					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:#323232;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
				}

				#footer-out {	
					padding:0;
					width:100%;
					background: #042f46 url('../images/bg-footer.png') repeat-x center top;
				}
				#footer {	
					width:100%;	
					color:#fff;
					padding:0;
					border:0;
					margin:0;
				}
				#footer-in {
					width:auto;
					margin:0 auto;
					padding:100px 20px 40px 20px;
					text-align:center;
					font-size:16px;
					line-height:1.6;
				}

				.footer1 {
					float:none;
					color:#fff;
					text-align:center;
					margin:0px;
					padding:0;
					font-weight: 300;
					float:none;
					width:auto;
					display:block;
				}

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


				.footer2 {
					float:none;
					width:auto;
					display:block;
					padding-left:0px;
					padding-top:30px;
				}

				.footer3 {	
					
					float:none;
					width:auto;
					display:block;
				}

				.footer1 h4 {
					border-bottom: 1px solid rgba(255,255,255,0.25);
					display:block;
					font-family: "Roboto"; 
					color:#fff;
					font-weight:400;
					font-size:18px;
					margin:0 0 10px 0 ;
					padding:0 0 10px 0;
					line-height:normal;
				}

				.footer1 b, .footer2 b {	
					font-weight:500;
					
				}
				.footer4 {
					width:auto;
					color: rgba(255,255,255,0.75);
					text-align:center;
					font-size:13px;
					margin:30px 0 0 0;
					padding:10px 0px;
					font-weight: 300;	
					border-top:1px solid rgba(255,255,255,0.25);
					text-transform:uppercase;
				}

				.footer4 a {
					text-decoration: none; 
					color: rgba(255,255,255,0.75);
					font-weight: 300;
				}

				#middle {
					background:#fff;
					width:auto;
					float:none;
					margin:20px 0 0 0;
					padding:0;	
					border-top:1px solid #cbdcd7;
				}
				#middle-in {
					margin-left: auto;
					margin-right: auto;
					width:auto;
					padding:30px 20px;	
					text-align:left;
					color:#000;
					font-size:18px;
					line-height:1.4;
					font-weight:400;
				}

				#middle-in h1 {	 
					color:#222222;
					font-weight:400;
					font-size:47px;
					margin:0px 0 40px 0;
					padding:0px 0 20px 0;
					border-bottom: 1px solid #e1e1e1;
					line-height:normal;
					text-transform:none;
					letter-spacing:0px;
				}

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

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

				#middle-in h4 {	
					font-size: 18px;	 
					font-weight: 500; 
					margin:10px 0 10px 0;
					padding:0px 0 0 0;
					color: #323232;	
					border: 0 dotted #bbb;
					line-height:normal;
				}

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

				#middle-in2 .text1 {
					float:left;
					width:44%;
					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.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);
				}
				#middle-in2 .text2 {
					float:right;
					width:44%;
					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.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);
				}

				#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:#323232;
					background:#505156;
					position:relative;
					-webkit-border-radius: 0;
					-moz-border-radius: 0;
					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: #222222;
					-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:"Source Sans 3";
				}

				#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;
				}

				.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:#323232;
				}
				.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 0 20px 0;
					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 {
					
					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;
					width:23%;
					height:auto;
					aspect-ratio:1;
					margin:1%;
					-webkit-box-shadow: 0 0 11px -4px rgba(0,0,0,0.8);
					-moz-box-shadow: 0 0 11px -4px rgba(0,0,0,0.8);
					box-shadow: 0 0 11px -4px rgba(0,0,0,0.8);
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					border-radius:3px;
				}

				.galeria-inner img {
					width:100%;
					height:100%;
				}

				.galeria-inner-new-out {
					float:left;
					margin:15px;
					-webkit-box-shadow: 0 0 13px -4px rgba(0,0,0,0.25);
					-moz-box-shadow: 0 0 13px -4px rgba(0,0,0,0.25);
					box-shadow: 0 0 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: 0 0 11px -4px rgba(0,0,0,0.3);
					-moz-box-shadow: 0 0 11px -4px rgba(0,0,0,0.3);
					box-shadow: 0 0 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: 0 0 11px -4px rgba(0,0,0,0.3);
					-moz-box-shadow: 0 0 11px -4px rgba(0,0,0,0.3);
					box-shadow: 0 0 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;
				}

				.box-left-hir {
					float:left;
					width:370px;
					height:auto;
					background:#fff;	
					border:0;
					margin:15px;
					padding:0 0 0 0;
					position:relative;
					color: #323232;	
					-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
					-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
					box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
					-moz-transition: all 450ms linear;
					-webkit-transition: all 450ms linear;
					-o-transition: all 450ms linear;
					transition: all 450ms linear; 
				}

				.box-left-hir:hover {
					transform: scale(1.02);
					-moz-transition: all 450ms linear;
					-webkit-transition: all 450ms linear;
					-o-transition: all 450ms linear;
					transition: all 450ms linear; 
				}
				.box-left-hir .img1 {
					position:absolute;
					top:0;
					left:0;
				}
				.box-left-hirkep {
					width:100%;
					height:auto;
					aspect-ratio:1.6;
					cursor:pointer;
					border-bottom:5px solid #2294b6;
				}

				.box-left-hir-in {
					padding:20px;
					color: #1a1a1a;
					line-height:24px;
					font-size:15px;
					text-align:left;
				}

				.box-left-hir-in a {
					text-decoration: none; 
					color: #1a1a1a; 
					font-weight:500;
					font-size:22px;
					line-height:normal;
					padding:0;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear;
					}
				.box-left-hir-in a:link {}
				.box-left-hir-in a:visited {}
				.box-left-hir-in a:active {}
				.box-left-hir-in a:hover {text-decoration: none;color: #323232;
					-moz-transition: all 400ms linear;
					-webkit-transition: all 400ms linear;
					-o-transition: all 400ms linear;
					transition: all 400ms linear; }

				.box-left-hir-in .text {	
					padding:10px 0;
					color: #1a1a1a;
					font-weight:400;
				}

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

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

				p {
					margin:7px 0 0 0; 
				}

				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.sep15 {				
					height: 15px; 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.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; }








}



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

		


				#ask .left {
					float:none;
					width:auto;
					padding-top:0px;
					color:#93eeff;
					font-size:25px;
				}
				#ask .left b {	
					color:#fff;
					font-size:40px;
					font-weight:500;
					display:block;
					padding:0 0 5px 0;
				}

				#ask .right {
					
					float:none;
					width:auto;
					padding-top:25px;
					color:#fff;
				}

				#ask .right img {
					padding:0 10px 0 0;
					float:left;
				}


				#ask .right a {
					text-decoration: none; 
					color: #fff; 
					font-weight:700;
					font-size:40px;
					float:left;
					padding-top:10px;
				}
				
				#middle-in2 .text1 {
					float:none;
					width:auto;
					padding-top:0px
				}

				#middle-in2 .img1 {
					float:none;
					width:98%;	
					max-width:550px;
					margin:30px auto;
					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);
				}
				#middle-in2 .text2 {
					float:none;
					width:auto;
					padding-top:0px
				}

				#middle-in2 .img2 {
					float:none;
					width:98%;					
					max-width:550px;
					margin:30px auto;
					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);
				}

}


@media screen and (max-width: 700px) {
				
				#top3 .text1 {
					float:none;
					width:auto;
					padding-top:0px;
					color:#fff;
				}


				#top3 .img1 {
					float:none;
					width:98%;
					max-width:600px;
					margin:30px auto 0 auto;
					padding:0;
					border:0;
					background:none;
					-webkit-box-shadow: 0 0 18px 0 rgba(0,0,0,0.3);
					-moz-box-shadow: 0 0 18px 0 rgba(0,0,0,0.3);
					box-shadow: 0 0 18px 0 rgba(0,0,0,0.3);
				}

}


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

				/*.mob01 { display:none; }*/
				.top1-right {
					width:150px;
					margin-top:0px;
					margin-right:20px;
					line-height:1.5;
				}
				#logo1 {
					margin:0px; 
					height:auto;
					width:150px;
				}
}




@media screen and (max-width: 500px) {
				
				#top1 {	
					padding:30px 20px; 
				}
				#menu-mobile-png img {
					width:35px;
					height:auto;
				}
				
				#top1 .text2 { 
					position:relative;
					text-align:left;
					color:#fff;
					font-size:20px;
					padding:50px 0 50px 0; 
					width:auto;
					width:auto;
					font-size:16px;	
					line-height:1.2;
					font-weight:300;
					cursor:pointer;
				}

				#top1 .text2 a { 
					color:#fff;
					text-decoration:None;
				}

				#top1 .text2 strong { 	
					font-size:19px;
					font-weight:600;
				}


				#top1 .text2 img { 
					float:left;
					padding:13px 20px 30px 0;
					height:60px;
					width:auto;
				}

				#ask .left {
					float:none;
					width:auto;
					padding-top:0px;
					color:#93eeff;
					font-size:22px;
				}
				#ask .left b {	
					color:#fff;
					font-size:30px;
					font-weight:500;
					display:block;
					padding:0 0 5px 0;
				}

				#ask .right {					
					float:none;
					width:auto;
					padding-top:25px;
					color:#fff;
				}

				#ask .right img {
					padding:0 10px 0 0;
					float:left;
					width:50px;
					height:Auto;
				}


				#ask .right a {
					text-decoration: none; 
					color: #fff; 
					font-weight:700;
					font-size:30px;
					float:left;
					padding-top:7px;
				}
}


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

				
				#logo1 {
					margin:0px; 
					height:auto;
					width:140px;
				}
}

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

				
				#logo1 {
					margin:0px; 
					height:auto;
					width:130px;
				}
}