/* Main anchor element */
     
     .anchor-title {
         anchor-name: --main-title;
         text-align: center;
         font-size: clamp(2.5rem, 8vw, 5rem);
         font-weight: 300;
         letter-spacing: 0.3em;
         text-transform: uppercase;
         margin-bottom: 2rem;
         position: relative;
         color: #fff;
         text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
     }
     /* Anchored decorative elements */
     
     .ornament-left {
         position: absolute;
         position-anchor: --main-title;
         left: anchor(left);
         top: anchor(center);
         transform: translateY(-50%);
         width: 60px;
         height: 2px;
         background: linear-gradient(to right, transparent, #fff);
         margin-left: -80px;
     }
     
     .ornament-right {
         position: absolute;
         position-anchor: --main-title;
         right: anchor(right);
         top: anchor(center);
         transform: translateY(-50%);
         width: 60px;
         height: 2px;
         background: linear-gradient(to left, transparent, #fff);
         margin-right: -80px;
     }
     
     .subtitle {
         anchor-name: --subtitle;
         text-align: center;
         font-size: 1rem;
         letter-spacing: 0.2em;
         opacity: 0.7;
         margin-top: 3rem;
         font-weight: 300;
     }
     /* Anchored quote */
     
     .quote {
         position: absolute;
         position-anchor: --subtitle;
         top: anchor(bottom);
         left: 50%;
         transform: translateX(-50%);
         margin-top: 4rem;
         text-align: center;
         max-width: 600px;
         font-style: italic;
         font-size: 1.1rem;
         line-height: 1.8;
         opacity: 0.8;
     }
     /* Gothic arch decoration */
     
     .arch {
         position: absolute;
         bottom: 2rem;
         left: 50%;
         transform: translateX(-50%);
         width: 120px;
         height: 120px;
         border: 2px solid rgba(255, 255, 255, 0.2);
         border-radius: 50% 50% 0 0;
         border-bottom: none;
     }
     
     .arch::before,
     .arch::after {
         content: '';
         position: absolute;
         bottom: 0;
         width: 2px;
         height: 40px;
         background: rgba(255, 255, 255, 0.2);
     }
     
     .arch::before {
         left: -2px;
     }
     
     .arch::after {
         right: -2px;
     }
     /* Floating particles */
     
     .particle {
         position: absolute;
         width: 2px;
         height: 2px;
         background: rgba(255, 255, 255, 0.4);
         border-radius: 50%;
         animation: float 20s infinite;
     }
     
     .particle:nth-child(1) {
         top: 20%;
         left: 10%;
         animation-delay: 0s;
     }
     
     .particle:nth-child(2) {
         top: 40%;
         left: 80%;
         animation-delay: 5s;
     }
     
     .particle:nth-child(3) {
         top: 60%;
         left: 20%;
         animation-delay: 10s;
     }
     
     .particle:nth-child(4) {
         top: 80%;
         left: 70%;
         animation-delay: 15s;
     }
     
     @keyframes float {
         0%,
         100% {
             transform: translateY(0) scale(1);
             opacity: 0;
         }
         50% {
             transform: translateY(-100px) scale(1.5);
             opacity: 0.6;
         }
     }
     /* Corner decorations anchored to container */
     
     .corner {
         position: absolute;
         width: 40px;
         height: 40px;
         border: 1px solid rgba(255, 255, 255, 0.15);
     }
     
     .corner-tl {
         top: 2rem;
         left: 2rem;
         border-right: none;
         border-bottom: none;
     }
     
     .corner-tr {
         top: 2rem;
         right: 2rem;
         border-left: none;
         border-bottom: none;
     }
     
     .corner-bl {
         bottom: 2rem;
         left: 2rem;
         border-right: none;
         border-top: none;
     }
     
     .corner-br {
         bottom: 2rem;
         right: 2rem;
         border-left: none;
         border-top: none;
     }
     /* Responsive adjustments */
     
     @media (max-width: 768px) {
         .ornament-left,
         .ornament-right {
             display: none;
         }
         .quote {
             font-size: 0.95rem;
             padding: 0 1rem;
         }
     }
     
     .is-hidden {
         display: none !important;
     }
     
     .PageBackToWork {
         display: flex;
         justify-content: center;
         align-items: center;
     }
     
     .PageBackToWork-heading {
         text-transform: uppercase;
         letter-spacing: 0.05em;
         font-size: 40px !important;
     }
     
     @media (min-width: 1200px) {
         .PageBackToWork-heading {}
     }
     
     .PageBackToWork-heading-rotationTextContainer {
         position: relative;
     }
     
     .PageBackToWork-heading-rotationText {
         display: inline-block;
         position: relative;
     }
     
     .PageBackToWork-heading-rotationText.is-inactive {
         position: absolute;
         right: 0;
         bottom: 100%;
     }
     
     .PageBackToWork-heading-itText {
         display: inline-block;
     }
     
     .topscreen {
         min-height: 95vh
     }
     
     .awidth {
         width: 100%;
     }
     /* === HEADING STYLE #1 === */
     
     @media only screen and (max-width:719px) {
         .PageBackToWork-heading {
             text-transform: uppercase;
             letter-spacing: 0.05em;
             font-size: 20px !important;
         }
         .topscreen {
             min-height: 55vh
         }
         .awidth {
             width: 60%;
         }
     }
     
     .one h1 {
         text-align: center;
         text-transform: uppercase;
         padding-bottom: 5px;
     }
     
     .one h1:before {
         width: 28px;
         height: 5px;
         display: block;
         content: "";
         position: absolute;
         bottom: 3px;
         left: 50%;
         margin-left: -14px;
         background-color: #b80000;
     }
     
     .one h1:after {
         width: 100px;
         height: 1px;
         display: block;
         content: "";
         position: relative;
         margin-top: 25px;
         left: 50%;
         margin-left: -50px;
         background-color: #b80000;
     }
     /* === HEADING STYLE #2 === */
     
     .two h1 {
         text-transform: capitalize;
     }
     
     .two h1:before {
         position: absolute;
         left: 0;
         bottom: 0;
         width: 60px;
         height: 2px;
         content: "";
         background-color: #c50000;
     }
     
     .two h1 span {
         font-size: 13px;
         font-weight: 500;
         text-transform: uppercase;
         letter-spacing: 4px;
         line-height: 3em;
         padding-left: 0.25em;
         color: rgba(0, 0, 0, 0.4);
         padding-bottom: 10px;
     }
     
     .alt-two h1 {
         text-align: center;
     }
     
     .alt-two h1:before {
         left: 50%;
         margin-left: -30px;
     }
     /* === HEADING STYLE #3 === */
     
     .three h1 {
         font-size: 28px;
         font-weight: 500;
         letter-spacing: 0;
         line-height: 1.5em;
         padding-bottom: 15px;
         position: relative;
     }
     
     .three h1:before {
         content: "";
         position: absolute;
         left: 0;
         bottom: 0;
         height: 5px;
         width: 55px;
         background-color: #111;
     }
     
     .three h1:after {
         content: "";
         position: absolute;
         left: 0;
         bottom: 2px;
         height: 1px;
         width: 95%;
         max-width: 255px;
         background-color: #333;
     }
     /* === HEADING STYLE #4 === */
     
     .four h1 {
         text-align: center;
         padding-bottom: 0.7em;
     }
     
     .four h1 span {
         font-weight: 300;
         word-spacing: 3px;
         line-height: 2em;
         padding-bottom: 0.35em;
         color: rgba(0, 0, 0, 0.5);
     }
     
     .four h1:before {
         position: absolute;
         left: 0;
         bottom: 0;
         width: 60px;
         height: 1px;
         content: "";
         left: 50%;
         margin-left: -30px;
         background-color: #777;
     }
     /* === HEADING STYLE #5 === */
     
     .five h1 {
         text-align: center;
         font-size: 22px;
         font-weight: 700;
         color: #202020;
         text-transform: uppercase;
         word-spacing: 1px;
         letter-spacing: 2px;
     }
     
     .five h1 span {
         margin-top: 40px;
         text-transform: none;
         font-size: .75em;
         font-weight: normal;
         font-style: italic;
         font-family: "Playfair Display", "Bookman", serif;
         color: #999;
         letter-spacing: -0.005em;
         word-spacing: 1px;
         letter-spacing: none;
     }
     
     .five h1:before {
         position: absolute;
         left: 0;
         bottom: 38px;
         width: 60px;
         height: 4px;
         content: "";
         left: 50%;
         margin-left: -30px;
         background-color: #dfdfdf;
     }
     /* STYLE 6
   ----------------------------- */
     
     .six h1 {
         color: #222;
         font-size: 20px;
         font-weight: 400;
         text-transform: uppercase;
         word-spacing: 1px;
         letter-spacing: 2px;
         color: #c50000;
     }
     
     .six h1 span {
         line-height: 2em;
         padding-bottom: 15px;
         text-transform: none;
         font-size: 15px;
         font-weight: normal;
         color: #999;
         letter-spacing: -0.005em;
         word-spacing: 1px;
         letter-spacing: none;
         margin-top: 10px;
         text-transform: uppercase;
     }
     
     .six h1:after,
     .six h1:before {
         position: absolute;
         left: 0;
         bottom: 0;
         width: 45px;
         height: 4px;
         content: "";
         margin: auto;
         background-color: #ccc;
     }
     
     .six h1:before {
         background-color: var(--Color1);
         left: 45px;
         width: 90px;
     }
     /* Style 7
   ----------------------------- */
     
     .seven h1 {
         text-align: center;
         font-size: 30px;
         font-weight: 300;
         color: #222;
         letter-spacing: 1px;
         text-transform: uppercase;
         display: grid;
         grid-template-columns: 1fr max-content 1fr;
         grid-template-rows: 27px 0;
         grid-gap: 20px;
         align-items: center;
     }
     
     .seven h1:after,
     .seven h1:before {
         content: " ";
         display: block;
         border-bottom: 1px solid #c50000;
         border-top: 1px solid #c50000;
         height: 5px;
         background-color: #f8f8f8;
     }
     /* Style 8
   ----------------------------- */
     
     .eight h1 {
         text-align: center;
         text-transform: uppercase;
         font-size: 26px;
         letter-spacing: 1px;
         display: grid;
         grid-template-columns: 1fr auto 1fr;
         grid-template-rows: 16px 0;
         grid-gap: 22px;
     }
     
     .eight h1:after,
     .eight h1:before {
         content: " ";
         display: block;
         border-bottom: 2px solid #ccc;
         background-color: #f8f8f8;
     }
     /* Style 9
   ----------------------------- */
     
     .nine h1 {
         text-align: center;
         font-size: 50px;
         text-transform: uppercase;
         color: #222;
         letter-spacing: 1px;
         font-family: "Playfair Display", serif;
         font-weight: 400;
     }
     
     .nine h1 span {
         margin-top: 5px;
         font-size: 15px;
         color: #444;
         word-spacing: 1px;
         font-weight: normal;
         letter-spacing: 2px;
         text-transform: uppercase;
         font-family: "Raleway", sans-serif;
         font-weight: 500;
         display: grid;
         grid-template-columns: 1fr max-content 1fr;
         grid-template-rows: 27px 0;
         grid-gap: 20px;
         align-items: center;
     }
     
     .nine h1 span:after,
     .nine h1 span:before {
         content: " ";
         display: block;
         border-bottom: 1px solid #ccc;
         border-top: 1px solid #ccc;
         height: 5px;
         background-color: #f8f8f8;
     }
     
     .ten h1 {
         font-size: 34px;
         font-weight: 500;
         text-transform: uppercase;
     }
     
     .ten h1:before {
         background-color: #c50000;
         border-radius: 0.25rem;
         content: '';
         display: block;
         height: 0.25rem;
         width: 42px;
         margin-bottom: 1.25rem;
     }
     
     .eleven h1 {
         font-size: 30px;
         text-align: center;
         line-height: 1.5em;
         padding-bottom: 45px;
         font-family: "Playfair Display", serif;
         text-transform: uppercase;
         letter-spacing: 2px;
         color: #111;
     }
     
     .eleven h1:before {
         position: absolute;
         left: 0;
         bottom: 20px;
         width: 60%;
         left: 50%;
         margin-left: -30%;
         height: 1px;
         content: "";
         background-color: #777;
         z-index: 4;
     }
     
     .eleven h1:after {
         position: absolute;
         width: 40px;
         height: 40px;
         left: 50%;
         margin-left: -20px;
         bottom: 0px;
         content: '\00a7';
         font-size: 30px;
         line-height: 40px;
         color: #c50000;
         font-weight: 400;
         z-index: 5;
         display: block;
         background-color: #f8f8f8;
     }
     
     .twelve h1 {
         font-size: 26px;
         font-weight: 700;
         letter-spacing: 1px;
         text-transform: uppercase;
         width: 160px;
         text-align: center;
         margin: auto;
         white-space: nowrap;
         padding-bottom: 13px;
     }
     
     .twelve h1:before {
         background-color: #c50000;
         content: '';
         display: block;
         height: 3px;
         width: 75px;
         margin-bottom: 5px;
     }
     
     .twelve h1:after {
         background-color: #c50000;
         content: '';
         display: block;
         position: absolute;
         right: 0;
         bottom: 0;
         height: 3px;
         width: 75px;
         margin-bottom: 0.25em;
     }
     
     .thirteen h1 {
         position: relative;
         font-size: 20px;
         font-weight: 700;
         letter-spacing: 0px;
         text-transform: uppercase;
         width: 150px;
         text-align: center;
         margin: auto;
         white-space: nowrap;
         border: 2px solid #222;
         padding: 5px 11px 3px 11px;
     }
     
     .thirteen h1:before,
     .thirteen h1:after {
         background-color: #c50000;
         position: absolute;
         content: '';
         height: 7px;
         width: 7px;
         border-radius: 50%;
         bottom: 12px;
     }
     
     .thirteen h1:before {
         left: -20px;
     }
     
     .thirteen h1:after {
         right: -20px;
     }
     /* ------- Helper Styles -------------*/
     /* fancy styles */
     
     .funkyradio div {
         clear: both;
         overflow: hidden;
     }
     
     .funkyradio label {
         width: 100%;
         border-radius: 3px;
         border: 1px solid #1b2337;
         font-weight: normal;
     }
     
     .funkyradio input[type="radio"]:empty,
     .funkyradio input[type="checkbox"]:empty {
         display: none;
     }
     
     .funkyradio input[type="radio"]:empty~label,
     .funkyradio input[type="checkbox"]:empty~label {
         position: relative;
         line-height: 2.5em;
         text-indent: 3.25em;
         cursor: pointer;
         -webkit-user-select: none;
         -moz-user-select: none;
         -ms-user-select: none;
         user-select: none;
     }
     
     .funkyradio input[type="radio"]:empty~label:before,
     .funkyradio input[type="checkbox"]:empty~label:before {
         position: absolute;
         display: block;
         top: 0;
         bottom: 0;
         left: 0;
         content: '';
         width: 2.5em;
         background: #1b2337;
         border-radius: 3px 0 0 3px;
     }
     
     .funkyradio input[type="radio"]:hover:not(:checked)~label,
     .funkyradio input[type="checkbox"]:hover:not(:checked)~label {
         color: #888;
     }
     
     .funkyradio input[type="radio"]:hover:not(:checked)~label:before,
     .funkyradio input[type="checkbox"]:hover:not(:checked)~label:before {
         content: '\2714';
         text-indent: .9em;
         color: #C2C2C2;
     }
     
     .funkyradio input[type="radio"]:checked~label,
     .funkyradio input[type="checkbox"]:checked~label {
         color: #777;
     }
     
     .funkyradio input[type="radio"]:checked~label:before,
     .funkyradio input[type="checkbox"]:checked~label:before {
         content: '\2714';
         text-indent: .9em;
         color: #fff;
         background-color: #ccc;
     }
     
     .funkyradio input[type="radio"]:focus~label:before,
     .funkyradio input[type="checkbox"]:focus~label:before {
         box-shadow: 0 0 0 3px #000;
     }
     
     .funkyradio-default input[type="radio"]:checked~label:before,
     .funkyradio-default input[type="checkbox"]:checked~label:before {
         color: #333;
         background-color: #ccc;
     }
     
     .funkyradio-primary input[type="radio"]:checked~label:before,
     .funkyradio-primary input[type="checkbox"]:checked~label:before {
         color: #fff;
         background-color: var(--mainColor) !important;
     }
     
     .funkyradio-success input[type="radio"]:checked~label:before,
     .funkyradio-success input[type="checkbox"]:checked~label:before {
         color: #fff;
         background-color: #5cb85c;
     }
     
     .funkyradio-danger input[type="radio"]:checked~label:before,
     .funkyradio-danger input[type="checkbox"]:checked~label:before {
         color: #fff;
         background-color: #d9534f;
     }
     
     .funkyradio-warning input[type="radio"]:checked~label:before,
     .funkyradio-warning input[type="checkbox"]:checked~label:before {
         color: #fff;
         background-color: var(--Color1) !important;
     }
     
     .funkyradio-info input[type="radio"]:checked~label:before,
     .funkyradio-info input[type="checkbox"]:checked~label:before {
         color: #fff;
         background-color: #5bc0de;
     }
     /* fancy styles */
     
     .ch-item {
         width: 100%;
         height: 100%;
         border-radius: 50%;
         position: relative;
         box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
         cursor: default;
     }
     
     .ch-info-wrap,
     .ch-info {
         position: absolute;
         width: 100%;
         height: 100%;
         border-radius: 50%;
     }
     
     .ch-info-wrap {
         background: #f9f9f9 url(../images/bg.jpg);
         box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2), inset 0 0 3px rgba(115, 114, 23, 0.8);
     }
     
     .ch-info>div {
         display: block;
         position: absolute;
         width: 100%;
         height: 100%;
         border-radius: 50%;
         background-position: center center;
         -webkit-backface-visibility: hidden;
         /*Just for webkit to have a smooth font*/
     }
     
     .ch-info .ch-info-front {
         -webkit-transition: all 0.6s ease-in-out;
         -moz-transition: all 0.6s ease-in-out;
         -o-transition: all 0.6s ease-in-out;
         -ms-transition: all 0.6s ease-in-out;
         transition: all 0.6s ease-in-out;
     }
     
     .ch-info .ch-info-back {
         opacity: 0;
         background: var(--mainColor);
         pointer-events: none;
         -webkit-transform: scale(1.5);
         -moz-transform: scale(1.5);
         -o-transform: scale(1.5);
         -ms-transform: scale(1.5);
         transform: scale(1.5);
         -webkit-transition: all 0.4s ease-in-out 0.2s;
         -moz-transition: all 0.4s ease-in-out 0.2s;
         -o-transition: all 0.4s ease-in-out 0.2s;
         -ms-transition: all 0.4s ease-in-out 0.2s;
         transition: all 0.4s ease-in-out 0.2s;
     }
     
     .ch-info h3 {
         color: #fff;
         text-transform: uppercase;
         letter-spacing: 2px;
         font-size: 18px;
         margin: 0 15px;
         padding: 40px 0 0 0;
         height: 80px;
         font-family: 'Open Sans', Arial, sans-serif;
         text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
     }
     
     .ch-info p {
         color: #fff;
         padding: 10px 5px 0;
         font-style: italic;
         margin: 0 30px;
         font-size: 12px;
         border-top: 1px solid rgba(255, 255, 255, 0.5);
     }
     
     .ch-info p a {
         display: block;
         color: #000;
         font-style: normal;
         font-weight: 700;
         text-transform: uppercase;
         font-size: 12px;
         letter-spacing: 1px;
         padding-top: 4px;
         font-family: 'Open Sans', Arial, sans-serif;
     }
     
     .ch-info p a:hover {
         color: #fff;
     }
     
     .ch-item:hover .ch-info-front {
         -webkit-transform: scale(0);
         -moz-transform: scale(0);
         -o-transform: scale(0);
         -ms-transform: scale(0);
         transform: scale(0);
         opacity: 0;
     }
     
     .ch-item:hover .ch-info-back {
         -webkit-transform: scale(1);
         -moz-transform: scale(1);
         -o-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
         opacity: 1;
         pointer-events: auto;
     }