/*

 Theme Name:   Ayzo

 Description:  Theme developed by UUPkeep for Ayzo International

 Author:       UUPkeep

 Author URI:   https://www.uupkeep.com

 Template:     uupkeep

 Version:      1.0.7

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  uupkeepchild

*/





/*Root - Colors*/



/*========================================

* Dark Blue = #071c35

* Light Blue = #2DA8E0

* Lightest Blue = #f9fbff

========================================*/



/*Dev*/



.page-template-page-dev .menu-container, .page-template-page-dev footer {

    display: none;

}





/*========================================

* Global

========================================*/



.home {

    background-color: #fff !important;

}



body {

    overflow-x: hidden;

    margin: 0 !important;

    background-color: #f9fbff !important;

}



body, h1, h2, h3, h4, h5, h6, p, li, a {

    -webkit-font-smoothing: antialiased;

    font-smoothing: antialiased;

}



a:hover {

    text-decoration: none !important;

    color: #2DA8E0 !important;

}



h1, h2, h3, h4, h5, h6 {

    font-family: 'Lato';

}



p, li, button, span, td, tr, th, a {

    font-family: 'Lato';

}



.center-center {

    display: flex;

    align-items: center;

    justify-content: center;

}



.hasAnim {

    transition: opacity 0.5s, transform 0.75s;

    transform: translateY(20px);

    opacity: 0;

}



.showAnim {

    transform: translateY(0);

    opacity: 1;

}



/*========================================

* Common

========================================*/



/*Positions*/



.no-position {

    position: unset !important;

}



/*Spacing*/



.mt10vh {

    margin-top: 10vh !important;

}



.mt15vh {

    margin-top: 15vh !important;

}



.inner-page-spacing {

    padding: 1em 5vw !important;

}



/*Sizes*/



.minh15vh {

    min-height: 15vh;

    height: 15vh;

}



.minh100vh {

    min-height: 100vh;

    height: 100vh;

}



.w-40 {

    width: 40% !important;

}



/*Colors - BG*/



.bg-db {

    background-color: #071c35;

}



.bg-lightgray {

    background-color: #f1f1f1;

}



/*Colors - Text*/



.white, .white a {

    color: white;

    transition: 0.5s;

}



.white a:hover {

    color: #071c35;

}



.darkblue {

    color: #071c35;

}



.lightblue {

    color: #2DA8E0;

}



.lorange {

    color: #071c35;

}



.dorange {

    color: #EB5B21;

}



.bg-turquoise {

    background-color: #2DA8E0 !important;

    color: #fff;

}



/*Elements*/



.home-section {

    padding: 1rem 5vw;

}



.b-left {

    border-left-width: 1px !important;

}



ul {

    padding: 0;

}



.buttons-container {

    display: flex;

}



.buttons-container .button-container:not(:last-of-type) {

    margin-right: 2rem;

}



.button-container {

    padding: 1em 0;

    text-align: center;

}



.az-button {

    padding: 1em 1.5em;

    background-color: #2DA8E0;

    color: #fff;

    transition: 0.5s;

    display: inline-block;

    font-family: 'Lato';

    font-weight: 600;

    letter-spacing: 0.15em;

}


.tws-ayzo {

    padding: 1em 1.5em;

    background-color: #2DA8E0;

    color: #fff;

    transition: 0.5s;

    display: inline-block;

    font-family: 'Lato';

    font-weight: 600;

    width: 90%;

    /* letter-spacing: 0.15em; */

}



.az-button:hover {

    background-color: #fff;

    color: #2DA8E0;

}

.tws-ayzo:hover {

    background-color: #fff;

    color: #2DA8E0;

}


.subbutton a {

    background: #fff;

    color: #2DA8E0;

}



.subbutton a:hover {

    background: #2DA8E0;

    color: #fff;

}



.inner-title-wrapper {

    margin-bottom: 3rem;

    flex-direction: column;

}



.inner-title-wrapper p {

    margin-top: 1em;

}



.inner-title {;

    position: relative;

    padding-bottom: 0.3em;

}



.inner-title::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50%;

    height: 4px;

    background-color: #2DA8E0;

    border-radius: 5px;

}



.inner-title::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: -5px;

    height: 4px;

    width: 5px;

    background-color: #f9fbff;

    z-index: 9;

    animation: movebg 3s linear infinite;



}



@keyframes movebg {

    from {

        left: -5px;

    }

    to {

        left: 60%;

    }

}



label {

    font-family: 'Lato', sans-serif !important;

    font-weight: 400 !important;

    font-size: 0.9em !important;

}



select {

    background-color: transparent !important;

    border-color: #071c35 !important;

    border-top: 0 !important;

    border-left: 0 !important;

    border-right: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    color: #071c35 !important;

    font-family: 'Lato', sans-serif !important;

    font-weight: 400 !important;

    font-size: 0.9em !important;

}



input,

textarea {

    background-color: transparent !important;

    border-color: #071c35 !important;

    border-top: 0 !important;

    border-left: 0 !important;

    border-right: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    color: #071c35 !important;

}



input::placeholder,

textarea::placeholder {

    color: #071c35 !important;

}



.frm_submit {

    text-align: center;

    margin-top: 3rem;

}



.frm_submit button {

    font-size: 1em !important;

    box-shadow: none !important;

    border-radius: 0 !important;

    color: #fff !important;

    padding: 1em 1.5em !important;

    transition: 0.5s;

    font-family: 'Lato' !important;

    letter-spacing: 0.15em;

    background-color: #2DA8E0 !important;

    border: 0px !important;

}



.frm_submit button:hover {

    background: white !important;

    color: #2DA8E0 !important;

}



.title-section {

    margin-top: 10vh;

    display: flex;

    align-items: flex-end;

    justify-content: center;

    text-align: center;

    color: #fff;

    background-position: center;

    background-size: cover;

}



.title-section .inner-title-wrapper {

    margin: 0px !important;

    text-transform: uppercase;

    letter-spacing: 2px;

    position: relative;

}



.curved-divider {

    width: 100%;

    position: relative;

    height: 5vw;

    pointer-events: none;

    background: transparent;

}



.inner-page-main-title-wrapper {

    height: 100%;

    background-color: #f9fbff;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.inner-page-main-title {

    font-size: 4em;

    color: #2DA8E0;

}



.inner-page-main-tagline {

    color: #071c35;

    font-size: 1.25rem;

    padding: 1em 2em;

}



.inner-page-main-image-wrapper {

    height: 60vh;

    background-size: cover;

    background-position: center;

}



.inner-page-svg-container {

    width: 50vh;

    height: 5vw;

    transform-origin: bottom left;

    transform: rotate(90deg) translateX(-5vw);

    position: absolute;

    z-index: 99;

}



.curved-divider-svg {

    fill: #f9fbff;

}



/*.inner-page-title-slider {

    position: absolute;

    top: 0;

    left: 0;

}*/



.inner-page-title-slider .slick-list {

    margin: 0px !important;

}



.inner-page-slide {

    min-height: 60vh;

    background-size: cover;

    background-position: center;

}



/*========================================

* Menu

========================================*/



