.container-content p,
.font-family-avenir,
.header-3 ul li {
    font-family: avenir
}

@font-face {
    font-family: Helvetica;
    src: url(/fonts/Helvetica.eot?6a8b62120d7bb40c63a4139fb9badf2d);
    src: url(/fonts/Helvetica.eot?6a8b62120d7bb40c63a4139fb9badf2d) format("embedded-opentype"), url(/fonts/Helvetica.woff?7f9177994a5c4214073fa99ebff24784) format("woff"), url(/fonts/Helvetica.svg?eeca50802aba9c7ef1a48d4334ef5d41) format("svg")
}

@font-face {
    font-family: Brandon;
    src: url(/fonts/Brandon.eot?b1937e48f43ad76ec159841abc2a9629);
    src: url(/fonts/Brandon.eot?b1937e48f43ad76ec159841abc2a9629) format("embedded-opentype"), url(/fonts/Brandon.woff?e741dbc135a740615ea42b2f2411ceab) format("woff"), url(/fonts/Brandon.svg?bf2f95271276deed9a51ae938d797e81) format("svg")
}

@font-face {
    font-family: Gotham;
    src: url(/fonts/Gotham.eot?34ecc415b469498ea7730dcbd7488901);
    src: url(/fonts/Gotham.eot?34ecc415b469498ea7730dcbd7488901) format("embedded-opentype"), url(/fonts/Gotham.woff?558e5563ea3f5959aee6c9e1d12d1d56) format("woff"), url(/fonts/Gotham.svg?8920941be97cc83ccdfecf34a4a0fb60) format("svg")
}

@font-face {
    font-family: IconFonts;
    src: url(/fonts/IconFonts.eot?750348ba64c7b996463ca27fbd68037b);
    src: url(/fonts/IconFonts.eot?750348ba64c7b996463ca27fbd68037b) format("embedded-opentype"), url(/fonts/IconFonts.woff?06264b52a5fc6b1fe5ba8b00c73322d6) format("woff"), url(/fonts/IconFonts.woff2?c8aba0d3dfc4f6339816915ce45ea8f8) format("woff2"), url(/fonts/IconFonts.ttf?2032d0dbd19886c3e94db97c7772ee42) format("truetype"), url(/fonts/IconFonts.svg?6d256ebed8ae6adb702319b7f0b81c2e) format("svg")
}

@font-face {
    font-family: icomoon;
    src: url(/fonts/icomoon.eot?35a7a9ba1333644da02577e83b69030e);
    src: url(/fonts/icomoon.eot?35a7a9ba1333644da02577e83b69030e) format("embedded-opentype"), url(/fonts/icomoon.woff?3c04f3ea24a931b85b0d67765497e1b1) format("woff"), url(/fonts/icomoon.ttf?a1551905f48129d747b3ef25941eecb7) format("truetype"), url(/fonts/icomoon.svg?78ac7379697f3b0a9d083a0984193427) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: avenir;
    src: url(/fonts/AvenirLTStd-Book.eot?e7602e6b0d60e54512976c74a97a4de0);
    src: url(/fonts/AvenirLTStd-Book.eot?e7602e6b0d60e54512976c74a97a4de0) format("embedded-opentype"), url(/fonts/AvenirLTStd-Book.woff?c47b27e41a36c5b040ff07b85ad78d71) format("woff"), url(/fonts/AvenirLTStd-Book.svg?9045225d9cc808c2da9ff59e1bd6c2fe) format("svg")
}

@font-face {
    font-family: avenirBlack;
    src: url(/fonts/Avenir-Black.eot?6582e3e267df0d7db12c7303751a167a);
    src: url(/fonts/Avenir-Black.eot?6582e3e267df0d7db12c7303751a167a) format("embedded-opentype"), url(/fonts/Avenir-Black.woff?46062e07e7f12799f67c2f5117ffd730) format("woff"), url(/fonts/Avenir-Black.svg?9c14a24ad367e5e2a12b1c6ec37d5a4a) format("svg")
}

.concept-box-content p,
.cta-pages-wrapper a,
.font-family-avenir-black {
    font-family: avenirBlack
}

.font-family-vollkorn-medium {
    font-family: vollkornMedium
}

.font-weight-100 {
    font-weight: 100 !important
}

.font-weight-200 {
    font-weight: 200 !important
}

.font-weight-300 {
    font-weight: 300 !important
}

.font-weight-400 {
    font-weight: 400 !important
}

.font-weight-500 {
    font-weight: 500 !important
}

.font-weight-600 {
    font-weight: 600 !important
}

.font-weight-700 {
    font-weight: 700 !important
}

.font-weight-800 {
    font-weight: 800 !important
}

.font-weight-900 {
    font-weight: 900 !important
}

.font-size-12 {
    font-size: 12px !important
}

.font-size-13 {
    font-size: 13px !important
}

.font-size-14 {
    font-size: 14px !important
}

.font-size-15 {
    font-size: 15px !important
}

.font-size-16 {
    font-size: 16px !important
}

.font-size-17 {
    font-size: 17px !important
}

.font-size-18 {
    font-size: 18px !important
}

.font-size-19 {
    font-size: 19px !important
}

.font-size-20 {
    font-size: 20px !important
}

.font-size-21 {
    font-size: 21px !important
}

.font-size-22 {
    font-size: 22px !important
}

.font-size-23 {
    font-size: 23px !important
}

.font-size-24 {
    font-size: 24px !important
}

.font-size-25 {
    font-size: 25px !important
}

.font-size-26 {
    font-size: 26px !important
}

.font-size-27 {
    font-size: 27px !important
}

.font-size-28 {
    font-size: 28px !important
}

.font-size-29 {
    font-size: 29px !important
}

.font-size-30 {
    font-size: 30px !important
}

.font-size-31 {
    font-size: 31px !important
}

.font-size-32 {
    font-size: 32px !important
}

.font-size-33 {
    font-size: 33px !important
}

.font-size-34 {
    font-size: 34px !important
}

.font-size-35 {
    font-size: 35px !important
}

.font-size-36 {
    font-size: 36px !important
}

.font-size-37 {
    font-size: 37px !important
}

.font-size-38 {
    font-size: 38px !important
}

.font-size-39 {
    font-size: 39px !important
}

.font-size-40 {
    font-size: 40px !important
}

.font-size-41 {
    font-size: 41px !important
}

.font-size-42 {
    font-size: 42px !important
}

.font-size-43 {
    font-size: 43px !important
}

.font-size-44 {
    font-size: 44px !important
}

.font-size-45 {
    font-size: 45px !important
}

.font-size-46 {
    font-size: 46px !important
}

.font-size-47 {
    font-size: 47px !important
}

.font-size-48 {
    font-size: 48px !important
}

.font-size-49 {
    font-size: 49px !important
}

.font-size-50 {
    font-size: 50px !important
}

.font-size-51 {
    font-size: 51px !important
}

.font-size-52 {
    font-size: 52px !important
}

.font-size-53 {
    font-size: 53px !important
}

.font-size-54 {
    font-size: 54px !important
}

.font-size-55 {
    font-size: 55px !important
}

.font-size-56 {
    font-size: 56px !important
}

.font-size-57 {
    font-size: 57px !important
}

.font-size-58 {
    font-size: 58px !important
}

.font-size-59 {
    font-size: 59px !important
}

.font-size-60 {
    font-size: 60px !important
}

.font-size-61 {
    font-size: 61px !important
}

.font-size-62 {
    font-size: 62px !important
}

.font-size-63 {
    font-size: 63px !important
}

.font-size-64 {
    font-size: 64px !important
}

.font-size-65 {
    font-size: 65px !important
}

.font-size-66 {
    font-size: 66px !important
}

.font-size-67 {
    font-size: 67px !important
}

.font-size-68 {
    font-size: 68px !important
}

.font-size-69 {
    font-size: 69px !important
}

.font-size-70 {
    font-size: 70px !important
}

.font-size-71 {
    font-size: 71px !important
}

.font-size-72 {
    font-size: 72px !important
}

.font-size-73 {
    font-size: 73px !important
}

.font-size-74 {
    font-size: 74px !important
}

.font-size-75 {
    font-size: 75px !important
}

.font-size-76 {
    font-size: 76px !important
}

.font-size-77 {
    font-size: 77px !important
}

.font-size-78 {
    font-size: 78px !important
}

.font-size-79 {
    font-size: 79px !important
}

.font-size-80 {
    font-size: 80px !important
}

.font-size-81 {
    font-size: 81px !important
}

.font-size-82 {
    font-size: 82px !important
}

.font-size-83 {
    font-size: 83px !important
}

.font-size-84 {
    font-size: 84px !important
}

.font-size-85 {
    font-size: 85px !important
}

.font-size-86 {
    font-size: 86px !important
}

.font-size-87 {
    font-size: 87px !important
}

.font-size-88 {
    font-size: 88px !important
}

.font-size-89 {
    font-size: 89px !important
}

.font-size-90 {
    font-size: 90px !important
}

@media (min-width:544px) {
    .font-size-sm-12 {
        font-size: 12px !important
    }

    .font-size-sm-13 {
        font-size: 13px !important
    }

    .font-size-sm-14 {
        font-size: 14px !important
    }

    .font-size-sm-15 {
        font-size: 15px !important
    }

    .font-size-sm-16 {
        font-size: 16px !important
    }

    .font-size-sm-17 {
        font-size: 17px !important
    }

    .font-size-sm-18 {
        font-size: 18px !important
    }

    .font-size-sm-19 {
        font-size: 19px !important
    }

    .font-size-sm-20 {
        font-size: 20px !important
    }

    .font-size-sm-21 {
        font-size: 21px !important
    }

    .font-size-sm-22 {
        font-size: 22px !important
    }

    .font-size-sm-23 {
        font-size: 23px !important
    }

    .font-size-sm-24 {
        font-size: 24px !important
    }

    .font-size-sm-25 {
        font-size: 25px !important
    }

    .font-size-sm-26 {
        font-size: 26px !important
    }

    .font-size-sm-27 {
        font-size: 27px !important
    }

    .font-size-sm-28 {
        font-size: 28px !important
    }

    .font-size-sm-29 {
        font-size: 29px !important
    }

    .font-size-sm-30 {
        font-size: 30px !important
    }

    .font-size-sm-31 {
        font-size: 31px !important
    }

    .font-size-sm-32 {
        font-size: 32px !important
    }

    .font-size-sm-33 {
        font-size: 33px !important
    }

    .font-size-sm-34 {
        font-size: 34px !important
    }

    .font-size-sm-35 {
        font-size: 35px !important
    }

    .font-size-sm-36 {
        font-size: 36px !important
    }

    .font-size-sm-37 {
        font-size: 37px !important
    }

    .font-size-sm-38 {
        font-size: 38px !important
    }

    .font-size-sm-39 {
        font-size: 39px !important
    }

    .font-size-sm-40 {
        font-size: 40px !important
    }

    .font-size-sm-41 {
        font-size: 41px !important
    }

    .font-size-sm-42 {
        font-size: 42px !important
    }

    .font-size-sm-43 {
        font-size: 43px !important
    }

    .font-size-sm-44 {
        font-size: 44px !important
    }

    .font-size-sm-45 {
        font-size: 45px !important
    }

    .font-size-sm-46 {
        font-size: 46px !important
    }

    .font-size-sm-47 {
        font-size: 47px !important
    }

    .font-size-sm-48 {
        font-size: 48px !important
    }

    .font-size-sm-49 {
        font-size: 49px !important
    }

    .font-size-sm-50 {
        font-size: 50px !important
    }

    .font-size-sm-51 {
        font-size: 51px !important
    }

    .font-size-sm-52 {
        font-size: 52px !important
    }

    .font-size-sm-53 {
        font-size: 53px !important
    }

    .font-size-sm-54 {
        font-size: 54px !important
    }

    .font-size-sm-55 {
        font-size: 55px !important
    }

    .font-size-sm-56 {
        font-size: 56px !important
    }

    .font-size-sm-57 {
        font-size: 57px !important
    }

    .font-size-sm-58 {
        font-size: 58px !important
    }

    .font-size-sm-59 {
        font-size: 59px !important
    }

    .font-size-sm-60 {
        font-size: 60px !important
    }

    .font-size-sm-61 {
        font-size: 61px !important
    }

    .font-size-sm-62 {
        font-size: 62px !important
    }

    .font-size-sm-63 {
        font-size: 63px !important
    }

    .font-size-sm-64 {
        font-size: 64px !important
    }

    .font-size-sm-65 {
        font-size: 65px !important
    }

    .font-size-sm-66 {
        font-size: 66px !important
    }

    .font-size-sm-67 {
        font-size: 67px !important
    }

    .font-size-sm-68 {
        font-size: 68px !important
    }

    .font-size-sm-69 {
        font-size: 69px !important
    }

    .font-size-sm-70 {
        font-size: 70px !important
    }

    .font-size-sm-71 {
        font-size: 71px !important
    }

    .font-size-sm-72 {
        font-size: 72px !important
    }

    .font-size-sm-73 {
        font-size: 73px !important
    }

    .font-size-sm-74 {
        font-size: 74px !important
    }

    .font-size-sm-75 {
        font-size: 75px !important
    }

    .font-size-sm-76 {
        font-size: 76px !important
    }

    .font-size-sm-77 {
        font-size: 77px !important
    }

    .font-size-sm-78 {
        font-size: 78px !important
    }

    .font-size-sm-79 {
        font-size: 79px !important
    }

    .font-size-sm-80 {
        font-size: 80px !important
    }

    .font-size-sm-81 {
        font-size: 81px !important
    }

    .font-size-sm-82 {
        font-size: 82px !important
    }

    .font-size-sm-83 {
        font-size: 83px !important
    }

    .font-size-sm-84 {
        font-size: 84px !important
    }

    .font-size-sm-85 {
        font-size: 85px !important
    }

    .font-size-sm-86 {
        font-size: 86px !important
    }

    .font-size-sm-87 {
        font-size: 87px !important
    }

    .font-size-sm-88 {
        font-size: 88px !important
    }

    .font-size-sm-89 {
        font-size: 89px !important
    }

    .font-size-sm-90 {
        font-size: 90px !important
    }
}

@media (min-width:768px) {
    .font-size-md-12 {
        font-size: 12px !important
    }

    .font-size-md-13 {
        font-size: 13px !important
    }

    .font-size-md-14 {
        font-size: 14px !important
    }

    .font-size-md-15 {
        font-size: 15px !important
    }

    .font-size-md-16 {
        font-size: 16px !important
    }

    .font-size-md-17 {
        font-size: 17px !important
    }

    .font-size-md-18 {
        font-size: 18px !important
    }

    .font-size-md-19 {
        font-size: 19px !important
    }

    .font-size-md-20 {
        font-size: 20px !important
    }

    .font-size-md-21 {
        font-size: 21px !important
    }

    .font-size-md-22 {
        font-size: 22px !important
    }

    .font-size-md-23 {
        font-size: 23px !important
    }

    .font-size-md-24 {
        font-size: 24px !important
    }

    .font-size-md-25 {
        font-size: 25px !important
    }

    .font-size-md-26 {
        font-size: 26px !important
    }

    .font-size-md-27 {
        font-size: 27px !important
    }

    .font-size-md-28 {
        font-size: 28px !important
    }

    .font-size-md-29 {
        font-size: 29px !important
    }

    .font-size-md-30 {
        font-size: 30px !important
    }

    .font-size-md-31 {
        font-size: 31px !important
    }

    .font-size-md-32 {
        font-size: 32px !important
    }

    .font-size-md-33 {
        font-size: 33px !important
    }

    .font-size-md-34 {
        font-size: 34px !important
    }

    .font-size-md-35 {
        font-size: 35px !important
    }

    .font-size-md-36 {
        font-size: 36px !important
    }

    .font-size-md-37 {
        font-size: 37px !important
    }

    .font-size-md-38 {
        font-size: 38px !important
    }

    .font-size-md-39 {
        font-size: 39px !important
    }

    .font-size-md-40 {
        font-size: 40px !important
    }

    .font-size-md-41 {
        font-size: 41px !important
    }

    .font-size-md-42 {
        font-size: 42px !important
    }

    .font-size-md-43 {
        font-size: 43px !important
    }

    .font-size-md-44 {
        font-size: 44px !important
    }

    .font-size-md-45 {
        font-size: 45px !important
    }

    .font-size-md-46 {
        font-size: 46px !important
    }

    .font-size-md-47 {
        font-size: 47px !important
    }

    .font-size-md-48 {
        font-size: 48px !important
    }

    .font-size-md-49 {
        font-size: 49px !important
    }

    .font-size-md-50 {
        font-size: 50px !important
    }

    .font-size-md-51 {
        font-size: 51px !important
    }

    .font-size-md-52 {
        font-size: 52px !important
    }

    .font-size-md-53 {
        font-size: 53px !important
    }

    .font-size-md-54 {
        font-size: 54px !important
    }

    .font-size-md-55 {
        font-size: 55px !important
    }

    .font-size-md-56 {
        font-size: 56px !important
    }

    .font-size-md-57 {
        font-size: 57px !important
    }

    .font-size-md-58 {
        font-size: 58px !important
    }

    .font-size-md-59 {
        font-size: 59px !important
    }

    .font-size-md-60 {
        font-size: 60px !important
    }

    .font-size-md-61 {
        font-size: 61px !important
    }

    .font-size-md-62 {
        font-size: 62px !important
    }

    .font-size-md-63 {
        font-size: 63px !important
    }

    .font-size-md-64 {
        font-size: 64px !important
    }

    .font-size-md-65 {
        font-size: 65px !important
    }

    .font-size-md-66 {
        font-size: 66px !important
    }

    .font-size-md-67 {
        font-size: 67px !important
    }

    .font-size-md-68 {
        font-size: 68px !important
    }

    .font-size-md-69 {
        font-size: 69px !important
    }

    .font-size-md-70 {
        font-size: 70px !important
    }

    .font-size-md-71 {
        font-size: 71px !important
    }

    .font-size-md-72 {
        font-size: 72px !important
    }

    .font-size-md-73 {
        font-size: 73px !important
    }

    .font-size-md-74 {
        font-size: 74px !important
    }

    .font-size-md-75 {
        font-size: 75px !important
    }

    .font-size-md-76 {
        font-size: 76px !important
    }

    .font-size-md-77 {
        font-size: 77px !important
    }

    .font-size-md-78 {
        font-size: 78px !important
    }

    .font-size-md-79 {
        font-size: 79px !important
    }

    .font-size-md-80 {
        font-size: 80px !important
    }

    .font-size-md-81 {
        font-size: 81px !important
    }

    .font-size-md-82 {
        font-size: 82px !important
    }

    .font-size-md-83 {
        font-size: 83px !important
    }

    .font-size-md-84 {
        font-size: 84px !important
    }

    .font-size-md-85 {
        font-size: 85px !important
    }

    .font-size-md-86 {
        font-size: 86px !important
    }

    .font-size-md-87 {
        font-size: 87px !important
    }

    .font-size-md-88 {
        font-size: 88px !important
    }

    .font-size-md-89 {
        font-size: 89px !important
    }

    .font-size-md-90 {
        font-size: 90px !important
    }
}

