File "booking-failed.php"

Full path: /home/sokha/public_html/bokormarathon.com.kh/bk_v1_18082023/booking-failed.php
File size: 43.14 B (43.14 KB bytes)
MIME-type: text/html
Charset: utf-8

Download   Open   Edit   Advanced Editor   Back

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="https://bokormarathon.com.kh" />
    <title>Preah Monivong Bokor Marathon - Register</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/flexslider.css" rel="stylesheet" />
    <style type="text/css">
        /* 1. General */
        body {
            font-family:'Open Sans', Arial, sans-serif;
            font-size:14px;
            font-weight:300;
            line-height:1.6em;
            color:#656565;
        }
        a:hover,a:active {outline:0}
        h1,h2, h3, h4, h5, h6 {
            font-family:'Open Sans', Arial, sans-serif;
            font-weight:700;
            line-height:1.1em;
            color:#333;
            margin-bottom: 20px;
        }
        ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        /* 2. layout */
        #wrapper{
            width:100%;
            margin:0;	
            padding:0;
        }
        .row.nomargin,.row-fluid.nomargin {
            margin-bottom:0;
        }

        /* 3. Responsive media */
        .video-container,.map-container,.embed-container{ 
            position:relative; margin:0 0 15px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:none; 
        }
        .embed-container iframe,
        .embed-container object,
        .embed-container embed,
        .video-container iframe,
        .map-container iframe,
        .map-container object,
        .map-container embed,
        .video-container object,  
        .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
        iframe {
            border:none;
        }
        img.img-polaroid {
            margin:0 0 20px 0;
        }
        .img-box {
            max-width:100%;
        }
        /* 4. Header */
        header .navbar {
            margin-bottom: 0;
        }
        .navbar-default {
            border: none;
        }
        .navbar-brand {
            color: #222;
            text-transform: uppercase;
            font-size: 24px;
            font-weight: 700;
            line-height: 1em;
            letter-spacing: -1px;
            margin-top: 30px;
            padding: 0 0 0 15px;
        }
        header .navbar-collapse  ul.navbar-nav {
            float: right;
            margin-right: 0;
        }
        header .navbar-default{
            background-color: #fff;
        }
        header .nav li a:hover,
        header .nav li a:focus,
        header .nav li.active a,
        header .nav li.active a:hover,
        header .nav li a.dropdown-toggle:hover,
        header .nav li a.dropdown-toggle:focus,
        header .nav li.active ul.dropdown-menu li a:hover,
        header .nav li.active ul.dropdown-menu li.active a{
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }
        header .navbar-default .navbar-nav > .open > a,
        header .navbar-default .navbar-nav > .open > a:hover,
        header .navbar-default .navbar-nav > .open > a:focus {
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }
        header .navbar {
            min-height: 100px;
        }
        header .navbar-nav > li  {
            padding-bottom: 30px;
            padding-top: 30px;
        }
        header  .navbar-nav > li > a {
            padding-bottom: 6px;
            padding-top: 5px;
            margin-left: 2px;
            line-height: 30px;
            font-weight: 700;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
        }
        .dropdown-menu li a:hover {
            color: #fff !important;
        }
        header .nav .caret {
            border-bottom-color: #f5f5f5;
            border-top-color: #f5f5f5;
        }
        .navbar-default .navbar-nav > .active > a,
        .navbar-default .navbar-nav > .active > a:hover,
        .navbar-default .navbar-nav > .active > a:focus {
        background-color: #fff;
        }
        .navbar-default .navbar-nav > .open > a,
        .navbar-default .navbar-nav > .open > a:hover,
        .navbar-default .navbar-nav > .open > a:focus {
        background-color:  #fff;
        }	
        .dropdown-menu  {
            box-shadow: none;
            border-radius: 0;
            border: none;
        }
        .dropdown-menu li:last-child  {
            padding-bottom: 0 !important;
            margin-bottom: 0;
        }
        header .nav li .dropdown-menu  {
        padding: 0;
        }

        header .nav li .dropdown-menu li a {
        line-height: 28px;
        padding: 3px 12px;
        }

        /* --- menu --- */

        header .navigation {
            float:right;
        }

        header ul.nav li {
            border:none;
            margin:0;
        }

        header ul.nav li a {	
            font-size:12px;
            border:none;
            font-weight:700;
            text-transform:uppercase;
        }

        header ul.nav li ul li a {	
            font-size:12px;
            border:none;
            font-weight:300;
            text-transform:uppercase;
        }

        .navbar .nav > li > a {
        color: #111;
        text-shadow: none;
        }

        .navbar .nav a:hover {
            background:none;
        }

        .navbar .nav > .active > a,.navbar .nav > .active > a:hover {
            background:none;
            font-weight:700;
        }

        .navbar .nav > .active > a:active,.navbar .nav > .active > a:focus {
            background:none;
            outline:0;
            font-weight:700;
        }
        .navbar .nav li .dropdown-menu {
            z-index:2000;
        }
        header ul.nav li ul {
            margin-top:1px;
        }
        header ul.nav li ul li ul {
            margin:1px 0 0 1px;
        }
        .dropdown-menu .dropdown i {
            position:absolute;
            right:0;
            margin-top:3px;
            padding-left:20px;
        }
        .navbar .nav > li > .dropdown-menu:before {
        display: inline-block;
        border-right: none;
        border-bottom: none;
        border-left: none;
        border-bottom-color: none;
        content:none;
        }
        ul.nav li.dropdown a {
            z-index:1000;
            display:block;
        }
        select.selectmenu {
            display:none;
        }

        /* 5. Section: Featured */

        #featured{
            width: 100%;
            background:#fcfcfc;
            position:relative;
            margin:0;
            padding:0;
        }
        /* 6. Sliders */
        /* --- flexslider --- */

        #featured .flexslider {
            padding:0;
            margin: 0; 
            background: #fff; 
            position: relative; 
            zoom: 1;
        }

        .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
        .flex-caption { bottom: 35px; background-color: rgba(0, 0, 0, 0.8); color: #fff; margin: 0; padding: 25px 25px 25px 30px; position: absolute; right: 0; width: 295px;}
        .flex-caption h3 {color: #fff; letter-spacing: 1px; margin-bottom: 8px; text-transform: uppercase;}
        .flex-caption p {margin: 0 0 15px;}

        /* 7. Section: call action */
        section.callaction {
            background:#f9f9f9;
            padding:50px 0 0 0;
        }

        /* 8. Section: Content */
        #content {
            position:relative;
            background:#fff;
            padding:0px 0 0px 0;
        }

        #content img {
            max-width:100%;
            height:auto;
            border:1px solid #ccc;
            /*margin-bottom:20px*/
        }
        #content p img{
            margin-bottom:0;
        }
        #content .winner-list p img{
            margin-bottom:20px
        }
        /* --- Call to action --- */

        .cta-text {
            text-align: center;
            margin-top:10px;
        }

        .big-cta .cta {
            margin-top:10px;
        }

        /* --- box --- */

        .box {
            width: 100%;
        }
        .box-gray  {
            background: #f8f8f8;
            padding: 20px 20px 30px;
        }
        .box-gray  h4,.box-gray  i {
            margin-bottom: 20px;
        }
        .box-bottom {
            padding: 20px 0;
            text-align: center;
        }
        .box-bottom a {
            color: #fff;
            font-weight: 700;
        }
        .box-bottom a:hover {
            color: #eee;
            text-decoration: none;
        }
        /* 9. Section: Bottom */
        #bottom {
            background:#fcfcfc;
            padding:50px 0 0;

        }
        /* twitter */
        #twitter-wrapper {
            text-align: center;
            width: 70%;
            margin: 0 auto;
        }
        #twitter em {
            font-style: normal;
            font-size: 13px;
        }

        #twitter em.twitterTime a {
            font-weight:600;
        }

        #twitter ul {
            padding: 0;
            list-style:none;
        }
        #twitter ul li {
            font-size: 20px;
            line-height: 1.6em;
            font-weight: 300;
            margin-bottom: 20px;
            position: relative;
            word-break: break-word;
        }


        /* 10. Inner - Section: page headline */

        #inner-headline{
            background:#252525;
            position:relative;
            margin:0;
            padding:0;
            color:#fefefe;
        }

        #inner-headline .inner-heading h2 {
            color:#fff;
            margin:20px 0 0 0;
        }

        /* --- breadcrumbs --- */
        #inner-headline ul.breadcrumb {
            margin:30px 0 0;
            float:left;
        }

        #inner-headline ul.breadcrumb li {
            margin-bottom:0;
            padding-bottom:0;
        }
        #inner-headline ul.breadcrumb li {
            font-size:13px;
            color:#fff;
        }

        #inner-headline ul.breadcrumb li i{
            color:#dedede;
        }

        #inner-headline ul.breadcrumb li a {
            color:#fff;
        }

        ul.breadcrumb li a:hover {
            text-decoration:none;
        }

        /* --- search form --- */
        .search{
            float:right;
            margin:35px 0 0;
            padding-bottom:0;
        }

        #inner-headline form.input-append {
            margin:0;
            padding:0;
        }
        
        /* --- portfolio detail --- */
        .top-wrapper {
            margin-bottom:20px;
        }
        /* --- button --- */
        .btn-theme {
            color: #fff;
        }
        .btn-theme:hover {
            color: #eee;
        }

        /* --- list style --- */

        ul.general {
            list-style:none;
            margin-left:0;
        }

        ul.link-list{
            margin:0;
            padding:0;
            list-style:none;
        }

        ul.link-list li{
            margin:0;
            padding:2px 0 2px 0;
            list-style:none;
        }

        footer ul.link-list li a{
            color:#fff;
        }
        footer ul.link-list li a:hover {
            color:#eee;
        }
        /* --- Heading style --- */

        h4.heading {
            font-weight:700;
        }

        .heading { margin-bottom: 30px; position: relative; }

        .widgetheading {
            width:100%;

            padding:0;
        }

        #bottom .widgetheading {
            position: relative;
            border-bottom: #e6e6e6 1px solid;
            padding-bottom: 9px;
        }

        aside .widgetheading {
            position: relative;
            border-bottom: #e9e9e9 1px solid;
            padding-bottom: 9px;
        }

        footer .widgetheading {
            position: relative;
        }

        footer .widget .social-network {
            position:relative;
        }

        #bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {	
            position: absolute;
            width: 60px;
            height: 1px;
            bottom: -1px;
            right:0;

        }

        /* --- pagination --- */

        #pagination a,
        #pagination span {
            display: block;
            float: left;
            margin: 0 7px 0 0;
            padding: 7px 10px 6px 10px;
            font-size: 12px;
            line-height:12px;
            color: #888;
            font-weight:600;
        }

        #pagination a:hover {
            color: #fff;
            text-decoration:none;
        }

        #pagination span.current {
            background: #333;
            color: #fff;
            font-weight: bold;
        }

        /* 13. Aside, sidebar */

        aside{
            position:relative;
            margin-bottom:40px;
        }

        .sidebar-nav{
            float:left;
            width:100%;
        }

        .right-sidebar{
            border-left:1px solid #f5f5f5;
            padding:0 0 0 30px;
        -webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
        box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);

        }

        .left-sidebar{
            border-right:1px solid #f5f5f5;
            padding:0 30px 0 0;
        -webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
        box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01);
        }

        .left-sidebar .widget h3, .left-sidebar .widget .widget-content{
            padding-right:20px;
        }

        aside .widget {
            margin-bottom:40px;
        }

        ul.cat, ul.recent, ul.folio-detail, ul.contact-info{
            margin:0;
            padding:0;
            list-style:none;
        }

        ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li{
            margin:0 0 15px 0;
            list-style:none;
        }

        ul.cat li a, ul.folio-detail li a{
            color:#656565;
        }

        ul.folio-detail li label{
            display:inline;
            cursor:default;
            color:#353535;
            font-weight:bold;
        }

        .widget ul.recent li {
            margin-bottom:20px;
        }

        ul.recent li h6 {
            margin:0 0 10px 0;
        }

        ul.recent li h6 a{
            color:#353535;
            font-size:16px;
            font-weight:600;
        }

        .widget ul.tags {
            list-style:none;
            margin:0;
            margin-left: 0;
            padding-left:0;
        }

        .widget ul.tags li {
            margin:0 5px 15px 0;
            display:inline-block;
        }

        .widget ul.tags li a {
            background:#e6e6e6;
            color:#333;
            padding:5px 10px;
        }

        .widget ul.tags li a:hover {
            text-decoration:none;
            color:#fff;
        }

        /* ===== Widgets ===== */

        /* --- flickr --- */
        .widget .flickr_badge {
            width:100%;
        }
        .widget .flickr_badge img { margin: 0 9px 20px 0; }

        footer .widget .flickr_badge {
            width: 100%;
        }
        footer .widget .flickr_badge img {
            margin: 0 9px 20px 0;
        }

        .flickr_badge img {
            width: 50px;
            height: 50px;
            float: left;
            margin: 0 9px 20px 0;
        }

        /* --- latest tweet widget --- */

        .twitter ul{
            margin-left:0;
            list-style:none;
        }

        .twitter  img{
            float: left;
            margin-right: 15px;
        }
        .twitter span.tweet_time{
            display: block;
            padding-bottom: 5px;

        }
        .twitter li{    
            border-bottom: 1px dashed #efefef;    
            padding-bottom: 20px;
            margin-bottom: 20px;
            list-style: none;
        }
        .twitter li:last-child{border: none;}

        /* --- Recent post widget --- */

        .recent-post{
            margin:20px 0 0 0;
            padding:0;
            line-height:18px;
        }

        .recent-post h5 a:hover {
            text-decoration:none;
        }

        .recent-post .text h5 a {
            color:#353535;
        }

        ul.time-post{
            float:left;
            width:120px;
            padding:0;
            list-style:none;
            margin:0 20px 0 0;
            text-align:center;
            color: #0e0f0f;
        }

        ul.time-post li{
            float:none;
            background:#f8f8f8;
            list-style:none;
            margin:0 0 2px 0;
            padding:0;
        }

        ul.time-post li a img:hover{
            opacity: 0.8; 
            /* For IE 5-7 */
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
            /* For IE 8 8 */
            -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	
        }
            
        ul.time-post li.time{
            float:none;
            padding:5px 0 5px 0;
            text-shadow: none;	
        }

        .recent-post ul.time-post li.time{
            color:#121214;
        }

        .post-meta{
            margin-bottom:20px;
        }

        .post-meta span{
            padding:0 10px 0 10px;
            margin-bottom:10px;
        }

        .post-meta span a{
            color:#919191;
        }

        .post-meta strong{
            font-weight:200px;
            color:#c7c7c7;
        }

        .item .text {
            margin-left:140px;
            margin-bottom:20px;
        }

        /* === 13. Footer === */

        footer{
            padding:50px 0 0 0;
            color:#f8f8f8;
            background:#68A4C4;
        }

        footer .p-0{
            padding: 0
        }

        footer .b-r{
            border-right: 1px solid #4c9bc5
        }

        footer a {
            display: block;
            color:#fff;
        }

        footer a:hover {
            color:#eee;
        }

        footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
            color:#fff;
        }

        footer address {
            line-height:1.6em;
        }

        footer h5 a:hover, footer a:hover {
            text-decoration:none;
        }

        ul.social-network {
            list-style:none;
            margin:0;
        }

        ul.social-network li {
            display:inline;
            margin: 0 5px;
        }

        #sub-footer{
            background:#68A4C4;
            text-shadow:none;
            color:#f5f5f5;
            padding:0;
            padding-top:0px;
            margin:0px 0 0 0;
        }

        #sub-footer p{
            margin:0;
            padding:0;
        }

        #sub-footer span{
            color:#f5f5f5;
        }

        .copyright {
            text-align:left;
            font-size:12px;
        }

        #sub-footer ul.social-network {
            float:right;
        }

        /* ==== 17. Divider, Line & Misc ==== */

        .solidline {
            border-top:1px solid #f5f5f5;
            margin:0 0 30px;
        }

        .dottedline {
            border-top:1px dotted #f5f5f5;
            margin:0 0 30px;
        }

        .dashedline {
            border-top:1px dashed #f5f5f5;
            margin:0 0 30px;
        }

        .blankline {
            height:1px;
            margin:0 0 30px;
        }

        /* scroll to top */
        .scrollup{
            position:fixed;
            width:32px;
            height:32px;
            bottom:0px;
            right:20px;
            background: #222;
            
        }

        a.scrollup {
            outline:0;
            text-align: center;
        }

        a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
            opacity:1;
            text-decoration:none;
        }
        a.scrollup i {
            margin-top: 10px;
            color: #fff;
        }
        a.scrollup i:hover {
            text-decoration:none;
        }

        /* ==== 18. Position & alignment ==== */

        .absolute{
            position:absolute;
        }

        .relative{
            position:relative;
        }

        .aligncenter{
            text-align:center;
        }

        .aligncenter span{
            margin-left:0;
        }

        .floatright {
            float:right;
        }

        .floatleft {
            float:left;
        }

        .floatnone {
            float:none;
        }

        .aligncenter {
            text-align:center;
        }

        /* --- Image allignment style --- */

        img.pull-left, .align-left{
            float:left;
            margin:0 15px 15px 0;
        }

        .widget img.pull-left {
            float:left;
            margin:0 15px 15px 0;
        }

        img.pull-right, .align-right {
            float:right;
            margin:0 0 15px 15px;
        }

        article img.pull-left, article .align-left{
            float:left;
            margin:5px 15px 15px 0;
        }

        article img.pull-right, article .align-right{
            float:right;
            margin:5px 0 15px 15px;
        }

        /* ==== 20. Spacer, margin ==== */

        .clear-marginbot{
            margin-bottom:0;
        }

        .marginbot10{
            margin-bottom:10px;
        }
        .marginbot20{
            margin-bottom:20px;
        }
        .marginbot30{
            margin-bottom:30px;
        }
        .marginbot40{
            margin-bottom:40px;
        }

        .clear-margintop{
            margin-top:0;
        }

        .margintop10{
            margin-top:10px;
        }

        .margintop20{
            margin-top:20px;
        }

        .margintop30{
            margin-top:30px;
        }

        .margintop40{
            margin-top:40px;
        }
        .w-table{
            position: relative;
            overflow-x: scroll;
        }

        /* === 21. Media queries ==== */

        @media (min-width: 768px) and (max-width: 979px) {
            a.detail{
                background:none;
                width:100%;
            }

            footer .widget form  input#appendedInputButton {
                display: block;
                width: 91%;
                -webkit-border-radius: 4px 4px 4px 4px;
                    -moz-border-radius: 4px 4px 4px 4px;
                        border-radius: 4px 4px 4px 4px;
            }
            
            footer .widget form  .input-append .btn {
                display: block;
                width: 100%;
                padding-right: 0;
                padding-left: 0;
                -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                        box-sizing: border-box;
                        margin-top:10px;
            }

            ul.related-folio li{
                width:156px;
                margin:0 20px 0 0;
            }	
        }

        @media (max-width: 767px) {
            .navbar-brand {
                margin-top: 10px;
                border-bottom: none;
            }
            .navbar-header {
                margin-top: 20px;
                border-bottom: none;
            }
            .navbar-header .logo img{
                padding-left:15px;
                height: 70px
            }
            .navbar-header .log{
                padding-left: 15px
            }
            .navbar-nav {
                border-top: none;
                float: none;
                width: 100%;
            }
            header .navbar-nav > li  {
                padding-bottom: 0;
                padding-top: 0;
            }
            header .nav li .dropdown-menu  {
                margin-top: 0;
            }
            .dropdown-menu {
            position: absolute;
            top: 0;
            left: 40px;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 160px;
            padding: 5px 0;
            margin: 2px 0 0;
            font-size: 13px;
            list-style: none;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #f5f5f5;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: 0;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
                    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            }
            .navbar-collapse.collapse  {
                border: none;
                overflow: hidden;
            }
            .box {
                border-bottom:1px solid #e9e9e9;
                padding-bottom:20px;
            }
            #featured .flexslider .slide-caption {
                width: 90%; 
                padding: 2%; 
                position: absolute; 
                left: 0; 
                bottom: -40px; 
            }
            #inner-headline .breadcrumb {
                float:left;
                clear:both;
                width:100%;
            }
            .breadcrumb > li {
                font-size:13px;
            }
            ul.portfolio li article a i.icon-48{
                width:20px;
                height:20px;
                font-size:16px;
                line-height:20px;
            }

            .left-sidebar{
                border-right:none;
                padding:0 0 0 0;
                border-bottom: 1px dotted #e6e6e6;
                padding-bottom:10px;
                margin-bottom:40px;
            }
            .right-sidebar{
                margin-top:30px;
                border-left:none;
                padding:0 0 0 0;
            }
            
            footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, 
            footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12{
                margin-bottom:20px;
            }

            #sub-footer ul.social-network {
                float:left;
            }
            [class*="span"] {
                margin-bottom:20px;
            }
            .wizard .steps > ul li .bd-wizard-step-title{
                display:none
            }
            .step_title{
                font-size: 15px
            }
        }

        @media (max-width: 480px) {
            .bottom-article a.pull-right {
                float:left;
                margin-top:20px;
            }
            .search{
                float:left;
            }

            .flexslider .flex-caption {
                display:none;
            }
            .cta-text {
                margin:0 auto;
                text-align:center;	
            }
            
            ul.portfolio li article a i{
                width:20px;
                height:20px;
                font-size:14px;
            }
        }

        @media (max-width: 360px) {

        }

        .marathon-information th, .bank-account th{
            padding:10px;
            background:#efefef;
            text-align:center;
        }
        .marathon-information td, .bank-account td{
            padding:5px	10px;
            border:1px solid #eee;
        }
        p,ul{
            margin-top:10px	
        }
        .main-sponsor{
        text-align:center;	
        }
        .main-sponsor .inline{
            padding: 15px 0
        }
        .main-sponsor .inline a{
            display: inline-block;
        }
        .inline a img{width: 85px}
        .event-sponsor a img{width:77px}
        .main-sponsor h5{
        padding:8px 0;
        /*border:1px solid #fff;*/
        border-left:none;
        border-right:none;	
        }
        .main-sponsor h5.line-2{
            height: 50px;
            margin-bottom: 0
        }
        .main-sponsor a{
        margin-right:0px	
        }
        ul.sponsor-list{
            display: inline-block;
            list-style: outside none none;
            margin: 0;
            width: 100%;
            border-bottom: 1px solid #4c9bc5;
            padding-bottom: 15px;
        }
        ul.sponsor-list li {
            float: left;
            position: relative;
        }
        ul.sponsor-list li .p-15{
            padding: 0 15px
        }
        ul.sponsor-list .b-l {
            border-left: 1px solid #4c9bc5;
        }
        ul.sponsor-list li h5{
            text-align: center;
        }
        ul.sponsor-list li a{
            display: inline-block;
        }
        ul.sponsor-list li a img{
            width: 79px
        }
        .f-logo{
            mix-blend-mode: multiply;
        }

        /* === color === */

        a, a:hover,a:focus,a:active, footer a.text-link:hover, strike, .post-meta span a:hover, footer a.text-link, 
        ul.meta-post li a:hover, ul.cat li a:hover, ul.recent li h6 a:hover, ul.portfolio-categ li.active a, ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover,ul.related-post li h4 a:hover, span.highlight,article .post-heading h3 a:hover,
        .navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > li > a:hover,.navbar .nav > li > a:focus,.navbar .nav > .active > a:focus, .validation  { 
            color:#1ba1ad;
        }

        .navbar-brand span{
            color: #68A4C4;
        }

        header .nav li a:hover,
        header .nav li a:focus,
        header .nav li.active a,
        header .nav li.active a:hover,
        header .nav li a.dropdown-toggle:hover,
        header .nav li a.dropdown-toggle:focus,
        header .nav li.active ul.dropdown-menu li a:hover,
        header .nav li.active ul.dropdown-menu li.active a{
            color:#68A4C4;
        }
        .navbar-default .navbar-nav > .active > a,
        .navbar-default .navbar-nav > .active > a:hover,
        .navbar-default .navbar-nav > .active > a:focus {
            color:#68A4C4;
        }
        .navbar-default .navbar-nav > .open > a,
        .navbar-default .navbar-nav > .open > a:hover,
        .navbar-default .navbar-nav > .open > a:focus {
            color:#68A4C4;
        }	
        .dropdown-menu > .active > a,
        .dropdown-menu > .active > a:hover,
        .dropdown-menu > .active > a:focus {
            color:#68A4C4;
        }
        /* === background color === */

        .custom-carousel-nav.right:hover, .custom-carousel-nav.left:hover, 
        .dropdown-menu li:hover,
        .dropdown-menu li a:hover,
        .dropdown-menu li > a:focus,
        .dropdown-submenu:hover > a, 
        .dropdown-menu .active > a,
        .dropdown-menu .active > a:hover,
        .pagination ul > .active > a:hover,
        .pagination ul > .active > a,
        .pagination ul > .active > span,
        .flex-control-nav li a:hover, 
        .flex-control-nav li a.active {
        background-color: #68A4C4;
        }

        .breadcrumb {
        background-color: #68A4C4;
        }

        /* === border color === */
        .pagination ul > li.active > a,
        .pagination ul > li.active > span, a.thumbnail:hover, input[type="text"].search-form:focus {
            border:1px solid #68A4C4;
        }

        textarea:focus,
        input[type="text"]:focus,
        input[type="password"]:focus,
        input[type="datetime"]:focus,
        input[type="datetime-local"]:focus,
        input[type="date"]:focus,
        input[type="month"]:focus,
        input[type="time"]:focus,
        input[type="week"]:focus,
        input[type="number"]:focus,
        input[type="email"]:focus,
        input[type="url"]:focus,
        input[type="search"]:focus,
        input[type="tel"]:focus,
        input[type="color"]:focus,
        .uneditable-input:focus {
        border-color: #68A4C4;
        }

        input:focus {
            border-color: #68A4C4;
        }

        #sendmessage {
            color: #68A4C4;
        }

        .pullquote-left {
            border-left:5px solid #68A4C4;
        }

        .pullquote-right {
            border-right:5px solid #68A4C4;
        }

        /* cta */
        .cta-text h2 span {
            color: #68A4C4;
        }
        ul.clients li:hover {
            border:4px solid #68A4C4;
        }

        /* box */
        .box-bottom {
            background:#68A4C4;
        }

        /* buttons */
        .btn-dark:hover,.btn-dark:focus,.btn-dark:active  {
        background: #68A4C4;
        border:1px solid #68A4C4;
        }

        .btn-theme {
        border:1px solid #68A4C4;
        background: #68A4C4;
        }

        /* modal styled */
        .modal.styled .modal-header {
            background-color: #68A4C4;
        }


        /* blog */
        .post-meta {
            border-top:4px solid #68A4C4;
        }

        .post-meta .comments a:hover  {
            color:#68A4C4;
        }

        .widget ul.tags li a:hover {
            background: #68A4C4;
        }

        .recent-post .text h5 a:hover{
            color:#68A4C4;
        }

        /* pricing box */

        .pricing-box-alt.special .pricing-heading {
            background: #68A4C4;
        }

        /* portfolio */
        .item-thumbs .hover-wrap .overlay-img-thumb {
            background: #68A4C4;	
        }

        /* pagination */
        #pagination a:hover {
            background: #68A4C4;
        }

        /* fontawesome icons */
        .icon-square:hover,
        .icon-rounded:hover,
        .icon-circled:hover {
            background-color: #68A4C4;
        }
        [class^="icon-"].active,
        [class*=" icon-"].active {
            background-color: #68A4C4;
        }

        /* parallax c slider */
        .da-slide .da-link:hover{
            background: #68A4C4;
            border: 4px solid #68A4C4;
        }
        .da-dots span{
            background: #68A4C4;
        }

        /* flexslider */
        #featured .flexslider .slide-caption {
            border-left:5px solid #68A4C4;
        }

        /* Nivo slider */
        .nivo-directionNav a:hover {
            background-color: #68A4C4;
        }
        .nivo-caption, .caption {
            border-bottom: #68A4C4 5px solid;
        }
        .top_title{
            margin-top: 30px
        }
        .r_red {
            color: #AE2018;
        }
        input[type="radio"], input[type="checkbox"]{
            margin-right: 5px
        }
        .c_select{
            background-color: #fff;
            border: 1px solid #ccc;
            line-height: 30px;
        }
        .accom_content label{font-weight: normal !important}
        .mb-10{margin-bottom: 10px}
        label.error {
            color: red;
            font-size: 12px;
            font-weight: normal;
        }
    </style>
