@font-face { font-family: 'BLOKK'; src: url('_f/BLOKKNeue-Regular.eot'); src: url('_f/BLOKKNeue-Regular.eot?#iefix') format('embedded-opentype'), url('_f/BLOKKNeue-Regular.woff2') format('woff2'), url('_f/BLOKKNeue-Regular.woff') format('woff'), url('_f/BLOKKNeue-Regular.otf') format('opentype'), url('_f/BLOKKNeue-Regular.ttf') format('truetype'), url('_f/BLOKKNeue-Regular.svg#BLOKKRegular') format('svg'); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'BLOKK'; src: url('_f/BLOKKNeue-Regular.svg') format('svg'); } } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { background-color: #ffffff; font-size: 13px ; line-height: 20px ; margin: 0 ; padding: 0 ; font-family: cursive,sans-serif; color: #2e2d2c; } #cnt * { padding: 0; margin: 0 ; box-sizing: border-box ; font-size: unset; line-height: unset ; font-family: unset; color: unset;} #cnt a { } #cnt ul.ul { font-size: 1rem ; } #cnt ul.ul li { list-style-type: circle ; margin-bottom: 5px ; } #cnt ul li { font-size: 0.75rem;} #cnt ul li::before { display: none ; color: unset; content: ''; font-size: unset; position: unset; top: unset; left: unset;} #cnt h1 a,#cnt h2 a,#cnt h3 a,#cnt h4 a,#cnt h5 a,#cnt h6 a { text-decoration: underline ; } #cnt ul li p, #cnt ol li p, #cnt ul li a, #cnt ol li a, #cnt ul li span, #cnt ol li span {font-size: unset;} #cnt .radio input[type=checkbox], #cnt .checkbox input[type=checkbox], #cnt .radio input[type=radio], #cnt .checkbox input[type=radio] { position: unset; top: unset; left: unset; background-color: #999999 ; border-radius: 0 ; color: unset; } #cnt input::after { display: none !important ; } #cnt .radio input[type=checkbox]:checked, #cnt .checkbox input[type=checkbox]:checked, #cnt .radio input[type=radio]:checked, #cnt .checkbox input[type=radio]:checked { background-color: #333333 !important ; } .header-block-size-a { width: 33%; } #warning { display: none ; background: #ffff00; color: 000000; border-bottom: 1px solid #000000; padding: 5px; font-family: monospace ; text-align: center ; } #head { display: flex; justify-content: space-around; align-items: center; border-top: 1px solid #dadada ; border-bottom: 1px solid #dadada ; } #head div { height: 81px; background: #ffffff; display: flex; justify-content: space-around; align-items: center; font-size: 1.25rem ; color: #134983; } .myqa-navbar-accordion-content-container { overflow: hidden ; } .myqa-navbar-accordion-content-container ul { list-style-type: none ; margin: 0 ; padding: 0 ; } .myqa-navbar-accordion-content-container ul li { list-style-type: none ; margin: 0 ; padding: 0 ; text-align: center ; } .header-myqa-navbar-inner ul li { font-size:1rem; } #cnt { display: flex ; flex-flow: row nowrap; max-width: 1170px ; margin: 0 auto ; } #cnt .w_10 { order: 2 ; display: flex ; flex-flow: row wrap; width: 10% ; align-content: flex-start ; background: #dadada; } #cnt .w_30 { order: 1 ; display: flex ; flex-flow: row wrap; width: 30% ; align-content: flex-start ; background: #00519c ; color: #f0f0f0 ; } #cnt .w_60 { order: 3 ; display: flex ; flex-flow: row wrap; width: 60% ; align-content: flex-start ; background: #134983; color: #2e2d2c ; } #cnt .w_90 { order: 1 ; display: flex ; flex-flow: row wrap; width: 90% ; align-content: flex-start ; background: #134983; color: #2e2d2c ; } #cnt .w_60 { order: 3 ; display: flex ; flex-flow: row wrap; width: 60% ; align-content: flex-start ; background: #134983; color: #2e2d2c ; } #cnt .cnt { display: flex ; flex-flow: row wrap ; justify-content: flex-start ; align-content: flex-start ; position: relative ; } #cnt.video .cnt { align-items: flex-start ; } #cnt.portal .w_10 , #cnt.profile .w_10 { order: 2 ; display: flex ; flex-flow: row wrap; width: 10% ; } #cnt.portal .w_30 , #cnt.profile .w_30 { order: 3 ; display: flex ; flex-flow: row wrap; width: 30% ; background: #134983 ; color: #2e2d2c ; } #cnt.portal .w_60 , #cnt.profile .w_60 { order: 1 ; display: flex ; flex-flow: row wrap; width: 60% ; background: #00519c ; color: #f0f0f0 ; } #cnt .w_90 .cnt { padding-bottom: 20px ; } #cnt.login .w_10 { order: 2 ; } #cnt.login .w_30 { order: 3 ; padding: 20px; } #cnt.login .w_60 { order: 1 ; padding: 20px; } #cnt.login .w_60::after { display:inline-block; padding-top:100%; content:''; } #cnt .cnt h1 , #cnt .cnt h2 { padding-bottom: 20px ; font-size: 1.5rem ; line-height: 30px; font-weight: 100 ; } #cnt .cnt h3 , #cnt .cnt h4 { padding-bottom: 20px ; font-size: 1rem ; line-height: 20px; font-weight: 100 ; } #cnt .cnt p { margin-bottom: 20px ; } #cnt .cnt ul { margin-left: 20px ; } #cnt .cnt { padding: 0 10px ; } #cnt .cnt .card { width: 50% ; padding: 20px 10px 0 ; position: relative ; } #cnt .cnt.history .card { width: 33.333% ; } #cnt .cnt .card .base { display: block; height: 100%; min-height: 240px; position: relative ; background-color: #f0f0f0 ; background-color: #ffffff ; box-shadow: 0 0 5px rgba(0,0,0,0.75) ; padding: 40px 20px 80px ; } #cnt .cnt .card.link { align-self: flex-start ; } #cnt .cnt .card.link .base { min-height: 0; padding: 40px 20px ; } #cnt .cnt .card.off .base { background-color: rgba(255,255,255,0.5) ; box-shadow: none ; } #cnt .cnt .card.off:hover .base { background-color: rgba(255,255,255,1) ;} #cnt .cnt .card .base a { color: #05763d ; } #cnt .cnt .card .base::before { content: ' ' ; display: none; position: absolute ; left: -10px ; width: 10px; top: 0 ; bottom: 0 ; } #cnt .cnt .card.warning .base::before { display: none; background-color: #ffff33 ;} #cnt .cnt .card.warning .base { background-color: #ffff99 ;} #cnt .cnt .card.error .base::before { display: block; background-color: #ff0000 ;} #cnt .cnt .card.done .base::before { display: block; background-color: #33ff33 ;} #cnt .cnt .card .base h1 , #cnt .cnt .card .base h2 { width: 100% ; min-height: 4rem ; } #cnt .cnt .card .base h1 a , #cnt .cnt .card .base h2 a , #cnt .cnt .card .base h1 span , #cnt .cnt .card .base h2 span { max-width: 75%; display: block ; } #cnt .cnt .card .base h1 span , #cnt .cnt .card .base h2 span { color: #2e2d2c ;} #cnt.milestone .cnt .card .base h1 , #cnt .cnt .card .base h2 { min-height: auto ; } #cnt .cnt .card .base h2 a:hover { text-decoration: underline ; } #cnt .cnt .card .base .info { text-align: right; position: absolute; top: 10px; right: 10px; font-size: 0.75rem ; color: #2e2d2c ; } #cnt .cnt .card .base .info::after { opacity: 0.25 ; content: 'x' ; color: #2e2d2c; background: #2e2d2c ; display: inline-block ; margin-left: 5px; width: 20px ; height: 20px; text-align: center ; } #cnt .cnt .card .base .state { font-size: 1rem; line-height: 20px ; display: block; color: #2e2d2c ; margin: 0 0 20px; } #cnt .cnt .card .base .state::before { opacity: 0.25 ; content: 'x' ; color: #2e2d2c; background: #2e2d2c ; display: inline-block ; margin-right: 5px; width: 20px ; height: 20px; text-align: center ; } #cnt .cnt .card .base p.play { position: absolute; bottom: 0 ; right: 0 ; margin: 0 0 0px ; } #cnt .cnt .card .base p.play a { font-size: 0.75rem; line-height: 20px ; background-color: #2e2d2c ; color: #f0f0f0 ; padding: 10px ; display: inline-block; } #cnt .cnt .card .base p.play a::before { position: relative; top: 2px ; left: -5px ; opacity: 1 ; content: '' ; color: #2e2d2c; display: inline-block ; margin-right: 5px; border-style: solid ; border-width: 6px ;border-color: #f0f0f0 transparent transparent #f0f0f0 ; transform: rotate(135deg) ;width: 00px ; height: 00px; text-align: center ; } #cnt .cnt .card .base p.play a:hover { color: #2e2d2c ; background-color: #f0f0f0 ; } #cnt .cnt .card .base p.play a:hover::before { border-color: #2e2d2c transparent transparent #2e2d2c ; } #cnt .cnt .card .base .abstract { max-width: 440px ; } #cnt .cnt .card .base .more-control { position: absolute; bottom: 0 ; left: 0 ; width: 100% ;margin: 0; padding: 0 ; display: flex ; flex-flow: row nowrap; justify-content: flex-start; color: #2e2d2c ; list-style-type: none; } #cnt .cnt .card .base .more-control li { display: block ; padding: 10px ; cursor: pointer ; list-style-type: none; } #cnt .cnt .card .base .more-control li:hover { text-decoration: underline ; } #cnt .cnt .card .base .more-control li.on { background-color: #dadada ; color: #2e2d2c ; text-decoration: none ; cursor: default ; } #cnt .cnt .card .base .more-control .play { padding: 0 ; } #cnt .cnt .card .base .more-control .play a { font-size: 0.75rem; line-height: 20px ; display: block; background-color: #555454 ; color: #f0f0f0 ; padding: 10px ; display: inline-block; } #cnt .cnt .card .base .more-control .play a::before { position: relative; top: 2px ; left: -5px ; opacity: 1 ; content: '' ; color: #555454; display: inline-block ; margin-right: 5px; border-style: solid ; border-width: 6px ;border-color: #f0f0f0 transparent transparent #f0f0f0 ; transform: rotate(135deg) ;width: 00px ; height: 00px; text-align: center ; } #cnt .cnt .card .base .more-control .play a:hover { color: #555454 ; background-color: #f0f0f0 ; } #cnt .cnt .card .base .more-control .play a:hover::before { border-color: #555454 transparent transparent #555454 ; } #cnt .cnt .card .base .more-control .play.on a { color: #555454 ; background-color: #dadada ; } #cnt .cnt .card .base .more-control .play.on a::before { border-color: #555454 transparent transparent #555454 ; } #cnt .cnt .card .base .more-control .inside_link { padding: 0 ; } #cnt .cnt .card .base .more-control .inside_link a { line-height: 20px ; display: block; background-color: #555454 ; color: #f0f0f0 ; padding: 10px ; display: inline-block; } #cnt .cnt .card .base .more-control .inside_link a::before { opacity: 1 ; content: '' ; color: #555454; display: inline-block ; margin-right: 5px; background: #f0f0f0 ;width: 20px ; height: 20px; text-align: center ; vertical-align: bottom; } #cnt .cnt .card .base .more-control .inside_link a:hover { color: #555454 ; background-color: #f0f0f0 ; } #cnt .cnt .card .base .more-control .inside_link a:hover::before { background-color: #555454 ; } #cnt .cnt .card .base .more-control .inside { background-color: #555454 ; color: #f0f0f0 ; padding: 10px ; } #cnt .cnt .card .base .more-control .inside::before { opacity: 1 ; content: '\00a0' ; color: #555454; display: inline-block ; margin-right: 5px; border: 2px solid #dadada; width: 17px ; height: 17px; text-align: center ; } #cnt .cnt .card .base .more-control .inside:hover { color: #555454 ; background-color: #f0f0f0 ; } #cnt .cnt .card .base .more-control .inside:hover::before {border-color: #555454 ; } #cnt .cnt .card .base .more-control .inside.on { color: #555454 ; background-color: #dadada ; } #cnt .cnt .card .base .more-control .inside.on::before { border-color: #555454 ; } #cnt .cnt .card .base .more-control .note { } #cnt .cnt .card .base .more-control .note::before {opacity: 1 ; content: '!' ; background-color: #971915; display: inline-block ; margin-right: 5px; border: 1px solid red; text-align: center ; font-weight: bold ; border-radius: 20px ; color: white ; width: 20px ; height: 20px; text-align: center ; vertical-align: baseline; } #cnt .cnt .card .tile { background: #f9f9f9; margin: 0 0 20px ; box-shadow: 0 0 5px rgba(0,0,0,0.125) ; position: relative ; padding: 40px 20px 40px ; } #cnt .cnt .card .more { display: none ; position: absolute; top: 0; left: 0 ; right: 0; bottom: 40px; padding: 10px ; background-color: #dadada ; color: #2e2d2c ; } #cnt .cnt .card.show_more .more { display: block ; } #cnt .cnt .card .more > .pane { display: none ; } #cnt .cnt .card .more > .pane.on { display: block ; } #cnt .cnt .card .more > .pane::after { display: flex ; flex-flow: row nowrap ; justify-content: space-around ; content: 'X' ; width: 40px; line-height: 40px; background: #f0f0f0 ; position: absolute; top: 0 ; right: 0 ; cursor: pointer ; } #cnt .cnt .card .more > .pane.play::before { content: 'Your video is loading.' ; display: none ; padding: 10px 0 0 10px ; margin-bottom: -20px ; } #cnt .cnt .card .more > .pane.play { } #cnt .cnt .card .more > .pane.play p.play { position: relative; top: 0 ; left: 0 ; right: 0 ; bottom: 0; } #cnt .cnt .card .more > .pane.play p.play a { display: none ; } #cnt .cnt .card .more > .pane.play p.play::before, #cnt .cnt .card .more > .pane.play p.play::after, #cnt .cnt .card .more > .pane.play p.play {border-radius: 50%;width: 2.5em;height: 2.5em;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: load7 1.8s infinite ease-in-out;animation: load7 1.8s infinite ease-in-out;} #cnt .cnt .card .more > .pane.play p.play {color: #ffffff;font-size: 10px;margin: calc( 20% - 2.5em ) auto 0;position: relative;text-indent: -9999em;-webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } #cnt .cnt .card .more > .pane.play p.play::before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } #cnt .cnt .card .more > .pane.play p.play::after { left: 3.5em;} #cnt .cnt .card .more > .pane.play p.play::before, #cnt .cnt .card .more > .pane.play p.play::after { content: ''; position: absolute; top: 0; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } #cnt .cnt .card.link p { font-size: 1rem ; } #cnt .cnt .milestones { width: 50% ; counter-reset: tracker ; display: block ; padding: 20px 10px ; list-style-type: none; } #cnt .cnt .milestones li { counter-increment: tracker ; display: block ; list-style-type: none; position: relative ; } #cnt .cnt .milestones li a { color: #2e2d2c; text-decoration: none ; display: flex ; justify-content: flex-start ; background-color: #f0f0f0 ; background-color: #ffffff ; box-shadow: 0 0 5px rgba(0,0,0,0.75) ; line-height: 20px ; padding: 10px 10px 10px 60px ; margin: 0 0 5px ; } #cnt .cnt .milestones li:last-of-type a { margin-bottom: 0 ; } #cnt .cnt .milestones li a span { align-self: flex-start ; } #cnt .cnt .milestones li a:hover { background-color: #ffffff ; text-decoration: underline ; } #cnt .cnt .milestones li a::before { content: ' ' ; position: absolute; top: 10px ; left: 30px ; display: block ; height: 18px ; width: 18px ; border: 1px solid #2e2d2c; } #cnt .cnt .milestones li a::after { content: counter(tracker) ; position: absolute; top: 10px ; left: 10px ; display: block ; } #cnt .cnt .milestones li.hide { display: none ; } #cnt .cnt .milestones li.off { opacity: 0.5 ; } #cnt .cnt .milestones li.off a { box-shadow: none ; cursor: default ; } #cnt .cnt .milestones li.off a:hover { text-decoration: none ; } #cnt .cnt .milestones li.done a { box-shadow: none ; } #cnt .cnt .milestones li.done a::before { border-top-width: 0px ; border-right-width: 0px ; border-left-width: 4px ; border-bottom-width: 4px ; margin: 1px 0 0 1px ; height: 8px; width: 16px; transform: rotate(315deg) ;} #cnt .cnt .milestones li.error { box-shadow: none ; } #cnt .cnt .milestones li.done a { background-color: #33ff33 ; } #cnt .cnt .milestones li.done a:hover { background-color: #00ff00 ; } #cnt .cnt .milestones li.error a { background-color: #cc0000 ; color: #f0f0f0 ; } #cnt .cnt .milestones li.error a::before { border-color: #f0f0f0 ; } #cnt .cnt .milestones li.error a:hover { background-color: #ff0000 ; } #cnt .cnt .milestones li.warning a { background-color: #ffff33 ; } #cnt .cnt .milestones li.warning a:hover { background-color: #ffff00 ; } #cnt .cnt { width: 100% ; } #cnt .cnt .menu { display: block ; list-style-type: none; margin: 0 ; padding: 10px ; width: 100% ; } #cnt .cnt .menu { display: none ; } #cnt .cnt .menu li { display: block ; list-style-type: none; position: relative ; } #cnt .cnt .menu li.hdr a { background: #555454 ; color: #ffffff ; cursor: default ; } #cnt .cnt .menu li a { color: #555454; text-decoration: none ; display: flex ; justify-content: flex-start ; line-height: 20px ; padding: 10px ; margin: 0 ; color: #555454 ; } #cnt .cnt .menu li a span { height: 20px ; width: 20px; padding: 0px ; margin: 0px 0px 0px 0.5em ; border-radius: 10px; background-color: #555454 ; color: #ffffff ; font-size: 0.75rem; text-align: center ; } #cnt .cnt .menu li a:hover { background-color: #555454 ; color: #ffffff; } #cnt .cnt .menu li.hdr a:hover { background-color: #555454 ; } #cnt .cnt:nth-of-type(1) .head { margin-top: 0 ;} #cnt .cnt .head { color: #f0f0f0 ; width: 100% ; min-height: 60px; display: flex ; flex-flow: row nowrap ; justify-content: space-between ; margin: 10px 0 -10px;} #cnt .cnt .head h1 , #cnt .cnt .head h2 { font-size: 1.5rem ; line-height: 100% ; font-weight: 100 ; padding: 20px 10px 0 ; width: 60% ; } #cnt .cnt .head ul { display: block; list-style-type: none ; } #cnt .cnt .head ul li { display: inline-block ; margin-left: -4px ; padding: 20px 10px 0; } #cnt .cnt .head ul li:last-of-type { margin-right: -10px ; } #cnt .cnt .head ul li a , #cnt .cnt .head ul li span { display: block ; padding: 10px ; font-size: 1rem ; text-decoration: none; color: #f0f0f0 ; cursor: pointer ;} #cnt .cnt .head ul li.on a , #cnt .cnt .head ul li.on span { text-decoration: underline; cursor: default ; } #cnt .cnt .head ul li a:hover , #cnt .cnt .head ul li span:hover { text-decoration: underline; } #cnt .cnt iframe { width: 100% ; width: calc( 100% + 20px ) ; height: 640px ; margin: 20px -20px ; border-width: 0 ; border: 10px solid #dadada ; } #cnt.video #ytplayer { width: 100% ; margin: 20px 00px ; height: 380px ; border: 10px solid #2e2d2c ; } #cnt .cnt .download { } #cnt .cnt .download a { color: #05763d ; font-size: 1rem; line-height: 20px; } #cnt .cnt .download span { display: block ; } #cnt .cnt .download span::before { content: 'x' ; opacity: 0.25 ; color: #2e2d2c; background: #2e2d2c ; display: inline-block ; margin-right: 5px; width: 20px ; height: 20px; text-align: center ; } #cnt .cnt .links { display: block ; list-style-type: none; margin: 0; padding: 0 ; } #cnt .cnt .links li { display: block ; list-style-type: none; margin: 10px 0; } #cnt .cnt .links li a { color: #05763d ; display: block ; } #cnt .cnt .links li a::before { content: '' ; opacity: 0.25 ; color: #2e2d2c; background: #2e2d2c ; display: inline-block ; margin-right: 5px; position: relative; top: 5px ; width: 20px ; height: 20px; text-align: center ; } #cnt .cnt .links li.booking_ref { display: flex ; flex-flow: row nowrap ; margin-left: -10px ; } #cnt .cnt .links li.booking_ref span { display: block ; margin-left: 5px ; font-size: 1.5rem ; line-height: 30px; font-weight: 100 ; cursor: pointer ; } #cnt .cnt .links li.booking_ref::before { content: '>' ; opacity: 0.25 ; color: #f0f0f0; background: #2e2d2c ; display: block ; padding: 0 7px ; margin-right: 5px; width: 40px ; height: 40px; text-align: center ; } #cnt .cnt .links li.booking_ref span::before { display: none ; } #cnt .cnt .split { display: flex ; flex-flow: row nowrap ; list-style-type: none; margin: 0; padding: 0 ; } #cnt .cnt .split li { display: block ; list-style-type: none; width: 50% ; } #cnt .cnt .split li b { font-size: 1.5rem ; line-height: 30px; font-weight: 100 ; display: block ; } #cnt .cnt .percentage-tracker-card { position: absolute; top: 10px ; left: 10px ; right: 10px ; bottom : 10px ; } #cnt .cnt .percentage-tracker-card .int { width: 0%; background-color: #0e3c58 ; height: 100px ; } #cnt .cnt .percentage-tracker { width: calc(100% - 10px) ; border-top: 1px solid #2e2d2c ; border: 1px solid #2e2d2c ; border-radius: 20px ; height: 20px ; } #cnt .cnt .percentage-tracker .int { width: 100%; background-color: #0e3c58 ; line-height: 18px ; height: 18px ; border-radius: 20px; text-align: center;} #cnt .cnt .expired .percentage-tracker { display: none ; } #cnt .cnt.search { padding: 30px 0 0 ; } #cnt .cnt.search .card { width: 100% ; padding: 20px ; } #cnt .cnt.flight-tracker { background-color: #0e3c58 ; } #cnt .cnt.flight-tracker .card .base { height: auto ; } #cnt .cnt.flight-tracker .milestones { padding-left: 10px; } #cnt .cnt.login-form { width: 100% ; padding: 0 20px 20px ; color: #f0f0f0 ; } #cnt .cnt.login-form h2 { } #cnt.profile .cnt .card { width: 100% ; } #cnt.profile .cnt .card .base { padding-bottom: 0 ; } #cnt.profile .cnt .card:last-of-type { padding-bottom: 20px ; } #cnt.video .cnt .card { width: 100% ; } #cnt.video .w_60 .cnt .card:last-of-type { padding-bottom: 20px ; } #cnt .cnt fieldset { display: flex ; flex-flow: row wrap ; } #cnt .cnt .form-item { display: flex; flex-flow: row nowrap ; width: 100% ; padding: 0 0 10px ; } #cnt .cnt .tile fieldset { border-width: 0 ; } #cnt .cnt .card .base .form-item.tabs { display: flex; padding: 0 0 20px ; } #cnt .cnt .form-item.text { flex-flow: row wrap ; } #cnt .cnt .form-item.text label { width: 100% ; } #cnt .cnt .form-item.text .help { width: 40% ; padding: 0 0 0 20px } #cnt .cnt .form-item.text .help .hdr { display: block ; padding: 10px 0 ; } #cnt .cnt .form-item.text .help .hdr:hover { text-decoration: underline ; cursor: pointer ; } #cnt .cnt .form-item.text .help .hdr::before { opacity: 0.25 ; content: 'x' ; color: #2e2d2c; background: #2e2d2c ; display: inline-block ; margin-right: 5px; width: 20px ; height: 20px; text-align: center ; } #cnt .cnt .form-item.text .help .txt { position: absolute ; padding: 0 0 0 25px ; } #cnt .cnt .form-item.text textarea , #cnt .cnt .form-item.text input { width: 60% ; padding: 10px; margin: 0 0 5px ; font-size: 1rem ; border: 1px solid #2e2d2c ; border-radius: 5px ; } #cnt .cnt .form-item.text textarea { min-height: 200px; max-width: 100% ; width: 100% ; } #cnt.profile .cnt .form-item.text { color: #2e2d2c ; } #cnt .cnt .form-item.select { flex-flow: column nowrap ; } #cnt .cnt .form-item.select select { width: 60% ; padding: 10px; font-size: 1rem ; border: 1px solid #2e2d2c ; border-radius: 5px ; } #cnt.profile .cnt fieldset { margin: 0 -20px ; padding: 20px; border-width: 0 ; } #cnt.profile .cnt fieldset:nth-of-type(odd) { } #cnt.profile .cnt fieldset:nth-of-type(even) { background-color: rgba(0,0,0,0.05); } #cnt .cnt .form-item.submit { align-items: baseline; margin: 10px 0 20px ; } #cnt .cnt .form-item.submit input { cursor: pointer ; background: #05763d ; height: auto ; padding: 10px; font-size: 1rem ; border: 1px outset #2e2d2c ; color: #f0f0f0 ; border-radius: 5px ; } #cnt .cnt .form-item.submit input.secondary { background: #f0f0f0 ; color: #555454 ; border: 1px dotted #555454 ;} #cnt .cnt .form-item.submit input.secondary:hover { background: #555454 ; color: #f0f0f0 ; border: 1px solid #555454 ; } #cnt .cnt .form-item.submit a , #cnt .cnt .form-item.submit span { display: block ; color: #05763d ; padding: 10px 10px 10px 5px ; } #cnt .cnt .form-item.submit a::before , #cnt .cnt .form-item.submit span::before { content: 'x' ; color: #2e2d2c; background: #2e2d2c ; display: inline-block ; margin-right: 5px; width: 20px ; height: 20px; text-align: center ; } #cnt.milestone .cnt .base .form-item.tabs.submit a::before , #cnt.milestone .cnt .base .form-item.tabs.submit span::before , #cnt .cnt .base .form-item.tabs.submit a::before , #cnt .cnt .base .form-item.tabs.submit span::before { display: none ;} #cnt .cnt.login-form .form-item.submit a { color: #f0f0f0 ;} #cnt .cnt .form-item.links ul { list-style-type: none ; margin: 0 ; } #cnt .cnt .form-item.links ul li a { color: #05763d ; } #cnt .cnt .form-item.links ul li::before { color: #f0f0f0; background: #f0f0f0 ; } #cnt .cnt.login-form .form-item.links ul li a { color: #f0f0f0 ;} #cnt .cnt.login-form .form-item.links ul li a::before { color: #f0f0f0; background: #f0f0f0 ; } #cnt .cnt.create-profile > ul { margin: 20px ; } #cnt .cnt.create-profile .booking-form .text input { width: 100% ; } #cnt .cnt.create-profile .form-item.links ul li a { color: #f0f0f0 ;} #cnt .cnt.create-profile .form-item.links ul li a::before { color: #f0f0f0; background: #f0f0f0 ; } #cnt .cnt .form-item.checkbox_flat { flex-flow: row wrap ; } #cnt .cnt .form-item .label { display: block ; width: 100% ; color: #2e2d2c ; } #cnt .cnt .form-item .label span , #cnt .cnt .form-item label span { display: inline ; font-size: 1.125rem ; color: #ff0000 ; } #cnt .cnt .form-item.checkbox_flat ul { display: flex ; flex-flow: row wrap ; margin: 0 ; padding: 10px 0 ; } #cnt .cnt .form-item.checkbox_flat ul li { display: block ; color: #2e2d2c ; } #cnt .cnt .form-item.checkbox_flat ul li label { display: block ; padding: 10px 30px 10px 0px ; font-size: 1rem ;} #cnt .cnt .form-item.checkbox_flat ul li label input { display: inline-block ; border: 1px solid #2e2d2c; height: 22px; width: 22px; border-radius: 2px ; background: #ffffff; margin-right: 5px ; vertical-align: top ; } #cnt .cnt .form-item.radio { flex-flow: row wrap ; } #cnt .cnt .form-item .label { display: block ; width: 100% ; color: #2e2d2c ; } #cnt .cnt .form-item.radio ul { display: flex ; flex-flow: row wrap ; margin: 0 ; padding: 10px 0 ; } #cnt .cnt .form-item.radio ul li { display: block ; color: #2e2d2c ; } #cnt .cnt .form-item.radio ul li label { display: block ; padding: 10px 30px 10px 0px ; font-size: 1rem ;} #cnt .cnt .form-item.radio ul li label input { display: inline-block ; border: 1px solid #2e2d2c; height: 22px; width: 22px; border-radius: 22px ; background: #ffffff; margin-right: 5px ; vertical-align: top ; } #cnt .cnt .form-item.checkbox { color: #2e2d2c ; flex-flow: row wrap ; } #cnt .cnt .form-item.checkbox .label { font-size: 1.5rem ; margin-bottom: 20px ; } #cnt .cnt .form-item.checkbox label { display: flex ; flex-flow: row nowrap ; width: 100% ; } #cnt .cnt .form-item.checkbox label input { flex: 0 0 25px ; display: block ; border: 1px solid #2e2d2c; height: 22px; width: 22px; border-radius: 2px ; background: #ffffff; margin-right: 5px ; vertical-align: top ; } #cnt .cnt .form-item.checkbox.radio label { font-size: 1rem ; margin-bottom: 10px ; } #cnt .cnt .form-item.checkbox.radio label input { border-radius: 20px ; height: 20px; width: 20px; } #cnt .w_30 .cnt.history { padding-bottom: 20px ; } #cnt .w_30 .cnt.history .head { margin-top: 0px ; } #cnt .w_30 .cnt.history .head h2 { width: 100% ; padding-bottom: 10px; } #cnt .w_30 .cnt.history .head ul { display: none ; } #cnt .w_30 .cnt.history .card , #cnt .w_30 .cnt.history .milestones { width: 100% ; } #cnt.milestone .w_30 .cnt .card , #cnt.milestone .w_30 .cnt .milestones { width: 100% ; } #cnt.milestone .w_60 { } #cnt.milestone .w_60 .card { width: 100% ; padding-bottom: 20px; } #cnt .cnt .card.step-5 .base { display: flex ; flex-flow: row nowrap; justify-content: space-between ; align-items: flex-start ; } #cnt .cnt .card.step-5 .base .info { width: 100% ; } #cnt .cnt .card.step-5 .base .form-item { display: block ; margin: 20px 0 0 ; width: 50% ; } .pane { } .pane .location { } .pane h2 { font-size: 1rem ; } .pane p { margin-bottom: 0 ; } .pane p a { } .pane p.icon { } .pane p.icon::before { opacity: 0.25 ; content: 'x' ; color: #2e2d2c; background: #2e2d2c ; display: inline-block ; margin-right: 5px; width: 20px ; height: 20px; text-align: center ; } .pane .dates { } .pane .booking { } .pane dl { display: flex ; flex-flow: row wrap; padding: 0 0 20px ; } .pane dl dt { width: 50% ; font-variant: small-caps ; text-transform: lowercase; } .pane dl dd { width: 50% ; } .pane.dates dl dt { width: 30% ; } .pane.dates dl dd { width: 70% ; } .pane.booking dl dt { width: 40% ; } .pane.booking dl dd { width: 60% ; } .pane.expired dl dt { width: 30% ; } .pane.expired dl dd { width: 70% ; } table { color: #2e2d2c ; font-size: 0.75em ; width: 100%; border-collapse: collapse ; } table tr {} table tr:nth-of-type(odd) { background-color: #dadada ; } table tr th { padding: 2px ; margin: 0px; font-weight: 500 ; vertical-align: top; text-align: left ; border-bottom: 2px solid #2e2d2c ; } table tr td { padding: 2px ; margin: 0px; vertical-align: top; text-align: left ; } #cnt .cnt .pagination { display: flex ; flex-flow: row nowrap; list-style-type: none ; margin: 20px 0 ; padding: 0 ; } #cnt .cnt .pagination li { list-style-type: none ; } #cnt .cnt .pagination li a { display: block ; text-align: center ; min-width: 40px; line-height: 40px ; margin-right: 5px; background-color: #f0f0f0 ; color: #2e2d2c ; } #cnt .cnt .pagination li.on a { background-color: #ffffff; cursor: default ; text-decoration: none ; color: #2e2d2c ; } #cnt .cnt .filter { position: absolute; top: 0 ; left: 10% ; right: 0 ; bottom: 0 ; padding: 40px ; background-color: rgba(0,0,0,0.925) ; } #cnt .cnt .filter .cls { position: absolute; top: 10px ; right: 10px; width: 40px ; height: 40px ; background-color: #000000 ; cursor: pointer ; } #cnt .cnt .filter .cls::before { content: ' ' ; display: block ; position: absolute; top: 0px ; right: 15px; bottom: 0px; left: 15px; transform: rotate(45deg); background-color: #ffffff ; } #cnt .cnt .filter .cls::after { content: ' ' ; display: block ; position: absolute; top: 0px ; right: 15px; bottom: 0px; left: 15px; transform: rotate(-45deg); background-color: #ffffff ; } #cnt .cnt .filter fieldset { border-width: 0 ; } #cnt .cnt .filter .form-item .label { color: #f0f0f0 ; } #cnt .cnt .filter .form-item.radio ul li { width: 100% ; color: #f0f0f0 ; } i.step { display: block ; font-size: 0.75em ; font-style: normal ; } #cnt .cnt .card .base .info::after { opacity: 0.25 ; content: 'x' ; color: #2e2d2c; background: #2e2d2c ; display: inline-block ; margin-left: 5px; width: 20px ; height: 20px; text-align: center ; } i.step { display: block ; font-size: 0.75em ; font-style: normal ; } i.step::before { opacity: 0.25 ; content: '' ; color: #2e2d2c; background: #2e2d2c ; display: inline-block ; margin: 5px 5px 0 0 ; width: 20px ; height: 20px; text-align: center ; } .pane i.step::before { position: relative; top: 4px; left: -2px ; } .l_orem { font-size: 200% ; color: #999999 ; } .help .cnt { max-width: 1170px ; margin: 0 auto ; padding: 0 0 20px ;} .help .cnt { display: flex ; flex-flow: row nowrap ; } .help .cnt .pane { width: 27% ; padding: 10px ; } .help .cnt .pane ul {margin: 10px 0 0 20px ; } .help .cnt .pane.message { width: 46% ; } @media (max-width: 990px){ body { font-size: 10px ;} #cnt .cnt .card .base h1 span , #cnt .cnt .card .base h2 span { max-width: 100%; } #cnt .cnt .head { flex-flow: column nowrap ; justify-content: flex-start ; } #cnt .cnt .head h2 { width: 100% ; } #cnt .cnt .head ul { text-align: right ; margin-left: 10px ; margin-right: -10px ; } #cnt .cnt .head ul li:last-of-type { margin-right: 0px ; } #cnt .cnt .split { flex-flow: column nowrap ; } #cnt .cnt .split li { width: 100% ; } #cnt .cnt .split li:nth-of-type(1) { width: 100% ; margin-bottom: 20px ; } } @media (max-width: 800px){ body { font-size: 14px ;} #cnt { flex-flow: column nowrap; } #cnt .cnt .card , #cnt .cnt .milestones { width: 100% ; } #cnt .w_90 { width: 100% ; } #cnt .w_90 .cnt .card { width: 100% ; } #cnt .w_10 , #cnt.profile .w_10 , #cnt.portal .w_10 { display: none ; } #cnt.milestone .w_30 , #cnt.video .w_30 { order: 2 ; } #cnt .w_30 , #cnt.profile .w_30 , #cnt.portal .w_30 { order: 4 ; width: 100% ; } #cnt .w_60 , #cnt.profile .w_60 , #cnt.portal .w_60 { width: 100% ; } #cnt .cnt .card.step-5 .base { display: block ;} #cnt .cnt .card.step-5 .base .form-item { margin: 0 ; width: 100% ; } #cnt .cnt .form-item.text .help .txt { position: static ; } #cnt .cnt .head ul li { display: none ; } #cnt .cnt .head ul li:last-of-type { display: inline-block ; } .header-block-size-a { width: 100%; } } @media (min-width: 800px){ #cnt .cnt.list-view { padding: 0px 10px 20px ; } #cnt .cnt.list-view .head { padding-bottom: 35px ; } #cnt .cnt.list-view .card { width: 100% ; padding: 0 0 5px ; } #cnt .cnt.list-view .card .base { display: flex; flex-flow: row wrap ; width: 100% ; height: auto; min-height: 0 ; position: relative ; background-color: #f0f0f0 ; background-color: #ffffff ; box-shadow: none ; padding: 5px 10px 10px ; } #cnt .cnt.list-view .card.link { display: none; } #cnt .cnt.list-view .card .base h1 , #cnt .cnt.list-view .card .base h2 { order: 1 ; flex: 0 0 17.5% ; padding: 5px 10px 0 5px ; width: auto ; font-size: 0.75rem ; line-height: 20px; min-height: auto ; } #cnt .cnt.list-view .card .base h1 a , #cnt .cnt.list-view .card .base h2 a { max-width: 100% ;} #cnt .cnt.list-view .card .base .info { order: 3 ; flex: 1 0 7.5% ; text-align: center ; padding: 5px 10px 0 5px ; margin-bottom: 0 ; font-size: 0.75rem; text-align: left; position: static; color: #2e2d2c ; } #cnt .cnt.list-view .card .base .info::after { display: none ; } #cnt .cnt.list-view .card .base .state { order: 2 ; flex: 0 0 10% ; text-align: center ; padding: 5px 10px 0 5px ; font-size: 0.75rem; line-height: 20px ; display: block; color: #2e2d2c ; margin: 0 ; } #cnt .cnt.list-view .card .base .percentage-tracker , #cnt .cnt.list-view .card .base .abstract { display: none ; } #cnt .cnt.list-view .card .base .more-control { display: none ; order: 4 ; flex: 0 0 60% ; padding: 0 ; position: static ; } #cnt .cnt.list-view .card .base .more-control li { flex: 1 0 33.333% ; padding: 5px 5px 0 ;} #cnt .cnt.list-view .card .base .more-control li.on { background-color: #dadada ; color: #2e2d2c ; text-decoration: none ; cursor: default ; } #cnt .cnt.list-view .card .base .more { order: 5 ; flex: 0 0 70% ; padding: 5px 0 0 ; background: transparent ; display: flex ; flex-flow: row nowrap ; position: static; width: 100% ; margin-bottom: -5px ; } #cnt .cnt.list-view .card.show_more .base .more { display: flex ; } #cnt .cnt.list-view .card .base .more > .pane { display: block ; padding: 0 ; flex: 1 0 33.333% ; font-size: 0.75rem ; } #cnt .cnt.list-view .card .base .more > .pane.play { display: none ; } #cnt .cnt.list-view .card .base .more > .pane h2 { display: none ; } #cnt .cnt.list-view .card .base .more > .pane.on { display: block ; } #cnt .cnt.list-view .card .base .more > .pane::after { display: none ; top: auto ; bottom: 0 ; } #cnt .cnt.list-view .card .base .more > .pane dl { flex-flow: row nowrap ; display: flex ; position: relative ; } #cnt .cnt.list-view .card .base .more > .pane dl dt { display: block ; position: absolute; top: -30px ; width: 15% ; color: #f0f0f0 ; } #cnt .cnt.list-view .card .base .more > .pane dl dt:nth-of-type(1) {left: 0% ; } #cnt .cnt.list-view .card .base .more > .pane dl dt:nth-of-type(2) {left: 25% ; } #cnt .cnt.list-view .card .base .more > .pane dl dt:nth-of-type(3) {left: 50% ; } #cnt .cnt.list-view .card .base .more > .pane dl dt:nth-of-type(4) {left: 75% ; } #cnt .cnt.list-view .card .base .more > .pane dl dt:nth-of-type(n+5) { display: none ; } #cnt .cnt.list-view .card .base .more > .pane dl dd:nth-of-type(n+5) { display: none ; } #cnt .cnt.list-view .card ~ .card .base .more > .pane dl dt { display: none ; } #cnt .cnt.list-view .card .base .more > .pane dl dd { display: block ; width: 25% ; } #cnt .cnt.list-view .card .base .more > .pane p { padding-bottom: 10px ; } #cnt .cnt.list-view .card .more { order: 5 ; flex: 1 0 100% ; display: none ; position: static; width: 100% ; margin-bottom: -5px ; } #cnt .cnt.list-view .card.show_more .more { display: block ; } #cnt .cnt.list-view .card .more > .pane { display: none ; padding: 0 ; } #cnt .cnt.list-view .card .more > .pane.on { display: block ; } #cnt .cnt.list-view .card .more > .pane::after { top: auto ; bottom: 0 ; } } @media (max-width: 640px){ #cnt .cnt .form-item.text .help { width: 100% ; padding: 0 ; } #cnt .cnt .form-item.text textarea, #cnt .cnt .form-item.text input , #cnt .cnt .form-item.text select { width: 100% ;} #cnt .cnt .form-item.text .help .txt { padding: 0 20px 20px 25px ; } .help .cnt { display: flex ; flex-flow: row wrap ; } .help .cnt .pane { width: 100% ; } .help .cnt .pane.message { width: 100% ; } } @media (min-width: 640px){ #cnt .cnt fieldset { display: block ; } #cnt .cnt .form-item.half { width: 47.5% ; width: calc( 50% - 4px ) ; padding: 0 20px 10px 0 ; display: inline-flex ; } } @media (max-width: 1201px){ #navigation {display: none ; } }