/*HOME PAGE*/

@font-face {font-family: 'RFDewi'; font-style: normal; font-weight: 600; font-display: block;
  src: local(''), url('fonts/rfdewi-600.woff2') format('woff2'), url('fonts/rfdewi-600.woff') format('woff');
}
@font-face {font-family: 'RFDewiCond'; font-style: normal; font-weight: 600; font-display: block;
  src: local(''), url('fonts/rfdewicond-600.woff2') format('woff2'), url('fonts/rfdewicond-600.woff') format('woff');
}

@media (max-width: 1070px) and (min-width: 640px) {.bodyhead span {display: block;}} @media (max-width: 1000px) {#bread {margin-bottom: 10px;}}

@media (min-width: 851px) {

@keyframes logoscale {0% {-webkit-transform: scale(0);} 100% {-webkit-transform: scale(1);}}
#logo img {-webkit-animation: logoscale .8s; -webkit-backface-visibility: hidden;}

#blocks {overflow: hidden;}
.block h1 {-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); -webkit-filter: blur(0); perspective(1px); -webkit-filter: blur(0); -webkit-font-smoothing: subpixel-antialiased;}

@keyframes blockzoom {
0% {-webkit-transform: scale(0); opacity: 0;}
1% {-webkit-transform: scale(.5); opacity: 0;}
5% {-webkit-transform: scale(1.02); opacity: 1;}
10% {-webkit-transform: scale(1); opacity: 1; transform-origin: 20% 0%;}
}

#blocks .block:nth-child(1) {-webkit-animation: blockzoom 5s;}
#blocks .block:nth-child(2) {-webkit-animation: blockzoom 8s;}
#blocks .block:nth-child(3) {-webkit-animation: blockzoom 11s;}
#blocks .block:nth-child(4) {-webkit-animation: blockzoom 14s;}
#blocks .block:nth-child(5) {-webkit-animation: blockzoom 17s;}
#blocks .block:nth-child(6) {-webkit-animation: blockzoom 20s;}

} /*close min-width: 851px*/


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

/*Big Pic*/

#homepic {position: relative; overflow: hidden; z-index: 0; background-color: #6D5A4B;}
#homepic img {width: 500px; height: 300px; width: 100%; height: 40vw; max-height: 420px; object-fit: cover; object-position: 50% 50%; display: block;}

