<h2>The indicators</h2>
<p>The Telecom monitoring framework is composed of several groups of indicators which have been designed to monitor the whole programe. Each project of the programe is monitored through indicators from these groups.</p> |
|
|
<p>
<svg version="1.1" id="cef-ico-check-list" class="cef-w-xs" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
<style type="text/css">
.cef-ico-check-list-st0{fill:none;stroke:#0090CE;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.cef-ico-check-list-st1{fill:none;stroke:#07345F;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
</style>
<g id="Groupe_686" transform="translate(-752.402 -772.606)">
<g id="Groupe_685">
<path id="Tracé_6059" class="cef-ico-check-list-st0" d="M907,790.6h-25.5v13.9h-58.1v-13.9h-25.5c-7.6,0-13.7,5.5-13.7,12.2v154.5
c0,6.7,6.2,12.2,13.7,12.2H907c7.6,0,13.7-5.5,13.7-12.2V802.8C920.7,796.1,914.6,790.6,907,790.6z"/>
<rect id="Rectangle_259" x="823.3" y="784" class="cef-ico-check-list-st0" width="58.1" height="20.6"/>
<rect id="Rectangle_260" x="795.4" y="804.5" class="cef-ico-check-list-st0" width="114" height="150"/>
<path id="Rectangle_261" class="cef-ico-check-list-st0" d="M837.1,775.7h30.6c3.2,0,5.8,2.6,5.8,5.8v2.5l0,0h-42.2l0,0v-2.5
C831.3,778.3,833.9,775.7,837.1,775.7z"/>
<path id="Tracé_6060" class="cef-ico-check-list-st1" d="M812.9,834.7l5.8,6.1l19.3-23.6"/>
<path id="Tracé_6061" class="cef-ico-check-list-st1" d="M812.9,870.3l5.8,6.1l19.3-23.6"/>
<path id="Tracé_6062" class="cef-ico-check-list-st1" d="M812.9,906l5.8,6.1l19.3-23.6"/>
<line id="Ligne_287" class="cef-ico-check-list-st1" x1="856.3" y1="821.8" x2="893" y2="821.8"/>
<line id="Ligne_288" class="cef-ico-check-list-st1" x1="844.4" y1="837.5" x2="893" y2="837.5"/>
<line id="Ligne_289" class="cef-ico-check-list-st1" x1="856.3" y1="858.2" x2="893" y2="858.2"/>
<line id="Ligne_290" class="cef-ico-check-list-st1" x1="844.4" y1="873.8" x2="893" y2="873.8"/>
<line id="Ligne_291" class="cef-ico-check-list-st1" x1="856.3" y1="894.5" x2="893" y2="894.5"/>
<line id="Ligne_292" class="cef-ico-check-list-st1" x1="844.4" y1="910.2" x2="893" y2="910.2"/>
<line id="Ligne_293" class="cef-ico-check-list-st1" x1="841" y1="940.9" x2="870.3" y2="940.9"/>
<line id="Ligne_294" class="cef-ico-check-list-st1" x1="879.7" y1="940.9" x2="892.1" y2="940.9"/>
</g>
</g>
</svg>
</p>
<h3 class="cef-secondary-heading-deco">Uptake</h3>
<p class="cef-mb-0">Projects can support the achievement of the Digital Single Market only if deployment is accompanied by widespread usage and coverage. These three implementation aspects – deployment, sectoral coverage and use – constitute the uptake of a particular project.</p> |
|
<p>
<svg version="1.1" class="cef-w-xs" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
<style type="text/css">
.st0-cef-emonitoring-sa{fill:none;stroke:#00315D;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.st1-cef-emonitoring-sa{fill:none;stroke:#008CC8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
</style>
<g id="Group_1984" transform="translate(-628.25 -3246.75)">
<g id="Group_1983" transform="translate(629 3247.5)">
<circle id="Ellipse_439" class="st0-cef-emonitoring-sa" cx="115.1" cy="84.3" r="36"/>
<path id="Path_8558" class="st0-cef-emonitoring-sa" d="M123.8,56.6c1.7,0.6,3.5,1.4,5.1,2.2"/>
<path id="Path_8559" class="st0-cef-emonitoring-sa" d="M90.8,68.6c5.4-8.4,14.7-13.3,24.7-13.2"/>
<path id="Path_8560" class="st0-cef-emonitoring-sa" d="M162.4,105.3c0.5-1.4,1.9-2.1,3.2-1.8l6.5,0.8c2.6,0.3,4.3-0.9,4.5-2.8l2.4-18
c0.2-1.8-1-3.5-3-3.8l0,0l-7-1c-1.6-0.2-2.7-1.4-2.9-2.9c-0.6-3.4-1.5-6.8-2.7-10c-0.5-1.4,0-3,1-4l5.5-4.3
c1.4-1.1,1.8-3.2,0.7-4.7l0,0l-11.1-14.3c-1.1-1.4-3.2-1.8-4.7-0.7l0,0l-5.5,4.3c-1.2,0.9-2.7,0.9-4,0c-2.9-2-5.9-3.9-9.2-5.3
c-1.4-0.5-2.1-1.9-1.8-3.2l0.8-6.5c0.3-2.6-0.9-4.3-2.8-4.5l-18-2.4c-1.8-0.2-3.5,1-3.8,3l0,0l-0.9,6.9c-0.2,1.6-1.4,2.7-2.9,2.9
c-3.6,0.5-6.9,1.4-10.2,2.8c-1.3,0.6-2.6,0.1-3.6-1l-4-5.1c-1.5-2.1-3.7-2.4-5.1-1.2L69.6,39.6c-1.4,1.1-1.8,3.2-0.7,4.7l4.3,5.5
c0.9,1.2,0.9,2.7,0,4c-2,2.9-3.9,5.9-5.3,9.2c-0.5,1.4-1.9,2.1-3.2,1.8L58.3,64c-2.6-0.3-4.3,0.9-4.5,2.8l-2.3,17.9
c-0.2,1.8,1,3.5,3,3.8l0,0l7,1c1.6,0.2,2.7,1.4,2.9,2.9c0.6,3.4,1.5,6.8,2.7,10c0.5,1.4,0,3-1,4l-5.5,4.3
c-1.4,1.1-1.8,3.2-0.7,4.7l0,0l11.1,14.3c1.1,1.4,3.2,1.8,4.7,0.7l0,0l5.5-4.3c1.2-0.9,2.8-1,4,0c2.9,2,5.9,3.9,9.2,5.3
c1.4,0.5,2.1,1.9,1.8,3.2l-0.8,6.5c-0.3,2.6,0.9,4.3,2.8,4.5l18,2.4c1.8,0.2,3.5-1,3.8-3l0,0l0.9-6.9c0.2-1.6,1.4-2.7,2.9-2.9"/>
<path id="Path_8561" class="st1-cef-emonitoring-sa" d="M10.6,60l9.2,9.5l16.3-20.9"/>
<path id="Path_8562" class="st1-cef-emonitoring-sa" d="M10.6,97.1l9.2,9.5l16.3-20.9"/>
<path id="Path_8563" class="st1-cef-emonitoring-sa" d="M10.6,21.2l9.2,9.5L36.2,9.8"/>
<path id="Path_8564" class="st1-cef-emonitoring-sa" d="M101.4,86.3l9.2,10.1l17.5-21.3"/>
<g id="Group_1982" transform="translate(112.64 48.685)">
<path id="Path_8565" class="st0-cef-emonitoring-sa" d="M26.3,63.4l8,12.2L27,80.3L18.7,68"/>
<path id="Path_8566" class="st0-cef-emonitoring-sa" d="M23.6,82.5L58,135.8c2.5,3.8,7.7,4.9,11.6,2.4l0,0c3.8-2.5,4.9-7.7,2.4-11.6L37.6,73.4
L23.6,82.5z"/>
</g>
</g>
</g>
</svg>
</p>
<h3 class="cef-secondary-heading-deco">Service availability</h3>
<p class="cef-mb-0">This indicator measures the uptime (also known as the availability) of services, platforms or portals hosted by the European Commission, in its datacentre or in the cloud. This includes services hosted by contractors on behalf of the European Commission.</p> |
|
|
<p>
<svg version="1.1" id="cef-ico-hand-money" class="cef-w-xs" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
<style type="text/css">
.cef-ico-hand-money-st0{fill:none;stroke:#0492D1;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
.cef-ico-hand-money-st1{fill:none;stroke:#133765;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
</style>
<g id="Groupe_916" transform="translate(-1018.98 -679.893)">
<rect id="Rectangle_157" x="1035" y="793.4" class="cef-ico-hand-money-st0" width="26.3" height="66.3"/>
<path id="Tracé_4585" class="cef-ico-hand-money-st0" d="M1061.3,805.4c13.9-6.4,30.4-0.2,36.7,13.7c0.3,0.7,0.6,1.4,0.9,2.1h26.3
c13.2,0,23.9,10.7,23.9,23.9h-58.2"/>
<path id="Tracé_4586" class="cef-ico-hand-money-st0" d="M1142.6,828.3h39.5c11.8,0,20.8,6.7,20.8,14.9l0,0l-86,32.9c-5.3,2-11.3,1.6-16.3-1.2
l-39.2-21.9"/>
<circle id="Ellipse_134" class="cef-ico-hand-money-st0" cx="1047.3" cy="847.5" r="4.9"/>
<circle id="Ellipse_135" class="cef-ico-hand-money-st1" cx="1104.2" cy="752.2" r="17.2"/>
<circle id="Ellipse_136" class="cef-ico-hand-money-st1" cx="1159.8" cy="789.3" r="17.2"/>
<line id="Ligne_179" class="cef-ico-hand-money-st1" x1="1157.4" y1="758.7" x2="1157.4" y2="771.2"/>
<line id="Ligne_180" class="cef-ico-hand-money-st1" x1="1167.8" y1="722.4" x2="1167.8" y2="741"/>
<line id="Ligne_181" class="cef-ico-hand-money-st1" x1="1157.4" y1="739.8" x2="1157.4" y2="746.3"/>
<line id="Ligne_182" class="cef-ico-hand-money-st1" x1="1167.8" y1="754" x2="1167.8" y2="760.5"/>
<line id="Ligne_183" class="cef-ico-hand-money-st1" x1="1115.2" y1="682.4" x2="1115.2" y2="700.9"/>
<line id="Ligne_184" class="cef-ico-hand-money-st1" x1="1094.6" y1="696.4" x2="1094.6" y2="719"/>
<line id="Ligne_185" class="cef-ico-hand-money-st1" x1="1115.2" y1="711.3" x2="1115.2" y2="717.8"/>
<line id="Ligne_186" class="cef-ico-hand-money-st1" x1="1105.2" y1="727.4" x2="1105.2" y2="716"/>
<line id="Ligne_187" class="cef-ico-hand-money-st1" x1="1105.2" y1="705.6" x2="1105.2" y2="699.1"/>
</g>
</svg>
</p>
<h3 class="cef-secondary-heading-deco">Financial management</h3>
<p class="cef-mb-0">The Financial management follows the commitment of CEF budget for each project per reporting period and work programme. This includes the budget allocated to Core Service Platforms, grant funding, and the budget for the connectivity initiatives.</p> |
|
<p>
<svg version="1.1" class="cef-w-xs" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 103.5 101.8" style="enable-background:new 0 0 103.5 101.8;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#3E8EC8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st1{fill:none;stroke:#00315D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
</style>
<g id="Group_1735" transform="translate(-682.739 -309.782)">
<path id="Path_7352" class="st0" d="M701.1,340.3h15.6c3.9,0,7,3.1,7,7l0,0c0,3.9-3.1,7-7,7h-2.4c-2.2,0-4,1.8-4,4l0,0
c0,2.2,1.8,4,4,4h13.4c3.6,0,6.5,2.9,6.5,6.5l0,0c0,3.6-2.9,6.5-6.5,6.5h-13.4c-2.2,0-4,1.8-4,4l0,0c0,2.2,1.8,4,4,4h6.9
c1.8,0,3.2,1.4,3.2,3.2l0,0v7.7"/>
<path id="Path_7353" class="st0" d="M763.4,332.7c0,0-12.5-0.1-17.2,0c-3.7,0-6.8,3.1-6.8,6.8v2c0,3.8,3,6.8,6.8,6.8c0,0,0,0,0,0
h6.7c2.1,0,3.8,1.7,3.8,3.8l0,0c0,2.1-1.7,3.8-3.8,3.8h-6.1c-3.8,0-6.8,3-6.8,6.8v15.4c0,3.5,2.8,6.3,6.3,6.3c0,0,0,0,0,0l0,0"/>
<path id="Path_7354" class="st1" d="M717.3,399.9c-13.7,7.7-25.3,10-30.6,4.6c-5.5-5.5-2.9-17.7,5.4-32c1.5-2.6,3.2-5.2,5.1-7.9
l0.5,5.8"/>
<path id="Path_7355" class="st1" d="M751.1,317.6c13-7,23.9-8.8,29-3.7c5.2,5.2,3.2,16.6-4.3,30c0,0-4.1,6.2-7.2,9.2"/>
<line id="Line_854" class="st1" x1="697.2" y1="364.6" x2="691.6" y2="365.8"/>
<path id="Path_7804" class="st0" d="M744.4,396.7c-17.9,4.3-36.4-4.5-44.3-21.1"/>
<path id="Path_7806" class="st0" d="M696.3,358.9c0-21.5,17.4-38.9,38.9-38.9c14.4,0,27.6,7.9,34.3,20.6c0.2,0.4,0.4,0.8,0.6,1.2"
/>
<path id="Path_7804_1_" class="st0" d="M773.2,356.9c1,18.4-11,35-28.7,39.8"/>
<path class="st0" d="M755.8,379.9c0,1.3,0.3,4.3-2.4,4.4c-1.9,0.1-7.1,0.1-7.1,0.1"/>
</g>
</svg>
</p>
<h3 class="cef-secondary-heading-deco">Reuse</h3>
<p class="cef-mb-0">Reuse monitoring identifies the reused components by following a user journey from the discovery of the Building Blocks to their actual implementation. The Building Blocks can be reused by CEF projects at Core Service Platform or grant beneficiary level, or by any other project, system or initiative throughout the world.</p> |
|
|
|
|
/*EBSI INTRODUCTION ILLUSTRATION*/
/*------------------------------*/
.ebsi-introduction-illu img { margin-top:10px;}
/*EBSI INTRODUCTION TEXT*/
/*----------------------*/
.ebsi-introduction-text .lead { margin-bottom:30px;}
.ebsi-introduction-text .first-letter p::first-letter { font-size: 300%;}
/*EBSI KEY FIGURE*/
/*---------------*/
.ebsi-key-figure {text-align:center;}
.ebsi-key-figure .cef-equal-height-column { width:48%; background-color: rgba(0,0,0,0.1); border-radius: 10px;}
.ebsi-key-figure .cef-equal-height-content { padding:20px; background-color: rgba(0,0,0,0.5); border-radius: 10px;}
.ebsi-key-figure h2, .ebsi-key-figure p {color:white;}
.ebsi-key-figure h2 { margin-bottom:30px;}
.ebsi-key-figure h3 { color:#ffd417; line-height:1;}
.ebsi-key-figure p { margin-top:0;}
/*EBSI CASE*/
/*---------*/
.ebsi-case .cef-equal-height-container { margin-top:30px;}
.ebsi-case .cef-equal-height-column { width:48%; background-color: rgba(255,255,255,0.4); border-radius: 10px;}
.ebsi-case .cef-equal-height-content { padding:20px; height:310px; background-color: rgba(255,255,255,0.8); border-radius: 10px;}
.ebsi-case img { width:120px;}
.ebsi-case h3 { margin-top:0;}
.ebsi-case h3:after { display:block; margin-top:30px; margin-bottom:30px; content:""; width:25px; height:5px; background-color: #ffd417;}
@media only screen and (max-width: 768px) {
.ebsi-case .cef-equal-height-content { height:440px;}
}
@media only screen and (max-width: 574px) {
.ebsi-case .cef-equal-height-content { height:auto;}
}
/*EBSI WORKING*/
/*------------*/
.ebsi-working img { margin-top:30px;}
/*EBSI BENEFIT*/
/*------------*/
.ebsi-benefit {text-align:center;}
.ebsi-benefit .cef-equal-height-column { width:53%; background-color: rgba(0,0,0,0.1); border-radius: 10px;}
.ebsi-benefit .cef-equal-height-content { padding:20px; height:340px; background-color: rgba(0,0,0,0.5); border-radius: 10px;}
.ebsi-benefit h2, .ebsi-benefit h3, .ebsi-benefit p {color:white;}
.ebsi-benefit h2 { margin-bottom:30px;}
.ebsi-benefit h3 { margin-top:10px;}
.ebsi-benefit h3:after { display:block; margin:30px auto; content:""; width:25px; height:5px; background-color: #ffd417;}
.ebsi-benefit img { width:100px;}
@media only screen and (max-width: 768px) {
.ebsi-benefit .cef-equal-height-content { height:420px;}
}
@media only screen and (max-width: 574px) {
.ebsi-benefit .cef-equal-height-content { height:auto;}
}
/*EBSI COME FROM*/
/*--------------*/
.ebsi-come-from h2 { margin-bottom:30px;}
.ebsi-come-from h3:after { display:block; margin-top:30px; margin-bottom:30px; content:""; width:25px; height:5px; background-color: #ffd417;}
/*EBSI CALL TO ACTION*/
/*-------------------*/
.ebsi-call-to-action { text-align:center;}
.ebsi-call-to-action h2 { margin-bottom:30px; color: white;}
@media only screen and (max-width: 574px) {
.ebsi-call-to-action { text-align:left;}
}
.form-ebsi-subscribe { font-family: 'Source Sans Pro', sans-serif;}
.form-ebsi-subscribe h2 { margin:30px 0 0 0 !important;}
.form-ebsi-subscribe .easyforms-container { margin:0; border:none;}
.form-ebsi-subscribe .easyforms-header, .form-ebsi-subscribe .easyforms-footer {background-color: transparent;}
.form-ebsi-subscribe .easyforms-title { display:none !important;}
.form-ebsi-subscribe form.aui .field-group { padding: 0;}
.form-ebsi-subscribe form.aui .field-group > label { float: none; margin: 0 10px 0 0; padding: 0; font-size: initial; color: white;}
.form-ebsi-subscribe form.aui input.text { padding:10px 5px; width: 300px; height:auto; font-size: initial; border:3px solid white; border-radius: 0;}
.form-ebsi-subscribe form.aui input.text:focus { border-color:#f8cc02; box-shadow: none; -webkit-box-shadow: none; outline: none;}
.form-ebsi-subscribe form.aui .buttons-container { margin: 0; padding: 0;}
.form-ebsi-subscribe form.aui input.button { margin-top:30px; padding:10px 12px; min-width: 140px; height:auto; font-size:16px; text-transform: uppercase; letter-spacing: 1px; background-color: #f8cc02 !important; border-color:#f8cc02; border-radius: 0;}
.form-ebsi-subscribe form.aui input.button:hover { text-decoration: underline; background-color:#FFE570 !important;}
/*VALIDATION*/
.form-ebsi-subscribe form.aui .icon-required::before { font-size: initial; color: #F9786C;}
.form-ebsi-subscribe .easyforms-form input.parsley-error { border:3px solid #F9786C !important;}
.form-ebsi-subscribe .easyforms-form .parsley-errors-list { margin: 0;}
.brikit-canvas ul.parsley-errors-list li {color:#F9786C;}
/*CONFIRMATION*/
.form-ebsi-subscribe .aui-message.success { background: #f8cc02;; border-color: #f8cc02; border-radius: 0;}
.form-ebsi-subscribe .aui-message.success::after { content: "";}
.form-ebsi-subscribe .aui-message p.title { color: #003764;}
.form-ebsi-subscribe .easyforms-submitted-header { color: #003764;}
/*EBSI MILESTONE*/
/*--------------*/
.ebsi-milestone h2 { margin-bottom: 30px;}
.ebsi-milestone .timeline { display:none;}
.ebsi-milestone img { display:block;}
@media only screen and (max-width: 574px) {
.ebsi-milestone img { display:none;}
.ebsi-milestone .timeline { display:block;}
}
/*EBSI SERVICE*/
/*------------*/
.ebsi-service .cef-equal-height-container { margin-top:30px;}
.ebsi-service .cef-equal-height-column { width:32%; background-color: rgba(255,255,255,0.4); border-radius: 10px;}
.ebsi-service .cef-equal-height-content { padding:20px; height:440px; background-color: rgba(255,255,255,0.8); border-radius: 10px;}
.ebsi-service h3:after { display:block; margin-top:30px; margin-bottom:30px; content:""; width:25px; height:5px; background-color: #ffd417;}
@media only screen and (max-width: 768px) {
.ebsi-service .cef-equal-height-content { height:600px;}
}
@media only screen and (max-width: 574px) {
.ebsi-service .cef-equal-height-content { height:auto;}
}
/*GRID*/
/*----*/
@media only screen and (max-width: 574px) {
.colwrapper { margin-bottom:30px; padding-left:0; padding-right:0;}
.empty-column { display:none;}
}
/*TYPOGRAPHY*/
/*----------*/
.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2;}
.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2;}
.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2;}
.display-4 { font-size: 3.5rem !important; font-weight: 300; line-height: 1.2;}
.wiki-content h1, .brikit-content-layers .h1, .brikit-content-layers .h1:first-child { font-size: 3.157em; line-height: 1.2;}
.wiki-content h2, .brikit-content-layers .h2, .brikit-content-layers .h2:first-child { font-size: 2.369em; line-height: 1.2;}
.wiki-content h3, .brikit-content-layers .h3, .brikit-content-layers .h3:first-child { font-size: 1.777em; line-height: 1.2;}
.wiki-content h4, .brikit-content-layers .h4, .brikit-content-layers .h4:first-child {font-size: 1.333em; line-height: 1.2;}
.blog-blockquotes h2, .brikit-canvas p { line-height:1.4em;}
@media only screen and (max-width: 574px) {
.wiki-content h1, .brikit-content-layers .h1, .brikit-content-layers .h1:first-child { font-size: 2.5em;}
.wiki-content h2, .brikit-content-layers .h2, .brikit-content-layers .h2:first-child { font-size: 1.8em;}
.wiki-content h3, .brikit-content-layers .h3, .brikit-content-layers .h3:first-child, .blog-blockquotes h2 { font-size: 1.4em;}
.blog-blockquotes h2 { font-size: 1.4em !important;}
.wiki-content h4, .brikit-content-layers .h4, .brikit-content-layers .h4:first-child {font-size: 1.1em;}
}
/*UTILITIES*/
/*---------*/
/*EQUAL HEIGHT COL*/
.cef-equal-height-container { display: table; width: 100%;}
.cef-equal-height-column { float:none; display: table-cell; vertical-align:top;}
.cef-equal-height-empty-column { float:none; display: table-cell; width:15px;}
.cef-equal-height-content { margin:20px;}
@media only screen and (max-width: 574px) {
.cef-equal-height-column { margin-bottom:15px; display: inline-block; width: 100% !important;}
.cef-equal-height-empty-column { display:none;}
}
/*TIMELINE*/
.timeline * { box-sizing: border-box;}
.timeline { margin: 0 auto; position: relative;}
.timeline::after { margin-left: -3px; position: absolute; top: 0; left: 50%; bottom: 0; content: ''; width: 6px; background-color: #eee;}
.timeline-year { padding:20px; text-align:center; background-color: #eee; border-radius: 10px;}
.timeline-container { position: relative; padding: 10px 40px; width: 50%;}
.timeline-container.step-point::after { z-index: 1; content: ''; position: absolute; top: 0; right: -17px; width: 35px; height: 35px; border-radius: 50%;}
.step-point-first-color::after { background-color: #003666; border: 4px solid #0076c7;}
.step-point-second-color::after { background-color: #ffd417; border: 4px solid #0076c7;}
.timeline-container.timeline-right.line-second-color::before {margin-left: 6px; position: absolute; top: 0; left: 0; bottom: 0; content: ''; width: 6px; background-color: #ffd417;}
.timeline-container.timeline-left.line-second-color::before {margin-right: -12px; position: absolute; top: 0; right: 0; bottom: 0; content: ''; width: 6px; background-color:#ffd417;}
.timeline-left { left: 0;}
.timeline-right { left: 50%;}
.timeline-left::before { z-index: 1; position: absolute; top: 22px; right: 30px;}
.timeline-right::before { z-index: 1; position: absolute; top: 22px; left: 30px;}
.timeline-right::after { left: -16px;}
.timeline-content { padding-bottom:20px; position: relative; background-color: white;}
@media only screen and (max-width: 574px)
{
.timeline::after { left: 15px;}
.timeline-container { width: 100%;}
.timeline-right { left: 5%;}
.timeline-container.timeline-left.line-second-color::before { left: 0; margin-left: 23px;}
}
.horizontal-align { margin:0 auto; float:none;}
.text-center { text-align:center;}
.clearfix { width:100%; overflow: auto;}
.clearfix::after { content: ""; clear: both; display: table;}
.img-responsive { max-width: 100%; height: auto;}
.text-half-size { font-size:50%;}
/*SPECIFIC STYLE FOR THIS PAGE*/
/*----------------------------*/
.brikit-footer-backdrop {margin-top: 0;}
.aui-button.action-button { color:#141F3E; background-color:#f8cc02 !important; -webkit-transition: 0.3s; transition: 0.3s;}
.aui-button.action-button:hover { text-decoration: underline; background-color:#FFE570 !important;}
|
|
|