@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:focus {outline:none;}
::-moz-focus-inner {border:0;}

:root {
	--bg: #313131;
    --lg: #3E3E3E;  /* light grey */
    --dk: #2B2B2B; /* dark background */
	--wh: #FFFFFF; /* white */
	--gr: #989898; /* grey */
	--sq: 5.8vw; /* square */
	--sh: 896px; /* slide height */
	--ps: 6%; /* part side */
	--pm: 88%; /* part middle */
	--or: #D1791F; /* orange */
	--fs: 1.2vw;
	--re: 20vw; /* 390px */
	
}

/* * {outline: 1px solid red;}  */

html, body {
	background: var(--bg);
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	font-size: 1.1vw;
	font-weight: 200;
}

strong {
	font-weight: 500;
}

a:hover {
	/* text-decoration: underline !important; */
	
}
#menu a:hover, #menu a:focus {
	color: #fff;
} 
.post a:hover, .post a:focus {
	color: white;
}

.page .ithu.ires {
	margin-bottom: 0.8vw;
	margin-top: 0.8vw;
}

p {
	margin-bottom: 32px;
}

button {
	cursor: pointer;
}

a {
	color: var(--or);
	text-decoration: none;
}



a:hover {
	text-decoration: underline;
}

a:visited {
	/* color: white; */
}

h1, h2, h3, h4, h5, h6 {
	position: relative;
	z-index: 0;
}

.lgo {
	vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
}

.line {
	border-bottom: 1px solid var(--gr);
}

.vline {
	width: 1px; 
	border-left: 1px solid var(--gr);
	margin: 0 auto;
}

.circle {
	width: 14px;
	height: 14px;
	background: var(--or);
	border-radius: 14px;
	margin: 0 auto;
}

.ps {
	width: var(--ps);
}

.slide {
	background: var(--dk);
	width: var(--pm);
	padding-left: 4vw;
}

.snum {
	text-align: center; 
	margin-top: 15px;
}

.snum img {
	max-width: 100%;
}

.slmun {
	position: absolute; 
	
	top: calc(7.1vw * 1.1);
	right: calc(17.6vw * 1.2);
	z-index: 1;
	width: 5.5vw;
}

.home .slmun {
	top: calc(8vw * 1.1);
}
#slo {
	position: relative; 
	z-index: 2; 
	margin: 0 auto 1vw; 
	padding-bottom: 2vw;
}
.slbg {
	position: absolute; 
	top: 0; 
	right: 0; 
	z-index:0; 
	opacity: .2;
	max-width: 100%;
}
.page .htt {
	margin-left: 0;
}
/*
@supports((text-stroke: 2px black) or (-webkit-text-stroke: 2px black)) {
    .htt {
        color: transparent;
        -webkit-text-stroke: 2px black;
    text-stroke: 2px black;
        text-shadow: none;
    }
}
*/
.page .hst {
	text-align: left;
	font-size:2vw;
	font-weight: 500;
}

.page .slide {
	padding-left:4vw; 
	padding-right:1vw;
}

.srvs {
	margin: 2vw auto 7vw;
	overflow: hidden;
}

.srvs a:hover {
	text-decoration: underline;
}

.mou {
	width: var(--ps); 
	height: var(--sh); 
	background: url(images/bi_mouse.png) center center no-repeat;
}