@media (min-width:1024px) {
    .font-size-lg-12 {
        font-size: 12px !important
    }

    .font-size-lg-13 {
        font-size: 13px !important
    }

    .font-size-lg-14 {
        font-size: 14px !important
    }

    .font-size-lg-15 {
        font-size: 15px !important
    }

    .font-size-lg-16 {
        font-size: 16px !important
    }

    .font-size-lg-17 {
        font-size: 17px !important
    }

    .font-size-lg-18 {
        font-size: 18px !important
    }

    .font-size-lg-19 {
        font-size: 19px !important
    }

    .font-size-lg-20 {
        font-size: 20px !important
    }

    .font-size-lg-21 {
        font-size: 21px !important
    }

    .font-size-lg-22 {
        font-size: 22px !important
    }

    .font-size-lg-23 {
        font-size: 23px !important
    }

    .font-size-lg-24 {
        font-size: 24px !important
    }

    .font-size-lg-25 {
        font-size: 25px !important
    }

    .font-size-lg-26 {
        font-size: 26px !important
    }

    .font-size-lg-27 {
        font-size: 27px !important
    }

    .font-size-lg-28 {
        font-size: 28px !important
    }

    .font-size-lg-29 {
        font-size: 29px !important
    }

    .font-size-lg-30 {
        font-size: 30px !important
    }

    .font-size-lg-31 {
        font-size: 31px !important
    }

    .font-size-lg-32 {
        font-size: 32px !important
    }

    .font-size-lg-33 {
        font-size: 33px !important
    }

    .font-size-lg-34 {
        font-size: 34px !important
    }

    .font-size-lg-35 {
        font-size: 35px !important
    }

    .font-size-lg-36 {
        font-size: 36px !important
    }

    .font-size-lg-37 {
        font-size: 37px !important
    }

    .font-size-lg-38 {
        font-size: 38px !important
    }

    .font-size-lg-39 {
        font-size: 39px !important
    }

    .font-size-lg-40 {
        font-size: 40px !important
    }

    .font-size-lg-41 {
        font-size: 41px !important
    }

    .font-size-lg-42 {
        font-size: 42px !important
    }

    .font-size-lg-43 {
        font-size: 43px !important
    }

    .font-size-lg-44 {
        font-size: 44px !important
    }

    .font-size-lg-45 {
        font-size: 45px !important
    }

    .font-size-lg-46 {
        font-size: 46px !important
    }

    .font-size-lg-47 {
        font-size: 47px !important
    }

    .font-size-lg-48 {
        font-size: 48px !important
    }

    .font-size-lg-49 {
        font-size: 49px !important
    }

    .font-size-lg-50 {
        font-size: 50px !important
    }

    .font-size-lg-51 {
        font-size: 51px !important
    }

    .font-size-lg-52 {
        font-size: 52px !important
    }

    .font-size-lg-53 {
        font-size: 53px !important
    }

    .font-size-lg-54 {
        font-size: 54px !important
    }

    .font-size-lg-55 {
        font-size: 55px !important
    }

    .font-size-lg-56 {
        font-size: 56px !important
    }

    .font-size-lg-57 {
        font-size: 57px !important
    }

    .font-size-lg-58 {
        font-size: 58px !important
    }

    .font-size-lg-59 {
        font-size: 59px !important
    }

    .font-size-lg-60 {
        font-size: 60px !important
    }

    .font-size-lg-61 {
        font-size: 61px !important
    }

    .font-size-lg-62 {
        font-size: 62px !important
    }

    .font-size-lg-63 {
        font-size: 63px !important
    }

    .font-size-lg-64 {
        font-size: 64px !important
    }

    .font-size-lg-65 {
        font-size: 65px !important
    }

    .font-size-lg-66 {
        font-size: 66px !important
    }

    .font-size-lg-67 {
        font-size: 67px !important
    }

    .font-size-lg-68 {
        font-size: 68px !important
    }

    .font-size-lg-69 {
        font-size: 69px !important
    }

    .font-size-lg-70 {
        font-size: 70px !important
    }

    .font-size-lg-71 {
        font-size: 71px !important
    }

    .font-size-lg-72 {
        font-size: 72px !important
    }

    .font-size-lg-73 {
        font-size: 73px !important
    }

    .font-size-lg-74 {
        font-size: 74px !important
    }

    .font-size-lg-75 {
        font-size: 75px !important
    }

    .font-size-lg-76 {
        font-size: 76px !important
    }

    .font-size-lg-77 {
        font-size: 77px !important
    }

    .font-size-lg-78 {
        font-size: 78px !important
    }

    .font-size-lg-79 {
        font-size: 79px !important
    }

    .font-size-lg-80 {
        font-size: 80px !important
    }

    .font-size-lg-81 {
        font-size: 81px !important
    }

    .font-size-lg-82 {
        font-size: 82px !important
    }

    .font-size-lg-83 {
        font-size: 83px !important
    }

    .font-size-lg-84 {
        font-size: 84px !important
    }

    .font-size-lg-85 {
        font-size: 85px !important
    }

    .font-size-lg-86 {
        font-size: 86px !important
    }

    .font-size-lg-87 {
        font-size: 87px !important
    }

    .font-size-lg-88 {
        font-size: 88px !important
    }

    .font-size-lg-89 {
        font-size: 89px !important
    }

    .font-size-lg-90 {
        font-size: 90px !important
    }
}

@media (min-width:1201px) {
    .font-size-xl-12 {
        font-size: 12px !important
    }

    .font-size-xl-13 {
        font-size: 13px !important
    }

    .font-size-xl-14 {
        font-size: 14px !important
    }

    .font-size-xl-15 {
        font-size: 15px !important
    }

    .font-size-xl-16 {
        font-size: 16px !important
    }

    .font-size-xl-17 {
        font-size: 17px !important
    }

    .font-size-xl-18 {
        font-size: 18px !important
    }

    .font-size-xl-19 {
        font-size: 19px !important
    }

    .font-size-xl-20 {
        font-size: 20px !important
    }

    .font-size-xl-21 {
        font-size: 21px !important
    }

    .font-size-xl-22 {
        font-size: 22px !important
    }

    .font-size-xl-23 {
        font-size: 23px !important
    }

    .font-size-xl-24 {
        font-size: 24px !important
    }

    .font-size-xl-25 {
        font-size: 25px !important
    }

    .font-size-xl-26 {
        font-size: 26px !important
    }

    .font-size-xl-27 {
        font-size: 27px !important
    }

    .font-size-xl-28 {
        font-size: 28px !important
    }

    .font-size-xl-29 {
        font-size: 29px !important
    }

    .font-size-xl-30 {
        font-size: 30px !important
    }

    .font-size-xl-31 {
        font-size: 31px !important
    }

    .font-size-xl-32 {
        font-size: 32px !important
    }

    .font-size-xl-33 {
        font-size: 33px !important
    }

    .font-size-xl-34 {
        font-size: 34px !important
    }

    .font-size-xl-35 {
        font-size: 35px !important
    }

    .font-size-xl-36 {
        font-size: 36px !important
    }

    .font-size-xl-37 {
        font-size: 37px !important
    }

    .font-size-xl-38 {
        font-size: 38px !important
    }

    .font-size-xl-39 {
        font-size: 39px !important
    }

    .font-size-xl-40 {
        font-size: 40px !important
    }

    .font-size-xl-41 {
        font-size: 41px !important
    }

    .font-size-xl-42 {
        font-size: 42px !important
    }

    .font-size-xl-43 {
        font-size: 43px !important
    }

    .font-size-xl-44 {
        font-size: 44px !important
    }

    .font-size-xl-45 {
        font-size: 45px !important
    }

    .font-size-xl-46 {
        font-size: 46px !important
    }

    .font-size-xl-47 {
        font-size: 47px !important
    }

    .font-size-xl-48 {
        font-size: 48px !important
    }

    .font-size-xl-49 {
        font-size: 49px !important
    }

    .font-size-xl-50 {
        font-size: 50px !important
    }

    .font-size-xl-51 {
        font-size: 51px !important
    }

    .font-size-xl-52 {
        font-size: 52px !important
    }

    .font-size-xl-53 {
        font-size: 53px !important
    }

    .font-size-xl-54 {
        font-size: 54px !important
    }

    .font-size-xl-55 {
        font-size: 55px !important
    }

    .font-size-xl-56 {
        font-size: 56px !important
    }

    .font-size-xl-57 {
        font-size: 57px !important
    }

    .font-size-xl-58 {
        font-size: 58px !important
    }

    .font-size-xl-59 {
        font-size: 59px !important
    }

    .font-size-xl-60 {
        font-size: 60px !important
    }

    .font-size-xl-61 {
        font-size: 61px !important
    }

    .font-size-xl-62 {
        font-size: 62px !important
    }

    .font-size-xl-63 {
        font-size: 63px !important
    }

    .font-size-xl-64 {
        font-size: 64px !important
    }

    .font-size-xl-65 {
        font-size: 65px !important
    }

    .font-size-xl-66 {
        font-size: 66px !important
    }

    .font-size-xl-67 {
        font-size: 67px !important
    }

    .font-size-xl-68 {
        font-size: 68px !important
    }

    .font-size-xl-69 {
        font-size: 69px !important
    }

    .font-size-xl-70 {
        font-size: 70px !important
    }

    .font-size-xl-71 {
        font-size: 71px !important
    }

    .font-size-xl-72 {
        font-size: 72px !important
    }

    .font-size-xl-73 {
        font-size: 73px !important
    }

    .font-size-xl-74 {
        font-size: 74px !important
    }

    .font-size-xl-75 {
        font-size: 75px !important
    }

    .font-size-xl-76 {
        font-size: 76px !important
    }

    .font-size-xl-77 {
        font-size: 77px !important
    }

    .font-size-xl-78 {
        font-size: 78px !important
    }

    .font-size-xl-79 {
        font-size: 79px !important
    }

    .font-size-xl-80 {
        font-size: 80px !important
    }

    .font-size-xl-81 {
        font-size: 81px !important
    }

    .font-size-xl-82 {
        font-size: 82px !important
    }

    .font-size-xl-83 {
        font-size: 83px !important
    }

    .font-size-xl-84 {
        font-size: 84px !important
    }

    .font-size-xl-85 {
        font-size: 85px !important
    }

    .font-size-xl-86 {
        font-size: 86px !important
    }

    .font-size-xl-87 {
        font-size: 87px !important
    }

    .font-size-xl-88 {
        font-size: 88px !important
    }

    .font-size-xl-89 {
        font-size: 89px !important
    }

    .font-size-xl-90 {
        font-size: 90px !important
    }
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pr-3 {
    padding-right: 1rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.px-3 {
    padding-right: 1rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.cta-pages-wrapper a,
.form-country,
.judging-content-individual h5,
.rules-right-inner h3,
.submit-btn a,
a.home-btn,
a.submit-cta,
footer a,
footer p,
h2,
nav a {
    text-transform: uppercase
}

body,
header {
    font-family: Helvetica, Tahoma, Geneva, sans-serif
}

a,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
li,
p,
span {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.email-login *,
.navi-mobile *,
:after,
:before {
    box-sizing: border-box
}

body {
    height: auto;
    width: 100%;
    overflow: hidden
}

body .content-wrapper {
    height: 100%;
    width: 100%;
    overflow: auto
}

a.textUrlLightBlue4,
a:hover.textUrlLightBlue4 {
    color: #009CDC !important
}

.content-wrapper .header-nippon-logo p .content-wrapper .country-wrapper p,
.content-wrapper .navi-mobile .menu-wrap p {
    color: #231f20
}

.content-wrap .country-wrapper .cs-select .cs-placeholder {
    border: 1px solid transparent
}

.content-wrap .cs-select ul span {
    padding: 11.5px 16px
}

.content-wrap .cs-select.cs-active .cs-options {
    border: 1px solid #bdbdbd
}

.content-wrap .cs-select ul li span {
    border-bottom: 0
}

.content-wrap .cs-select .cs-options ul li {
    border-bottom: 1px solid #bdbdbd
}

.filter-wrapper .filter-wrapper-inner ul li:first-child {
    border-left: solid 1px #bdbdbd
}

.filter-wrapper .filter-wrapper-inner ul li {
    border-right: 1px solid #bdbdbd
}

.filter-wrapper .filter-wrapper-inner ul li.reset-filter {
    padding: 15px 20px
}

.navi-mobile .cs-select .cs-options {
    background-color: #fff
}

.search-wrapper .search-result {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc
}

.submit-btn a,
a.home-btn,
a.submit-cta {
    border-radius: 10px
}

.search-wrapper.show .search-result {
    display: block;
    text-align: left
}

.center-text,
.inner-page h3,
.inner-page p,
.welcome-content,
div.cs-skin-border {
    text-align: center
}

.search-wrapper .search-result.big {
    width: 450px;
    left: 30px;
    top: 60px;
    z-index: 21;
    font-size: 16px
}

.search-wrapper .search-result.small {
    left: 20px;
    right: 45px;
    top: 48px;
    font-size: 13px
}

.search-wrapper .search-result .result {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    color: #000
}

.search-wrapper .search-result .result:last-child {
    border-bottom: 0
}

.search-wrapper .search-result .result:hover {
    background-color: #eee
}

.welcome-wrapper {
    display: none;
    z-index: 1000;
    overflow: auto
}

.welcome-wrapper.white-bg {
    background: rgba(255, 255, 255, .9)
}

.welcome-wrapper.white-bg .welcome-content {
    background-color: #fff
}

.welcome-wrapper .welcome-content {
    -webkit-overflow-scrolling: touch
}

.welcome-wrapper a.close-btn-black {
    top: 20px;
    right: 4%
}

.list-items-grid .list-items .error-msg {
    padding: 0 10px
}

.list-items-grid [class*=col-],
.list-items-grid [class*=cols-] {
    position: relative;
    float: left;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 20px
}

html {
    width: 100%;
    height: 100%
}

body {
    background-color: #FFFAF4;
    color: #231f20
}

.content-wrapper,
.full-container {
    width: 100%;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.half-container {
    width: 50%
}

.container {
    margin: 30px auto 70px;
    max-width: 1120px;
    position: relative;
    padding: 0 7%;
    width: calc(100vw - 14%)
}

img {
    width: 100%;
    height: auto;
    display: block
}

.back-to-top,
.cd-top {
    height: 40px;
    width: 40px;
    text-indent: 100%;
    background: url(/images/backtotop.png?98e313d77d6426eafdbcb31ecd2d4f1f) center 50% no-repeat #292e7b
}

a {
    cursor: pointer;
    transition: all .2s ease-in-out
}

.back-to-top,
.cd-top {
    transition: opacity .3s 0s, visibility 0s .3s
}

.container-content {
    margin-top: 50px
}

.container-content h3 {
    font-size: 43px;
    margin-bottom: 20px
}

.container-content p {
    margin-bottom: 20px;
    color: #424D4C;
    line-height: 1.3
}

.container-back-to-top {
    margin-bottom: 15px;
    margin-top: -50px
}

.back-to-top {
    float: right;
    display: block
}

.logo-big,
h1 {
    float: left
}

.cd-top {
    display: inline-block;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: #666;
    overflow: hidden;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0
}

a.close-btn,
a.close-btn-black {
    position: absolute;
    top: -60px;
    right: 5%;
    width: 19px;
    height: 19px
}

.cd-top.cd-fade-out,
.cd-top.cd-is-visible,
.no-touch .cd-top:hover {
    transition: opacity .3s 0s, visibility 0s 0s
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1
}

.cd-top.cd-fade-out {
    opacity: .5
}

.no-touch .cd-top:hover {
    background-color: #292e7b;
    opacity: 1
}

a.close-btn-black:hover,
a.close-btn:hover {
    opacity: .4
}

.darkblue-bg {
    background-color: #0f1323;
    color: #fff
}

.darkblue-bg p {
    color: #fff
}

.orange-bg {
    background-color: #f04b30
}

a.close-btn {
    background: url(/images/btn-close.png?be4a96550fcb6b315160c8e4c7ea016b) no-repeat
}

a.close-btn-black {
    background: url(/images/btn-close-black.png?21bfd8be5d4d5b55c7afe3524d0dc9ca) no-repeat
}

.welcome-holder,
.welcome-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.login-btn a:hover,
.login-btn a:hover img,
.reset-password-btn a:hover,
.reset-password-btn a:hover img {
    opacity: .6
}

.inner-page h3 {
    font-size: 36px
}

.inner-page p {
    font-size: 16px
}

p.sub-titles {
    font-weight: 700;
    margin-top: 50px
}

p.with-link a {
    color: #01a6e4
}

p.with-link a:hover {
    text-decoration: underline
}

.desktop {
    display: block
}

.mobile {
    display: none
}

.desktop-design-process {
    display: block
}

.mobile-design-process,
.tablet-design-process {
    display: none
}

#searchinput ::-webkit-input-placeholder {
    color: #e6e6e6
}

#searchinput ::-moz-placeholder {
    color: #e6e6e6
}

#searchinput :-ms-input-placeholder {
    color: #e6e6e6
}

#searchinput :-moz-placeholder {
    color: #e6e6e6
}

h3,
header h1 sup {
    font-size: 30px
}

h2 {
    font-size: 36px;
    font-weight: 100;
    color: #fff;
    line-height: 60px
}

h4,
p {
    font-size: 16px
}

h4 {
    font-weight: 800;
    margin-bottom: 20px;
    margin-top: 60px
}

h4 span {
    font-weight: 400
}

.welcome-content h4,
form .tick-box {
    font-weight: 100
}

p {
    line-height: 20px;
    color: #231f20
}

footer a,
footer p {
    letter-spacing: 1px;
    color: #645a4e
}

footer p {
    font-size: 12px;
    color: #645a4e
}

footer a {
    font-size: 14px
}

footer a:hover {
    color: #962437
}

.welcome-wrapper {
    background: rgba(5, 7, 12, .9)
}

.welcome-holder {
    display: table
}

.welcome-inner {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto
}

.login-btn img,
.reset-password-btn img {
    vertical-align: bottom;
    display: inline-block
}

.welcome-logo-wrapper {
    margin-bottom: 30px
}

.logo-big {
    left: 40px;
    top: 40px
}

.logo-big img {
    width: 191px;
    height: 90px
}

.logo-nippon-big {
    right: 40px;
    top: 40px;
    float: right
}

.logo-nippon-big img {
    width: 164px;
    height: 52px
}

.welcome-content {
    margin: 0 auto;
    max-width: 1120px;
    position: relative;
    padding: 20px
}

.welcome-content h2,
.welcome-content h4 {
    color: #fff;
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 20px
}

.welcome-content h3 {
    color: #fff;
    font-size: 19px
}

.welcome-content p {
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px
}

.welcome-content p.smaller-text {
    margin-top: 15px
}

a.home-btn {
    margin-top: 10px;
    color: #fff;
    background: #01a6e4;
    padding: 10px 15px;
    font-size: 12px;
    display: inline-block
}

a.home-btn:hover {
    color: #01a6e4;
    background-color: #fff
}

.location-wrapper {
    margin: 20px auto 0
}

.location-holder {
    color: #fff
}

div.cs-skin-border {
    color: #fff;
    font-weight: 800;
    font-size: 19px
}

.cs-skin-border>span {
    color: #fff200
}

content .cs-skin-border.cs-active>span {
    background-color: transparent
}

.cs-skin-border .cs-options {
    color: #fff;
    font-size: 15px
}

.cs-select .cs-options {
    background-color: #000
}

.cs-skin-border.cs-active>span {
    background-color: #000;
    color: #fff200
}

.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
    background: 0 0;
    color: #fff200
}

