/*

    INDEX

    1. HTML AND BODY
    2. COOKIE DIV
    3. NAVBAR
    4. PAGES
        4.1 HOME PAGE
            4.1.1 HOME PAGE BANNER
            4.1.2 HOME PAGE SECTION1
            4.1.3 HOME PAGE SECTION2
            4.1.4 HOME PAGE SECTION3
            4.1.5 HOME PAGE SECTION3B
            4.1.6 HOME PAGE SECTION4
            4.1.7 HOME PAGE SECTION5
            4.1.8 HOME PAGE SECTION6
            4.1.9 HOME PAGE SECTION7
            4.1.10 HOME PAGE SECTION8
        4.2 ALL PAGES
            4.2.1 LIBRARY WIDGET
            4.2.2 PAGE CONTENT
            4.2.3 LAZY LOADING IMAGES
        4.3 TM DIRECT PAGE
            4.3.1 NEWDIV
            4.3.2 FIXED SECTIONS
            4.3.3 CONTACT BUTTONS
            4.3.4 ATTORNEY SECTION
            4.3.5 TM BUTTONS
            4.3.6 TM SEARCH FORM
            4.3.7 STEPS
            4.3.8 TM DIRECT TABLE
            4.3.9 PROCESS
            4.3.10 PROCESS 2
            4.3.11 RENEWAL
        4.4 ATTORNEYS PAGE
        4.5 CONTACT US PAGE
        4.6 RENEWALS PAGE
		4.7 EXTRA GLOBALIPCO PAGE
    5. FOOTER
    6. MEDIA


 */

#visitSNZButton {
    text-align: center;
    display: block;
    font-size: 20px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    background: #004370;
    color: #ffffff;
    padding: 8px;
    border-radius: 10px;
    border-bottom: 3px solid black;
}
#weHaveMoved {
    font-size: 24px;
    color: #004370;
}

#textBox {
    background: rgb(234 234 234 / 80%);
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    height: 400px;
    display: flex;
    flex-direction: column;
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    box-shadow: 4px 2px 1px 0px rgb(0 0 0 / 75%);
    -webkit-box-shadow: 5px 4px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    justify-content: center;
    align-items: center;
}
/* 1. HTML AND BODY */
html {
    height: 100%;
    box-sizing: border-box;
    background: url(../images/banner.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    position: relative;
    margin: 0;
    min-height: 100%;
    color: #333;
    line-height: 1.42857143;
    font-size: 16px;
    letter-spacing: 0;
    scroll-behavior: smooth;
    font-family: Cabin, Arial, sans-serif;
    padding-bottom: 120px;
    overflow: visible;
}

a {
    color: #337ab7;
    text-decoration: none;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.h1, h1 {
    font-size: 36px;
    margin: .67em 0;
}

.h3, h3 {
    font-size: 24px;
}

p {
    margin: 0 0 10px;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}

.lstn {
    list-style-type: none;
}

.italicText {
    font-style: italic;
}

.tac {
    text-align: center;
}

.mb5 {
    margin-bottom: 5px;
}

.mb30 {
    margin-bottom: 30px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

/* 2. COOKIE DIV */
#cookie_div {
    position: fixed;
    bottom: 0;
    width: calc(100vw - 80px);
    background: rgb(199, 225, 243);
    text-align: center;
    padding: 8px 40px;
    z-index: 4000;
    color: #000000;
}

#cookie_heading {
    font-size: 22px;
    margin-bottom: 9px;
}

#cookie_div_p1 {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 0;
}

#cookie_button {
    color: #1b3d59;
    padding: 0;
    margin-top: -10px;
    font-size: 30px;
    cursor: pointer;
    width: 20px;
    display: inline-block;
    vertical-align: top;
    margin-left: 11px;
    position: absolute;
    top: 6px;
    right: 12px;
}

#cookie_a {
    color: #121098;
    text-decoration: underline;
}

.snzButton {
    color: #ffffff;
    padding: 3px 13px 4px 10px;
    text-align: center;
    width: auto;
    background: #004370;
    border-radius: 4px;
    border: 0px;
    cursor: pointer;
    outline: none;
}

/* 3. NAVBAR */
#navbar {
    background: #004370;
    text-align: center;
    height: 70px;
    border-bottom: 3px solid #cccccc;
    position: relative;
    z-index: 6;
}

#navbarLeft {
    width: 410px;
    display: flex;
    justify-content: flex-end;
}

#navbarRight {
    width: 410px;
    display: flex;
    justify-content: flex-start;
}

#navbarA {
    color: #ffffff;
    font-size: 18px;
    width: 85px;
}

#navbarImg {
    width: 100%;
    margin-top: 10px;
}

#navbarLinks {
    display: flex;
    justify-content: center;
}

.navbarLinksA {
    padding: 25px 30px 0px 30px;
    color: #ffffff;
    font-size: 18px;
}

nav {
    background: #004370;
    text-align: center;
    height: 70px;
    border-bottom: 3px solid #cccccc;
    position: relative;
    z-index: 4;
}

    nav > ul {
        padding-left: 0;
        margin-left: -2%;
        height: 70px;
    }

        nav > ul > li {
            display: inline-block;
            vertical-align: top;
            margin-top: 25px;
            margin-left: 30px;
            margin-right: 30px;
        }

        nav > ul > a > img {
            display: inline-block;
            width: 85px;
            margin-top: 10px;
        }

        nav > ul > li > a {
            color: #ffffff;
            font-size: 18px;
        }

            nav > ul > li > a:hover {
                color: #ffffff;
                text-decoration: none;
            }

#navButton, #smallLogo {
    display: none;
}

#navButton {
    position: absolute;
    right: 17px;
    width: 25px;
    top: 15px;
    cursor: pointer;
    z-index: 10000;
}

#closeNavButton {
    display: block;
    position: absolute;
    right: 17px;
    width: 25px;
    top: 15px;
    cursor: pointer;
    z-index: 0;
    opacity: 0;
}

/* 4. PAGES */

/* 4.1 HOME PAGE */
#trademarksSmall, #patentsSmall, #designsSmall, #introSmall, #pricingServicesSmall, #guaranteeDiv {
    display: none;
}

#peopleHeading, #clientHeading, #guaranteeHeading, #pricingSmallHeading, #servicesSmallHeading {
    font-size: 30px;
}