.ogr {
	background: -webkit-linear-gradient(180deg, #E57C2F 0%, #FDA869 100%); 
	-webkit-background-clip: text; 
	-webkit-text-fill-color: transparent;
}

.il {
	display: inline-block;
}

.orl {
	width: 45%; border-top: 2px solid var(--or); display:inline-block; margin-bottom: 18px;
}

.mt:hover {
	text-decoration: none;

}

.spcr {
	height:calc(14vw * 0.5); 
	position: relative;
}

.htt {
	color: #2B2B2B;
	text-shadow: -1px 1px 0 rgba(255,255,255,.5),
				  1px 1px 0 rgba(255,255,255,.5),
				 1px -1px 0 rgba(255,255,255,.5),
				-1px -1px 0 rgba(255,255,255,.5);
	font-weight: 900;
	font-size: 3.5vw;
	margin: 2.5vw 14vw 0 0;
	position: relative;
	z-index:2;
}

.hst {
	margin-top: 8vw;
	font-weight: 700;
	font-size: 2.5vw;
	color: var(--wh);
	text-align: center;
}

.ttl {
	position: relative;
	left: 96px;
	top: 64px;
}

.btl {
	/* min-height: 74px; */
	height: 5vw;
}
.btl h2 {
	margin: 0;
}

.sqr {
	width: var(--re);
	height: var(--re);
	background: var(--lg);
	display: flex;
	color: #fff;
	text-align: center;
	justify-content: center;
	align-items: center;
	transition: all .1s;
}

.sqr:hover {
	transform: scale(1.1);
}

.sqr img {
	/* max-width: 100%; */
}

.sqr > div {
	font-size: 1.2vw;
}

.ach {
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 1.2vw;
}

.n {
	font-weight: 700;
	font-size: 3.1vw;
	color: #313131;
	text-shadow: -2px 2px 0 rgba(239, 143, 72, 1),
				  2px 2px 0 rgba(239, 143, 72, 1),
				 2px -2px 0 rgba(239, 143, 72, 1),
				-2px -2px 0 rgba(239, 143, 72, 1);
}

.sqr > div {min-height: 100px;}
.mt {
	width: 14%;
	font-size: .8vw;
	color: var(--wh); 
	text-decoration: none; 
	line-height: 6.2vw;
}

#sls {
	width: var(--pm); 
	position: relative;
	background-color: #2b2b2b;
	background-image:  url(images/sl-1.jpg), url(images/sl-2.jpg), url(images/sl-3.jpg), url(images/sl-1.jpg);
	background-size: contain;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; 
	background-position: top right, top right, top right, top right; 
	
	
}

#mobile .mt {
	font-size: 100%;
}

.mt button {
	
}

.mt.menu:hover {
	background: var(--lg);
}

.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
	background-color: var(--wh) !important;
	height: 1px !important;
}

#dd {
	transform: rotate(90deg) scale(1, 1.8);
	display: inline-block;
	margin-left: 8px;
	opacity: .8;
}
/* FORM */
.fc {
	background: #000;
	border: none;
	outline: none;
	border-left-color: #E52F2F;
	border-left-width: 11px;
	border-left-style: solid;
	color: #fff;
}

.btn {
	text-align: left;
	width: 431px; height: 57px; background: #000 url(images/arrow.png) right 20px center no-repeat;
	margin-bottom: 30px;
}
.btn:hover {
	box-shadow: 5px 7px 5px 0px black;
}
.hi {
	
	margin: 0;
	padding: 0 !important;
}
.hi a {
	font-size: 1vw !important;
	text-align: left;
}

.mf {
	background: url(images/fbg.jpg) center top; 
	background-size: cover; 
	padding: 25px 45px 55px; 
	margin: 45px auto 0;
}

.cln {
	padding: 0;
	background: 0;
	margin-top: 0;
}

.mf input, .mf textarea  {
	background: none;
	outline: none;
	border: 1px solid var(--wh);
	color: var(--wh);
	font-family: 'Montserrat', sans-serif;
	font-size: 1vw;
	padding-left: 10px;
	background: rgba(255,255,255,.1);
}

.mf input:focus, .mf textarea:focus {
	outline: 2px solid var(--wh);
}

.mf input {
	/* width: 435px; */
	width: 100%;
	height: 55px;
	margin-bottom: 15px;
	box-sizing: border-box;
}

.mf textarea {
	/* max-width: 435px; */
	width: 100%;
	height: 149px;
	padding-top: 10px;
}

.mf button[type=submit] {
	width: 234px;
	height: 57px;
	border: none;
	background: black;
	outline: none;
	border-left-color:#E52F2F;
	border-left-width: 11px;
	border-left-style: solid;
	color: #fff;
	margin-top: 45px;
}

.fo input {
	background-color: white;
	color: var(--lg);
}

.fo button[type="submit"] {
	font-size: 1vw;
}

.mf .fo input[type="text"] {
	max-width: 50%; 
	width: 390px; 
	margin-right: 5px;
}

.oc {
	width: calc(15vw * 1.8);
	position: absolute; 
	top: 0; 
	right: 0; 
	z-index: 2;
}

.footer {
	justify-content: space-around;
	background:var(--dk); 
	height: 11vw; 
	display: flex; 
	align-items: center; 
	font-size: calc(var(--fs) * 0.7);
}

.footer span {
	color: grey; font-size: 1vw;
}

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

.csqr {
	width: var(--re); 
	height: var(--re);
	position: relative;
	background: var(--bg);
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 15px;
}
.csqr a {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}

.csqr img {
	position: relative; 
	display: block; 
	margin: 2vw auto 0; 
	z-index: 1; 
	max-width: 100%;
}