.cs-skin-border ul span {
    padding: 10px !important
}

.cs-skin-border .cs-options ul li {
    border-bottom: 1px solid #fff;
    margin: 0 auto;
    width: 50%
}

.cs-skin-border .cs-options ul li:last-child {
    border-bottom: none
}

.cs-select>span {
    padding: 1.1em 1em 1.1em 1.1em
}

.welcome-content>a.cta {
    border: 1px solid #000;
    font-size: 14px;
    line-height: normal;
    padding: 15px 10px;
    color: #000;
    min-width: 280px;
    display: inline-block;
    margin-bottom: 10px
}

.welcome-content>a.cta:hover {
    background-color: #00aeef;
    border-color: #00aeef;
    color: #fff
}

.email-login {
    max-width: 280px
}

.email-login ul li.form-group {
    margin-bottom: 25px
}

.email-login ul li.form-group div.input-group input {
    text-align: center;
    color: #000;
    border: 1px solid #000;
    font-size: 14px;
    background-color: transparent;
    padding: 24px 10px
}

.email-login ul a.forgot-password {
    font-size: 11px;
    color: #a6a6a6;
    text-decoration: underline;
    text-align: right;
    display: block;
    margin-top: -20px;
    font-style: italic
}

.email-login ul a.forgot-password:hover {
    color: #000
}

.login-btn {
    margin-top: 30px
}

.login-btn a {
    color: #fff
}

.container-contact-form .form-holder .form-wrapper .form-group .input-group .input-group-addon,
.reset-password-btn a,
.white-bg .welcome-holder .welcome-inner .welcome-content h2,
.white-bg .welcome-holder .welcome-inner .welcome-content p {
    color: #000
}

.login-btn img {
    width: auto;
    height: auto;
    margin-left: 5px
}

.white-bg {
    background: rgba(0, 0, 0, .9);
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.reset-password-btn {
    margin-top: 30px
}

.reset-password-btn img {
    width: auto;
    height: auto;
    margin-left: 5px
}

.love-btn {
    position: absolute;
    bottom: 150px;
    right: 10px
}

.love-btn .active {
    background: url(/images/btn-like-selected.png?68a6d529a828a6bf676e8a92281fb858) no-repeat
}

.love-btn:before {
    opacity: 0
}

a.vote-now-medium-btn {
    color: #232457;
    border-bottom: 0 !important;
    text-align: center;
    position: relative;
    top: -30px
}

a.vote-now-medium-btn img {
    width: 73px !important;
    height: 60px;
    opacity: 1 !important;
    margin: 0 auto;
    float: none !important
}

a.vote-now-medium-btn p {
    color: #fff;
    margin-top: 5px;
    border-bottom: #fff solid 1px;
    display: inline-block
}

a.vote-now-medium-btn .image-button-like-medium {
    background: url(/images/btn-like-medium.png?33b658d7716645074bf50b9909512cc2) no-repeat;
    width: 73px;
    height: 60px;
    margin: 0 auto
}

a.vote-now-medium-btn:hover .image-button-like-medium {
    background: url(/images/btn-like-medium-selected.png?4c014d3897214649cd16d5e28531e283) no-repeat;
    width: 73px;
    height: 60px;
    margin: 0 auto
}

a.vote-now-medium-btn:hover p {
    color: red;
    border-bottom: red solid 1px
}

.filter-wrapper-inner {
    margin: 0 auto;
    max-width: 1125px
}

.filter-wrapper-inner ul li {
    float: left;
    border-right: solid 1px #ccc
}

.filter-wrapper-inner ul li:first-child {
    border-left: solid 1px #ccc
}

.filter-wrapper-inner .cs-skin-border.cs-active>span {
    background-color: #fff
}

.filter-wrapper-inner .cs-skin-border>span {
    color: #231f20;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    border: 0
}

.filter-wrapper-inner div.cs-select {
    max-width: none;
    width: auto;
    min-width: 150px;
    background-color: transparent
}

.filter-wrapper-inner .cs-select .cs-options {
    background-color: #fff
}

.filter-wrapper-inner .cs-select>span {
    padding-right: 40px
}

.filter-wrapper-inner .cs-select>span::after {
    background: url(/images/arrow-dropdown.png?70a376d0b584a94ab72a3f0f066bc509) no-repeat;
    width: 10px;
    height: 6px;
    content: ''
}

.cs-skin-border.cs-active .cs-options {
    border: 1px solid #ccc;
    width: 100%;
    padding: 0;
    top: -1px;
    left: -1px
}

.filter-wrapper-inner .cs-skin-border .cs-options ul li {
    color: #000;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    display: block;
    text-align: left;
    width: auto;
    border: 0;
    float: none;
    padding: 4px 0;
    border-bottom: 1px solid #ccc
}

.filter-wrapper-inner .cs-skin-border .cs-options ul li:first-child {
    border-right: 0;
    border-left: 0
}

.filter-wrapper-inner .cs-skin-border .cs-options ul li:last-child {
    border-bottom: 0
}

.filter-wrapper-inner .cs-skin-border .cs-options ul li span:hover {
    color: #01a6e4
}

.filter-wrapper-inner ul li.reset-filter {
    float: left;
    margin-bottom: 0;
    padding: 14px 0 14px 20px;
    font-weight: 800;
    font-size: 14px;
    color: #231f20;
    border-right: 0
}

.filter-wrapper-inner ul li.reset-filter a:hover,
.reset-filter a:hover {
    color: #585858
}

.filter-wrapper-inner ul li.reset-filter a img {
    width: 15px;
    height: 13px;
    display: inline-block;
    margin-left: 8px
}

.header-menu,
header {
    width: 100%;
    display: block;
    z-index: 10
}

.filter-wrapper-inner ul li.reset-filter a:hover img {
    opacity: .6;
    transition: all .2s ease-in-out
}

h4 span a {
    color: #000;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 400
}

h4 span a:hover {
    color: #00a5e3
}

header {
    position: absolute
}

.header-holder {
    height: inherit
}

.header-menu {
    background: #000;
    height: 60px
}

.header-nippon-logo {
    height: 40px;
    text-align: right;
    padding-right: 25px;
    background: url(/images/menu-opacity.png?c01713523e836a2dd33872d657d95cf6) top right repeat-y
}

.header-nippon-logo p {
    display: inline-block;
    font-size: 11px;
    vertical-align: top;
    margin-top: 10px
}

.header-nippon-logo img {
    width: 130px;
    display: inline-block
}

.header-left,
.header-middle,
.header-right {
    display: table;
    height: inherit;
    position: relative
}

.header-left {
    background-color: #fff;
    border-radius: 0 10px 10px 0;
    float: left;
    margin-top: -1px;
    border-bottom: 1px solid #c7c7c7
}

.header-middle {
    float: left
}

.header-right {
    float: right
}

.header-box {
    position: relative;
    display: table-cell;
    vertical-align: middle
}

.header-1 {
    padding: 0 30px
}

.header-1 a img {
    max-width: 222px
}

.header-3 ul li {
    display: inline-block;
    margin-left: 20px
}

.header-3 ul li:first-child {
    margin-left: 0
}

.header-3 ul li a {
    font-size: 13px;
    color: #fff
}

.header-3 ul li a.active,
.header-3 ul li a:hover {
    color: #f5ee31
}

.header-3 {
    margin-top: 15px
}

.header-3 ul,
.header-3 ul li {
    position: relative;
    float: left;
    margin: 0
}

.header-3 ul {
    list-style: none;
    padding: 0
}

.header-3 ul a {
    display: block;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    line-height: 32px;
    padding: 14px 15px
}

.header-3 ul li {
    padding: 0
}

.header-3 ul li.current-menu-item {
    background: #ddd
}

.header-3 ul li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #000;
    padding: 0
}

.header-3 ul li ul li {
    float: none;
    min-width: 180px
}

.header-3 ul li ul li:last-child a {
    padding-bottom: 25px
}

.header-3 ul li ul a {
    line-height: 120%;
    padding: 15px 30px
}

.header-3 ul li ul ul {
    top: 0;
    left: 100%
}

.header-3 ul li:hover>ul {
    display: block
}

.header-4 {
    padding-right: 30px
}

.header-5 {
    background-color: #203C6B;
    padding: 0 30px
}

.header-4 a,
.header-4 p,
.header-5 a {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    padding: 2px;
    line-height: normal;
    text-transform: uppercase
}

.header-4 a,
.header-5 a {
    font-weight: 800
}

.header-4 a:hover {
    color: #00aeef
}

.header-5:hover {
    background-color: #03428e;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.navi-holder {
    padding: 15px 0 0 20px
}

.navi-dropdown {
    position: absolute;
    top: 70px;
    left: 0;
    width: 250px;
    z-index: 10
}

.navi-dropdown ul li a {
    background-color: #fff;
    padding: 20px 50px;
    border: 1px solid #898989;
    border-bottom: none;
    display: block;
    color: #4f4f4f
}

.navi-dropdown ul li:last-child a {
    border-bottom: 1px #898989 solid
}

.navi-dropdown ul li a.active,
.navi-dropdown ul li a:hover,
.navi-dropdown ul li:hover {
    background-color: #00aeef;
    color: #fff
}

.cross,
.hamburger {
    background: 0 0;
    right: 0;
    color: #999;
    border: 0;
    font-weight: 700;
    position: absolute;
    top: 0;
    cursor: pointer;
    outline: 0
}

.hamburger {
    line-height: 45px;
    padding: 10px 15px 0;
    font-size: 1.4em;
    z-index: 10000
}

.cross {
    padding: 18px 15px 0;
    font-size: 3em;
    line-height: 65px;
    z-index: 100000
}

.glyphicon-home {
    color: #fff;
    font-size: 1.5em;
    margin: 0 auto
}

.location-wrapper-general {
    position: absolute;
    right: 280px;
    top: 0;
    display: inline-block
}

.location-wrapper-general p {
    display: inline-block;
    margin-right: 10px;
    font-size: 11px
}

.location-wrapper-general .cs-select {
    width: 125px;
    background-color: transparent
}

.location-wrapper-general .cs-skin-border {
    font-size: 12px;
    font-weight: 400;
    text-align: left
}

.location-wrapper-general .cs-skin-border>span {
    color: #000
}

.location-wrapper-general .cs-skin-border ul span {
    padding: 13px;
    color: #000;
    border-bottom: 1px solid #000
}

.location-wrapper-general .cs-skin-border .cs-options ul li {
    width: 100%;
    font-size: 12px
}

.location-wrapper-general .cs-skin-border.cs-active .cs-options {
    border: 1px solid #000;
    border-bottom: 0
}

.location-wrapper-general .cs-select .cs-options {
    background-color: #fff
}

.location-wrapper-general .cs-skin-border.cs-active>span {
    background-color: #000;
    color: #00aeef
}

.location-wrapper-general .cs-skin-border .cs-options li span:hover,
.location-wrapper-general .cs-skin-border li.cs-focus span {
    background: 0 0;
    color: #00aeef
}

.location-wrapper-general-mobile {
    position: relative;
    width: auto;
    margin: 30px 0 0 18px
}

.location-wrapper-general-mobile p {
    display: inline-block;
    margin-right: 10px;
    font-size: 11px
}

.location-wrapper-general-mobile .cs-select-mobile {
    background-color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-align: left
}

.navi-mobile {
    display: none
}

.mobile-logo {
    position: absolute;
    z-index: 100;
    top: 10px;
    left: 0
}

#searchinput.focus,
#searchlabel {
    z-index: 20
}

.mobile-logo h1 a {
    display: block;
    background-color: #fff;
    border-radius: 0 10px 10px 0;
    padding: 10px 10px 10px 47px
}

.mobile-logo h1 a img {
    width: 136px;
    height: 64px;
    display: block
}

.menu-wrap {
    background-color: #f4f7f6;
    padding: 0;
    position: fixed
}

nav a {
    font-size: 14px
}

.menu-wrap a {
    color: #231f20
}

.icon-list,
.menu {
    height: 98%
}

.content-wrap-inner::before {
    background: rgba(0, 0, 0, .7);
    content: ''
}

.menu-button {
    font-size: 15px;
    left: 0;
    top: 20px;
    position: absolute
}

.menu-button::before {
    background: linear-gradient(#000 20%, transparent 20%, transparent 40%, #000 40%, #000 60%, transparent 60%, transparent 80%, #000 80%)
}

ul.navi-mobile-content li:first-child {
    border-top: 1px solid #ccc
}

.menu ul li a {
    font-size: 14px;
    font-weight: 800;
    padding: 20px;
    display: block;
    border-bottom: 1px solid #ccc;
    background: 0 0
}

.menu ul li a.active,
.menu ul li a:hover {
    color: #00aeef;
    background-color: #fcfcfc
}

.menu .mobile-member {
    margin-top: 25px;
    padding: 0 20px
}

.menu .mobile-member p {
    font-size: 14px;
    display: inline-block
}

.menu .mobile-member>p.title {
    display: block
}

.menu .mobile-member a {
    font-size: 14px;
    display: block;
    display: inline-block
}

.menu .mobile-member a:hover {
    color: #00aeef
}

.menu .mobile-submit-entry a {
    margin-top: 5px;
    padding: 15px 20px;
    background-color: #00aeef;
    color: #fff;
    font-weight: 800
}

.menu .mobile-submit-entry a:hover {
    background-color: #03428e;
    cursor: pointer;
    color: #fff;
    transition: all .2s ease-in-out
}

.close-button {
    top: 27px
}

.menu ul li div.acc_content a {
    font-size: 10px;
    padding: 15px 20px;
    background-color: #fff;
    color: #707070
}

.menu ul li div.acc_content a:hover {
    background-color: #fff;
    color: #00aeef
}

.accordion_in .acc_head {
    position: relative;
    display: block;
    cursor: pointer
}

.accordion_in .acc_head .acc_icon_expand {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -9px;
    background: url(/images/plusminus.png?e89f7bc69f3136d63a918ec73afcb762) center 0
}

#search,
#searchlabel,
.search {
    position: relative
}

.accordion_in.acc_active>.acc_head .acc_icon_expand {
    background: url(/images/plusminus.png?e89f7bc69f3136d63a918ec73afcb762) center -18px
}

.header-2 {
    padding: 0 40px 0 20px
}

.header-2 form {
    margin: 0
}

.search {
    padding: 20px 45px 20px 20px
}

.searchTerm {
    border: none;
    height: auto;
    outline: 0;
    color: #9dbfaf;
    background-color: transparent;
    font-size: 13px;
    width: 190px
}

#searchlabel label,
.search-btn {
    width: 18px;
    height: 18px
}

.searchTerm:focus {
    color: #000
}

.searchButton {
    background: 0 0;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    border: none;
    padding: 5px;
    vertical-align: middle
}

#search {
    float: left;
    width: 20px;
    height: 60px
}

#searchlabel label {
    display: block;
    border-right: 1px solid #fff;
    padding-right: 20px;
    margin-top: 22px;
    background: url(/images/search.png?49f31c600b12e90ce98878f52e3364a7) left no-repeat;
    font-size: 0;
    color: transparent;
    text-indent: -9999px;
    cursor: pointer
}

#searchlabel label:hover,
#searchlabel.active label {
    opacity: .6
}

#searchinput {
    position: absolute;
    top: 8px;
    left: 30px;
    width: 500px;
    height: 45px;
    overflow: hidden
}

#searchinput input {
    display: block;
    position: absolute;
    top: 0;
    left: -469px;
    width: 520px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border: none;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    -webkit-backface-visibility: none;
    backface-visibility: none;
    border-radius: 0;
    transition: left 0
}

#searchinput input:focus {
    outline: 0;
    background-color: #000;
    color: #fff
}

#searchinput.focus input {
    left: 0;
    transition: left .3s
}

