@font-face {font-family:"Raleway";src:url("Raleway-Medium.woff") format("woff");font-display:swap;font-style:normal;font-weight:400;}        
@font-face {font-family:"Raleway";src:url("Raleway-Black.woff") format("woff");font-display:swap;font-style:normal;font-weight:900;}        
@font-face {font-family:"Raleway";src:url("Raleway-Black.woff") format("woff");font-display:swap;font-style:normal;font-weight:700;}        
@font-face {font-family:"Raleway";src:url("Raleway-Bold.woff") format("woff");font-display:swap;font-style:normal;font-weight:500;}        
@font-face {font-family:"Raleway";src:url("Raleway-Bold.woff") format("woff");font-display:swap;font-style:normal;font-weight:600;}        

html,body{position:relative;padding:0;border:0;margin:0;font-family:'Raleway', sans-serif;font-size:16px;font-weight:300;min-width:320px;}
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block;}
audio,canvas,video {display:inline-block;}
address{all: unset;display: block;}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
blockquote{margin:40px;}

h1{text-align: left;font-weight: 900; font-size:60px;letter-spacing: 0px;color: #006025;text-transform: uppercase;border-bottom: solid #707070 1px;padding-bottom: 32px;max-width: 580px;}
h2{font-weight: 900; font-size:60px;text-transform: uppercase;}
h3{font-size:37px;font-family: verveine, sans-serif;font-weight: 400;font-style: normal;line-height: 1em;}



h4,h5,h6{font-size:16px;line-height: 20px;font-weight: 500;}
p {font-size:16px;line-height: 20px;font-weight: 300;}
strong {font-weight: 500;}
table {border-collapse: collapse;width: 100%;border: 1px solid #707070;margin: 16px 0px;}
td, th {text-align: left;padding: 8px;border-right: 1px solid #707070;}
tr:nth-child(even) {background-color: #eee;}
.topmain a {color: #051C3E;}

.row{width:100%;height:auto;overflow:hidden;max-width:1920px;margin:auto;}
.row>.contents{width:100%;max-width:calc(960px + 40px);margin:auto;position:relative;z-index:1}
.row>.contents.padding{padding:20px}
.row>.contents.paddingx{padding:0px 20px}

.row.white {background-color: #fff;}
.row.dark-green {background-color: #3A4E37;}
.row.light-green {background-color: #A0AB95;}
.row.light-green-white-font {background-color: #A0AB95;}

.background-image {  background-repeat: no-repeat;  background-size: cover;background-position: center; }

.block {display: grid; grid-template-columns: 1fr 1fr;}
.block.three{grid-template-columns: 2.5fr 4fr 3fr;}

.block .text {padding:60px;display: flex;align-items: center;flex-wrap: wrap;}
.block .text-2 {padding:60px;display: flex;align-items: center;flex-wrap: wrap;}
.block .text.right{order: 2;padding:60px 165px 60px 125px}
.block .text.left{padding:60px 125px 60px 165px}
.block .text-2.right{order: 2;padding:60px 125px 60px 165px}
.block .text-2.left{padding:60px 165px 60px 125px}
.block .text .vflex {width: 100%;}
.block .text-2 .vflex {width: 100%;}
.block .text .topflex{align-self: flex-start;}
.block .text-2 .topflex{align-self: flex-start;}
.block .text + .text-2 {  margin-top: -60px;padding-top: 0px !important;}

.white .block .text {background-color:rgba(255, 255, 255, .87)}
.white .block .text-2 {background-color:rgba(255, 255, 255, .87)}
.dark-green .block .text {background-color:#3A4E37;color:#fff}
.dark-green .block .text-2 {background-color:#3A4E37;color:#fff}
.dark-green .images {background-color:#3A4E37;}
.light-green .block .text {background-color:#A0AB95;color: #3a4e37;}
.light-green .block .text-2 {background-color:#A0AB95;color:#fff}
.light-green .images {background-color:#A0AB95}
.light-green-white-font .block .text {background-color:#A0AB95;color:#fff;}
.light-green-white-font .block .text-2 {background-color:#A0AB95;color:#fff}
.light-green-white-font .images {background-color:#A0AB95}


.transparent-green .block {padding:60px;}
.transparent-green .block .text {color:rgba(58, 78, 55);}
.transparent-green .block .text h2{max-width: 450px;font-size: 67px;margin-top: 0px;}
.transparent-green .block .text-2 {background-color:rgba(58, 78, 55,0.85);color:#fff;margin: 0px 60px;}

.block .text ol{display: grid;grid-template-columns: 1fr 1fr;gap:20px;padding-left:0px;list-style: none; width:calc(100% + 120px); counter-reset: items;}
.block .text ol li{counter-increment: items;display: flex;flex-wrap: nowrap;}
.block .text ol li::before{font-weight: 900; font-size:60px;  content: counter(items) ". ";border-right:1px solid #fff;padding-right:10px;margin-right:10px;}
.block .image img{width:100%;height:100%;object-fit:cover;}
.block .images {width:100%;height:100%;position:relative;}

.block .text ul li {font-size: 20px;margin-bottom: 5px;}

.block .images.right img {width: 60%;height: 50%;;object-fit: cover;}
.block .images.right img:first-of-type{position:absolute;top:40px;left:40px;object-position:center}
.block .images.right img:last-of-type{position:absolute;top:calc(50% - 40px);right:40px;object-position:center}

.block .images.left img {padding:20px 165px 20px 125px} 
.block .images.left img:last-of-type {padding:0px 165px 20px 125px}   
.block.three .images.left img {padding:0px 0px 0px 0px!important;height:50%;width:100%;object-fit:cover;}

.mainbutton {display:inline-block;padding:14px 40px;background-color:#fff;color:#000;border:1px solid #000;margin:20px 0px;font-weight: 600;text-transform: uppercase;transition:all .25s ease-in-out;}
.mainbutton:hover {text-decoration: none;background-color: #006025;border:1px solid #fff;color:#fff;}

@media only screen and (max-width:1400px) {
    .block .text ol {grid-template-columns: 1fr;width: 100%;}
    .block .text ol li::before {font-size: 38px;}
    
    .block.three .image.left {display: none;}
    .block.three{grid-template-columns: 1fr 1fr;}
    .transparent-green .block .text-2{margin: 0px;padding: 60px!important;}
    .transparent-green .block .text{margin: 0px;padding: 60px!important;}

    .block .text.right{order: 2;padding:60px 165px 60px 65px}
    .block .text.left{padding:60px 65px 60px 165px}
    .block .text-2.right{order: 2;padding:60px 65px 60px 165px}
    .block .text-2.left{padding:60px 165px 60px 65px}

    .block .images.left img {padding:20px 165px 20px 65px}
    .block .images.left img:last-of-type {padding:0px 165px 20px 65px}

    }

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

.block .text ol {grid-template-columns: 1fr 1fr; width: 100%;font-size: 14px;}


.block {display: grid; grid-template-columns: 1fr;}
.block.three{grid-template-columns: 1fr;}
.block .text.right{order:0;}

.block .text {  justify-content: center;}
.block .text-2 {  justify-content: center;}

.block .text.left {padding: 60px 60px 60px 60px;}
.block .text.right{padding: 60px 60px 60px 60px;}
.block .images.left img {padding:20px 60px 00px 60px;}
.block .images.left img:last-of-type {padding:20px 60px 20px 60px;}

}
@media only screen and (max-width:680px) {
    h1{font-size: 38px;}
    h2{font-size: 38px;}
    .block .text ul li {font-size: 16px;}
    .transparent-green .block .text h2{font-size: 38px;}
    .transparent-green .block {padding: 0px}

    .block .text.left {padding: 20px 20px 20px 20px;}
    .block .text.right{padding: 20px 20px 20px 20px;}
    .block .images.left img {padding:20px 20px 00px 20px;}
    .block .images.left img:last-of-type {padding:20px 20px 20px 20px;}
    .transparent-green .block .text-2{padding: 20px!important;}
    .block .text-2.left{padding: 20px!important;}
}
@media only screen and (max-width:480px) {
    .block .text ol {grid-template-columns: 1fr ;}
    


}