@font-face {

    font-family: "OpenSans";

    src: url("../font/OpenSans.eot");

    src: url("../font/OpenSans.eot") format("embedded-opentype"), url("../font/OpenSans.svg") format("svg"), url("../font/OpenSans.ttf") format("truetype"), url("../font/OpenSans.woff") format("woff"), url("../font/OpenSans.woff2") format("woff2");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "OpenSans-Bold";

    src: url("../font/OpenSans-Bold.eot");

    src: url("../font/OpenSans-Bold.eot") format("embedded-opentype"), url("../font/OpenSans-Bold.svg") format("svg"), url("../font/OpenSans-Bold.ttf") format("truetype"), url("../font/OpenSans-Bold.woff") format("woff"), url("../font/OpenSans-Bold.woff2") format("woff2");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "OpenSans-Semibold";

    src: url("../font/OpenSans-Semibold.eot");

    src: url("../font/OpenSans-Semibold.eot") format("embedded-opentype"), url("../font/OpenSans-Semibold.svg") format("svg"), url("../font/OpenSans-Semibold.ttf") format("truetype"), url("../font/OpenSans-Semibold.woff") format("woff"), url("../font/OpenSans-Semibold.woff2") format("woff2");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "NotoSans-Regular";

    src: url("../font/NotoSans-Regular.eot");

    src: url("../font/NotoSans-Regular.eot") format("embedded-opentype"), url("../font/NotoSans-Regular.woff") format("woff"), url("../font/NotoSans-Regular.woff2") format("woff2");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "NotoSans-Medium";

    src: url("../font/NotoSans-Medium.eot");

    src: url("../font/NotoSans-Medium.eot") format("embedded-opentype"), url("../font/NotoSans-Medium.woff") format("woff"), url("../font/NotoSans-Medium.woff") format("woff"), url("../font/NotoSans-Medium.woff2") format("woff2");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "NotoSans-Black";

    src: url("../font/NotoSans-Black.eot");

    src: url("../font/NotoSans-Black.eot") format("embedded-opentype"), url("../font/NotoSans-Black.woff") format("woff"), url("../font/NotoSans-Black.woff2") format("woff2");

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: "NotoSans-Bold";

    src: url("../font/NotoSans-Bold.woff") format("woff");

    font-display: swap;

}



@font-face {

    font-family: "Lato-Bold";

    src: url("../font/Lato-Bold.ttf") format("truetype"), url("../font/Lato-Bold.woff") format("woff"), url("../font/Lato-Bold.svg") format("svg");

    font-display: swap;

}



@font-face {

    font-family: "Lato-Regular";

    src: url("../font/Lato-Regular.svg") format("svg"), url("../font/Lato-Regular.woff") format("woff");

    font-display: swap;

}



@font-face {

    font-family: "linecons";

    src: url("../font/linecons/linecons.woff") format("woff");

    font-display: swap;

}



input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



input[type=number] {

    -moz-appearance: textfield;

}



.iti {

    width: 100%;

}



.iti input {

    padding-left: 3em !important;

}



.iti__flag {

    background-image: url("../ajax/libs/intl-tel-input/17.0.19/img/flags.png");

}



@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {

    .iti__flag {

        background-image: url("../ajax/libs/intl-tel-input/17.0.19/img/flags@2x.png");

    }

}



.css300 {

    -moz-transition: all 300ms;

    -webkit-transition: all 300ms;

    -o-transition: all 300ms;

    transition: all 300ms;

}



.css500 {

    -moz-transition: all 500ms;

    -webkit-transition: all 500ms;

    -o-transition: all 500ms;

    transition: all 500ms;

}



.css1000 {

    -moz-transition: all 1000ms;

    -webkit-transition: all 1000ms;

    -o-transition: all 1000ms;

    transition: all 1000ms;

}



html {

    min-height: 100%;

    background-color: #fff;

    box-sizing: border-box;

}



body {

    margin: 0;

}



*,

*:before,

*:after {

    box-sizing: inherit;

}



a {

    text-decoration: none;

    transition: color .5s ease;

}



div,

p {

    transition: color .5s ease;

}



svg {

    transition: fill .5s ease;

}



svg path {

    transition: fill .5s ease;

}



.row {

    position: relative;

    width: 90%;

    height: 100%;

    margin: auto;

}



.img,

.hover {

    width: 43%;

    max-width: 200px;

    display: block;

    height: auto;

    margin: 0;          /* Remove auto-centering */

}



/* Tablet view and up */

@media screen and (min-width: 768px) {

    .img,

    .hover {

        width: 50%;

        max-width: 60px;

    }

}



/* Desktop view and up */

@media screen and (min-width: 1024px) {

    .img,

    .hover {

        width: 36%;

        max-width: 160px;

    }

}



/* Large desktops */

@media screen and (min-width: 1600px) {

    .img,

    .hover {

        width: 20%;

        max-width: 140px;

    }

}





.no-listing {

    font-family: NotoSans-Black;

    color: #00263b;

    position: relative;

    text-align: center;

    padding-top: 35px;

}



@media screen and (min-width:768px) {

    .no-listing {

        padding-top: 70px;

    }

}



@media screen and (min-width:1600px) {

    .no-listing {

        padding-top: 4.375vw;

    }

}



.g-recaptcha {

    padding-left: 0;

}



@media screen and (min-width:768px) {

    .g-recaptcha {

        padding-left: 2em;

    }

}



@media screen and (min-width:1600px) {

    .g-recaptcha {

        padding-left: 2vw;

    }

}



#homeform {

    background-color: #fff;

}



#homeform h2 {

    letter-spacing: .05em;

}



#homeform .wrapper {

    width: 90%;

    margin: 165px auto;

    background-image: url("/images/homeformfeature/form-bg.jpg");


    background-position: left top;

    background-size: cover;

    background-repeat: no-repeat;

    text-align: center;

    position: relative;

    top: -215px;

    margin-bottom: -270Px;

}



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

    #homeform .wrapper {

        width: 95%;

    }

}



#homeform .wrapper .form-container {

    position: relative;

    margin-top: 82%; /* default for small screens */

}



/* Tablet (Portrait) */

@media (min-width: 600px) {

    #homeform .wrapper .form-container {

        margin-top: 15%;

    }

}



/* Tablet (Landscape) and Small Desktops */

@media (min-width: 768px) {

    #homeform .wrapper .form-container {

        margin-top: 10%;

    }

}



/* Medium to Large Desktops */

@media (min-width: 1024px) {

    #homeform .wrapper .form-container {

        margin-top: 5%;

    }

}





#homeform .wrapper .form-container .splash1 {

    position: absolute;

    width: 300px;

    top: -40px;

    right: 50%;

    transform: translateX(50%);

}



#homeform .wrapper .form-container .splash2 {

    display: none;

    position: absolute;

    width: 300px;

    bottom: -60px;

    right: 50%;

    transform: translateX(50%) rotate(-6deg);

}



#homeform .wrapper .form {

    width: 95%;

    margin: 0 auto;

    background-image: url("../images/HomeFormFeature/Form-Pad.png");

    background-position: right top;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 40px 0;

    transform: translateY(16px) rotate(-1deg);

    position: relative;

}



#homeform .wrapper .form .tape {

    position: absolute;

    width: 30%;

    max-width: 150px;

    left: -5%;

    top: -5%;

    transform: rotate(-24deg);

}



#homeform .wrapper .form h2 {

    font-family: "NotoSans-Black";

    background-image: linear-gradient(180deg, #51d9de, #7ad7f9);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    position: relative;

    display: table;

    margin: 0 auto;

    margin-bottom: 1.5em;

}



#homeform .wrapper .form h2 .head-deco1 {

    position: absolute;

    width: 120px;

    right: 68%;

    top: -17px;

    transform: rotate(4deg);

}



#homeform .wrapper .form h2 .head-deco2 {

    position: absolute;

    width: 120px;

    left: 68%;

    bottom: -17px;

    transform: rotate(-4deg);

}



#homeform .wrapper .form .content {

    width: 80%;

    margin: 0 auto;

    transform: rotate(2deg);

}



#homeform .wrapper .form .content .inner .form-half .text-field .error-div {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



#homeform .wrapper .form .content .inner .form-half .text-field .error-div p {

    font-family: "Lato-Bold";

    color: #f27405;

    text-align: left;

}



#homeform .wrapper .form .content .inner .form-half .text-field .error-div .error {

    opacity: 0;

    color: #f00;

    font-family: Lato-Regular;

    font-size: 14px;

}



#homeform .wrapper .form .content .inner .form-half .text-field .error-div .show {

    opacity: 1;

}



#homeform .wrapper .form .content .inner .form-half .text-field .txtbox {

    outline: 0;

    font-family: Lato-Regular;

    width: 100%;

    border-radius: 40px;

    padding: 10px 20px 10px 20px;

    font-size: 15.98px;

    line-height: 2em;

    border: 1px solid #cdcdcd;

    background-color: transparent;

}