.csqr h2 {
	margin: 0;
	padding-top: 3.259vw; 
	text-align: center;
	font-weight: 500;
	font-size: 1.3vw;
}

.csqr .op {
	width:100%; 
	height: 6.247vw; 
	position: absolute; 
	bottom: 0; 
	background: linear-gradient(180deg, #E57C2F 0%, #FDA869 100%); 
	transform: rotate(-180deg);
} 

.s2o {
	position: absolute; 
	z-index: 1; 
	line-height: 1.412vw; 
	padding-left: 2.173vw;
}

.s2 {
	width: 41.282vw;
}

.s4 {
	width: 41.282vw;
}

.rd {
	float: left; 
	width: 48%; 
	box-sizing: border-box;
	position: relative;
	background: #313131;
	margin-right: 15px;
	margin-top: 30px;
}

.rd h3 {
	font-size: 2vw; 
	display: inline-block; 
	text-align: left; 
	margin: 0 auto;
	padding-top: 173px;
	padding-left: 50px;
}

.rd img {
	position: absolute; 
	right: 0; 
	bottom: 0;
	margin-right: 1.5vw;
}

.rdt {
	margin-bottom: 1x;
	margin-top: 150px;
	
}

.rdt td {
	padding: 10px 24px;
	background: var(--dk);
	text-align: center;
	
}

.blt img {
	max-width: 100%;
}

.blt h4 {
	font-size: 1.2vw;
	position: relative;
	margin-top: 7.5vw;
}
.blt p {
	font-weight: 200;
}

.blt .fc.btn {
	width: 189px;
	margin-bottom: 6vw;
}

.blt .btn {
	font-size: 100%;
	padding-left: 33px;
}

.blt table {
	border-collapse: collapse;
}

.blt td {
	vertical-align: middle;
	padding: 0;
	marging: 0;
}

.blt td:nth-child(2) {
	background: url(images/ln.png) no-repeat top center;
}

#md {
	display: none; 
	position: absolute; 
	top: var(--sq);
	left: -200px;
	left: 47%;
	width: 500px;
	box-shadow: 7px 13px 34px -4px #0000009c;
	z-index:3;
	font-size: .9vw;
}

#md a {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	text-align: left;
	line-height: 60px;
	background: var(--bg);
	padding-left: 17px;
	border-bottom: 1px solid var(--dk);
	z-index: 1;
	position: relative;
	width: 500px;
	box-sizing: border-box;
}

#md > div > a:before {
	content: "‹";
	padding-right: 15px;
}

#md a:hover {
	background: var(--dk);
}

#md > div {
	position: relative;
}

.ms {
	position: absolute;
	/* float: left; */
	left: -500px;
	top: 5px;
	width: 500px;
	white-space: no-wrap;
	overflow: hidden;
	display: none;
	box-shadow: 7px 13px 34px -4px #0000009c;
	z-index:2;
	
}
.ms:hover {
	display: block;
}

.ms > a {
	padding-left: 20px !important;
}

#md a:hover + .ms {
	display: block;
}

.bgr {
	margin-top: 230px; 
	width: 70%; 
	border-top: 2px solid var(--gr);
	position: relative;
}

#menu {
	overflow: hidden;
	display: flex; 
	align-items: center; 
	height: var(--sq); 
	text-align:center; 
	width: 100%;
}
.eps, .lin {
	margin: 0 auto;
	position: relative;
} 

.eps {
	width:56px;
	height:56px;
	background: var(--bg) url(images/elipse.png) no-repeat center center;
	background-size: cover;
	line-height: 56px;
	font-weight: 600;
	font-size: 25px;
	padding-right: 2px;
	text-align: center;
	z-index: 1;
	
}

.lin {
	width:26px;
	border-right: 3px solid var(--or);
	left: -14px;
}

#c1 {
	float: left; 
	width: 33%;
}

#c2 {
	float: left; 
	width: 33%; 
	text-align: center; 
	padding: 2vw; 
	box-sizing: border-box;
}

#c3 {
	float: left; 
	width: 33%; 
	text-align: center;  
	padding: 2vw; 
	padding-left:0; 
	box-sizing: border-box;
}

#stages {
	margin: 4vw; 
	padding: 2vw; 
	background: var(--bg);
}

#gmap {
	position: absolute; 
	height: 100%; 
	width: 66%; 
	right: 0;
	z-index:0; 
	opacity: .7;
}
.orange {
	width:35.8%; 
	height: var(--sq); 
	background: url(images/lp.png) top right no-repeat;
}

