.elementor-28165 .elementor-element.elementor-element-8340dc0{--display:flex;--min-height:86px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:900;}.elementor-28165 .elementor-element.elementor-element-8340dc0:not(.elementor-motion-effects-element-type-background), .elementor-28165 .elementor-element.elementor-element-8340dc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-28165 .elementor-element.elementor-element-5dffaa6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-28165 .elementor-element.elementor-element-5dffaa6.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-28165 .elementor-element.elementor-element-dcefc03{width:auto;max-width:auto;z-index:99;text-align:start;}.elementor-28165 .elementor-element.elementor-element-dcefc03 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-28165 .elementor-element.elementor-element-dcefc03 img{width:215px;height:86px;object-fit:cover;object-position:center center;transition-duration:0.2s;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.elementor-28165 .elementor-element.elementor-element-dcefc03:hover img{opacity:100;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-28165 .elementor-element.elementor-element-b610f70{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-28165 .elementor-element.elementor-element-437180c .elementor-nav-menu .elementor-item{font-family:"Barlow Semi Condensed", Sans-serif;font-weight:bold;text-decoration:none;}.elementor-28165 .elementor-element.elementor-element-437180c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-54f497b );fill:var( --e-global-color-54f497b );}.elementor-28165 .elementor-element.elementor-element-437180c .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-28165 .elementor-element.elementor-element-4b01b0c{--display:flex;--position:absolute;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:1000;}.elementor-28165 .elementor-element.elementor-element-4b01b0c.e-con{--align-self:flex-end;}body:not(.rtl) .elementor-28165 .elementor-element.elementor-element-4b01b0c{right:0px;}body.rtl .elementor-28165 .elementor-element.elementor-element-4b01b0c{left:0px;}.elementor-28165 .elementor-element.elementor-element-0b63452{--display:flex;--position:absolute;--min-height:85px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:03px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-28165 .elementor-element.elementor-element-0b63452:not(.elementor-motion-effects-element-type-background), .elementor-28165 .elementor-element.elementor-element-0b63452 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}body:not(.rtl) .elementor-28165 .elementor-element.elementor-element-0b63452{right:0px;}body.rtl .elementor-28165 .elementor-element.elementor-element-0b63452{left:0px;}.elementor-28165 .elementor-element.elementor-element-33f69ca > .elementor-widget-container{margin:0px -9px 0px 0px;padding:13px 11px 8px 17px;}.elementor-28165 .elementor-element.elementor-element-33f69ca{z-index:1000;}.elementor-28165 .elementor-element.elementor-element-7831b20 > .elementor-widget-container{margin:0px -9px 0px 0px;padding:0px 0px 0px 0px;}.elementor-28165 .elementor-element.elementor-element-7831b20{z-index:1000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1920px){.elementor-28165 .elementor-element.elementor-element-8340dc0{--min-height:80px;}.elementor-28165 .elementor-element.elementor-element-dcefc03 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-28165 .elementor-element.elementor-element-dcefc03.elementor-element{--align-self:flex-start;}.elementor-28165 .elementor-element.elementor-element-dcefc03{text-align:start;}.elementor-28165 .elementor-element.elementor-element-dcefc03 img{height:80px;object-fit:cover;}.elementor-28165 .elementor-element.elementor-element-0b63452{--min-height:80px;}.elementor-28165 .elementor-element.elementor-element-33f69ca > .elementor-widget-container{padding:12px 11px 8px 17px;}.elementor-28165 .elementor-element.elementor-element-7831b20 > .elementor-widget-container{padding:12px 11px 8px 17px;}}@media(max-width:767px){.elementor-28165 .elementor-element.elementor-element-8340dc0{--min-height:80px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:900;}.elementor-28165 .elementor-element.elementor-element-5dffaa6{--width:60%;--justify-content:flex-start;}.elementor-28165 .elementor-element.elementor-element-dcefc03 img{width:194px;max-width:194px;height:85px;object-fit:cover;}.elementor-28165 .elementor-element.elementor-element-b610f70{--width:40%;}.elementor-28165 .elementor-element.elementor-element-4b01b0c{--width:100px;--min-height:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1000;}.elementor-28165 .elementor-element.elementor-element-0b63452{--width:85px;--min-height:85px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1000;}}@media(min-width:768px){.elementor-28165 .elementor-element.elementor-element-5dffaa6{--width:300px;}.elementor-28165 .elementor-element.elementor-element-b610f70{--width:56%;}.elementor-28165 .elementor-element.elementor-element-4b01b0c{--width:500px;}.elementor-28165 .elementor-element.elementor-element-0b63452{--width:96px;}}@media(max-width:1920px) and (min-width:768px){.elementor-28165 .elementor-element.elementor-element-b610f70{--width:59%;}.elementor-28165 .elementor-element.elementor-element-0b63452{--width:80px;}}/* Start custom CSS for container, class: .elementor-element-0b63452 *//* =========================================
   MENU BUTTON
========================================= */

.animated-menu-toggle {
    --menu-width: 39px;
    --menu-height: 32px;

    --line-height: 4px;

    --x-size: 28px;
    --x-line-height: 4px;

    --vertical-speed: 350ms;
    --horizontal-speed: 300ms;

    position: relative;

    display: inline-block;

    width: var(--menu-width);
    height: var(--menu-height);

    padding: 0 !important;
    margin: 0;

    appearance: none;
    -webkit-appearance: none;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: white !important;

    cursor: pointer;

    overflow: visible;
}


/* =========================================
   LINES
========================================= */

.animated-menu-toggle .menu-line {
    position: absolute;

    left: 0;

    width: 100%;
    height: var(--line-height);

    display: block;

    background: currentColor;

    transform: scaleX(1);
    transform-origin: center center;

    pointer-events: none;

    z-index: 2;
}


/* Starting positions */

.animated-menu-toggle .menu-line-top {
    top: 0;
}

.animated-menu-toggle .menu-line-bottom {
    top: calc(100% - var(--line-height));
}


/* =========================================
   MENU TEXT
========================================= */

.animated-menu-toggle .menu-toggle-text {
    position: absolute;

    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);

    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding-bottom:2px;

    letter-spacing: 0.03em;

    white-space: nowrap;

    opacity: 1;

    pointer-events: none;

    z-index: 1;
}