#homeform .wrapper .form .content .inner .form-half .text-field .txtbox::placeholder {

    color: #a2a2a2;

}



#homeform .wrapper .form .content .inner .form-half .text-field .txtbox:focus {

    border: 1px solid #7ad7f9;

}



#homeform .wrapper .form .content .sendbtn {

    font-family: "Lato-Regular";

    display: block;

    background-image: linear-gradient(#ff512f, #f09819);

    background-size: auto 200%;

    background-position: 0 100%;

    filter: drop-shadow(0 0 0 #fa6828);

    width: 250px;

    padding: 16px;

    font-size: 18px;

    border-radius: 40px;

    color: #fff;

    border: 0;

    margin: 20px auto;

    box-shadow: 0 4px 8px 4px rgba(240, 152, 25, .16);

    letter-spacing: .1em;

}



#homeform .wrapper .form .content .sendbtn:hover {

    background-position: 0 0;

}



#homeform .wrapper .post-it {

    background-image: url("../images/homeformfeature/form-sticky.png");


    background-position: left top;

    background-size: cover;

    background-repeat: no-repeat;

    width: 330px;

    height: 242px;

    margin: 0 16px;

    margin-bottom: 20px;

    display: inline-table;

}



#homeform .wrapper .post-it.top {

    transform: rotate(-5deg);

}



#homeform .wrapper .post-it.top .tape {

    position: absolute;

    height: 25px;

    top: 10%;

    right: 54%;

    transform: translateX(50%) rotate(170deg);

}



#homeform .wrapper .post-it.top .content {

    transform: rotate(5deg);

}



#homeform .wrapper .post-it.bottom {

    transform: rotate(10deg);

}



#homeform .wrapper .post-it.bottom .tape {

    position: absolute;

    height: 30px;

    top: 8%;

    right: 46%;

    transform: translateX(50%) rotate(5deg);

}



#homeform .wrapper .post-it.bottom .content {

    transform: rotate(-10deg);

}



#homeform .wrapper .post-it.bottom .content .inner a {

    width: 73%;

}



#homeform .wrapper .post-it .content {

    display: table-cell;

    vertical-align: middle;

    position: relative;

}



#homeform .wrapper .post-it .content .inner {

    width: 70%;

    margin: 0 auto;

    text-align: center;

}



#homeform .wrapper .post-it .content .inner .icon {

    vertical-align: middle;

    display: inline-block;

    width: 40px;

    margin: 8px 0;

}



#homeform .wrapper .post-it .content .inner .icon.btm {

    width: 48px;

    vertical-align: top;

    margin-bottom: 16px;

}



#homeform .wrapper .post-it .content .inner .location {

    width: 50px;

    margin: 0;

    margin-bottom: 8px;

}



#homeform .wrapper .post-it .content .inner a {

    text-align: left;

    display: block;

    margin: auto;

    width: 80%;

}



#homeform .wrapper .post-it .content .inner a p {

    font-family: "Lato-Regular";

    color: #0e414e;

    margin: 0;

    letter-spacing: normal;

}



#homeform .wrapper .top .content .inner {

    width: 58%;

}



#Master {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

    min-width: 320px;

}



#Master .colorBg {

    opacity: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

}



#Master .colorBg.show {

    opacity: 1;

}



#Master #Nav {

    position: fixed;

    z-index: 10;

    width: 100%;

    min-width: 320px;

}



#Master #Nav .row {

    width: 95%;

    max-width: 1280px;

}



#Master #Nav .link {

    color: #00263b;

    font-family: "NotoSans-Medium";

    position: relative;

    margin-left: 14px;

}



#Master #Nav .link:hover::before {

    height: 19px;

}



#Master #Nav .link::before {

    position: absolute;

    content: "";

    top: 5px;

    left: 0;

    right: 0;

    margin: 0 auto;

    height: 0;

    width: 2px;

    background-color: #51d9de;

    -moz-transition: height 300ms;

    -webkit-transition: height 300ms;

    -o-transition: height 300ms;

    transition: height 300ms;

}



#Master #Nav #NavWrapper {

    position: relative;

    z-index: 1;

    width: 100%;

    height: 72px;

    -webkit-transition: height 300ms;

    -moz-transition: height 300ms;

    -o-transition: height 300ms;

    transition: height 300ms;

}



#Master #Nav #NavWrapper .row {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



#Master #Nav #NavWrapper .hamburgerWrapper {

    position: relative;

    height: 100%;

    display: none;

    align-items: center;

    justify-content: center;

    width: 45px;

    height: 45px;

    cursor: pointer;

    border-radius: 50px;

}



#Master #Nav #NavWrapper .hamburgerWrapper .burger-table {

    display: inline-table;

    height: 100%;

}



#Master #Nav #NavWrapper .hamburgerWrapper .burger-table .burger-table-cell {

    display: inline-table;

    height: 100%;

    display: table-cell;

    vertical-align: middle;

}



#Master #Nav #NavWrapper .hamburgerWrapper .burger-table .burger-table-cell #hamburger-container {

    display: table-cell;

    position: relative;

}



#Master #Nav #NavWrapper .hamburgerWrapper .burger-table .burger-table-cell #hamburger-container .hamburger-border {

    height: 2px;

    background: #00263b;

    background-size: 200% auto;

    -moz-transition: background-position 300ms;

    -webkit-transition: background-position 300ms;

    -o-transition: background-position 300ms;

    transition: background-position 300ms;

    width: 22px;

    pointer-events: none;

}



#Master #Nav #NavWrapper .hamburgerWrapper .burger-table .burger-table-cell #hamburger-container .hamburger-border.top {

    position: absolute;

    right: 0;

    top: 0;

}



#Master #Nav #NavWrapper .hamburgerWrapper .burger-table .burger-table-cell #hamburger-container .hamburger-border.center {

    margin: 8px 0;

    opacity: 1;

}



#Master #Nav #NavWrapper .hamburgerWrapper .burger-table .burger-table-cell #hamburger-container .hamburger-border.bottom {

    position: absolute;

    bottom: 0;

    right: 0;

}



#Master #Nav #NavWrapper .hamburgerWrapper .burger-table .burger-table-cell #hamburger-container .hamburger-border.top.active {

    top: 9px;

    right: unset;

    transform: rotate(-45deg);

    transition: 300ms;

}



#Master #Nav #NavWrapper .hamburgerWrapper .burger-table .burger-table-cell #hamburger-container .hamburger-border.center.active {

    opacity: 0;

}



#Master #Nav #NavWrapper .hamburgerWrapper .burger-table .burger-table-cell #hamburger-container .hamburger-border.bottom.active {

    bottom: 7px;

    right: unset;

    transform: rotate(45deg);

    transition: 300ms;

}



#Master #Nav #NavWrapper .logoWrapper {

    width: 210px;

}



#Master #Nav #NavWrapper .logoWrapper .logo {

    width: 100%;

    margin: auto;

    display: block;

    max-width: 187px;

    -webkit-transition: max-width 300ms;

    -moz-transition: max-width 300ms;

    -o-transition: max-width 300ms;

    transition: max-width 300ms;

}



#Master #Nav #NavWrapper .linkWrapper {

    position: relative;

    width: 1024px;

    display: flex;

    width: 81%;

    height: 100%;

    min-width: 780px;

    align-items: center;

    justify-content: space-between;

}



#Master #Nav #NavWrapper .linkWrapper .link {

    display: block;

    background: linear-gradient(to right, #51d9de, #51d9de 50%, #00263b 50%);

    -webkit-background-clip: text;

    color: transparent;

    background-size: 200% 100%;

    background-position: 100%;

    transition: background-position .5s ease;

    text-shadow: 0 0 0 rgba(255, 255, 255, 0);

}



#Master #Nav #NavWrapper .linkWrapper .link.whatsappnavbtn {

    font-family: "Lato-Regular";

    display: block;

    text-align: center;

    background-image: linear-gradient(#5bda6b, #3dc751);

    background-size: auto 200%;

    background-position: 0 100%;

    filter: drop-shadow(0 0 0 #3dc751);

    -webkit-background-clip: unset;

    height: auto;

    padding: 16px;

    font-size: 18px;

    border-radius: 48px;

    color: #fff;

    border: 0;

    box-shadow: 0 4px 8px 4px rgba(61, 199, 81, .16);

    letter-spacing: .1em;

}



#Master #Nav #NavWrapper .linkWrapper .link.whatsappnavbtn span {

    padding: 0;

    margin: 0;

}



#Master #Nav #NavWrapper .linkWrapper .link.whatsappnavbtn:hover {

    background-position: 0 0;

}



#Master #Nav #NavWrapper .linkWrapper .link.whatsappnavbtn:before {

    display: none;

}