#ham {
	display: none;
	width: 70px;
	/* height: auto; */
	box-sizing: content-box;
	/* text-align: center; */
	line-height: 61px;
	padding-left: 18px;
	padding-top: 7px;
}
#hmc {
	padding: 0;
}

.ogo {
	width:10%;
	text-align: left;
	padding-left: 1.5vw;
}

#achc {
	background: var(--lg); 
	margin: 0 auto; 
	height: 21vw; 
	max-width: 1500px; 
	display: flex; 
	justify-content: space-evenly; 
	align-items: center; 
	margin-bottom: 14vw;
}

#phn {
	height: 254px; 
	color: #fff; 
	display: flex; 
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: var(--fs);
}

#phn a {
	color: #fff;
}

#phn .line {
	width: 10vw; 
	border-bottom: 3px solid var(--or);
}

.sl1 {
	width: 50%;
	float:left;
}

.sl1 table img {
	height: 50px;
	margin-right: 50px;
}

.sl1 table td {
	padding-bottom: 50px;
	font-weight: 400;
}

.sl2 {
	width: 100%; 
	max-width: 435px; 
	float:left;
	padding-left: 30px;
}

.sl2 form div {
	color: white; 
	font-weight: 800; 
	font-size: 1.2vw;
	margin-bottom: 1vw;
	margin-top: 3vw;
}

#adv {
	display:flex; 
	justify-content: space-around; 
	margin-bottom: 14vw;
}

#prj {
	display: flex;
	min-height: 966px;
}

#prjt {
	margin-right: 11vw; 
	max-width: 500px; 
	position: relative; 
	
	float: left;
}

.pr {
	margin-left: 10vw; margin-top: 14vw;
}

.page .hst {
	margin-bottom: 120px;
	font-weight: 700;
	font-size: 25px;
	width: 75%;
	line-height: 30px;
	
}

.col-sm-6 {
	width: 49%;
	min-height: 350px;
	position: relative;
	float: left;
	padding-right: 90px;
	box-sizing: border-box;
	font-size: 1.05vw;
}

.col-sm-6:hover {
	background-size: 150px !important;
	background-position-x: -10px !important;
}

.col-sm-6 h4 {
	width: 70%;
	text-transform: uppercase;
	font-size: 1vw;
} 

.col-sm-6 p {
	position: relative;
	z-index: 0;
	width: 80%;
}


.bn {
	
	font-size: 222px;
	font-weight:900;
	color: var(--bg);
	text-shadow: -1px 1px 0 var(--or), 1px 1px 0 var(--or), 1px -1px 0 var(--or), -1px -1px 0 var(--or);
	position: absolute;
	font-family: "Montserrat";
	line-height: 164px;
	z-index: 0;
	right: 85px;
	top: -30px;
}

.clear {
	clear: both;
}

.adv .hst {
	font-size: 2.5vw;
	text-align: center;
	width: 100%;
}

.adv h4 {
	text-align:center;
	margin-bottom: 145px;
	font-size: 1.4vw;
	margin-top: 140px;
}

.adv .col-sm-6 {
	background: url(images/shield.png) no-repeat left top;
	padding-left: 140px;
	padding-top: 2vw;
}

.abo {
	/* display:flex; justify-content: space-around; */ 
	margin-bottom: 14vw; 
	width: 570px;
	
}

.abo .p {
	font-weight: 300;
}

.abl {
	float:left; width:48%;
}

.blr {
	float:left; 
	width:48%; 
	padding-left:5vw; 
	box-sizing: border-box;
}

.boi {
	position: absolute; right: 0; bottom: 0; max-height: 100%; opacity: 0.3; z-index: 0;
}

.article .slide {
	padding: 2vw;
}

.article p {
	margin-top: 0;
}

.blog .oc {
	display: none;
}
.blog .post-cut img {
	max-width: 100%;
	max-height: 344px;
	margin-bottom: 12px;
}
.pagination > li > a, .pagination > li > span {
	color: inherit;
	background: transparent;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: var(--or);
	border-color: var(--dk);
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	background-color: var(--lg);
	color: black;
	border-color: var(--dk);
}
.pagination > li > a, .pagination > li > span {
	border-color: var(--dk);
}
.post {
	margin-bottom: 45px;
}
.post-cut {
    height: 24.5vw;
    overflow: hidden;
}
.post-info-bottom {
    border-bottom: 1px solid var(--or);
    padding-bottom: 20px;
    height: 49px;
    overflow: hidden;
}