</head>
<body>
    
<div id="wrapper">
	<!-- start header -->
	<header>
        <div class="navbar navbar-default navbar-static-top">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <?php include('include/logo.php'); ?>
                </div>
                <div class="navbar-collapse collapse ">
                   <?php include('include/menu.php'); ?>
                </div>
            </div>
        </div>
	</header>
	<!-- end header -->
	<section id="featured">
        <!-- Slider -->
        <?php include('include/slideshow.php'); ?>
        <!-- end slider -->
	</section>

	<section id="content-wrap">
	    <div class="container">
		    <div class="row">
			    <div class="col-md-12">
                    <div class="send-mail" style="padding: 50px 0; text-align:center">
                        <h2 class="text-warning">Sorry, Your Request For Booking Marathon Failed</h2>
                        <p>Please try to fill your infomation on register form again or</p>
                        <p>
                            Please kindly contact us at +855 16 616 126 | 97 561 6116 or email us by <a href="mailto:dos.corp@sokhahotels.com?subject=Marathon Booking - Thansur Sokha Hotel" class="italic"><b>click here</b>.</a>
                        </p>   
                    </div>
                </div>
            </div>
        </div>
	</section>

	<footer>
        <div class="container">
            <?php include('include/footer.php'); ?>
        </div>
        <div id="sub-footer">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="copyright">
                            <p>
                                <span>&copy; Preah Monivong Bokor Marathon <?php echo date('Y'); ?> All right reserved.</span>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
	</footer>
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<!-- javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        "use strict";
        //scroll to top
		$(window).scroll(function(){
			if ($(this).scrollTop() > 100) {
				$('.scrollup').fadeIn();
				} else {
				$('.scrollup').fadeOut();
			}
		});
		$('.scrollup').click(function(){
			$("html, body").animate({ scrollTop: 0 }, 1000);
				return false;
		});
        
        $('#main-slider').flexslider({
            namespace           : "flex-",           //{NEW} String: Prefix string attached to the class of every element generated by the plugin
            selector            : ".slides > li",    //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
            animation           : "fade",            //String: Select your animation type, "fade" or "slide"
            easing              : "swing",           //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
            direction           : "horizontal",      //String: Select the sliding direction, "horizontal" or "vertical"
            reverse             : false,             //{NEW} Boolean: Reverse the animation direction
            animationLoop       : true,              //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
            smoothHeight        : false,             //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
            startAt             : 0,                 //Integer: The slide that the slider should start on. Array notation (0 = first slide)
            slideshow           : true,              //Boolean: Animate slider automatically
            slideshowSpeed      : 7000,              //Integer: Set the speed of the slideshow cycling, in milliseconds
            animationSpeed      : 600,               //Integer: Set the speed of animations, in milliseconds
            initDelay           : 0,                 //{NEW} Integer: Set an initialization delay, in milliseconds
            randomize           : false,             //Boolean: Randomize slide order
            
            // Usability features
            pauseOnAction       : true,              //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
            pauseOnHover        : false,             //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
            useCSS              : true,              //{NEW} Boolean: Slider will use CSS3 transitions if available
            touch               : true,              //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
            video               : false,             //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
            
            // Primary Controls
            controlNav          : true,              //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
            directionNav        : true,              //Boolean: Create navigation for previous/next navigation? (true/false)
            prevText            : "Previous",        //String: Set the text for the "previous" directionNav item
            nextText            : "Next",            //String: Set the text for the "next" directionNav item
            
            // Secondary Navigation
            keyboard            : true,              //Boolean: Allow slider navigating via keyboard left/right keys
            multipleKeyboard    : false,             //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present.
            mousewheel          : false,             //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel
            pausePlay           : false,             //Boolean: Create pause/play dynamic element
            pauseText           : 'Pause',           //String: Set the text for the "pause" pausePlay item
            playText            : 'Play',            //String: Set the text for the "play" pausePlay item
            
            // Special properties
            controlsContainer   : "",                //{UPDATED} Selector: USE CLASS SELECTOR. Declare which container the navigation elements should be appended too. Default container is the FlexSlider element. Example use would be ".flexslider-container". Property is ignored if given element is not found.
            manualControls      : "",                //Selector: Declare custom control navigation. Examples would be ".flex-control-nav li" or "#tabs-nav li img", etc. The number of elements in your controlNav should match the number of slides/tabs.
            sync                : "",                //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care.
            asNavFor            : "",                //{NEW} Selector: Internal property exposed for turning the slider into a thumbnail navigation for another slider
        });

    });
</script>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M957DFQSFY"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-M957DFQSFY');
</script>

</body>
</html>