.contact-person {
    width: 100%;
    max-width: 600px;
    margin: 20px auto 30px
}

.contact-person-content {
    float: left;
    width: 33%
}

.contact-person-content p {
    margin-bottom: 0;
    margin-top: 0
}

.contact-person-content p a {
    text-decoration: none;
    color: #000
}

.contact-person-content p a:hover {
    text-decoration: underline
}

.contact-address {
    margin-top: 20px
}

.contact-address p {
    margin-bottom: 0;
    margin-top: 0
}

.contact-fields-mandatory {
    margin-top: 20px
}

.contact-fields-mandatory p {
    margin: 0
}

.container-contact-form {
    margin: 30px auto 10px;
    max-width: 500px;
    position: relative;
    padding: 0 7%
}

.container-contact-form .form-holder .form-wrapper ul li.form-group {
    margin-bottom: 15px
}

a.submit-cta {
    margin-top: 10px;
    color: #fff;
    background: #01a6e4;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 12px;
    display: inline-block
}

a.submit-cta:hover {
    color: #fff;
    background-color: #03428e;
    text-decoration: none
}

.filter-wrapper>.form-wrapper li.form-group .input-group .form-control option,
.reset-filter {
    color: #231f20
}

.optimising-images {
    margin-top: 20px
}

.optimising-images p {
    margin: 0
}

.optimising-images-arrow {
    margin: 0 auto;
    text-align: center
}

.optimising-images-arrow img {
    max-width: 16px;
    margin: 20px auto
}

.optimising-images-psd {
    margin: 0 auto;
    text-align: center
}

.optimising-images-psd img {
    max-width: 534px;
    margin: 20px auto
}

a.optimising-images-btn {
    margin-top: 20px
}

.filter-wrapper {
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    margin-top: 30px
}

.filter-wrapper>form {
    text-align: left
}

.filter-wrapper>.form-wrapper {
    margin: 0 auto;
    width: auto;
    max-width: 1125px
}

.filter-wrapper>.form-wrapper li.form-group {
    float: left;
    margin-bottom: 0;
    padding: 10px 20px;
    border-right: 1px solid #ccc
}

.filter-wrapper>.form-wrapper li.form-group:first-child {
    border-left: 1px solid #ccc
}

.filter-wrapper>.form-wrapper li.form-group .input-group .form-control {
    background-color: transparent;
    border: none;
    font-size: 14px;
    -webkit-appearance: none;
    height: 40px
}

.filter-wrapper>.form-wrapper li.form-group .input-group select.form-control {
    overflow: hidden;
    background: url(/images/arrow-dropdown.png?70a376d0b584a94ab72a3f0f066bc509) right center no-repeat;
    width: 120px;
    padding: 0 15px 0 0;
    -moz-appearance: none
}

.reset-filter {
    float: left;
    margin-bottom: 0;
    padding: 21px 0 21px 20px;
    font-weight: 800;
    font-size: 16px
}

.reset-filter a img {
    width: 15px;
    height: 13px;
    display: inline-block;
    margin-left: 8px
}

.reset-filter a:hover img {
    opacity: .6;
    transition: all .2s ease-in-out
}

.concept-box {
    height: 600px;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-color: #000;
    background-position: center;
    display: table !important
}

.concept-box-content {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center
}

.concept-box-content a {
    font-weight: 800;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    margin-top: 25px;
    padding-bottom: 3px
}

.concept-box-content a:hover {
    color: #00aeef;
    border-bottom: solid 1px #00aeef
}

.concept-box-content p {
    color: #fff;
    margin: 10px auto 0;
    width: 70%
}

.white-bg {
    background-color: #fff
}

.grey-bg {
    background-color: #f3f3f4
}

.you-for-tomorrow-banner {
    height: 500px
}

.vote-carousel-bg {
    background: url(/images/vote-bg.png?fcecfb40a448aed857b241515f09650e) bottom none;
    background-size: cover
}

.slick-dots {
    bottom: 25px
}

.slick-dots li {
    margin: 0 5px
}

.slick-dots li button:before {
    font-size: 40px;
    color: #ebeef4;
    opacity: 1
}

.slick-dots li.slick-active button:before {
    opacity: 1
}

.concept-box-overlay-bg {
    background: url(/images/concept-screen-overlay-bg.png?1944e4f359c210fe52f10eebf7615dcb);
    padding: 35px
}

.concept-box-container {
    max-width: 1120px;
    margin: 0 auto
}

.concept-box-container a {
    background-color: #ee4d2f;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none
}

.concept-box-container a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #09428f
}

.concept-box-container a img {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.concept-box-container p {
    color: #1d458c;
    font-size: 14px;
    width: 95%
}

.concept-box-container-1 {
    float: left;
    width: 47.321429%;
    max-width: 530px;
    margin: 0 auto
}

.concept-box-container-2 {
    float: right;
    width: 52.678571%;
    margin: 17% auto 0;
    max-width: 670px
}

.concept-box-container-style2 a {
    background-color: #03428e;
    color: #fff
}

.concept-box-container-style2 a:hover {
    color: #fff;
    background-color: #01a6e4
}

.concept-box-container a.vote-carousel-btn {
    text-align: left;
    margin-left: 15px;
    float: left;
    border-bottom: 0;
    color: #fff;
    background-color: #09428f
}

.concept-box-container a.vote-carousel-btn:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ee4d2f
}

.judging-content-individual a,
.rules-right-inner ul li a,
form .tick-box a,
p.text-note a,
p.text-note-2 a {
    text-decoration: underline
}

a.vote-now-btn {
    color: #fff;
    border-bottom: #232457 solid 1px;
    background: url(/images/btn-like-big.png?ae8fd66fb2402520ffcd78cef3cfef7d) no-repeat;
    width: 80px;
    padding-top: 90px
}

a.vote-now-btn.active,
a.vote-now-btn:hover {
    color: #ed1c24;
    border-bottom: #ed1c24 solid 1px;
    background: url(/images/btn-like-big-selected.png?651fe9d2861993339e3f9dc06a791166) no-repeat
}

.cross-sell,
.overlay-content-wrapper,
.tips-container {
    background-color: #fff
}

.cross-sell-right>p.text-1,
.cross-sell-right>p.text-2 {
    color: #09428f;
    font-family: Gotham;
    font-size: 14px;
    text-align: center
}

.cross-sell {
    width: 100%
}

.cross-sell-left {
    width: 44.642857%;
    float: left
}

.cross-sell-right {
    width: 55.3571413%;
    float: left
}

.cross-sell-right>p.text-1 {
    width: 85%;
    margin: 20px auto 0
}

.cross-sell-right>p.text-2 {
    width: 95%;
    margin: 30px auto 0
}

.cross-sell-right>a {
    background-color: #ee4d2f;
    width: 200px;
    margin: 15px auto 0;
    padding: 20px;
    text-align: center;
    color: #fff;
    display: block
}

.cross-sell-right>a:hover {
    background-color: #09428f;
    color: #fff
}

.gallery-container {
    margin-top: 0;
    padding-top: 150px
}

.gallery-container h2 {
    color: #000;
    font-size: 36px;
    text-align: center
}

.gallery-container p {
    text-align: center
}

.gallery-wrapper {
    margin-top: 40px
}

.gallery-wrapper ul {
    margin-top: 5px;
    width: 101%;
    margin-left: -.5%
}

.gallery-wrapper ul li {
    width: 23.98%;
    float: left;
    margin: .5%
}

.project-gallery-wrapper {
    width: 101%;
    margin-left: -.5%
}

.project-gallery-content {
    width: 100%
}

.project-gallery-content-col2 {
    width: 49%;
    margin: .5%;
    float: left
}

.project-gallery-content-col3 {
    width: 66%;
    margin: .5%;
    float: left
}

.project-gallery-content-col4 {
    width: 32%;
    margin: .5%;
    float: left
}

.project-gallery-content-col-5 {
    width: 24%;
    margin: .5%;
    float: left
}

.project-gallery-content-xs1 {
    width: 100%;
    margin-bottom: 4%
}

.bx-wrapper,
.project-gallery-content-xs1:last-child {
    margin-bottom: 0
}

.bx-wrapper {
    -webkit-box-shadow: none;
    background-color: transparent;
    border: none
}

.bx-wrapper .bx-pager {
    padding-top: 0
}

.bx-wrapper .bx-controls-direction a {
    transition: none
}

.bx-wrapper .bx-next,
.bx-wrapper .bx-prev {
    margin-top: -20px
}

.works-slider-thumb {
    margin-top: 5px
}

.overlay-content-wrapper {
    max-width: 750px;
    margin: 0;
    padding: 0
}

.overlay-content-wrapper-content {
    float: left;
    width: 50%
}

.content-text-right {
    padding: 30px
}

.content-text-right h3 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 5px
}

.content-text-right p {
    font-size: 14px;
    margin-bottom: 5px
}

.content-text-right p.smaller-size {
    font-size: 14px;
    line-height: 16px
}

.content-text-right ul {
    margin-top: 20px
}

.content-text-right ul li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 10px
}

.content-text {
    margin-top: 30px
}

ul.tips-slider li {
    width: 100%
}

ul.tips-slider li div.tips-left {
    width: 44.642857%;
    float: left
}

ul.tips-slider li div.tips-right {
    width: 55.357143%;
    float: left
}

ul.tips-slider li div.tips-right .tips-right-content {
    padding: 5% 10% 5% 1%
}

ul.tips-slider li div.tips-right .tips-right-content h4 {
    font-size: 40px;
    font-weight: 800
}

ul.tips-slider li div.tips-right .tips-right-content ul li {
    list-style: disc;
    margin-left: 20px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px
}

ul.tips-slider li div.tips-right .tips-right-content ul li a {
    color: #000;
    text-decoration: underline
}

ul.tips-slider li div.tips-right .tips-right-content ul li a:hover {
    color: #01a6e4
}

.design-concept-bg {
    background: url(/images/design-concept.png?5a20cf65ba38c603c0e5b4ef17265042) center no-repeat;
    background-size: cover
}

.design-concept-content {
    min-height: 130px;
    display: table;
    text-align: center
}

.design-concept-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0
}

.design-concept-inner h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 10px
}

.design-concept-inner p {
    color: #fff
}

p.prizes {
    margin-top: 40px;
    text-align: center
}

img.read-more-arrow-down {
    width: auto;
    margin: -15px auto 0
}

.awards-join-content {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 380px;
    text-align: center;
    width: 50%;
    float: left
}

.awards-join-content-inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0
}

a.btn-awards {
    display: inline-block;
    font-weight: 800;
    padding: 8px 11%;
    border-radius: 4px;
    letter-spacing: 2px;
    font-size: 20px
}

a:hover.btn-awards-1 {
    background-color: #d8127e !important;
    color: #fff
}

a:hover.btn-awards-2 {
    background-color: #00a5e3;
    color: #fff
}

.prizes-container {
    background-color: #fff;
    padding: 5px 0
}

.awards-join-container h3 {
    text-align: center;
    margin: 15px 0;
    font-weight: 800;
    font-size: 24px
}

.competition-brief h1,
.competition-brief h2 {
    color: #000;
    font-size: 53px;
    margin-bottom: 20px
}

.rules-content h3,
.rules-content p,
.rules-right-inner ul li a {
    color: #fff
}

.rules-bg {
    background-color: #f04b33;
    margin-top: -30px
}

.rules-content {
    padding-top: 20px;
    padding-bottom: 20px
}

.rules-content h3 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 10px
}

.rules-left {
    float: left;
    width: 26.785714%
}

.rules-left img {
    max-width: 300px
}

.rules-right {
    float: left;
    width: 73.214286%
}

.rules-right-inner {
    padding: 0 5%;
    color: #fff;
    margin-top: 3%
}

.rules-right-inner h3 {
    font-size: 40px
}

.rules-right-inner ul li {
    list-style: decimal;
    margin-left: 20px;
    font-size: 13px;
    margin-bottom: 4px
}

.rules-right-inner ul li a:hover {
    color: #fff000
}

.awards-bottom-cta {
    margin: 0 auto;
    text-align: center
}

.awards-bottom-cta h3 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 10px
}

.cta-pages-holder .container {
    max-width: 100%;
    padding: 0
}

.cta-pages-wrapper {
    width: 100%;
    margin-top: -30px
}

.cta-pages-wrapper a {
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    padding: 23px 0;
    color: #000;
    font-weight: 800;
    font-size: 16px;
    background-color: #fff
}

.cta-pages-wrapper a.cta-pages.active,
.cta-pages-wrapper a.cta-pages:hover {
    background-color: #213c6b;
    color: #fff
}

.interior-bg {
    background: url(/images/interior-bg.jpg?7c8c633341a73a8e5ef9dddda7605d9f) center no-repeat fixed;
    background-size: cover
}

.department-content {
    display: table;
    margin-top: -70px;
    margin-bottom: 0;
    min-height: 380px
}

.department-inner {
    display: table-cell;
    vertical-align: bottom;
    padding: 0 0 10px;
    text-align: center;
    max-width: 1280px;
    margin: 0 auto
}

.department-inner h3,
.department-inner p {
    color: #fff;
    margin-bottom: 10px
}

.department-inner h3 {
    font-size: 18px;
    font-weight: 800
}

.requirement-content {
    padding: 30px 0 0;
    margin-top: 0;
    margin-bottom: 0;
    display: table;
    width: 100%
}

.requirement-holder {
    float: left;
    width: 49.9%
}

.requirement-holder:first-child .requirement-inner {
    padding-left: 0
}

.requirement-inner {
    padding: 0 5% 5%
}

.requirement-inner h4 {
    margin-top: 0;
    margin-bottom: 15px
}

.requirement-inner ul li {
    list-style: decimal;
    margin-left: 20px;
    margin-bottom: 15px
}

.requirement-inner ul li span {
    font-size: 14px
}

.department-inner-split {
    width: 50%;
    float: left
}

.department-inner-split h4 {
    margin: 0;
    color: #231f20;
    font-size: 14px;
    font-weight: 800
}

.department-inner-split p {
    margin: 0
}

.department-inner-individual {
    margin-bottom: 45px;
    padding-right: 10%
}

.department-inner-split .department-inner-individual:last-child {
    margin-bottom: 0
}

.board-text {
    margin-bottom: 30px;
    margin-top: 30px
}

.board-text p {
    text-align: center;
    margin-bottom: 0
}

ul.board-slider {
    padding: 0 30%
}

ul.board-slider li div.board-empty {
    width: 15%;
    float: left
}

ul.board-slider li div.board-left {
    width: 48%;
    float: left
}

ul.board-slider li div.board-left img {
    max-width: 530px
}

ul.board-slider li div.board-right {
    width: 20%;
    float: left;
    margin-top: 25%;
    margin-left: -30px
}

.about-us,
.judging-content-container {
    width: 100%
}

ul.board-slider li div.board-right .board-right-content {
    padding: 5% 10% 5% 1%
}

ul.board-slider li div.board-right .board-right-content h4 {
    font-size: 40px;
    font-weight: 800
}

ul.board-slider li div.board-right .board-right-content ul li {
    list-style: decimal-leading-zero;
    margin-left: 20px;
    font-size: 13px;
    margin-bottom: 20px
}

ul.board-slider li div.board-right .board-right-content ul.second-ul-architecture {
    list-style: none;
    counter-increment: start 4
}

ul.board-slider li div.board-right .board-right-content ul.second-ul-architecture li {
    list-style: none;
    font-size: 13px;
    margin-bottom: 20px
}

ul.board-slider li div.board-right .board-right-content ul.second-ul-architecture li:before {
    content: counter(start, decimal-leading-zero) ". ";
    counter-increment: start;
    margin-left: -20px
}

ul.board-slider li div.board-right .board-right-content ul.second-ul-interior {
    list-style: none;
    counter-increment: start 5
}

ul.board-slider li div.board-right .board-right-content ul.second-ul-interior li {
    list-style: none;
    font-size: 13px;
    margin-bottom: 20px
}

ul.board-slider li div.board-right .board-right-content ul.second-ul-interior li:before {
    content: counter(start, decimal-leading-zero) ". ";
    counter-increment: start;
    margin-left: -20px
}

.list-items:after,
.rollover:after {
    content: ''
}

.judging-content {
    border-top: 1px #000 solid;
    display: table;
    padding-bottom: 50px
}

.judging-content h4 {
    margin-bottom: 30px
}

.judging-content-individual {
    float: left;
    width: 18%;
    margin-right: 9.33333333%
}

.judging-content-container .judging-content-individual:last-child {
    margin-right: 0
}

.judging-content-individual h5 {
    font-size: 13px
}

.judging-content-individual p {
    font-size: 13px;
    margin-bottom: 15px
}

.judging-content-individual p.percentage {
    font-size: 95px;
    line-height: 95px;
    margin-bottom: 0
}

.judging-content-individual a {
    color: #000
}

.judging-content-individual a:hover {
    color: #01a6e4
}

.color-1 h5,
.color-1 p.percentage {
    color: #ed1c24
}

.color-2 h5,
.color-2 p.percentage {
    color: #009444
}

.color-3 h5,
.color-3 p.percentage {
    color: #f7941d
}

.color-4 h5,
.color-4 p.percentage {
    color: #27aae1
}

.things-to-consider-content {
    float: left;
    width: 40%;
    padding-right: 10%
}

.things-to-consider-content h5 {
    font-size: 17px;
    line-height: normal;
    font-weight: 800
}

.things-to-consider-content p {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 20px
}

.container-color-bg a,
.join-now-cta h3 {
    font-weight: 800;
    font-size: 16px;
    color: #fff
}

.join-now-cta {
    margin: 0 auto;
    text-align: center;
    padding: 60px 0
}

.join-now-cta h3 {
    margin-bottom: 25px
}

.container-color-bg {
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto
}

.container-color-bg h3 {
    color: #fff;
    margin-bottom: 10px
}

.container-color-bg a,
.container-color-bg p {
    color: #fff
}

.container-color-bg a {
    display: inline-block;
    margin-top: 25px;
    border-bottom: solid 1px #fff;
    padding-bottom: 3px
}

.container-color-bg a:hover {
    color: #00aeef;
    border-bottom: solid 1px #00aeef
}

