.ck-drawing0 {
    stroke-dasharray: 962 964;
    stroke-dashoffset: 963;

}

.ck-drawing1 {
    stroke-dasharray: 942 944;
    stroke-dashoffset: 943;

}

.ck-drawing2 {
    stroke-dasharray: 942 944;
    stroke-dashoffset: 943;

}

.ck-drawing3 {
    stroke-dasharray: 962 964;
    stroke-dashoffset: 963;

}

.ck-drawing4 {
    stroke-dasharray: 508 510;
    stroke-dashoffset: 509;

}

.ck-drawing5 {
    stroke-dasharray: 97 99;
    stroke-dashoffset: 98;

}

.ck-drawing6 {
    stroke-dasharray: 118 120;
    stroke-dashoffset: 119;

}

.ck-drawing7 {
    stroke-dasharray: 197 199;
    stroke-dashoffset: 198;

}

.ck-drawing8 {
    stroke-dasharray: 117 119;
    stroke-dashoffset: 118;

}

.ck-drawing9 {
    stroke-dasharray: 97 99;
    stroke-dashoffset: 98;

}

.ck-drawing10 {
    stroke-dasharray: 97 99;
    stroke-dashoffset: 98;

}

.ck-drawing11 {
    stroke-dasharray: 97 99;
    stroke-dashoffset: 98;

}

.ck-drawing12 {
    stroke-dasharray: 97 99;
    stroke-dashoffset: 98;

}

.ck-drawing13 {
    stroke-dasharray: 97 99;
    stroke-dashoffset: 98;

}

.ck-drawing14 {
    stroke-dasharray: 97 99;
    stroke-dashoffset: 98;

}

.ck-drawing15 {
    stroke-dasharray: 97 99;
    stroke-dashoffset: 98;

}

.ck-drawing16 {
    stroke-dasharray: 97 99;
    stroke-dashoffset: 98;

}

.ck-drawing17 {
    stroke-dasharray: 73 75;
    stroke-dashoffset: 74;

}

.ck-drawing18 {
    stroke-dasharray: 73 75;
    stroke-dashoffset: 74;

}

.ck-drawing19 {
    stroke-dasharray: 154 156;
    stroke-dashoffset: 155;

}

.ck-drawing20 {
    stroke-dasharray: 154 156;
    stroke-dashoffset: 155;

}

.ck-drawing21 {
    stroke-dasharray: 117 119;
    stroke-dashoffset: 118;

}

.ck-drawing22 {
    stroke-dasharray: 305 307;
    stroke-dashoffset: 306;

}

.ck-drawing23 {
    stroke-dasharray: 97 99;
    stroke-dashoffset: 98;

}

.ck-drawing24 {
    stroke-dasharray: 117 119;
    stroke-dashoffset: 118;

}

.ck-drawing25 {
    stroke-dasharray: 197 199;
    stroke-dashoffset: 198;

}

.ck-drawing26 {
    stroke-dasharray: 118 120;
    stroke-dashoffset: 119;

}

.ck-drawing27 {
    stroke-dasharray: 305 307;
    stroke-dashoffset: 306;

}

.ck-drawing28 {
    stroke-dasharray: 5 7;
    stroke-dashoffset: 6;

}

.ck-drawing29 {
    stroke-dasharray: 5 7;
    stroke-dashoffset: 6;
}

.ck-drawing30 {
    stroke-dasharray: 8 10;
    stroke-dashoffset: 9;

}

.ck-drawing31 {
    stroke-dasharray: 5 7;
    stroke-dashoffset: 6;
    animation-delay: 1.5s !important;
}

.ck-drawing32 {
    stroke-dasharray: 508 510;
    stroke-dashoffset: 509;

}

.ck-drawing33 {
    stroke-dasharray: 508 510;
    stroke-dashoffset: 509;

}

.ck-drawing34 {
    stroke-dasharray: 508 510;
    stroke-dashoffset: 509;

}