#Master #Nav #NavWrapper .linkWrapper .link.getquotenavbtn {

    font-family: "Lato-Regular";

    display: block;

    text-align: center;

    background-image: linear-gradient(#ff512f, #f09819);

    background-size: auto 200%;

    background-position: 0 100%;

    filter: drop-shadow(0 0 0 #fa6828);

    padding: 16px;

    -webkit-background-clip: unset;

    height: auto;

    font-size: 18px;

    border-radius: 48px;

    color: #fff;

    border: 0;

    box-shadow: 0 4px 8px 4px rgba(240, 152, 25, .16);

    letter-spacing: .1em;

}



#Master #Nav #NavWrapper .linkWrapper .link.getquotenavbtn span {

    padding: 0;

    margin: 0;

}



#Master #Nav #NavWrapper .linkWrapper .link.getquotenavbtn:hover {

    background-position: 0 0;

}



#Master #Nav #NavWrapper .linkWrapper .link.getquotenavbtn:before {

    display: none;

}



#Master #Nav #NavWrapper .linkWrapper .link:hover {

    background-position: 0 100%;

}



#Master #Nav #NavWrapper .linkWrapper .link:hover .nav-dropdown-box {

    display: block;

}



#Master #Nav #NavWrapper .linkWrapper .link:first-child {

    margin-left: 0;

}



#Master #Nav #NavWrapper .linkWrapper .link.bold {

    color: #3aaf9f;

}



#Master #Nav #NavWrapper .linkWrapper span {

    margin-top: 1.15vw;

    display: block;

    padding: 1.35em;

}



#Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box {

    display: none;

    cursor: default;

    position: absolute;

    top: 84%;

    left: -17%;

    -webkit-text-fill-color: #acacac;

    transition: opacity .5s ease;

}



#Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box .dropdown {

    display: flex;

    padding: 25px;

    width: 100%;

    background-color: #fff;

    border-radius: 10px;

    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);

    justify-content: space-evenly;

}



#Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box .dropdown .dropdown-col {

    display: flex;

}



#Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box .dropdown .dropdown-col .item {

    cursor: pointer;

    align-items: center;

    transition: -webkit-text-fill-color .5s;

}



#Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box .dropdown .dropdown-col .item .item-img .logo {

    width: 175px;

    height: 129px;

}



#Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box .dropdown .dropdown-col .item .item-text .title {

    -webkit-text-fill-color: #000;

    font-family: NotoSans-Medium;

    letter-spacing: normal;

    color: #000;

    margin: 0 .3em 0 0;

}



#Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box .dropdown .dropdown-col .item .item-text .details {

    font-family: NotoSans-Medium;

    display: block;

    letter-spacing: normal;

    color: #acacac;

    margin: 0;

    font-size: 14px;

    cursor: pointer;

    pointer-events: auto;

}



#Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box .dropdown .dropdown-col .item .item-text .details.individual-link {

    color: #000;

    -webkit-text-fill-color: #000;

    cursor: pointer;

}



#Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box .dropdown .dropdown-col .item .item-text .details.individual-link:hover {

    color: #51d9de;

    -webkit-text-fill-color: #51d9de;

}



#Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box .dropdown .dropdown-col .item:hover .title {

    -webkit-text-fill-color: #51d9de;

}