/* =========================================
   CLOSE X
========================================= */

.animated-menu-toggle .menu-close-x {
    position: absolute;

    top: 50%;
    left: 50%;

    width: var(--x-size);
    height: var(--x-size);

    transform: translate(-50%, -50%);

    opacity: 0;

    pointer-events: none;

    z-index: 3;
}


/* X strokes */

.animated-menu-toggle .menu-close-x::before,
.animated-menu-toggle .menu-close-x::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 50%;

    width: var(--x-size);
    height: var(--x-line-height);

    background: currentColor;

    transform-origin: center center;
}


/* First diagonal */

.animated-menu-toggle .menu-close-x::before {
    transform:
        translate(-50%, -50%)
        rotate(45deg)
        scaleX(1);
}


/* Second diagonal */

.animated-menu-toggle .menu-close-x::after {
    transform:
        translate(-50%, -50%)
        rotate(-45deg)
        scaleX(1);
}


/* =========================================
   NORMAL OPEN STATE

   MENU hidden
   Horizontal lines gone
   X visible
========================================= */

.animated-menu-toggle.is-open .menu-line {
    top: calc(50% - (var(--line-height) / 2));

    transform: scaleX(0);
}


.animated-menu-toggle.is-open .menu-toggle-text {
    opacity: 0;
}


.animated-menu-toggle.is-open .menu-close-x {
    opacity: 1;
}


/* =========================================
   OPEN ANIMATION

   1. Lines move vertically together
   2. Horizontal line shrinks
   3. X grows from centre
========================================= */

.animated-menu-toggle.animating-open .menu-line-top {
    animation:
        menuTopOpen
        calc(var(--vertical-speed) + var(--horizontal-speed))
        cubic-bezier(.65, 0, .35, 1)
        forwards;
}


.animated-menu-toggle.animating-open .menu-line-bottom {
    animation:
        menuBottomOpen
        calc(var(--vertical-speed) + var(--horizontal-speed))
        cubic-bezier(.65, 0, .35, 1)
        forwards;
}


/* MENU disappears while lines close vertically */