.homePageSectionContainer {
    margin: 30px auto;
    max-width: 1120px;
    position: relative;
    padding: 0 7%
}

.about-us {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    background-color: #FEE4C9
}

.about-us>.about-us-content-left {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    padding: 3%;
    float: left;
    font-family: avenir
}

.about-us>.about-us-content-left>.title {
    font-size: 30px;
    font-family: avenirBlack;
    color: #333
}

.about-us>.about-us-content-left>p {
    color: #333
}

.about-us>.about-us-content-left>p b {
    font-family: avenirBlack
}

.about-us>.about-us-content-left>a {
    color: #333;
    text-decoration: none;
    border-bottom: 0;
    font-family: avenirBlack
}

.about-us>.about-us-content-left>a:hover {
    color: #333
}

.about-us>.about-us-content-right {
    display: inline-block;
    box-sizing: border-box;
    width: 50%;
    float: right
}

.about-us>.about-us-content-right img {
    display: inline-block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:1024px) {
    .about-us {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .about-us>.about-us-content-left {
        padding: 7%
    }

    .about-us>.about-us-content-left,
    .about-us>.about-us-content-right {
        width: 100%
    }
}

.gettingStartContainer {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 200px;
    background-image: url(/images/getting-start-bg-horizontal.png?83c5c9f1b1da1022abc03a8d30a46516);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.gettingStartContainer>.item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    padding: 25px;
    box-sizing: border-box;
    color: #404040
}

.gettingStartContainer>.item>.title {
    font-size: 24px;
    font-weight: 700
}

.gettingStartContainer>.item>.description {
    padding: 13px 0
}

.gettingStartContainer>.item>.downloadBtn {
    font-size: 20px;
    color: inherit;
    border-bottom: 1px solid #404040;
    padding-bottom: 5px;
    font-weight: 700
}

.gettingStartContainer>picture {
    min-width: 1%;
    display: contents;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.gettingStartContainer>picture>.people {
    display: inline-block;
    width: auto;
    height: 100%;
    padding-right: 10px
}

@media screen and (max-width:1024px) {
    .gettingStartContainer>picture>.people {
        display: block;
        width: 50%;
        padding-right: 0;
        margin: 0 auto
    }

    .gettingStartContainer>.item {
        padding: 30px
    }

    .gettingStartContainer {
        background-image: url(/images/getting-start-bg-vertical.png?20d210460a7e38a17211ad926f4d9965);
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: auto
    }
}

@media screen and (max-width:600px) {
    .gettingStartContainer>picture>.people {
        width: 100%
    }
}

.starterKitContainer {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    font-family: avenir !important
}

.starterKitContainer .background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

@media screen and (max-width:1290px) {
    .starterKitContainer .background {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.starterKitContainer>.content {
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

.starterKitContainer>.content>.title {
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 5px;
    font-family: avenirBlack
}

.starterKitContainer>.content>.description {
    text-align: center
}

.starterKitContainer>.content>.downloadBtn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    padding: 10px 45px;
    margin-top: 20px;
    background-color: #BC2030;
    text-align: center;
    color: #fff;
    font-weight: 700
}

@media screen and (max-width:544px) {
    .starterKitContainer>.content>.downloadBtn {
        padding: 10px 25px
    }
}

.starterKitContainer>.content>.downloadBtn:hover {
    background-color: #fff;
    color: #BC2030
}

a.btn-load-more {
    border: 1px solid #2e3287;
    color: #2e3287;
    padding: 15px 50px;
    width: 200px;
    margin: 25px auto 0;
    text-align: center;
    display: block
}

a.btn-load-more:hover {
    border: 1px solid #fff;
    color: #fff;
    background-color: #2e3287
}

.item-content:hover .item-overlay-content {
    opacity: 1;
    transition: all .2s ease-in-out
}

.item-btn-like {
    position: absolute;
    right: 0;
    bottom: 0
}

.item-icon-wrapper a.btn-like {
    display: block;
    filter: none;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%)
}

.item-icon-wrapper a.btn-like-active,
.item-icon-wrapper a.btn-like:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0)
}

.item-icon-wrapper a.btn-like img {
    width: 43px;
    height: 43px
}

.about-bottom-wrapper {
    width: 100%;
    margin-top: 0;
    margin-bottom: -50px
}

.about-bottom-wrapper ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%
}

@media screen and (max-width:544px) {
    .about-bottom-wrapper ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.about-bottom-wrapper ul li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 15px;
    width: 100% !important
}

.about-bottom-wrapper ul li img {
    width: 100%;
    height: 100%;
    -ms-flex: 1;
    flex: 1;
    -o-object-fit: contain;
    object-fit: contain
}

.about-bottom-wrapper .about-supported-logo {
    text-align: center
}

.about-bottom-wrapper .about-supported-logo img {
    display: inline-block;
    width: auto;
    height: 110px;
    text-align: center
}

@media screen and (min-width:768px) {
    .about-bottom-wrapper .about-supported-logo {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-around
    }
}

@media screen and (min-width:900px) {
    .about-bottom-wrapper .about-supported-logo img {
        height: 100px
    }
}

@media screen and (min-width:1170px) {
    .about-bottom-wrapper .about-supported-logo img {
        width: auto;
        height: 120px
    }
}

.about-partnership img {
    width: auto;
    height: auto
}

.about-partnership {
    float: right
}

ul.about-vision-for-ayda {
    margin-bottom: 20px
}

ul.about-vision-for-ayda li {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 10px
}

ul.about-vision-for-ayda li ul {
    margin-top: 10px
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.awards-join-architecture-bg {
    background: url(/images/architecture-join-bg.jpg?87b424b66c66fb3ee6ec8fcd5a004d8c) center no-repeat;
    background-size: cover
}

.categoryJoinNowWrapper.container {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 380px;
    text-align: center;
    margin: 0 auto 70px;
}

.categoryJoinNowWrapper a.btn-join-now {
    display: inline-block;
    font-weight: 800;
    padding: 10px 9%;
    border-radius: 4px;
    letter-spacing: 2px;
    font-size: 20px;
    color: #fff
}

.categoryJoinNowWrapper a.btn-join-now:hover {
    background-color: #fff;
    color: #000
}

.boxes-container {
    max-width: 1145px
}

.boxes-container h2,
.boxes-container h4 {
    padding: 0 10px;
    font-size: 16px;
    color: #231f20;
    font-weight: 800
}

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

.row,
[class*=col-] {
    box-sizing: border-box
}

.col-3 {
    width: 33.3333%
}

.col-4 {
    width: 24.98%
}

.list-items {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 1em;
    padding: 10px;
    box-sizing: border-box;
    width: 100%
}

@media screen and (min-width:701px) {
    .list-items {
        -ms-grid-columns: (1fr) [4];
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (max-width:768px) {
    .list-items {
        -ms-grid-columns: (1fr) [2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:544px) {
    .list-items {
        -ms-grid-columns: (1fr) [1];
        grid-template-columns: repeat(1, 1fr)
    }
}

.list-items>.box-loading {
    margin-left: 35px
}

.list-items:after {
    display: block;
    clear: both
}

.list-items li {
    width: 100%;
    padding-bottom: 20px
}

.list-items li.animate {
    transform: translateY(200px);
    animation: moveUp .65s ease forwards
}

.list-items figure,
.list-items figure img {
    width: 100%;
    float: left;
    max-height: 240px;
    min-height: 240px;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover
}

.list-items h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 500
}

.list-items h3 a {
    color: #202121
}

.list-items h3 a:hover {
    color: #64686a
}

.list-items .box-title {
    margin-bottom: 30px;
    font-size: 19px;
    text-align: center
}

.list-items .box-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    transition: background .3s ease-in-out
}

.rollover,
.rollover .bt-item {
    transition: all .3s ease-in-out
}

.list-items .box-item:hover .box-hover {
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    visibility: visible
}

.list-items .box-item div.content {
    padding: 15px 20px
}

.list-items .box-item .box-info {
    height: 100%;
    position: relative;
    clear: both;
    border-top: 0
}

.list-items .box-item .box-info .row:last-child {
    margin-bottom: 0
}

.list-items .box-item .box-info .row:first-child {
    height: auto;
    white-space: inherit
}

.list-items .box-item .box-info .box-footer {
    position: absolute;
    bottom: 15px;
    right: 15px
}

.list-items .box-info .box-footer:empty {
    display: none
}

.list-items .box-info .box-footer .box-left {
    -ms-flex: 1;
    flex: 1
}

.list-items .box-info .box-footer .bt-icon {
    cursor: pointer;
    text-align: right
}

.rollover {
    background: #e6eaea
}

.rollover:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #15183f;
    z-index: 0
}

.rollover .bt-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.rollover .bt-item:nth-child(n+2) {
    margin-top: 8px
}

.rollover .bt-item:hover {
    opacity: .7
}

.rollover .bt-item img {
    width: 25px;
    height: 25px;
    max-height: inherit;
    min-height: inherit
}

.rollover .hover-item {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 20px;
    z-index: 3;
    transition: opacity .3s ease-in-out
}

.list-sharing-btn,
.rollover img {
    -webkit-transition: all .3s ease-in-out
}

.bt-add-like,
.list-sharing-btn,
.rollover img {
    transition: all .3s ease-in-out
}

.rollover .hover-item.top {
    top: 20px
}

.rollover .hover-item.center {
    width: auto;
    display: inline-block;
    right: auto;
    margin: 0 auto;
    left: 35%
}

.gold,
.honorary,
.silver {
    margin-bottom: -4px
}

.rollover .hover-item.center a {
    color: #fff;
    border-bottom: solid 1px #fff;
    padding-bottom: 3px;
    font-weight: 800
}

.rollover .hover-item.center a:hover {
    color: #01a6e4;
    border-bottom: solid 1px #01a6e4
}

.list-like-btn p,
.list-sharing-btn p {
    color: #b1b3b6;
    font-size: 14px;
    font-weight: 800
}

.bt-add-like,
.list-sharing-btn {
    cursor: pointer;
    border-color: #dbe0df;
    position: relative
}

.rollover img {
    position: relative;
    z-index: 1;
    transform: translateZ(0)
}

.rollover:hover:after {
    opacity: 1
}

.rollover:hover a img {
    opacity: .3;
    transform: scale(1.2);
    -webkit-transform: scale(1.2)
}

.rollover:hover .hover-item {
    visibility: visible;
    opacity: 1
}

.list-items .box-info {
    background-color: #fff
}

.box-info {
    width: 100%;
    text-align: left;
    overflow: hidden
}

.box-users .list-user {
    position: relative;
    float: left;
    width: 43px;
    height: 43px
}

.box-users .list-user img {
    border-radius: 50%;
    width: 43px;
    height: 43px;
    -o-object-fit: cover;
    object-fit: cover
}

.list-like-btn a,
.list-sharing-btn a {
    width: 25px;
    min-height: 26px;
    margin-right: 5px;
    display: inline-block
}

.box-users .list-like {
    position: relative;
    float: left
}

.list-like-btn a {
    vertical-align: bottom;
    background: url(/images/btn-fb-like.png?d584f3cb7624d08dab39b407537327eb)
}

.list-like-btn a.active,
.list-like-btn a:hover {
    background: url(/images/btn-fb-like-active.png?f50eb24c341fd5564ef109eb1746f662)
}

.list-like-btn p {
    display: inline-block;
    vertical-align: middle
}

.box-users .list-sharing {
    position: relative;
    float: right
}

.list-sharing-btn {
    display: inline-block
}

.list-sharing-btn a {
    vertical-align: bottom;
    background: url(/images/btn-share.png?ffd037b210f05c5c1a4c7ad42d8e17bc)
}

.list-sharing-btn a.active,
.list-sharing-btn a:hover {
    background: url(/images/btn-share-active.png?4712e4d4c9986d0524308c3fecd41aa1)
}

.list-sharing-btn p {
    display: inline-block;
    vertical-align: middle
}

.bt-add-like {
    display: inline-block;
    width: 40px;
    height: 40px
}

.bt-add-like a.bt-content {
    display: block;
    filter: none;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%)
}

.bt-add-like a.bt-content-active,
.bt-add-like a.bt-content:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0)
}

.gold {
    border: 4px solid #ffc50f
}

.silver {
    border: 4px solid #939598
}

.honorary {
    border: 4px solid #92278f
}

.box-info .content-with-user .row {
    width: 90%
}

.box-info .content .row {
    margin-bottom: 7px
}

.box-info .content .row h3 {
    color: #231f20;
    font-size: 14px;
    display: block;
    display: -webkit-box;
    height: auto;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 800
}

.box-info .content .row p {
    color: #231f20;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden
}

.box-info .content .row p.long-sentences {
    color: #231f20;
    font-size: 12px;
    line-height: 16px;
    text-overflow: initial;
    white-space: normal;
    overflow: hidden
}

.box-info .content .row p.text-smaller {
    color: #231f20;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden
}

.box-info .content .row p a:hover {
    color: #00aeef
}

.box-info .content .row.btn-find-us-on-fb {
    text-align: center;
    margin: 10% auto 0;
    width: 190px
}

.box-info .content .row.btn-find-us-on-fb a {
    padding: 10px;
    display: block;
    background-color: #3b5998;
    font-size: 12px;
    color: #fff
}

.box-info .content .row.btn-find-us-on-fb a:hover {
    opacity: .8
}

.box-style-1 .box-info {
    height: auto
}

.box-style-1 .rollover .hover-item.center {
    top: 28%
}

.box-style-2 .box-info {
    height: 120px
}

.box-style-2 .rollover .hover-item.center {
    top: 30%
}

.box-style-3 {
    height: 440px;
    background-position: center;
    background-size: cover;
    display: table
}

.box-style-3-caption {
    vertical-align: middle;
    display: table-cell;
    margin: 0 auto;
    text-align: center
}

.box-style-3-caption a {
    opacity: 1;
    display: block
}

.box-style-3-caption a:hover {
    opacity: .7
}

.box-style-3-caption img.play-btn {
    width: 64px;
    height: 64px;
    margin: 0 auto 10px
}

.box-style-3-caption h3 {
    color: #fff;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 800
}

.box-style-3-caption p.text-smaller {
    color: #fff;
    margin: 0 auto;
    font-size: 12px;
    line-height: 18px;
    padding: 0 10%
}

.box-style-4 .rollover .hover-item.center {
    top: 20%
}

.hideme {
    opacity: 0
}

.registration-indicator {
    margin: 50px 0
}

.registration-indicator ul li {
    display: inline-block;
    width: 32.8%;
    text-align: center
}

.registration-indicator ul.dots {
    position: relative;
    margin-top: 20px
}

.registration-indicator ul.dots li img {
    width: auto;
    height: auto;
    margin: 10px auto 0
}

.dots-line {
    width: 67%;
    border-top: 2px solid #fff;
    margin: 0 auto -16px
}

.next-btn img,
.prev-btn img {
    width: auto;
    display: inline-block;
    vertical-align: bottom;
    height: auto
}

.form-holder *,
:after,
:before {
    box-sizing: border-box
}

.form-holder {
    max-width: 800px;
    margin: 0 auto
}

.next-btn {
    float: right
}

.form-col2,
.prev-btn {
    float: left
}

.next-btn a,
.prev-btn a {
    color: #fff
}

.next-btn a:hover,
.next-btn a:hover img,
.prev-btn a:hover,
.prev-btn a:hover img {
    opacity: .6
}

.next-btn img {
    margin-left: 5px
}

.prev-btn img {
    margin-right: 10px
}

.submit-btn {
    width: 92%
}

.submit-btn a {
    color: #000;
    background: #ccc;
    padding: 10px 15px;
    font-size: 12px
}

.submit-btn a:hover {
    color: #fff;
    background: #01a6e4
}

.form-wrapper {
    margin: 0 auto;
    width: 100%
}

.form-wrapper ul {
    width: 100%
}

form {
    margin: 20px auto 0;
    text-align: center;
    width: 580px
}

.input-group-addon,
.input-group-btn,
.upload-group,
form .tick-box,
p.error-msg {
    text-align: left
}

.form-col2 {
    width: 45%
}

.form-col2:first-child {
    margin-right: 10%
}

form .tick-box {
    font-size: 11px;
    color: #fff
}

form .tick-box a {
    color: #fff
}

form .tick-box a:hover {
    color: #00aeef
}

p.error-msg {
    margin: 0;
    font-size: 11px;
    color: #e60e0f;
    width: auto
}

