.elementor-620 .elementor-element.elementor-element-13d1b44 > .elementor-container{min-height:788px;}.elementor-620 .elementor-element.elementor-element-13d1b44 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-bc-flex-widget .elementor-620 .elementor-element.elementor-element-50a214d.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-620 .elementor-element.elementor-element-50a214d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}@media(max-width:767px){.elementor-620 .elementor-element.elementor-element-13d1b44 > .elementor-container{min-height:643px;}}/* Start custom CSS for html, class: .elementor-element-53e750a */.backbt {
    position: absolute;
    color: white;
    right: 85%;
    z-index: 888;
    top: 550px;
    text-shadow: 1px 1px 1px rgb(2, 2, 2);
}
.diamondbx{
    min-width: 241px;
    max-width:241px;
    min-height: 241px;
     max-height: 241px;
    transform: matrix3d(0.694658, -0.71934, 0, 0, 0.71934, 0.694658, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
    background: grey;
    position:absolute;
        width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.html5-image {
    padding: 0 !important;
}
.html5-elem-data-box {
    padding-bottom: 0 !important;
}
.diamondbx h4 {
    position: absolute;
    z-index: 1;
    transform: rotate(45deg);
    color: white;
    text-align: center;
    top: 120px;
    left: 51px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgb(2, 2, 2);
    display: none;
}
.diamondbx img {
    min-width: 500px;
    transform: rotate(45deg);
    display: block;
    text-align: center;
    margin-left: -134px;
    margin-top: -99px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.diamondbx img:hover{
     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
        -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.rectabx{
        transform: matrix3d(0.694658, -0.71934, 0, 0, 0.71934, 0.694658, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform-origin: 50% 50% 0px;
    width:100%;
     max-width:482px;
     height:241px;
      background: grey;
      position:absolute;
      display: block;
    overflow: hidden;
      
}
.rectabx h4 {
    position: absolute;
    z-index: 1;
    transform: rotate(45deg);
    color: white;
    text-align: center;
    top: 117px;
    left: 162px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow:1px 1px 1px rgb(2, 2, 2);
    display: none;
}
.rectabx img {
    min-width: 800px;
    transform: rotate(45deg);
    display: block;
    text-align: center;
    margin-left: -134px;
    margin-top: -99px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.rectabx img:hover{
     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
        -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.rectabx:hover h4{
    display: block;
}
.diamondbx:hover h4{
    display: block;
}
.diamondbx.f0 {
    top: 142px;
    right: 755px;
    background: white;
    width: 100%;
    overflow: unset;
}
.diamondbx.f1 {
    right: 30px;
    top: -160px;
    background: #272727;
}
.rectabx.f2 {
    right: -181px;
    top: 101px;
}
.rectabx.f2 h4{
top: 105px;
    left: 96px;
}    
.diamondbx.f2 {
    right: 200px;
    top: 17px;
    background: black
}
.diamondbx.f3 {
    background: green;
        right: 377px;
    top: -154px;
    background: rgb(91, 132, 38)
}
.rectabx.f1 {
    top: 110px;
    right: 511px;
}
.diamondbx.f6 {
       right: 855px;
    top: 467px;
    background: #59851d;
        max-width: 482px;
}
.diamondbx.f4 {
    right: 195px;
    top: 366px;
}
.diamondbx.f14 {
    right: 550px;
    top: 24px;
}
.diamondbx.f16 {
    right: 24px;
    top: 189px;
}
.diamondbx.f8 {
    right: 720px;
    top: 203px;
}
.diamondbx.f9 {
    right: 542px;
    top: 374px;
}
.diamondbx.f18 {
    background: #191818;
    right: -146px;
    top: 12px;
}
.diamondbx.f7 {
    right: 364px;
    top: 544px;
    background: #272727;
}
.diamondbx.f5 {
       right: 372px;
    top: 195px;
    background: rgb(91, 132, 38)
}
.rectabx.f3 {
    right: -188px;
    top: 448px;
    background: #59851d;
}
.diamondbx.f21 {
    right: 714px;
    top: 551px;
    background: #2b2b2b;
}
.rectabx.f4 {
    right: 504px;
    top: 460px;
}
h3.maintitlep {
    font-size: 40px;
    font-weight: 300;
}
.rectabx.f4 h4 {
    top: 108px;
    right: 29px;
}
@media only screen and (max-width: 1024px) {
 
.diamondbx h4 {
    top: 88px;
    left: 40px;
}
.diamondbx {
    min-width: 200px;
    max-width: 200px;
    min-height: 200px;
    max-height: 200px;
}    
.diamondbx.f0 {
    top: 75px;
    right: 605px;
}
.diamondbx.f1 {
    right: 30px;
    top: -160px;
}
.rectabx.f2 {
    right: -145px;
    top: 61px;
}
.rectabx.f2 h4{
    top: 105px;
    left: 96px;
}    
.diamondbx.f2 {
    right: 173px;
    top: -12px;
}
.diamondbx.f3 {
    right: 320px;
    top: -154px;
}
.rectabx.f1 {
    top: 66px;
    right: 430px;
}
.diamondbx.f6 {
       right: 702px;
       top: 391px;
}
.diamondbx.f4 {
    right: 168px;
    top: 280px;
}
.diamondbx.f7 {
    right: 279px;
    top: 499px;
    min-width: 400px;
    max-width: 400px;
}
.diamondbx.f5 {
       right: 314px;
       top: 137px;
}
.rectabx.f3 {
    right: -196px;
    top: 352px;
}
.rectabx.f4 {
    right: 426px;
    top: 355px;
}
h3.maintitlep {
    font-size: 30px;
}
.rectabx.f4 h4 {
    top: 108px;
    right: 29px;
}
.diamondbx.f18 {
    right: -119px;
    top: -15px;
}
.diamondbx.f16 {
    right: 24px;
    top: 130px;
}
.diamondbx.f14 {
    right: 463px;
    top: -6px;
}
.diamondbx.f8 {
    right: 606px;
    top: 142px;
}
.diamondbx.f21 {
    right: 602px;
    top: 433px;
}
.backbt {
    top: 450px;
}
}
@media only screen and (max-width: 840px) {
 
.rectabx{
        max-width: 260px;
        height: 130px;
}
.rectabx h4 {
        top: 55px;
        left: 63px;
        font-size: 12px;
}
.diamondbx h4 {
    top: 64px;
    left: 14px;
    font-size: 12px;
}
.diamondbx {
    min-width: 130px;
    max-width: 130px;
    min-height: 130px;
    max-height: 130px;
}    
.diamondbx.f0 {
    top: 103px;
    right: 526px;
}
.diamondbx.f1 {
    right: 152px;
    top: -17px;
}
.rectabx.f2 {
    right: -52px;
    top: 29px;
    border: 0;
}
.rectabx.f2 h4{
    top: 52px;
    left: 64px;
    font-size: 12px;
}    
.diamondbx.f2 {
    right: 245px;
    top: 79px;
}
.diamondbx.f3 {
    right: 320px;
    top: -36px;
}
.rectabx.f1 {
    top: 107px;
    right: 391px;
}
.diamondbx.f6 {
    right: 546px;
    top: 380px;
}
.diamondbx.f4 {
    right: 149px;
    top: 171px;
}
.diamondbx.f7 {
    right: 200px;
    top: 363px;
    min-width: 400px;
    max-width: 400px;
}
.diamondbx.f5 {
       right: 337px;
       top: 174px;
}
.rectabx.f3 {
    right: -56px;
    top: 217px;
}
.rectabx.f4 {
    right: 409px;
    top: 316px;
}
h3.maintitlep {
    font-size: 30px;
}
.rectabx.f4 h4 {
    top: 55px;
    right: 29px;
}
.diamondbx.f16 {
    right: 56px;
    top: 76px;
}
.diamondbx.f18 {
    right: -37px;
    top: -21px;
}
.diamondbx.f14 {
    right: 414px;
    top: 61px;
}
.diamondbx.f8 {
    right: 507px;
    top: 157px;
}
.diamondbx.f9 {
    right: 430px;
    top: 270px;
}
.diamondbx.f21 {
    right: 523px;
    top: 367px;
}
.backbt {
    top: 350px;
}
}

@media only screen and (max-width: 640px) {
 
.rectabx{
        max-width: 260px;
        height: 130px;
}
.rectabx h4 {
        top: 55px;
        left: 63px;
        font-size: 12px;
}
.diamondbx h4{
    display:block !important;
}
.diamondbx img {
    min-width: 350px;
}
.diamondbx h4 {
    top: 64px;
    left: 14px;
    font-size: 12px;
}
.diamondbx {
    min-width: 130px;
    max-width: 130px;
    min-height: 130px;
    max-height: 130px;
}    
.diamondbx.f0 {
    top: 433px;
    right: 26px;
}
.diamondbx.f1 {
    right: 152px;
    top: -17px;
}
.rectabx.f2 {
    right: -52px;
    top: 29px;
    border: 0;
}
.rectabx.f2 h4{
    top: 52px;
    left: 64px;
    font-size: 12px;
}    
.diamondbx.f2 {
    right: 245px;
    top: 79px;
}
.diamondbx.f3 {
    right: 320px;
    top: -36px;
    display: none;
}
.rectabx.f1 {
    top: 408px;
    right: 125px;
}
.diamondbx.f6 {
       right: 39px;
       top: 511px;
       display: none;
}
.diamondbx.f4 {
    right: 149px;
    top: 171px;
}
.diamondbx.f7 {
    right: 200px;
    top: 363px;
    min-width: 400px;
    max-width: 400px;
    display: none;
}
.diamondbx.f5 {
    right: 55px;
    top: 264px;
    z-index: 8;
}
.rectabx.f3 {
    right: -148px;
    top: 123px;
    max-width: 260px !important;
}
.rectabx.f4 {
    right: 221px;
    top: 313px;
}
h3.maintitlep {
    font-size: 30px;
}
.rectabx.f4 h4 {
    top: 55px;
    right: 29px;
}
.diamondbx.f14 {
    right: 242px;
    top: 267px;
}
.diamondbx.f8 {
    right: 146px;
    top: 361px;
}
.diamondbx.f9 {
    right: 238px;
    top: 457px;
}
.diamondbx.f21 {
    right: 334px;
    top: 364px;
}
.backbt {
    top: 450px;
    background: #57860e;
    padding: 10px;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-13d1b44 */.mainf{
    position:relative;
    overflow: hidden;
}
.elementor.elementor-223 {
    overflow: hidden;
    height: 100%;
}
h4{
    font-weight: 300 !important;
}/* End custom CSS */