body{font-family: 'Oxygen', sans-serif; overflow-x:hidden;}
.bg-blue{background-color:#0776BD}
.main-logo{ max-width:220px;} 

header .btn-link{ color:#fff; font-size:12px; text-decoration:underline;}

.fullpage{height:100%;}
.fullpage-container{border-top:10px solid #0099e9; border-bottom:10px solid #0099e9;}
.bgimg01{background:url(./../../../img/slider/s002.png) no-repeat; background-size:cover;}

.fullpage-content{ background-color:rgba(255, 255, 255, 0.87);}
.fullpage-content h1{ font-size:28px;}
.fullpage-content h1 p{ font-size:16px;}


.slider-content{ position:absolute; top:20%;}
.slider-content h1{ font-size:32px; color:#fff;}
.slider-content h1 span{ font-size:16px; color:#fff; display:block; font-weight:100;}


.fz-12{ font-size:12px!important;}
.txt-red{color:#e63812;}
.txt-blue{color:#0099e9;}
.txt-bluelight{color:#2bd7d5;}
.txt-green{color:#1fc222;}

.txt-color1{ color:#2fa7f3}
.txt-color2{ color:#05D134}
.txt-color3{ color:#957BFF}

.partner-logo{ margin:0px; padding:0px; list-style:none;}
.partner-logo li{ display:inline-block; margin:10px 25px; }
.partner-logo li img{ max-height:70px;   -webkit-filter: grayscale(1);  filter: grayscale(1);transition: all 0.5s ease-out}
.partner-logo li:hover img{-webkit-filter: grayscale(0);  filter: grayscale(0);} 

.border-color1{border-color:#2fa7f3;
    background: linear-gradient(to left, transparent 50%, #2fa7f3 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-right:10px;
    transition:all 0.5s ease;}
	
	.border-color3{border-color:#957BFF;
    background: linear-gradient(to left, transparent 50%, #957BFF 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-right:10px;
    transition:all 0.5s ease;}

.border-red{border-color:#e63812;
    background: linear-gradient(to left, transparent 50%, #e63812 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-right:10px;
    transition:all 0.5s ease;}
.border-bluelight{border-color:#2bd7d5;
    background: linear-gradient(to left, transparent 50%, #2bd7d5 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-right:10px;
    transition:all 0.5s ease;}
.border-green, .border-color2{border-color:#1fc222;
    background: linear-gradient(to left, transparent 50%, #1fc222 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    margin-right:10px;
    transition:all 0.5s ease;}

.bg-gray{ background-color:#f6f6f6}
.bg-black{background-color:#4f4f4f} 

.slider-user-type{ margin-top:35px;}
.slider-user-type span{ display:block; max-width:80%; color:#fff; font-size:14px;}


.btn-outline{ background-color:transparent; color:#fff; border-style:solid; border-width:1px; border-radius:0px;}
.btn-outline:hover{   background-position:left bottom;color:#fff;}

.HomeStatical ul{ list-style:none;}
.HomeStatical li{ font-size:18px; text-align:center;}
.HomeStatical li strong{ display:block; font-size:60px;}

.UserImg img{width:35px; height:35px;border-radius:50%; border:2px solid #0071b9; background-color:#fff;transition: all 0.5s ease-out}
.UserImg:hover img{border:2px solid #2bd7d5;}

.post-box{
	position:relative;
	background-color:#fff; padding:15px;    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; height:100%}
.post-box .UserImg{ float:left; margin-right:5px;}
.post-box h3{ font-size:16px; color:#666}
.post-box h3 span{ display:block; color:#bdb7c0; font-size:12px; margin:5px 0px;}
.post-box h3 span a{color:#2bd7d5; font-size:12px;border-right:1px solid #bdb7c0; padding:0px 5px;}
.post-box img{ max-width:100%}
.post-box p{ padding-bottom:30px; font-size:14px;}
.post-box .btn{position:absolute; bottom:10px; left: 50%; transform: translate(-50%, -5px);	}

.section-info h4{ color:#fff; font-size:16px; text-align:center; margin:0px auto; padding:0px; max-width:80% }

.ico-001{background:url(../img/icon-01.png) no-repeat; width:137px;height:98px; display:block;margin:5px auto;}
.ico-002{background:url(../img/icon-02.png) no-repeat; width:137px;height:98px; display:block;margin:5px auto;}
.ico-003{background:url(../img/icon-03.png) no-repeat; width:137px;height:98px; display:block;margin:5px auto;}
.ico-004{background:url(../img/icon-04.png) no-repeat; width:137px;height:98px; display:block;margin:5px auto;}


footer{background-color:#365160;color:#fff;}

footer h1{font-size:28px;}

#preloader{ position:fixed; width:100%; height:100%; background-color:rgba(7, 7, 7, 0.84); z-index:9999}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  top:35%;
  left: 46%;
}
.lds-ripple div {
  position: absolute;
  border: 14px solid #cef;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 128px;
    left: 128px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 158px;
    height: 158px;
    opacity: 0;
  }
}

.wizard .nav-link{ background-color:#f4f4f4; color:#666;border:0px;border-radius:0px;}
.wizard .nav-link.active{ background-color:#0099e9; color:#fff; }
.wizard .nav-link {position:relative;}
.wizard .nav-link .badge{ font-size:20px; border-radius:50%; position:absolute; left:15px; top:4px;}


.wizard .form-control,
.wizard .form-group .wizard .form-control {
    border: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
    -webkit-background-size: 0 2px, 100% 1px;
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center -webkit-calc(100% - 1px);
    background-position: center bottom, center calc(100% - 1px);
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background 0s ease-out;
    -o-transition: background 0s ease-out;
    transition: background 0s ease-out;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.wizard .form-control::-moz-placeholder,
.wizard .form-group .wizard .form-control::-moz-placeholder {
    color: #BDBDBD;
    font-weight: 400
}

.wizard .form-control:-ms-input-placeholder,
.wizard .form-group .wizard .form-control:-ms-input-placeholder {
    color: #BDBDBD;
    font-weight: 400
}

.wizard .form-control::-webkit-input-placeholder,
.wizard .form-group .wizard .form-control::-webkit-input-placeholder {
    color: #BDBDBD;
    font-weight: 400
}

.wizard .form-control[disabled],
.wizard .form-control[readonly],
.wizard .form-group .wizard .form-control[disabled],
.wizard .form-group .wizard .form-control[readonly],
fieldset[disabled] .wizard .form-control,
fieldset[disabled] .wizard .form-group .wizard .form-control {
    background-color: rgba(0, 0, 0, 0)
}

.wizard .form-control[disabled],
.wizard .form-group .wizard .form-control[disabled],
fieldset[disabled] .wizard .form-control,
fieldset[disabled] .wizard .form-group .wizard .form-control {
    background-image: none;
    border-bottom: 1px dotted #D2D2D2
}

.wizard .form-group {
    position: relative
}

.wizard .form-group.label-floating label.control-label,
.wizard .form-group.label-placeholder label.control-label,
.wizard .form-group.label-static label.control-label {
    position: absolute;
    pointer-events: none;
    -webkit-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

.wizard .form-group.label-floating label.control-label {
    will-change: left, top, contents
}

.wizard .form-group.label-placeholder:not(.is-empty) label.control-label {
    display: none
}

.wizard .form-group .help-block {
    position: absolute;
    display: none
}

.wizard .form-group.is-focused .wizard .form-control {
    outline: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2);
    -webkit-background-size: 100% 2px, 100% 1px;
    background-size: 100% 2px, 100% 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.wizard .form-group.is-focused .wizard .form-control .material-input:after {
    background-color: #009688
}

.wizard .form-group.is-focused label,
.wizard .form-group.is-focused label.control-label {
    color: #009688
}

.wizard .form-group.is-focused.label-placeholder label,
.wizard .form-group.is-focused.label-placeholder label.control-label {
    color: #BDBDBD
}

.wizard .form-group.is-focused .help-block {
    display: block
}

.wizard .form-group.has-warning .wizard .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.wizard .form-group.has-warning.is-focused .wizard .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5722), to(#ff5722)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#ff5722, #ff5722), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#ff5722, #ff5722), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#D2D2D2, #D2D2D2)
}

.wizard .form-group.has-warning .help-block,
.wizard .form-group.has-warning label.control-label {
    color: #ff5722
}

.wizard .form-group.has-error .wizard .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.wizard .form-group.has-error .help-block,
.wizard .form-group.has-error label.control-label {
    color: #f44336
}

.wizard .form-group.has-success .wizard .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.wizard .form-group.has-success.is-focused .wizard .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4caf50), to(#4caf50)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#4caf50, #4caf50), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#4caf50, #4caf50), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2)
}

.wizard .form-group.has-success .help-block,
.wizard .form-group.has-success label.control-label {
    color: #4caf50
}

.wizard .form-group.has-info .wizard .form-control {
    -webkit-box-shadow: none;
    box-shadow: none
}

.wizard .form-group.has-info.is-focused .wizard .form-control {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#03a9f4), to(#03a9f4)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
    background-image: -webkit-linear-gradient(#03a9f4, #03a9f4), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: -o-linear-gradient(#03a9f4, #03a9f4), -o-linear-gradient(#D2D2D2, #D2D2D2);
    background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#D2D2D2, #D2D2D2)
}

.wizard .form-group.has-info .help-block,
.wizard .form-group.has-info label.control-label {
    color: #03a9f4
}

.wizard .form-group textarea {
    resize: none
}

.wizard .form-group textarea~.wizard .form-control-highlight {
    margin-top: -11px
}

.wizard .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.wizard .form-group select~.material-input:after {
    display: none
}

.wizard .form-control {
    margin-bottom: 7px
}


label.control-label {
    font-size: 12px;
    line-height: 1.07142857;
    font-weight: 400;
    margin: 16px 0 0 0
}

.help-block {
    margin-top: 0;
    font-size: 12px
}

.wizard .form-group {
    padding-bottom: 7px;
    margin: 28px 0 0 0
}

.wizard .form-group .wizard .form-control {
    margin-bottom: 7px
}


.wizard .form-group .help-block {
    margin-top: 0;
    font-size: 12px
}

.wizard .form-group.label-floating label.control-label,
.wizard .form-group.label-placeholder label.control-label {
    top: -7px;
    font-size: 16px;
    line-height: 1.42857143
}



.wizard .form-group.label-floating.is-focused label.control-label,
.wizard .form-group.label-floating:not(.is-empty) label.control-label,
.wizard .form-group.label-static label.control-label {
    top: -30px;
    left: 0;
    font-size: 12px;
    line-height: 1.07142857;
    color: #0062cc;
}

.wizard .form-group.label-floating input.wizard .form-control:-webkit-autofill~label.control-label label.control-label {
    top: -30px;
    left: 0;
    font-size: 12px;
    line-height: 1.07142857
}

.wizard .form-group.wizard .form-group-sm {
    padding-bottom: 3px;
    margin: 21px 0 0 0
}

.wizard .form-group.wizard .form-group-sm .wizard .form-control {
    margin-bottom: 3px
}

.wizard .form-group.wizard .form-group-sm .wizard .form-control::-moz-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.wizard .form-group.wizard .form-group-sm .wizard .form-control:-ms-input-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.wizard .form-group.wizard .form-group-sm .wizard .form-control::-webkit-input-placeholder {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.wizard .form-group.wizard .form-group-sm .checkbox label,
.wizard .form-group.wizard .form-group-sm .radio label,
.wizard .form-group.wizard .form-group-sm label {
    font-size: 11px;
    line-height: 1.5;
    color: #BDBDBD;
    font-weight: 400
}

.wizard .form-group.wizard .form-group-sm label.control-label {
    font-size: 9px;
    line-height: 1.125;
    font-weight: 400;
    margin: 16px 0 0 0
}

.wizard .form-group.wizard .form-group-sm .help-block {
    margin-top: 0;
    font-size: 9px
}

.wizard .form-group.wizard .form-group-sm.label-floating label.control-label,
.wizard .form-group.wizard .form-group-sm.label-placeholder label.control-label {
    top: -11px;
    font-size: 11px;
    line-height: 1.5
}

.wizard .form-group.wizard .form-group-sm.label-floating.is-focused label.control-label,
.wizard .form-group.wizard .form-group-sm.label-floating:not(.is-empty) label.control-label,
.wizard .form-group.wizard .form-group-sm.label-static label.control-label {
    top: -25px;
    left: 0;
    font-size: 9px;
    line-height: 1.125
}

.wizard .form-group.wizard .form-group-sm.label-floating input.wizard .form-control:-webkit-autofill~label.control-label label.control-label {
    top: -25px;
    left: 0;
    font-size: 9px;
    line-height: 1.125
}

.wizard .form-group.wizard .form-group-lg {
    padding-bottom: 9px;
    margin: 30px 0 0 0
}

.wizard .form-group.wizard .form-group-lg .wizard .form-control {
    margin-bottom: 9px
}

.wizard .form-group.wizard .form-group-lg .wizard .form-control::-moz-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.wizard .form-group.wizard .form-group-lg .wizard .form-control:-ms-input-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.wizard .form-group.wizard .form-group-lg .wizard .form-control::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.wizard .form-group.wizard .form-group-lg .checkbox label,
.wizard .form-group.wizard .form-group-lg .radio label,
.wizard .form-group.wizard .form-group-lg label {
    font-size: 18px;
    line-height: 1.3333333;
    color: #BDBDBD;
    font-weight: 400
}

.wizard .form-group.wizard .form-group-lg label.control-label {
    font-size: 14px;
    line-height: .99999998;
    font-weight: 400;
    margin: 16px 0 0 0
}

.wizard .form-group.wizard .form-group-lg .help-block {
    margin-top: 0;
    font-size: 14px
}

.wizard .form-group.wizard .form-group-lg.label-floating label.control-label,
.wizard .form-group.wizard .form-group-lg.label-placeholder label.control-label {
    top: -5px;
    font-size: 18px;
    line-height: 1.3333333
}

.wizard .form-group.wizard .form-group-lg.label-floating.is-focused label.control-label,
.wizard .form-group.wizard .form-group-lg.label-floating:not(.is-empty) label.control-label,
.wizard .form-group.wizard .form-group-lg.label-static label.control-label {
    top: -32px;
    left: 0;
    font-size: 14px;
    line-height: .99999998
}

.wizard .form-group.wizard .form-group-lg.label-floating input.wizard .form-control:-webkit-autofill~label.control-label label.control-label {
    top: -32px;
    left: 0;
    font-size: 14px;
    line-height: .99999998
}

select.wizard .form-control {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.wizard .form-control:focus{ border-bottom:1px solid #0078d7!important}
.wizard .form-group.is-focused select.wizard .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #D2D2D2
}

.wizard .form-group.is-focused select.wizard .form-control[multiple],
select.wizard .form-control[multiple] {
    height: 85px
}



/* Arrow & Hover Animation */
#more-arrows {
  width: 75px;
  height: 65px;
}
#more-arrows:hover polygon {
  fill: #FFF;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
#more-arrows:hover polygon.arrow-bottom {
  -webkit-transform: translateY(-18px);
          transform: translateY(-18px);
}
#more-arrows:hover polygon.arrow-top {
  -webkit-transform: translateY(18px);
          transform: translateY(18px);
}

polygon {
  fill: #FFF;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}
polygon.arrow-middle {
  opacity: 0.75;
}
polygon.arrow-top {
  opacity: 0.5;
}















#error{
    clear: both;
    background: #f3f3f3;
    border-radius: 5px;
    padding: 10px 15px;
    display: none;
    position: relative;
    height: 45px;
    color: #ff0000;
    font-weight: bold;
    font-size: 14px;
}
#filename{
    clear: both;
    background: #0676bd;
    border-radius: 5px;
    padding: 10px 15px;
	display:none;
	position:relative;
	height: 45px;
}
#filename p{
    
    color: #ffffff;
    font-weight: bold;
	float:left;
    
}
#filename i{
color: #0676bd;
    font-weight: bold;
    float: right;
    display: block;
    padding: 5px 6px;
    background: #ffffff;
    border-radius: 5px;
    cursor: pointer;
    
}



#filename:before {
    content: '';
    position: absolute;
    top:-7px;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 12px 6px;
    border-color: transparent transparent #0676bd transparent;
}



.wizard .select2-selection{
    border: 0 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#009688)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2)) !important;
    background-image: -webkit-linear-gradient(#009688, #009688), -webkit-linear-gradient(#D2D2D2, #D2D2D2) !important;
    background-image: -o-linear-gradient(#009688, #009688), -o-linear-gradient(#D2D2D2, #D2D2D2) !important;
    background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2) !important;
    -webkit-background-size: 0 2px, 100% 1px !important;
    background-size: 0 2px, 100% 1px !important;
    background-repeat: no-repeat !important;
    background-position: center bottom, center -webkit-calc(100% - 1px) !important;
    background-position: center bottom, center calc(100% - 1px) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    -webkit-transition: background 0s ease-out !important;
    -o-transition: background 0s ease-out !important;
    transition: background 0s ease-out !important;
    float: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}


.khr{    width: 100%;
    border: dashed 1px #0099e973;
    margin: 20px 0px;}


@media (min-width: 768px) {
.fixed-header{ position:fixed; width:100%; top:0; z-index:99}
.wizard .tab-content{ min-height:300px}
#more-arrows {
  position:absolute;
  bottom:180px;
  left:50%;
}
}

@media (max-width: 768px) {
.HomeSlider .carousel-inner{ display:none;}
.slider-content{ position:static; background-color:#365160;padding:15px}
.HomeSlider .container{ padding-left:0px ; padding-right:0px;}
}