.homecap {position: absolute; display: table-cell; left: 0; right: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; margin: 0 30px; color: #FFF;}
.homecap h1 {font-family: 'RFDewiCond', Arial, Helvetica, sans-serif; font-weight: 600; letter-spacing: -.5px; word-spacing: 4px; font-size: 80px; line-height: 1.15; color: #FFF; text-shadow: 1px 1px 2px #000;}

@media (max-width: 1170px) {.homecap {margin: 0 3%} .homecap h1 {font-size: 7.6vw;}}
@media (min-width: 651px) {.homecap span {display: block;}}
@media (max-width: 650px) {.homecap {margin: 0%;} .homecap h1 {font-size: 9.3vw;} #homepic img {height: 50vw;}}
@media (min-width: 501px) {#homepic img {filter: brightness(65%);}}
@media (max-width: 500px) {.homecap h1 {font-size: 9.5vw;} #homepic img {height: 50vw;}}

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

/*Blocks*/

#blocksback {margin: 0 !important;}
#blocks a {color: inherit; text-decoration: none; display: block; height: 100%; width: 100%;}
#blocks .block {background-color: #FFF; position: relative; transition: .15s;}
.block .blkhead {text-align: center; -webkit-transition: 0.15s;}
#blocks img {width: 383px; height: 223px; width: 100%; height: auto; display: block; object-fit: cover; -webkit-transition: 0.2s;}
#blocks h1 {font-size: 22px; line-height: 1.2; font-weight: 600 !important; margin: 20px auto 15px auto !important;}

.block .blkbody {text-align: center; font-size: 16px; line-height: 1.5;}
.block a:hover img {filter: brightness(110%) saturate(130%);}

@media (min-width: 2001px) {#blocks .block {padding: 20px; margin: 25px 13px;} #blocks img {height: 180px;}}
@media (max-width: 2000px) {#blocks .block {padding: 15px; margin: 25px 13px;} #blocks img {height: 160px;}}
@media (min-width: 1751px) {#blocks {margin-left: 12px; margin-right: 12px;}}
@media (max-width: 1750px) {#blocks {margin-left: 5px; margin-right: 5px;} #blocks .block {margin: 15px 7px;}}

@media (min-width: 1381px) {
#blocksback {background-color: #555;} #blocks h1 {color: #009543;}
.block a:hover .blkhead h1 {color: #C85200 !important;}
.block:hover {background-color: #e5f9ee !important; outline: 2px solid #47E489;}
}
@media (max-width: 1380px) {
#blocks {margin-left: 0; margin-right: 0;}
#blocks .block {margin: 4px 2px; padding: 0; background-color: #555;}
.block .blkbody {visibility: hidden; line-height: 0;}
#blocks h1 {margin: 8px auto 13px auto !important; font-size: 24px; font-weight: 500 !important; color: #FFF;} #blocks img {height: 130px;}
.block a:hover .blkhead h1 {color: #47E489 !important;}
}
@media (max-width: 1380px) and (min-width: 851px) {.block .blkhead span {display: block;}}
@media (max-width: 1130px) and (min-width: 851px) {#blocks h1 {font-size: 2.1vw;}}
@media (max-width: 180px) and (min-width: 851px) {#blocks .block {margin: 4px 2px; padding: 7px 7px 18px 7px;}}

@media (min-width: 851px) {
#blocks {display: flex; align-content: center; flex-wrap: nowrap; justify-self: center; justify-content: center;}
#blocks .block {width: 16.7%; display: table-cell;}
}
@media (max-width: 850px) {
#blocks {display: table; text-align: center;}
#blocks .block {vertical-align: top; margin: 2px; padding: 0; display: inline-block; width: 49% !important;} #blocks h1 {font-size: 24px;}
}
@media (max-width: 600px) {#blocks h1 {font-size: 4vw;}}
@media (max-width: 460px) {
#blocks .block {width: 48.5% !important;} #blocks h1 {font-size: 5.5vw; margin: 5px auto 10px auto !important;}
#blocks h1 span {display: block;}
 #blocks img {height: 110px;}
}
@media (max-width: 390px) {#blocks h1 {font-size: 6vw;} #blocks img {height: 90px;}}

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

/*Our Services*/

/*#oursvcs section {border: 1px solid cyan} #oursvcs section div {border: 1px solid red} #oursvcs img {border: 1px solid yellow}*/

#oursvcs *:not(#oursvcs div) {margin-bottom: 0 !important;}
#oursvcs {margin: auto; background-color: #00762E;} #oursvcs * {color: #FFF;} #oursvcs a {color: #beebff}
#oursvcs .heading {text-align: center; background-color: #444; color: #FFF; padding: 10px 20px 12px 20px; font-size: 1.6em; font-weight: 500; line-height: 1.2;}

#oursvcs .bodyarea {-webkit-display: grid; display: grid;}
#oursvcs section:first-child {align-content: flex-start; align-self: flex-start;}
#oursvcs section div {font-size: 17px; line-height: 1.5;}
#oursvcs span {display: block; font-size: 1.15em; font-weight: 500; line-height: 1.3; padding: 6px 8px 7px 8px; background-color: #444;}
#oursvcs p {margin-bottom: 0;} #oursvcs a {font-style: italic;}

#oursvcs .pmain {grid-area: b;}
#oursvcs .p1 {grid-area: c;} #oursvcs .p2 {grid-area: d;}
#oursvcs .p3 {grid-area: e;} #oursvcs .p4 {grid-area: f;} #oursvcs .p5 {grid-area: g;} #oursvcs .p6 {grid-area: h;}
#oursvcs .bodyarea div {margin-bottom: 40px;}

#oursvcs img {display: block; width: 500px; height: 300px; width: 100%; height: 100%; object-fit: cover;}

@media (min-width: 1251px) {
#oursvcs .bodyarea {grid-template-columns: 60% 40%; grid-auto-rows: 1fr; padding: 50px 0;}
#oursvcs section:first-child {margin-right: 20px;} #oursvcs section:last-child {margin-left: 20px;}
}
@media (max-width: 1250px) {
#oursvcs .bodyarea {padding: 20px 0;}
#oursvcs section:first-child {padding: 30px 0;}
#oursvcs section:last-child {margin: 35px 0 0 0; padding-bottom: 40px; height: calc(80px + 45vw); max-height: 450px;}
}
@media (min-width: 846px) {
#oursvcs section:first-child {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-areas: "a a" "b b" "c d" "e f" "g h";  gap: 0 40px; grid-gap: 0 40px;}
#oursvcs .bodyarea div:nth-last-of-type(-n+2) {margin-bottom: 0;}
}
@media (max-width: 845px) {
#oursvcs .bodyarea {padding: 0;} #oursvcs .bodyarea div {margin-bottom: 25px;}
#oursvcs section:last-child {margin: 20px 0 30px 0;}
}
@media (max-width: 670px) {#oursvcs section:last-child {margin: 0 0 50px 0;}}
@media (min-width: 501px) {#oursvcs img:last-child {display: none;}}
@media (max-width: 500px) {#oursvcs img:first-child {display: none;}}

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