.glry {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.gl {
	max-width: 300px;
	position: relative;
	cursor: pointer;
	margin-top: 2vw;
}
.ovrl {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);
	
}
.ovrl:hover {
	background: rgba(0,0,0,0.5) url(images/zo.png) center center no-repeat;
}
.img-fluid {
	max-width: 100%;
	vertical-align: top;
	padding: 5px;
	background: white;
	box-sizing: border-box;
}
.ovr {
	background: linear-gradient(180deg, #E57C2F 0%, #FDA869 100%); 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	max-height: 0;
	z-index: 2; 
	cursor: pointer;
	transition: max-height .1s ease-out;
	overflow: hidden;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ovr > div {
	line-height: 1.4vw;
}
.ovr a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: .7vw;
	font-weight: 500;
}
.csqr:hover .ovr {
	transition: max-height .1s ease-out;
	max-height: 100%;
	padding: 0.5vw;
}
.ovr h4 {
	margin-bottom: 1vw;
}
.l {
	
}
.ovr.l {
	max-width: 0;
}
.csqr:hover .ovr.l {
	transition: max-width .1s ease-out;
	max-width: 100%;
	
}
.fl {
	width: 17px;
	height: 19px;
	background: url(images/snow.png) no-repeat; 
	display: inline-block;
	position: relative;
	top: 4px;
	margin-right: 5px;
}
.advs {
	height: 400px;
}
.advb {
	border-left: 4px solid var(--or); 
	width: 59%; 
	box-sizing: border-box; 
	padding-left: 60px; 
	font-weight: 500; 
	float: left;
}

.hbr {
	display: none;
}

.read-more-btn {
	position: relative;
	top: 12px;
}

.ithu {
	padding: 14px;
	line-height: 1.42857143;
	background-color: #ffffff;
	
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.article .fll {
	float: left; 
	margin-right: 60px; 
	margin-bottom: 30px; 
	padding-left: 0;
	padding-top: 0;
	background: url(images/frame.png) right bottom no-repeat;
	box-sizing: border-box;
}

.article .flr {
	float: right; 
	margin-left: 60px; 
	margin-bottom: 30px; 
	padding-right: 0;
	padding-top: 0;
	background: url(images/frame.png) left bottom no-repeat;
}

.ires {
	max-width:100%;
}
.contacts .bgr {
	margin-top: 175px;
}

.blog .img-thumbnail {
	margin-bottom: 14px;
}

.mooter {
	display: none;
	padding: 30px;
}

.mf h3 {
	color: white; 
	font-weight: 600; 
	font-size: 1.5vw; 
	text-align: center;
}
.bg:hover {
	text-decoration: none;
	box-shadow: 5px 7px 5px 0px #0000005c !important;
}
.bg {
	padding: 16px;
	padding-right: 52px;
	line-height: 60px;
}

@media screen and (max-width: 1152px) {
	.sl1 table {
		display: none;
	}
	
	div.mf form.fo button.button-default {
		font-size: 20px;
	}
	
	.mf h3 {
		font-size: initial;
	}
	
	.pr {
		margin: 0;
	}
	#prjt {
		max-width: 100%;
	}
	#prjt .hst {
		margin-top: 50px !important;
	}
	
	.s1 .ovr {
		background: url('images/ca-1t.png') no-repeat center center / auto;
	}
	.s2 .ovr {
		background: url('images/ca-2t.png') no-repeat center center / auto;
	}
	.s3 .ovr {
		background: url('images/ca-3t.png') no-repeat center center / auto;
	}
	.s4 .ovr {
		background: url('images/ca-4t.png') no-repeat center center / auto;
	}
	.s5 .ovr {
		background: url('images/ca-5t.png') no-repeat center center / auto;
	}
	.s6 .ovr {
		background: url('images/ca-6t.png') no-repeat center center / auto;
	}
	
	.post-cut {
		height: auto;
		overflow: initial;
	}
	.btl {
		height: auto;
	}
	.btl h2 {
		margin: 20px auto 10px;
	}
	
	.hbr {
		display: block;
	}
	
	.advb {
		padding-left: 10px; 
	}
	.advs {
		height: 100px;
	}
	.csqr .op {
		height: 20px;
	}
	.l {
		max-width: 100% !important;
	}
	.ovr a {
		font-size: initial;
		font-weight: 300;
	}
	.ovr > div {
		line-height: 40px;
	}
	.ovr {
		background: none;
		max-width: 100%;
		max-height: 100%;
		text-align: left;
		border-bottom: 5px solid var(--or);
	}
	.ho {
		display: none;
	}
	.csqr:hover .ovr {
		padding: 0;
	}
	.csqr h4 a {
		font-size: x-large !important;
	}
	
	body {
		font-size: initial;
		font-weight: initial;
	}
	.boi {
		display: none;
	}
	
	.abl, .blr {
		width: 100%;
	}
	
	.abo {
		width: auto;
	}
	
	.fo {
		display: block !important;
		width: 100%;
	}
	
	.adv .hst {
		font-size: medium !important;
		font-size: initial;
	}
	
	.adv h4 {
		font-size: medium !important;
		font-size: initial;
		margin-bottom: 0;
		margin-top: 0;
	}
	
	.col-sm-6 {
		width: 100%;
		min-height: 150px;
		padding: 0;
		margin-top: 45px;
		font-size: initial;
	}
	.col-sm-6 p {
		width: 100%;
	}
	.col-sm-6 .bn {
		right: 0;
		
	}
	
	.adv .col-sm-6 {
		font-size: 100%;
		padding-left: 140px;
		background-position-y: -10px;
		padding-top: 41px;
		
	}
	.col-sm-6 h4 {
		font-size: initial;
	}
	#dd {
		display: none;
	}
	.footer {
		display: block;
		font-size: 100%;
		height: auto;
		background: initial;
	}
	.footer img {
		display: none;
	}
	.ftl {
		display: none;
	}
	.footer span {
		font-size: initial;
		display: block;
		text-align: center;
		margin: 30px auto;
	}
	.footer a {
		display: block;
		font-size: 100%;
		text-align: center;
		margin-top: 30px;
	}

	.spcr {
		display: none;
	}
	
	.sl2 form div {
		font-size: initial;
		margin-bottom: 15px;
		margin-top: 45px;
		
	}
	
	#prjt {
		float: none;
		position: initial;
		max-width: auto; 
	}
	
	.oc, .slmun {
		display: none;
	}
	.ps, .mou {
		display: none;
	}
	.slide {
		width: 100% !important;
	}
	
	#c1, #c2, #c3 {
		width: 100%;
		font-size: 24px;
	}
	
	#stages {
		margin: 0;
		padding: 2vw 2vw 0;
	}
	
	#stages h4 {
		font-size: initial;
	}
	
	#gmap {
		position: relative; 
		width: 100%; 
		height: 300px;
	}
	.rd {
		width: 100%;
	}
	.htt {
		display: none !important;
	}
	.htt, .hst {
		font-size: initial !important;
	}
	.sqr > div {
		font-size: initial !important;
	}
	.csqr {
		width: 100%;
		height: 350px;
	}
	.csqr h2 {
		font-size: 100%;
	}
	.s2, .s4 {
		width: 100%;
	}
	.mf input, .mf textarea {
		font-size: initial;
		width: 100% !important;
		max-width: initial !important;
		display: block;
	}
	.fc {
		display: none;
	}
	#menu {
		display: block;
		
		height: 70px;
	}
	.mt {
		width: 100%;
		display: block;
		font-size: initial;
		line-height: 70px;
	}
	.lai, .orange {
		display: none;
	}
	#ham {
		display: inline-block;
		float: right;
	}
	#achc {
		flex-direction: column;
		height: auto;
		
	}
	.ach {
		font-size: 100%;
		margin: 26px auto;
	}
	.n {
		font-size: 200%;
	}
	.sl1 {
		width: 100%;
		text-align: center;
	}
	#phn {
		text-align: center;
		height: 74px;
		font-size: 4vw;
	}
	#phn > div {
		margin: 0 auto;
	}
	#phn .line {
		display: none;
	}
	#adv {
		flex-direction: column;
		align-items: center;
		margin: 20px auto;
	}
	.sqr {
		width: 300px;
		height: 300px;
		margin: 20px 0;
	}
	
	.rd h3 {
		padding-top: 42px;
	}
	.rdt {
		margin-top: 30px;
	}
	#prj {
		min-height: auto;
	}
	#sls {
		background-size: cover;
	}
	.page .slide {
		padding: 10px;
	}
	.slide {
		padding: 15px;
	}
	.eps {
		width: 28px;
		height: 28px;
		line-height: 28px;
		padding-right: 0;
		font-size: 18px;
	}
}
@media screen and (max-width: 1280px) {
	.csqr {
		margin-right: 3px;
		margin-bottom: 7px;
	}
}