#patentServicesSmall, #tmServicesSmall, #designServicesSmall, #commercialServicesSmall {
    font-size: 26px;
}

/* 4.1.2 HOME PAGE BANNER */
#snzWatermark {
    position: absolute;
    width: 80vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    height: calc(80vw / 2.49);
}

#snzMovie {
    z-index: 1000;
    width: 700px;
    height: 394px;
}

#homePageBannerDiv {
    position: relative;
    background: #5a718a;
    font-size: 0px;
}

#homePageBanner {
    width: 100%;
    height: calc(100vw / 2.21);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    opacity: 0;
    transition: opacity 1s;
}

#homePageBannerSVG {
    width: 100%;
    position: absolute;
    bottom: 50px;
    left: 0;
    height: calc(100vw / 5.76);
}

#homeSmallTiny {
    width: 100%;
    z-index: -1;
    display: none;
}

#homeLargeTiny {
    width: 100%;
    z-index: -1;
}

#homePageBannerCont {
    position: relative;
}

/* 4.1.2 HOME PAGE SECTION1 */

#section1 {
    padding-top: 1%;
    padding-bottom: 2%;
    text-align: center;
    position: relative;
}

    #section1 ul {
        list-style-type: none;
        padding-left: 0;
        color: #00436f;
    }

#section3h1 {
    color: #988b71;
    font-size: 43px;
}

/* 4.1.3 HOME PAGE SECTION2 */

#section2 {
    position: relative;
    width: 100%;
}

#homeMiddleBanner {
    width: 100%;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 3;
    height: calc(100vw / 3.4);
}

#homeMiddleBannerTiny {
    width: 100%;
    z-index: -1;
}

#section3 {
    background: #f6f6f6;
}

#middleTable {
    display: table;
    position: absolute;
    top: 0;
    width: 93%;
    margin-top: 9%;
    margin-left: 7%;
    z-index: 30;
}

#middleRow {
    display: table-row;
}

.middleCell {
    display: table-cell;
    width: 33%;
    color: #ffffff;
}

    .middleCell ul, .s3Cells ul {
        list-style-type: none;
        padding-left: 0;
    }

    .middleCell p, .s3Cells p {
        font-size: 26px;
    }

    .middleCell p {
        color: #ead7b0;
    }

.s3Cells p {
    color: #00436f;
}

.middleLine {
    width: 50px;
    height: 2px;
    background: #e0b942;
    margin-bottom: 10px;
}

.middleMoreButton {
    background: #ffffff;
    padding: 3px 13px 4px 10px;
    text-align: center;
    width: 52px;
    border-radius: 2px;
    color: #004370;
}

/* 4.1.4 HOME PAGE SECTION3 */

.s3MoreButton {
    color: #ffffff;
    padding: 3px 13px 4px 10px;
    text-align: center;
    width: 52px;
    background: #004370;
    border-radius: 2px;
}

#s3Table {
    display: table;
    width: 60%;
    margin-left: 30%;
    padding-top: 4%;
    padding-bottom: 4%;
}

#s3Row {
    display: table-row;
}

.s3Cells {
    display: table-cell;
    width: 50%;
}

#lineInBetween {
    width: 50%;
}

/* 4.1.5 HOME PAGE SECTION3B */

#section3b {
    text-align: center;
}

    #section3b h2 {
        font-size: 35px;
        padding-bottom: 2%;
        padding-top: 4%;
        color: #c1b08e;
    }

#lawyersPhotosTable {
    display: table;
    width: 80%;
    background: #ffffff;
    margin-left: 10%;
    margin-right: 10%;
}

.lawyersPhotosRow {
    display: table-row;
}

.lawyersPhotosCells {
    display: table-cell;
    text-align: center;
    width: 25%;
    padding-left: 30px;
    padding-right: 30px;
}

    .lawyersPhotosCells a {
        color: #333333;
        position: relative;
    }

        .lawyersPhotosCells a:hover {
            color: #00436f;
        }

#lawyersPhotosTable .lawyersPhotosRow:first-child .lawyersPhotosCells {
    padding-top: 60px;
}

#lawyersPhotosTable .lawyersPhotosRow:last-child .lawyersPhotosCells {
    padding-bottom: 2%;
}

.profiles {
    width: 100%;
    border: 6px solid #00436f;
    border-radius: 3px;
    position: absolute;
}

.tinyProfiles {
    width: 82%;
    border: 6px solid #00436f;
    border-radius: 3px;
}

.lawyersPhotosCells p:first-child {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 20px;
}

/* 4.1.6 HOME PAGE SECTION4 */

#section4 {
    position: relative;
}

#section4Banner {
    width: 100%;
    display: block;
    z-index: 1;
    height: calc(100vw / 2.5);
}

#section4BannerTiny {
    width: 100%;
    display: block;
    z-index: 0;
}

/* 4.1.7 HOME PAGE SECTION5 */
#section5 {
    background: #f6f6f6;
    display: block;
    padding-top: 5%;
    padding-bottom: 2%;
}

    #section5 h1 {
        text-align: center;
        margin-bottom: 15px;
        color: #c1b08e;
    }

    #section5 hr {
        width: 500px;
        margin-bottom: 7%;
    }

#s5Table {
    display: table;
    width: 80%;
    margin-left: 10%;
}

.s5Row {
    display: table-row;
}

.s5Cell {
    display: table-cell;
    width: 50%;
    padding-bottom: 70px;
    vertical-align: top;
}

    .s5Cell img {
        width: 200px;
        float: left;
        display: inline-block;
    }

    .s5Cell p {
        display: inline-block;
        width: inherit;
        font-size: 20px;
        color: #004370;
        padding-left: 20px;
    }

        .s5Cell p:last-child {
            font-size: 14px;
            color: #272727;
        }

/* 4.1.8 HOME PAGE SECTION6 */
#section6Banner {
    width: 100%;
    z-index: 1;
    height: calc(100vw / 3.4);
}

#section6BannerTiny {
    width: 100%;
    z-index: -1;
}

#section6 {
    position: relative;
}

#section6Text {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    color: #ffffff;
    margin-top: 9%;
    z-index: 3;
}

    #section6Text h2 {
        font-size: 40px;
        color: #ead7b0;
    }

    #section6Text p {
        font-size: 18px;
        width: 800px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

/* 4.1.9 HOME PAGE SECTION7 */
#section7 {
    background: #ffffff;
    padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
}

    #section7 h1 {
        text-align: center;
        margin-bottom: 15px;
        color: #00436f;
    }

    #section7 hr {
        width: 500px;
        margin-bottom: 50px;
    }

#libraryTable {
    display: table;
    width: 800px;
    background: #f6f6f6;
    margin-left: auto;
    margin-right: auto;
    height: 372px;
}

#libraryRow {
    display: table-row;
}

.libraryCells {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

#libraryRow .libraryCells:first-child {
    background: #ffffff;
    width: 47%;
}

#libraryRow .libraryCells:last-child {
    background: #f6f6f6;
    width: 53%;
}

#blocksContainer div {
    position: absolute;
    z-index: 9;
    opacity: 0;
    height: 312px;
    width: 365px;
    border-right: 2px solid #004370;
    border-bottom: 2px solid #004370;
    transition: height 1s;
    overflow-y: scroll;
}

    #blocksContainer div ul {
        list-style-type: none;
        text-align: left;
        padding-left: 56px;
        padding-right: 30px;
    }

        #blocksContainer div ul > li {
            text-indent: -10px;
            padding-top: 14px;
        }

            #blocksContainer div ul > li a {
                color: #000;
            }

                #blocksContainer div ul > li a:hover {
                    color: #af994b;
                }

    #blocksContainer div.active {
        z-index: 11;
        opacity: 1;
    }

#blocksContainer {
    position: relative;
    height: 372px;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    padding: 30px;
    transition: height 1s;
    background: #f6f6f6;
    overflow: hidden;
}

#libraryNavBar {
    list-style-type: none;
    text-align: left;
    padding-left: 0;
    margin-bottom: 0;
}

    #libraryNavBar li {
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 24px;
        border-top: 1px solid #bdbdbd;
        border-right: 1px solid #bdbdbd;
        padding-left: 20px;
        background: #ffffff;
        cursor: pointer;
    }

        #libraryNavBar li.active {
            background: #f6f6f6;
            border-left: 1px solid #bdbdbd;
            border-right: none;
        }

        #libraryNavBar li:hover {
            background: #f6f6f6
        }

        #libraryNavBar li:last-child {
            border-bottom: 1px solid #bdbdbd;
        }

#blocksContainer h3 {
    color: #004370;
    margin-bottom: 10px;
}

#bookmark {
    width: 50px;
    position: absolute;
    top: -2px;
    left: 23px;
    z-index: 10;
}

#blocksContainer div::-webkit-scrollbar {
    width: 10px;
}

#blocksContainer div::-webkit-scrollbar-track {
    background: #f6f6f6;
}

#blocksContainer div::-webkit-scrollbar-thumb {
    background: #888;
}

    #blocksContainer div::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

/* 4.1.10 HOME PAGE SECTION8 */
#section8 {
    border-top: 6px solid #004370;
    width: 100%;
    text-align: center;
    padding-bottom: 3%;
    padding-top: 1%;
}

    #section8 h2 {
        font-size: 50px;
        color: #004370;
        margin-bottom: 20px;
    }

    #section8 hr {
        width: 500px;
        margin-bottom: 36px;
    }

    #section8 img {
        width: 180px;
        vertical-align: top;
        margin-left: 20px;
        margin-right: 20px;
    }

/* 4.2 ALL PAGES */
/* 4.2.1 LIBRARY WIDGET */
.libraryWidget ul li ul li {
    display: none;
    border-left: 5px solid #00436e;
    cursor: pointer;
}

    .libraryWidget ul li ul li:hover {
        color: blue;
    }

    .libraryWidget ul li ul li:first-child {
        margin-top: 19px;
    }

    .libraryWidget ul li ul li:last-child {
        margin-bottom: 19px;
    }

.libraryWidget ul li.active ul li {
    display: block;
}

.libraryWidget ul li.active ul li a {
    color: #000;
    font-weight: 400;
    display: block;
    padding: 5px 5px 5px 26px;
}

.libraryWidget ul li.active ul li a:hover {
    color: #af994b;
}

.libraryWidget ul li ul {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 26px;
}

.libraryWidget ul li {
    padding: 0px 5px 0px 7px;
}

.libraryWidget > ul > li.active > div {
    background: #00436f;
    padding: 14px;
    color: #fff;
}

.libraryWidget > ul > li.active > ul > li.active > a {
    color: #af994b; 
}

.libraryWidget > ul > li > div {
    background: #ffffff;
    padding: 14px;
    color: #000;
    cursor: pointer;
}

.libraryWidget > ul > li > div:hover, .libraryWidget > ul > li > div:focus, .libraryWidget > ul > li > div:active {
    background: #00436f;
    color: #ffffff;
}

.libraryWidget > ul > li > div:hover .downArrow, .libraryWidget > ul > li > div:focus .downArrow, .libraryWidget > ul > li > div:active .downArrow {
    border-top: 7px solid #fff;
}

.libraryWidget > ul {
    list-style-type: none;
    padding-left: 0;
    -webkit-box-shadow: 0px 2px 5px 0px rgb(0, 67, 111);
    -moz-box-shadow: 0px 2px 5px 0px rgb(0, 67, 111);
    box-shadow: 0px 2px 5px 0px rgb(0, 67, 111);
    padding: 20px;
}

.libraryWidget {
    display: inline-block;
    width: 328px;
    margin-top: 5%;
    vertical-align: top;
    margin-left: 20px;
    margin-bottom: 5%;
    text-align: left;
}

    .libraryWidget .libraryHeading {
        font-size: 34px;
        padding-left: 18px;
        margin-bottom: 18px;
        color: #c1b08e;
    }

.expandItem {
    width: 8px;
    cursor: pointer;
    float: right;
    vertical-align: top;
    margin-top: 8px;
}

.downArrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #004370;
    cursor: pointer;
    float: right;
    vertical-align: top;
    margin-top: 8px;
}

.upArrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 7px solid #fff;
    cursor: pointer;
    float: right;
    vertical-align: top;
    margin-top: 8px;
    display: none;
}

.libraryWidget li.active .upArrow {
    display: block;
}

.libraryWidget li.active .downArrow {
    display: none;
}

/* 4.2.2 PAGE CONTENT */
.pageInside, .contactPageInside {
    text-align: center;
    width: 100%;
}

.contactPageInside .pageContent {
    width: 900px;
    display: inline-block;
    padding-right: 0px;
    margin: 5% 0;
    text-align: left;
}

.noMarg .pageContent p, .noMarg .pageContent ul, .noMarg .pageContent ol {
    margin-top: 0;
    margin-bottom: 0;
}

.noMarg .pageContent .greyBox {
    background: #ffffff;
    padding: 0;
    position: relative;
    background-image: none;
    background-size: 0;
    font-style: normal;
}

    .noMarg .pageContent .greyBox br {
        display: none;
    }

.noMarg .pageContent p br {
    display: none;
}

.pageContent {
    width: 700px;
    display: inline-block;
    padding-right: 100px;
    margin: 5% 0;
    text-align: left;
}

.pageContent p {
    margin-top: 25px;
    margin-bottom: 25px;
    color: #4e4e4e;
}

.pageContent ul, .pageContent ol {
    margin-top: 25px;
    margin-bottom: 25px;
    color: #4e4e4e;
}

.pageContent h1 {
    margin-top: 0;
    color: #00436f;
}

.pageContent h2 {
    margin-top: 30px;
    color: #00436f;
    font-size: 25px;
}

.pageContent h4 {
    font-size: 20px;
    color: #797979;
    margin-top: 0px;
    text-align: center;
}

.pageContent img {
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.pageContent img.full {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.pageContent h3 {
    font-weight: bold;
    font-size: 20px;
    margin-top: 34px;
    color: #c1b08e;
}

.noMarg .pageContent h4 {
    font-size: 24px;
    color: #000000;
}

.noMarg .pageContent h3 {
    font-size: 14px;
    color: #4e4e4e;
    font-weight: normal;
    margin-bottom: 3px;
    margin-top: 0;
}

.pageContent hr {
    margin-top: 34px;
    margin-bottom: 30px;
    color: #4e4e4e;
}

.noMarg .pageContent hr {
    margin-top: 25px;
    margin-bottom: 30px;
}

.pageContent table {
    width: 500px;
    border-collapse: collapse;
    color: #4e4e4e;
    margin-bottom: 30px;
}

.pageContent table td {
    border: 1px solid #b3b3b3;
    padding: 17px;
}

.pageContent table tr td:last-child {
    width: 50%;
}

.pageContent table tr:last-child td {
    font-weight: bold;
    color: #000;
}

.pageContent table.lastLineNotDark tr:last-child td {
    font-weight: normal;
    color: #4e4e4e;
}

.greyBox {
    background: #e4e4e4;
    padding: 34px 36px 34px 56px;
    position: relative;
    background-image: url(../images/pageImages/quote.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 12px 12px;
    font-style: italic;
}

#pagesBanner, #articleBanner {
    width: 100%;
}

#pagesSmallBanner {
    display: none;
}

/* 4.2.3 LAZY LOADING IMAGES */
.progressive {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none;
    position: absolute;
    top: 0;
    left: 0;
}

.progressive:not(.replace) {
    cursor: default;
}

.progressive img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    border: 0 none;
}

img.preview {
    filter: blur(1.5vw);
    transform: scale(1.05);
    width: 100%;
    z-index: -1;
}

img.reveal {
    will-change: transform, opacity;
    animation: reveal 1s ease-out;
}

@keyframes reveal {
    0% {
        transform: scale(1.05);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.lazyLoadingDiv {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* 4.3 TM DIRECT PAGE */
#temporaryNotice {
    position: absolute;
    top: 100px;
    z-index: 4;
    color: #fff;
    background: #e6af09;
    width: 900px;
    padding: 19px 10px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    border-radius: 3px;
}

/* 4.3.1 NEWDIV */
#newDiv {
    text-align: left;
}

    #newDiv h4 {
        font-size: 20px;
        color: #797979;
        margin-top: 0px;
        text-align: center;
    }

    #newDiv h3 {
        font-weight: bold;
        font-size: 20px;
        margin-top: 34px;
        color: #c1b08e;
    }

    #newDiv h2 {
        margin-top: 10px;
        color: #00436f;
        font-size: 33px;
    }

    #newDiv h3#stepHeading, #newDiv h3#renewalstepHeading {
        color: #ffffff;
        border-bottom: 2px solid #fff;
        padding-bottom: 11px;
        padding-left: 40px;
        font-size: 25px;
        margin-top: 10px;
    }

    #newDiv #amendments h3 {
        margin-top: 10px;
        color: #00436f;
        font-weight: bold;
        font-size: 22px;
    }

    #newDiv #amendments p, #newDiv #amendments ul {
        font-size: 14px;
    }

#movingSection1 {
    position: relative;
    font-size: 0px;
    max-height: calc(100vh - 80px);
    overflow: hidden;
}

#movingSectionBannerWriting {
    position: absolute;
    width: 100vw;
    height: calc(100vw * 0.61);
    max-height: 100vh;
    background: rgba(0,0,0,0.1);
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #movingSectionBannerWriting h1 {
        font-weight: bold;
        font-size: 100px;
        color: #ffffff;
        text-shadow: 2px 2px #040404;
        margin-top: 0px;
    }

    #movingSectionBannerWriting h4 {
        color: #fbe5b9;
        font-size: 40px;
        margin-bottom: 30px;
        text-shadow: 2px 2px #040404;
    }

/* 4.3.2 FIXED SECTIONS */
#fixedSection1 {
    border-top: 10px solid #05283b;
}

#fixedSection2 {
    border-top: 4px solid #050c28;
    position: relative;
}

#fixedSection3 {
    border-top: 4px solid #1f0e27;
    position: relative;
}

#fixedSection4 {
    border-top: 4px solid #050c28;
    position: relative;
}

#fixedSection5 {
    border-top: 4px solid #a8b4c6;
    position: relative;
}

#fixedSection6 {
    border-top: 4px solid #050c28;
    position: relative;
}

#fixedSection1Back {
    background-color: rgb(255, 255, 255);
    background-image: url("../images/steps/back1.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    visibility: visible;
    opacity: 1;
}

#scrollToHeadingapply {
    background-color: #f5f8ff;
    background-image: url("../images/steps/back2h.jpg");
    background-size: 100vw;
    background-repeat: no-repeat;
}

#scrollToHeadingfaq {
    background-color: #f5f8ff;
    background-image: url("../images/steps/back5.jpg");
    background-size: 100vw;
    background-repeat: no-repeat;
}

#fixedSection3Back {
    background-color: rgb(255, 255, 255);
    background-image: url("../images/steps/back3c.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    visibility: visible;
    opacity: 1;
}

#fixedSection4Back {
    background-color: rgb(255, 255, 255);
    background-image: url("../images/steps/back4.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    visibility: visible;
    opacity: 1;
}

#fixedSection6Back {
    background-color: rgb(255, 255, 255);
    background-image: url("../images/steps/back6.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    visibility: visible;
    opacity: 1;
    height: 125vh;
}

#newDiv table td {
    border: 1px solid #b3b3b3
}

.backgrounds {
    display: table;
    height: 200vh;
    position: absolute;
    width: 100%;
}

.fixedSectionInner {
    padding-top: 100px;
    z-index: 2;
    position: relative;
    display: table;
    width: 100%;
    padding-bottom: 100px;
}

.fixedSectionInnerContent {
    background: rgba(0,0,0,0);
    margin-top: 0;
    position: relative;
    height: auto;
}

.fixedSectionInnerContentInner {
    background: #ffffff;
    width: 900px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 0;
    right: 0;
    padding: 30px 43px;
    z-index: 3;
    border-radius: 10px;
    -webkit-box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.29);
    box-shadow: -5px 5px 10px 0px rgba(0,0,0,0.29);
}

#processFixedSectionInnerContentInner {
    width: 1100px
}

#applyFixedSectionInnerContentInner {
    box-shadow: none;
    background: none;
}

.glossarySearch {
    font-weight: bold;
    cursor: pointer;
    color: #00436f;
}

#back {
    position: fixed;
    top: 30px;
    right: 30px;
    background: #00436f;
    padding: 5px 14px;
    cursor: pointer;
    color: #fff;
    z-index: 6;
    border-radius: 8px;
    font-size: 19px;
    outline: none;
    border: none;
}

#backButtonImg {
    width: 17px;
}

#startTMDirectButton, #startTMDirectButton2 {
    background: #f09e1b;
    padding: 5px 22px;
    cursor: pointer;
    color: #fff;
    z-index: 6;
    border-radius: 8px;
    font-size: 27px;
    outline: none;
    border: none;
    border-bottom: 3px solid #805209;
}

#startTMDirectButton2 {
    display: none;
}

#startTMDirectButtonA {
    color: #ffffff;
}

#floatButtons {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 88px;
    right: 30px;
    z-index: 4;
    align-items: center;
}

/* 4.3.3 CONTACT BUTTONS */
#whatsappImg, #whatsappA, #emailA {
    width: 60px;
    height: 60px;
    cursor: pointer;
}

#callDiv {
    margin-top: 10px;
    position: relative;
    width: 60px;
    height: 60px;
}

#callDiv2 {
    display: none;
    margin-top: 0px;
    position: relative;
    width: 45px;
    height: 60px;
}

#callImg, #emailImg, #callImg2 {
    width: 100%;
}

#callMsg, #callMsg2 {
    position: absolute;
    bottom: 11px;
    right: -213px;
    width: 215px;
    background: #004370;
    color: #fff;
    padding: 4px 10px;
    border-radius: 3px;
    z-index: -1;
    transition: right 0.1s;
    font-size: 14px;
}

#callMsgCover, #callMsgCover2 {
    position: absolute;
    width: 20px;
    height: 60px;
    margin-left: auto;
    right: 20px;
    bottom: 2px;
    overflow: hidden;
    transition: width 0.1s;
}

/* 4.3.4 ATTORNEY SECTION */
#attorneyImages {
    text-align: center;
}

#attorneyImagesNew, #attorneyImagesCurrent {
    width: 500px;
}

/* 4.3.5 TM BUTTONS */
.tmButtons {
    justify-content: center;
    margin-bottom: 30px;
}

.tmButtonCont {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.tmButton {
    text-align: center;
    padding: 5px 10px;
    width: 160px;
    margin-right: 10px;
    cursor: pointer;
    background: #004370;
    color: #ffffff;
    font-size: 16px;
    border-radius: 3px;
    border-bottom: 3px solid #06273a;
}

    .tmButton:active {
        transform: translateY(2px);
    }

#section1stepsimages {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 20px;
}

#section1stepsimagesglobal {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#renewalsStepsimages {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 20px;
}

/* 4.3.6 TM SEARCH FORM */
.trademarkSearchForm {
    background-color: #ffffff;
    border-radius: 10px;
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
}

#trademarkSearchBox {
    padding-top: 20px;
    padding-bottom: 9px;
    border-radius: 3px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

#notFoundLabel, #foundLabel {
    font-size: 17px;
    padding-top: 10px;
    display: inline-block;
}

#errorRow {
    color: #3479b7;
    text-align: center;
}

#errorRowA {
    text-decoration: underline;
}

#found, #notFound {
    width: 30px;
    vertical-align: top;
    margin-top: 4px;
}

#wordMark {
    width: 100%;
    padding: 10px;
    border: 1px solid #d6d6d6;
    -webkit-box-shadow: inset 0px 2px 6px 0px rgba(186,186,186,1);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(186,186,186,1);
    box-shadow: inset 0px 2px 6px 0px rgb(226, 226, 226);
    border-radius: 5px;
    outline: none;
}

.select_box {
    height: 41px;
    border: 0 solid #d6d6d6;
    width: 100%;
    margin-bottom: 15px;
    outline: none;
    border-radius: 5px;
}

.select {
    background: 0 0;
    width: 100%;
    border: 1px solid #d6d6d6;
    font-size: 16px;
    height: 41px;
    outline: none;
    -webkit-box-shadow: inset 0px 2px 6px 0px rgba(186,186,186,1);
    -moz-box-shadow: inset 0px 2px 6px 0px rgba(186,186,186,1);
    box-shadow: inset 0px 2px 6px 0px rgb(226, 226, 226);
    border-radius: 5px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding-left: 5px;
}

#searchButton {
    background: #0a2d61;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 50%;
    width: auto;
    transform: translateX(-50%);
    padding: 7px 15px 6px 16px;
    outline: none;
    border: none;
    margin-top: 10px;
}

#successButton {
    background: #0a2d61;
    color: #d6d6d6;
    font-size: 18px;
    text-decoration: none;
    border-radius: 6px;
    cursor: pointer;
    width: auto;
    padding: 7px 15px 6px 16px;
    outline: none;
    border: none;
    margin-top: 10px;
}

#successButtonA {
    color: #ffffff;
}

/* 4.3.7 STEPS */
#stepImage, #renewalstepImage {
    width: 100%;
    display: block;
    transition: opacity 0.2s;
}

#imagesSteps {
    background: #1a3d59;
    border: 20px solid #1a3d59;
    border-radius: 16px;
}

#renewalimagesSteps {
    background: #1a3d59;
    border: 20px solid #1a3d59;
    border-radius: 16px;
}

#number {
    background: #51aad8;
    border: 5px solid #1b3d59;
    width: 70px;
    border-radius: 50%;
    height: 70px;
    text-align: center;
    padding-top: 2px;
    font-size: 40px;
    color: #1a3d59;
    position: absolute;
    top: -39px;
    left: -39px;
}

#renewalnumber {
    background: #51aad8;
    border: 5px solid #1b3d59;
    width: 70px;
    border-radius: 50%;
    height: 70px;
    text-align: center;
    padding-top: 2px;
    font-size: 40px;
    color: #1a3d59;
    position: absolute;
    top: -39px;
    left: -39px;
}

#next {
    position: absolute;
    right: -55px;
    top: 100px;
    width: 30px;
    cursor: pointer;
}

#nextImg {
    width: 100%;
}

#renewalnext {
    position: absolute;
    right: -55px;
    top: 100px;
    width: 30px;
    cursor: pointer;
}

#renewalnextImg {
    width: 100%;
}

#loadingGif {
    width: 44px;
    display: none;
}

#amendments {
    width: 800px;
    border: 3px solid #00436f;
    border-radius: 12px;
    background: #f1f7fd;
    padding: 20px;
    margin: 30px auto;
    font-size: 18px;
    color: #1a3d59;
}

#amendmentsglobal {
    width: 100%;
    background: #e4e4e4;
    padding: 20px;
    margin: 30px auto;
    font-size: 15px;
    margin-top: 10px !important;
}

#amendmentsglobal p {
    margin: 0;
}

#pageContentTM {
    width: 900px;
    padding-right: 0px;
}

.pageContent h3.amendmentsHeading {
    color: #51aad8;
    font-weight: bold;
    margin-top: 0;
    font-size: 28px;
}

.pageContent h3.amendmentsHeadingglobal {
    color: #1a3d59;
    font-weight: bold;
    margin-top: 0;
    font-size: 15px;
}

#globalipcoStepsNotesDiv ul, #globalipcoStepsNotesDiv p {
    margin: 0 0 10px 0;
    font-size: 13px;
}

#amendmentsDiv {
    text-align: left;
}

.pageContent #amendmentsDiv p, .pageContent #amendmentsDiv ul {
    margin-top: 0;
    margin-bottom: 10px;
    color: #1a3d59;
    font-size: 17px;
}

/* 4.3.8 TM DIRECT TABLE */
#tmDirectTable {
    width: 100%;
    min-width: 100%;
    display: block;
    border-top: 1px solid #b3b3b3;
}

.tmdirectTableRow {
    display: flex;
}

.tmdirectTableCellL, .tmdirectTableCellR {
    padding: 0px 17px;
}

.tmdirectTableCellL {
    border-left: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    width: 180px;
}

.tmdirectTableCellR {
    border-bottom: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    width: 100%;
}

#tableDiv {
    width: 500px;
}

#tmDirectTable > tbody > tr > td:first-child {
    width: 180px;
    vertical-align: top;
}

#tmDirectTable > tbody > tr > td:last-child {
    width: -webkit-fill-available;
}

#tmDirectTable tr:last-child td {
    font-weight: normal;
    color: #4e4e4e;
}

#tmDirectTable p, #tmDirectTable ul, #tmDirectTable ol {
    margin-top: 20px;
    margin-bottom: 20px;
}

#tmDirectTable td {
    padding: 0px 17px;
}

#nikeExample, #nikeExample2 {
    width: 80px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-bottom: 7px;
}

#tmDirectTableInside {
    width: 100%;
    display: flex;
    margin: 20px 0px;
    border-top: 1px solid #b3b3b3;
}

.tmDirectTableInsideFirstL {
    border-left: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    padding: 0px 17px;
    width: 39%;
}

.tmDirectTableInsideFirstR {
    border-bottom: 1px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
    padding: 0px 17px;
    width: 61%;
}

#tmDirectTableInsideFirst {
    width: 71%;
}

#tmDirectTableInsideLast {
    width: 33%;
    padding: 0px 17px;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}

#tmDirectTableInsideFirst1, #tmDirectTableInsideFirst2, #tmDirectTableInsideFirst3, #tmDirectTableInsideFirst4, #tmDirectTableInsideFirst5 {
    display: flex;
}

#tmDirectTableInside td {
    vertical-align: top;
}

#tmDirectTableInside > tbody > tr > td:last-child, .pageContent #tmDirectTableInside tr:last-child td {
    color: #4e4e4e;
    font-weight: normal;
}

#tmDirectTableInsideLast {
    text-align: center;
}

/* 4.3.9 PROCESS */
.flexBox {
    display: flex;
}

#arrowMiddle {
    width: 297px;
    position: absolute;
    top: 226px;
    left: 281px;
    transform: rotate(-146deg);
}

.process {
    position: relative;
}

.processExtraBlock {
    width: 220px;
    height: 200px;
    position: relative;
}

#processExtraBlockTop {
    position: absolute;
    top: 133px;
    left: 72px;
    transform: rotate(-34deg);
    width: 70%;
}

#processExtraBlockBottom {
    position: absolute;
    top: 34px;
    left: 73px;
    transform: rotate(34deg);
    width: 70%;
}

#processExtraBlockTopDiv {
    border: 1px solid #1a3d59;
    padding: 10px;
    width: 127px;
    text-align: center;
    position: absolute;
    top: 108px;
    left: 41px;
    color: #1a3d59;
}

#processExtraBlockBottomDiv {
    padding: 10px;
    width: 127px;
    text-align: center;
    position: absolute;
    top: 48px;
    left: 41px;
    color: #8b6d20;
    border: 1px solid #8b6d20;
}

.processContainer1, .processContainer3 {
    display: flex;
    align-items: center;
}

    .processContainer1 div {
        width: 150px;
        padding: 10px;
        border-radius: 12px;
        font-size: 17px;
        background: #6882a2;
        text-align: center;
        color: #ffffff
    }

    .processContainer3 div {
        width: 260px;
        padding: 10px;
        border-radius: 12px;
        font-size: 17px;
        background: #c1b08e;
        text-align: center;
        color: #ffffff;
    }

    .processContainer1 img, .processContainer3 img {
        width: 17px;
        height: 14px;
        margin-left: 4px;
        margin-right: 4px;
    }

.processContainer2 {
    width: 200px;
    padding: 10px;
    border-radius: 12px;
    font-size: 17px;
    background: #7995b9;
    text-align: center;
    color: #ffffff;
}

#processContainerLastChild {
    width: 260px;
}

/* 4.3.10 PROCESS 2 */
#process2 {
    position: relative;
    display: none;
    flex-direction: column;
    align-items: center;
    margin: 30px 0px;
}

#processContainer1B {
    display: flex;
    width: 600px;
    justify-content: center;
}

.processExtraBlockB {
    width: 220px;
    height: 200px;
    position: relative;
}

#processHeading2 {
    width: 200px;
    padding: 10px;
    border-radius: 12px;
    font-size: 17px;
    background: #7995b9;
    text-align: center;
    color: #ffffff;
    height: 92px;
}

#processContainer2B {
    display: flex;
}

#processContainer4B, #processContainer3B {
    display: flex;
    flex-direction: column;
    width: 260px;
    align-items: center;
}

#processContainer4BDiv1, #processContainer4BDiv3 {
    height: 70px;
}

#processContainer4BDiv2 {
    height: 93px;
}

#processContainer3B {
    margin-right: 22px;
}

#processContainer4B div {
    width: 260px;
    padding: 10px;
    border-radius: 12px;
    font-size: 17px;
    background: #6882a2;
    text-align: center;
    color: #ffffff
}

#processContainer3B div {
    width: 260px;
    padding: 10px;
    border-radius: 12px;
    font-size: 17px;
    background: #c1b08e;
    text-align: center;
    color: #ffffff;
}

#processContainer4B img, #processContainer3B img {
    width: 17px;
    height: 14px;
    margin-left: 4px;
    margin-right: 4px;
    transform: rotate(90deg);
    margin: 11px 0px;
}

#processExtraBlockBottom2 {
    position: absolute;
    top: auto;
    left: 150px;
    transform: rotate(135deg);
    width: 128px;
    bottom: 43px;
}

#processExtraBlockBottomDiv2 {
    padding: 10px;
    width: 139px;
    text-align: center;
    position: absolute;
    top: auto;
    bottom: 42px;
    left: 76px;
    color: #8b6d20;
    border: 1px solid #8b6d20;
}

#processExtraBlockTopDiv2 {
    border: 1px solid #1a3d59;
    padding: 10px;
    width: 127px;
    text-align: center;
    position: absolute;
    top: 114px;
    left: -17px;
    color: #1a3d59;
}

#processExtraBlockTop2 {
    position: absolute;
    top: 133px;
    left: -78px;
    transform: rotate(45deg);
    width: 128px;
}

/* 4.3.11 RENEWAL */
#renewalsSteps {
    position: relative;
}

#renewalsStepsBack {
    width: 100%;
}

#renewalsStepsFront {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 4.4 ATTORNEYS PAGE */
.attorneysPageContent {
    width: 100%;
    display: inline-block;
    padding-right: 8%;
    margin: 5% 0 5% 7%;
}

.attorneyBlocks {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    margin-bottom: 60px;
}

.profileLeft {
    display: inline-block;
    width: 40%;
    vertical-align: top;
    text-align: center;
    padding-right: 30px;
}

    .profileLeft p {
        font-size: 22px;
        font-weight: bold;
        margin-top: 8px;
        margin-bottom: 0;
    }

        .profileLeft p:last-child {
            font-size: 14px;
            font-weight: normal;
            margin-top: 0;
            margin-bottom: 30px;
        }


    .profileLeft img {
        width: 100%;
        border-radius: 3px;
    }

.profileRight {
    display: inline-block;
    width: 40%;
    padding-left: 30px;
    border-left: 1px solid #ddd;
}

    .profileRight p {
        margin-bottom: 15px;
    }

    .profileRight .label {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 2px;
        color: #00436f;
    }

/* 4.5 CONTACT US PAGE */
.contactUsTable {
    display: table;
    width: 100%;
}

.contactUsRow {
    display: table-row;
}

.contactUsCell {
    display: table-cell;
    vertical-align: top;
}

    .contactUsCell:first-child {
        width: 58%;
    }

        .contactUsCell:first-child form {
            background: #f6f6f6;
            padding-left: 9%;
            padding-top: 30px;
            padding-bottom: 30px;
        }

    .contactUsCell h1 {
        color: #00436e;
    }

    .contactUsCell h3 {
        color: #c1b08e;
    }

    .contactUsCell p {
        margin-bottom: 0;
        margin-top: 0;
    }

    .contactUsCell input, .contactUsCell label, .contactUsCell textarea {
        display: block;
        width: 90%;
        outline: none;
    }

    .contactUsCell input {
        padding: 5px;
        margin-bottom: 20px;
    }

    .contactUsCell:last-child h3:first-child {
        margin-top: 91px;
    }

    .contactUsCell:last-child {
        padding-left: 50px;
    }

#contactnumbersTable {
    display: table;
    margin-top: 20px;
}

    #contactnumbersTable p {
        display: table-row;
    }

    #contactnumbersTable span {
        display: table-cell;
    }

        #contactnumbersTable span:first-child {
            padding-right: 10px;
        }

#map {
    height: 400px;
    width: 100%;
    margin-top: 50px;
}

#contactSuccess {
    display: none;
    background: #ddd;
    padding: 10px;
}

.requiredStar {
    color: red;
}

#emailPopupDiv {
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.3);
    position: fixed;
}

#emailPopupInner {
    top: 50%;
    left: 50%;
    position: fixed;
    text-align: center;
    border: 19px solid #00436f;
    transform: translate(-50%, -50%);
    border-radius: 3px;
}

#emailPopupPar {
    padding: 28px 50px 28px 50px;
    background: #ffffff;
    display: block;
    margin-bottom: 0;
    font-size: 20px;
    border: 3px solid #cccccc;
}

#closeEmailPopup {
    font-weight: bold;
    cursor: pointer;
    background: #00436f;
    color: #ffffff;
    padding: 7px 10px;
    border-radius: 4px;
    font-size: 16px;
}

#popupSubMessage {
    font-size: 16px;
}

/* 4.6 RENEWALS PAGE */
#payAnnuityMovie {
    width: 580px;
    height: 300px;
}

/* 4.7 EXTRA GLOBALIPCO PAGE */
#section1hline {
    border-top: 2px solid #1b3e5a;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#stepsUl {
    display: flex;
    justify-content: center;
}

.stepsLi {
    display: inline-block;
    font-size: 17px;
    margin-top: 30px !important;
    font-weight: bold;
    margin-bottom: 0px !important;
    color: #1a3d59;
    cursor: pointer;
    padding: 3px 10px;
    background: #dbcaa4;
    color: #1a3d59 !important;
}

.stepsLi.active {
    background: #1a3d59;
    color: #dbcaa4 !important;
}

.stepsUl {
    background: #ddd;
    padding: 20px 40px 21px 40px;
    border-radius: 5px;
}

.sectionh12L {
    font-size: 22px;
}

#section1stepsimages {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 20px;
}

#number {
    background: #51aad8;
    border: 5px solid #1b3d59;
    width: 70px;
    border-radius: 50%;
    height: 70px;
    text-align: center;
    padding-top: 2px;
    font-size: 40px;
    color: #1a3d59;
    position: absolute;
    top: -39px;
    left: -39px;
}

.global#number {
    background: #dbcaa4;
    border: 5px solid #dbcaa4;
    width: 58px;
    border-radius: 50%;
    height: 58px;
    text-align: center;
    padding-top: 2px;
    font-size: 31px;
    color: #ffffff;
    position: absolute;
    top: -20px;
    left: -29px;
}

#nextglobal {
    position: absolute;
    right: 18px;
    top: 29px;
    cursor: pointer;
    display: flex;
    padding: 3px 12px 5px 15px;
    background-color: #1a3d59;
    border-radius: 5px 5px 0px 0px;
    transition: background-color 0.3s;
    justify-content: center;
    align-items: center;
}

#nextglobal:hover {
    background-color: #24547a;
}

#nextImgPglobal {
    margin: 0 4px 0px 0;
    color: #fff;
    font-size: 18px;
}

#nextImgglobal {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-top: 2px;
}

#imagesStepsglobal {
    background: #1a3d59;
    border: 20px solid #1a3d59;
    border-radius: 3px;
}

#stepHeading {
    color: #ffffff;
    border-bottom: 2px solid #fff;
    padding-bottom: 11px;
    padding-left: 40px;
    font-size: 25px;
    margin-top: 10px;
}

.global#stepHeading {
    font-size: 20px;
}

#stepImage {
    width: 100%;
    display: block;
    transition: opacity 0.2s;
}

#amendmentsDiv {
    min-height: 150px;
}

#amendments {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    border: 4px solid #51aad8;
    border-radius: 12px;
    background: #f1f7fd;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 18px;
    color: #1a3d59;
}

.amendmentsHeading {
    color: #51aad8;
    font-weight: bold;
    margin-top: 0;
    font-size: 28px;
}

#globalipcoBrochure {
    height: 100%;
    display: block;
    width: 353px;
    margin-left: auto;
    margin-right: auto;
}

#globalipcoBrochureP {
    font-weight: bold;
    color: #19436f;
    margin-top: 10px !important;
}

#globalipcoBrochureImg {
    width: 300px;
}

/* GLOBALIPCO STEPS */
#globalipcoStepsNotes {
    position: absolute;
    background: #ececec;
    width: 300px;
    right: -273px;
    top: 83px;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.43);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.43);
    padding: 20px 20px 10px 20px;
    display: none;
}
   
#globalipcoStepsNotes::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: -20px;
    top: 10px;
    border-top: 10px solid transparent;
    border-right: 20px solid #ececec;
    border-bottom: 10px solid transparent;
    filter: drop-shadow(0 2px 0px rgba(0, 0, 0, .1));
}
#closestepsNotes {
    position: absolute;
    top: 3px;
    right: 3px;
    margin: 0;
    padding: 0px 10px 4px 10px;
    color: #1a3d59;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
}
#closestepsNotes:hover {
    background: #dddddd;
}

/* 4.8 CHINESE QUICK PATENT REGISTRATION CERTIFICATE (SOUTH AFRICA) PAGE */
#cnMovie {
    width: 700px;
    height: 400px;
}
#chineseAcceptanceImage {
    width: 100%;
    box-shadow: 3px 2px 10px 0px rgb(70 70 70 / 75%);
    -webkit-box-shadow: 3px 2px 10px 0px rgb(70 70 70 / 75%);
    -moz-box-shadow: 3px 2px 10px 0px rgba(70,70,70,0.75);
}
/* 5. FOOTER */
footer {
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
    background: #bdbdbd;
    color: #4a4a4a;
    text-align: center;
    border-top: 6px solid #004370;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
}

a.footerLinks {
    color: #4a4a4a !important;
}

/* 6. MEDIA */
@media only screen and (max-width : 450px ) {
    #weHaveMoved {
        font-size: 20px;
        color: #004370;
    }
    #visitSNZButton {
        font-size: 16px;
    }
    #textBox {
        background: rgb(234 234 234 / 80%);
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding: 50px 30px;
        height: auto;
        display: flex;
        flex-direction: column;
        transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        top: 50%;
        border-radius: 0;
        box-shadow: 4px 2px 1px 0px rgb(0 0 0 / 75%);
        -webkit-box-shadow: 5px 4px 5px 0px rgb(0 0 0 / 75%);
        -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
        justify-content: center;
        align-items: center;
    }
}