p.form-caption {
    font-size: 10px;
    font-weight: 300;
    margin-bottom: 10px;
    color: #003e7e
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-sm-6,
.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 32%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

fieldset,
legend {
    padding: 0;
    border: 0
}

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

fieldset {
    min-width: 0;
    margin: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%
}

label span {
    font-size: 11px;
    font-style: italic;
    font-weight: 300;
    text-transform: none
}

.form-control,
output {
    font-size: 14px;
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

input[type=checkbox],
input[type=radio] {
    margin: 0 10px 0 0;
    line-height: normal;
    vertical-align: bottom;
    float: left;
    width: inherit
}

input[type=checkbox]:focus,
input[type=radio]:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

select[multiple],
select[size] {
    height: auto
}

output {
    padding-top: 7px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    width: 96%;
    height: 37px;
    padding: 6px;
    line-height: 15px;
    color: #4c4c4c;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 0
}

.checkbox label,
.checkbox-inline {
    padding-left: 20px;
    font-weight: 400;
    cursor: pointer
}

.form-group-sm .form-control,
.input-sm {
    font-size: 12px;
    border-radius: 3px;
    padding: 5px 10px
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

textarea.form-control {
    height: auto
}

.form-group {
    margin-bottom: 40px
}

.checkbox,
.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label {
    min-height: 20px;
    margin-bottom: 0
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    position: absolute;
    margin-left: -20px
}

.input-group,
.input-group-btn,
.input-group-btn>.btn {
    position: relative
}

.checkbox+.checkbox {
    margin-top: -5px
}

.checkbox-inline {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

.input-group,
.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: block
}

.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group,
.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm {
    height: 30px;
    line-height: 1.5
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,
textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    line-height: 1.5
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}

select[multiple].form-group-sm .form-control,
textarea.form-group-sm .form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg,
textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px
}

select[multiple].form-group-lg .form-control,
textarea.form-group-lg .form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox {
    min-height: 27px
}

.input-group {
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-bottom: 0;
    border-radius: 0;
    border: 1px solid #cfcfcf
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    line-height: 46px
}

select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    line-height: 30px
}

select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn {
    height: auto
}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon {
    padding: 6px 12px 6px 0;
    font-size: 14px;
    color: #fff
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

p.text-note,
p.text-note-2 {
    margin-top: 10px
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-feature-settings: "lnum"1
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.message-form-label {
    padding: 15px 12px 10px 0;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    font-weight: 700
}

textarea.message {
    background: #fff;
    width: 100%;
    height: 100px;
    max-height: 100px;
    max-width: 100%;
    color: #1f1f1f;
    line-height: 22px
}

label.terms-agree p {
    width: auto;
    font-size: 12px;
    float: left
}

.input-group button {
    width: 100px;
    border: none;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    background-color: #01a6e4;
    text-transform: uppercase;
    padding: 11px;
    display: inline-block;
    transition: all .2s ease-in-out
}

p.text-note a,
p.text-note-2 a {
    color: #01a6e4
}

.input-group p.button-text,
p.text-note {
    text-align: left;
    font-size: 11px;
    font-style: italic
}

.input-group button:hover {
    background-color: #fff;
    color: #01a6e4
}

.input-group p.button-text {
    width: auto;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

.form-col2 .input-group p.button-text {
    width: 65%
}

p.text-note-2 {
    text-align: center;
    font-size: 12px;
    margin-bottom: 50px
}

p.text-note-2 a:hover {
    color: #fff
}

ul li.lecturer-name .input-group input {
    margin-bottom: 10px
}

a.add-lecturer-btn {
    background-color: #fff;
    text-align: left;
    font-size: 14px;
    display: block;
    padding: 10px 6px;
    color: #939494
}

a.add-lecturer-btn span {
    text-align: right;
    float: right
}

a.add-lecturer-btn:hover {
    background-color: #939494;
    color: #fff
}

.faq-content p span,
.faq-content ul li a {
    color: #009CDC
}

.welcome-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0
}

.welcome-wrapper iframe {
    height: 100%;
    width: 100%
}

.faq-content h4 {
    font-weight: 400
}

.faq-content p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 18px;
    color: #424D4C;
    font-family: avenir
}

@media screen and (min-width:768px) {
    .faq-content p {
        font-size: 16px
    }
}

.faq-content p b {
    font-family: avenirBlack
}

.faq-content ul li {
    list-style: decimal;
    margin-left: 20px;
    font-size: 14px;
    margin-bottom: 30px;
    color: #424D4C;
    font-family: avenir
}

@media screen and (min-width:768px) {
    .faq-content ul li {
        font-size: 16px
    }
}

.faq-content ul li h5 {
    font-size: 15px;
    font-weight: 800;
    font-family: avenirBlack;
    color: #424D4C
}

@media screen and (min-width:768px) {
    .faq-content ul li h5 {
        font-size: 16px
    }
}

.faq-content ul li a:hover {
    color: #03428e
}

.faq-content ul li ul li {
    list-style: disc;
    margin-left: 20px;
    font-size: 14px;
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .faq-content ul li ul li {
        font-size: 16px
    }
}

.contact-us-content {
    padding: 20px 0 0
}

.container-contact-form .form-holder form.form-wrapper ul {
    padding: 0
}

#return-to-top {
    background: url(/images/backtotop.png?98e313d77d6426eafdbcb31ecd2d4f1f) center 50% no-repeat #292e7b;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 46px;
    height: 46px;
    text-decoration: none;
    display: none;
    transition: all .3s ease;
    z-index: 5
}

#return-to-top span {
    color: #0053a0;
    margin: 0;
    position: relative;
    left: 13px;
    top: 14px;
    font-size: 19px;
    transition: all .3s ease
}

#return-to-top:hover {
    background-color: #00aeef
}

footer {
    background-color: #fff;
    width: 100%
}

.footer-wrapper {
    padding: 35px 15px;
    max-width: 1120px;
    margin: 0 auto
}

.footer-left {
    float: left
}

.footer-right {
    float: right;
    margin-top: 15px
}

.footer-logo {
    display: inline-block;
    margin-right: 80px
}

.footer-logo ul li {
    display: inline-block;
    margin: 0 15px
}

.footer-logo ul li img {
    width: 126px
}

.footer-links {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px
}

.footer-links ul li {
    margin-right: 48px;
    display: inline-block
}

.footer-links ul li a {
    font-size: 13px;
    font-weight: 800;
    color: #000;
    text-transform: none
}

.footer-links ul li a:hover {
    color: #00aeef
}

.footer-links ul li:last-child {
    margin-right: 0
}

.footer-links p {
    margin-top: 5px;
    font-size: 14px;
    text-transform: none;
    color: #645a4e
}

.footer-right ul li {
    display: inline-block;
    margin: 0 5px
}

.footer-right ul li a:hover img {
    opacity: .8;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.clear {
    clear: both;
    display: block;
    width: 0;
    height: 0
}

@media screen and (max-width:1280px) {
    .about-supported {
        margin-right: 0
    }

    .about-supported ul li {
        display: inline-block;
        margin-right: 5px
    }

    .about-partnership {
        float: left
    }

    .requirement-holder:first-child .requirement-inner {
        padding-left: 5%
    }
}

@media screen and (max-width:1150px) {
    .concept-box-container-1 {
        float: none;
        width: 90%;
        display: none
    }

    .concept-box-container-2 {
        float: none;
        width: 90%;
        margin-bottom: 5%;
        margin-top: 5%
    }

    header {
        display: none
    }

    .navi-mobile {
        display: block
    }

    .header-nippon-logo {
        background: 0 0;
        float: none;
        padding-left: 20px;
        text-align: left;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .about-us-content-left {
        width: 90%;
        padding: 5%;
        float: none
    }

    .about-us-content-right,
    .awards-join-content {
        width: 100%;
        float: none
    }

    .awards-join-content {
        min-height: 240px
    }

    a.btn-awards-1,
    a.btn-awards-2 {
        margin-top: 10%
    }
}

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

    .footer-left,
    .footer-right {
        float: none;
        text-align: center
    }

    .footer-left {
        margin: 0 auto
    }

    .footer-right {
        margin: 15px auto 0
    }

    .footer-logo {
        display: block;
        margin: 0 auto 25px
    }
}

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

    .col-3,
    .col-4 {
        width: 50%
    }

    .desktop-design-process {
        display: none
    }

    .tablet-design-process {
        display: block
    }

    .mobile-design-process {
        display: none
    }
}

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

    .filter-wrapper-inner ul li:first-child,
    .filter-wrapper>.form-wrapper li.form-group:first-child {
        border-left: none
    }

    header {
        background: #fff;
        position: relative;
        top: 0;
        height: auto
    }

    .header-left {
        float: none;
        background-color: #fff
    }

    .header-middle {
        background: #191919;
        float: none;
        width: 100%
    }

    .header-right {
        background: rgba(25, 25, 25, .8);
        float: none;
        width: 100%
    }

    .header-1 {
        padding: 20px 5px
    }

    .header-3 {
        padding: 15px
    }

    .header-4 {
        text-align: left;
        padding-left: 30px
    }

    .header-5 {
        text-align: center;
        padding: 20px 30px
    }

    .header-4 a,
    .header-5 a {
        font-size: 12px
    }

    .navi-dropdown {
        top: 90px
    }

    .hamburger {
        padding-top: 22px
    }

    .cross {
        padding-top: 30px
    }

    .filter-wrapper>.form-wrapper li.form-group {
        float: none;
        padding: 10px 20px;
        border-bottom: 1px solid #000;
        border-right: none
    }

    .filter-wrapper>.form-wrapper li.form-group .input-group select.form-control {
        overflow: hidden;
        background: url(/images/arrow-dropdown.png?70a376d0b584a94ab72a3f0f066bc509) right center no-repeat;
        width: 100%;
        padding-right: 10px
    }

    .judging-content-individual p.percentage {
        font-size: 60px;
        line-height: 60px
    }

    .cross-sell-left {
        width: 44.642857%;
        float: left
    }

    .cross-sell-right {
        width: 55.3571413%;
        float: left
    }

    .cross-sell-right>p.text-1,
    .cross-sell-right>p.text-2 {
        color: #09428f;
        width: 85%;
        text-align: center;
        margin: 10px auto 0;
        font-family: Gotham;
        font-size: 12px;
        line-height: 18px
    }

    .cross-sell-right>a {
        background-color: #ee4d2f;
        width: 200px;
        margin: 10px auto 0;
        padding: 10px 20px;
        text-align: center;
        color: #fff;
        display: block
    }

    .cross-sell-right>a:hover {
        background-color: #09428f;
        color: #fff
    }

    .filter-wrapper-inner {
        margin: 0 auto;
        max-width: 1125px
    }

    .filter-wrapper-inner ul li {
        float: none;
        border-right: none;
        border-bottom: 1px solid #000
    }

    .filter-wrapper-inner ul li.reset-filter {
        border-bottom: none;
        padding: 14px 0 14px 15px
    }

    .filter-wrapper-inner div.cs-select {
        width: 100%
    }

    .filter-wrapper-inner .cs-skin-border .cs-options ul li {
        border-left: none;
        border-right: none
    }

    .judging-content-individual {
        width: 100%;
        margin-bottom: 20px
    }

    .judging-content-individual:last-child {
        margin-bottom: 0
    }

    .judging-content {
        padding-bottom: 0
    }
}

@media screen and (max-width:768px) {
    .registration-indicator ul li {
        display: inline-block;
        width: 32%;
        text-align: center;
        font-size: 12px
    }

    .dots-line {
        width: 66%;
        border-top: 2px solid #fff;
        margin: 0 auto -16px
    }
}

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

    .col-3,
    .col-4 {
        width: 100%
    }

    .footer-links ul li {
        margin: 0 5px
    }

    .footer-links ul li a {
        font-size: 12px
    }

    .footer-links p {
        font-size: 10px;
        line-height: normal;
        margin-top: 20px
    }

    .desktop {
        display: none
    }

    .mobile {
        display: block
    }

    .desktop-design-process,
    .tablet-design-process {
        display: none
    }

    .mobile-design-process {
        display: block
    }

    .rules-left {
        float: none;
        width: 100%
    }

    .rules-left img {
        margin: 0 auto 20px
    }

    .rules-right {
        float: none;
        width: 100%;
        padding: 0
    }

    .awards-join-content {
        min-height: 240px;
        width: 100%;
        float: none
    }

    a.btn-awards-1,
    a.btn-awards-2 {
        margin-top: 19%
    }

    ul.tips-slider li div.tips-left {
        width: 100%;
        float: none
    }

    ul.tips-slider li div.tips-right {
        width: 100%;
        float: none;
        margin-top: 20px
    }

    ul.tips-slider li div.tips-right .tips-right-content {
        padding: 0 10% 2%
    }

    ul.tips-slider li div.tips-right .tips-right-content h4 {
        margin-top: 10px
    }

    .cta-pages-wrapper a {
        width: 100%;
        float: none
    }

    .requirement-holder {
        float: none;
        width: 100%
    }

    .requirement-holder:last-child {
        border-left: none;
        margin-top: 30px
    }

    .department-inner-split {
        width: 100%;
        float: none
    }

    .department-inner-individual {
        margin-bottom: 20px
    }

    .requirement-inner .department-inner-split:last-child {
        margin-top: 20px
    }

    ul.board-slider li div.board-empty {
        width: 0;
        float: none;
        display: none
    }

    ul.board-slider li div.board-left {
        width: 100%;
        float: none
    }

    ul.board-slider li div.board-left img {
        max-width: 530px
    }

    ul.board-slider li div.board-right {
        width: 80%;
        float: none;
        margin-top: 0;
        padding: 0 18%;
        margin-left: 0
    }

    .cross-sell-left,
    .cross-sell-right {
        width: 100%;
        float: none
    }

    .judging-content-individual p.percentage {
        font-size: 95px;
        line-height: 95px
    }

    .things-to-consider-content {
        float: none;
        width: 100%;
        padding-right: 0
    }

    .cross-sell-right {
        padding-bottom: 15px
    }

    .cross-sell-right>p.text-1,
    .cross-sell-right>p.text-2 {
        color: #09428f;
        width: 85%;
        text-align: center;
        margin: 20px auto 0;
        font-family: Gotham;
        font-size: 12px;
        line-height: 16px
    }

    .cross-sell-right>a {
        background-color: #ee4d2f;
        width: 200px;
        margin: 20px auto 0;
        padding: 15px 20px;
        text-align: center;
        color: #fff;
        display: block
    }

    .cross-sell-right>a:hover {
        background-color: #09428f;
        color: #fff
    }

    .department-inner>h1 {
        font-size: 18px !important
    }

    .department-inner p {
        font-size: 15px;
        line-height: 18px
    }

    .form-col2 {
        width: 100%
    }

    .input-group p.button-text {
        width: 65%
    }

    label.terms-agree p {
        width: 90%
    }

    .overlay-content-wrapper-content {
        float: none;
        width: 100%
    }

    .gallery-wrapper ul li {
        width: 49%
    }

    .contact-person-content {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }
}

.text-white,
.white {
    color: #fff !important
}

@media screen and (max-width:414px) {
    .footer-logo ul li {
        margin: 10px
    }

    .awards-join-content {
        min-height: 240px;
        width: 100%;
        float: none
    }

    a.btn-awards-1,
    a.btn-awards-2 {
        margin-top: 31%
    }

    .logo-big {
        left: 40px;
        top: 40px;
        float: none
    }

    .logo-nippon-big {
        right: 40px;
        top: 40px;
        float: none
    }

    .logo-big img {
        margin: 0 auto
    }

    .logo-nippon-big img {
        margin: 40px auto 0
    }

    .project-gallery-content-col2,
    .project-gallery-content-col3,
    .project-gallery-content-col4 {
        width: 100%;
        margin: 10px 0;
        float: none
    }

    .project-gallery-content-xs1 {
        width: 100%;
        margin-bottom: 5px 0
    }

    .project-gallery-content-xs1:last-child {
        margin-bottom: 0
    }

    .project-gallery-content-col-5 {
        width: 100%;
        margin: 10px 0;
        float: none
    }

    .rollover .hover-item.center {
        left: 36%
    }

    .competition-brief h1,
    .competition-brief h2,
    h1,
    h2 {
        font-size: 35px;
        line-height: 40px
    }

    ul.tips-slider li {
        width: 90%
    }

    ul.tips-slider li div.tips-right .tips-right-content ul li {
        font-size: 12px;
        line-height: 15px
    }

    .rules-right-inner h3,
    ul.tips-slider li div.tips-right .tips-right-content h4 {
        font-size: 32px
    }

    .about-banner {
        background-position: -210px
    }

    .footer-links ul li a {
        font-size: 11px
    }
}

.mb25 {
    margin-bottom: 25px !important
}

.mt0 {
    margin-top: 0 !important
}

.architect-sub-head {
    margin-top: 200px
}

.none {
    float: none !important
}

.concept-box-content h1 {
    font-size: 36px;
    font-weight: 100;
    color: #fff;
    line-height: 60px;
    font-family: avenirBlack
}

.faq-content h2 {
    font-family: avenirBlack;
    color: #424D4C !important
}

.f16 {
    font-size: 16px !important
}

.section {
    width: 100%;
    margin: 0 auto
}

.section.background {
    background-position: center;
    background-repeat: no-repeat
}

.section.background.parrallax {
    background-attachment: fixed
}

.section.background.contain {
    background-size: contain
}

.section.background.cover {
    background-size: cover
}

.section>.wrapper {
    max-width: 1120px;
    position: relative;
    padding: 40px 7%;
    margin: 0 auto
}

.section>.wrapper>.header {
    font-size: 24px;
    display: inline-block;
    width: 100%;
    font-family: avenirBlack
}

.themeOfTheYear {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.themeOfTheYear.wrapper>.header {
    color: #1A1818;
    padding-bottom: 40px;
    font-size: 24px
}

.themeOfTheYear .content {
    color: #404040
}

.themeOfTheYear .content>.itemWrapper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 30px 0
}

.themeOfTheYear .content>.itemWrapper>.item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 200px;
    box-sizing: border-box;
    padding-bottom: 30px;
    position: relative
}

.themeOfTheYear .content>.itemWrapper>.item>.numbering {
    font-family: avenirBlack;
    font-size: 200px;
    color: #203c6b;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1
}

.themeOfTheYear .content>.itemWrapper>.item>.description {
    display: inline-block;
    width: auto;
    padding-left: 95px
}

.themeOfTheYear .content>.itemWrapper>.item>.description .title {
    font-family: avenirBlack;
    display: inline-block;
    line-height: 1.3;
    margin: 10px 0
}

@media screen and (min-width:1200px) {
    .themeOfTheYear .content>.itemWrapper>.item>.description .title {
        width: 97%
    }
}

.themeOfTheYear .content>.itemWrapper>.item.align-top {
    height: auto;
    -ms-flex-align: start;
    align-items: flex-start
}

.themeOfTheYear .content>.itemWrapper>.item.align-top>.numbering {
    font-size: 61px
}

.themeOfTheYear .content>.itemWrapper>.item.align-top>.description {
    padding-left: 45px;
    padding-right: 15px
}

.themeOfTheYear .content>.itemWrapper.col-3>.item {
    width: 33.33%
}

@media screen and (max-width:1024px) {
    .section.background.parrallax {
        background-attachment: scroll !important
    }

    .themeOfTheYear .content>.itemWrapper.col-3>.item {
        width: 50%
    }
}

@media screen and (max-width:700px) {
    .themeOfTheYear .content>.itemWrapper.col-3>.item {
        width: 100%
    }
}

.themeOfTheYear .content>.itemWrapper.col-4>.item {
    width: 25
}

@media screen and (max-width:1024px) {
    .themeOfTheYear .content>.itemWrapper.col-4>.item {
        width: 50%
    }
}

@media screen and (max-width:700px) {
    .themeOfTheYear .content>.itemWrapper.col-4>.item {
        width: 100%
    }
}

.themeOfTheYear .content>.itemWrapper.icon-type>.item {
    -ms-flex-direction: column;
    flex-direction: column
}

