/*----- editor content -----*/
.editor-content .title{font-size: 30px; margin-bottom: 30px;}
.editor-content{color: #666; line-height: 1.2em; font-size: 24px;}
.editor-content p{margin-bottom: 20px;}
.editor-content p:last-child{margin-bottom: 0;}
.editor-content img{height: auto !important;}
.editor-content .table-bordered td{border: 1px solid #ddd; padding: 10px;}
.editor-content strong{font-weight: normal;}




/*----- whead -----*/
.whead{position: relative; margin-bottom: 80px;}
.whead .title{margin: 0; font-size: 60px; font-weight: bold; padding-bottom: 16px; line-height: 1em; text-transform: uppercase; color: #093B92;}
.whead .title:before{content: ''; position: absolute;bottom: 0; left: 0; width: 80px; height: 6px; background-color: #00BCDC;}
.whead-sm{margin-bottom: 20px;}
.whead-sm .title{font-size: 48px; padding-bottom: 20px;}




/*----- main menu -----*/
nav.menu > .nav-list{text-align: center;}
nav.menu li{border-left: 1px solid #7287BE; width: calc(100%/5);}
nav.menu .link{ text-align: center;line-height: 60px;font-size: 24px;color: #fff;display: block;background-color: #2f008c;}
nav.menu .link:hover{color: #00BCDC;}
nav.menu .active > .link,
nav.menu li.active > .link:hover{ background-color: #0F32A3; color: #fff;}
nav.menu .dropdown .link .icon{display: inline-block; vertical-align: middle; font-size: 18px; line-height: 1; margin-left: 5px;}
nav.menu .dropdown .link .icon:before{content: "\f107"; font-family: 'FontAwesome';}
nav.menu .dropdown.show .link .icon:before{content: '\f106';}
nav.menu .dropdown-menu{
    padding: 15px 0;
    border: none;
    background-color: #fff;
    border-radius: 0;
    left: -2px;
    min-width: 320px;
    margin-top: 10px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
nav.menu .dropdown-menu li{width: 100%; border: none;}
nav.menu .dropdown-menu li+li{margin-left: 0;}
nav.menu .dropdown-menu li .link{padding: 15px 20px; line-height: 1em; display: block; background-color: transparent; color: #2f008c; text-align: left;}
nav.menu .dropdown-menu li .link:hover{background-color: #0F32A3; color: #fff;}

   


/*----- mobile menu -----*/
.menu-mobile-btn{display: none; position: relative; right: 0; top: 0; z-index: 3;}
.menu-mobile-btn .btn-mobile{width: 20px;height: 16px;position: absolute; left: 0; top: 14px;
    -webkit-transition:All 200ms ease;
    -moz-transition:All 200ms ease;
    -o-transition:All 200ms ease;
}
.menu-mobile-btn .btn-mobile .bar{position: absolute; width: 100%; height: 2px; left: 0; background-color: #00BCDC; margin: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition:All 200ms ease;
    -moz-transition:All 200ms ease;
    -o-transition:All 200ms ease;
}
.menu-mobile-btn .btn-mobile .bar:nth-child(1){top: 0;}
.menu-mobile-btn .btn-mobile .bar:nth-child(2){top: 0; bottom: 0;}
.menu-mobile-btn .btn-mobile .bar:nth-child(3){top: 0; bottom: 0;}
.menu-mobile-btn .btn-mobile .bar:nth-child(4){bottom: 0;}
.menu-mobile-btn .btn-mobile.close{opacity: 1;}
.menu-mobile-btn .btn-mobile.close .bar:nth-child(1){top: 0; opacity: 0;}
.menu-mobile-btn .btn-mobile.close .bar:nth-child(2){top: 0; bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.menu-mobile-btn .btn-mobile.close .bar:nth-child(3){top: 0; bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.menu-mobile-btn .btn-mobile.close .bar:nth-child(4){bottom: 0; opacity: 0;}




/*---- iframe ----*/
.iframe-container {position: relative; padding-bottom: 56%; overflow: hidden;}
.iframe-container iframe,
.iframe-container object,
.iframe-container embed { position: absolute; top: 0;left: 0; width: 100%;height: 100%;}




/*----- slick -----*/
.slick-list .item{float: left; width: 100%;}
.slick-slide:focus{outline: none;}
.slick-dotted.slick-slider{margin-bottom: 0;}
.slick-dots {bottom: 30px;}
.slick-dots li {width: auto;height: auto; margin: 0 9px;}
.slick-dots li button{background-color: #ffffff; width: 14px; height: 14px; border-radius: 50%;
    -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;
}
.slick-dots li button:before{content: ''; width: 30px; height: 30px; border:3px solid #fff; border-radius: 50%; background-color: transparent;
    opacity: 0; top: 50%;left: 50%;transform: translate(-50%, -50%);
    -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;
}
.slick-dots li button:hover{background-color: #00BCDC;}
.slick-dots li button:hover:before{opacity: 0;}
.slick-dots li.slick-active button{background-color: #fff;}
.slick-dots li.slick-active button:before{opacity: 1;}

.slick-prev:before, .slick-next:before{display: none;}
.slick-prev, .slick-next{z-index: 1; font-size: 30px;
    width: 50px; height: 50px; text-align: center; line-height: 58px; color: #fff;
    background-color: #ee2225;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover, .slick-next:focus{color: #fff; background-color: #c10c0e;}
.slick-prev{margin-left: -590px;}
.slick-next{margin-left: -530px;}
.slick-prev, .slick-next {
    top: auto; bottom: -70px; left: 50%; 
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
}




/*----- breadcrumb -----*/
.breadcrumb-block{background-color: #F3F4F5; height: 50px;}
.breadcrumb{background-color: transparent; margin: 0; padding: 0; list-style: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.breadcrumb img{width: 24px; display: inline-block; vertical-align: middle; position: relative; top: -2px;}
.breadcrumb:after{content: ''; display: table; clear: both;}
.breadcrumb li{position: relative; float: left;}
.breadcrumb li + li{padding-left: 22px; margin-left: 8px;}
.breadcrumb li + li:before{
    font-family: feather;
    content: '\e844';
    color: #aaa;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 1px;
    padding: 0;
}
.breadcrumb li,
.breadcrumb .link{color: #093B92; font-size: 24px; line-height: 50px; text-transform: uppercase;}
.breadcrumb li.active,
.breadcrumb .link:hover{color: #093B92;}
/*.breadcrumb .link{display: block; max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}*/
.breadcrumb li.active{max-width: 100px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}




/*----- pagination -----*/
.pagination-block{padding-top: 20px;}
.pagination-block:after{content: ''; display: table; clear: both;}
.pagination-label{font-size: 20px; font-weight: 300; color: #000000; line-height: 40px; float: left;}
.pagination-label strong{font-size: 30px; font-weight: normal;}
.pagination{margin: 0;}
.pagination ul{margin: 0; padding: 0; list-style: none; display: flex; justify-content: center;}
.pagination .link{display: block; 
    min-width: 40px; 
    height: 40px; 
    line-height: 36px;
    padding: 0 5px; 
    font-size: 26px; 
    font-weight: 500; 
    text-align: center;
    color: #cfcfcf; 
    background-color: #fff;
    border: 2px solid #DDDDDD;
    border-radius: 50%;
    transition: all 200ms ease-in-out;
}
.pagination .link span{position: relative; line-height: 36px;}
.pagination .link:hover{color: #160896;}
.pagination .active .link{border-color: #160896; color: #160896;}
.pagination li{}
.pagination li + li{margin-left: 10px;}




/*----- button -----*/
.btn{background: none;position: relative;overflow: hidden;top: 0;z-index: 10;padding: 0 20px; display: inline-block; text-align: center;
    min-width: 180px;height: 50px;line-height: 46px;border: 2px solid transparent;font-size: 24px;font-weight: normal;
	-webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}
.btn.fluid{min-width: inherit; width: 100%; position: relative;}
.btn .feather {font-size: 20px; margin-left: 8px;display: inline-block;vertical-align: middle;top: -1px;position: relative;}

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

.btn-xs{}
.btn-sm{}
.btn-lg{}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus{color: #fff;background-color: transparent;border-color: #00BCDC;}
.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: #00BCDC;border-color: #00BCDC;}
.btn-primary.disabled,
.btn-primary.disabled:hover{color: #fff;background-color: transparent;border-color: #00BCDC; opacity: 0.5;}

.btn-primary2,
.btn-primary2:focus,
.btn-primary2.focus{color: #093B92; background-color: #fff; border-color: #00BCDC;}
.btn-primary2:hover,
.btn-primary2:active:hover,
.btn-primary2.active:hover,
.btn-primary2:active:focus,
.btn-primary2.actitve:focus,
.btn-primary2:active.focus,
.btn-primary2.active.focus,
.btn-primary2:focus:hover,
.btn-primary2.focus:hover{color: #fff; background-color: #00BCDC; border-color: transparent;}
.btn-primary2.disabled,
.btn-primary2.disabled:hover{color: #093B92; background-color: #fff; pointer-events: none;}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary.focus{color: #fff; background-color:#160896; 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: #160896; border-color: transparent;}
.btn-secondary.disabled,
.btn-secondary.disabled:hover{color: #fff; background-color: #160896; border-color: transparent; opacity: 0.5;}

.btn-secondary2,
.btn-secondary2:focus,
.btn-secondary2.focus{color: #160896; background-color:#fff; border-color: #160896;}
.btn-secondary2:hover,
.btn-secondary2:active:hover,
.btn-secondary2.active:hover,
.btn-secondary2:active:focus,
.btn-secondary2.actitve:focus,
.btn-secondary2:active.focus,
.btn-secondary2.active.focus,
.btn-secondary2:focus:hover,
.btn-secondary2.focus:hover{color: #160896; background-color: #fff; border-color: #160896;}
.btn-secondary2.disabled,
.btn-secondary2.disabled:hover{color: #160896; background-color: #fff; border-color: #160896; opacity: 0.5;}




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

.form-default .control-label{display: block; margin-bottom: 5px; font-weight: normal; font-size: 22px; color: #fff; line-height: 1em;}
.form-default .control-label span{font-size: 1.2em; position: absolute; margin-left: 5px; font-weight: 500;}
.form-default .form-control{line-height: 1em; 
    width: 100%;
    padding: 10px 20px; 
    font-size: 24px; 
    color: #666;
    min-height: 50px;
    background-color: #fff; 
    border: none;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.form-default .form-control:focus{border-color: #333;}
.form-default textarea.form-control{border-radius: 25px; height: 120px; resize: none;}
.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: 15px; right: 10px; width: 20px; height: 20px; background-size: 100%;}
.form-control-feedback:before{display: none;}
.form-control-feedback.glyphicon-ok{
    background: url('../img/icon/checked.png') center no-repeat;
    background-size: 16px;
}
.form-control-feedback.glyphicon-remove{
    background: url('../img/icon/cancel.png') center no-repeat;
    background-size: 16px;
}

.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; min-height: 34px; padding-left: 0;}
.radio-control .icon{width: 20px; height: 20px; border: 1px solid #ccc; background-color: #fff; 
    position: absolute; 
    top: 10px; 
    left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.radio-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;
}
.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 #ccc; 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;
}*/




/*----- modal -----*/
.modal-backdrop{background-color: transparent;}

/*.modal-dialog.modal-lg{max-width: 800px;}
.modal-alert {
    padding: 50px;
    text-align: center;
}
.modal-alert .icon {
    margin-bottom: 15px;
}
.modal-alert .icon img {
    display: inline-block;
}
.modal-alert .title {
    margin: 0 0 10px 0;
    font-size: 30px;
    color: #222;
    font-weight: normal;
    line-height: 1em;
}
.modal-alert .desc {
    margin: 0;
    font-size: 20px;
    color: #666;
    line-height: 1em;
}
.modal-alert .policy{padding: 0; margin: 0; list-style-type: decimal;}
.modal-alert .policy li{font-size: 20px;color: #666;  line-height: 1em; text-align: left;}
.modal-alert .policy li+li{margin-top: 15px;}
.modal-alert .action {
    margin-top: 40px;
}
.modal-alert .action .btn{
    min-width: 150px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    background-color: #fff;
    color: #222;
    box-shadow: 0 5px 15px rgba(148,155,161,0.25);
}
.modal-alert .action .btn:hover{background-color: #ee2225; color: #fff;}*/


/*.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;
    background-color: #fff;
}
.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: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.modal-alert{padding: 50px; text-align: center;}
.modal-alert .icon{margin-bottom: 15px;}
.modal-alert .icon img{display: inline-block;}
.modal-alert .title{margin: 0 0 10px 0; font-size: 26px; color: #333; font-weight: normal; line-height: 1em;}
.modal-alert .desc{margin: 0; font-size: 16px; color: #666; line-height: 1em;}
.modal-alert .action{margin-top: 40px;}*/




/*---- radio-control ----*/
.radio-control{position: relative; display: inline-block;}
.radio-control .icon{
    width: 26px; height: 26px; border:2px solid #E2E2E2; background-color: transparent; position: absolute; top: 0;left: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.radio-control .icon:before{
    content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 16px; height: 16px; background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition:All 200ms ease; 
    -moz-transition:All 200ms ease; 
    -o-transition:All 200ms ease;
}
.radio-control .txt{font-size: 24px; color: #999; font-weight: normal; padding-top: 4px; padding-left: 45px;}
.radio-control input[type='radio']{position: absolute; z-index: 5; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; margin: 0;}
.radio-control input[type='radio']:checked ~ .icon{border-color: #00BCDC;}
.radio-control input[type='radio']:checked ~ .icon:before{background-color: #00BCDC;}
.radio-control input[type='radio']:checked ~ .txt{color: #00BCDC;}


.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}




/*---- checkbox-control ----*/
.checkbox-control{position: relative; display: inline-block;}
.checkbox-control .icon{
    position: absolute; 
    top: -1px; 
    left: 0;
    width: 26px; height: 26px; border:2px solid #E2E2E2; background-color: transparent; margin: 0; display: inline-block; vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.checkbox-control .icon:before{
    font-family: 'FontAwesome'; content: '\f00c'; position: absolute; top: 4px; left: 4px; line-height: 1; margin: auto; color: #fff; font-size: 14px; font-weight: normal; text-align: left;
}
.checkbox-control .txt{display: block; padding-left: 38px; font-size: 24px; color: #666; font-weight: normal; vertical-align: middle;}
.checkbox-control input[type='checkbox']{position: absolute; z-index: 5; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; margin: 0;}
.checkbox-control input[type='checkbox']:checked ~ .icon{border-color: #00BCDC;}
.checkbox-control input[type='checkbox']:checked ~ .icon:before{color: #00BCDC; background-color: transparent;}
.checkbox-control input[type='checkbox']:checked ~ .txt{color: #00BCDC;}




/*---- show-password ----*/
.show-password{
    position: relative;
    display: table;
    border-collapse: separate;
}
.show-password .input-group-addon,
.show-password .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}
.show-password .input-group-addon,
.show-password .input-group-btn,
.show-password .form-control {
    display: table-cell;
}
.show-password .form-control{
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.show-password .form-control-feedback{right: 50px;}
.show-password .input-group-addon{padding: 0; border-color: #999; background-color: transparent; overflow: hidden;}
.show-password .input-group-addon .link{display: block; padding: 0 12px; line-height: 38px; background-color: #f7f7f7; color: #666;
    border: 1px solid #ccc; border-left: 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.show-password .input-group-addon .link:hover{background-color: #dadada;}
.show-password .input-group-addon .link .icon{
    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;
}
.show-password .input-group-addon .link .icon.on:before{content: "\f070"; font-size: 15px;}
.show-password .input-group-addon .link .icon.off:before{content: "\f06e"; font-size: 15px;}




/*----- 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: #E2E2E2; border-width: 1px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 48px; font-size: 24px; color: #666; padding-left: 20px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    width: 50px;
    height: 50px; 
    top: 0; 
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    width: 20px; 
    height: 20px; 
    font-size: 16px; 
    font-weight: normal; 
    border: none; 
    margin: -8px 0 0 -10px; 
    text-align: center; 
    line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{
    font-family: 'feather'; 
    content: '\e842';
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{
    content: '\e845';
}
.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: #E2E2E2; padding: 6px 10px; font-size: 20px; border-radius: 3px; color: #666;}
.select2-dropdown{
    border-color: #E2E2E2;
    border-width: 1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.select2-search--dropdown{padding: 10px;}
.select2-results__option{padding: 10px 20px; font-size: 24px; color: #666;}
.select2-container--default .select2-results__option[aria-selected="true"]{background-color: #F3F4F5;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color: #0F32A3;}
.select2-container--default .select2-results__option--highlighted[aria-selected]:hover{background-color: #0F32A3;}





/*----- captcha -----*/
.captcha-box{margin-top: 25px;}
.captcha-box:after{content: ''; display: block; clear: both;}
.captcha-image{float: left; width: 163px; height: 40px; margin-right: 15px; border: 0px solid #ebebeb; border-radius: 0px; overflow: hidden;}
.captcha-image img{border-radius: 0;}
.captcha-action{float: left; width: 40px;}
.captcha-action a{display: block; line-height: 1px;
    -webkit-transition:All 300ms ease;
    -moz-transition:All 300ms ease;
    -o-transition:All 300ms ease;
}
.captcha-action a:hover{transform: rotate(-180deg);}





/*----- preload -----*/
#preload{
    position:fixed; 
    width:100%; 
    height:100%; 
    z-index:9999; 
    left: 0; 
    top: 0;
    background-color: #fff;
}
#preload.move .logo{
    top: 20px;
    opacity: 0;
}
#preload.move .loader{
    top: -60px;
    opacity: 0;
}

.preload{
    text-align: center;
    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 .logo{
    width: 360px;
    position: relative;
    top: 0;
    opacity: 1;
    transition: all 400ms ease;
}

.preload .loader{
    margin: 80px auto 0;
    width: 30px;
    height: 30px;
    opacity: 1;
    position: relative;
    top: 0;
    opacity: 1;
    transition: all 400ms ease;
}
.preload .loader:before{
    content: '';
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    left:0;
    right:0;
    border: 2px solid;
    border-radius: 50%;
    border-color: #2F008C #2F008C transparent;
    animation:spins 1s linear infinite;
}
.preload .loader:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #ddd;
    border-radius: 50%;
}

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