/* GENERAL */
.container-x {
	width:1080px
}

.no-padding {
	padding:0!important;
}
.ori-bg {
	background: rgba(99,158,197,1);
	background: -moz-linear-gradient(top, rgba(99,158,197,1) 0%, rgba(51,113,158,1) 50%, rgba(45,107,153,1) 56%, rgba(3,67,119,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(99,158,197,1)), color-stop(50%, rgba(51,113,158,1)), color-stop(56%, rgba(45,107,153,1)), color-stop(100%, rgba(3,67,119,1)));
	background: -webkit-linear-gradient(top, rgba(99,158,197,1) 0%, rgba(51,113,158,1) 50%, rgba(45,107,153,1) 56%, rgba(3,67,119,1) 100%);
	background: -o-linear-gradient(top, rgba(99,158,197,1) 0%, rgba(51,113,158,1) 50%, rgba(45,107,153,1) 56%, rgba(3,67,119,1) 100%);
	background: -ms-linear-gradient(top, rgba(99,158,197,1) 0%, rgba(51,113,158,1) 50%, rgba(45,107,153,1) 56%, rgba(3,67,119,1) 100%);
	background: linear-gradient(to bottom, rgba(99,158,197,1) 0%, rgba(51,113,158,1) 50%, rgba(45,107,153,1) 56%, rgba(3,67,119,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#639ec5', endColorstr='#034377', GradientType=0 );
}
#ScrollToTop{z-index:1000;color:red;text-align:center; position:fixed; bottom:10px; right:10px; cursor:pointer;display:none}

/* POP LOGIN */
.sign {
    padding: 0px 20px;
	padding-left:0;
}
.sign-with {
    padding: 0px 20px;
}
div#OR {
    height: 40px;
    width: 40px;
    border: 0px solid #ddd;
    border-radius: 50%;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    font-size: 12px;
    float: right;
    position: absolute;
    right: -20px;
    top: 30%;
    z-index: 1;
    background: #eee;
}

/* STICKY DEFINITION*/
.sticky-wrapper {
	position:relative;
	z-index:900;
}
#nav {
	box-shadow: 0 2px 5px rgba(200, 200, 200, 0.1);
	border-bottom:1px solid #ddd;
}
.main-menu .logo {
	height:50px;
	margin-top:-5px
}
@media (min-width: 992px) {
	.is-sticky #nav {
		border-top:2px solid rgba(99,158,197,1);
		background:#f5f5f5;
	}
	.is-sticky .main-menu .navbar-nav > li > a {
		padding-top:15px;
		padding-bottom:15px;
	}
	.is-sticky .main-menu .logo {
		height:45px;
		margin-top:-11px
	}
}


.content-title {
	margin-bottom:15px
}
.user-badge img {
	border-radius:100%;
	max-width:30px!important;
	max-height:30px!important;
	border:0px solid #ddd;
	display:inline;
	margin-top:-12px;
	margin-bottom:-10px;
}