.themeOfTheYear .content>.itemWrapper.icon-type>.item .icon {
    width: 80px;
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 20px
}

.themeOfTheYear .content>.itemWrapper.icon-type>.item>.description {
    text-align: center;
    padding-left: unset
}

.submissionRequirement>.header {
    font-weight: 800;
    padding-bottom: 25px
}

.submissionRequirement>.content {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:768px) {
    .submissionRequirement>.content {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.submissionRequirement>.content>.requirementSlideFor {
    width: 45%
}

.submissionRequirement>.content>.requirementSlideFor .slick-list,
.submissionRequirement>.content>.requirementSlideFor .slick-list .slick-track,
.submissionRequirement>.content>.requirementSlideFor .slick-list .slick-track .slick-slide>div {
    display: inline-block;
    width: 100%;
    height: 100%
}

.submissionRequirement>.content>.requirementSlideFor .item {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box
}

.submissionRequirement>.content>.requirementSlideFor .item img {
    display: block;
    width: 80%;
    height: 80%;
    -o-object-fit: contain;
    object-fit: contain
}

.submissionRequirement>.content>.requirementSlideFor .item img.cover {
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:1280px) {
    .submissionRequirement>.content>.requirementSlideFor .item img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.submissionRequirement>.content>.requirementSlideContent .slick-list .slick-track .slick-slide>div>.item,
.submissionRequirement>.content>.requirementSlideFor .slick-list .slick-track .slick-slide>div>.item {
    display: inline-block;
    width: 100%
}

.submissionRequirement>.content>.requirementSlideContent {
    width: 55%;
    margin-bottom: 0
}

.submissionRequirement>.content>.requirementSlideContent.teal {
    background-color: #10A8B3;
    color: #fff
}

.submissionRequirement>.content>.requirementSlideContent.teal .slick-dots li.slick-active button:before {
    color: #EF508E
}

.submissionRequirement>.content>.requirementSlideContent .item {
    padding: 40px;
    width: 100%;
    height: 100%;
    font-family: avenir
}

.submissionRequirement>.content>.requirementSlideContent .item>.header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    font-weight: bolder;
    font-size: 29px;
    padding-bottom: 25px;
    font-family: avenirBlack;
    color: #213C6B;
}

.submissionRequirement>.content>.requirementSlideContent .item>.description.colorWhite,
.submissionRequirement>.content>.requirementSlideContent .item>.header.colorWhite {
    color: #fff
}

.submissionRequirement>.content>.requirementSlideContent .item>.header>.numbering {
    transform: scale(1.5);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 15px
}

.submissionRequirement>.content>.requirementSlideContent .item>.requirementList {
    list-style-type: disc;
    padding-left: 20px;
    padding-bottom: 20px
}

.submissionRequirement>.content>.requirementSlideContent .item>.requirementList li {
    padding-bottom: 12px
}

.submissionRequirement>.content>.requirementSlideContent .item>.requirementList li a {
    color: #000;
    text-decoration: underline
}

.submissionRequirement>.content>.requirementSlideContent .slick-dots li button:before {
    color: #B4B4B4
}

.submissionRequirement>.content>.requirementSlideContent .slick-dots li.slick-active button:before {
    color: #213C6B
}

.submissionRequirement>.content.about {
    display: -ms-flexbox;
    display: flex
}

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

    .submissionRequirement>.content>.requirementSlideContent,
    .submissionRequirement>.content>.requirementSlideFor {
        width: 100%
    }

    .submissionRequirement>.content>.requirementSlideContent .item {
        padding: 10px 30px 40px
    }

    .submissionRequirement>.content.about {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.submissionRequirement>.content.about>.requirementSlideFor {
    width: 50%
}

.submissionRequirement>.content.about>.requirementSlideFor .slick-list,
.submissionRequirement>.content.about>.requirementSlideFor .slick-list .slick-track,
.submissionRequirement>.content.about>.requirementSlideFor .slick-list .slick-track .slick-slide>div {
    display: inline-block;
    width: 100%;
    height: 100%
}

.submissionRequirement>.content.about>.requirementSlideFor .item {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-sizing: border-box
}

.submissionRequirement>.content.about>.requirementSlideFor .item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.submissionRequirement>.content.about>.requirementSlideFor .item img.cover {
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:1280px) {
    .submissionRequirement>.content.about>.requirementSlideFor .item img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.submissionRequirement>.content.about>.requirementSlideContent .slick-list .slick-track .slick-slide>div>.item,
.submissionRequirement>.content.about>.requirementSlideFor .slick-list .slick-track .slick-slide>div>.item {
    display: inline-block;
    width: 100%
}

.submissionRequirement>.content.about>.requirementSlideContent {
    width: 50%;
    margin-bottom: 0
}

.submissionRequirement>.content.about>.requirementSlideContent.teal {
    background-color: #10A8B3;
    color: #fff
}

.submissionRequirement>.content.about>.requirementSlideContent.teal .slick-dots li.slick-active button:before {
    color: #EF508E
}

.submissionRequirement>.content.about>.requirementSlideContent .item {
    padding: 40px;
    width: 100%;
    height: 100%;
    font-family: avenir
}

.submissionRequirement>.content.about>.requirementSlideContent .item>.header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: start;
    width: 100%;
    font-weight: bolder;
    font-size: 28px;
    line-height: 1.3;
    padding-bottom: 25px;
    font-family: avenirBlack;
    color: #333
}

.submissionRequirement>.content.about>.requirementSlideContent .item>.description.colorWhite,
.submissionRequirement>.content.about>.requirementSlideContent .item>.header.colorWhite {
    color: #fff
}

.submissionRequirement>.content.about>.requirementSlideContent .item>.header>.numbering {
    transform: scale(1.4);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 15px
}

@media screen and (min-width:768px) {
    .submissionRequirement>.content.about>.requirementSlideContent .item>.header {
        font-size: 30px
    }

    .submissionRequirement>.content.about>.requirementSlideContent .item>.header>.numbering {
        transform: scale(1.5)
    }
}

.submissionRequirement>.content.about>.requirementSlideContent .item>.requirementList {
    list-style-type: disc;
    padding-left: 20px;
    padding-bottom: 20px
}

.submissionRequirement>.content.about>.requirementSlideContent .item>.requirementList li {
    padding-bottom: 12px
}

.submissionRequirement>.content.about>.requirementSlideContent .item>.requirementList li a {
    color: #000;
    text-decoration: underline
}

.submissionRequirement>.content.about>.requirementSlideContent .slick-dots li button:before {
    color: rgba(51, 51, 51, .3)
}

.submissionRequirement>.content.about>.requirementSlideContent .slick-dots li.slick-active {
    opacity: 1
}

.submissionRequirement>.content.about>.requirementSlideContent .slick-dots li.slick-active button:before {
    color: #333
}

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

    .submissionRequirement>.content.about>.requirementSlideContent,
    .submissionRequirement>.content.about>.requirementSlideFor {
        width: 100%
    }

    .submissionRequirement>.content.about>.requirementSlideContent .item {
        padding: 10px 30px 40px
    }
}

.submissionProcess .header {
    display: -ms-flexbox;
    display: flex;
    font-weight: 800;
    padding-bottom: 25px
}

.submissionProcess>.content>.descriptionSection {
    display: inline-block;
    width: 100%;
    padding-bottom: 40px;
    font-family: avenir
}

.submissionProcess>.content>.descriptionSection b {
    font-family: avenirBlack
}

.enquiry-list {
    list-style-type: disc;
    padding-left: 20px;
    padding-top: 30px;
    padding-bottom: 30px
}

.enquiry-list li {
    padding-bottom: 5px
}

.enquiry-list.upper-latin {
    list-style-type: upper-latin
}

.enquiry-list.lower-latin {
    list-style-type: lower-latin
}

.enquiry-list ul {
    padding-top: 5px;
    padding-bottom: 0
}

.submissionProcess>.content>.submissionWrapper {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 30px 0;
    font-family: avenir
}

.submissionProcess>.content>.submissionWrapper>.onlineSubmission,
.submissionProcess>.content>.submissionWrapper>.physicalSubmission {
    display: block;
    float: left;
    width: 100%
}

.submissionProcess>.content>.submissionWrapper>.onlineSubmission .image {
    width: 100%;
    margin: 30px auto 0
}

@media screen and (max-width:1024px) {
    .submissionProcess {
        padding-bottom: 0
    }
}

.submissionProcess>.content>.submissionWrapper>.onlineSubmission>.header,
.submissionProcess>.content>.submissionWrapper>.physicalSubmission>.header {
    font-size: 20px
}

.submissionProcess>.content>.submissionWrapper>.physicalSubmission .mailEntryToWrapper {
    display: block;
    margin-top: 30px
}

.submissionProcess>.content>.submissionWrapper>.physicalSubmission .mailEntryToWrapper>.person {
    display: block;
    width: 50%;
    float: left;
    padding-bottom: 15px
}

@media screen and (max-width:400px) {
    .submissionProcess>.content>.submissionWrapper>.physicalSubmission .mailEntryToWrapper>.person {
        width: 100%
    }
}

.tipsToWriteDesignStatement.wrapper>.header {
    font-size: 18pt;
    font-weight: bolder;
    padding-bottom: 25px
}

.tipsToWriteDesignStatement.wrapper>.content {
    font-family: avenir
}

.tipsToWriteDesignStatement.wrapper>.content>.subtitleWrapper {
    padding-bottom: 20px
}

.tipsToWriteDesignStatement.wrapper>.content>.tipsWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding-bottom: 40px
}

.tipsToWriteDesignStatement.wrapper>.content>.tipsWrapper>.item {
    display: block;
    float: left;
    width: calc(50% - 2px);
    box-sizing: border-box;
    padding: 0 35px
}

.tipsToWriteDesignStatement.wrapper>.content>.tipsWrapper>.item:nth-child(1) {
    border-right: 2px solid #213C6B;
    padding-left: 15px
}

@media screen and (max-width:400px) {
    .tipsToWriteDesignStatement.wrapper>.content>.tipsWrapper>.item {
        width: 100%;
        margin-bottom: 15px
    }

    .tipsToWriteDesignStatement.wrapper>.content>.tipsWrapper>.item:nth-child(1) {
        border-right: 0;
        border-bottom: 4px solid #10A8B3
    }
}

.tipsToWriteDesignStatement.wrapper>.content>.tipsWrapper>.item>.title {
    font-size: 24px;
    font-family: avenirBlack;
    padding-bottom: 20px;
    color: #404040;
    line-height: 1.3
}

.tipsToWriteDesignStatement.wrapper>.content>.tipsWrapper>.item .content>.tipsListing {
    list-style-type: disc;
    margin-left: 20px
}

.tipsToWriteDesignStatement.wrapper>.content>.tipsWrapper>.item .content>.tipsListing>li {
    padding-bottom: 15px
}

.aspectOfConsideration.wrapper>.header {
    font-weight: bolder;
    padding-bottom: 25px;
    font-size: 18pt
}

.aspectOfConsideration>.aspectWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.aspectOfConsideration>.aspectWrapper>.item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25%;
    box-sizing: border-box;
    padding: 0 15px 15px;
    margin-bottom: 20px
}

.aspectOfConsideration>.aspectWrapper>.item:nth-child(4n)>.header>.dottedLine {
    width: 100%
}

.aspectOfConsideration>.aspectWrapper>.item:nth-last-child(1)>.header>.dottedLine {
    width: 0%
}

@media screen and (max-width:700px) {
    .aspectOfConsideration>.aspectWrapper>.item:nth-last-child(1)>.header>.dottedLine {
        width: 100%
    }
}

.aspectOfConsideration>.aspectWrapper>.item>.header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 15px
}

.aspectOfConsideration>.aspectWrapper>.item>.header>.dottedLine {
    display: block;
    position: absolute;
    width: 120%;
    height: 1px;
    background-image: radial-gradient(circle at 2.5px, #000 1.25px, rgba(255, 255, 255, 0) 2.5px), radial-gradient(circle, #000 1.25px, rgba(255, 255, 255, 0) 2.5px), radial-gradient(circle at 2.5px, #000 1.25px, rgba(255, 255, 255, 0) 2.5px), radial-gradient(circle, #000 1.25px, rgba(255, 255, 255, 0) 2.5px);
    background-position: top;
    background-size: 6px 5px, 5px 6px;
    background-repeat: repeat-x, repeat-y;
    left: 0;
    z-index: 0
}

.aspectOfConsideration>.aspectWrapper>.item>.header>.numbering {
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: #fff;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: bolder;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 1;
    box-sizing: border-box
}

.aspectOfConsideration>.aspectWrapper>.item>.header>.numbering.logo {
    width: 60px;
    height: 60px;
    padding: 10px
}

.aspectOfConsideration>.aspectWrapper>.item>.title {
    font-weight: bolder;
    padding-bottom: 10px;
    line-height: 1;
    font-family: avenirBlack;
    color: #404040
}

.aspectOfConsideration>.aspectWrapper>.item>.description {
    font-family: avenir;
    color: #404040
}

@media screen and (max-width:1024px) {
    .aspectOfConsideration>.aspectWrapper>.item {
        width: 33%
    }

    .aspectOfConsideration>.aspectWrapper>.item:nth-child(3n)>.header>.dottedLine {
        width: 100%
    }

    .aspectOfConsideration>.aspectWrapper>.item:nth-child(4n)>.header>.dottedLine {
        width: 120%
    }
}

@media screen and (max-width:700px) {
    .aspectOfConsideration>.aspectWrapper>.item {
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    .aspectOfConsideration>.aspectWrapper>.item>.header {
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }

    .aspectOfConsideration>.aspectWrapper>.item:nth-child(4n)>.header>.dottedLine,
    .aspectOfConsideration>.aspectWrapper>.item>.header>.dottedLine {
        width: 100%
    }

    .aspectOfConsideration>.aspectWrapper>.item>.description {
        text-align: center
    }
}

.designWithImpact.wrapper>.header {
    font-weight: bolder;
    padding-bottom: 25px;
    font-size: 18pt
}

.designWithImpact>.designWithImpacttWrapper>.impactItemWrapper {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    padding: 20px 0
}

.designWithImpact>.designWithImpacttWrapper>.impactItemWrapper>.item {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px
}

.designWithImpact>.designWithImpacttWrapper>.impactItemWrapper>.item>.image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20%
}

@media screen and (max-width:1024px) {
    .designWithImpact>.designWithImpacttWrapper>.impactItemWrapper>.item>.image {
        width: 30%
    }
}

@media screen and (max-width:700px) {
    .designWithImpact>.designWithImpacttWrapper>.impactItemWrapper>.item>.image {
        width: 100%
    }
}

.designWithImpact>.designWithImpacttWrapper>.impactItemWrapper>.item>.image>.logo {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top;
    width: 45%
}

@media screen and (max-width:1024px) {
    .designWithImpact>.designWithImpacttWrapper>.impactItemWrapper>.item>.image>.logo {
        box-sizing: border-box;
        padding-right: 25px;
        width: 100%
    }
}

@media screen and (max-width:700px) {
    .designWithImpact>.designWithImpacttWrapper>.impactItemWrapper>.item>.image>.logo {
        box-sizing: border-box;
        padding: 25px;
        width: 100%
    }
}

.designWithImpact>.designWithImpacttWrapper>.impactItemWrapper>.item>.description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: avenir
}

.designWithImpact>.designWithImpacttWrapper>.impactItemWrapper>.item>.description>.link {
    display: inline-block;
    margin-top: auto;
    -ms-flex: 0;
    flex: 0;
    padding-top: 10px
}

@media screen and (max-width:700px) {
    .designWithImpact>.designWithImpacttWrapper>.impactItemWrapper>.item {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.designThinking.wrapper>.header {
    font-weight: bolder;
    padding-bottom: 25px;
    font-size: 18pt
}

.designThinking>.designThinkingWrapper .item .title-wrapper {
    border-radius: 20px
}

.designThinking>.designThinkingWrapper .item .title-wrapper .item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    height: 195px
}

.designThinking>.designThinkingWrapper .item .title-wrapper .item .title {
    font-family: avenirBlack;
    font-size: 18px;
    margin-top: auto
}

.designThinking>.designThinkingWrapper .item .title-wrapper .item .icon {
    width: 105px;
    height: auto;
    margin-top: 10px
}

.designThinking>.designThinkingWrapper .item .title-wrapper .item .description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-family: avenir;
    font-size: 14px;
    text-align: center
}

.designThinking>.designThinkingWrapper .item .content-wrapper {
    padding: 20px 0;
    box-sizing: border-box
}

.designThinking>.designThinkingWrapper .item .content-wrapper .description,
.designThinking>.designThinkingWrapper .item .content-wrapper .title {
    font-family: avenirBlack;
    font-size: 16px;
    color: #404040
}

.designThinking>.designThinkingWrapper .item .content-wrapper .title {
    margin-bottom: 2px
}

.designThinking>.designThinkingWrapper .item .content-wrapper .description {
    font-family: avenir;
    padding-bottom: 20px
}

.prizeDetails.wrapper>.header {
    font-size: 18pt;
    padding-bottom: 25px
}

.prizeDetails>.content>.prizeSection {
    margin-bottom: 60px
}

.prizeDetails>.content>.prizeSection>.title {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    margin-bottom: 30px
}

.prizeDetails>.content>.prizeSection>.content {
    display: inline-block;
    width: 100%
}

.prizeDetails>.content>.prizeSection>.content .nationalAwardsPrice {
    display: inline-block;
    margin-top: 50px
}

