/*global*/
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-size: 14px;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "helvetica neue", helvetica, "hiragino sans gb", arial, "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", sans-serif;
    font-size: 100%;
    line-height: 1.5;
    color: #333;
    background: #ffffff;
}

body a {
    color: #333;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    text-decoration: none;
}

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

.section {
    padding: 2rem 0rem;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

hr.soften {
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    border: 0;
}

.relative {
    position: relative
}

.absolute {
    position: absolute;
}

.slow {
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}

.default-hovered {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.default-hovered:hover {
    background-color: #274262;
}

.text-default {
    color: #274262;
}

.word-warp {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Separators
---------------------------------- */
.separator {
    width: 100%;
    margin: 20px auto 15px;
    position: relative;
    height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.separator:after {
    height: 1px;
    background: #e8e8e8;
    background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: -ms-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    content: "";
    width: 100%;
    left: 0;
}

.light .separator:after {
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.5)), color-stop(70%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 35%, rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0) 100%);
}

.separator-2 {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    height: 1px;
}

.separator-2:after {
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    left: 0px;
    content: "";
    width: 100%;
}
.light .separator-2:after {
    height: 1px;
    background: #d1d1d1;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.18)), color-stop(35%, rgba(255, 255, 255, 0.12)), color-stop(70%, rgba(255, 255, 255, 0.05)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    left: 0px;
    content: "";
    width: 100%;
}

.separator-3 {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    height: 1px;
}

.separator-3:after {
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    left: 0px;
    content: "";
    width: 100%;
}
.light .separator-3:after {
    height: 1px;
    background: #d1d1d1;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.18)), color-stop(35%, rgba(255, 255, 255, 0.12)), color-stop(70%, rgba(255, 255, 255, 0.05)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.12) 35%, rgba(255, 255, 255, 0.05) 70%, transparent 100%);
    position: absolute;
    bottom: -1px;
    left: 0px;
    content: "";
    width: 100%;
}
/*app color style*/
.style-blue {
    background: #09afdf;
    color: #ffffff;
}

.style-green {
    background: #72c02c;
    color: #ffffff;
}

.style-gray {
    background-color: #fafafa;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
}

.dark-bg {
    background: #F2F2F2;
}

.dark-bg .bordered {
    border: 1px solid #555555;
}

.black-bg {
    background: #373737;
    color: #cdcdcd;
}

.light-bg {
    background: #ffffff
}

.fixed-bg {
    background-attachment: fixed;
}

.font-white {
    color: #ffffff !important;
}

.font-red {
    color: #ff0000 !important;
}
.text-shadow
{
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    color: #ffffff;
}
/*translucent bg style*/
.light-translucent-bg,
.dark-translucent-bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
    overflow: hidden;
}

.light-translucent-bg:after,
.dark-translucent-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
}

.light-translucent-bg > div,
.dark-translucent-bg > div {
    z-index: 3;
    position: relative;
}

.light-translucent-bg {
    color: #333333;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
}

.light-translucent-bg:after {
    background-color: rgba(255, 255, 255, 0.7);
}

.light-translucent-bg.hovered:hover:after {
    background-color: rgba(255, 255, 255, 0.8);
}

.dark-translucent-bg:after {
    background-color: rgba(0, 0, 0, 0.5);
}

.dark-translucent-bg.hovered:hover:after {
    background-color: rgba(0, 0, 0, 0.6);
}

/*img*/
.img-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*shadow*/
.box-shadow-v1 {
    box-shadow: 0 0 2px #ccc;
}

.shadow,
.shadow-narrow {
    position: relative;
    background-color: #ffffff;
}

.light-gray-bg.shadow,
.light-gray-bg.shadow-narrow {
    background-color: #fafafa;
}

.bordered {
    border: 1px solid #f1f1f1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.light-shadow {
    box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09);
	border:1px solid #ededed;
}

.shadow *,
.shadow-narrow * {
    position: relative;
    z-index: 3;
}