#Master #Nav #NavWrapper .linkWrapper #about-us {

    width: 650px;

    left: -200%;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown {

    display: flex;

    flex-direction: column;

    justify-content: space-around;

    width: 45%;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item {

    display: flex;

    align-items: center;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item .logo {

    width: 14%;

    height: 40px;

    padding: 7px;

    background: #f8f8f8;

    border-radius: 10px;

    margin: 0 1em;

    transition: all .5s;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item #about-company-icon {

    fill: #64beb3;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item #about-team-icon {

    fill: #6ac8e4;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item #about-clientele-icon {

    fill: #e23c5d;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item #about-career-icon {

    fill: #653e88;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item .item-text .details {

    cursor: pointer;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .top {

    margin-bottom: 2em;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item:hover #about-company-icon {

    fill: #f8f8f8;

    background: #64beb3;

    transition: .5s fill all;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item:hover #about-team-icon {

    fill: #f8f8f8;

    background: #6ac8e4;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item:hover #about-clientele-icon {

    fill: #f8f8f8;

    background: #e23c5d;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item:hover #about-career-icon {

    fill: #f8f8f8;

    background: #653e88;

}



#Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item:hover .item-text .title {

    color: #51d9de;

}



@keyframes bits {

    0% {

        opacity: 0;

    }



    25% {

        opacity: 1;

    }



    50% {

        opacity: 1;

    }



    75% {

        opacity: 1;

    }



    100% {

        opacity: 0;

    }

}



#Master #Nav #NavWrapper .linkWrapper #services {

    width: 1200px;

    left: -350%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown {

    display: block;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown {

    display: flex;

    justify-content: space-around;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown #customSoftware:hover .bits1 {

    animation: 1s bits .5s infinite;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown #customSoftware:hover .bits2 {

    animation: 1s bits 1s infinite;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown #customSoftware:hover .bits3 {

    animation: 1.5s bits 1.5s infinite;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown #customSoftware:hover .bits4 {

    animation: 2s bits 2s infinite;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item {

    cursor: pointer;

    width: 18%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img {

    position: relative;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .logo-bg {

    width: 175px;

    height: 129px;

    background: #f4f4f4;

    border-radius: 10px;

    background-size: cover;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .web-dev-bg {

    background: #e6d2fc;

    background-image: url("../images2/websitedevelopmentnav.jpg");

    background-size: cover;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .soft-dev-bg {

    background: #b993d6;

    background-image: url("../images2/customsoftwarenav.jpg");

    background-size: cover;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .marketing-bg {

    z-index: 0;

    background: #799efc;

    position: relative;

    overflow: hidden;

    background-image: url("../images2/digitalmarketingnav.jpg");

    background-size: cover;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .tech-support-bg {

    background: #b8d7fc;

    overflow: hidden;

    position: relative;

    background-image: url("../images2/techsupportnav.jpg");

    background-size: cover;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .amms-bg {

    background: #b8d7fc;

    overflow: hidden;

    position: relative;

    background-image: url("../images2/asset-management-maintenance-system.jpg");

    background-size: cover;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .graphic-design-bg {

    background-image: url("../images2/graphicdesignnav.jpg");

    background-size: cover;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .logo {

    top: 0;

    position: absolute;

    width: 176px;

    height: 125px;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .bg-items {

    width: 55%;

    top: 10%;

    position: absolute;

    left: 5%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .shadow1 {

    width: 6%;

    height: fit-content;

    position: absolute;

    top: 44%;

    left: 30.5%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .plant1 {

    width: 7%;

    height: fit-content;

    position: absolute;

    top: 28%;

    left: 30%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .laptop {

    top: 24%;

    left: 27%;

    width: 31%;

    height: fit-content;

    position: absolute;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .bits1 {

    width: 14%;

    height: fit-content;

    position: absolute;

    top: 31%;

    left: 41%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .bits2 {

    width: 3%;

    height: fit-content;

    position: absolute;

    top: 45.5%;

    left: 46%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .bits3 {

    width: 2.5%;

    height: fit-content;

    position: absolute;

    top: 37.5%;

    left: 49.5%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .bits4 {

    width: 1.5%;

    height: fit-content;

    position: absolute;

    top: 46%;

    left: 53%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .shadow2 {

    width: 6%;

    height: fit-content;

    position: absolute;

    top: 70%;

    left: 60.5%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .plant2 {

    width: 7%;

    height: fit-content;

    position: absolute;

    top: 54%;

    left: 60%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .fg-items {

    width: 35%;

    height: fit-content;

    position: absolute;

    top: 5%;

    left: 35%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .web-dev {

    transform: translateY(10px);

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .graphic-design {

    height: 135px;

    transform: translateY(-13px);

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .tech-support {

    transform: scale(1.2);

    top: 5%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .icon {

    position: absolute;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .gear-1 {

    width: 10%;

    top: 45%;

    left: 63%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .gear-2 {

    width: 7%;

    top: 76%;

    left: 53%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .glass {

    width: 6%;

    top: 35%;

    left: 58%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .cloud-1 {

    width: 30%;

    top: 7%;

    left: 67%;

    z-index: 1;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .cloud-2 {

    width: 20%;

    top: 45%;

    left: 90%;

    z-index: 1;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .cloud-3 {

    width: 20%;

    top: 40%;

    left: 7%;

    z-index: 1;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .pie-chart-1 {

    width: 8%;

    top: 57%;

    left: 61%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .pie-chart-2 {

    width: 15%;

    top: 13%;

    left: 0;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .gear-3 {

    width: 10%;

    top: 48%;

    left: 50%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .hangingbulb {

    width: 9%;

    top: -23%;

    left: 15%;

    z-index: 2;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .bulb {

    width: 10%;

    top: 32%;

    left: 14.9%;

    filter: drop-shadow(2px 15px 14px #ccbf00);

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .ui-icon {

    width: 12%;

    top: 30%;

    left: 45%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .ux-icon {

    width: 12%;

    top: 49%;

    left: 37%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .pen-icon {

    width: 3%;

    height: 33%;

    top: 57%;

    left: 15%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .pencil-icon {

    width: 3%;

    height: 33%;

    top: 10%;

    left: 70%;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .book {

    position: absolute;

    width: 25%;

    top: 10%;

    left: 45%;

    transform-origin: left;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-text .title {

    display: block;

    margin: 15px auto 15px;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-text .details {

    margin-bottom: .3em;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-text .title:hover {

    color: #51d9de;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .gear-1,

#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .gear-2 {

    animation: rotation 5s infinite linear;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .glass {

    animation: glass 2s infinite linear;

    animation-timing-function: ease;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .cloud-1 {

    -moz-animation: drift1 15s;

    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;

    -webkit-animation: drift1 15s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    animation: drift1 15s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .cloud-2 {

    -moz-animation: drift2 25s;

    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;

    -webkit-animation: drift2 25s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    animation: drift2 25s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .cloud-3 {

    -moz-animation: drift3 10s;

    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;

    -webkit-animation: drift3 10s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    animation: drift3 10s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .pie-chart-1,

#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .pie-chart-2 {

    animation: float 5s infinite linear;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .gear-3 {

    animation: float 5s infinite linear;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .ui-icon,

#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .ux-icon,

#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .pen-icon,

#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .pencil-icon {

    animation: float 7s infinite linear;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .book {

    animation: rotateIn 3s alternate-reverse infinite;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .bulb {

    animation: flicker 2s linear reverse infinite;

}



#Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item:hover .title {

    color: #51d9de;

}



#Master #Nav #NavWrapper .linkWrapper #portfolio {

    width: 325px;

    left: -55%;

}



@media screen and (min-width:1600px) {

    #Master #Nav #NavWrapper .linkWrapper #portfolio {

        width: 20.313vw;

    }

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown {

    padding: 15px 10px;

}



@media screen and (min-width:1600px) {

    #Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown {

        padding: .938vw .625vw;

    }

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown {

    display: flex;

    flex-wrap: wrap;

    justify-content: left;

    width: 100%;

    margin: 0 auto;

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .item {

    display: flex;

    align-items: center;

    justify-content: space-around;

    margin: 0 1.5em;

}



@media screen and (min-width:1600px) {

    #Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .item {

        margin: 0 1.5vw;

    }

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .item .logo {

    width: 40px;

    height: 40px;

    padding: 7px;

    background: #f8f8f8;

    border-radius: 10px;

    transition: all .5s;

    margin-right: 1em;

}



@media screen and (min-width:1600px) {

    #Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .item .logo {

        width: 2.5vw;

        height: 2.5vw;

        padding: .438vw;

        margin-right: 1vw;

    }

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .item #web-design-icon {

    fill: #64beb3;

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .item #graphic-design-icon {

    fill: #6ac8e4;

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .item #logo-design-icon {

    fill: #e23c5d;

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .item .item-text .details {

    cursor: pointer;

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .logo-design-item {

    margin-right: -1.1em;

}



@media screen and (min-width:1600px) {

    #Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .logo-design-item {

        margin-right: -1.1vw;

    }

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .top {

    margin-bottom: 1.5em;

}



@media screen and (min-width:1600px) {

    #Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .top {

        margin-bottom: 1.5vw;

    }

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .item:hover #web-design-icon {

    fill: #f8f8f8;

    background: #64beb3;

    transition: .5s fill all;

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .item:hover #graphic-design-icon {

    fill: #f8f8f8;

    background: #6ac8e4;

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .item:hover #logo-design-icon {

    fill: #f8f8f8;

    background: #e23c5d;

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .about-us-dropdown .item:hover .item-text .title {

    color: #51d9de;

}



#Master #Nav #NavWrapper .linkWrapper #portfolio .dropdown .dropdown-col-2 {

    justify-content: flex-start;

}



#Master #Nav #NavWrapper .linkWrapper #packages {

    width: 857px;

    left: -400%;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown {

    display: flex;

    flex-direction: column;

    justify-content: space-around;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item {

    display: flex;

    align-items: center;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item .logo {

    width: 10%;

    margin: 0 1em 0 0;

    background: #f8f8f8;

    padding: 7px;

    border-radius: 10px;

    height: 40px;

    transition: all .5s;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item .responsive-icon {

    fill: #8050f2;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item .cms-icon {

    fill: #1eb481;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item .e-commerce-icon {

    fill: #9895fe;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item .customised-page-icon {

    fill: #f53ccc;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item .star {

    width: 5.385%;

    transform: translateY(-10px);

    height: 40px;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item a {

    display: block;

    -webkit-text-fill-color: #000;

    color: #000;

    margin: 1em 0 auto;

    font-size: 18px;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item a:hover {

    -webkit-text-fill-color: #51d9de;

    color: #51d9de;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item:hover {

    color: #377bcd;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item:hover .responsive-icon {

    fill: #f8f8f8;

    background: #8050f2;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item:hover .cms-icon {

    fill: #f8f8f8;

    background: #1eb481;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item:hover .e-commerce-icon {

    fill: #f8f8f8;

    background: #9895fe;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item:hover .customised-page-icon {

    fill: #f8f8f8;

    background: #f53ccc;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .top {

    margin-bottom: 1em;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-1 {

    width: 30%;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-1 .col-1-item {

    flex-direction: column;

    position: relative;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-1 .col-1-item a:first-child {

    width: 75%;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-1 .col-1-item img:first-child {

    padding: initial;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-1 .col-1-item .logo {

    transform: scale(1.1);

    width: 100%;

    height: 13.5vw;

    margin: auto;

    background: none;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-1 .col-1-item .icon {

    position: absolute;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-1 .col-1-item .gear-icon-1 {

    width: 15%;

    top: 15%;

    left: 32%;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-1 .col-1-item .gear-icon-2 {

    width: 10%;

    top: 15%;

    left: 64%;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-1 .col-1-item:hover .gear-icon-1,

#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-1 .col-1-item:hover .gear-icon-2 {

    animation: rotation 5s infinite linear;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .vertical-line {

    border: 1px solid #f5f5f5;

    background: #f5f5f5;

    margin: .2em 1.6em 0 0;

    height: 240px;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-2 {

    width: 55%;

}



#Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-2 .item:hover .item-text .title {

    color: #51d9de;

}



#Master #Nav #NavWrapper .linkWrapper .link {

    height: 100%;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}



#Master #Nav #NavWrapper .linkWrapper link.css300:hover .dropdown {

    visibility: visible;

    opacity: 1;

}



#Master #Nav #NavWrapper .linkWrapper .hangingcta img {

    width: 10.5vw;

    padding-top: 4vw;

    filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, .16));

}



#Master #Nav #NavWrapper .linkWrapper .hangingcta.whatsapp {

    width: 10.8%;

    height: 12vw;

    margin-top: 2%;

}



#Master #Nav #NavWrapper .linkWrapper .hangingcta.whatsapp .icon {

    width: 100%;

    height: 100%;

}



#Master #Nav #NavWrapper .linkWrapper .hangingcta.whatsapp .icon img {

    width: 100%;

}



#Master #Nav #NavWrapper .linkWrapper .get-quote {

    position: relative;

    margin-top: 7.9%;

    width: 15%;

    height: 13vw;

}



#Master #Nav #NavWrapper .linkWrapper .get-quote .quote-text {

    font-family: NotoSans-Medium;

    font-size: 1vw;

    color: #fff;

    position: absolute;

    top: 42%;

    left: 19%;

    z-index: 1;

    transform: rotate(15deg);

    letter-spacing: .1em;

    margin: inherit;

}



@media not all and (min-resolution:.001dpcm) {

    @supports(-webkit-appearance:none) and (stroke-color:transparent) {

        #Master #Nav #NavWrapper .linkWrapper .get-quote .quote-text {

            top: 50%;

        }

    }

}



#Master #Nav #NavWrapper .linkWrapper .get-quote .quote {

    width: 100%;

    height: 100%;

}



#Master #Nav #NavWrapper .linkWrapper .hangingcta:hover .whatsapp-icon,

#Master #Nav #NavWrapper .linkWrapper .hangingcta:hover .quote {

    transform: scale(1.1);

}



#Master #Nav #NavWrapper .linkWrapper .buttonQuote {

    position: relative;

    color: #fff;

    display: block;

    font-family: "NotoSans-Regular";

    border-radius: 48.141px;

    padding: 12px 36px 12px 28px;

    box-shadow: 0 3px 3.68px .32px rgba(32, 81, 93, .1);

    background-image: linear-gradient(-320deg, #ff4258 0%, #ff914c 80%);

    letter-spacing: 1px;

    margin-right: 14px;

}



#Master #Nav #NavWrapper .linkWrapper .buttonQuote .icon {

    width: 24px;

    margin-right: 10px;

    vertical-align: middle;

    position: relative;

    z-index: 2;

    animation: paperPlane 5s ease-in-out infinite;

}



#Master #Nav #NavWrapper .linkWrapper .buttonQuote .btnText {

    vertical-align: middle;

    position: relative;

    z-index: 2;

}



#Master #Nav #NavWrapper .linkWrapper .buttonQuote:hover::after {

    opacity: 1;

}



#Master #Nav #NavWrapper .linkWrapper .buttonQuote::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    height: 100%;

    display: block;

    border-radius: 48.141px;

    background: #a3fff7;

    background-image: linear-gradient(220deg, #ff4258 0%, #ff914c 80%);

    -moz-transition: opacity 300ms;

    -webkit-transition: opacity 300ms;

    -o-transition: opacity 300ms;

    transition: opacity 300ms;

}



#Master #Nav #NavWrapper .linkWrapper .buttonWhatCall {

    width: 48px;

    height: 48px;

    border-radius: 48.141px;

    display: block;

    position: relative;

}



#Master #Nav #NavWrapper .linkWrapper .buttonWhatCall .icon {

    width: 24px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    margin: 0 auto;

    z-index: 2;

}



#Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.whatsapp {

    margin-right: 14px;

    background-image: linear-gradient(-320deg, #32ba46 0%, #5bdd6b 60%);

    box-shadow: 0 3px 8px 0 rgba(10, 95, 22, .22);

}



#Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.whatsapp:hover::after {

    opacity: 1;

}



#Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.whatsapp::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    height: 100%;

    display: block;

    border-radius: 48.141px;

    background: #a3fff7;

    background-image: linear-gradient(-40deg, #32ba46 0%, #5bdd6b 60%);

    -moz-transition: opacity 300ms;

    -webkit-transition: opacity 300ms;

    -o-transition: opacity 300ms;

    transition: opacity 300ms;

}



#Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.call {

    box-shadow: 0 3px 8px 0 rgba(9, 58, 84, .28);

    border-radius: 48.141px;

    background-image: linear-gradient(-320deg, #178ed5 0%, #2ad4f3 60%);

}



#Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.call:hover::after {

    opacity: 1;

}



#Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.call::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    height: 100%;

    border-radius: 48.141px;

    display: block;

    background: #a3fff7;

    background-image: linear-gradient(-40deg, #178ed5 0%, #2ad4f3 60%);

    -moz-transition: opacity 300ms;

    -webkit-transition: opacity 300ms;

    -o-transition: opacity 300ms;

    transition: opacity 300ms;

}



#Master #Nav #NavWrapper .linkWrapper .navButtons {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



#Master #Nav.scrolled {

    background-color: #fff;

}



#Master #Nav.scrolled #NavWrapper {

    height: 80px;

    box-shadow: 4px 2px 24px rgba(0, 0, 0, .14);

}



#Master #Nav.scrolled #NavWrapper .linkWrapper {

    padding-bottom: 0;

}



#Master #Nav.scrolled #NavWrapper .linkWrapper .link.whatsappnavbtn span {

    margin: 0;

}



#Master #Nav.scrolled #NavWrapper .linkWrapper .link.getquotenavbtn span {

    margin: 0;

}



#Master #Nav.scrolled #NavWrapper .linkWrapper .link span {

    margin-top: .5vw;

}



#Master #Nav.scrolled #NavWrapper .linkWrapper .hangingcta .quote-text {

    font-size: .75vw;

    top: 35%;

    left: 26%;

}



@media not all and (min-resolution:.001dpcm) {

    @supports(-webkit-appearance:none) and (stroke-color:transparent) {

        #Master #Nav.scrolled #NavWrapper .linkWrapper .hangingcta .quote-text {

            top: 40%;

        }

    }

}



#Master #Nav.scrolled #NavWrapper .linkWrapper .hangingcta .quote {

    height: 10vw;

}



#Master #Nav.scrolled #NavWrapper .linkWrapper .hangingcta img {

    width: 8vw;

    padding-top: 2vw;

}



#Master .btt {

    display: flex;

    flex-direction: column;

    position: fixed;

    align-items: center;

    justify-content: center;

    width: 75px;

    bottom: 8%;

    left: 5%;

    cursor: pointer;

    z-index: 10;

}



@media screen and (min-width:720px) {

    #Master .btt {

        left: 2%;

        bottom: 5%;

    }

}



@media screen and (min-width:1600px) {

    #Master .btt {

        width: 4.688vw;

    }

}



#Master .btt .scrollIcon {

    display: block;

    fill: black;

    width: 70%;

    margin: auto;

    position: relative;

    transform: rotate(315deg);

    padding: 10px; /* default padding for mobile & general */

}



/* Tablet and up (768px and above) */

@media screen and (min-width: 768px) {

    #Master .btt .scrollIcon {

        padding: 12px;

    }

}



/* Laptop/Desktop (1024px and above) */

@media screen and (min-width: 1024px) {

    #Master .btt .scrollIcon {

        padding: 14px;

    }

}



/* Large Desktop (1600px and above) */

@media screen and (min-width: 1600px) {

    #Master .btt .scrollIcon {

        padding: 0.313vw; /* for fluid scaling */

    }

}





#Master .btt span {

    font-family: "Lato-Regular";

    font-size: 12px;

    text-align: center;

    margin-top: .5em;

}



@media screen and (min-width:1600px) {

    #Master .btt span {

        font-size: .75vw;

        margin-top: .5vw;

    }

}



#Master .btt .bttLabel {

    transition: all .2s ease-in-out;

}



#Master .btt .bttLabel svg {

    position: absolute;

    left: -90%;

    top: -90%;

    height: 280%;

    width: 280%;

    pointer-events: none;

    animation-name: rotate;

    animation-duration: 15s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

    animation-play-state: paused;

}



#Master .btt .bttLabel svg text {

    font-family: "NotoSans-Black", sans-serif;

    font-size: 16px;

    letter-spacing: 4.2px;

    font-variation-settings: "wght" 650;

    fill: #434dad;

    text-transform: uppercase;

}



@media screen and (min-width:1600px) {

    #Master .btt .bttLabel svg text {

        font-size: 1vw;

        letter-spacing: .263vw;

    }

}



#Master .btt:hover .scrollIcon {

    -webkit-animation: move 1s infinite linear;

    animation: move 1s infinite linear;

}



#Master .btt:hover .bttLabel svg {

    animation-play-state: running;

}



@keyframes move {

    0% {

        -ms-transform: translateY(0) rotate(315deg);

        -webkit-transform: translateY(0) rotate(315deg);

        transform: translateY(0) rotate(315deg);

    }



    25% {

        -ms-transform: translateY(5%) rotate(315deg);

        -webkit-transform: translateY(5%) rotate(315deg);

        transform: translateY(5%) rotate(315deg);

    }



    50% {

        -ms-transform: translateY(0) rotate(315deg);

        -webkit-transform: translateY(0) rotate(315deg);

        transform: translateY(0) rotate(315deg);

    }



    75% {

        -ms-transform: translateY(-5%) rotate(315deg);

        -webkit-transform: translateY(-5%) rotate(315deg);

        transform: translateY(-5%) rotate(315deg);

    }



    100% {

        -ms-transform: translate(0) rotate(315deg);

        -webkit-transform: translate(0) rotate(315deg);

        transform: translateY(0) rotate(315deg);

    }

}



@keyframes rotate {

    from {

        transform: rotate(360deg);

    }



    to {

        transform: rotate(0);

    }

}



#mwa-award-label {

    position: fixed;

    top: 45px;

    right: 0;

    z-index: 5;

}



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

    #mwa-award-label {

        display: none;

    }

}



.mp-level {

    background-color: #fff;

}



#mp-pusher #mp-menu .mp-level {

    top: 70px;

}



#mp-pusher #mp-menu .mp-level h6 {

    margin: 0;

    padding: 1em 2em;

    text-transform: uppercase;

    letter-spacing: 1px;

    font-size: 20px;

    color: #00263b;

    font-family: NotoSans-Black;

}



#mp-pusher #mp-menu .mp-level .mp-back {

    font-family: NotoSans-Black;

    box-shadow: none;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper .header {

    font-family: NotoSans-Black;

    font-size: 24px;

    color: #00263b;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper .mobileLogo {

    width: 95%;

    margin: 0 auto;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper .mobileLogo a {

    padding: 0;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper .mobileLogo .img {

    width: 84%;

    margin: auto;

    height: auto;

    padding: 24px 0;

    object-position: center;

    object-fit: cover;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul {

    padding: 0;

    list-style-type: none;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li>a {

    font-family: NotoSans-Regular;

    color: #00263b;

    font-weight: normal;

    box-shadow: inset 0 -1px rgba(236, 236, 236, .5);

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li.btnWrapper {

    border: 1px solid rgba(236, 236, 236, .5);

    padding: 20px 0;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .buttonQuote {

    position: relative;

    color: #fff;

    display: block;

    font-family: "NotoSans-Regular";

    border-radius: 48px;

    width: 80%;

    max-width: 200px;

    margin: 30px auto;

    text-align: center;

    padding: 12px 36px 12px 28px;

    box-shadow: 0 3px 4px 0.32px rgba(32, 81, 93, .1);

    background-image: linear-gradient(-320deg, #ff4258 0%, #ff914c 60%);

    letter-spacing: 1px;

}



/* Mobile adjustment: less top spacing */

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

    #mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .buttonQuote {

        margin-top: 120px;

        width: 90%;

        font-size: 14px;

        padding: 10px 24px;

    }

}



/* Tablet */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    #mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .buttonQuote {

        margin-top: 25px;

        font-size: 15px;

        width: 85%;

    }

}



/* Desktop & Laptop */

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

    #mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .buttonQuote {

        margin-top: 30px;

        width: 200px;

        font-size: 16px;

    }

}



/* Large Desktop */

@media screen and (min-width: 1600px) {

    #mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .buttonQuote {

        margin-top: 3vw;

    }

}





#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .buttonQuote .icon {

    width: 22px;

    margin-right: 10px;

    vertical-align: middle;

    position: relative;

    z-index: 2;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .buttonQuote .btnText {

    font-size: 18px;

    vertical-align: middle;

    position: relative;

    z-index: 2;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .buttonQuote:hover::after {

    opacity: 1;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .buttonQuote::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    height: 100%;

    display: block;

    border-radius: 48.141px;

    background: #a3fff7;

    background-image: linear-gradient(-40deg, #ff4258 0%, #ff914c 60%);

    -moz-transition: opacity 300ms;

    -webkit-transition: opacity 300ms;

    -o-transition: opacity 300ms;

    transition: opacity 300ms;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer {

    display: flex;

    justify-content: center;

    align-items: center;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer .buttonWhatCall {

    width: 46px;

    height: 46px;

    border-radius: 48.141px;

    display: inline-block;

    position: relative;

    padding: 0;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer .buttonWhatCall .icon {

    width: 28px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    right: 0;

    margin: 0 auto;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer .buttonWhatCall.whatsapp {

    margin-right: 45px;

    background-image: linear-gradient(-320deg, #32ba46 0%, #5bdd6b 60%);

    box-shadow: 0 3px 8px 0 rgba(10, 95, 22, .22);

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer .buttonWhatCall.whatsapp:hover::after {

    opacity: 1;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer .buttonWhatCall.whatsapp::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    height: 100%;

    display: block;

    border-radius: 48.141px;

    background: #a3fff7;

    background-image: linear-gradient(-40deg, #32ba46 0%, #5bdd6b 60%);

    -moz-transition: opacity 300ms;

    -webkit-transition: opacity 300ms;

    -o-transition: opacity 300ms;

    transition: opacity 300ms;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer .buttonWhatCall.call {

    margin-right: 45px;

    box-shadow: 0 3px 8px 0 rgba(9, 58, 84, .28);

    border-radius: 48.141px;

    background-image: linear-gradient(-320deg, #178ed5 0%, #2ad4f3 60%);

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer .buttonWhatCall.call:hover::after {

    opacity: 1;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer .buttonWhatCall.call::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    height: 100%;

    border-radius: 48.141px;

    display: block;

    background: #a3fff7;

    background-image: linear-gradient(-40deg, #178ed5 0%, #2ad4f3 60%);

    -moz-transition: opacity 300ms;

    -webkit-transition: opacity 300ms;

    -o-transition: opacity 300ms;

    transition: opacity 300ms;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer .buttonWhatCall.mail {

    box-shadow: 0 3px 8px 0 rgba(9, 58, 84, .28);

    border-radius: 48.141px;

    background-image: linear-gradient(-320deg, #ff6a00 0%, #ffa73c 60%);

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer .buttonWhatCall.mail img {

    filter: brightness(0) invert(1);

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer .buttonWhatCall.mail:hover::after {

    opacity: 1;

}



#mp-pusher #mp-menu .mp-level .mp-menu-wrapper ul li .flexContainer .buttonWhatCall.mail::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    height: 100%;

    border-radius: 48.141px;

    display: block;

    background: #a3fff7;

    background-image: linear-gradient(-40deg, #ff6a00 0%, #ffa73c 60%);

    -moz-transition: opacity 300ms;

    -webkit-transition: opacity 300ms;

    -o-transition: opacity 300ms;

    transition: opacity 300ms;

}



#mp-pusher #mp-menu ul li {

    color: #00263b;

}



#mp-pusher #mp-menu .mp-level-open {

    width: 100%;

}



#mp-pusher::after {

    background: none;

}



.mp-pushed #Master #Nav {

    background: #fff;

}



#footer {

    background-color: #fafafa;

    position: relative;

    padding: 1px;

}



#footer .footer-topline {

    position: absolute;

    bottom: 80%;

    width: 100%;

}



#footer .footer-nav {

    width: 90%;

    margin: 64px auto;

    display: flex;

    justify-content: center;

}



#footer .footer-nav .footer-nav-wrapper {

    display: flex;

    flex-direction: column;

    margin: 0 auto;

}



#footer .footer-nav .footer-nav-wrapper .footer-nav-col {

    width: auto;

    min-width: 18%;

    margin-top: 3em;

}



@media screen and (min-width:1600px) {

    #footer .footer-nav .footer-nav-wrapper .footer-nav-col {

        margin-top: 3vw;

    }

}



#footer .footer-nav .footer-nav-wrapper .footer-nav-col a:hover {

    color: #51d9de;

}



#footer .footer-nav .footer-nav-wrapper .footer-nav-col .footer-nav-header {

    display: block;

    font-family: Lato-Bold;

    font-size: 16px;

    line-height: 1.4em;

    letter-spacing: .05em;

    color: #636262;

}



#footer .footer-nav .footer-nav-wrapper .footer-nav-col .footer-nav-item {

    display: block;

    font-family: Lato-Regular;

    font-size: 14px;

    line-height: 1.4em;

    letter-spacing: .05em;

    color: #8b8a8a;

}



#footer .footer-nav .footer-nav-wrapper .footer-nav-col .footer-nav-item:nth-child(2) {

    margin-top: 24px;

}



#footer .footer-nav .footer-nav-wrapper .footer-nav-col .footer-nav-item img {

    width: 72%;

}



#footer .footer-social {

    text-align: center;

    position: relative;

}



#footer .footer-social .social-wrapper {

    height: 50px;

    margin: auto;

    font-size: 0;

    text-align: center;

}



#footer .footer-social .social-wrapper .social-button {

    display: inline-block;

    background-color: #fff;

    width: 50px;

    height: 50px;

    line-height: 50px;

    margin: 0 10px;

    text-align: center;

    position: relative;

    overflow: hidden;

    opacity: .99;

    border-radius: 28%;

    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .1);

    -webkit-transition: all .35s cubic-bezier(.31, -.105, .43, 1.59);

    transition: all .35s cubic-bezier(.31, -.105, .43, 1.59);

    z-index: 1;

}



/* Large desktop */

@media screen and (min-width: 1600px) {

    #footer .footer-social .social-wrapper .social-button {

        width: 3.125vw;

        height: 3.125vw;

        line-height: 3.125vw;

        margin: 0 0.625vw;

    }

}



/* Laptop/Desktop (1025px to 1599px) */

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

    #footer .footer-social .social-wrapper .social-button {

        width: 45px;

        height: 45px;

        line-height: 45px;

        margin: 0 8px;

    }

}



/* Tablet (768px to 1024px) */

@media screen and (min-width: 768px) and (max-width: 1024px) {

    #footer .footer-social .social-wrapper .social-button {

        width: 40px;

        height: 40px;

        line-height: 40px;

        margin: 0 6px;

    }

}



/* Mobile (up to 767px) */

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

    #footer .footer-social .social-wrapper .social-button {

        width: 35px;

        height: 35px;

        line-height: 35px;

        margin: 0 13px;

        margin-top: -6%;

    }

}





#footer .footer-social .social-wrapper .social-button:before {

    content: "";

    background-color: #000;

    width: 120%;

    height: 120%;

    position: absolute;

    top: 90%;

    left: -110%;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    -webkit-transition: all .35s cubic-bezier(.31, -.105, .43, 1.59);

    transition: all .35s cubic-bezier(.31, -.105, .43, 1.59);

}



#footer .footer-social .social-wrapper .social-button .fa {

    font-size: 35px;

    vertical-align: middle;

    -webkit-transform: scale(.8);

    transform: scale(.8);

    -webkit-transition: all .35s cubic-bezier(.31, -.105, .43, 1.59);

    transition: all .35s cubic-bezier(.31, -.105, .43, 1.59);

}



@media screen and (min-width:1600px) {

    #footer .footer-social .social-wrapper .social-button .fa {

        font-size: 2.188vw;

    }

}



#footer .footer-social .social-wrapper .social-button.facebook:before {

    background-color: #3b5998;

}



#footer .footer-social .social-wrapper .social-button.facebook .fa {

    color: #3b5998;

}



#footer .footer-social .social-wrapper .social-button.instagram:before {

    background-color: #e95950;

}



#footer .footer-social .social-wrapper .social-button.instagram .fa {

    color: #e95950;

}



#footer .footer-social .social-wrapper .social-button.linkedin:before {

    background-color: #007bb5;

}



#footer .footer-social .social-wrapper .social-button.linkedin .fa {

    color: #007bb5;

}



#footer .footer-social .social-wrapper .social-button.email:before {

    background-color: #32506d;

}