.ruleAndRegulation {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.ruleAndRegulation>.background,
.ruleAndRegulation>.rulesDetails {
    display: block;
    width: 100%
}

.ruleAndRegulation>.background {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat
}

.ruleAndRegulation>.background>.mountain {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 40px;
    background-position: bottom;
    box-sizing: border-box;
    background-size: contain;
    background-repeat: no-repeat
}

.ruleAndRegulation>.background>.mountain>.title {
    font-size: 40px
}

.ruleAndRegulation>.background>.mountain>.title>.date {
    font-size: 65px
}

.ruleAndRegulation>.rulesDetails {
    box-sizing: border-box;
    padding: 50px
}

.ruleAndRegulation>.rulesDetails>.title {
    padding-bottom: 15px
}

.ruleAndRegulation>.rulesDetails ul {
    font-family: avenir;
    font-size: 15px
}

.ruleAndRegulation>.rulesDetails ul li {
    margin-bottom: 6px;
    line-height: 1.1
}

.ruleAndRegulation>.rulesDetails ul li b {
    font-family: avenirBlack
}

.ruleAndRegulation>.rulesDetails ul li:last-child {
    margin-bottom: 0
}

@media screen and (max-width:1024px) {
    .ruleAndRegulation {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ruleAndRegulation>.background,
    .ruleAndRegulation>.rulesDetails {
        width: 100%
    }

    .ruleAndRegulation>.background>.mountain>.title {
        margin: 60px 0 150px
    }
}

@media screen and (max-width:400px) {
    .ruleAndRegulation>.rulesDetails {
        box-sizing: border-box;
        padding: 25px
    }

    .ruleAndRegulation>.background>.mountain {
        padding: 25px
    }

    .ruleAndRegulation>.background>.mountain>.title {
        font-size: 14pt;
        margin: 40px 0 50px
    }

    .ruleAndRegulation>.background>.mountain>.title>.date {
        font-size: 35px
    }
}

.categoryBannerTitleWrapper {
    display: inline-block;
    width: 100%;
    padding-top: 15%;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .69))
}

.categoryBannerTitleWrapper.withoutshadowBG {
    background-image: linear-gradient(transparent, transparent)
}

.categoryBannerTitleWrapper>.wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 7%;
    box-sizing: border-box;
    max-width: 1120px;
    width: 100%;
    margin: 0 auto
}

@media screen and (max-width:400px) {
    .categoryBannerTitleWrapper {
        margin-top: 65%
    }

    .categoryBannerTitleWrapper>.wrapper {
        padding: 10px 7% 40px
    }
}

.categoryBannerTitleWrapper>.wrapper>.description,
.categoryBannerTitleWrapper>.wrapper>.title {
    font-family: avenir;
    color: #fff;
    display: inline-block;
    width: 100%
}

.categoryBannerTitleWrapper>.wrapper>.title {
    font-family: avenirBlack;
    font-size: 22px;
    padding-bottom: 20px
}

.categoryPagePresentationBoard.wrapper>.header {
    font-weight: bolder
}

.categoryPagePresentationBoard>.content>.boardWrapper {
    box-sizing: border-box;
    padding: 60px 40px
}

.categoryPagePresentationBoard>.content>.descriptionWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.categoryPagePresentationBoard>.content>.descriptionWrapper>.title {
    text-align: center;
    width: 100%;
    color: #213C6B;
    font-weight: 700;
    margin-bottom: 5px;
    font-family: avenirBlack
}

.categoryPagePresentationBoard>.content>.descriptionWrapper>.subtitle {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #67737A;
    font-family: avenir
}

.categoryPagePresentationBoard>.content>.descriptionWrapper>.description {
    display: -ms-grid;
    display: grid;
    width: 100%;
    padding: 30px 0;
    -ms-grid-columns: calc(33.33% - ((30px * 2)/ 3)) calc(33.33% - ((30px * 2)/ 3)) calc(33.33% - ((30px * 2)/ 3));
    grid-template-columns: calc(33.33% - ((30px * 2)/ 3)) calc(33.33% - ((30px * 2)/ 3)) calc(33.33% - ((30px * 2)/ 3));
    grid-gap: 30px
}

.categoryPagePresentationBoard>.content>.descriptionWrapper>.description>.item {
    list-style-type: decimal-leading-zero;
    padding-right: 20px;
    margin-left: 30px;
    font-family: avenir
}

.categoryPagePresentationBoard>.content>.descriptionWrapper>.description>.item>ul {
    list-style-type: none;
    padding-left: 0
}

@media screen and (max-width:1024px) {
    .categoryPagePresentationBoard>.content>.descriptionWrapper>.description {
        -ms-grid-columns: calc(50% - (30px / 2)) calc(50% - (30px / 2));
        grid-template-columns: calc(50% - (30px / 2)) calc(50% - (30px / 2));
        grid-gap: 30px
    }
}

@media screen and (max-width:400px) {
    .categoryPagePresentationBoard>.content>.boardWrapper {
        box-sizing: border-box;
        padding: 60px 0
    }

    .categoryPagePresentationBoard>.content>.descriptionWrapper>.description {
        -ms-grid-columns: 100%;
        grid-template-columns: 100%
    }

    .categoryPagePresentationBoard>.content>.descriptionWrapper>.description>.item {
        padding-right: 0
    }
}

.judgeCriteria.wrapper>.header {
    font-weight: bolder
}

.judgeCriteria>.criterialWrapper {
    margin-left: -15px;
    margin-right: -15px;
    box-sizing: border-box;
    font-family: avenir
}

.judgeCriteria>.criterialWrapper>.item {
    width: 33.33%;
    padding: 15px;
    box-sizing: border-box
}

@media screen and (max-width:1024px) {
    .judgeCriteria>.criterialWrapper>.item {
        width: 33.33%
    }
}

@media screen and (max-width:400px) {
    .judgeCriteria>.criterialWrapper>.item {
        width: 100%
    }
}

.judgeCriteria>.criterialWrapper>.item>.header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px
}

.judgeCriteria>.criterialWrapper>.item>.header>.title {
    font-family: avenirBlack;
    font-weight: bolder;
    color: #213C6B;
    font-size: 11pt
}

.judgeCriteria>.criterialWrapper>.item>.header>.mark {
    font-family: avenirBlack;
    font-weight: bolder;
    color: #213C6B;
    line-height: 1
}

.judgeCriteria>.criterialWrapper>.item>.content {
    border-bottom: 1px dashed rgba(49, 49, 51, .4)
}

.judgeCriteria>.criterialWrapper>.item>.content ul {
    list-style-type: disc;
    margin-left: 15px;
    margin-bottom: 7px
}

.judgeCriteria>.criterialWrapper>.item>.content ul>li {
    padding-bottom: 15px;
    font-size: 10pt;
    color: #313133
}

.judgeCriteria>.criterialWrapper>.item>.content ul>li>b {
    font-family: avenirBlack;
    color: #D46C75;
}

.judgeCriteria>.criterialWrapper>.item>.content ul>li.title {
    font-weight: bolder
}

.judgeCriteria>.criterialWrapper>.item>.content ul>li.noListStyle {
    list-style-type: none
}

.judgeWrapper.wrapper>.header {
    font-weight: bolder;
    padding-bottom: 20px
}

.concept-box .mainSlide,
.concept-box .secondSlide {
    display: -ms-flexbox;
    display: flex;
    height: 600px;
    position: relative
}

.concept-box .mainSlide .background,
.concept-box .secondSlide .background {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.concept-box .mainSlide .mainBannerTitle,
.concept-box .secondSlide .mainBannerTitle {
	position: relative;
    padding: 0 20px;
    margin: 60px auto 0;
    z-index: 2
}

.concept-box .mainSlide .mainBannerTitle img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%
}

.concept-box .secondSlide {
    position: relative
}

.concept-box .secondSlide .background {
    -o-object-position: top;
    object-position: top
}

.concept-box .secondSlide .mainBannerTitle {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    padding-top: 130px;
    margin: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    box-sizing: border-box;
    left: calc((100vw - 50%) - 480px)
}

.concept-box .secondSlide .mainBannerTitle img {
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.concept-box .secondSlide .mainBannerTitle .button {
    display: block;
    background-color: #2a357a;
    border-radius: 5px;
    color: #fff;
    border: 0;
    top: calc(100% - 100px);
    padding: 15px 20px;
    font-weight: 700;
    width: auto
}

@media screen and (max-width:1024px) {
    .concept-box .secondSlide .mainBannerTitle {
        padding-top: 100px;
        padding-left: 5%;
        left: calc((100vw - 50%) - 380px)
    }

    .concept-box .secondSlide .mainBannerTitle img {
        -o-object-fit: contain;
        object-fit: contain;
        width: 80%
    }
}

@media screen and (max-width:544px) {
    .concept-box .secondSlide .background {
        -o-object-position: center;
        object-position: center
    }

    .concept-box .secondSlide .mainBannerTitle {
        padding-top: 120px;
        padding-left: 8%;
        left: 0
    }

    .concept-box .secondSlide .mainBannerTitle .button {
        font-size: 10pt
    }

    .concept-box .secondSlide .mainBannerTitle img {
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media screen and (max-width:544px) and (min-width:415px) {
    .concept-box .secondSlide .mainBannerTitle img {
        width: calc(100vw - 300px)
    }
}

.concept-box .mainSlide .decoration {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 450px;
    z-index: 3
}

.concept-box .mainSlide.voteNowBorder {
    background-color: #E2E6EB;
    border-image-source: url(/images/desktop-vote-now-bg.png?33f2241efae26bddb8593855be586859);
    border-image-slice: 25;
    border-image-repeat: stretch;
    border-width: 25px;
    border-style: solid
}

.concept-box .mainSlide.voteNowBorder .mainBannerTitle {
    display: inline;
    padding: 0;
    margin: 0;
    z-index: 2;
    width: 100%
}

@media screen and (max-width:1200px) {
    .concept-box .mainSlide .mainBannerTitle {
        margin: auto
    }

    .concept-box .mainSlide.voteNowBorder .mainBannerTitle {
        padding: 0;
        margin: 0;
        z-index: 2;
        width: 100%
    }
}

.countdownWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 300px;
    color: #fff;
    text-align: center;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    font-family: avenir !important
}

@media screen and (max-width:700px) {
    .concept-box .mainSlide .mainBannerTitle {
        margin: 80px auto 0
    }

    .concept-box .mainSlide.voteNowBorder {
        border-image-source: url(/images/mobile-vote-now-bg.png?42737fe1ca44aaea97030f21b0ba50ad);
        border-image-slice: 18;
        border-width: 18px
    }

    .concept-box .mainSlide.voteNowBorder .mainBannerTitle {
        padding: 0;
        margin: 0;
        z-index: 2
    }

    .countdownWrapper {
        height: 190px
    }
}

.countdownWrapper>.decoration {
    position: absolute;
    bottom: 0;
    height: 70%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:1100px) {
    .countdownWrapper>.decoration {
        height: 60%
    }
}

.countdownWrapper>.decoration.left {
    left: 0
}

.countdownWrapper>.decoration.right {
    right: 0
}

.countdownWrapper>.title {
    font-weight: 800;
    font-size: 30px;
    font-family: avenirBlack
}

.countdownWrapper>.timer {
    display: -ms-flexbox;
    display: flex
}

.countdownWrapper>.timer>.item {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 40px 0
}

@media screen and (max-width:1024px) {
    .countdownWrapper>.decoration {
        height: 50%
    }

    .countdownWrapper>.timer>.item {
        padding: 15px 15px 0
    }
}

.countdownWrapper>.timer>.item>.title {
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 7px
}

@media screen and (max-width:700px) {
    .countdownWrapper>.decoration {
        height: 30%
    }

    .countdownWrapper>.title {
        font-size: 18px
    }

    .countdownWrapper>.timer>.item {
        padding: 20px 10px 0
    }

    .countdownWrapper>.timer>.item>.title {
        font-size: 12px
    }
}

.countdownWrapper>.timer>.item>.digit {
    font-weight: 500;
    font-size: 80px
}

@media screen and (max-width:1024px) {
    .countdownWrapper>.timer>.item>.digit {
        font-size: 65px
    }
}

@media screen and (max-width:700px) {
    .countdownWrapper>.timer>.item>.digit {
        font-size: 25px
    }
}

.countdownWrapper>.subtitle>.title {
    font-size: 14px
}

.countdownWrapper>.subtitle>.date {
    font-size: 17px
}

@media screen and (min-width:1200px) {
    .countdownWrapper>.subtitle>.date {
        font-size: 26px
    }
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-underline {
    text-decoration: underline
}

.text-shadow-black {
    text-shadow: 0 0 8px #000
}

.colorRed1 {
    color: #C76075
}

.colorLightRed {
    color: #B5634F
}

.colorLightRed1 {
    color: #C86076
}

.colorDarkRed {
    color: #9B3B38
}

.colorDullRed {
    color: #BD5A6E
}

.colorPinkRed {
    color: #F66
}

.colorPinkRed1 {
    color: #EF508E
}

.colorTeal {
    color: #10A8B3
}

.colorTeal1 {
    color: #088C9F
}

.colorTeal2 {
    color: #008D9F
}

.colorTeal3 {
    color: #0FC1C0
}

.colorTeal4 {
    color: #0093A9
}

.colorTeal5 {
    color: #025D66
}

.colorPink {
    color: #E24B86
}

.colorPink2 {
    color: #FF7F94
}

.colorWhite {
    color: #fff
}

.colorBlack {
    color: #000
}

.colorBlack1 {
    color: #333
}

.colorBlack2 {
    color: #1A1818
}

.colorBlack3 {
    color: #404040
}

.colorDarkgreen {
    color: #375343
}

.colorDarkgreen1 {
    color: #1E4F56
}

.colorDarkGreen2 {
    color: #44604B
}

.colorLightGreen {
    color: #8B8B35
}

.colorLightGreen1 {
    color: #BEDFCC
}

.colorLightGreen2 {
    color: #8BB59F
}

.colorGreyGreen {
    color: #8B783B
}

.colorGreyBlue {
    color: #5D6F90
}

.colorBlue {
    color: #166DD6
}

.colorLightBlue {
    color: #B5CAD3
}

.colorLightBlue1 {
    color: #6C99C8
}

.colorLightBlue2 {
    color: #6B99C9
}

.colorLightBlue3 {
    color: #A2D5EC
}

.colorLightBlue4 {
    color: #009CDC
}

.colorDullBlue {
    color: #52789C
}

.colorOrange {
    color: #D5862A
}

.colorOrange1 {
    color: #FFC12E
}

.colorOrange2 {
    color: #EA7E57
}

.colorLightOrange {
    color: #F28C64
}

.colorDullOrange {
    color: #DB9B34
}

.colorOrangeRed {
    color: #B25B46
}

.colorOrangeRed1 {
    color: #B14D4F
}

.colorYellow {
    color: #FFC74B
}

.colorDullYellow {
    color: #E5C539
}

.colorDullYellow1 {
    color: #E49751
}

.colorLightYellow {
    color: #FFD149
}

.colorDarkYellow {
    color: #BB6F56
}

.colorSilver {
    color: #9B9D9E
}

.colorGold {
    color: #D3A95F
}

.colorBronze {
    color: #B96D55
}

.colorSkin {
    color: #F8BAAC
}

.colorGrey {
    color: #79788C
}

.colorDarkBlue{
    color: #213C6B;
}

.bgRed1 {
    background-color: #C76075
}

.bgLightRed {
    background-color: #B5634F
}

.bgLightRed1 {
    background-color: #C86076
}

.bgDarkRed {
    background-color: #9B3B38
}

.bgDullRed {
    background-color: #BD5A6E
}

.bgPinkRed {
    background-color: #F66
}

.bgPinkRed1 {
    background-color: #EF508E
}

.bgTeal {
    background-color: #10A8B3
}

.bgTeal1 {
    background-color: #088C9F
}

.bgTeal2 {
    background-color: #008D9F
}

.bgTeal3 {
    background-color: #0FC1C0
}

.bgTeal4 {
    background-color: #0093A9
}

.bgTeal5 {
    background-color: #025D66
}

.bgPink {
    background-color: #E24B86
}

.bgPink2 {
    background-color: #FF7F94
}

.bgWhite {
    background-color: #fff
}

.bgBlack {
    background-color: #000
}

.bgBlack1 {
    background-color: #333
}

.bgBlack2 {
    background-color: #1A1818
}

.bgBlack3 {
    background-color: #404040
}

.bgDarkgreen {
    background-color: #375343
}

.bgDarkgreen1 {
    background-color: #1E4F56
}

.bgDarkGreen2 {
    background-color: #44604B
}

.bgLightGreen {
    background-color: #8B8B35
}

.bgLightGreen1 {
    background-color: #BEDFCC
}

.bgLightGreen2 {
    background-color: #8BB59F
}

.bgGreyGreen {
    background-color: #8B783B
}

.bgGreyBlue {
    background-color: #5D6F90
}

.bgBlue {
    background-color: #166DD6
}

.bgLightBlue {
    background-color: #B5CAD3
}

.bgLightBlue1 {
    background-color: #6C99C8
}

.bgLightBlue2 {
    background-color: #6B99C9
}

.bgLightBlue3 {
    background-color: #A2D5EC
}

.bgLightBlue4 {
    background-color: #009CDC
}

.bgDullBlue {
    background-color: #52789C
}

.bgOrange {
    background-color: #D5862A
}

.bgOrange1 {
    background-color: #FFC12E
}

.bgOrange2 {
    background-color: #EA7E57
}

.bgLightOrange {
    background-color: #F28C64
}

.bgDullOrange {
    background-color: #DB9B34
}

.bgOrangeRed {
    background-color: #B25B46
}

.bgOrangeRed1 {
    background-color: #B14D4F
}

.bgYellow {
    background-color: #FFC74B
}

.bgDullYellow {
    background-color: #E5C539
}

.bgDullYellow1 {
    background-color: #E49751
}

.bgLightYellow {
    background-color: #FFD149
}

.bgDarkYellow {
    background-color: #BB6F56
}

.bgSilver {
    background-color: #9B9D9E
}

.bgGold {
    background-color: #D3A95F
}

.bgBronze {
    background-color: #B96D55
}

.bgSkin {
    background-color: #F8BAAC
}

.bgGrey {
    background-color: #79788C
}

.bgDarkBlue{
    background-color: #213C6B;
}

.awardsWrapper>.award {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    font-family: avenir;
    color: #404040
}

.awardsWrapper>.award>.logo {
    width: 130px
}

.awardsWrapper>.award>.logo.big {
    width: 180px
}

.awardsWrapper>.award>.title {
    font-family: avenirBlack;
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.2
}

.awardsWrapper>.award>.price {
    color: #404040;
    margin-top: 5px;
    font-size: 16px
}

ul.disc {
    list-style-type: disc
}