.menu-container {

    background: #fff;

    height: 10vh;

    position: fixed;

    z-index: 999;

    box-shadow: 0px 0px 5px 0px #999;

    min-height: 0;

    transition: 0.5s;

}



.home-logo-wrapper {

    display: flex;

    align-items: center;

}



.home-logo-wrapper img {

    max-height: 7.5vh;

}



.home .home-bg {

    top: 0;

    box-shadow: 0px 0px;

}



.home-nav-list {

    margin-bottom: 0px !important;

}



.social-wrapper a:not(:last-of-type) {

    margin-right: 1.5em;

}



.social-wrapper i {

    transition: 0.5s;

    color: black;

}



.s-fb:hover {

    color: #4267B2 !important;

}



.s-tw:hover {

    color: #1DA1F2 !important;

}



.s-ln:hover {

    color: #2867B2 !important;

}



.s-in:hover {

    color: #C13584 !important;

}



.home-nav-list li:not(:last-of-type) {

    margin-right: 2em;

}



.home-nav-wrapper {

    padding-left: 2rem;

}



.menu-container a {

    color: #071c35;

    transition: 0.5s;

    white-space: nowrap;

}



.hasSubMenu {

    position: relative;

}



.hasSubMenu i {

    font-size: 0.8em !important;

    padding-left: 0.3em;

}



.submenu-list {

    position: absolute;

    top: 10vh;

    min-width: 10vw;

    background-color: #fff;

    box-shadow: 0px 5px 10px 0px #66666620;

    transition: max-height 0.5s;

    max-height: 0px;

    overflow: hidden;

}



.home-nav-item:hover .submenu-list {

    max-height: 1000px;

}



.submenu-list li {

    margin-right: 0px !important;

}



.submenu-list ul {

    margin: 0px !important;

    border-top: 5px solid #2DA8E0;

}



.submenu-list a {

    font-size: 1em !important;

    color: #071c35 !important;

    display: block;

    width: 100%;

    height: 100%;

    padding: 0.5rem 1rem;

    transition: 0.25s;

    position: relative;

}



.submenu-list a:hover {

    background-color: #2DA8E0;

    color: #fff !important;

}



/*========================================

* Global Home

========================================*/



.page-id-511 .menu-container, .page-id-511 footer {

    display: none !important;

}



.home:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 50%;

    height: 50%;

    z-index: -1;

    background-image: url(/wp-content/uploads/2020/07/tech-bg-new.jpg);

    background-size: 100% 100%;

    background-position: bottom;

    opacity: 0.5;

    background-repeat: no-repeat;

}



.logo-row {

    min-height: 20vh;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

}



.map-row {

    height: 80vh;

}



.globe-wrapper {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 60vh;

}



.globe-wrapper img {

    height: 100%;

}



.globe-border-inner {

    position: absolute;

    border: 5px inset #2DA8E0;

    border-radius: 50%;

    animation: 10s rotateBorder infinite linear;

}



.globe-border-outer {

    position: absolute;

    border: 5px inset #2DA8E0;

    border-radius: 50%;

    animation: 10s rotateBorder infinite linear reverse;

}



@keyframes rotateBorder {

    0% {transform: rotate(0);}

    100% {transform: rotate(360deg);}

}



.home-flags-row {

    min-height: 15vh;

}



.home-flags-list {

    margin: 0px;

}



.home-flag-item {

    display: inline-flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    margin-right: 1rem;

}



.home-flag {

    max-height: 6vh;

}



.home-flag-name-wrapper {

    margin-bottom: 0.5em;

    text-align: center;

    font-weight: bold;

    transition: 0.5s;

    opacity: 0;

}



.home-flag-item:hover .home-flag-name-wrapper {

    opacity: 1;

}



.global-home-logo {

    width: 30%;

}



.instructions {

    color: #2DA8E0;

    padding-bottom: 2em;

    text-align: center;

    padding-top: 2em;

}



/*.we-pm-icon {

    cursor: pointer;

}*/



/*========================================

* Alt Home

========================================*/



.page-id-150 .home-bg,

.page-id-570 .home-bg,

.page-id-572 .home-bg,

.page-id-574 .home-bg,

.page-id-576 .home-bg,

.page-id-578 .home-bg,

.page-id-580 .home-bg {

    background: transparent;

    box-shadow: 0px 0px 0px 0px;

}



.page-id-150 .home-bg .home-nav-item a,

.page-id-570 .home-bg .home-nav-item a,

.page-id-572 .home-bg .home-nav-item a,

.page-id-574 .home-bg .home-nav-item a,

.page-id-576 .home-bg .home-nav-item a,

.page-id-578 .home-bg .home-nav-item a,

.page-id-580 .home-bg .home-nav-item a {

    color: #fff;

}



.page-id-150 .home-bg i,

.page-id-570 .home-bg i,

.page-id-572 .home-bg i,

.page-id-574 .home-bg i,

.page-id-576 .home-bg i,

.page-id-578 .home-bg i,

.page-id-580 .home-bg i {

    color: #fff;

}



.page-id-150 .home-bg .goog-te-combo,

.page-id-570 .home-bg .goog-te-combo,

.page-id-572 .home-bg .goog-te-combo,

.page-id-574 .home-bg .goog-te-combo,

.page-id-576 .home-bg .goog-te-combo,

.page-id-578 .home-bg .goog-te-combo,

.page-id-580 .home-bg .goog-te-combo {

    color: #fff !important;

}



.hero-section {

    padding-top: 15vh;

    padding-bottom: 15vh;

    min-height: 100vh;

    display: flex;

    align-items: center;

    position: relative;

    z-index: 5;

}



.hero-slider-container {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    pointer-events: none;

}



.hero-slide {

    height: 100vh;

    background-size: cover;

    background-position: center;

    background-color: rgba(0,0,0,0.25);

    background-blend-mode: overlay;

}



.hero-slider-container .slick-list {

    margin: 0 !important;

}



.hero-title {

    color: #fff;

    font-weight: 700;

    font-size: 4rem;

}



.products-blurbs {

    position: relative;

    z-index: 6;

    margin-top: -11.5rem;

}



.product-blurb {

    padding: 2rem 3rem;

    box-shadow: 0 30px 60px #071c350d;

    border-radius: 10px;

    background: #fff;

}



.blurb-icon {

    text-align: center;

    min-height: 4rem;

    display: flex;

    align-items: center;

    justify-content: center;

}



.blurb-icon i {

    font-size: 3em;

    color: #2DA8E0;

}



.blurb-title {

    text-align: center;

    margin: 2rem 0;

}



.blurb-title h4 {

    font-weight: bold;

}



.blurb-description {

    text-align: center;

}



.slick-list {

    margin: 0 4rem;

}



.slick-track {

    padding-bottom: 3rem;

}



.popular-product {

    margin: 0 0.5rem;

    padding: 1.5rem;

    border-radius: 10px;

    background-color: #fff;

    transition: 0.5s;

    box-shadow: 0 30px 15px #3333330c;

    position: relative;

}



.popular-product::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    height: 5px;

    width: 0;

    background-color: #2DA8E0;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    transition: 0.75s;

}



.popular-product:hover::after {

    width: 100%;

}



#dealers-section .popular-product {

    display: flex !important;

    flex-direction: column;

    /*justify-content: space-evenly;*/
    justify-content: space-between;

}



