/*----- editor content -----*/
.editor-content{font-size: 2em; color: #333; line-height: 1.4em; font-weight: 200;}
.editor-content strong{font-weight: 400;}
.editor-content p{margin-bottom: 20px;}
.editor-content p:last-child{margin-bottom: 0;}
.editor-content img{height: auto !important;}
.editor-content a{color: #0083d0;}
.editor-content .whead{margin-bottom: 20px;}
.editor-content .whead .title{font-size: 2.7em;}

.editor-content ul{padding-left: 0; margin-bottom: 20px;}
.editor-content ul li{padding-left: 15px; position: relative; list-style: none;}
.editor-content ul li:before{
    content: '';
    position: absolute;
    top: 13px;
    left: 2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #333;
}

.table-responsive{margin: 40px 0 50px 0;}
.table-default{margin: 0; width: 100%; border: 1px solid #bbb;}
.table-default thead{}
.table-default th{font-weight: 400; color: #fff; background-color: #2a9eda; text-align: center; padding: 10px 20px;}
.table-default th:first-child{background-color: #143d8d;}
.table-default th.first{width: 260px;}
.table-default td.first{text-align: center;}
.table-default td{border: 1px solid #bbb; padding: 10px 20px; font-weight: 300;}




/*----- whead -----*/
.whead{margin-bottom: 40px;}
.whead .title{margin: 0; font-size: 5.4em; font-weight: 400; line-height: 1em;}
.whead .desc{margin: 30px 0 0 0; font-size: 2.2em; font-weight: 200; line-height: 1.2em;}

.whead-sm{margin-bottom: 30px;}
.whead-sm .title{margin: 0; font-size: 4.8em; font-weight: 300; line-height: 1em;}

.whead-xs{margin-bottom: 30px;}
.whead-xs .title{margin: 0; font-size: 3.2em; font-weight: 400; line-height: 1em;}
.whead-xs .topic{margin: 0; font-size: 2.6em; font-weight: 400; line-height: 1em;}




/*----- breadcrumb -----*/
.breadcrumb{background-color: transparent; margin: 0; padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.breadcrumb li{position: relative; float: left;}
.breadcrumb li + li{}
.breadcrumb li + li:before{
    font-family: 'feather';
    content: '\e844';
    font-size: 18px;
    float: left;
    position: relative;
    top: 1px;
    color: #fff;
    margin: 0 3px;
}
.breadcrumb li,
.breadcrumb li.active,
.breadcrumb .link{color: #fff; font-size: 15px; font-weight: 300; line-height: 50px;}
.breadcrumb .link span{font-size: 18px;}
.breadcrumb .link:hover{color: #fff;}
.breadcrumb li.active{max-width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}




/*----- pagination -----*/
.pagination-block{
    text-align: center; 
    margin-top: 20px;
}
.pagination{margin: 0; display: inline-block;}
.pagination ul{padding: 0; margin: 0;}
.pagination a{
    position: relative; 
    display: block; 
    min-width: 40px; 
    height: 40px; 
    padding: 0 5px; 
    font-size: 2.2em; 
    text-align: center; 
    line-height: 40px; 
    font-weight: 300;
    color: #fff; 
    background-color: #d0d4d9;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.pagination a:hover{text-decoration: none; color: #273e8e;}
.pagination .active a{color: #fff; background-color: #273e8e; border-color: transparent;}
.pagination li{display: inline-block; vertical-align: middle;}
.pagination li + li{margin-left: 6px;}
.pagination .prev,
.pagination .next{background-color: transparent; border-color: transparent; color: #d0d4d9;}
.pagination .feather{
    position: relative;
    top: 4px;
    font-size: 1.4em;
}




/*----- button -----*/
.btn{background: none; position: relative; overflow: hidden; top: 0; z-index: 10; padding: 0 10px; 
	min-width: 140px; 
	height: 50px; 
	line-height: 48px; 
	border: 1px solid transparent; 
	font-size: 20px; 
	font-weight: 300;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.btn.fluid{min-width: inherit; width: 100%; position: relative;}
.btn .icon{display: inline-block; width: 22px; vertical-align: top;}

.btn:focus{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-xs{min-width: inherit; padding: 0 20px; height: 40px; line-height: 38px; font-size: 18px;}
.btn-xs span{position: relative; top: 1px;}
.btn-xs span.icon{top: 8px;}
.btn-sm{height: 46px; line-height: 44px;}
.btn-lg{}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus{color: #fff; background-color: #143d8d; border-color: transparent;}
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.actitve:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:focus:hover,
.btn-primary.focus:hover{color: #fff; background-color: #042d7d; border-color: transparent; box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
.btn-primary.disabled,
.btn-primary.disabled:hover{color: #fff; background-color: #143d8d; border-color: transparent; opacity: 0.5;}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary.focus{color: #fff; background-color: #0086d0; border-color: transparent;}
.btn-secondary:hover,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.btn-secondary:active:focus,
.btn-secondary.actitve:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.btn-secondary:focus:hover,
.btn-secondary.focus:hover{color: #fff; background-color: #0086d0; border-color: transparent;}

.btn-cancel,
.btn-cancel:focus,
.btn-cancel.focus{color: #fff; background-color: #d0d4d9; border-color: transparent;}
.btn-cancel:hover,
.btn-cancel:active:hover,
.btn-cancel.active:hover,
.btn-cancel:active:focus,
.btn-cancel.actitve:focus,
.btn-cancel:active.focus,
.btn-cancel.active.focus,
.btn-cancel:focus:hover,
.btn-cancel.focus:hover{color: #fff; background-color: #d0d4d9; border-color: transparent;}




/*----- form -----*/
.form-default .form-group{position: relative; margin-bottom: 20px;}

.form-default .control-label{margin-bottom: 0; font-weight: normal; font-size: 18px; font-weight: 300; color: #333; line-height: 1.2em;}
.form-default .form-control{
    line-height: 1.2em; 
    padding: 10px 15px; 
    font-size: 18px; 
    color: #333;
    font-weight: 300;
    min-height: 46px;
    background-color: #fff; 
    border: 1px solid #a5acb2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.form-default .form-note{position: absolute; top: 100%; left: 20px; margin-top: 4px; font-size: 14px; color: #999;}
.form-default .form-control:focus{border-color: #333;}
.form-default .block-control{position: relative;}
.form-default .has-error .form-control:focus{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.form-default .has-success .form-control:focus{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-default .floating-label{color: #333; font-size: 14px; position: absolute; pointer-events: none; left: 15px; top: 9px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.form-default .form-control:focus ~ .floating-label,
.form-default .form-control:not(:focus):valid ~ .floating-label{color: #333; font-size: 12px; left: 0; top: -22px;}

.form-control-feedback{position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background-size: 100%;}
.form-control-feedback:before{display: none;}
.form-control-feedback.glyphicon-ok{
    background: url('../image/icon/checked.png') center no-repeat;
    background-size: 16px;
}
.form-control-feedback.glyphicon-remove{
    background: url('../image/icon/cancel.png') center no-repeat;
    background-size: 16px;
}

.form-default .note{font-size: 1.6em; line-height: 1.2em; font-weight: 200; margin-top: 10px;}

.form-default .choice{padding: 10px 0;}
.form-default .radio-list{margin-left: 40px;}
.form-default .radio-list li + li{margin-left: 40px;}
.form-default .checkbox-list li + li{margin-left: 40px;}

.radio-control{position: relative; display: inline-block; padding-left: 0;}
.radio-control .icon{width: 20px; height: 20px; border: 1px solid #a5acb2; background-color: #fff; 
    position: absolute; 
    top: 0px; 
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.radio-control .title{margin: 0; font-size: 18px; font-weight: 300; color: #333; padding-left: 30px; 
    line-height: 1.2em; 
    display: block;
}
.radio-control input[type='radio']{margin-top: 0; position: absolute; z-index: 5; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer;}
.radio-control input[type='radio']:checked ~ .icon{border-color: transparent; border-color: #333;}
.radio-control input[type='radio']:checked ~ .icon:before{content: ''; position: absolute; width: 10px; height: 10px; left: 0; top: 0; right: 0; bottom: 0; margin: auto;
    background-color: #333;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.radio-label{position: absolute; 
    bottom: 100%;
    line-height: 1em;
    font-size: 20px;
    color: #6bb953;
    font-weight: 500;
}

.checkbox-control{position: relative; display: inline-block;}
.checkbox-control .icon{width: 20px; height: 20px; border: 1px solid #a5acb2; background-color: #fff; 
    position: absolute; 
    top: 10px; 
    left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.checkbox-control .title{margin: 0; font-size: 16px; font-weight: normal; color: #333; padding-left: 30px; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    line-height: 20px; 
    display: block;
}
.checkbox-control input[type='checkbox']{margin-top: 0; position: absolute; z-index: 5; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer;}
.checkbox-control input[type='checkbox']:checked ~ .icon{border-color: transparent; background-color: #333;}
.checkbox-control input[type='checkbox']:checked ~ .icon:before{content: ''; position: absolute; width: 18px; height: 18px; 
    background: url('../image/icon/checkbox.png') center no-repeat; 
    background-size: 12px; 
    left: 0; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto;
}

.file-upload-list .item-list > li + li{margin-left: 20px;}
.file-upload{
    margin: 0; 
    position: relative; 
    overflow: hidden; 
    font-weight: normal;
    height: 46px;
    color: #333;
    border: 1px solid #a5acb2;
    padding: 0 10px 0 15px;
    font-weight: 300;
    display: block;
    font-size: 18px;
    line-height: 44px;
    background: url('../img/icon/upload.png') right 7px center no-repeat;
    background-size: 24px;
    background-color: #fff;
}
.file-upload input[type=file]{position:absolute; top:0; right:0; min-width:100%; min-height:100%; font-size:100px; text-align:left; outline:0; background:#fff; cursor:inherit; display:block;
    filter:alpha(opacity=0); 
    opacity:0;
}
.file-upload-text{display: block; color: #333; line-height: 44px; font-size: 18px; padding-right: 50px;}
.file-upload-text .icon{display: inline-block; vertical-align: top; position: relative;}

.captcha .captcha-image{width: 170px; height: 46px; border: 1px solid #a5acb2; border-right: none; overflow: hidden;}
.captcha .captcha-image img{display: block; max-height: 46px;}
.captcha .form-control{}
.captcha .btn{border: 1px solid #a5acb2; margin-right: 10px; padding: 10px; background-color: #fff; width: 46px; height: 46px; min-width: inherit;}
.captcha .btn img{float: left; width: 100%; opacity: 0.5;}
.captcha .btn:hover{background-color: #f2f2f2;}




/*----- select2 -----*/
.select-control:focus{outline: none;}
.select2-selection:focus{outline: none;}
.select2-container .select2-selection--single{height: 46px;}
.select2-container--default .select2-selection--single{border-color: #a5acb2; background-color: #fff;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 44px; font-weight: 300; font-size: 18px; color: #333; padding-left: 15px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 46px; top: 0; width: 44px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-width: 6px 5px 0 5px; border-color: #555 transparent transparent transparent;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-width: 0 5px 6px 5px; border-color: transparent transparent #555 transparent;}
.select2-container--default .select2-results__group{font-weight: bold; font-size: 14px; padding: 8px 15px; color: #333;}
.select2-container--default .select2-results__option .select2-results__option:hover{background-color: #f2f2f2;}
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color: #5897fb;}
.select2-container--default .select2-search--dropdown .select2-search__field{border-color: #eaeaea; padding: 10px 10px; font-size: 1.6em;}
.select2-dropdown{border-color: #a5acb2;
    border-radius: 0;
}
.select2-search--dropdown{padding: 10px;}
.select2-results__option{padding: 12px 15px; font-weight: 300; font-size: 18px; color: #333;}




/*----- slick -----*/
.slick-slide:focus{outline: none;}
.slick-slide .item{float: left;}




/*----- scroll -----*/
.mCSB_inside > .mCSB_container{margin-right: 0;}
.mCSB_scrollTools{width: 3px; opacity: 1; right: 20px;}
.mCSB_scrollTools .mCSB_draggerRail{width: 3px; background-color: #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 3px; background-color: #333;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{background-color: #333;}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #333;}

/*.mcscroll-over .mCSB_inside > .mCSB_container{margin-right: 0;}
.mcscroll-over .mCSB_scrollTools{top: 6px; bottom: 6px; right: 6px;}*/




#preload{
    position:fixed; 
    width:100%; 
    height:100%; 
    z-index:9999; 
    left: 0; 
    top: 0;
    background-color: rgba(239,242,245,1)
}
.preload{
    text-align: center;
    position: absolute; 
    left: 50%; 
    top:50%; 
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.preload .logo{
    width: 160px;
    height: 160px;
    padding: 30px 30px;
}
.preload .logo img{
    width: 100%;
}
.preload .loader{
    border:2px solid;
    width: 160px;
    height: 160px;
    border-radius:50%;
    border-color:#143d8d transparent transparent;
    -webkit-animation:spins 1s linear infinite;
            animation:spins 1s linear infinite;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    opacity: 0.2;
}

@-webkit-keyframes spins{
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}
}

@keyframes spins{
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-filter:hue-rotate(0);filter:hue-rotate(0)}
}



#preload-default{
    position:fixed; 
    width:100%; 
    top: 190px;
    bottom: 0;
    z-index:9999; 
    left: 0;
    background-color: #fff;
}
.preload-default{
    text-align: center;
    position: absolute; 
    left: 50%; 
    top:50%; 
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}



/*----- modal -----*/
.modal{text-align: center;}
.modal:before{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal .close{opacity: 1; width: 60px; height: 50px; padding: 0 23px; position: absolute; z-index: 110; bottom: 100%; right: 0; background-color: #fff;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.modal .close .icon{vertical-align: middle; opacity: 0.9;}
.modal .close:hover{background-color: #f2f2f2;}
.modal-backdrop{background-color: #000;}
.modal-backdrop.in{opacity: 0.5;}
.modal-dialog{margin: 0; display: inline-block; text-align: left; vertical-align: middle; width: 800px;}
.modal-content{border:none; padding: 0; background-color: #fff; border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}