/* form */
.inline-search .btn {
    color: inherit;
	border-radius:0;
}
.inline-search .form-control {
    width: 0%;
	max-width:180px;
	border-radius:0;
	font-size:14px;
	display:none;
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;*/
}
.inline-search .form-control, .inline-search .btn {
    background-color: transparent;
    border: none;
}
.inline-search {
	padding:0;
	margin:0;
}
.inset-shadow {
	box-shadow: 0 1px 1px #1d3e6f inset;
	background:rgba(10,10,10,0.15);
}
img.saturate {
    -webkit-filter: grayscale(100%); /* Safari */
    filter: grayscale(100%);
}
img.invert {
    -webkit-filter: invert(100%); /* Safari */
    filter: invert(100%);
}
/*
Header Element, Container for - Logo - Navigation - Search
*/
/* Configuration of the header*/
.header { padding: 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: 85px;
} .header .logo { margin: 10px 0 0 0; height:45px;
} /*
Navigation
*/
/* Nav Config */
.navigation { float: right; padding: 0 0 0 0; margin: 0; list-style-type: none;
} .navigation > li { float: left; margin-right: 40px;
} .navigation > li:last-child { margin-right: 0;
} /* First Level Styling */
.navigation > li > a { color: #999; text-transform: uppercase; font-weight:bold; font-size: 16px; text-decoration: none; height: 80px; display: inline-block; position: relative; padding-right: 12px; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; color: #2a2a2a;
} .navigation > li:hover > a,
.navigation > li > a:hover,
.navigation > li > .activelink { color: #be251c;
} .navigation > li > a > span.label-nav { float: left; line-height: 20px; display: block; width: 100%; clear: both; margin: 25px 0 0 0;
} .navigation > li > a > span.label-nav-sub { font-weight:normal; float: left; line-height: 20px; width: 100%; clear: both; font-size: 12px; color: #bcbcbc; display: inline-block; position: relative; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; -moz-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; text-transform: capitalize;
} .navigation > li > a > span.label-nav-sub::before { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; content: attr(data-hover); -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0;
} .navigation > li:hover > a > span.label-nav-sub,
.navigation > li:hover > a > span.label-nav-sub { -webkit-transform: rotateX(90deg) translateY(-22px); -moz-transform: rotateX(90deg) translateY(-22px); -ms-transform: rotateX(90deg) translateY(-22px); -o-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px); -ms-transform: none;
} .ie10 .navigation > li:hover > a > span.label-nav-sub,
.ie10 .navigation > li:hover > a > span.label-nav-sub { transform: none;
} .navigation > li:hover > a > span.label-nav-sub::before, .navigation > li:hover > a > span.label-nav-sub::before { color: #be251c; opacity: 1; opacity: 0\9;
} .navigation > li > .activelink span.label-nav-sub { color: #585858;
} .navigation > li:last-child > a { margin-right: 0; padding-right: 0;
} /* set all LI to relative */
.navigation li { position: relative;
} /* Sub menu Style */
.navigation ul { position: absolute; padding: 0; margin: 0; top: 85px; background-color: #fff; display: none; z-index: 1; border: 1px solid #DDDDDD; border-top: 2px solid #DDD; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; opacity: 0; height: 0px; overflow: hidden; left: -13px;
}
.navigation ul li { line-height: 0; list-style-type: none;
} .navigation ul.show-sub-menu { display: block; opacity: 1; height: auto;
} .navigation .icon-arrow-menu { position: absolute; top: 19px; left: 6px; color: white; color: rgba(255, 255, 255, 0.5); font-size: 15px; display: none; z-index: 10;
} .navigation .icon-arrow-submenu { position: absolute; top: 14px; right: 10px; color: white; color: rgba(255, 255, 255, 0.5); font-size: 11px;
} .navigation ul li a { padding: 0 0 0 12px; width: 170px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 35px; display: block; color: #787878; text-decoration: none; font-size: 13px; background-color: #fff; overflow: hidden; position: relative; font-family: "Raleway", sans-serif; float: left;
} /* Link hover for sub menu */
.navigation ul li:hover > a { background-color: #F7F7F7; color: #be251c;
} /* icon hover for sub menu */
.navigation ul li:hover > a i { color: white;
} .navigation ul li a.activelink { font-weight: bold;
} .navigation ul li:first-child > a { border-top: none;
} /* 3rd level */
.navigation ul ul { left: 172px; top: 0; border-top: 0;
} .mobile-menu-button { display: none;
} .mobile-nav { display: none;
} .mobile-nav > li:last-child a { border-bottom: none;
}


.navbar {
    margin-top: 0px!important;
}
.navbar-right .dropdown-menu {
	right:auto!important;
}
.brand-custom a{
	float: left;
	height: 50px;
	font-size: 18px;
	line-height: 40px;
}
.brand-custom h3,.brand-custom h4{
	margin-top:0px;
	margin-bottom:0px;
}

.blue {
	color:#2d5e8f;
}
.blue-d {
	color:#1d3e6f;
}
.blue-h {
	color:#3d4e7f;
}