.ck-drawing35 {
    stroke-dasharray: 53 55;
    stroke-dashoffset: 54;

}

.ck-drawing36 {
    stroke-dasharray: 53 55;
    stroke-dashoffset: 54;

}

.ck-drawing37 {
    stroke-dasharray: 20 22;
    stroke-dashoffset: 21;

}

.ck-drawing38 {
    stroke-dasharray: 8 10;
    stroke-dashoffset: 9;

}

.ck-drawing39 {
    stroke-dasharray: 154 156;
    stroke-dashoffset: 155;

}

.ck-drawing40 {
    stroke-dasharray: 154 156;
    stroke-dashoffset: 155;

}

.ck-drawing41 {
    stroke-dasharray: 5 7;
    stroke-dashoffset: 6;

}

.ck-drawing42 {
    stroke-dasharray: 8 10;
    stroke-dashoffset: 9;

}

.ck-drawing43 {
    stroke-dasharray: 53 55;
    stroke-dashoffset: 54;

}

.ck-drawing44 {
    stroke-dasharray: 37 39;
    stroke-dashoffset: 38;

}

.ck-drawing45 {
    stroke-dasharray: 53 55;
    stroke-dashoffset: 54;

}

.ck-drawing46 {
    stroke-dasharray: 37 39;
    stroke-dashoffset: 38;

}

.ck-drawing47 {
    stroke-dasharray: 20 22;
    stroke-dashoffset: 21;

}

.ck-drawing48 {
    stroke-dasharray: 8 10;
    stroke-dashoffset: 9;

}

.ck-drawing49 {
    stroke-dasharray: 390 392;
    stroke-dashoffset: 391;

}

.ck-drawing50 {
    stroke-dasharray: 390 392;
    stroke-dashoffset: 391;

}

.ck-drawing51 {
    stroke-dasharray: 5 7;
    stroke-dashoffset: 6;

}

.ck-drawing52 {
    stroke-dasharray: 94 96;
    stroke-dashoffset: 95;

}