.animated-menu-toggle.animating-open .menu-toggle-text {
    animation:
        menuTextHide
        var(--vertical-speed)
        cubic-bezier(.65, 0, .35, 1)
        forwards;
}


/*
 * Make X container available immediately.
 * The strokes themselves remain scaleX(0)
 * until the horizontal line starts shrinking.
 */

.animated-menu-toggle.animating-open .menu-close-x {
    opacity: 1;
}


/* First X stroke grows outward */

.animated-menu-toggle.animating-open .menu-close-x::before {
    animation:
        xLineOneOpen
        calc(var(--vertical-speed) + var(--horizontal-speed))
        cubic-bezier(.22, .61, .36, 1)
        forwards;
}


/* Second X stroke grows outward */

.animated-menu-toggle.animating-open .menu-close-x::after {
    animation:
        xLineTwoOpen
        calc(var(--vertical-speed) + var(--horizontal-speed))
        cubic-bezier(.22, .61, .36, 1)
        forwards;
}


/* =========================================
   CLOSE ANIMATION

   1. X shrinks into centre
   2. Horizontal line grows outward
   3. Lines split vertically
   4. MENU returns
========================================= */

.animated-menu-toggle.animating-close .menu-line-top {
    animation:
        menuTopClose
        calc(var(--horizontal-speed) + var(--vertical-speed))
        cubic-bezier(.65, 0, .35, 1)
        forwards;
}


.animated-menu-toggle.animating-close .menu-line-bottom {
    animation:
        menuBottomClose
        calc(var(--horizontal-speed) + var(--vertical-speed))
        cubic-bezier(.65, 0, .35, 1)
        forwards;
}


.animated-menu-toggle.animating-close .menu-toggle-text {
    animation:
        menuTextShow
        calc(var(--horizontal-speed) + var(--vertical-speed))
        cubic-bezier(.65, 0, .35, 1)
        forwards;
}


/* Keep X visible while its strokes shrink */

.animated-menu-toggle.animating-close .menu-close-x {
    opacity: 1;
}


.animated-menu-toggle.animating-close .menu-close-x::before {
    animation:
        xLineOneClose
        calc(var(--horizontal-speed) + var(--vertical-speed))
        cubic-bezier(.65, 0, .35, 1)
        forwards;
}


.animated-menu-toggle.animating-close .menu-close-x::after {
    animation:
        xLineTwoClose
        calc(var(--horizontal-speed) + var(--vertical-speed))
        cubic-bezier(.65, 0, .35, 1)
        forwards;
}


/* =========================================
   OPEN - MENU LINES
========================================= */

@keyframes menuTopOpen {

    0% {
        top: 0;
        transform: scaleX(1);
    }


    /*
     * Vertical movement finished.
     * Both lines now overlap in centre.
     */

    54% {
        top: calc(50% - (var(--line-height) / 2));
        transform: scaleX(1);
    }


    /*
     * Horizontal line shrinks
     * toward its centre.
     */

    100% {
        top: calc(50% - (var(--line-height) / 2));
        transform: scaleX(0);
    }

}


@keyframes menuBottomOpen {

    0% {
        top: calc(100% - var(--line-height));
        transform: scaleX(1);
    }


    54% {
        top: calc(50% - (var(--line-height) / 2));
        transform: scaleX(1);
    }


    100% {
        top: calc(50% - (var(--line-height) / 2));
        transform: scaleX(0);
    }

}


/* =========================================
   OPEN - MENU TEXT
========================================= */

@keyframes menuTextHide {

    0% {
        opacity: 1;

        transform:
            translate(-50%, -50%)
            scaleY(1);
    }


    100% {
        opacity: 0;

        transform:
            translate(-50%, -50%)
            scaleY(0);
    }

}


/* =========================================
   OPEN - X GROWS FROM CENTRE
========================================= */

@keyframes xLineOneOpen {

    /*
     * Nothing visible while top/bottom
     * lines are moving vertically.
     */

    0%,
    54% {
        transform:
            translate(-50%, -50%)
            rotate(45deg)
            scaleX(0);
    }


    /*
     * Start growing while horizontal
     * line is disappearing.
     */

    68% {
        transform:
            translate(-50%, -50%)
            rotate(45deg)
            scaleX(0.18);
    }


    82% {
        transform:
            translate(-50%, -50%)
            rotate(45deg)
            scaleX(0.55);
    }


    94% {
        transform:
            translate(-50%, -50%)
            rotate(45deg)
            scaleX(0.88);
    }


    100% {
        transform:
            translate(-50%, -50%)
            rotate(45deg)
            scaleX(1);
    }

}