#footer .footer-social .social-wrapper .social-button.email .fa {

    font-size: 30px;

    color: #32506d;

}



@media screen and (min-width:1600px) {

    #footer .footer-social .social-wrapper .social-button.email .fa {

        font-size: 1.875vw;

    }

}



#footer .footer-social .social-wrapper .social-button.whatsapp:before {

    background-color: #4dc247;

}



#footer .footer-social .social-wrapper .social-button.whatsapp .fa {

    color: #4dc247;

}



#footer .footer-social .social-wrapper .social-button:focus:before,

#footer .footer-social .social-wrapper .social-button:hover:before {

    top: -10%;

    left: -10%;

}



#footer .footer-social .social-wrapper .social-button:focus .fa,

#footer .footer-social .social-wrapper .social-button:hover .fa {

    color: #fff;

    -webkit-transform: scale(1);

    transform: scale(1);

}



#footer .footer-social:after {

    content: "";

    position: absolute;

    width: 100%;

    background-color: #636262;

    height: .25px;

    opacity: .15;

    left: 0;

    top: 50%;

}



#footer .footer-creds {

    text-align: center;

    font-family: Lato-Regular;

    font-size: 14px;

    line-height: 1.4em;

    letter-spacing: .05em;

    color: #636262;

    padding: 8px 0;

    margin-top: 30px;

}



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

    #footer .footer-creds {

        width: 90%;

        margin: auto;

    }

}