.slick-arrow .slick-prev:before, .slick-arrow .slick-next:before {

    font-family: unset !important;

    font-size: 35px !important;

    color: #2DA8E0;

    transition: 0.5s;

}



.slick-arrow .slick-arrow {

    height: 100%;

    font-family: 'Font Awesome 5 Pro' !important;

    width: 3rem !important;

    transition: 0.5s;

    padding-bottom: 3rem;

}



.slick-arrow .slick-next {

    right: 0rem !important;

}



.slick-arrow .slick-prev {

    left: 0rem !important;

}



.slick-arrow .slick-arrow:hover:before {

    color: #071c35 !important;

}



.slick-arrow .slick-next:before {

    content: "\f0da";

}



.slick-arrow .slick-prev:before {

    content: "\f0d9";

}



.product-img {

    /* min-height: 150px; */
    width: 150px !important;
    height: 150px !important;

    margin: 0 auto;

}

.ffe-product-logo{
    /*height: 60px !important;*/
    width: 45% !important;
    margin: 0 auto;
}

.firetech-product-logo{
    height: 65px !important;
}


.product-img img {

    margin: 0 auto;

    max-width: 100%;
    max-height: 100%;

}



.home-inner-title-wrapper {

    display: flex;

}



.my-products-content {

    padding-right: 2em;

}



.my-products-list i {

    margin-right: 1rem;

    color: #2DA8E0;

}



.my-products-list li {

    margin-bottom: 1rem;

}



.product-title {

    padding-top: 1em;

}



.product-title h6, .home-inner-title {

    position: relative;

    padding-bottom: 1rem;

    margin-bottom: 2rem;

}



.product-title h6::after, .home-inner-title::after {

    content: "";

    position: absolute;

    bottom: 0;

    width: 50%;

    height: 2px;

    background-color: #2DA8E0;

    left: 0;

}



.product-title li {

    color: #999;

    font-size: 0.8em;

    margin-bottom: 0.5em;

}



.product-logo img {

    width: 100%;

}



.popular-product .az-button, .product-blurb .az-button {

    padding: 0.75em 1em;

}



#offer-section {

    margin-top: 2rem;

}



.client-logo img {

    width: 80%;

    margin: auto;

    border-radius: 10px;

    box-shadow: 0 15px 15px #3333330c;
    aspect-ratio: 1;

}

.client-logo{
    /* background: #fff; */
    border-radius: 15px;
}


.markets-col {

    padding: 0 0 15px !important;

    margin: 0 auto 2rem;

    flex: 0 0 21% !important;

    border-radius: 10px;

    background-color: #fff;

    box-shadow: 0 30px 60px #3333330d;

}



