/*----- editor content -----*/
.editor-content{font-size: 24px; color: #333333; font-weight: 300; line-height: 1.2em;}
.editor-content p{margin-bottom: 20px;}
.editor-content p:last-child{margin-bottom: 0;}
.editor-content img{height: auto !important; max-width: 100%;}
.editor-content strong{font-weight: 500;}




/*----- whead -----*/
.whead{margin-bottom: 40px; position: relative;}
.whead .title{margin: 30px 0 0 0; display: inline-block; position: relative; font-weight: 300; line-height: 0.7; font-size: 60px; color: #0f76be;}
.whead .title:before{content: ''; position: absolute; z-index: 1; bottom: 100%; left: 4px; margin-bottom: 8px; width: 80px; height: 30px; background: url(../img/static/whead.png); background-size: contain;}
.whead .title.text-light:before{filter: invert(1) grayscale(100%) brightness(4);}
.whead .title div{display: inline-block; font-weight: 100; color: #333;}




/*----- main menu -----*/
/*nav.menu{}
nav.menu li+li{margin-left: 150px;}
nav.menu li+li:nth-child(4){margin-left: 256px;}
nav.menu .link{font-size: 20px; color: #949ba1; text-transform: uppercase; line-height: 140px;}
nav.menu .active .link,
nav.menu .link:hover{color: #333333;}
nav.menu .dropdown .link .icon{display: inline-block; vertical-align: middle;}
nav.menu .dropdown .link .icon:before{content: "\f107"; font-family: 'FontAwesome';}
nav.menu .dropdown.show .link .icon:before{content: '\f106';}
nav.menu .dropdown-menu{}
nav.menu .dropdown-menu li{width: 100%;}
nav.menu .dropdown-menu li+li{margin-left: 0; border-top: 1px solid #ebebeb;}*/




/*----- mobile menu -----*/
/*.menu-mobile-btn{display: none; position: absolute; width: 16px; height: 16px; right: 15px; top: 18px; z-index: 3;}
.menu-mobile-btn .btn-mobile{display: block; width: 16px;height: 16px;
    -webkit-transition:All 400ms ease;
    -moz-transition:All 400ms ease;
    -o-transition:All 400ms ease;
}
.menu-mobile-btn .btn-mobile .bar{position: absolute; width: 100%; height: 2px; left: 0; background-color: #999; margin: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition:All 400ms ease;
    -moz-transition:All 400ms ease;
    -o-transition:All 400ms 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;}*/

.menu-mobile-btn{position: absolute; top: 10px; right: 8px; display: none;}
.menu-mobile-btn .btn-mobile{
    display: block; 
    width: 36px; 
    height: 36px;
    border-radius: 50%;
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.menu-mobile-btn .btn-mobile > div{position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 18px; height: 14px;}
.menu-mobile-btn .btn-mobile .bar{
    background-color: #0f76be; 
    position: absolute; 
    width: 100%; 
    height: 2px; 
    left: 0; 
    margin: auto;
    border-radius: 2px;
    -webkit-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.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; border-color: transparent;}
.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-prev:before,
.slick-next:before{color: #bcc3c9;}
.slick-prev:hover:before,
.slick-next:hover:before{color: #f00;}
.slick-prev, .slick-next{z-index: 1;}
.slick-prev{left: 0;}
.slick-next{right: 0;}
.slick-dots li button{width: 10px; height: 10px; background-color:#d8d8d8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.slick-dots li.slick-active button{background-color: #1075bd;}
.slick-dots li button:before{display: none;}




/*----- breadcrumb -----*/
.breadcrumb{background-color: transparent; margin: 0; padding: 0; display: inline-block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.breadcrumb li{position: relative; float: left; list-style: none;}
.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 #999; 
    border-bottom: 1px solid #999; 
    padding: 0;
    transform: rotate(-45deg);
}
.breadcrumb li,
.breadcrumb li.active,
.breadcrumb .link{color: #999; font-weight: normal; font-size: 18px; line-height: 1.2em; text-transform: uppercase;}
.breadcrumb .link:hover{color: #999;}
.breadcrumb li.active{max-width: 180px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}




/*----- pagination -----*/
.pagination-block{text-align: right;}
.pagination{margin: 0; display: inline-block;}
.pagination ul{padding: 0; margin: 0; list-style: none;}
.pagination .link{display: block; position: relative;
    width: 50px; 
    height: 60px; 
    padding: 0 10px; 
    font-size: 24px; 
    font-weight: 300; 
    text-align: center; 
    line-height: 60px; 
    color: #949ba1; 
    background-color: transparent; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.pagination .link:before { content: ''; opacity: 0;
    position: absolute;z-index: 0;width: 100%;left: 0;top: 15px;bottom: 15px; 
    box-shadow: 0 10px 20px rgba(148,155,161,0.4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.pagination .link:after {
    content: ''; display: block; opacity: 0;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background-color: #fff; position: absolute; z-index: 0;
    width: 100%;height: 100%;
    top: 0; left: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.pagination .link span{position: relative; z-index: 1;}
.pagination .link:hover{color: #1075bd;}
.pagination .active .link{color: #1075bd;}
.pagination .active .link:before{opacity: 1;}
.pagination .active .link:after{opacity: 1;}
.pagination li{display: inline-block; vertical-align: middle;}
.pagination li + li{margin-left: 6px;}
.pagination-nav .link .icon{position: relative; top: 3px;}
li:first-child.pagination-nav .link{color: #949ba1;}
li:first-child.pagination-nav .link:before{opacity: 0;}
li:first-child.pagination-nav .link:after{opacity: 0;}
li:last-child.pagination-nav .link{color: #949ba1;}
li:last-child.pagination-nav .link:before{opacity: 0;}
li:last-child.pagination-nav .link:after{opacity: 0;}




/*----- button -----*/
.btn{
    background: none; 
    position: relative; 
    display: inline-block;
    padding: 0 10px; 
    text-align: center;
	min-width: 150px;
	height: 50px;
    font-weight: normal;
	line-height: 48px;
	border: 1px solid transparent; 
	font-size: 20px; 
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.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{}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus{color: #999; background-color: #fff; border-color: transparent; box-shadow: 0 5px 15px rgba(148,155,161,0.25);}
.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: #1075bd; border-color: transparent; box-shadow: none;}
.btn-primary.disabled,
.btn-primary.disabled:hover{color: #999; background-color: #fff; border-color: transparent; opacity: 0.5;}

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




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

.form-default .control-label{margin-bottom: 5px; font-weight: normal; font-size: 20px; color: #333; line-height: 1.2em;}
.form-default .form-control{line-height: 1.2em;
    width: 100%;
    padding: 0; 
    font-size: 24px; 
    font-weight: 300;
    color: #333;
    min-height: 36px;
    background-color: #fff;
    border: none;
    border-bottom: 2px solid #f1f2f3;
    -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: #bcc3c9;}
.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 .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{text-align: center; pointer-events: none;}
.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{
    color: #fff;
    background-color: #1075bd;
    border-color: transparent;
    box-shadow: none;
}
.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; pointer-events: visible;
    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-dialog.vdo-box{width: calc(90vw); max-width: 1200px;}
.modal-dialog.vdo-box .iframe-container {padding-bottom: 56.25%; padding-top: 25px;}

.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: #333; font-weight: normal; line-height: 1em;}
.modal-alert .desc{margin: 0; font-size: 20px; color: #666; line-height: 1em;}
.modal-alert .action{margin-top: 40px;}
.modal-alert .action .btn{width: 150px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; font-weight: 300; text-transform: uppercase;}
.modal-alert .action .btn{background-color: #fff; color: #333333; box-shadow: 0 5px 15px rgba(148,155,161,0.25);}
.modal-alert .action .btn:hover{background-color: #1075bd; color: #fff;}




#preload{
    position:fixed; 
    width:100%; 
    height:100%; 
    z-index:9999; 
    left: 0; 
    top: 0;
    background-color: #fff;
}
.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: 160px;
    height: 160px;
    padding: 30px;
}
.preload .loader{
    border:2px solid;
    width: 160px;
    height: 160px;
    border-radius:50%;
    border-color:#0f76be transparent transparent;
    animation:spins 1s linear infinite;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    opacity: 0.4;
}

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