/*----- editor content -----*/
.editor-content{font-size: 2.8em;}
.editor-content,
.editor-content p{color: #242424; margin-bottom: 20px; line-height: 1.3em;}
.editor-content p:last-child{margin-bottom: 0;}
.editor-content img{height: auto !important;}




/*----- whead -----*/
.whead{margin-bottom: 40px;}
.whead .title{
    font-family: 'fontastiquefontastique'; 
    margin: 0; 
    font-size: 7.2em; 
    font-weight: normal;
    line-height: 1em;
    color: #242424;
}
.whead .desc{margin-top: 15px; margin-bottom: 0; font-size: 4.8em; text-align: center; line-height: 1em;}
.whead .sub{margin-top: 40px; margin-bottom: 0; font-size: 3em; text-align: center; line-height: 1.2em;}
.whead .sub strong{font-weight: 500;}




/*----- 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{padding-left: 20px; margin-left: 10px;}
.breadcrumb li + li:before{content: ''; position: absolute; left: 0; top: 1px; bottom: 0; margin: auto; 
    width: 6px; 
    height: 6px; 
    border-right: 1px solid #666; 
    border-bottom: 1px solid #666; 
    padding: 0;
    transform: rotate(-45deg);
}
.breadcrumb li,
.breadcrumb li.active,
.breadcrumb .link{color: #666; font-size: 20px; line-height: 1em;}
.breadcrumb .link:hover{color: #666;}
.breadcrumb li.active{color: #70ac2b; max-width: 400px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}




/*----- button -----*/
.btn{background: none; position: relative; overflow: hidden; top: 0; z-index: 10; padding: 0 10px; 
	height: 50px; 
	line-height: 48px; 
	border: 1px solid transparent; 
	font-size: 24px; 
	font-weight: 500;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn.fluid{min-width: inherit; width: 100%; position: relative;}

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

.btn-xs{}
.btn-sm{}
.btn-lg{height: 56px; line-height: 54px; font-size: 26px;}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus{color: #fff; background-color: #80c4a7; 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: #80c4a7; border-color: transparent; box-shadow: 0 -20px 30px -10px #50ae86 inset;}
.btn-primary.disabled,
.btn-primary.disabled:hover{color: #fff; background-color: #80c4a7; border-color: transparent; opacity: 0.5;}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary.focus{color: #fff; background-color: #6faa2a; 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: #6faa2a; border-color: transparent; box-shadow: 0 -20px 30px -10px #4f8a0a inset;}
.btn-secondary.disabled,
.btn-secondary.disabled:hover{color: #fff; background-color: #6faa2a; border-color: transparent; opacity: 0.5;}

.btn-info,
.btn-info:focus,
.btn-info.focus{color: #fff; background-color: #b2b2b2; border-color: transparent;}
.btn-info:hover,
.btn-info:active:hover,
.btn-info.active:hover,
.btn-info:active:focus,
.btn-info.actitve:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.btn-info:focus:hover,
.btn-info.focus:hover{color: #fff; background-color: #b2b2b2; border-color: transparent; box-shadow: 0 -20px 30px -10px #ccc inset;}
.btn-info.disabled,
.btn-info.disabled:hover{color: #fff; background-color: #b2b2b2; border-color: transparent; opacity: 0.5;}




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

.form-default .control-label{margin-bottom: 5px; font-weight: 500; font-size: 24px; color: #242424; line-height: 30px;}
.form-default .form-control{line-height: 1.2em; 
    padding: 10px 15px; 
    font-size: 24px; 
    color: #242424;
    min-height: 50px;
    background-color: #fff; 
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -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: #999;}
.form-default .block-control{position: relative;}
.form-default .form-topic{color: #242424; font-size: 3.6em; font-weight: 500; padding: 40px 0;}

.form-default .help-block.with-errors{display: none;}

.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-control-feedback{position: absolute; top: 15px; 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: 18px;
}
.form-control-feedback.glyphicon-remove{
    background: url('../image/icon/cancel.png') center no-repeat;
    background-size: 18px;
}

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

.form-button{margin-top: 30px;}
.form-button > div{display: inline-block;}
.form-button > div + div{margin-left: 30px;}
.form-button .btn{width: 180px;}

label.file-upload{margin: 0; position:relative; overflow:hidden; font-weight: normal; padding: 0 15px !important;}
label.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;
}
label.file-upload:after{content: ''; position: absolute; border-left: 1px solid #d9d9d9; width: 44px; top: 0; right: 1px; height: 48px; background: url('../image/icon/select-plus.png') center no-repeat;}
.file-upload-text{line-height: 48px;}

.captcha div.form-control{width: 150px; text-align: center; padding: 0; overflow: hidden;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.captcha div.form-control img{display: block; max-height: 48px;}
.captcha input.form-control{width: 260px;}
.captcha .btn{margin-right: 20px; padding: 0px; background-color: #fff; width: 50px; height: 50px; min-width: inherit; border: 1px solid #d9d9d9; border-left: none;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.captcha .btn img{float: left; width: 100%;}

.radio-control{position: relative; display: inline-block; min-height: 34px; padding-left: 0;}
.radio-control .icon{width: 20px; height: 20px; border: 1px solid #d9d9d9; background-color: #fff; 
    position: absolute; 
    top: 15px; 
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.radio-control .title{margin: 0; font-size: 24px; font-weight: normal; color: #242424; padding-left: 30px; 
    padding-top: 15px; 
    padding-bottom: 15px; 
    line-height: 20px; 
    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 #d9d9d9; 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: 15px; 
    padding-bottom: 15px; 
    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;
}




/*----- select2 -----*/
.select-control{width: 100%;}
.select-control:focus{outline: none;}
.select2-selection:focus{outline: none;}
.select2-container .select2-selection--single{height: 50px;}
.select2-container--default .select2-selection--single{border-color: #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 48px; font-size: 24px; color: #242424; padding-left: 15px; text-align: left;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 50px; top: 0; width: 44px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #666 transparent transparent transparent;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #666 transparent;}
.select2-container--default .select2-results__group{font-weight: bold; font-size: 24px; 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: #d9d9d9; padding: 4px 10px; font-size: 20px;}
.select2-dropdown{border-color: #d9d9d9;}
.select2-search--dropdown{padding: 10px;}
.select2-results__option{padding: 6px 15px; font-size: 24px; color: #333; line-height: 1em;}




/*----- 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: 600px;}
.modal-header{position: relative; border-bottom: 1px solid #cdb380; margin-bottom: 40px; padding: 0 0 15px 0;}
.modal-header .title{margin: 0; font-size: 36px; font-weight: 500; line-height: 1em;}
.modal-body{padding: 0;}
.modal-content{
    border:none; 
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}




/*---- PRELOAD ----*/
#preload{position:fixed; width:100%; height:100%; z-index:9999; left: 0; top: 0;}
.preload{
    position: absolute; left: 50%; top:50%; z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}


#preload .left{position: fixed; top: 0; left: 0; width: 50%; height: 100%; background-color: #fff;
    -webkit-transition: all 800ms ease-out;
    -moz-transition: all 800ms ease-out;
    -o-transition: all 800ms ease-out;
    -ms-transition: all 800ms ease-out;
    transition: all 800ms ease-out;
}
#preload .right{position: fixed; top: 0; right: 0; width: 50%; height: 100%; background-color: #fafafa;
    -webkit-transition: all 800ms ease-out;
    -moz-transition: all 800ms ease-out;
    -o-transition: all 800ms ease-out;
    -ms-transition: all 800ms ease-out;
    transition: all 800ms ease-out;
}
#preload.move .left{transform: translate(-100%, 0); visibility: hidden;}
#preload.move .right{transform: translate(100%, 0); visibility: hidden;}