.markets-blurb {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.blurb-image {

    width: 100%;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



.markets-title {;

    margin-top: 1.5rem;

    margin-bottom: 0.5rem;

}



.markets-title h4 {

    margin: 0px !important;

}



.markets-content {

    text-align: center;

    padding: 0 10px;

}



.my-products-bg {

    background-image: url(/wp-content/uploads/2020/02/home-products.jpg);

    height: 100%;

    background-size: cover;

    background-position: center;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

}



.my-products-content-col {

    padding: 4rem 2rem;

}



.lightgallery-slide {

    margin: 2em 1em;

}



.single-event-container {

    min-height: 30vh;

    background-size: cover;

    background-position: center;

    position: relative;

}



.events-overlay-container {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    overflow: hidden;

    display: flex;

}



.events-overlay-container a {

    height: 100%;

}



.lightgallery-slide:hover .events-overlay-date, .lightgallery-slide:hover .events-overlay-title {

    transform: translateX(0);

    cursor: pointer;

}



.events-overlay-date {

    width: 30%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background-color: rgba(255, 255, 255, 0.8);

    transform: translateX(-100%);

    transition: 0.5s;

}



.events-overlay-date div {

    font-weight: bold;

}



.events-overlay-title {

    width: 70%;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: rgba(0,0,0,0.5);

    transform: translateX(100%);

    transition: 0.5s;

}



.events-overlay-title p {

    color: #fff;

    padding: 0 0.5em;

    text-align: center;

    font-size: 1.15em;

}



.event-logo {

    margin-top: 2em;

}



.event-logo img {

    width: 100%;

}



/*========================================

* Home

========================================*/



.home #primary {

    margin-top: 0;

}



/*Section 3*/



.authorised-dealers img {

    width: 65%;

}



.product-showcase-col {

    border: 1px solid #071c3540;

    border-left-width: 0px;

}



.product-showcase-wrapper {

    height: 100%;

    display: flex;

    align-items: center;

    padding: 2rem 1rem;

    background-size: cover;

    background-color: rgba(0,0,0,0.5);

    background-blend-mode: overlay;

    background-position: center;

}



.cctv-showcase {

    background-image: url(/wp-content/uploads/2020/01/cctv-bg.jpg);

}



.pava-showcase {

    background-image: url(/wp-content/uploads/2020/01/pava-bg.jpg);

}



.showcase-product-title, .showcase-product-title p {

    color: #fff;

}



.home-product-wrapper {

    height: 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    padding: 4rem 0;

}



.home-product-image {

    min-height: 150px;

}



.home-product-title {

    padding-top: 2rem;

    text-align: center;

}



.home-product-title p {

    color: #666;

    font-size: 0.8em;

}



.authorised-showcase {

    background-color: #071c35;

}



.associated-product-image {

    min-height: 150px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.associated-product-image img {

    width: 70%;

}



.newsletter-wrapper {

    width: 50%;

    margin: 0 auto;

}



/*Section 4*/



.contact-details-wrapper {

    width: 50%;

    text-align: center;

    padding-top: 2em;

}



/*========================================

* About

========================================*/



/*.about-title {

    background-image: url(/wp-content/uploads/2020/05/about-bgv2.jpg);

}*/



/*.about-image {

    background-image: url(/wp-content/uploads/2020/05/about-bgv2.jpg);

}*/



.timeline-col {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 15vh;

}



.timeline-item-wrapper {

    background-color: #fff;

    border-radius: 10px;

    box-shadow: 0px 30px 60px #33333315;

    width: 80%;

}



.timeline-item {

    padding: 2em 2em;

    position: relative;

    min-height: 22vh;

}



.timeline-number {

    position: absolute;

    top: -35px;

    left: calc(50% - 35px);

    font-size: 2em;

    width: 70px;

    height: 70px;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #2DA8E0;

    color: #fff;

    border-radius: 50%;

    border: 5px solid white;

    box-shadow: 0px 0px 10px #33333350;

    display: none !important;

}



.timeline-title {

    margin-bottom: 0.75em !important;

    font-weight: 600;

}



.about-title-wrapper {

    padding-top: 1em;

}



.about-small-title {

    font-size: 1.5em;

    color: #2DA8E0;

    font-weight: 600;

}



.about-larger-title {

    font-size: 2.5em;

    font-weight: 600;

}



.about-image-wrapper {

    display: flex;

    align-items: center;

    justify-content: center;

}



.about-image-wrapper img {

    border-radius: 10px;

    box-shadow: 0 30px 60px #33333320;

    max-width: 100%;

}



.line-right::before {

    content: "";

    position: absolute;

    right: -25%;

    width: 50%;

    height: 5px;

    background-color: #2DA8E0;

    z-index: -1;

    box-shadow: 0 0px 60px #33333320;

}



.line-bottom::after {

    content: "";

    position: absolute;

    bottom: -95%;

    height: 100%;

    width: 5px;

    z-index: -1;

    background-color: #2DA8E0;

    box-shadow: 0 0 60px #33333320;

}



/*========================================

* Partners

========================================*/



#partners-section {

    background: linear-gradient(to right,#2280aa,#1a6282)!important;

    padding-top: 15vh !important;

    padding-bottom: 10vh !important;

}



.partners-form-content {

    background-color: #fff;

    border-radius: 10px;

    box-shadow: 0 30px 60px #33333320;

}



.partners-form-content .frm_forms {

    padding: 3% 10%;

}



.partners-form-content .frm_checkbox {

    display: inline-block !important;

    min-width: 32%;

    padding: 0.5em 0;

}



.partners-title-row {

    color: #fff;

}



.partners-title-row h2 {

    font-size: 3em;

}



/*========================================

* Investors

========================================*/



/*.investors-title {

    background-image: url(/wp-content/uploads/2020/05/investors-bg.jpg);

}*/



.investors-col {

    padding: 0!important;

    margin: 5vh auto 10vh;

    flex: 0 0 30% !important;

    border-radius: 10px;

    background-color: #fff;

    box-shadow: 0 30px 60px #3333330d;

}



.investors-image {

    background-image: url(/wp-content/uploads/2020/05/investors-bg.jpg);

}



.investors-blurb {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.investors-blurb-image {

    width: 100%;

    border-radius: 10px;

}



.investors-blurb-title {

    position: absolute;

    bottom: -5vh;

    background-color: transparent;

    padding: 1em;

    left: 5%;

    box-shadow: 0 0px 60px #33333320;

    width: 90%;

    min-height: 10vh;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 1;

    transition: 0.5s;

}



.investors-blurb-title h4 {

    font-size: 1.25em !important;

    margin: 0px !important;

    color: #000;

    transition: 0.5s;

}



.investors-blurb-title::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    background-color: #2DA8E0;

    z-index: -1;

    transition: 0.5s;

    width: 100%;

    height: 0;

}



.investors-blurb-title::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #fff;

    z-index: -2;

}



.investors-blurb:hover .investors-blurb-title::before {

    height: 100%;

}



.investors-blurb:hover .investors-blurb-title h4 {

    color: #fff;

}



/*========================================

* Distribution Products

========================================*/



.tabs-container {

    background-color: #fff;

    width: max-content;

    margin-left: auto;

    margin-right: auto;

    position: sticky;

    top: 10vh;

    box-shadow: 0 30px 60px #33333320;

}



.tabs-title-wrapper {

    background-color: #071c35;

    color: #fff;

    padding: 1em 2em;

    font-size: 1.1em;

}



.tabs-wrapper li {

    padding: 1em 2em;

    cursor: pointer;

    transition: 0.5s;

}



/* .active-dp-tab {

    color: #2DA8E0;

} */



.tabs-wrapper li:hover {

    color: #2da8e0;

}



.tabs-content-wrapper {

    padding: 2em;

    background-color: #fff;

    border-radius: 10px;

    box-shadow: 0 30px 60px #33333315;

    position: relative;

}



.dist-product-wrapper:not(:last-of-type) {

    margin-bottom: 10vh;

}



.distrution-partner-logo-wrapper {

    margin: 1em 0 2em;

}



.distribution-partner-logo {

    max-width: 250px;

    width: 100%;

}



.distribution-gallery-wrapper {

    margin: 2em 0;

}



.distribution-gallery-item {

    margin-right: 2em;

    box-shadow: 0 30px 60px #33333315;

    border-radius: 10px;

    width: 20%;

}



/*========================================

* Sign In

========================================*/



.sign-in-wrapper {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    background-color: #fff;

    width: 50%;

    margin: 20vh auto 10vh;

    padding: 2em 1em;

    box-shadow: 0px 0px 30px 0px #ccc;

    border-radius: 10px;

}



.sign-in-wrapper .frm_forms {

    width: 80%;

}



.sign-in-wrapper .frm_message {

    background-color: #F2DEDE !important;

    color: #B94A48 !important;

    border-color: #EBCCD1 !important;

}



.sign-in-wrapper .frm_message p {

    color: #B94A48 !important;

}



/*========================================

* Contact

========================================*/



.contact-title {

    min-height: 60vh;

}



.contact-image {

    background-image: url(/wp-content/uploads/2020/07/contact-banner-marked-edited.jpg);

}



.inner-page-video-wrapper {

    display: flex;

    align-items: center;

    overflow: hidden;

    height: 60vh;

}



.inner-page-video-wrapper video {

    width: 100%;

    margin-top: 10vh;

}



.single-tab {

    padding: 1em 0.6em;

    font-size: 1.2em;

    transition: color 0.5s;

    cursor: pointer;

}



.single-tab:hover {

    color: #2DA8E0;

}



.contact-active-tab {

    background-color: #fff;

    border: 2px solid #ccc;

    border-right: 0px;

    position: relative;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}



.contact-active-tab:hover {

    color: #000 !important;

}



.contact-active-tab::after {

    content: "";

    position: absolute;

    top: -2px;

    right: -2px;

    height: calc(100% + 2px);

    width: 2px;

    background-color: #fff;

    z-index: 99;

    border-top: 2px solid #ccc;

}



.contact-active-tab#tab-IN::after {

    right: -10px;

    width: 10px;

}



.contact-flag {

    max-height: 25px;

    padding-right: 10px;

}



.contact-box-bg {

    background-color: #fff;

    padding: 3em 0;

}



.box-left {

    border: 2px solid #ccc;

    border-right: 0px;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

}



.box-right {

    border: 2px solid #ccc;

    border-left: 0px;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

}



.contact-form-wrapper .frm_forms {

    width: 80%;

}



.contact-details-title {

    display: inline-block;

    position: relative;

    padding-bottom: 0.3em;

    margin-bottom: 5vh !important;

}



.contact-details-title::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 10%;

    width: 80%;

    height: 1px;

    background-color: #071c35;

}



.contact-details-tab-container {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.contact-details-position {

    position: absolute;

    left: 1em;

    top: 15vh;

    opacity: 0;

    pointer-events: none;

}



.active-tab-content {

    opacity: 1;

    pointer-events: auto;

    position: relative;

    width: 100%;

    top: 0;

    left: 0;

    padding-left: 10%;

}



.contact-details-inner-wrapper,

.address-positioning {

    display: flex;

    align-items: center;

}



.contact-details-inner-wrapper {

    padding-bottom: 1em;

}



.contact-single-detail {

    padding: 0.5em 0;

}



.contact-minor-title {

    font-weight: 700;

    color: #071c35;

}



.contact-icon {

    height: 50px;

    width: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    margin-right: 10px;

    border-radius: 50%;

    color: #2DA8E0;

}



.contact-icon::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 2px solid #2DA8E0;

    border-right-color: transparent;

    border-radius: 50%;

    transition: 0.5s

}



