html {padding: 0;	border: 0;margin: 0;}
body {height: auto;width:100%;padding: 0;border: 0;margin: 0;float: left;font-family: Century_Gothic, Calibri, sans-serif;background:white;}
.main-block {height: auto;width: 100%;padding: 0;border: 0;margin: 0 auto;float: left;position:relative;overflow:hidden;}

a, span, div, p, ul, ol, li, input, button, select, textarea, h1, h2, h3, h4, h5, h6, img  {text-decoration: none;
-moz-transition: color 0.2s 0.02s ease;-o-transition: color 0.2s 0.02s ease;-webkit-transition: color 0.2s 0.02s ease;
-webkit-transition: All 0.4s ease;-moz-transition: All 0.4s ease;-o-transition: All 0.4s ease;-ms-transition: All 0.4s ease;transition: All 0.4s ease;
}
a, span, div, p, ul, ol, li, input, button, select, textarea {font-family: Century_Gothic, Calibri, sans-serif;}

.mb {display:none!important;}	
.pc {display:block!important;}


@font-face {font-family: 'Constantia';src: url('fonts/Constantia.ttf');}
@font-face {font-family: 'ConstantiaB';src: url('fonts/Constantia_Bold.ttf');}
@font-face {font-family: 'Century_Gothic';src: url('fonts/Century_Gothic.ttf');}
@font-face {font-family: 'Century_GothicB';src: url('fonts/Century_Gothic_Bold.ttf');}


/*-------------------------------------Slider-----------------------------------------*/

.slide-block {height: auto;width: 100%;padding: 0;border:0;margin: 0;float: left;position:relative;background: url('/images/back2.jpg') center center no-repeat; background-size: cover;}
.slide-block  .slider-wrapper {height: 100vh;width: 100vw;padding: 0;border:0;margin: 0;float: left;position:relative;background: rgba(41,128,33,.8);background: rgba(0,0,0,.525);}

.slide-block .about-outer {height: 100vh;width: 100%;padding: 0;border:0;margin: 0;float: left;position:relative;display:non;position:relative;}
.slide-block .about-wrapper {height: auto;width: 1030px;padding: 0;border:0;margin: 0;float: left;position:relative;left:50%;top:50%;transform: translate(-50%,-50%);}

.slide-block .about-form {height: auto;width: 100%;padding: 0;border:0;margin: 0;float: left;}

.slide-block img.logo {    width: auto;
    height: 90px;
    position: absolute;
    left: 50%;
    float: left;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 999;
    top: 10px;
    bottom: 0;
    margin-left: -357px;}

.slide-block .about-form .title, .slide-block .about-form .up-title {color:white;margin: 0 0 0px 0;padding:0;border:0;text-align:center;line-height:auto;width:100%;float:left;}
.slide-block .about-form .title {font-size:40px;line-height:50px;font-weight:bold;}
.slide-block .about-form .up-title {font-size: 43px;line-height: 49px;font-weight: bold;padding: 0;margin-top: 110px;font-family: Constantia;font-weight: normal;width:80%;margin-left:10%;margin-right:10%;}
.slide-block .about-form p {color:white;font-size:20px;margin: 0 0 0px 0;padding-bottom:40px;text-align:left;margin-top:30px;margin-bottom:0px;width:100%;font-weight:normal;line-height:25px;border-bottom: 0px solid white;float:left;text-align:center;font-family: Century_Gothic;}
.slide-block .about-form .a-wrapper {width:100%;float:left;margin: 0px 0 0 0;}
.slide-block .about-form .a-wrapper a {font-size: 18px;padding: 10px 25px;border: 1px solid white;border-radius:25px;font-family: ConstantiaB;font-weight:normal;line-height: 25px;text-align:center;position:relative;left:50%;transform: translate(-50%, 0);width:auto;color:white;float:left;text-transform: uppercase;}
.slide-block .about-form .a-wrapper a:hover {border: 1px solid #4BB543;background-color:#4BB543;}

.slide-block .ul-wrapper {background: #298021;
    width: 100%;
    height: auto;
    float: left;
    position: absolute;
    top: 20px;
    left: 0;
    background: rgba(77,155,70,1);}
.slide-block ul {margin: 0;margin:15px 0;width:100%;list-style:none;float:left;padding:0;width:auto;position:relative;left:50%;transform: translate(-50%,0);margin-left: 137px;}
.slide-block ul li {color:white;font-size:21px;margin: 0 17.5px;padding:0;text-align:left;width:auto;font-weight:normal;line-height:35px;float:left;}
/*.slide-block .about-form ul li.last {width:auto;float:right;}*/
.slide-block ul li a {color:white;font-family: Century_GothicB;font-size:17.5px;padding-bottom:2px;border-bottom: 1px solid transparent;}
.slide-block ul li a:hover {color:#A5F69D;border-color:#A5F69D;}
.slide-block ul li span {font-size:15.5px;color:#A5F69D;font-family: Century_GothicB;}
.slide-block ul li img {height:25px;width:25px;float:left;margin: 6px 3px 4px 3px;}




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

.slide-block .about-wrapper {max-width:90%;}
.slide-block .about-form .up-title {width:100%;margin-left:0;margin-right:0;}

	
}



@media screen and (max-width:990px) {
	
.slide-block .about-form .up-title {font-size: 32px;line-height: 35px;}
.slide-block .about-form p {font-size:17.5px;}
.slide-block .about-form .a-wrapper a {font-size:17.5px;}
.slide-block img.logo {height:65px;margin-top:5px;}

.slide-block .ul-wrapper {top:0;}
.slide-block ul {float:right;left:auto;max-width:300px;transform: translate(0%,0);margin-left: 0;right:20px;margin: 15px 0 7.5px 0;}
.slide-block ul li {width:100%;margin-left:0;margin-right:0;text-align: center;text-align: right;line-height: 18px;}
.slide-block ul li.last {width:auto;position:relative;/*left:50%;transform: translate(-50%,0);*/float:right;}

.slide-block ul li span {font-size:12.5px;}
.slide-block ul li a {font-size:14.5px;}

.slide-block .ul-wrapper {top: 0;}

.slide-block img.logo {left: 0;transform: translate(0,0);top: 10px;left: 15px;margin-left: 0;}
.slide-block ul li img {height: 22px;width: 22px;}

.slide-block .slider-wrapper {background: rgba(0,0,0,.35);}

}

@media screen and (max-width:650px) {
    
.slide-block{background-image: url(/images/back1.jpg);}
.slide-block .slider-wrapper {background: rgba(0,0,0,.675);}   
    
}


@media screen and (max-width:480px) {
	
.slide-block .about-form .up-title {font-size: 24px;line-height: 29px;margin-top:-100px;}
.slide-block .about-form p {font-size:15px;line-height:20px;padding-bottom: 25px;margin-top: 10px;}
.slide-block .about-form .a-wrapper a {font-size:14px;}
.slide-block .about-form img.logo {height:55px;}

.slide-block img.logo {height:75px;left:50%;transform: translate(-50%,0);}

.slide-block .ul-wrapper {top:auto;bottom:0px;}
.slide-block ul {
    float: left;
    left: auto;
    max-width: 80%;
    transform: translate(-50%,0);
    margin: 15px 0 80px 0;
    left: 50%;
    right: auto;}
.slide-block ul li {width:100%;margin-left:0;margin-right:0;text-align: center;line-height: 24px;}
.slide-block ul li.last {width:auto;position:relative;float:left;left:50%;transform: translate(-50%,0);}


}