#footer .footer-creds a {

    text-decoration: none;

    color: #4aacf4;

}



#footer .footer-creds a:last-child {

    white-space: initial;

}



#footer .footer-creds a:hover {

    color: #51d9de;

}



@media screen and (min-width:1024px) {

    #homeform .wrapper .form-container {

        width: 76%;

    }



    #homeform .wrapper .form-container .splash1 {

        width: 560px;

        top: -90px;

        right: 30%;

    }



    #homeform .wrapper .form-container .splash2 {

        width: 360px;

        bottom: -94px;

        display: block;

    }



    #homeform .wrapper .form .content {

        width: 60%;

    }



    #homeform .wrapper .post-it.top {

        position: absolute;

        top: 10%;

        right: 5%;

    }



    #homeform .wrapper .post-it.bottom {

        position: absolute;

        top: 55%;

        right: 5%;

    }

}



@media screen and (min-width:1280px) {

    #homeform .wrapper {

        max-width: 1335px;

        margin-top: 21%;

    }



    #homeform .wrapper .form-container {

        width: 80%;

        transform: translateX(16px) translateY(-16px) rotate(-1deg);

    }



    #homeform .wrapper .form {

        padding: 80px 0;

    }



    #homeform .wrapper .form .tape {

        width: 18%;

        max-width: unset;

        left: -3%;

        top: -1%;

    }



    #homeform .wrapper .form h2 .head-deco1 {

        width: 180px;

        top: -24px;

    }



    #homeform .wrapper .form h2 .head-deco2 {

        width: 180px;

        bottom: -24px;

    }



    #homeform .wrapper .form .content {

        width: 82%;

        margin-left: 0%;

    }



    #homeform .wrapper .form .content .inner .form-half {

        width: 46%;

        margin: 1.5%;

        display: inline-block;

        vertical-align: top;

        padding: 15px;

    }



    #homeform .wrapper .post-it {

        width: 350px;

        height: 290px;

    }



    #homeform .wrapper .post-it .content .inner a:hover p {

        color: #51d9de;

    }

}