.ck-drawing53 {
    stroke-dasharray: 94 96;
    stroke-dashoffset: 95;

}
.start-drawing-animation-start {
    animation: render 3000ms ease 0ms forwards;
}
@keyframes render {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes ck-drawingfade {
    0% {
        stroke-opacity: 1;
    }
    93.54838709677419% {
        stroke-opacity: 1;
    }
    100% {
        stroke-opacity: 0;
    }
}



























.about-us-page {
    padding-top: 150px;
}
.about-us-page-section-name-container {
    width: 480px;
    flex-shrink: 0;
}
.about-us-page-banner-section {
    padding-bottom: 150px;
}
.about-us-page-banner-container {
    height: 300px;
}
.about-us-page-banner-inner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.about-us-page-banner-inner-container img {
    width: 100%;
    max-width: unset;
}


















.business-information-content-container {
    padding-top: 100px;
}
.business-information-content-container div {
    padding-bottom: 150px;
    padding-right: 60px;
}
.drawing-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
    width: 720px;
    flex-shrink: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-us-page-records-container {
    position: absolute;
    top: 210px;
    left: calc(50% - 100px);
}
.business-information-drawing-wrapper {
    background-color: var(--blueGrey);
}
.records-header {
    font-size: 1.313rem;
    color: var(--blue);
    padding-bottom: 3px;
}
.records-content {
    font-size: 1.063rem;
    color: var(--dark);
}
.about-us-page-records-container .records {
    padding-bottom: 185px;
}
















.about-us-page-main-content-wrapper {
    width: 100%;
}
.about-us-page-director-quote-section {
    margin-bottom: 150px;
    background-color: var(--grey);
}
.about-us-page-director-quote-img-wrapper {
    width: 300px;
    height: 400px;
}
.about-us-page-director-quote-ig-container {
    width: inherit;
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.about-us-page-director-quote-ig-container img {
    height: 100%;
}
.director-quote {
    padding: 100px 0 60px 60px;
}
.director-quote p {
    font-size: 1.188rem;
    font-weight: 300;
    font-style: italic;
    color: var(--green);
    line-height: 1.813rem;
}
.director-quote-signature p{
    text-align: right;
    font-size: 0.813rem;
    line-height: 1.313rem;
    color: var(--dark);
}
.about-us-page-director-quote-content {
    padding-bottom: 75px;
}
.about-us-page-director-quote-content-container {
    padding-right: 360px;
}













/* ------ FORM ------ */
/* Change autocomplete styles in WebKit */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active
{
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    color: var(--green);
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--green) !important;
}
input, textarea, select { font-family:inherit; }
.contact-form-inputs input {
    display: block;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    color: var(--green);
    width: calc(100% - 15px);
    border-bottom: 1px solid var(--blue);
    padding: 15px 15px 5px 0;
}
.contact-form-inputs-inner-container {
    margin-left: 480px;
}
.contact-form-inputs-header {
    padding: 75px 60px 50px 0;
}
.contact-form-inputs-header p {
    color: var(--blue);
    font-size: 1.188rem;
    line-height: 1.375rem;
}
.contact-form-inputs input::-webkit-input-placeholder {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    color: var(--green);
}

.contact-form-inputs input:-ms-input-placeholder {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    color: var(--green);
}

.contact-form-inputs input:-moz-placeholder {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    color: var(--green);
}

.contact-form-inputs input::-moz-placeholder {
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-size: 0.875rem;
    color: var(--green);
}
.contact-form {
    padding-bottom: 250px;
}
.contact-form-button-container {
    margin-left: 60px;
}
.contact-form-wrapper {
    width: 100%;
}
.contact-form-wrapper form{
    width: inherit;
}
.contact-form-inputs-wrapper {
    width: 100%;
    border-top: 1px solid var(--blue);
    border-right: 1px solid var(--blue);
}
.contact-form-button-wrapper {
    width: 720px;
    flex-shrink: 0;
}
.contact-form-button-container {
    height: 100%;
}
.contact-form-button-container .button-container {
    align-items: flex-end;
    height: 100%;
}



























.ck-emblem-container {
    display: inline-block;
}
.emblem-letter-c {
    fill: var(--grey);
    transition: all .8s ease;
}
.emblem-letter-k {
    fill: var(--grey);
    transition: all .8s ease;
}
.about-us-emblem-container {
    text-align: right;
    height: 100%;
}
.about-us-button-container {
    height: calc(100% - 93px);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.about-us-button-container .button {
    position: relative;
    right: 20px;
}
.brands-we-work-with {
    display: flex;
    justify-content: space-between;
    padding-top: 74px;
}





/*--------UPGRADE-------*/

.about-us-page-content-section {
    padding-bottom: 150px;
}
.ab-u-section-content-container {
    width: calc(100% - 360px);
}
.ab-u-content {
    width: 720px;
}
.about-us-content {
    padding-right: 0;
}
.ab-u-emblem-and-button {

}
.ab-u-brands-wrapper {
    overflow: auto;
}
.ab-u-section-content {
    justify-content: space-between;
}
.brands-container img {
    max-width: unset;
}











@media only screen and (max-width: 1740px) {
    .drawing-wrapper {
        width: 600px;
    }
    .about-us-page-director-quote-content-wrapper {
        max-height: 480px;
    }
    .about-us-content {
        padding-right: 60px;
    }
}
@media only screen and (max-width: 1640px) {
    .about-us-page-section-name-container {
        width: 360px;
        flex-shrink: 0;
    }
    .about-us-page-director-quote-content-container {
        /* width: calc(1080px - 360px); */
        width: auto;
        padding-right: 300px;
    }
    .ab-u-section-content-container {
        width: calc(100% - 300px);
    }
}
@media only screen and (max-width: 1440px) {
    .about-us-page-banner-section {
        padding-bottom: 60px;
    }
    .drawing-wrapper {
        width: 300px;
    }
    .drawing-wrapper svg{
        display: none;
    }
    .about-us-page-director-quote-content-container {
        padding-right: 60px;
    }
    .ab-u-section-content-container {
        width: calc(100% - 60px);
    }
}
@media only screen and (max-width: 1280px) {
    .about-us-page-header-container .section-name-container {
        padding-bottom: 20px;
    }
    .business-information-content-container {
        padding-top: 0;
    }
    .about-us-page-director-quote-img-wrapper {
        width: 320px;
    }
    .about-us-page {
        display: block;
    }
    .about-us-page-main-content-wrapper>div {
        margin-left: 60px;
    }
    .about-us-page-about-business-information-section {
        display: block;
    }
    .about-us-page-records-container {
        position: relative;
        top: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        width: 100%;
        padding-right: 60px;
        padding-left: 60px;
    }
    .drawing-wrapper {
        width: 100%;
    }
    .about-us-page-records-container .records {
        padding-bottom: 0;
    }
    .business-information-drawing-wrapper {
        margin-right: 60px;
        margin-bottom: 100px;
    }
    .about-us-page-director-quote-section {
        margin-bottom: 100px;
    }
    .business-information-content-container div {
        padding-bottom: 100px;
    }
}
@media only screen and (max-width: 900px) {
    .ab-u-section-content {
        display: block;
    }
    .about-us-emblem-container {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }
    .ab-u-emblem-and-button {
        padding-top: 60px;
    }
    .about-us-content {
        padding-right: 0;
    }
    .ab-u-content {
        width: auto;
    }
    .about-us-page-records-container {
        flex-wrap: wrap;
    }
    .about-us-page-records-container > div {
        flex: 50%;
    }
    .about-us-page-records-container .records:nth-child(-n+2){
        padding-bottom: 30px;
    }
}
@media only screen and (max-width: 768px) {
    .about-us-page-records-container .records .records-content {
        padding-right: 15px;
    }
    .about-us-page-director-quote-img-wrapper {
        width: 240px;
    }
    .about-us-page-banner-container {
        height: 315px;
    }
    .director-quote {
        padding: 75px 0 15px 30px;
    }
    .about-us-page-main-content-wrapper>div {
        margin-left: 15px;
    }
    .about-us-page-header-container .section-name-container {
        margin-left: 15px;
    }
    .ab-u-section-content-container {
        width: calc(100% - 15px);
    }
    .about-us-page-director-quote-content-container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .business-information-content-container div {
        /*padding-bottom: 90px;*/
        padding-right: 15px;
    }
    .business-information-content-our-mission h2 {
        padding-bottom: 50px;
    }
    .business-information-drawing-wrapper {
        margin-right: 15px;
    }
    .about-us-page-content-section .brands-we-work-with {
        padding-top: 90px;
    }
    .about-us-page {
        padding-top: 90px;
    }
    .about-us-page-content-section {
        padding-bottom: 100px;
    }
}
@media only screen and (max-width: 575px) {
    .about-us-page-section-name-container {
        width: 100%;
        flex-shrink: 1;
    }
    .about-us-page-director-quote-ig-container {
        height: 200px;
    }
    .about-us-page-director-quote-content-wrapper {
        max-height: unset;
    }
    .about-us-page-director-quote-img-wrapper {
        height: auto;
        padding-right: 15px;
        padding-left: 15px;
    }
    .director-quote {
        padding: 0;
        margin-bottom: 30px;
    }
    .about-us-page-director-quote-img-wrapper {
        float: left;
    }
    .about-us-page-director-quote-content {
        padding-bottom: 15px;
    }
    .about-us-page-director-quote-img-wrapper {
        width: 150px;
    }
    .about-us-page-director-quote-inner-container {
        display: block;
        padding-top: 15px;
    }
    .about-us-page-records-container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .drawing-wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}









/* --- WORDPRESS UPDATE --- */
.about-us-page-banner-inner-container figure {
    width: 100%;
}