body{
	background-color: #fff;
	font-size: 14px;
	color: #333;
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container{
	width:1210px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
.container,
.container-fluid{
	padding-left:15px; 
	padding-right:15px;
}
.row{
	margin-left:-15px; 
	margin-right:-15px;
}

.row-0{margin: 0;}
.row-0 > div{padding: 0;}

.row-4{margin: 0 -2px;}
.row-4 > div{padding: 0 2px;}

.row-20{margin: 0 -10px;}
.row-20 > div{padding: 0 10px;}

figure.cover-bg{margin: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
figure.cover-bg.-contain{background-size: contain;}
figure.cover-bg img{width: 100%;}

img{max-width: 100%;}
a:focus{outline: none;}
input,
select,
textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.row-table{display: table; width: 100%;}
.row-table > div{display: table-cell; vertical-align: middle;}
.row-table .col{width: auto;}
.row-table .col-auto{width: 1%;}
.row-table.vlign-top > div{vertical-align: top;}

.btn,
.link{
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    
    /*-webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;*/
}
.link:focus,
.link:hover{text-decoration: none;}

.item-list{margin: 0; padding: 0;}
.item-list > li{list-style: none; float: left;}
.item-list:before,
.item-list:after{content: ' '; display: table;}
.item-list:after{clear: both;}

.nav-list{margin: 0; padding: 0;}
.nav-list > li{list-style: none; float: left;}
.nav-list:before,
.nav-list:after{content: ' '; display: table;}
.nav-list:after{clear: both;}

.editor-content{font-size: 17px; color: #888; line-height: 1.6em;}
.editor-content p{font-size: 17px; color: #888; line-height: 1.6em; margin-bottom: 20px;}
.editor-content p:last-child{margin-bottom: 0;}

.text-primary{}
.text-secondary{}




.site-header{position: fixed; z-index: 100; top: 0; left: 0; width: 100%;}
.site-header .main{height: 120px; background-color: rgba(5,5,99,0.9);}
.site-header .main-brand{width: 240px; height: 170px; background-color: #050563;
	-moz-box-shadow:    0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
	box-shadow:         0 0 20px rgba(0,0,0,0.2);
}
.site-header .main-brand .link{display: block;}
.site-header .main-topbar{position: relative; height: 64px; border-bottom: 1px solid #87716f;}
.site-header .main-topbar:after{content: ''; position: absolute; top: 100%; left: 100%; width: 400px; height: 1px; background-color: #87716f;}
.site-header .main-topbar .nav-list{float: right;}
.site-header .main-topbar .nav-list > li + li{margin-left: 30px;}
.site-header .main-topbar .link{float: left; font-size: 16px; color: #fff; font-weight: 500; line-height: 64px;}
.site-header .main-topbar .link + .link{margin-left: 12px;}
.site-header .main-topbar .link .icon{position: relative; top: -1px;}
.site-header .main-topbar .link:hover{color: #87716f;}
.site-header .main-topbar .social:hover .link{opacity: 0.4;}
.site-header .main-topbar .social .link:hover{opacity: 1;}
.site-header .main-topbar .btn{height: 64px; line-height: 62px; font-size: 16px; font-weight: 500;}
.site-header .main-nav .nav-list{float: right;}
.site-header .main-nav .nav-list > li + li{margin-left: 50px;}
.site-header .main-nav .link{font-family: 'bodoni', sans-serif; font-size: 20px; color: #fff; line-height: 55px;}
.site-header .main-nav .active .link{color: #87716f;}
.site-header .main-nav .link:hover{color: #87716f;}

.menu-mobile-btn{display: none; position: absolute; top: 0; right: 0; width: 54px; height: 54px; background-color: #87716f;}
.menu-mobile-btn .btn-mobile{display: inline-block; float: left; width: 20px; height: 16px; position: relative; margin-top: 18.5px; margin-left: 17px;}
.menu-mobile-btn .btn-mobile .bar{position: absolute; width: 100%; height: 2px; left: 0; background-color: #fff; margin: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-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;}
.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;}




.site-container{overflow: hidden;}

.default-header{padding: 200px 0; text-align: center; position: relative; height: 400px; background-size: cover; background-position: center;}
.default-header:before{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(5,5,99,0.75);}
.default-header .title{position: relative; z-index: 10; margin: 0; font-family: 'bodoni', sans-serif; font-size: 30px; color: #87716f;}
.default-header .breadcrumb{margin-top: 10px; position: relative; z-index: 10; padding: 0; background-color: transparent;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.default-header .breadcrumb li,
.default-header .breadcrumb a{color: #fff; font-size: 14px;}
.default-header .breadcrumb li + li:before{content: ''; padding: 0; margin: 0 12px; position: relative; top: 3px; display: inline-block; width: 1px; height: 14px; background-color: rgba(255,255,255,0.5);}
.default-header .breadcrumb a:hover{color: #87716f;}
.default-body{position: relative; z-index: 10; margin-top: -70px; min-height: 400px;}




.site-footer{position: relative; z-index: 10;
	-moz-box-shadow:    0 0 100px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 100px rgba(0,0,0,0.1);
	box-shadow:         0 0 100px rgba(0,0,0,0.1);
}
.site-footer .main{background-color: #fff; padding: 25px 0;}
.site-footer img{display: inline-block; vertical-align: middle; margin-right: 15px;}
.site-footer .title{margin: 0; display: inline-block; vertical-align: middle; font-family: 'bodoni', sans-serif; font-size: 30px; color: #050563;}
.site-footer .main-nav{float: right; margin: 28px 0;}
.site-footer .main-nav li + li:before{content: ''; float: left; position: relative; top: 4px; width: 1px; height: 18px; background-color: #050563; margin: 0 20px;}
.site-footer .main-nav .link{color: #050563; font-size: 16px;}
.site-footer .main-nav .link:hover{color: #87716f;}
.site-footer .footbar{background-color: #050563; padding: 20px 0;}
.site-footer .footbar .desc{margin: 0; color: #fff; font-size: 14px; text-align: center; width: 100%;}




/*----- button -----*/
.btn{background: none; position: relative; top: 0; z-index: 10; padding: 0 20px; height: 50px; border:1px solid transparent; line-height: 48px; font-size: 20px;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.btn.fluid{min-width: inherit; width: 100%; position: relative;}
.btn img{position: relative; top: -2px; margin-right: 20px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.btn:hover img{
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

/*.btn-plus{margin-right: 46px;}
.btn-plus:after{content: ''; position: absolute; left: 100%; top: -1px; margin-left: 1px; width: 46px; height: 46px; background: url('../image/icon/plus.png') center no-repeat; background-color: #fff;}

.btn-lg{height: 60px; line-height: 58px; font-size: 34px;}

.btn-radius{
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
}*/

.btn-primary,
.btn-primary:focus,
.btn-primary.focus{color: #87716f; background-color: #fff; border-color: #87716f;}
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:focus:hover,
.btn-primary.focus:hover{color: #fff; background-color: #87716f; border-color: transparent;}
.btn-primary.disabled,
.btn-primary.disabled:hover{color: #87716f; background-color: #fff; border-color: #87716f; opacity: 0.5;}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary.focus{color: #fff; background-color: #87716f; border-color: transparent;}
.btn-secondary:hover,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.btn-secondary:focus:hover,
.btn-secondary.focus:hover{color: #fff; background-color: #87716f; border-color: transparent;}
.btn-secondary.disabled,
.btn-secondary.disabled:hover{color: #fff; background-color: #87716f; border-color: transparent; opacity: 0.5;}

.btn.btn-link{font-weight: 500; padding: 0; height: auto; min-width: inherit; font-size: 18px; line-height: 1em;}
.btn-link:after{content: ''; position: absolute; top: 100%; left: 0; margin-top: 4px; width: 0; height: 1px; background-color: #87716f;
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.btn-link:hover:after{width: 100%;}
.btn-link,
.btn-link:focus,
.btn-link.focus{color: #87716f; background-color: transparent; border-color: transparent;}
.btn-link:hover,
.btn-link:active:hover,
.btn-link.active:hover,
.btn-link:active:focus,
.btn-link.active:focus,
.btn-link:active.focus,
.btn-link.active.focus,
.btn-link:focus:hover,
.btn-link.focus:hover{color: #87716f; text-decoration: none; background-color: transparent; border-color: transparent;}
.btn-link.disabled,
.btn-link.disabled:hover{color: #87716f; background-color: transparent; border-color: transparent; opacity: 0.5;}




/*----- modal -----*/
.modal{text-align: center;}
.modal:before{content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px;}
.modal-backdrop{background-color: #050563;}
.modal-backdrop.in{opacity: 0.6;}
.modal-dialog{margin: 0; display: inline-block; text-align: left; vertical-align: middle; width: 1180px;}
.modal-content{background: url('../image/background/modal.jpg') right center no-repeat; background-color: #fff; border: none; margin: 40px 0;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.2);
    box-shadow: 0 0 30px rgba(0,0,0,0.2);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.modal-content .form-default{padding: 0 90px;}
.modal-header{text-align: center; padding: 20px; border: none;}
.modal-body{padding: 50px; min-height: 400px; background: url('../image/background/bg-shadow-top.png') top center no-repeat;}
.modal-body .wtopic{margin-bottom: 30px;}
.modal-body .wtopic .title{margin: 0; position: relative; font-family: 'bodoni', sans-serif; font-size: 30px; line-height: 1em; color: #87716f;}
.modal-body .editor-content,
.modal-body .editor-content p{font-size: 16px;}
.modal-body .editor-content strong{font-size: 500;}

.modal-close{font-size: 30px; color: #87716f; position: absolute; top: 15px; right: 15px; width: 50px; height: 50px; line-height: 46px; border: 1px solid #87716f;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.modal-close:hover{background-color: #87716f; border-color: transparent; color: #fff;}




/*---- PRELOAD ----*/
#preload{position:fixed; width:100%; height:100%; z-index:9999; background:#050563; 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 .logo{}
.loading{display: inline-block;}
.object{
    background-color: #fff; width: 8px; height: 8px; float: left; margin:0 5px; margin-top: 0px;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
}

#object_one {   
    -webkit-animation: object_one 1.5s infinite;
    animation: object_one 1.5s infinite;
}
#object_two {
    -webkit-animation: object_two 1.5s infinite;
    animation: object_two 1.5s infinite;
    -webkit-animation-delay: 0.25s; 
    animation-delay: 0.25s;
}
#object_three {
    -webkit-animation: object_three 1.5s infinite;
    animation: object_three 1.5s infinite;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

@-webkit-keyframes object_one {75% { -webkit-transform: scale(0); }}

@keyframes object_one {75% { transform: scale(0);-webkit-transform: scale(0);}}

@-webkit-keyframes object_two {75% { -webkit-transform: scale(0); }}
@keyframes object_two {75% { transform: scale(0); -webkit-transform:  scale(0);}}

@-webkit-keyframes object_three {75% { -webkit-transform: scale(0); }}
@keyframes object_three {75% {  transform: scale(0);-webkit-transform: scale(0);}}