html {
    background: #f5f4ff;
}
body {
    background: transparent;
}
.login-register {
    position: relative;
}
.advert-box .advert-wrapper { margin-bottom: 30px; }
.advert-box .intro { font-family: Sora; font-size: 15px; height: 242px; overflow: hidden; }
.advert-box .intro h1 { color: #fff !important; font-weight: 900; font-family: Sora; font-size: 3rem; margin-top: 20px; white-space: nowrap; line-height: 1.5em; }
.advert-box .intro p { color: #fff !important; font-size: 1.467rem; line-height: 1.5; font-weight: 400; padding-top: 20px; }
.advert-box .description {
    width: 100%;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAaCAYAAADovjFxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQwMDc4NUQ2OUUxOTExRThCQjIzRjUyOUY5QzVDNzlCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQwMDc4NUQ3OUUxOTExRThCQjIzRjUyOUY5QzVDNzlCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDAwNzg1RDQ5RTE5MTFFOEJCMjNGNTI5RjlDNUM3OUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDAwNzg1RDU5RTE5MTFFOEJCMjNGNTI5RjlDNUM3OUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5NaMwrAAACBUlEQVR42uSY3ysEURTHZ89f49WfsAj5sX6UCBHiTxBlW0QRr56ILSXKi7eN/EopeZAlP1KS2vUj4YHxoxjfW2dr2+zs7O69s7Ozpz4PM3PvmXO/d+65547HMAzN0z5TrGnaEijSCsvGgZ/44giUgq0CGfw76AJDwKC4B1FQCxZdLsAtqAbB2A1KaKCDDjDmUgH2gRfsxt+kJI39oBd8uUiAZVADrhMfkEmnOVAP7l2SANvAy38PKUXnEKgEp3k6+DfQwwnwN1kjsuDomIXYzDMBbjjRz6dqSBYdRoAvPqM63A544nasNKY0HOu8t446XIAVFuDSagfK4CUBXmefDhRgArSC13Q6UYYvE+usATw6ZPA6T8ygWQKULUJs5xCl9kmOBYhYTYAqRNB46ywD6zlMgN5szzwkIRCxJBrBgs0CrIIqcJWtI5IUkDiVdYNhmwSYBC3gWYYzkhzcCG+jusIEKM40A+BHllNSEGiQC6sHBUdgH59ppBopmjFRYpeDsCR/hypLd1K4bsMsRMikjWExAVaAc1WBqhRB4yVRZ7KHe1L0nwLNyY7A+SKCsG+u5gIWZ17YB+gD/ZlUgE4UIWbi4NXJAzSzKH89s3YFZqcIwsRPXPGT884kAYpSfMPOoOwWQdg2l9qJiW6NK8ALuwPKhQjCzkAJ2OPradAEnnIRzJ8AAwDX82g8R0H/zAAAAABJRU5ErkJggg==') no-repeat top center;
}
.advert-box .description .title { font-size: 4rem; font-weight: 400; font-family: Sora; color: #005b94; padding-top: 50px; line-height: 1em; }
.advert-box .description p.text { clear: both; font-weight: 400; font-family: Sora; color: #005b94; padding-top: 50px; }
.advert-box .description p { clear: both; font-weight: 400; font-family: Sora; color: #005b94; }
.advert-box .description .title span { font-size: 1.5rem; font-weight: 400; font-family: Sora; display: block; color: #005b94; line-height: normal; }
.advert-box .description .alert { margin-top: 16px; }
.advert-box img, .advert-box object { max-width: 100%; display: block; }

.verifyblock { line-height: 1.8rem; padding-top: 30px !important; padding-bottom: 30px; }
.verifyblock strong { width: 140px; display: inline-block; }
@media (max-width: 575px) {
    .advert-box img.imgh { display: none !important; }
}
@media (min-width: 576px) and (max-width: 991px) {
    .advert-box img.imgv { display: none !important; }
}
@media (min-width: 992px) {
    .advert-box img.imgv { display: none !important; }
}
@media (min-width: 768px) {
    .login-register {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADzCAIAAADILevMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzRUY2REEwOUUxODExRTg4OTgwQUNFMUNDQzEzMTkzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzRUY2REExOUUxODExRTg4OTgwQUNFMUNDQzEzMTkzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjNFRjZEOUU5RTE4MTFFODg5ODBBQ0UxQ0NDMTMxOTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjNFRjZEOUY5RTE4MTFFODg5ODBBQ0UxQ0NDMTMxOTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5F6RSDAAAAGUlEQVR42mJgiJ7CxMDAMIpH8Sge2hggwAAkDwLU12WZXAAAAABJRU5ErkJggg==') repeat-x; /* 243px */
    }
    .advert-box {
        box-sizing: content-box;
        margin: 0 auto;
    }
}
@media (min-width: 920px) {
    .advert-box { width: 400px; padding-right: 480px; }
    .advert-box .intro h1, .advert-box .description .title { font-size: 3rem; }
}
@media (min-width: 1120px) {
    .advert-box { width: 600px; padding-right: 480px; }
    .advert-box .intro h1 { font-size: 4rem; }
	.advert-box img, .advert-box object { max-width: 100%; display: block;}
}
@media (min-width: 1240px) {
    .advert-box { width: 720px; padding-right: 480px; }
    .advert-box object { display: block; max-width: 80%; margin-left: 5%; }
}

@media (min-width: 1120px) and (max-height: 1250px) {
	.advert-box img, .advert-box object { max-width: 45%; display: inline-block; float:left; }
    .advert-box img.wide, .advert-box object.wide { max-width: 100%; width: 400%; clear: left; display: block; }
    .advert-box object { margin-left: 5%; }
	.advert-box .description p:last-child { margin-top: 30px; overflow: hidden; width: 100%; }
}
@media (min-width: 768px) and (max-width: 919px) {
    .login-box {right: 10px !important; width: 280px;}
    .advert-box { width: 400px; padding-right: 290px; }
    .advert-box .intro h1, .advert-box .description .title { font-size: 3rem; }
}
@media (max-width: 767px) {
    .login-register { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADzCAIAAADILevMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzRUY2REEwOUUxODExRTg4OTgwQUNFMUNDQzEzMTkzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzRUY2REExOUUxODExRTg4OTgwQUNFMUNDQzEzMTkzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjNFRjZEOUU5RTE4MTFFODg5ODBBQ0UxQ0NDMTMxOTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjNFRjZEOUY5RTE4MTFFODg5ODBBQ0UxQ0NDMTMxOTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5F6RSDAAAAGUlEQVR42mJgiJ7CxMDAMIpH8Sge2hggwAAkDwLU12WZXAAAAABJRU5ErkJggg==') repeat-x; /* 243px */ }
    .advert-box .intro { background: #005b94; height: auto; }
    .advert-box .intro p, .advert-box .intro h1, .advert-box .description p, .advert-box .alert { width: 90%; margin: 0 auto; white-space: normal; }
    .advert-box div.row { margin-left: 5%; white-space: normal; max-width: 80%; padding-left: 0; margin-top: 20px; }
    .advert-box .intro { padding: 30px 0 50px 0; text-align: center; }
    .advert-box .intro h1 { line-height: 1.1em; margin-top: 30px; font-size: 3rem; }
    .advert-box .description .title { font-size: 3rem; }
    .advert-box img { display: block; }
    .advert-box object { display: block; max-width: 80%; margin: 0 auto; }
    
    #wrapper > div:first-child { background: #005b94; }
    #frm_migration_ticket { display: block; width: 90%; margin: 0 auto; margin-top: 20px;}
}