/*HOME PAGE*/

@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 h4 {-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*/


.bahome {padding-top: 40px !important;}


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

/*Big Pic*/

#homepic {position: relative; overflow: hidden; z-index: 0; background-color: #394E1E;}
#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: 1910px) {.homecap {margin: 0} .homecap h1 {font-size: 4.2vw;}}
@media (min-width: 1401px) {.homecap span {display: block;}}
@media (max-width: 1400px) {.homecap {margin: 0 3%} .homecap h1 {font-size: 5.5vw;} #homepic img {height: 50vw;}}
@media (max-width: 950px) {#homepic img {height: 38vw;}}
@media (max-width: 630px) {.homecap h1 {font-size: 7vw;} #homepic img {height: 50vw;}}
@media (min-width: 501px) {#homepic img {filter: brightness(70%);}}
@media (max-width: 500px) {.homecap h1 {font-size: 8vw;} #homepic img {height: 60vw;}}

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

/*Blocks*/

.container {position: relative; margin: 3px auto 0 auto; text-align: center;}
.container div:not(article div) {position: relative; height: calc(150px + 15vw); max-height: 350px;}

.container img {width: 500px; height: 300px; width: 100%; height: 100%; display: inline-block; object-fit: cover; -webkit-transition: .2s;}

.container article {position: absolute; padding: 10px; left: 0; right: 0; bottom: 0; color: #FFD247; background-color: rgba(89,29,53,.8); -webkit-transition: .2s;}
.container h1 {font-size: 24px; line-height: 1.2; font-weight: 500;}

@media (min-width: 1801px) {.container img {object-position: 50% 70%;}}
@media (max-width: 1800px) {.container img {object-position: 50% 100%}}
@media (max-width: 1400px) and (min-width: 1051px) {.container div:not(article div) {max-height: 25vw;}}
@media (min-width: 1051px) {.container article {white-space: nowrap;}}
@media (max-width: 1050px) and (min-width: 681px) {
.container article {padding: 7px 7px 10px 7px;}
.container article, .container article div {display: table-cell; vertical-align: middle;}
.container article div {width: 100vw;}
}
@media (min-width: 681px) {.container {display: grid; gap: 3px; grid-gap: 3px; grid-template-columns: repeat(3, 1fr);}}
@media (max-width: 680px) {
.container {display: block;} .container article {padding: 9px 25px; white-space: nowrap; border-bottom: 1px solid #FFF;}
.container h1 {font-size: 24px;} .container img {object-position: 50% 60%}
}
.container div:hover img {filter: brightness(120%) saturate(120%);} .container div:hover article {color: #FFF;}

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

/*Our Services*/

#oursvcs {margin: auto; background-color: #591D35;} #oursvcs * {color: #FFF;} #oursvcs a {color: #beebff}

#oursvcs .bodyarea {-webkit-display: grid; display: grid; padding: 0;}
#oursvcs section div {font-size: .88em; line-height: 1.7;}
#oursvcs article {display: block; font-size: 1.4em; font-weight: 500; line-height: 1.2; color: #FFD247;}
#oursvcs span {color: #FFD247; white-space: nowrap;}
#oursvcs img {display: block; width: 600px; height: 350px; width: 100%; height: 100%; object-fit: cover;}
#oursvcs p {margin-bottom: 0;} #oursvcs a {font-style: italic;}

#oursvcs .pmain {grid-row: 1 / 1; grid-column: 1 / 4; /*grid-area: a;*/ margin-bottom: 30px;}
#oursvcs .pmain article {font-size: 1.8em; margin-bottom: 20px;}
#oursvcs .p1 {grid-row: 2 / 2; grid-column: 1 / 2;}
#oursvcs .p2 {grid-row: 2 / 2; grid-column: 2 / 3;}
#oursvcs .p3 {grid-row: 2 / 2; grid-column: 3 / 4;}
#oursvcs .bodyarea div {margin-bottom: 25px;}

@media (min-width: 1371px) {
#oursvcs .bodyarea {grid-template-columns: 60% 40%; grid-auto-rows: 1fr;}
#oursvcs section:first-child {margin-right: 20px; padding: 40px 0 50px 0;}
#oursvcs section:last-child {margin-left: 20px;}
}
@media (max-width: 1370px) {
#oursvcs section:first-child {padding: 40px 0 0 0;}
#oursvcs section:last-child {margin: 35px 0 40px 0; height: calc(80px + 45vw); max-height: 450px;}
}

@media (min-width: 901px) {
#oursvcs section:first-child {display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 40px; grid-gap: 0 40px;}
#oursvcs .bodyarea div:nth-last-of-type(-n+2) {margin-bottom: 0;}
#oursvcs span {display: block; margin-top: 2px; font-size: .85em; font-weight: 400; color: #FFD247;}
}
@media (max-width: 900px) {#oursvcs article {line-height: 1.3;} #oursvcs .bodyarea div:last-child {margin-bottom: 0;}}

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

/*Why Us*/

#whyus {background-color: #FBB040;} #whyus .bodyarea {padding: 50px 0 30px 0;} #whyus .heading {text-align: center; font-size: 1.5em;}

#whyusboxes {margin: 30px auto;}
#whyusboxes .box {display: inline-block; margin: 10px 2px; font-size: 18px; line-height: 1.6; background-color: #FFF; break-inside: avoid; color: #555; border-radius: 5px;}
#whyusboxes .box div:first-child {width: 100%; margin-bottom: 20px; font-size: 1.4em; line-height: 1.2; font-weight: 500; padding-bottom: 20px; border-bottom: 1px solid #CCC; color: #91193B;}

@media (min-width: 1201px) {#whyusboxes .box {padding: 23px;}}
@media (max-width: 1200px) {#whyusboxes .box {padding: 20px;}}
@media (min-width: 1041px) {#whyusboxes {-webkit-column-count: 3; column-count: 3;}}
@media (max-width: 1040px) {#whyusboxes {-webkit-column-count: 2; column-count: 2; margin: 35px auto 25px auto;}}
@media (max-width: 720px) {#whyusboxes {-webkit-column-count: 1; column-count: 1;}}