.contact-details-inner-wrapper:hover .contact-icon::after,

.address-positioning:hover .contact-icon::after {

    transform: rotate(180deg);

}



.contact-single-detail a {

    color: #000;

    transition: 0.5s;

}



.contact-single-detail a:hover {

    color: #2DA8E0;

}



.tech-support-button-container {

    position: fixed;

    bottom: 10vh;

    right: 0;

    z-index: 9999;

    cursor: pointer;

}



.tech-support-button-wrapper a {

    display: flex;

    align-items: center;

}



.tech-support-button-text {

    padding: 1.5em;

    margin-right: -1em;

    background-color: #f9fbff;

    color: #2da8e0;

    font-weight: 600;

    border-radius: 10px;

    border: 3px solid #2da8e0;

    border-right-color: transparent;

    position: relative;

    transition: 0.5s;

}



.tech-support-button-icon {

    padding: 1.5em;

    margin-right: 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    position: relative;

    background-color: #f9fbff;

}



.tech-support-button-icon img {

    max-width: 3em;

    margin-right: -0.5em;

}



.tech-support-button-icon::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    border: 3px solid #2da8e0;

    border-radius: 50%;

}



.tech-support-button-text::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 0;

    background-color: #2da8e0;

    z-index: -1;

    transition: 0.5s;

}



.tech-support-button-text::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    background-color: #f9fbff;

    z-index: -2;

}



.tech-support-button-container:hover .tech-support-button-text::before {

    width: 100%;

}



.tech-support-button-container:hover .tech-support-button-text {

    color: #fff;

    background-color: transparent;

}



/*========================================

* Products

========================================*/



/*.products-title {

    background-image: url(/wp-content/uploads/2020/05/products-bgv3.jpg);

}*/



.searchfilter-form {

    margin: 4rem 0;

    padding: 1rem 0 !important;

}



.searchandfilter {

    display: flex;

    align-items: center;

    justify-content: center;

}



.sf-field-search label {

    display: block !important;

    width: 90%;

    margin-left: 5%;

}



.sf-field-search input {

    width: 100%;

}



.sf-field-taxonomy-ayzo_categories, .sf-field-search {

    display: flex !important;

    align-items: flex-start;

    justify-content: center;

    flex-direction: column;

}



.sf-input-text {

    padding: 0.5em 1em;

}



.sf-input-text::placeholder {

    font-size: 0.8em;

}



.sf-input-radio {

    display: none;

}



.searchfilter-form .sf-field-taxonomy-ayzo_categories .sf-item-0 {

    display: none;

}



.sf-level-0 {

    background-color: #fff;

    margin-bottom: 1em !important;

    border-radius: 5px;

    box-shadow: 0 30px 60px #3333330d;

}



.sf-level-0 > label {

    font-size: 1.05em !important;

    border-bottom: 1px solid #33333325;

    background-color: #33333310;

    position: relative;

}



.sf-level-0 > label:hover:before,

.sf-level-0 > label:hover:after {

    background-color: #fff;

}



.sf-level-0.sf-option-active > label {

    background-color: #071c35;

    color: #fff;

}



.sf-level-0 > label::after {

    content: "";

    position: absolute;

    top: 50%;

    right: 1em;

    font-size: 1.5em;

    width: 20px;

    height: 2px;

    background-color: #071c35;

    transition: 0.5s;

}



.sf-level-0 > label::before {

    content: "";

    position: absolute;

    top: calc(50% - 9px);

    right: calc(1em + 9px);

    font-size: 1.5em;

    width: 2px;

    height: 20px;

    background-color: #071c35;

    transition: 0.5s;

}



.sf-level-0.sf-option-active > label::before,

.sf-level-0.sf-option-active > label::after {

    content: unset;

}



.sf-level-0 > label:hover {

    background-color: #071c35;

    color: #fff;

}



.sf-field-taxonomy-ayzo_categories li {

    padding: 0 !important;

}



.sf-field-taxonomy-ayzo_categories li label {

    transition: 0.5s;

    padding: 1em 1.5em;

    width: 100%;

    cursor: pointer;

}



.children {

    max-height: 0px;

    transition: 0.5s;

    overflow: hidden;

    margin-left: 0px !important;

}



.sf-option-active .children {

    max-height: 1000px;

}



.children .sf-option-active label {

    color: #2DA8E0;

}



.sf-level-2 label {

    padding-left: 2em !important;

    font-size: 0.8em !important;

    color: #212529 !important;

}



.sf-level-2.sf-option-active label {

    color: #2DA8E0 !important;

}



.children label:hover {

    color: #2DA8E0 !important;

}



.sf-level-1 .children {

    max-height: 0px !important;

}



.sf-level-1.sf-option-active .children {

    max-height: 1000px !important;

}



.searchfilter-results {

    margin: 4rem 0;

    padding: 0px;

    height: 100%;

}



.results-grid {

    min-height: 85%;

}



.searchresults-item a {

    margin: 1rem;

    padding: 1rem;

    background-color: #fff;

    box-shadow: 0 30px 60px #3333330d;

    border-radius: 10px;

    width: 100%;

}



.searchresults-item img {

    /* max-width: 70%; */

    /* height: auto; */
    width: 100px;
    height: 100px;
    object-fit: contain;

}



.searchresults-item img, .searchresults-item .results-title, .searchresults-item .results-details {

    transition: 0.35s;

}



.searchresults-item a:hover img, .searchresults-item a:hover .results-title, .searchresults-item a:hover .results-details {

    transform: scale(1.05);

    color: #2DA8E0 !important;

}



.results-title {

    margin: 1.5em 0;

    color: #071c35;

}



.results-details {

    font-size: 0.8em;

    color: #666;

}



.searchresults-item:hover .results-title {

    color: #071c35;

}



.pagination {

    align-items: center;

    justify-content: center;

}



.wp-pagenavi {

    display: flex;

    width: 100%;

    height: 100%;

    padding: 1em 0;

    align-items: center;

    justify-content: center;

}



.wp-pagenavi a, .wp-pagenavi span {

    margin: 0.5em;

    padding: 0.3em 0.5em;

    transition: 0.5s;

}



.wp-pagenavi a:hover, .wp-pagenavi span.current {

    border-color: #999;

    color: #555;

}



/*========================================

* Single Product

========================================*/



.analog-cam-img {

    align-items: flex-start;

    padding-top: 10vh;

}



.analog-cam-img img {

    width: 65%;

}



.analog-cam-info li {

    padding-left: 28px;

    position: relative;

    margin-bottom: 10px;

}



.analog-cam-info li::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 25px;

    height: 25px;

    background-image: url(/wp-content/uploads/2020/06/tick.png);

    background-position: center center;

    background-size: 60%;

    background-repeat: no-repeat;

}



.tech-table {

    width: 100%;

}



.tech-specs-table-wrapper {

    width: 70% !important;

    padding-bottom: 3em;

}



.single-product-data-col {

    background-color: #fff;

    border-radius: 10px;

    box-shadow: 0 30px 60px #3333330d;

}



.tech-specs-table-wrapper .inner-title-wrapper,

.analog-cam-info .inner-title-wrapper {

    margin-bottom: 0px !important;

}



