h2 {
            font-size: 50px
        }
      
        .section-heading {
            margin-top: 60px
        }

        .sub-header {
            font-size: 20px;
            line-height: 25px
        }

        .top-p {
            font-size: 14px;
            color: #bababa
        }

        .bottom-p {
            font-size: 12px;
            color: #fff
        }

        .input-001 .form-control::-webkit-input-placeholder {
            color: #545454;
            font-size: 20px
        }

        .input-001 .form-control::-moz-placeholder {
            color: #545454;
            font-size: 20px
        }

        .input-001 .form-control:-ms-input-placeholder {
            color: #545454;
            font-size: 20px
        }

        .input-001 .form-control:-moz-placeholder {
            color: #545454;
            font-size: 20px
        }

        div.lazy {
            display: block
        }

        .message-error {
            color: red
        }

        .message-success {
            color: green
        }

        @charset "utf-8";

        html {
            font-family: sans-serif;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%
        }

        body {
            margin: 0
        }

        nav,
        section {
            display: block
        }

        a {
            background-color: transparent
        }

        b {
            font-weight: bold
        }

        h1 {
            margin: .67em 0;
            font-size: 2em
        }

        img {
            border: 0
        }

        button,
        input,
        select,
        textarea {
            margin: 0;
            font: inherit;
            color: inherit
        }

        button {
            overflow: visible
        }

        button,
        select {
            text-transform: none
        }

        button {
            -webkit-appearance: button
        }

        button::-moz-focus-inner,
        input::-moz-focus-inner {
            padding: 0;
            border: 0
        }

        input {
            line-height: normal
        }

        textarea {
            overflow: auto
        }

        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        *:before,
        *:after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        html {
            font-size: 10px
        }

        body {
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 16px;
            line-height: 1.42857143;
            color: #333;
            background-color: #fff
        }

        input,
        button,
        select,
        textarea {
            font-family: inherit;
            font-size: inherit;
            line-height: inherit
        }

        a {
            color: #337ab7;
            text-decoration: none
        }

        img {
            vertical-align: middle
        }

        .img-responsive {
            display: block;
            max-width: 100%;
            height: auto
        }

        h1,
        h2,
        h3,
        h4,
        h5 {
            font-family: inherit;
            font-weight: 500;
            line-height: 1.1;
            color: inherit
        }

        h1,
        h2,
        h3 {
            margin-top: 10px;
            margin-bottom: 10px
        }

        h4,
        h5 {
            margin-top: 10px;
            margin-bottom: 10px
        }

        h1 {
            font-size: 36px
        }

        h2 {
            font-size: 35px
        }

        h3 {
            font-size: 24px
        }

        h4 {
            font-size: 18px
        }

        h5 {
            font-size: 14px
        }

        p {
            margin: 0 0 10px
        }

        .text-left {
            text-align: left
        }

        ul {
            margin-top: 0;
            margin-bottom: 10px
        }

        ul ul {
            margin-bottom: 0
        }

        .container {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto
        }

        @media(min-width:1024px) {
            .container {
                width: 750px
            }
        }

        @media(min-width:992px) {
            .container {
                width: 970px
            }
        }

        @media(min-width:1200px) {
            .container {
                width: 1300px
            }
        }

        .container-fluid {
            padding-right: 15px;
            padding-left: 15px;
            margin-right: auto;
            margin-left: auto
        }

        .row {
            margin-right: -15px;
            margin-left: -15px
        }

        @media(min-width:1200px) {

            .col-lg-2,
            .col-lg-10,
            .col-lg-12 {
                float: left
            }

            .col-lg-12 {
                width: 100%
            }

            .col-lg-10 {
                width: 83.33333333%
            }

            .col-lg-2 {
                width: 16.66666667%
            }
        }

        .form-control {
            display: block;
            width: 100%;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
        }

        .form-control::-moz-placeholder {
            color: #999;
            opacity: 1
        }

        .form-control:-ms-input-placeholder {
            color: #999
        }

        .form-control::-webkit-input-placeholder {
            color: #999
        }

        .form-control::-ms-expand {
            background-color: transparent;
            border: 0
        }

        textarea.form-control {
            height: auto
        }

        .form-group {
            margin-bottom: 15px
        }

        .btn {
            display: inline-block;
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: normal;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px
        }

        .btn[disabled] {
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none;
            opacity: .65
        }

        .fade {
            opacity: 0
        }

        .collapse {
            display: none
        }

        .dropdown {
            position: relative
        }

        .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 160px;
            padding: 5px 0;
            margin: 2px 0 0;
            font-size: 14px;
            text-align: left;
            list-style: none;
            background-color: #fff;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: 4px;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
        }

        .dropdown-menu>li>a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-family: 'Phetsarath OT', sans-serif;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap
        }

        @media(min-width:1024px) {
            .navbar-right .dropdown-menu {
                right: -90px;
                left: auto
            }
        }

        .nav {
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

        .nav>li {
            position: relative;
            display: block
        }

        .nav>li>a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

        .navbar {
            position: relative;
            min-height: 50px;
            margin-bottom: 20px;
            border: 1px solid transparent
        }

        @media(min-width:1024px) {
            .navbar {
                border-radius: 4px
            }
        }

        @media(min-width:1024px) {
            .navbar-header {
                float: left
            }
        }

        .navbar-collapse {
            padding-right: 15px;
            padding-left: 15px;
            overflow-x: visible;
            -webkit-overflow-scrolling: touch;
            border-top: 1px solid transparent;
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
        }

        @media(min-width:1024px) {
            .navbar-collapse {
                width: auto;
                border-top: 0;
                -webkit-box-shadow: none;
                box-shadow: none
            }

            .navbar-collapse.collapse {
                display: block !important;
                height: auto !important;
                padding-bottom: 0;
                overflow: visible !important
            }
        }

        .navbar-brand {
            float: left;
            height: 50px;
            padding: 15px 15px;
            font-size: 18px;
            line-height: 20px
        }

        .navbar-toggle {
            position: relative;
            float: right;
            padding: 9px 10px;
            margin-top: 8px;
            margin-right: 15px;
            margin-bottom: 8px;
            background-color: transparent;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px
        }

        @media(min-width:1024px) {
            .navbar-toggle {
                display: none
            }
        }

        .navbar-nav {
            margin: 7.5px -15px
        }

        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 20px
        }

        @media(min-width:1024px) {
            .navbar-nav {
                float: left;
                margin: 0
            }

            .navbar-nav>li {
                float: left
            }

            .navbar-nav>li>a {
                padding-top: 15px;
                padding-bottom: 15px
            }
        }

        .navbar-nav>li>.dropdown-menu {
            margin-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        @media(min-width:1024px) {
            .navbar-right {
                float: right !important;
                margin-right: -15px
            }
        }

        .navbar-default {
            background-color: #f8f8f8;
            border-color: #e7e7e7
        }

        .navbar-default .navbar-brand {
            color: #777
        }

        .navbar-default .navbar-nav>li>a {
            color: #777
        }

        .navbar-default .navbar-nav>.active>a {
            color: #555;
            background-color: #e7e7e7
        }

        .navbar-default .navbar-toggle {
            border-color: #ddd
        }

        .close {
            float: right;
            font-size: 21px;
            font-weight: bold;
            line-height: 1;
            color: #000;
            text-shadow: 0 1px 0 #fff;
            filter: alpha(opacity=20);
            opacity: .2
        }

        button.close {
            -webkit-appearance: none;
            padding: 0;
            background: transparent;
            border: 0
        }

        .modal {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 99999999;
            display: none;
            overflow: hidden;
            -webkit-overflow-scrolling: touch;
            outline: 0
        }

        @media(min-width:992px) {
            .modal-lg {
                width: 900px
            }
        }

        .clearfix:before,
        .clearfix:after,
        .container:before,
        .container:after,
        .container-fluid:before,
        .container-fluid:after,
        .row:before,
        .row:after,
        .nav:before,
        .nav:after,
        .navbar:before,
        .navbar:after,
        .navbar-header:before,
        .navbar-header:after,
        .navbar-collapse:before,
        .navbar-collapse:after,
        .modal-header:before,
        .modal-header:after {
            display: table;
            content: " "
        }

        .clearfix:after,
        .container:after,
        .container-fluid:after,
        .row:after,
        .nav:after,
        .navbar:after,
        .navbar-header:after,
        .navbar-collapse:after,
        .modal-header:after {
            clear: both
        }

        @-ms-viewport {
            width: device-width
        }

        .visible-xs,
        .visible-sm,
        .visible-md,
        .visible-lg {
            display: none !important
        }

        @media(max-width:767px) {
            .visible-xs {
                display: block !important
            }
        }

        @media(min-width:768px) and (max-width:991px) {
            .visible-sm {
                display: block !important
            }
        }

        @media(min-width:992px) and (max-width:1199px) {
            .visible-md {
                display: block !important
            }
        }

        @media(min-width:1200px) {
            .visible-lg {
                display: block !important
            }
        }

        @font-face {
            font-family: 'FontAwesome';
            src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
            src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
            font-weight: normal;
            font-style: normal
        }

        .fa {
            display: inline-block;
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .fa-envelope-o:before {
            content: "\f003"
        }

        .fa-phone:before {
            content: "\f095"
        }

        .fa-bars:before {
            content: "\f0c9"
        }

        .fa-comments-o:before {
            content: "\f0e6"
        }

        .fa-angle-double-right:before {
            content: "\f101"
        }

        .fa-user-o:before {
            content: "\f2c0"
        }

        @charset "UTF-8";

        .animated {
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }

        @-webkit-keyframes bounceInLeft {

            from,
            60%,
            75%,
            90%,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
                animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
            }

            0% {
                opacity: 0;
                -webkit-transform: translate3d(-3000px, 0, 0);
                transform: translate3d(-3000px, 0, 0)
            }

            60% {
                opacity: 1;
                -webkit-transform: translate3d(25px, 0, 0);
                transform: translate3d(25px, 0, 0)
            }

            75% {
                -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0)
            }

            90% {
                -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0)
            }

            to {
                -webkit-transform: none;
                transform: none
            }
        }

        @keyframes bounceInLeft {

            from,
            60%,
            75%,
            90%,
            to {
                -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
                animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
            }

            0% {
                opacity: 0;
                -webkit-transform: translate3d(-3000px, 0, 0);
                transform: translate3d(-3000px, 0, 0)
            }

            60% {
                opacity: 1;
                -webkit-transform: translate3d(25px, 0, 0);
                transform: translate3d(25px, 0, 0)
            }

            75% {
                -webkit-transform: translate3d(-10px, 0, 0);
                transform: translate3d(-10px, 0, 0)
            }

            90% {
                -webkit-transform: translate3d(5px, 0, 0);
                transform: translate3d(5px, 0, 0)
            }

            to {
                -webkit-transform: none;
                transform: none
            }
        }

        .bounceInLeft {
            -webkit-animation-name: bounceInLeft;
            animation-name: bounceInLeft
        }

        nav.navbar.bootsnav {
            margin-bottom: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            background-color: transparent;
            border: 0;
            z-index: 9998
        }

        nav.navbar.bootsnav ul.nav>li>a {
            color: #6f6f6f;
            background-color: transparent;
            outline: 0;
            margin-bottom: -2px
        }

        nav.navbar.bootsnav ul.nav li.active>a {
            background-color: transparent
        }

        nav.navbar.bootsnav .navbar-toggle {
            background-color: transparent;
            border: 0;
            padding: 0;
            font-size: 25px;
            position: relative;
            top: -2px
        }

        nav.navbar.bootsnav ul.nav ul.dropdown-menu>li>a {
            white-space: normal
        }

        @media(min-width:1024px) {
            nav.navbar.bootsnav ul.nav>li>a {
                padding: 15px 15px;
                font-weight: 600
            }

            nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after {
                font-family: 'FontAwesome';
                content: "\f0d7";
                margin-left: 5px;
                margin-top: 2px
            }

            nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
                -moz-box-shadow: 0;
                -webkit-box-shadow: 0;
                -o-box-shadow: 0;
                box-shadow: 0;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
                padding: 0;
                width: 200px;
                background: #fff;
                border: solid 1px #e0e0e0;
                border-top: solid 5px
            }

            nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a {
                padding: 10px 15px;
                border-bottom: solid 1px #eee;
                color: #6f6f6f
            }

            nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li:last-child>a {
                border-bottom: 0
            }

            nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
                text-align: left
            }

            nav.navbar.bootsnav.no-background {
                background-color: transparent;
                border: 0
            }

            nav.navbar.bootsnav.no-background.white ul.nav>li>a {
                color: #fff
            }
        }

        @media(max-width:992px) {
            nav.navbar.bootsnav .navbar-brand {
                display: inline-block;
                float: none !important;
                margin: 0 !important
            }

            nav.navbar.bootsnav .navbar-header {
                float: none;
                display: block;
                text-align: center;
                padding-left: 30px;
                padding-right: 30px
            }

            nav.navbar.bootsnav .navbar-toggle {
                display: inline-block;
                float: left;
                margin-right: -200px;
                margin-top: 10px
            }

            nav.navbar.bootsnav .navbar-collapse {
                border: 0;
                margin-bottom: 0
            }

            nav.navbar.bootsnav .navbar-collapse.collapse {
                display: none !important
            }

            nav.navbar.bootsnav .navbar-nav {
                float: none !important;
                padding-left: 30px;
                padding-right: 30px;
                margin: 0 -15px
            }

            nav.navbar.bootsnav .navbar-nav>li {
                float: none
            }

            nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {
                font-family: 'FontAwesome';
                content: "\f105";
                float: right;
                font-size: 16px;
                margin-left: 10px
            }

            nav.navbar.bootsnav .navbar-nav>li>a {
                display: block;
                width: 100%;
                border-bottom: solid 1px #303030;
                padding: 10px 0;
                border-top: solid 1px #303030;
                margin-bottom: -1px
            }

            nav.navbar.bootsnav .navbar-nav>li:first-child>a {
                border-top: 0
            }

            nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
                width: 100%;
                position: relative !important;
                background-color: transparent;
                float: none;
                border: 0;
                padding: 0 0 0 15px !important;
                margin: 0 0 -1px 0 !important;
                -moz-box-shadow: 0;
                -webkit-box-shadow: 0;
                -o-box-shadow: 0;
                box-shadow: 0;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0
            }

            nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
                display: block;
                width: 100%;
                border-bottom: solid 1px #e0e0e0;
                padding: 10px 0;
                color: #6f6f6f
            }

            nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
                position: fixed;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                display: block;
                background: #222;
                z-index: 99;
                width: 280px;
                height: 100% !important;
                left: -280px;
                top: 0;
                padding: 0
            }

            nav.navbar.bootsnav.navbar-mobile ul.nav {
                width: 293px;
                padding-right: 0;
                padding-left: 15px
            }

            nav.navbar.bootsnav.navbar-mobile ul.nav>li>a {
                padding: 15px 15px
            }

            nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu>li>a {
                padding-right: 15px !important;
                padding-top: 15px !important;
                padding-bottom: 15px !important
            }
        }

        @media(max-width:767px) {
            nav.navbar.bootsnav .navbar-header {
                padding-left: 15px;
                padding-right: 15px
            }

            nav.navbar.bootsnav .navbar-nav {
                padding-left: 15px;
                padding-right: 15px
            }

            nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
                margin-left: 0
            }

            nav.navbar.bootsnav.navbar-mobile ul.nav {
                margin-left: -15px
            }

            nav.navbar.bootsnav.navbar-mobile ul.nav {
                border-top: solid 1px #fff
            }
        }

        .owl-carousel {
            position: relative
        }

        .owl-carousel {
            display: none;
            width: 100%;
            z-index: 1
        }



        body {
            font-family: 'Phetsarath OT';
            color: #000
        }

        h1,
        h2,
        h3,
        h4,
        h5 {
            font-family: 'Phetsarath OT';
        }

        h2 {
            text-align: center;
            letter-spacing: 0
        }

        p {
            font-family: 'Phetsarath OT';
            color: #64686d;
            line-height: 26px
        }

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

        a {
            text-decoration: none;
            outline: 0;
            color: inherit
        }

        .padding-one {
            padding-top: 80px;
            padding-bottom: 80px
        }

        .form-group {
            position: relative
        }

        .form-control {
            display: block;
            width: 100%;
            height: 47px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #000;
            background-color: transparent;
            background-image: none;
            border: 1px solid #dfdfdf;
            border-radius: 0;
            box-shadow: none
        }

        .form-control::-moz-placeholder {
            color: #fff;
            opacity: 1;
            filter: Alpha(Opacity=100)
        }

        .form-control:-ms-input-placeholder {
            color: #fff
        }

        .form-control::-webkit-input-placeholder {
            color: #fff
        }

        .btn {
            padding: 10px 20px;
            font-family: 'Kanit', sans-serif;
            font-size: 18px;
            letter-spacing: .5px;
            border-color: #f00;
            color: #fff;
            background-color: #f00;
            border-radius: 8px;
            box-shadow: none
        }

        .btn02 {
            padding: 10px 20px;
            font-family: 'Kanit', sans-serif;
            font-size: 18px;
            letter-spacing: .5px;
            border: 1px solid;
            border-color: #f00;
            color: #000;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: none
        }

        .h-btn {
            font-weight: 600;
            text-transform: uppercase;
            border: 0;
            padding: 5px 15px;
            margin: 0 10px;
            background-color: transparent;
            border: 1px solid #fff
        }

        .navigation {
            min-height: 70px;
            border: 0;
            border-radius: 0;
            background-color: transparent;
            box-shadow: none
        }

        .navigation:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: rgba(0, 0, 0, 0.8);
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
            z-index: -999
        }

        .navigation .navbar-brand {
            padding: 6px 15px;
            height: 70px;
            color: #fff;
            font-size: 12px;
            text-transform: capitalize;
            position: absolute;
            z-index: 99
        }

        .navigation .navbar-toggle {
            margin-top: 18px;
            margin-bottom: 18px;
            border-color: #f00;
            border: 0;
            background-color: #fff
        }

        .navigation .navbar-nav>li>a {
            color: #fff;
            font-family: 'Kanit', sans-serif;
            font-size: 16px;
            padding: 15px 10px;
            text-transform: uppercase;
            margin: 5px 15px;
            font-weight: bold
        }

        .navigation .navbar-nav>li>a:before {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            background-color: #f00;
            top: 0;
            left: 0
        }

        .navigation .navbar-nav>li.active>a {
            background-color: transparent;
            color: #f00
        }

        .navigation .navbar-nav>li.active>a:before {
            width: 100%
        }

        .testimonials-List li {
            text-align: center;
            max-width: 770px;
            margin: 0 auto
        }

        .contact-form span {
            font-family: 'Kanit', sans-serif;
            border-radius: 0;
            font-size: 14px;
            text-align: left;
            display: block;
            margin-bottom: 6px;
            font-weight: 400
        }

        .contact-form textarea {
            height: auto;
            resize: none
        }

        .contact-form .icon-append {
            position: absolute;
            top: 5px;
            right: 5px;
            width: 29px;
            height: 29px;
            font-size: 15px;
            line-height: 29px;
            text-align: center;
            padding-left: 3px;
            border-left: 1px solid #dfdfdf
        }

        .modal {
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 0
        }

        .modal .modal-content {
            border-radius: 0
        }

        .modal .modal-dialog .modal-header .modal-title {
            letter-spacing: 1px;
            font-weight: 600;
            margin-left: 10px
        }

        .modal .modal-dialog .modal-body {
            margin-bottom: 40px
        }

        @media(max-width:991px) {
            h3 {
                font-size: 18px
            }

            .padding-one {
                padding-top: 60px;
                padding-bottom: 60px
            }

            .btn {
                padding: 8px 15px;
                font-size: 12px
            }

            .btn02 {
                padding: 8px 15px;
                font-size: 12px
            }
        }

        @media(min-width:768px) and (max-width:991px) {
            .navigation .navbar-nav>li>a {
                font-size: 12px;
                padding: 23px 6px
            }

            .navigation .navbar-brand>img {
                width: 100px
            }
        }

        @media(max-width:768px) {
            .padding-one {
                padding-top: 40px;
                padding-bottom: 40px
            }

            .navigation .navbar-nav .active>a:before {
                width: 0;
                height: 0
            }

            .modal .modal-dialog .modal-header .modal-title {
                margin-left: 5px;
                font-size: 20px
            }

            .modal .modal-dialog .modal-body {
                margin-bottom: 10px
            }
        }

        .red {
            color: #f00
        }

        .white {
            color: #fff
        }

        .f-600 {
            font-weight: 600
        }

        .yollow {
            color: #ffc107
        }

        @media(max-width:768px) {
            h2 {
                font-size: 25px !important
            }

            nav.navbar.bootsnav .navbar-toggle {
                margin-top: 28px
            }

            nav.navbar.bootsnav {
                background-color: rgba(255, 255, 255, 0.2)
            }

            nav.navbar.bootsnav .navbar-header {
                height: 90px
            }

            .navigation .navbar-nav>li>a {
                margin: 0
            }
        }

        .margin-mintop10 {
            margin-top: -10px !important
        }

        .margintop5 {
            margin-top: 5px !important
        }

        .marginbot0 {
            margin-bottom: 0 !important
        }

        @media(min-width:1024px) {
            nav.navbar ul.nav>li>a {
                padding: 30px 15px;
                font-weight: 600
            }

            nav.navbar .navbar-brand {
                margin-top: 0
            }

            nav.navbar .navbar-brand {
                margin-top: -40px
            }

            nav.navbar li.dropdown ul.dropdown-menu {
                border-top: solid 5px
            }

            nav.navbar.bootsnav.no-background.white ul.nav>li>a {
                color: #fff
            }
        }

        @media(max-width:992px) {
            nav.navbar .navbar-brand {
                margin-top: 0;
                position: relative;
                top: -2px
            }

            nav.navbar.navbar-mobile ul.nav>li>a {
                padding: 15px 15px
            }

            nav.navbar.navbar-mobile ul.nav ul.dropdown-menu>li>a {
                padding-right: 15px !important;
                padding-top: 15px !important;
                padding-bottom: 15px !important
            }
        }

        nav.navbar ul.nav li.active>a {
            color: #f43438
        }

        nav.navbar ul.nav li.scroll.active>a {
            color: #f43438 !important
        }

        nav.navbar li.dropdown ul.dropdown-menu {
            border-top-color: #f43438 !important
        }

        .kak-fix-top {
            position: fixed;
            display: block;
            width: 100%;
            top: 0
        }

        .btn {
            padding: 10px 40px;
            border-radius: 5px
        }

        .d-box-03 {
            padding: 10px 20px;
            margin-bottom: -4px;
            margin-top: 0;
            line-height: 1.42857143;
            font-size: 26px;
            background: #d90000;
            border-radius: 0;
            color: #fff
        }

        .li-dos01 {
            margin-left: 40px
        }

        .li-dos02 {
            margin-left: 40px
        }

        .li-dos03 {
            margin-left: 40px
        }

        ul.li-dos01 li:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f04d";
            color: #000;
            margin-left: -27px;
            font-size: 20px;
            padding-right: 9px
        }

        ul.li-dos02 li:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f04d";
            color: #8b3a85;
            margin-left: -27px;
            font-size: 20px;
            padding-right: 9px
        }

        ul.li-dos03 li:before {
            font: normal normal normal 14px/1 FontAwesome;
            content: "\f04d";
            color: #73b90b;
            margin-left: -27px;
            font-size: 20px;
            padding-right: 9px
        }

        @media(max-width:1024px) {
            .btn {
                padding: 10px 20px;
                border-radius: 5px
            }
        }

        @media(max-width:768px) {
            .intro {
                background: 0
            }

            .d-box-03 {
                font-size: 20px
            }
        }

        @-webkit-keyframes movescale {
            from {
                -webkit-transform: translate(0, 0px)
            }

            65% {
                -webkit-transform: translate(0, 15px)
            }

            to {
                -webkit-transform: translate(0, 0px)
            }
        }

        @-moz-keyframes movescale {
            from {
                -moz-transform: translate(0, 0px)
            }

            65% {
                -moz-transform: translate(0, 15px)
            }

            to {
                -moz-transform: translate(0, 0px)
            }
        }

        @keyframes movescale {
            from {
                transform: translate(0, 0px)
            }

            65% {
                transform: translate(0, 15px)
            }

            to {
                transform: translate(0, 0px)
            }
        }

        .movescale01 {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            -o-animation-play-state: paused;
            animation-play-state: paused
        }

        .myloader {
            background: url(skins/loader.gif);
            width: 37px;
            height: 37px;
            position: absolute;
            left: 49%;
            top: 49%;
            z-index: 5
        }

        .bannerscollection_zoominout_texts {
            position: absolute;
            z-index: 2;
            display: none;
            width: 100%
        }

        .bannerscollection_zoominout_text_line {
            position: absolute
        }

        .textElement51_opportuneFullWidth {
            font: bold 22px 'Droid Sans', Verdana, Helvetica, sans-serif;
            line-height: 31px;
            color: #fff;
            text-shadow: #333 1px 1px 0
        }

        .s01-1 {
            font-family: 'Kanit', sans-serif;
            font-size: 100px;
            font-weight: 500;
            line-height: 298px;
            text-transform: uppercase;
            color: #df272a;
            text-shadow: #333 1px 1px 0
        }

        .s01-2 {
            font-family: 'Kanit', sans-serif;
            font-size: 45px;
            line-height: 60px;
            font-weight: 300;
            text-transform: uppercase;
            color: #000;
            text-shadow: #333 1px 1px 0
        }

        .s01-3 {
            font-family: 'Kanit', Phetsarath OT;
            font-size: 18px;
            line-height: 60px;
            font-weight: 300;
            text-transform: uppercase;
            color: #000;
            text-shadow: #333 1px 1px 0
        }

        .s01-2 h1 {
            font-family: 'Kanit', Phetsarath OT;
            font-size: 45px;
            line-height: 60px;
            font-weight: 300;
            text-transform: uppercase;
            color: #000;
            text-shadow: #333 1px 1px 0;
            margin-top: 0;
            margin-bottom: 0
        }

        .s01-3 h2 {
            font-family: 'Kanit', Phetsarath OT;
            font-size: 18px;
            line-height: 60px;
            font-weight: 300;
            text-transform: uppercase;
            color: #000;
            text-shadow: #333 1px 1px 0;
            margin-top: 0;
            margin-bottom: 0
        }

        .s02-1 {
            font-family: 'Kanit', Phetsarath OT;
            font-size: 70px;
            line-height: 40px;
            color: #fff
        }

        .s02-2 {
            font-family: 'Kanit', Phetsarath OT;
            font-size: 60px;
            line-height: 40px;
            color: #fff
        }

        .s02-3 {
            font-family: 'Kanit', Phetsarath OT;
            font-size: 40px;
            line-height: 40px;
            color: #fff
        }

        .s02-1 h1 {
            font-family: 'Prompt', Phetsarath OT;
            font-size: 40px;
            line-height: 50px;
            font-weight: 500;
            color: #d80000
        }

        .s02-2 h2 {
            font-family: 'Prompt', sans-serif;
            font-size: 25px;
            line-height: 40px;
            color: #666;
            font-weight: 400
        }

        .s02-3 h3 {
            font-family: 'Prompt', sans-serif;
            font-size: 20px;
            line-height: 24px;
            color: #909090;
            font-weight: 300
        }

        .s03-1 {
            font-family: 'Phetsarath OT', Phetsarath OT;
            font-size: 40px;
            line-height: 45px;
            color: #fff
        }

        .s03-2 {
            font-family: 'Phetsarath OT', Phetsarath OT;
            font-size: 30px;
            line-height: 40px;
            color: #fff
        }

        .s03-3 {
            font-family: 'Phetsarath OT', Phetsarath OT;
            font-size: 25px;
            line-height: 40px;
            color: #000
        }

        .s06-1 {
            font-family: 'Phetsarath OT', Phetsarath OT;
            font-size: 50px;
            font-weight: 500;
            line-height: 298px;
            text-transform: uppercase;
            color: #555
        }

        .s06-2 {
            font-family: 'Phetsarath OT', Phetsarath OT;
            font-size: 25px;
            font-weight: 300;
            line-height: 34px;
            text-transform: uppercase;
            color: #fff
        }

        .s06-3 {
            font-size: 50px;
            font-weight: 500;
            color: #da2222
        }

        .s06-4 {
            color: #000
        }

        .s06-5 {
            font-family: 'Phetsarath OT', Phetsarath OT;
            font-size: 35px;
            font-weight: 400;
            line-height: 34px;
            text-transform: uppercase;
            color: #f00
        }

        .s06-6 {
            font-size: 50px;
            font-weight: 500;
            color: #555
        }
        
.border-short-bottom {
    position: relative;
    padding: 20px 0;
    margin-bottom: 25px;
}

.border-short-bottom::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    background: #595959;
}