.shadow:before,
.shadow-narrow:before {
    position: absolute;
    left: 0;
    height: 60%;
    bottom: 0;
    width: 100%;
    content: "";
    background-color: #ffffff;
    z-index: 2;
}

.light-gray-bg.shadow:before,
.light-gray-bg.shadow-narrow:before {
    background-color: #fafafa;
}

.shadow:after,
.shadow-narrow:after {
    content: "";
    position: absolute;
    height: 50%;
    width: 96%;
    left: 50%;
    bottom: 2px;
    margin-left: -48%;
    -webkit-box-shadow: 0 5px 7px #999999;
    box-shadow: 0 5px 7px #999999;
    z-index: 1;
    border-radius: 10%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.shadow-narrow:after {
    width: 90%;
    margin-left: -45%;
}

.shadow:hover:after,
.shadow-narrow:hover:after {
    bottom: 10px;
}

.circle {
    -webkit-border-radius: 100% !important;
    -moz-border-radius: 100% !important;
    border-radius: 100% !important;
}

.pad-20 {
    padding: 20px 0;
}

.pad-30 {
    padding: 30px 0;
}

.pad-40 {
    padding: 40px 0;
}

.pr-10 {
    padding-right: 10px;
}

.pr-20 {
    padding-right: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.mar-20 {
    margin: 20px 0;
}

.mar-30 {
    margin: 30px 0;
}

.mar-40 {
    margin: 40px 0;
}

.mt-40 {
    margin-top: 40px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    /*margin-bottom: 40px;*/
}

.no-mar {
    margin: 0 !important;
}

.no-pad {
    padding: 0 !important;
}

/*Buttons Style*/
.btn-outline-white {
    border: 1px solid;
    color: #fff;
    border-color: #fff;
    background-image: none;
    background-color: transparent;
}

.btn-outline-white:hover {
    color: #274262;
    border-color: #ffffff;
    background-color: rgba(255, 255, 255, .8);
}

.btn-outline-gray {
    border: 1px solid;
    color: #333;
    border-color: #333;
    background-image: none;
    background-color: transparent;

}

.btn-outline-gray:hover {
    color: #ffffff;
    background-color: #274262;
    border-color: #274262;
}

/*Animated Buttons*/
.btn-animated {
    position: relative;
    min-width: 0 !important;
    padding-right: 45px !important;
}

.btn-animated i {
    -webkit-transition: right 0.2s ease-in-out;
    -o-transition: right 0.2s ease-in-out;
    transition: right 0.2s ease-in-out;
    z-index: 3;
    right: 17px;
    position: absolute;
    line-height: 34px;
    top: -1px;
    min-width: 12px;
}

.btn-animated:after {
    width: 35px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    content: "";
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    right: 0px;
    z-index: 2;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.btn-animated.btn-gray-transparent:after {
    background-color: rgba(0, 0, 0, 0.05);
}

.btn-animated:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

.btn-animated:hover i {
    right: 11px;
}

.btn-animated.btn-sm {
    padding-right: 35px !important;
}

.btn-animated.btn-sm:after {
    width: 25px;
}

.btn-animated.btn-sm i {
    right: 14px;
    line-height: 32px;
    min-width: 11px;
}

.btn-animated.btn-sm:hover i {
    right: 7px;
}

.btn-animated.btn-lg {
    padding-right: 60px !important;
}

.btn-animated.btn-lg:after {
    width: 45px;
}

.btn-animated.btn-lg i {
    right: 25px;
    line-height: 45px;
    min-width: 15px;
}

.btn-animated.btn-lg:hover i {
    right: 11px;
}

.btn-animated.btn-xl {
    padding-right: 60px !important;
}

.btn-animated.btn-xl:after {
    width: 45px;
}

.btn-animated.btn-xl i {
    right: 25px;
    line-height: 64px;
    min-width: 15px;
    text-align: center;
}

.btn-animated.btn-xl:hover i {
    right: 13px;
}