.prod-intro .body-font {

    display: flex;

    flex-direction: column;

    width: 100%;

    margin: 0 auto 2em;

}



.body-font li {

    list-style: none;

}



td, th {

    padding: 2%;

    border-bottom: 1px solid #ddd;

}



.single-product-searchform .children {

    max-height: 100% !important;

    overflow: auto !important;

}



.single-product-searchform .sf-level-0 > label::after,

.single-product-searchform .sf-level-0 > label::before {

    content: unset !important;

}



.single-product-searchform .sf-level-2 {

    display: none;

}



/*========================================

* Events

========================================*/



.events-item-wrapper {

    margin: 2em 1em;

    background-color: #fff;

    border-radius: 10px;

    padding-bottom: 15px;

    box-shadow: 0 0 30px 0 #ccc;

}



.events-item-wrapper .single-event-container, .events-item-wrapper .events-overlay-container {

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

}



.events-item-wrapper:hover .events-overlay-date, .events-item-wrapper:hover .events-overlay-title {

    transform: translateX(0);

    cursor: pointer;

}



/*========================================

* Footer

========================================*/



footer {

    z-index: 99 !important;

    position: relative;

}



.footer-main {

    padding: 3em 5vw 2em;

}



.footer-first-col {

    margin-left: 4.15%;

}



.footer-logo-wrapper {

    margin-bottom: 1.5em;

}



.footer-logo-wrapper img {

    max-width: 70%;

}



.footer-social-wrapper i {

    font-size: 1.5em;

}



.footer-menu-title {

    color: #2DA8E0;

    font-size: 1.2em;

}



.footer-main-col {

    display: flex;

    justify-content: center;

}



.footer-menu li {

    margin-bottom: 5px;

}



.footer-menu li a {

    color: #071c35 !important;

    transition: 0.5s;

    font-size: 0.8em;

}



.footer-menu li a:hover {

    color: #2DA8E0 !important;

}



.bottom-bar {

    min-height: 7vh;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ccc;

    font-family: 'Lato', sans-serif;

    font-weight: 100 !important;

    font-size: 0.9em;

    background: #071c35;

}



.footer-bottom-menu {

    margin: 0px !important;

}



.bottom-bar a {

    color: #ccc !important;

    font-size: 0.9em;

}



.bottom-bar a:hover {

    color: #071c35 !important;

    text-decoration: none !important;

}



.credits a:hover {

    color: #dc7021 !important;

    text-decoration: none !important;

}



.footer-bar-content h6 {

    font-family: 'Lato', sans-serif;

    font-size: 1em;

    font-weight: 400;

}



.footer-bar-content p {

    font-family: 'Lato', sans-serif;

    font-size: 0.85em;

    font-weight: 100;

    margin-bottom: 0;

}



.footer-main-wrapper .menu-item-font {

    color: #fff;

    font-size: 1em;

    font-weight: 400;

    letter-spacing: 1px;

}



.footer-main-wrapper .menu-item-font:hover {

    color: #071c35;

}



/*========================================

* Single Event Page

========================================*/



.event-title-container {

    padding: 1em 0;

}



.event-date-wrapper span {

    color: #999;

}



.thumbnail-wrapper {

    min-height: 30vh;

    background-position: center;

    background-size: cover;

    background-color: rgba(0,0,0,0);

    background-blend-mode: overlay;

    transition: 0.5s;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    width: 24.7%;

    margin-bottom: 0.3%;

}



.thumbnail-wrapper:hover {

    background-color: rgba(0,0,0,0.75);

    cursor: pointer;

}



.thumbnail-wrapper i {

    color: #fff;

    opacity: 0;

    transition: 0.5s;

    font-size: 2em;

}



.thumbnail-wrapper:hover i {

    opacity: 1;

}



/*========================================

* Mobile Styles

========================================*/



@media screen and (max-width: 767px) {



/*Global*/



a:hover {

    color: unset !important;

}



.mob-mb-0 {

    margin-bottom: 0 !important;

}



/*Menu*/



.mobile-menu-container {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    box-shadow: 0px 0px 5px 0px #999;

    background: #fff;

}



.mobile-logo-wrapper {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.mobile-logo-wrapper img {

    width: 100%;

    padding: 0.5em 0;

}



.mobile-icon-wrapper {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.mobile-icon-wrapper i {

    font-size: 1.5em;

}



.mobile-menu-list-row {

    position: fixed;

    top: 0;

    left: 15px;

    width: 100%;

    height: 100%;

    background-color: #f9fbff;

    overflow: scroll;

    transition: 0.5s;

    transform: translateX(100%);

}



.show-mobile-menu-list {

    transform: translateX(0);

}



.menu-close-wrapper {

    position: absolute;

    top: 1em;

    right: 1em;

    z-index: 99;

}



.menu-close-wrapper i {

    color: #071c35 !important;

    font-size: 2em;

}



.mobile-menu-list-col {

    padding: 2em 1em !important;

    z-index: 10;

}



.mobile-inner-logo-wrapper {

    margin-bottom: 2em;

}



.mobile-inner-logo-wrapper img {

    width: 70%;

}



.mobile-menu-item {

    border-bottom: 1px solid #071c35;

    margin-bottom: 10px;

}



.mobile-menu-item a {

    display: block;

    padding: 0.5em 1em;

    font-size: 1.25em;

    color: #071c35;

    position: relative;

}



.mobile-menu-item i {

    color: #071c35 !important;

    position: absolute;

    right: 1em;

    height: calc(100% - 0.5em);

    display: inline-flex;

    align-items: center;

    padding: 0 0.5em;

    transition: 0.5s;

}



.mobile-submenu-list {

    transition: 0.5s;

    max-height: 0px;

    overflow: hidden;

}



.mobile-submenu-list li {

    border-left: 3px solid #2DA8E0;

    margin: 0 1em 0.5em;

}



.mobile-submenu-list li a {

    font-size: 1em;

    margin-left: 1em !important;

    padding-left: 0px !important;

}



.show-mobile-submenu .mobile-submenu-list {

    max-height: 1000px;

}



.show-mobile-submenu i {

    transform: rotate(180deg);

}



.mobile-menu-social-wrapper {

    margin-top: 2em;

}



.social-wrapper i {

    color: black !important;

}



/*Global Home*/



.home:before {

    content: unset;

}



.home .mobile-menu-container {

    display: none !important;

}



.global-home-logo {

    width: 70%;

}



.globe-wrapper {

    width: 100%;

    height: 48vh;

    margin: auto;

}



.home-flags-list {

    margin-top: 1em;

}



.home-flag-item {

    min-width: 49%;

    margin: 0px !important;

    padding-bottom: 1em;

}



.home-flag-name-wrapper {

    opacity: 1;

    font-size: 0.8em;

}



/*Country Home*/



.hero-section {

    background-size: cover;

    background-position: center;

    background-color: rgba(0,0,0,0.25);

    background-blend-mode: overlay;

}



.hero-title {

    font-size: 2em;

}



.slick-arrow .slick-arrow {

    z-index: 99;

}



.slick-list {

    margin: 0;

}



.slick-arrow .slick-prev {

    left: -30px !important;

}



.slick-arrow .slick-next {

    right: -30px !important;

}



.markets-col {

    flex: 0 0 100% !important;

}



/*Footer*/



footer .hasAnim {

    opacity: 1;

    transform: translateY(0);

}



.footer-first-col {

    margin-left: 0;

}



.quick-links-col {

    padding-top: 3em;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

}



.copyright, .credits {

    text-align: center;

    padding: 0.5em 0;

}



/*About*/



.line-right::before {

    content: unset;

}



.about-larger-title {

    font-size: 1.5em;

}



.line-m-bottom::after {

    content: "";

    position: absolute;

    bottom: -95%;

    height: 100%;

    width: 5px;

    z-index: -1;

    background-color: #2DA8E0;

    box-shadow: 0 0 60px #33333320;

}



/*Partners*/



.partners-title-row h2 {

    font-size: 2em;

}



#partners-section {

    padding: 1rem 0;

}



#field_mb33v > div {

    width: 100% !important;

}



.rc-anchor-normal-footer {

    width: max-content;

    position: absolute;

    right: 0;

    top: 0;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    padding: 0 1em;

}



.rc-anchor-logo-portrait {

    margin: 0;

}



.rc-anchor-normal .rc-anchor-pt {

    position: relative;

    width: max-content;

    margin: 0;

}



.partners-form-content {

    transform: translateY(0);

    opacity: 1;

}



/*Investors*/



#investors-section .inner-title-wrapper {

    align-items: flex-start !important;

}