@keyframes xLineTwoOpen {

    0%,
    54% {
        transform:
            translate(-50%, -50%)
            rotate(-45deg)
            scaleX(0);
    }


    68% {
        transform:
            translate(-50%, -50%)
            rotate(-45deg)
            scaleX(0.18);
    }


    82% {
        transform:
            translate(-50%, -50%)
            rotate(-45deg)
            scaleX(0.55);
    }


    94% {
        transform:
            translate(-50%, -50%)
            rotate(-45deg)
            scaleX(0.88);
    }


    100% {
        transform:
            translate(-50%, -50%)
            rotate(-45deg)
            scaleX(1);
    }

}


/* =========================================
   CLOSE - MENU LINES
========================================= */

@keyframes menuTopClose {

    /*
     * Start as invisible centre line.
     */

    0% {
        top: calc(50% - (var(--line-height) / 2));
        transform: scaleX(0);
    }


    /*
     * Grow horizontally first.
     */

    46% {
        top: calc(50% - (var(--line-height) / 2));
        transform: scaleX(1);
    }


    /*
     * Then move upward.
     */

    100% {
        top: 0;
        transform: scaleX(1);
    }

}


@keyframes menuBottomClose {

    0% {
        top: calc(50% - (var(--line-height) / 2));
        transform: scaleX(0);
    }


    /*
     * Full horizontal line in centre.
     */

    46% {
        top: calc(50% - (var(--line-height) / 2));
        transform: scaleX(1);
    }


    /*
     * Then move downward.
     */

    100% {
        top: calc(100% - var(--line-height));
        transform: scaleX(1);
    }

}


/* =========================================
   CLOSE - X SHRINKS INTO CENTRE
========================================= */

@keyframes xLineOneClose {

    0% {
        transform:
            translate(-50%, -50%)
            rotate(45deg)
            scaleX(1);
    }


    /*
     * X disappears progressively while
     * horizontal centre line grows.
     */

    18% {
        transform:
            translate(-50%, -50%)
            rotate(45deg)
            scaleX(0.72);
    }


    34% {
        transform:
            translate(-50%, -50%)
            rotate(45deg)
            scaleX(0.28);
    }


    70%,
    100% {
        transform:
            translate(-50%, -50%)
            rotate(45deg)
            scaleX(0);
    }

}


@keyframes xLineTwoClose {

    0% {
        transform:
            translate(-50%, -50%)
            rotate(-45deg)
            scaleX(1);
    }


    18% {
        transform:
            translate(-50%, -50%)
            rotate(-45deg)
            scaleX(0.72);
    }


    34% {
        transform:
            translate(-50%, -50%)
            rotate(-45deg)
            scaleX(0.28);
    }


    46%,
    100% {
        transform:
            translate(-50%, -50%)
            rotate(-45deg)
            scaleX(0);
    }

}


/* =========================================
   CLOSE - MENU TEXT
========================================= */

@keyframes menuTextShow {

    0%,
    48% {
        opacity: 0;

        transform:
            translate(-50%, -50%)
            scaleY(0);
    }


    100% {
        opacity: 1;

        transform:
            translate(-50%, -50%)
            scaleY(1);
    }

}


/* =========================================
   ELEMENTOR RESET
========================================= */

.animated-menu-toggle:hover,
.animated-menu-toggle:focus,
.animated-menu-toggle:active {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: inherit;
}


.animated-menu-toggle:focus-visible {
    outline: 0;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Barlow Semi Condensed';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://drylocktechnologies.com/wp-content/uploads/2022/01/BarlowSemiCondensed-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Barlow Semi Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://drylocktechnologies.com/wp-content/uploads/2022/01/BarlowSemiCondensed-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Barlow Semi Condensed';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://drylocktechnologies.com/wp-content/uploads/2022/01/BarlowSemiCondensed-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Barlow Semi Condensed';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://drylocktechnologies.com/wp-content/uploads/2022/01/BarlowSemiCondensed-SemiBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */