#container-f5476fa003,
#header {
    position: fixed;
    width: -webkit-fill-available;
    z-index: 10;
}


/* form css */
p.cmp-dynamicform__generated-form-error.text-danger {
    left: 0;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/arrow-dropdown.png");
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: 5px;
}

select:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/arrow-updown.png");
    background-repeat: no-repeat;
    background-position-x: 99%;
    background-position-y: 5px;
}

.cmp-dynamicform-v2 .cmp-dynamicform__generated-form .has-error .cmp-dynamicform__control-label {
    color: #151515 !important;
}

p.cmp-dynamicform__generated-form-error {
    color: #CC0A0A !important;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.text-danger {
    color: #151515 !important;
    position: relative;
    left: -7px;
}

.form-links {
    color: #000;
    text-decoration: underline;
}

/* ends */

#attr-sitemap #container-cd6cd83e60,
#attr-thankyou #container-cd6cd83e60 {
    background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/container-bg-sitemap.png);
    background-repeat: no-repeat;
    background-position-y: -12%;
}

#attr-sitemap #attr-header-test .cmp-navigation__item {
    background-color: unset;
}

#attr-sitemap #attr-header-test {
    background: none;
}

#attr-thankyou #container-7ac9d074c5 {
    min-height: 697px;
}

#attr-sitemap #container-b82ed5bf8d {
    min-height: 745px;
    padding-bottom: 30px;
}

#attr-sitemap .site-map-heading {
    text-align: center;

    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 124px;
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: normal;
    height: 100px;
}

#attr-sitemap .site-map-heading img {
    width: 196px;
    margin-bottom: 32px;
}

#attr-sitemap .site-map-heading h2 {
    font-size: 40px;
}

#attr-sitemap #container-1785d54ec7 {
    background: transparent linear-gradient(112deg, #F599FC 0%, #7D76FE 18%, #556AFF 50%, #619EFD 87%, #75F2FB 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    max-width: 1160px;
    min-height: 436px;
    margin: auto;
    position: relative;
    border-radius: 30px 30px 30px 0px;
}

#attr-sitemap #container-1785d54ec7 .aem-Grid--default--12 {
    max-width: calc(100% - 4px);
    margin: 2px;
    background: transparent linear-gradient(143deg, #FFF 0%, #ECECEC 18%, #C6DFEE 50%, #B9E1EA 87%, #F7F7F7 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    border-radius: 30px 30px 30px 0px;
}

#attr-sitemap #text-b459a4ff7b a {
    text-align: left;
    font: normal normal normal 20px/26px Kanit Medium;
    letter-spacing: -0.4px;
    color: #00215F;
    opacity: 1;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-style: normal;
    transition: .5s ease;
}

#attr-sitemap #text-b459a4ff7b a:hover {
    text-decoration: underline;
}

#attr-sitemap #text-b459a4ff7b li {
    margin-top: 35px;
}

#attr-sitemap #text-b459a4ff7b ul {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 43px;
    padding-right: 70px;
}

#page-404 .bigNumber {
    text-align: left;
    font: normal normal bold 164px / 45px Kanit-semibold;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-style: normal;


}

@media (min-width: 1441px) {
    #attr-sitemap #container-cd6cd83e60,
    #attr-thankyou #container-cd6cd83e60 {
        background-position: center center;
        background-size: cover;
    }
}

@media only screen and (max-width: 334px) {
    #stay-inf-two-col-cnt .azcl-column-par2 {
        width: 300px;
    }
}

@media only screen and (max-width: 375px) {
    #attr-sitemap #container-cd6cd83e60,
    #attr-thankyou #container-cd6cd83e60 {
        background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/mobile/mobile-sky-bg.png);
        background-position-y: -27px;
    }
}

@media only screen and (max-width: 991px) {
    #page-404 .sorry-subheading { width: 50%; 
        
        
        font: normal normal normal 16px/18px Kanit !important; 
    
        font-family: "Kanit", sans-serif !important;
        font-weight: 400 !important;
        font-style: normal !important;
    
    }
    #attr-sitemap .site-map-heading img {
        width: 100%;
        max-width:400px;
        margin-bottom: 5px;
    }

    #attr-inform #footer-style {
        top: 32px;
    }

    #attr-inform #stay-container-thank {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    #attr-sitemap .site-map-heading {
        margin-top: 100px;
    }

    #attr-sitemap #text-b459a4ff7b ul {
        padding-left: 29px;
        padding-right: 41px;
        margin-top: 38px;
        margin-bottom: 40px;
    }

    #attr-sitemap #text-b459a4ff7b li {
        text-align: center;
    }

    #attr-sitemap .site-map-heading p {
        margin-left: 5px;
        margin-right: 5px;
    }

    #attr-sitemap .site-map-heading h2 {
        margin-top: 30px;
        font-size: 30px;
        line-height: 35px;
    }

    #attr-sitemap #container-1785d54ec7 {
        margin: 10px 16.5px 0px;
        min-height: 413px;
        backdrop-filter: unset;
        -webkit-backdrop-filter: unset;
    }

    #attr-sitemap #container-cd6cd83e60 {
        background-position-y: unset;
        background-size: 100% 56%;
        background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/mobile/mobile-sky-bg.png);
    }
}

/* css for 404 page */
#page-404 #container-cd6cd83e60 {
    background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/sky+rock+man-min.png);
    background-repeat: no-repeat;
    background-size: cover;
      background-position: right -220px;
}

#page-404 #attr-header-test .cmp-navigation__item {
    background-color: unset;
}

#page-404 #attr-header-test {
    background: none;
}

#page-404 #container-685f17e1b3>.aem-Grid--default--12 {
    display: flex;
    align-items: center;
    justify-content: space-between;
      min-height: 660px;
      margin: 0 auto;
}
#page-404 #error-page-wrap {
    display: flex;
    align-items: center;
      min-height: 660px;
      max-width: 1280px;
      margin: 0 auto;
}
#page-404 #error-page-wrap-main { 
    background: url("/content/dam/intelligentcontent/unbranded/seethepattrns-uk/gb/en/images/home-page/Hero-banner.jpeg") no-repeat;
    background-size: cover;
 }

#page-404 #text-1932f7de8f>p {
    height: 486px;
}

#page-404 #text-1932f7de8f img {
    width: 574px;
    height: 486px;
    right: 0;
    position: absolute;
    margin-top: 20px;
}

#page-404 #column1 {
    flex: 1;
}

#page-404 #column2 {
    flex: auto;
}

#page-404 .sorry-text {
    margin-left: 42px;
    padding-left: 20px;
    padding-top: 30px;
    background-color: #fff;
    opacity: 1;
    border-radius: 30px 35px 30px 0;
    padding-bottom: 30px;
    padding-right: 20px;
}

#page-404 #container-685f17e1b3 .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12:first-child {
    width: 40%;
}

#page-404 .sorry-text h3 {
    text-align: left;
    letter-spacing: 0px;
    color: #00215F;
    text-transform: uppercase;
    opacity: 1;
    font: normal normal bold 58px/45px Kanit-Bold;
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: normal;
}

#page-404 .sorry-text p {
    text-align: left;
    font: normal normal 18px/18px Kanit-medium;
    letter-spacing: 0px;
    color: #00215F;
    opacity: 1;
    margin-top: 20px;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-style: normal;

}

#page-404 .sorry-text p:last-child {
    margin-top: 15px;
}

#page-404 .sorry-text a {    
    background: linear-gradient(to right, #FEFEFE 0%, #FCF6FE 18%, #EBF1FE 50%, #DFF5FE 87%, #E2FEFE 90%, #FEFEFE) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
    border-radius: 21px;
    opacity: 1;
    border: 2px solid transparent;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 6px;
    padding-bottom: 8px;
    text-align: left;
    font: normal normal normal 16px / 26px Kanit-semibold;
    color: #00215F;
    transition: .2s ease;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-style: normal;

}
#page-404 .sorry-text a:hover {
    background: #00215F;
    color: #ffffff;
	border: 2px solid #Ffffff;
}

#page-404 .mobile-only {
    display: none;
}