#investors-section .inner-title {

    font-size: 1.5em;

}



.investors-col {

    flex: 0 0 100% !important;

    text-align: center;

}



/*Ayzo Range of Products*/



.filter-list-title {

    margin: 0 10vw;

    text-align: center;

    padding: 1em 0;

    font-weight: 600;

    font-size: 1.25em;

    background-color: rgba(51, 51, 51, 0.06);

    border: 1px solid rgba(51, 51, 51, 0.1);

    position: relative;

    transition: 0.5s;

}



.filter-list .searchandfilter {

    max-height: 0;

    overflow: hidden;

    transition: 0.5s;

}



.show-filter-list {

    max-height: 1500px !important;

}



.searchfilter-results {

    margin-top: 0;

}



.filter-list-title i {

    position: absolute;

    right: 1em;

    top: calc(50% - 10px);

    transition: 0.5s;

}



.opened-filter-list i {

    transform: rotate(45deg);

    color: #fff;

}



.opened-filter-list {

    background-color: #071c35;

    color: #fff;

}



/*Single Product*/



.analog-cam-img {

    flex: 0 0 100% !important;

    max-width: 100% !important;

    padding: 2em 1em;

}



.analog-cam-info {

    flex: 0 0 100% !important;

    max-width: 100% !important;

}



.tech-specs-table-wrapper {

    width: 100% !important;

}



.tech-specs-table-wrapper .inner-title-wrapper {

    align-items: flex-start;

}



.tech-specs-table-wrapper .inner-title {

    font-size: 1.5em;

}



/*Sign In*/



.sign-in-wrapper {

    width: 100%;

    margin: 10vh auto !important;

}



/*Distribution Products*/



.tabs-container {

    position: relative;

    top: 0;

}



.home-inner-title {

    font-size: 1.5em;

}



.distribution-gallery-item {

    width: 47%;

    margin-right: 2%;

    margin-bottom: 2%;

}



/*Contact*/



.tech-support-button-container {

    bottom: 0;

    right: calc(50% - 125px);

}



.active-tab-content {

    padding-left: 0;

}



.mobile-box-top {

    border-right: 2px solid #ccc;

    border-radius: 10px;

    border-bottom: 0px;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

}



.mobile-box-bottom {

    border-top: 0px;

    border-left: 2px solid #ccc;

    border-top-right-radius: 0px;

    border-bottom-left-radius: 10px;

}



.contact-active-tab {

    border-right: 2px solid #ccc;

    border-radius: 5px;

}



.contact-active-tab::after {

    content: unset;

}



.single-tab {

    font-size: 0.8em;

    display: inline-flex;

    min-width: 32%;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.contact-flag {

    padding-right: 0px;

}



.contact-details-inner-wrapper, .address-positioning {

    flex-direction: column;

}



}



@media screen and (min-width: 767px) and (max-width: 1025px) {



a:hover {

    color: unset !important;

}



.mob-mb-0 {

    margin-bottom: 0 !important;

}



/*Menu*/



.mobile-menu-container {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    box-shadow: 0px 0px 5px 0px #999;

    background: #fff;

}



.mobile-logo-wrapper {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.mobile-logo-wrapper img {

    width: 50%;

    padding: 0.5em 0;

}



.mobile-icon-wrapper {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.mobile-icon-wrapper i {

    font-size: 1.5em;

}



.mobile-menu-list-row {

    position: fixed;

    top: 0;

    right: 15px;

    min-width: 50%;

    height: 100%;

    background-color: #f9fbff;

    overflow: scroll;

    transition: 0.5s;

    transform: translateX(100%);

}



.show-mobile-menu-list {

    transform: translateX(0);

}



.menu-close-wrapper {

    position: absolute;

    top: 1em;

    right: 1em;

    z-index: 99;

}



.menu-close-wrapper i {

    color: #071c35 !important;

    font-size: 2em;

}



.mobile-menu-list-col {

    padding: 2em 1em !important;

    z-index: 10;

}



.mobile-inner-logo-wrapper {

    margin-bottom: 2em;

    display: flex;

    align-items: center;

    justify-content: center;

}



.mobile-inner-logo-wrapper img {

    max-width: 300px;

}



.mobile-menu-item {

    border-bottom: 1px solid #071c35;

    margin-bottom: 10px;

}



.mobile-menu-item a {

    display: block;

    padding: 0.5em 1em;

    font-size: 1.25em;

    color: #071c35;

    position: relative;

}



.mobile-menu-item i {

    color: #071c35 !important;

    position: absolute;

    right: 1em;

    height: calc(100% - 0.5em);

    display: inline-flex;

    align-items: center;

    padding: 0 0.5em;

    transition: 0.5s;

}



.mobile-submenu-list {

    transition: 0.5s;

    max-height: 0px;

    overflow: hidden;

}



.mobile-submenu-list li {

    border-left: 3px solid #2DA8E0;

    margin: 0 1em 0.5em;

}



.mobile-submenu-list li a {

    font-size: 1em;

    margin-left: 1em !important;

    padding-left: 0px !important;

}



.show-mobile-submenu .mobile-submenu-list {

    max-height: 1000px;

}



.show-mobile-submenu i {

    transform: rotate(180deg);

}



.mobile-menu-social-wrapper {

    margin-top: 2em;

}



.social-wrapper i {

    color: black !important;

}



/*Global Home*/



.home .mobile-menu-container {

    display: none !important;

}



.global-home-logo {

    width: 50%;

}



.home-flags-list {

    margin-top: 1em;

}



.home-flag-item {

    min-width: 32%;

    margin: 0px !important;

    padding-bottom: 1em;

}



.home-flag-name-wrapper {

    opacity: 1;

    font-size: 0.8em;

}



/*Country Home*/



.hero-section {

    background-size: cover;

    background-position: center;

    background-color: rgba(0,0,0,0.25);

    background-blend-mode: overlay;

}



.hero-title {

    font-size: 2em;

}



.slick-arrow .slick-arrow {

    z-index: 99;

}



.slick-list {

    margin: 0;

}



.slick-arrow .slick-prev {

    left: -30px !important;

}



.slick-arrow .slick-next {

    right: -30px !important;

}



.markets-col {

    flex: 0 0 46% !important;

    margin-right: 4%;

}



/*Footer*/



.footer-logo-wrapper img {

    max-width: 50%;

}



footer .hasAnim {

    opacity: 1;

    transform: translateY(0);

}



.footer-first-col {

    margin-left: 0;

}



.quick-links-col {

    padding-top: 3em;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

}



.copyright, .credits {

    text-align: center;

    padding: 0.5em 0;

}



/*About*/



.line-right::before {

    content: unset;

}



.about-larger-title {

    font-size: 1.5em;

}



.line-m-bottom::after {

    content: "";

    position: absolute;

    bottom: -95%;

    height: 100%;

    width: 5px;

    z-index: -1;

    background-color: #2DA8E0;

    box-shadow: 0 0 60px #33333320;

}



/*Partners*/



.partners-title-row h2 {

    font-size: 2em;

}



#partners-section {

    padding: 1rem 0;

}



#field_mb33v > div {

    width: 100% !important;

}



.rc-anchor-normal-footer {

    width: max-content;

    position: absolute;

    right: 0;

    top: 0;

    display: flex;

    align-items: center;

    flex-direction: column;

    justify-content: center;

    padding: 0 1em;

}



.rc-anchor-logo-portrait {

    margin: 0;

}



.rc-anchor-normal .rc-anchor-pt {

    position: relative;

    width: max-content;

    margin: 0;

}



.partners-form-content {

    transform: translateY(0);

    opacity: 1;

}



/*Investors*/



#investors-section .inner-title-wrapper {

    align-items: flex-start !important;

}