@media screen and (min-width:1366px) {

    .font14 {

        font-size: 1.025vw;

    }



    .font16 {

        font-size: 1vw;

    }



    .font18 {

        font-size: 1.318vw;

    }



    .font20 {

        font-size: 1.464vw;

    }



    #Master #Nav .row {

        max-width: 93.704vw;

    }



    #Master #Nav .link {

        margin-left: 1.025vw;

    }



    #Master #Nav #NavWrapper .linkWrapper span {

        padding: 1.35vw;

    }



    #Master #Nav .link:hover::before {

        height: 1.391vw;

    }



    #Master #Nav .link::before {

        top: .366vw;

        width: .146vw;

    }



    #Master #Nav #NavWrapper {

        height: 7.028vw;

    }



    #Master #Nav #NavWrapper .logoWrapper {

        width: 15.373vw;

    }



    #Master #Nav #NavWrapper .logoWrapper .logo {

        max-width: 13.69vw;

    }



    #Master #Nav #NavWrapper .linkWrapper {

        min-width: 57.101vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonQuote {

        border-radius: 3.587vw;

        padding: .7vw 1.5vw .7vw 1.5vw;

        box-shadow: 0 .22vw .269vw .023vw rgba(32, 81, 93, .1);

        letter-spacing: .073vw;

        margin-right: 1.025vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonQuote .icon {

        width: 1.45vw;

        margin-right: .732vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonQuote::after {

        border-radius: 3.587vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonWhatCall {

        width: 3.2vw;

        height: 3.2vw;

        border-radius: 3.587vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonWhatCall .icon {

        width: 1.6vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.whatsapp {

        margin-right: 1.025vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.whatsapp::after {

        border-radius: 3.587vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.call {

        box-shadow: 0 .22vw .586vw 0 rgba(9, 58, 84, .28);

        border-radius: 3.587vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.call::after {

        border-radius: 3.587vw;

    }

}



@media screen and (min-width:1600px) {

    .font14 {

        font-size: .875vw;

    }



    .font16 {

        font-size: 1vw;

    }



    .font18 {

        font-size: 1.125vw;

    }



    .font20 {

        font-size: 1.25vw;

    }



    #Master {

        min-width: 20vw;

    }



    #Master #Nav {

        min-width: 20vw;

    }



    #Master #Nav .link {

        margin-left: .875vw;

    }



    #Master #Nav .link:hover::before {

        height: 1.188vw;

    }



    #Master #Nav .link::before {

        top: .313vw;

        width: .125vw;

    }



    #Master #Nav #NavWrapper {

        height: 6vw;

    }



    #Master #Nav #NavWrapper .logoWrapper {

        width: 13.125vw;

    }



    #Master #Nav #NavWrapper .logoWrapper .logo {

        max-width: 11.688vw;

    }



    #Master #Nav #NavWrapper .linkWrapper {

        min-width: 48.75vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box .dropdown {

        padding: 1.563vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box .dropdown .dropdown-col .item .item-text .title {

        font-size: 1vw;

        margin: 0 .3vw 0 0;

    }



    #Master #Nav #NavWrapper .linkWrapper .nav-dropdown-box .dropdown .dropdown-col .item .item-text .details {

        font-size: .875vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #about-us {

        width: 40.625vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item .logo-bg {

        margin-right: 1.5vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .item .logo {

        height: 2.5vw;

        padding: .438vw;

        margin: 0 1vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #about-us .dropdown .about-us-dropdown .top {

        margin-bottom: 2vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #services {

        width: 65vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .logo-bg {

        width: 10.938vw;

        height: 8.063vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .logo {

        width: 11vw;

        height: 7.813vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .web-dev {

        transform: translateY(.625vw);

    }



    #Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-img .graphic-design {

        height: 8.438vw;

        transform: translateY(-.8vw);

    }



    #Master #Nav #NavWrapper .linkWrapper #services .dropdown .services-dropdown .item .item-text .title {

        margin: .938vw auto;

    }



    #Master #Nav #NavWrapper .linkWrapper #packages {

        width: 53.563vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item .logo {

        margin: 0 1vw 0 0;

        padding: .438vw;

        height: 2.5vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item .star {

        width: 5.385%;

        transform: translateY(-.625vw);

        height: 2.5vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .item a {

        margin: 1vw 0 auto;

        font-size: 1.125vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #packages .dropdown .packages-dropdown .top {

        margin-bottom: 1vw;

    }



    #Master #Nav #NavWrapper .linkWrapper #packages .dropdown .dropdown-col-1 .col-1-item .logo {

        transform: none;

        width: 100%;

        height: auto;

        background: none;

    }



    #Master #Nav #NavWrapper .linkWrapper #packages .dropdown .vertical-line {

        border: .063vw solid #f5f5f5;

        margin: .2vw 1.6vw 0 0;

        height: 15vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonQuote {

        border-radius: 3.063vw;

        padding: .75vw 2.25vw .75vw 1.75vw;

        box-shadow: 0 .188vw .23vw .02vw rgba(32, 81, 93, .1);

        letter-spacing: .063vw;

        margin-right: .875vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonQuote .icon {

        width: 1.5vw;

        margin-right: .625vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonQuote::after {

        border-radius: 3.063vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonWhatCall {

        width: 3.313vw;

        height: 3.313vw;

        border-radius: 3.063vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonWhatCall .icon {

        width: 1.75vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.whatsapp {

        margin-right: .875vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.whatsapp::after {

        border-radius: 3.063vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.call {

        box-shadow: 0 .188vw .5vw 0 rgba(9, 58, 84, .28);

        border-radius: 3.063vw;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonWhatCall.call::after {

        border-radius: 3.063vw;

    }



    #Master #Nav.scrolled #NavWrapper {

        height: 5vw;

        box-shadow: .25vw .125vw 1.5vw rgba(0, 0, 0, .14);

    }



    #footer {

        padding: .063vw;

    }



    #footer .footer-nav {

        margin: 4vw auto;

    }



    #footer .footer-nav .footer-nav-wrapper .footer-nav-col a:hover {

        color: #51d9de;

    }



    #footer .footer-nav .footer-nav-wrapper .footer-nav-col .footer-nav-header {

        font-size: 1vw;

    }



    #footer .footer-nav .footer-nav-wrapper .footer-nav-col .footer-nav-item {

        font-size: .875vw;

    }



    #footer .footer-nav .footer-nav-wrapper .footer-nav-col .footer-nav-item:nth-child(2) {

        margin-top: 1.5vw;

    }



    #footer .footer-social .social-wrapper {

        box-shadow: 0 0 1.25vw 1.25vw rgba(250, 250, 250, .5);

    }



    #footer .footer-social .social-wrapper .social-item {

        margin: 0 .938vw;

    }



    #footer .footer-social .social-wrapper .social-item img {

        width: 3.125vw;

    }



    #footer .footer-social .social-wrapper .social-item img.fb {

        filter: drop-shadow(.25vw .25vw .5vw #165acf);

    }



    #footer .footer-social .social-wrapper .social-item img.li {

        filter: drop-shadow(.25vw .25vw .5vw #0076c5);

    }



    #footer .footer-social .social-wrapper .social-item img.ig {

        filter: drop-shadow(.25vw .25vw .5vw #b71074);

    }



    #footer .footer-social:after {

        height: .063vw;

    }



    #footer .footer-creds {

        font-size: 1vw;

        padding: .5vw 0;

        margin-top: 1.875vw;

    }



    #homeform p {

        font-size: 1vw;

    }



    #homeform p.heading {

        font-size: 1.25vw;

    }



    #homeform h1 {

        font-size: 3.5vw;

    }



    #homeform h2 {

        font-size: 2vw;

    }



    #homeform .wrapper {

        margin: 11.125vw auto;

        max-width: unset;

    }



    #homeform .wrapper .form-container .splash1 {

        width: 35vw;

        top: -5.625vw;

    }



    #homeform .wrapper .form-container .splash2 {

        width: 22.5vw;

        bottom: -5.875vw;

    }



    #homeform .wrapper .form {

        padding: 5vw 0;

        margin-bottom: 5vw;

        transform: translateX(1vw) translateY(0) rotate(-1deg);

        background-position: bottom;

    }



    #homeform .wrapper .form .tape {

        width: 15%;

        left: -5%;

        top: -1%;

    }



    #homeform .wrapper .form h2 .head-deco1 {

        width: 11.25vw;

        top: -1.5vw;

    }



    #homeform .wrapper .form h2 .head-deco2 {

        width: 11.25vw;

        bottom: -1.5vw;

    }



    #homeform .wrapper .form .content .inner .form-half .text-field .txtbox {

        font-size: .999vw;

        border: .063vw solid #cdcdcd;

        border-radius: 2.5vw;

    }



    #homeform .wrapper .form .content .inner .form-half .text-field .txtbox:focus {

        border: .063vw solid #7ad7f9;

    }



    #homeform .wrapper .form .content .sendbtn {

        width: 15.625vw;

        padding: 1vw;

        font-size: 1.125vw;

        letter-spacing: .1vw;

        margin: 1.25vw auto;

    }



    #homeform .wrapper .post-it {

        width: 21.875vw;

        height: 18.125vw;

        margin: 0 1vw;

        margin-bottom: 1.25vw;

    }



    #homeform .wrapper .post-it.top .tape {

        height: 1.5vw;

    }



    #homeform .wrapper .post-it.bottom .tape {

        height: 1.875vw;

    }



    #homeform .wrapper .post-it .content .inner {

        padding-bottom: 1.875vw;

    }



    #homeform .wrapper .post-it .content .inner .icon {

        width: 2.5vw;

        margin: .5vw 0;

    }



    #homeform .wrapper .post-it .content .inner .icon.btm {

        width: 3vw;

        margin-bottom: 1vw;

    }



    #homeform .wrapper .post-it .content .inner .location {

        width: 3.125vw;

    }

}



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

    #Master #homeform .wrapper .form .content {

        margin: 0 auto;

        transform: rotate(1deg);

    }



    #Master #Nav #NavWrapper .linkWrapper {

        display: none;

    }



    #Master #Nav #NavWrapper .hamburgerWrapper {

        display: flex;

    }



    #Master #Nav #NavWrapper .logoWrapper {

        width: 144px;

        margin-left: 10px;

    }



    #footer {

        padding-top: 32px;

    }



    #footer .footer-nav {

        display: none;

    }

}



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

    #Master #Nav #NavWrapper .linkWrapper .buttonQuote {

        padding: 10px 20px 10px 20px;

    }



    #Master #Nav #NavWrapper .linkWrapper .buttonQuote .btnText {

        font-size: 14px;

    }



    #Master #Nav #NavWrapper .linkWrapper .link .font16 {

        font-size: 14px;

    }

}



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

    #footer {

        padding-top: 0;

    }



    #Master .btt {

        position: inherit;

        left: 0;

        margin: 0 auto 3em;

    }

}