@media only screen and (max-width: 991px) {
	
	
	
	
	
    #page-404 .sorry-text .less-width-mobile-h3 { width:80%; margin: 0 auto; }
    #page-404 p.sorry-subheading{ margin: 15px auto 18px !important;}
    #page-404 .bigNumber {
        text-align: center;
        margin-top: 120px;
        color: #FFFFFF;
        font: normal normal bold 155px / 180px Kanit-semibold;
        font-family: "Kanit", sans-serif;
        font-weight: 600;
        font-style: normal;
        
    }

    #page-404 #container-685f17e1b3 .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12:first-child {
        width: 100%;
    }

    #page-404 #container-685f17e1b3>.aem-Grid--default--12 {
        display: block;
        padding-left: 15px;
		padding-right: 15px;
    }
    #page-404 #error-page-wrap {
        display: block;
        padding-left: 15px;
		padding-right: 15px;   
    }

    #attr-sitemap #container-b82ed5bf8d {
        min-height: 740px;
    }

    #page-404 #attr-header-test {
        background: #001234;
    }

    #page-404 .mobile-only {
        display: block;
    }

    #page-404 #text-1932f7de8f>p {
        text-align: center;
    }

    #page-404 #text-1932f7de8f img {
        display: none;
    }

    #page-404 .sorry-text {
        /*padding:0px;*/
		    margin-left: 0;
    }

    #page-404 #text-1932f7de8f>p {
        height: auto;
    }

    #page-404 .sorry-text h3,
    #page-404 .sorry-text p {
        text-align: center;
        font: normal normal bold 29px/32px Kanit-Bold;
        font-family: "Kanit", sans-serif;
        font-weight: 700;
        font-style: normal;
    }

    #page-404 .sorry-text h3.page500 {
        padding: 0 16px;
    }

    #page-404 .mobile-only {
        text-align: center;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 0.98;
        font-family: "Kanit", sans-serif;
        font-weight: 600;
        font-style: normal;
    }

    #page-404 #container-685f17e1b3>.aem-Grid--default--12 {
        min-height: 515px;
    }
    #page-404 #error-page-wrap {min-height: 515px; }

    #page-404 #container-cd6cd83e60 {
        background-image: url(/content/dam/intelligentcontent/unbranded/attr-dsa/en/mobile/sky_rock_man_mobile.png);
        background-repeat: no-repeat;
        background-size: auto;
               background-position-y: 3.8%;
        background-position-x: 87%;
    }   
}

#page-404 .sorry-subheading {
    margin: 28px auto 28px !important;    
}

@media only screen and (min-width: 1200px) {
    #page-404 #container-685f17e1b3 {
        max-width: 1160px;
        margin: 0 auto;
                width: 93%;
    }
}

@media only screen and (min-width: 550px) and (max-width: 991px) {
    #attr-sitemap #container-1785d54ec7 {
        width: 400px;
        margin: -10px auto 0;
    }
      #attr-sitemap #container-b82ed5bf8d {
        min-height: 675px;
    }
      #page-404 #container-cd6cd83e60 {
          background-size:auto;
      }
}
@media only screen and (min-width: 900px) and (max-width: 991px) {
   
     #page-404 #container-cd6cd83e60 {
        background-size: 100% 50%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    #attr-sitemap #container-1785d54ec7 {
        width: 93%;
        margin: 0 auto;
        max-width:1160px;
    }
    
    .about-attr-reference {
        padding: 0px 15px;
    }
    
    .footer-container {
           margin: auto;
            width: 93%;
    }
	#page-404 #container-685f17e1b3>.aem-Grid--default--12{
		
		max-width: 1160px;
        width: 93%;
        margin: auto;
	}
    #page-404 #error-page-wrap {max-width: 1160px;
        width: 93%;
        margin: auto;}
	.footer-container {
  
    max-width: 1160px;
    padding-bottom: 34px;
    width: 93%;
}
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    #page-404 #container-cd6cd83e60 {
        background-size: auto;
        background-position-y: -90px;
    }
  
}

@media (max-width: 767px) {
    #attr-sitemap #attr-header-test {
        background: rgba(0, 18, 52, 0.9);
    }
}
/* 404 page */
#wrapper404page {
    background-image: url('/content/dam/intelligentcontent/unbranded/attr-dsa/en/desktop/sky+rock+man-min.png');
    background-size: cover;
    background-position: center;
}

#wrapper404page .wrapper {
    display: flex;
    justify-content: space-between;
}

#wrapper404page .column-1 {
    flex: 40%;
}

#wrapper404page .column-2 {
    flex: 60%;
    padding-top: 8%;
}

#wrapper404page #error-text-img {
    padding-left: 90px;
}

#wrapper404page .column-2 h2 {
    text-align: left;
    font: normal normal bold 60px/45px Kanit;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-family: "Kanit", sans-serif;
    font-weight: 700;
    font-style: normal;
}

#wrapper404page .column-2 p {
    text-align: left;
    font: normal normal 18px/18px Kanit-medium;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-style: normal;

    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 0px 0px 15px #00000064;
    opacity: 1;
}

#wrapper404page .column-2 p.acontainer {
    margin-top: 30px;
}

#wrapper404page .column-2 a {
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #F599FC 0%, #556AFF 50%, #75F2FB 100%) border-box;
    border-radius: 21px;
    opacity: 1;
    border: 2px solid transparent;
    padding-left: 38px;
    padding-right: 38px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: left;
    font: normal normal normal 16px / 26px Kanit;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #00215F;
    
    margin-top: 20px;
}


@media only screen and (min-width: 992px) {
#page-404 #container-685f17e1b3>.aem-Grid--default--12{
	top: -70px;
    position: relative;
	
}	
#page-404 #error-page-wrap {	top: -115px; padding-left: 30px;
    position: relative;}
	
}