@font-face {
font-family: 'SF Pro Display Bold';
src: url('../fonts/SFProDisplay-Bold.eot');
src: url('../fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/SFProDisplay-Bold.woff') format('woff'),
url('../fonts/SFProDisplay-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-Regular.eot');
src: local('Montserrat Regular'), local('Montserrat-Regular'),
url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Regular.woff2') format('woff2'),
url('../fonts/Montserrat-Regular.woff') format('woff'),
url('../fonts/Montserrat-Regular.ttf') format('truetype');
font-weight: normal;font-style: normal;font-display:swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-SemiBold.eot');
src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
url('../fonts/Montserrat-SemiBold.woff') format('woff'),
url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
font-weight: 600;font-style: normal;font-display:swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../fonts/Montserrat-Bold.eot');
src: local('Montserrat Bold'), local('Montserrat-Bold'),
url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Montserrat-Bold.woff2') format('woff2'),
url('../fonts/Montserrat-Bold.woff') format('woff'),
url('../fonts/Montserrat-Bold.ttf') format('truetype');
font-weight: bold;font-style: normal;font-display:swap;
}
.page_case ol,.page_case ul{padding:0}
.fancy_img{cursor: pointer}
.bold_sf,.style2 span,.style3 span,.style4,.style5,.green_title{font-family:"SF Pro Display Bold","Helvetica Neue","Helvetica","Arial",sans-serif}
.green_title{color:#007434;text-transform:uppercase;margin-bottom:10px}
span.green_span{color:#007434}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px}
.page_case{padding:10px 15px;margin:0 auto;position:relative;width:100%}
.page_case > div {position:relative;}
.page_case:before,.page_case:after{content:" ";display:table}
.page_case:after{clear:both}
@media (min-width: 768px) {
.page_case{width:750px}
}
@media (min-width: 992px) {
.page_case{width:970px;padding:30px 15px}
}
@media (min-width: 1200px) {
.page_case{width:1170px}
}