#investors-section .inner-title {

    font-size: 1.5em;

}



.investors-col {

    flex: 0 0 46% !important;

    text-align: center;

}



/*Ayzo Range of Products*/



.filter-list-title {

    margin: 0 10vw;

    text-align: center;

    padding: 1em 0;

    font-weight: 600;

    font-size: 1.25em;

    background-color: rgba(51, 51, 51, 0.06);

    border: 1px solid rgba(51, 51, 51, 0.1);

    position: relative;

    transition: 0.5s;

}



.filter-list .searchandfilter {

    max-height: 0;

    overflow: hidden;

    transition: 0.5s;

}



.show-filter-list {

    max-height: 1500px !important;

}



.searchfilter-results {

    margin-top: 0;

}



.filter-list-title i {

    position: absolute;

    right: 1em;

    top: calc(50% - 10px);

    transition: 0.5s;

}



.opened-filter-list i {

    transform: rotate(45deg);

    color: #fff;

}



.opened-filter-list {

    background-color: #071c35;

    color: #fff;

}



/*Single Product*/



.analog-cam-img {

    flex: 0 0 100% !important;

    max-width: 100% !important;

    padding: 2em 1em;

}



.analog-cam-info {

    flex: 0 0 100% !important;

    max-width: 100% !important;

}



.tech-specs-table-wrapper {

    width: 100% !important;

}



.tech-specs-table-wrapper .inner-title-wrapper {

    align-items: flex-start;

}



.tech-specs-table-wrapper .inner-title {

    font-size: 1.5em;

}



/*Sign In*/



.sign-in-wrapper {

    width: 100%;

    margin: 10vh auto !important;

}



/*Distribution Products*/



.tabs-container {

    position: relative;

    top: 0;

}



.home-inner-title {

    font-size: 1.5em;

}



.distribution-gallery-item {

    width: 47%;

    margin-right: 2%;

    margin-bottom: 2%;

}



/*Contact*/



.tech-support-button-container {

    bottom: 0;

    right: calc(50% - 125px);

}



.active-tab-content {

    padding-left: 0;

}



.mobile-box-top {

    border-right: 2px solid #ccc;

    border-radius: 10px;

    border-bottom: 0px;

    border-bottom-left-radius: 0px;

    border-bottom-right-radius: 0px;

}



.mobile-box-bottom {

    border-top: 0px;

    border-left: 2px solid #ccc;

    border-top-right-radius: 0px;

    border-bottom-left-radius: 10px;

}



.contact-active-tab {

    border-right: 2px solid #ccc;

    border-radius: 5px;

}



.contact-active-tab::after {

    content: unset;

}



.single-tab {

    font-size: 0.8em;

    display: inline-flex;

    min-width: 32%;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}



.contact-flag {

    padding-right: 0px;

}



}



@media screen and (min-width: 1026px) and (max-width: 1200px) {



a:hover {

    color: unset !important;

}



.mob-mb-0 {

    margin-bottom: 0 !important;

}



/*Menu*/



.mobile-menu-container {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    box-shadow: 0px 0px 5px 0px #999;

    background: #fff;

}



.mobile-logo-wrapper {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.mobile-logo-wrapper img {

    width: 50%;

    padding: 0.5em 0;

}



.mobile-icon-wrapper {

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



.mobile-icon-wrapper i {

    font-size: 1.5em;

}



.mobile-menu-list-row {

    position: fixed;

    top: 0;

    right: 15px;

    min-width: 50%;

    height: 100%;

    background-color: #f9fbff;

    overflow: scroll;

    transition: 0.5s;

    transform: translateX(100%);

}



.show-mobile-menu-list {

    transform: translateX(0);

}



.menu-close-wrapper {

    position: absolute;

    top: 1em;

    right: 1em;

    z-index: 99;

}



.menu-close-wrapper i {

    color: #071c35 !important;

    font-size: 2em;

}



.mobile-menu-list-col {

    padding: 2em 1em !important;

    z-index: 10;

}



.mobile-inner-logo-wrapper {

    margin-bottom: 2em;

    display: flex;

    align-items: center;

    justify-content: center;

}



.mobile-inner-logo-wrapper img {

    max-width: 300px;

}



.mobile-menu-item {

    border-bottom: 1px solid #071c35;

    margin-bottom: 10px;

}



.mobile-menu-item a {

    display: block;

    padding: 0.5em 1em;

    font-size: 1.25em;

    color: #071c35;

    position: relative;

}



.mobile-menu-item i {

    color: #071c35 !important;

    position: absolute;

    right: 1em;

    height: calc(100% - 0.5em);

    display: inline-flex;

    align-items: center;

    padding: 0 0.5em;

    transition: 0.5s;

}



.mobile-submenu-list {

    transition: 0.5s;

    max-height: 0px;

    overflow: hidden;

}



.mobile-submenu-list li {

    border-left: 3px solid #2DA8E0;

    margin: 0 1em 0.5em;

}



.mobile-submenu-list li a {

    font-size: 1em;

    margin-left: 1em !important;

    padding-left: 0px !important;

}



.show-mobile-submenu .mobile-submenu-list {

    max-height: 1000px;

}



.show-mobile-submenu i {

    transform: rotate(180deg);

}



.mobile-menu-social-wrapper {

    margin-top: 2em;

}



.social-wrapper i {

    color: black !important;

}



}