/*sub-top*/

.page-info {
    padding: 30px 0 20px 0;
    position: relative;
    overflow: hidden;
}
.h1-page-title {
    font-weight: 100;
    margin: 0 0 10px 0;
    margin-right: 0px;
    line-height: 20px;
    font-size: 36px;
    float: left;
    /*color: #fff;*/
    margin-right: 10px;
}
.h2-page-desc {
    font-weight: 100;
    font-size: 22px;
    line-height: 20px;
    color: #EEEEEE;
    border-left: 1px solid;
    padding-left: 10px;
    float: left;
    margin-bottom: 10px;
}
.breadcrumb-container {
    position: absolute;
    right: 0;
    top: 50%;
	width:auto;
}
.breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .9em;
    display: inline-block;
}
.breadcrumbs a {
    color:#777;
}
.breadcrumbs li::after {
	font-family: 'FontAwesome';
    content: "\f105";
    display: inline-block;
    width: 20px;
    text-align: center;
    color: #333;
}
.breadcrumbs li:last-child::after {
    content: "";
    width: 0px;
}
/*social icon */
.icon-facebook:hover {
	background:#324d86!important;
}
.icon-twitter:hover {
	background:#4ab3f4!important;
}
.icon-instagram:hover {
	background:#000000!important;
}
.icon-youtube:hover {
	background:#eb1a22!important;
}

.border-left {
	border-left:1px solid rgba(0,0,0,.1);/*#3d4e7f;*/
}
.border-right {
	border-right:1px solid rgba(0,0,0,.1);/*#3d4e7f;*/
}
.top-search .btn {
    color: inherit;
}
.top-search .form-control {
    width: 0%;
	max-width:200px;
	border-radius:0;
	font-size:14px;
	height:32px;
	display:none;
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset;*/
}
.top-search .form-control, .top-search .btn {
    background-color: transparent;
    border: none;
	line-height:32px;
	padding-top:0;
	padding-bottom:0;
}
.top-search .form-control {
    color: #ddd;
	caret-color: #ddd;
    opacity: 1;
}


a.news-link:hover {
	text-decoration:none;
}
a.news-link:hover h5 {
	text-decoration:underline;
}
.box-3 figcaption{
	padding:0 11px 0 5px;
	background:rgba(0,0,0,.5);
	color:#fff;
	font-weight:normal;
	font-size:.9em;
	border-left:5px solid red;
}
.box-3 figcaption>ul{
	margin-bottom:0px;
}
.box-3 figcaption>ul li{
	margin-right:-5px;
}

.date-meta {
	color:#777;
	margin:5px 0 10px 0;
}
.link-block:hover {
	text-decoration:none;
}

.link-block span.index {
	display: none
}
.link-block:hover span.index {
	display:inline-block
}
.ico-ori {
    margin-top: 0px;
    margin-right: 15px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 24px;
    border: 0px solid orange;
    background: #be251c;
    color: #fff;
    border-radius: 0 10px;
}
.no-border {
	border:none!important;
}
.highlight {
	background:yellow;
}

/* Small Device */
@media (max-width: 767px) {
	/*container*/
	.navbar-nav {
		margin: 0px 0px;
	}
	/*breadcrumbs*/
	.top-title-wrapper {
		background: #fff;
	}
	.breadcrumb-container {
		position: relative!important;
		right: auto;
		top: 50%;
		width:auto;
	}
	.breadcrumbs li {
		padding-right:0;
		padding-left: 0;
	}
	.page-info {
		padding: 5px;
	}
	.h1-page-title{
		display:none;
	}
	/*carousel*/
	.owl-controls .owl-pagination {
		display:none!important;
	}
	.foot-list-style-1 li,.foot-address-list li  {
		font-size: 12px;
	}
	.foot-address-list .fa {
		margin: 0px;
		font-size: 16px;
	}
}

.dropdown-menu .divider {
    height: 1px;
    margin: 2px 0;
    overflow: hidden;
    background-color: #6e1413;
}