@keyframes paperPlane {

    0% {

        transform: translate(0, 0);

    }



    20% {

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

    }



    40% {

        transform: translate(4%, 4%);

    }



    60% {

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

    }



    80% {

        transform: translate(-10%, -4%);

    }



    100% {

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

    }

}



@keyframes rotation {

    from {

        transform: rotate(0deg);

    }



    to {

        transform: rotate(359deg);

    }

}



@keyframes glass {

    from {

        transform: rotate(0deg) translateX(10%) rotate(0deg);

    }



    to {

        transform: rotate(360deg) translateX(1%) rotate(-360deg);

    }

}



@keyframes float {

    0% {

        transform: translateY(1%);

    }



    100% {

        transform: translateY(-1%);

    }

}



@keyframes opacity {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



@-webkit-keyframes drift1 {

    from {

        left: 67%;

    }



    to {

        left: -25%;

    }

}



@-moz-keyframes drift1 {

    from {

        left: 67%;

    }



    to {

        left: -25%;

    }

}



@keyframes drift1 {

    from {

        left: 67%;

    }



    to {

        left: -25%;

    }

}



@-webkit-keyframes drift2 {

    from {

        left: 90%;

    }



    to {

        left: -25%;

    }

}



@-moz-keyframes drift2 {

    from {

        left: 90%;

    }



    to {

        left: -25%;

    }

}



@keyframes drift2 {

    from {

        left: 90%;

    }



    to {

        left: -25%;

    }

}



@-webkit-keyframes drift3 {

    from {

        left: 7%;

    }



    to {

        left: -25%;

    }

}



@-moz-keyframes drift3 {

    from {

        left: 7%;

    }



    to {

        left: -25%;

    }

}



@keyframes drift3 {

    from {

        left: 7%;

    }



    to {

        left: -25%;

    }

}



@keyframes rotateIn {

    from {

        transform: rotate(45deg);

    }



    to {

        transform: rotate(0);

    }

}



@keyframes flicker {

    0% {

        opacity: .4;

    }



    5% {

        opacity: .5;

    }



    10% {

        opacity: .6;

    }



    15% {

        opacity: .85;

    }



    25% {

        opacity: .5;

    }



    30% {

        opacity: 1;

    }



    35% {

        opacity: .1;

    }



    40% {

        opacity: .25;

    }



    45% {

        opacity: .5;

    }



    60% {

        opacity: 1;

    }



    70% {

        opacity: .85;

    }



    80% {

        opacity: .4;

    }



    90% {

        opacity: .5;

    }



    100% {

        opacity: 1;

    }

}



.awards-footer {

    width: 200px !important;

}



@media screen and (min-width:1600px) {

    .awards-footer {

        width: 12.5vw !important;

    }

}



.awards-footer .awards-marg0 {

    margin: 0 !important;

}



.awards-footer .awards-flex {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 5%;

}



.awards-footer .awards-flex a:hover .awards-text {

    color: #51d9de !important;

}



.awards-footer .award-wid30 {

    width: 30%;

    text-align: center;

}



.awards-footer .award-bottom {

    margin-bottom: 5%;

}



.awards-footer .award-100 {

    width: 100%;

}



.awards-footer .awards-text {

    font-size: 10px !important;

}



@media screen and (min-width:1600px) {

    .awards-footer .awards-text {

        font-size: .625vw !important;

    }

}