@charset "utf-8";
/* CSS Document */



/* general
*******************************************************************/
html { position:relative; min-height: 100%; font-size: 15px; }
body { font-family: 'Open Sans', sans-serif; font-size: 1rem; line-height: 1.4em; overflow-x:hidden; font-weight:400; color:#0c1958; background-color: #fff; }
* { outline:0px !important; }

.form-control { border-radius: 0 !important; color: #14267b; border-color: #999999; }
.form-control:focus { border-color: #14267b; }
.form-control::-webkit-input-placeholder { color: #3247a5;}
.form-control::-moz-placeholder { color: #3247a5;}
.form-control:-ms-input-placeholder { color: #3247a5;}
.form-control:-moz-placeholder { color: #3247a5;}
.form-control::placeholder { color: #3247a5;}


h1, h2 h3, h4, h5, h6 { font-weight: normal;}

hr { border: 0; border-top: 1px solid #bbc2d8 !important; }

.font-weight-light { font-weight: 300;}

/* header
*******************************************************************/



.cookies { background: rgba(20,38,123,0.9); color: #fff; position: fixed; bottom:0; left: 0; width: 100%; z-index: 104; padding: 10px 0 5px;}
.cookies .container a { color: #fff; text-decoration: underline;}
.cookies .mid { display: table-cell; vertical-align: middle;}
.cookies .mid .icon-cookie { font-size: 72px;}
.cookies .mid + .mid { padding: 20px 40px 20px 20px;}
.cookies .icon-cancel { position: absolute; top: 10px; right: 10px; font-size: 18px; color: #fff;}


.searchBar { padding:20px 0; background: #14267b; color: #fff; position: relative; z-index: 12; }
.searchBar .form-control { border:0 !important; background-color:#fff; color: #14267b; font-size:20px; padding:10px 15px 8px; font-weight: 300;}
.searchBar .icon-cancel { position:absolute; top:10px; color:#FFF; right:27px; font-size:22px;}
.searchBar .input-group-btn i { margin:0; /*font-size:27px;*/}
.searchBar .input-group-btn .btn { font-size:20px; padding:10px 15px 8px; border:0 !important; }

.add-baner { text-align: center; position: relative; z-index: 11; background: #fff; border-bottom: 1px solid #eee;}
.add-baner img { max-width: 100%;}

header { margin-bottom: 30px; position: relative; z-index: 101; }

.add-baner + header .top { }

header .top { background: #fff; position: fixed; margin-top: -55px; width: 100%; z-index: 11; border-bottom: 1px solid #14267b; -webkit-transform:translateY(-83px); transform:translateY(-83px); -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.open-searchBar header .top { -webkit-transform:translateY(0); transform:translateY(0);}
header .top h1 { float: left; height: 50px; position: relative; z-index: 10; margin: -58px 0 0 0;  }

header .navbar-brand { padding: 0;}
header .navbar-brand img.brand-lg { opacity: 1; margin-top:-38px; display: block; -webkit-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; }
header .navbar-brand img.brand-xs { opacity:0; display: block;  -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out;}

header .navbar { padding: 0; z-index: 101; }
header .navbar .navbar-nav { margin: 0; }
header .navbar .navbar-nav .nav-item + .nav-item { border-left: 1px solid rgba(20,38,123,0.1);}
header .navbar .navbar-nav .nav-item { position: relative;}
header .navbar .navbar-nav .nav-item .nav-link { padding: 17px 10px; color: #3247a5; font-size: 13px; position: relative; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}


header .navbar .navbar-nav .nav-item .nav-link:after { display: none;}
header .navbar .navbar-nav .nav-item:hover .nav-link,
header .navbar .navbar-nav .nav-item.active .nav-link { background: #3247a5; color: #fff;}
header .navbar .navbar-nav .nav-item.show .sub-nav { display: block;}

@media (min-width: 992px) {
    body:not(.touch) header .navbar .navbar-nav .nav-item:hover .sub-nav { display: block;}

}

header .navbar .navbar-nav .nav-item .sub-nav { position: absolute; min-width: 320px; border-bottom: 2px solid #3247a5; display: none; left: 0; background: #f0f1f7; padding: 20px 0 30px 0; font-weight: 300; box-shadow: 0 60px 60px -10px rgba(0,0,0,0.2);}
header .navbar .navbar-nav .nav-item .sub-nav ul { list-style-type: none; padding: 0; margin: 0 0 20px 10px; font-size: 15px; font-weight: 500;}
header .navbar .navbar-nav .nav-item .sub-nav ul li { margin-bottom: 3px;}
header .navbar .navbar-nav .nav-item .sub-nav ul li.submenu { position: relative;}
header .navbar .navbar-nav .nav-item .sub-nav ul li.submenu .sub-sub-nav { position: absolute; border-bottom: 2px solid #3247a5; display: none; left: 100%; top: -6px; background: #fff; margin-left: 0px; }
header .navbar .navbar-nav .nav-item .sub-nav ul li.submenu .sub-sub-nav a { white-space: nowrap;}
header .navbar .navbar-nav .nav-item .sub-nav ul li.submenu:hover .sub-sub-nav { display: block;}
header .navbar .navbar-nav .nav-item .sub-nav ul ul { margin-top: 6px; font-size: 14px;}
header .navbar .navbar-nav .nav-item .sub-nav ul li a { color: #000; padding: 5px 30px 5px 10px; display: block;}
header .navbar .navbar-nav .nav-item .sub-nav ul li a i { font-size: 80%; display: inline-block; vertical-align: middle; margin-left: 10px;}
header .navbar .navbar-nav .nav-item .sub-nav ul li:hover > a,
header .navbar .navbar-nav .nav-item .sub-nav ul li.active > a { background: #3247a5; color: #fff; text-decoration: none;}
header .navbar .navbar-nav .nav-item .sub-nav ul ul li a { color: #000000; font-weight: 300;}
header .navbar .navbar-nav .nav-item .sub-nav ul ul li:hover > a,
header .navbar .navbar-nav .nav-item .sub-nav ul ul li.active > a { background: #fff; color: #000; }



header .baner { clear: both; margin-top: 55px;}
header .baner .baner-slide { height: 60vh; max-height: 550px; background-repeat:no-repeat; background-position: center center; }
header .baner .baner-slide h2 { background: rgba(0,0,0,0.6); color: #fff; font-size: 36px; font-weight: 300; padding: 20px; margin: 0; display: inline-block;}
header .baner .baner-slide h2 b { font-weight: 600;}
header .baner .baner-slide p.lead { background: rgba(20,38,123,0.6); color: #fff; font-size: 18px; font-weight: 300; padding: 20px; display: inline-block;}
header .baner .swiper-pagination-bullet-active { background: #14267b;}
header .baner .swiper-button-prev { background: none; text-align: left; width: 60px;}
header .baner .swiper-button-prev i { font-size: 62px; color: #fff;}
header .baner .swiper-button-prev:hover i { color: #14267b;}
header .baner .swiper-button-next { background: none; text-align: right; width: 60px;}
header .baner .swiper-button-next i { font-size: 62px; color: #fff;}
header .baner .swiper-button-next:hover i { color: #14267b;}



header .infoBar { clear: both; background: #f4f4f4;}
header .tickercontainer { height: 44px !important; margin: 0 10px;}
header .infoBar .swiper-infoBar { padding: 16px 0 !important; height: 44px; }
header .infoBar .swiper-infoBar li { font-weight: 300; border-right: 1px solid rgba(20,38,123,0.6); line-height: 1.2em !important; padding: 0 16px !important; }


header .navbar .navbar-extras { list-style: none; padding: 0; margin: 0; text-align: right; white-space: nowrap;}
header .navbar .navbar-extras .nav-search { display: inline-block; vertical-align: top; }
header .navbar .navbar-extras .nav-search span { padding: 17px 5px 13px; font-size: 20px; display: inline-block; cursor: pointer; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; height: 55px;}
header .navbar .navbar-extras .nav-search span i { display: inline-block; vertical-align: middle; height: 25px;}
header .navbar .navbar-extras .nav-toggle { display: inline-block; vertical-align: top; }
header .navbar .navbar-extras .nav-toggle span { padding: 17px 5px 13px; font-size: 20px; display: inline-block; cursor: pointer; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; height: 55px;}
header .navbar .navbar-extras .nav-toggle span i { display: inline-block; vertical-align: middle; height: 25px;}
header .navbar .navbar-extras .nav-user { display: inline-block; vertical-align: top; margin-right: 5px;}
header .navbar .navbar-extras .nav-user > span { padding: 17px 5px 13px; color: #3247a5; font-size: 13px; display: inline-block; cursor: pointer; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; height: 55px;}
header .navbar .navbar-extras .nav-user span .mid { display: inline-block; vertical-align: middle; height: 25px;}
header .navbar .navbar-extras .nav-user span i { font-size: 20px; color: #0c1958; margin-left: 4px; display: inline-block; vertical-align: middle;}



.fixedheader header .navbar-brand img.brand-lg { opacity: 0;}
.fixedheader header .navbar-brand img.brand-xs { opacity: 1;}
.fixedheader header .top { box-shadow: 0px 0 30px -10px rgba(0,0,0,0.3);  }
.fixedheader header .navbar .navbar-nav .nav-item .nav-link { padding-top: 10px; padding-bottom: 10px;}
.fixedheader header .navbar .navbar-extras .nav-search span { padding-top: 9px; padding-bottom: 7px; height: 40px;}
.fixedheader header .navbar .navbar-extras .nav-toggle span { padding-top: 9px; padding-bottom: 7px; height: 40px;}
.fixedheader header .navbar .navbar-extras .nav-user > span { padding-top: 9px; padding-bottom: 7px; height: 40px;}
.fixedheader header .top h1 { margin: -41px 0 0 0; height: 41px;}

header .breadcrumbBox { background: #14267b; color: #fff; margin-top: 55px;}
header .breadcrumbBox .breadcrumb { background: none; font-size: 12px; padding: 8px 0; margin: 0; }
header .breadcrumbBox .breadcrumb .breadcrumb-item { margin: 2px 0;}
header .breadcrumbBox .breadcrumb .breadcrumb-item a { color: #fff;}
header .breadcrumbBox .breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #fff;}

.page-head { text-align: left; overflow: hidden; margin-bottom: 60px; margin-top: 0px; clear: both; background: #e7e9f2; position: relative;}

.page-head .filters { float: right; font-size: 24px; margin:5px 4px 5px 0; position: relative; z-index: 10;}
.page-head .filters > span { display: inline-block;}
.page-head .filters > span { opacity: 0.3; cursor:pointer; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;}
.page-head .filters > span:focus,
.page-head .filters > span:hover { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" }
.page-head .filters > span.active { opacity: 1;}
.page-head .filters > span.active:focus,
.page-head .filters > span.active:hover { opacity: 1;}
.page-head .filters > span i { display: inline-block; vertical-align: middle;}
.page-head .filters > span + span { margin-left: 10px;}
.page-head h2 { position: relative; font-weight: 300; padding: 0; font-size: 32px; color: #14267b; margin: 0; }
.page-head:after { content: attr(data-page-title); white-space: nowrap; position: absolute; font-size: 210px; opacity: 0.03; top:60px; left: 0; font-weight: 400; }

.page-head i.bg-ico { position: absolute; font-size: 300px; top:-80px; right: 0px; opacity: 0.03;
	-ms-transform: rotate(7deg); /* IE 9 */
	-webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
	transform: rotate(7deg);
}


/* RWD
*******************************************************************/

@media (max-width: 575px) {

	header .top { margin-top: -83px; top:83px;}
	header .top h1 {  margin: -48px 0 0 0;  }
	header .top h1 img { width: 100px; height: auto;}
	header .breadcrumbBox { margin-top: 0;}
	header .breadcrumbBox .breadcrumb { margin-left: 112px;}
	header .baner { margin-top: 0;}
	header .baner .baner-slide { padding-top: 120px; }
	header .baner .baner-slide h2 { font-size: 24px;}
	header .navbar .navbar-nav .nav-item { border-left: 0 !important;  border-bottom: 1px solid rgba(20,38,123,0.1); text-align: center; }

	header .navbar .navbar-nav .nav-item .sub-nav { position: relative;}
	header .navbar .navbar-nav .nav-item .sub-nav ul { margin: 0 5px 10px;}
	header .navbar .navbar-nav .nav-item .sub-nav ul li a { padding: 5px 10px; }
	header .navbar .navbar-nav .nav-item .sub-nav ul li.submenu .sub-sub-nav { position: relative; left: 0; top: 0; display: block; }
	header .navbar .navbar-nav .nav-item .sub-nav ul li.submenu .sub-sub-nav a { white-space: normal;}

	header .top { position: relative;}

	.page-head { min-height: 100px;  padding: 36px 0 26px;}
	.page-head h2 { margin-left: 0px; text-align: center; }
	.page-head .filters { float: none; margin-bottom: 25px; display: block; text-align: center;}


}

@media (min-width: 576px) and (max-width: 767px) {

	header .top { margin-top: -83px; top:83px;}
	header .top h1 {  margin: -48px 0 0 0;  }
	header .top h1 img { width: 100px; height: auto;}
	header .breadcrumbBox { margin-top: 0;}
	header .breadcrumbBox .breadcrumb { margin-left: 112px;}
	header .baner { margin-top: 0;}
	header .baner .baner-slide { padding-top: 120px; }
	header .baner .baner-slide h2 { font-size: 28px;}
	header .navbar .navbar-nav .nav-item { border-left: 0 !important;  border-bottom: 1px solid rgba(20,38,123,0.1); text-align: center; }

	header .navbar .navbar-nav .nav-item .sub-nav { position: relative;}
	header .navbar .navbar-nav .nav-item .sub-nav ul { margin: 0 5px 10px;}
	header .navbar .navbar-nav .nav-item .sub-nav ul li a { padding: 5px 10px; }
	header .navbar .navbar-nav .nav-item .sub-nav ul li.submenu .sub-sub-nav { position: relative; left: 0; top: 0; display: block; }
	header .navbar .navbar-nav .nav-item .sub-nav ul li.submenu .sub-sub-nav a { white-space: normal;}

	header .top { position: relative;}

	.page-head { min-height: 100px;  padding: 46px 0 26px;}
	.page-head h2 { margin-left: 5px; }

}

@media (min-width: 768px) and (max-width: 991px) {

	header .top { margin-top: -83px; top:83px;}
	header .top h1 {  margin: -48px 0 0 0;  }
	header .top h1 img { width: 130px; height: auto;}
	header .navbar { clear: both;}
	header .breadcrumbBox { margin-top: 0;}
	header .breadcrumbBox .breadcrumb { margin-left: 142px;}
	header .baner { margin-top: 0;}
	header .baner .baner-slide { padding-top: 120px; }
	header .baner .baner-slide h2 { font-size: 34px;}
	header .navbar .navbar-nav .nav-item { border-left: 0 !important;  border-bottom: 1px solid rgba(20,38,123,0.1); text-align: center; }

	header .navbar .navbar-nav .nav-item .sub-nav { position: relative;}
	header .navbar .navbar-nav .nav-item .sub-nav ul { margin: 0 5px 10px;}
	header .navbar .navbar-nav .nav-item .sub-nav ul li a { padding: 5px 10px; }
	header .navbar .navbar-nav .nav-item .sub-nav ul li.submenu .sub-sub-nav { position: relative; left: 0; top: 0; display: block; }
	header .navbar .navbar-nav .nav-item .sub-nav ul li.submenu .sub-sub-nav a { white-space: normal;}


	header .top { position: relative;}

	.page-head { min-height: 90px;  padding: 26px 0;}
	.page-head h2 { margin-left: 142px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	header .navbar { margin-left: 140px;}
	header .breadcrumbBox .breadcrumb { margin-left: 152px;}
	header .baner .baner-slide { padding-top: 220px; }
	header .top h1 img { width: 130px; height: auto;}
	header .navbar .navbar-nav .nav-item .nav-link { padding-left: 7px; padding-right: 7px; font-size: 12px;}
	header .navbar .navbar-extras .nav-user { margin-right: 3px;}
	header .navbar .navbar-extras .nav-user span .mid { font-size: 12px;}
	header .navbar .navbar-nav .nav-search { position: absolute; right: 10px; top:5px;}
	.page-head { height: 90px;  padding: 26px 0;}
	.page-head h2 { margin-left: 152px; }

	.fixedheader header .navbar-brand img.brand-lg { margin-top: -152px;}
}

@media (min-width: 1200px) {
	header .navbar { margin-left: 200px;}
	header .breadcrumbBox .breadcrumb { margin-left: 212px;}
	header .baner .baner-slide { padding-top: 220px; }
	header .navbar .navbar-nav .nav-search { position: absolute; right: 10px; top:5px;}
	.page-head { height: 130px;  padding: 46px 0;}
	.page-head h2 { margin-left: 212px; }

	.fixedheader header .navbar-brand img.brand-lg { margin-top: -198px;}

}



.content aside { background: #14267b; color: #fff; padding: 15px 0; margin-bottom: 40px;}
.content aside.lightBG { background: #e7e9f2; color: #14267b; padding: 15px; font-weight: 300;}
.content aside.lightBG p a { color: #f17f1e;}
.content aside.lightBG a { color: #14267b; text-decoration: none;}
.content aside.lightBG a:hover { text-decoration: underline;}
.content aside .nav-section { padding: 15px;}
.content aside .nav-section h4 { font-weight: 600;}
.content aside .nav-section a { color: #fff; text-decoration: none;}
.content aside .nav-section a:hover { text-decoration: underline;}
.content aside .nav-section ul { margin-left: 0; padding-left: 16px;}
.content aside .nav-section ul li { font-size: 12px; font-weight: 300; margin-bottom: 3px; }

.content aside .aside-nav { list-style: none; padding: 0; margin: 0 -15px;}
.content aside .aside-nav .nav-item { font-weight: 300;}
.content aside .aside-nav .nav-item .nav-link.active,
.content aside .aside-nav .nav-item .nav-link:hover { background: #14267b; color: #fff;}

.callendar-box.aside-callendar-box { box-shadow: none;}
.callendar-box.aside-callendar-box .zabuto_calendar { padding: 0px 0px !important; margin-bottom: 40px;}
.callendar-box.aside-callendar-box .zabuto_calendar td,
.callendar-box.aside-callendar-box .zabuto_calendar th { padding: 4px 0px !important;}
.callendar-box.aside-callendar-box .zabuto_calendar .calendar-dow-header th { font-size: 12px;}
.callendar-box.aside-callendar-box .zabuto_calendar .calendar-month-header td span { font-size: 16px;}
.callendar-box.aside-callendar-box .zabuto_calendar .calendar-month-header td span i { font-size: 18px;}

.content { margin-bottom: 40px;}
.content .section-head { text-align: center; margin-bottom: 30px;}
.content .section-head:after { content: ""; width: 160px; height: 1px; background: #bbc2d8; display: block; margin: 20px auto;   }
.content .section-head h3 { font-weight: 300; color: #14267b; font-size: 36px;}
.content .section-head h5 { font-weight: 300; color: #939393; font-size: 18px; }



.card { background: #6b7aab; color: #fff; border: 0; border-radius: 0; }
.card:focus,
.card:hover { color: #fff; text-decoration: none;}
.card .card-img-top { background-position: center center; background-image: url('../images/default-news.png'); background-size: cover; background-color: #929ec7; border: 0; display: block; min-height: 300px; opacity: 1; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;}
.card:focus .card-img-top,
.card:hover .card-img-top { opacity: 0.8;}
.card .card-block { border: 0; border-radius: 0; }
.card .card-block .card-title { font-size: 20px; margin-bottom: 5px; font-weight: 500; color: #fff;}
.card .card-block .card-date { font-size: 11px; margin-bottom: 20px; font-weight: 300;}
.card .card-block .card-text { font-weight: 300; margin-bottom: 20px;}
.card .card-block .card-share { font-size: 18px; float: right; margin: 10px 0;}
.card .card-block .card-share i { margin-left: 4px;}
.card:focus .btn-white-outline,
.card:hover .btn-white-outline { color: #293a86; background: #fff; border-color: #293a86;}


.media { padding: 1.25rem; padding-left: 0; padding-right: 0;}
.media .media-body {}
.media .media-title { font-size: 20px; margin-bottom: 20px; font-weight: 500; color: #14267b;}
.media .media-title + .media-date { margin-top: -15px;}
.media .media-date { font-size: 12px; margin-bottom: 20px; font-weight: 300; color: #14267b;}
.media .media-body .event-purple { background: #14267b; color: #fff; border-radius: 3px; padding: 1px 6px; font-size: 12px; margin-bottom: 15px; display: inline-block; }
.media .media-body .event-green { background: #1d903b; color: #fff; border-radius: 3px; padding: 1px 6px; font-size: 12px; margin-bottom: 15px; display: inline-block; }
.media .media-body .event-red { background: #d41d3f; color: #fff; border-radius: 3px; padding: 1px 6px; font-size: 12px; margin-bottom: 15px; display: inline-block; }

.media .media-price { color: #14267b; margin-bottom: 20px; }
.media .media-price b { font-size: 18px; font-weight: 700;}
.media .media-price small { display: block; font-weight: 400; }
.media .media-price small b { font-size: 14px; font-weight: 400;}
.media .media-text { font-weight: 300; margin-bottom: 20px; color: #14267b; font-size: 1.05rem; line-height: 1.5em;}
.media .media-file { width: 80px; font-size: 56px;}
.media .media-img { width: 150px;}
.media .media-share { font-size: 18px; float: right; margin: 10px 0;}
.media .media-share i { margin-left: 4px; color: #6b7aab;}


.content-events { margin-bottom: 50px;}
.callendar-box { box-shadow: 0 0 60px -10px rgba(0,0,0,0.2);}
.callendar-box .event { background-color: #3247a5; background-image: url("../images/event-bg.png"); background-position: center center; background-repeat: no-repeat; color: #fff; padding: 67px 0; border-left: 20px solid #293a86; overflow: hidden;}
.callendar-box .event .event-date { font-size: 30px; font-weight: 300; line-height: 1em; margin: 0 30px 30px;}
.callendar-box .event .event-date b { font-weight: 700;}
.callendar-box .event .event-title { color: #fff;}
.callendar-box .event .event-text { font-weight: 300; margin-bottom: 40px;}
.callendar-box .event .swiper-slide { height: auto; padding: 0 30px;}
.callendar-box .event .swiper-pagination { width: auto; left: auto; right: 30px; bottom: 70px;}
.callendar-box .event .swiper-pagination .swiper-pagination-bullet {}
.callendar-box .event .swiper-pagination .swiper-pagination-bullet-active { background: #fff; margin: 0 6px;}
.callendar-box .event .event-share span + span { margin-left: 5px;}

.callendar-box .datepicker-inline { width: 100%; padding: 60px 10%;}
.callendar-box .datepicker-inline .table-condensed { width: 100%;}
.callendar-box .datepicker td, .callendar-box .datepicker th { color: #3247a5;}

.callendar-box .datepicker .datepicker-switch { font-size: 30px;}


.callendar-box .zabuto_calendar { width: 100%; padding: 60px 10%;}
.callendar-box .zabuto_calendar .calendar-month-header td { background: none !important; vertical-align: middle; padding: 10px 4px !important;}
.callendar-box .zabuto_calendar .calendar-month-header td .calendar-month-navigation { padding: 0 !important;}
.callendar-box .zabuto_calendar .calendar-month-header td span { font-size: 30px; color: #3247a5; padding-bottom: 0 !important;}
.callendar-box .zabuto_calendar .calendar-month-header td span i { font-size: 28px; }
.callendar-box .zabuto_calendar td { border-top:0 !important; }
.callendar-box .zabuto_calendar .calendar-dow-header th { background: none !important; color: #3247a5; border-bottom: 1px solid #f4f4f4;}
.callendar-box .zabuto_calendar .dow-clickable { border-bottom: 1px solid #f4f4f4; cursor: default !important;}
.callendar-box .zabuto_calendar .dow-clickable.today { box-shadow: 0 0 0 1px #3247a5 inset; position: relative; z-index: 1;}
.callendar-box .zabuto_calendar .dow-clickable.event-styled { cursor:  pointer !important;}
.callendar-box .zabuto_calendar .day {color: #3247a5;}

.callendar-box .zabuto_calendar .table tr:last-child { border-bottom: 0;}

.callendar-box .zabuto_calendar .event-styled { background: #eaedf6;}
.callendar-box .zabuto_calendar .event-styled .day { position: relative;}
.callendar-box .zabuto_calendar .event-styled .day .event-dot { position: absolute; bottom: 2px; right: 4px; width: 5px; height: 5px; border-radius: 50%; }
.callendar-box .zabuto_calendar .event-styled .day .event-dot + .event-dot { right: 12px;}
.callendar-box .zabuto_calendar .event-styled .day .event-dot + .event-dot + .event-dot { right: 20px;}
.callendar-box .zabuto_calendar .event-styled .day .event-dot.purple-event { background:#293e99; }
.callendar-box .zabuto_calendar .event-styled .day .event-dot.green-event { background:#1d903b; }
.callendar-box .zabuto_calendar .event-styled .day .event-dot.red-event { background:#d41d3f; }

@media (min-width: 768px) {
    .callendar-box .zabuto_calendar .calendar-month-header td span { font-size: 16px; }
    .callendar-box .zabuto_calendar .calendar-month-header td span i { font-size: 18px; }
    div.zabuto_calendar tr.calendar-dow-header th, div.zabuto_calendar tr.calendar-dow td { font-size: 12px;}
}


.content-publications { margin-bottom: 50px; background: #eff0ff; padding: 30px 0;}
.content-publications .publication-body { margin-left: 100px;}
.content-publications .publication-img { margin-bottom: 50px;}
.content-publications .publication-img img { box-shadow: 10px 10px 20px -10px rgba(0,0,0,0.7); }
.content-publications .publication-title { margin-bottom: 30px; color:#14267b; font-weight: 600; font-size: 20px; position: relative; }
.content-publications .publication-title i { font-size: 72px; position: absolute; right: 100%; margin-right: 20px;}
.content-publications .publication-text { margin-bottom: 30px; color:#14267b; font-weight: 300; }

.content-map .google-map { height: 50vh; border-top: 8px solid #e1e4ee; border-bottom: 8px solid #e1e4ee; background: #e1e4ee;  }
.content-map .gm-style { pointer-events: none; background: #e1e4ee; }
.content-map .gm-style.clicked { pointer-events: auto;}


.nextpage {font-size: 22px; text-align: center; margin-bottom: 40px; clear: both; }
.nextpage:after { content: ""; display: table; clear: both;}
.nextpage h5 { margin-bottom: 30px;}

.nextpage .nextpage-btn { width: 50%; text-decoration: none; display: block; border: 1px solid #fff; float: left; background: #6b7aab; color: #fff; padding: 15px; font-size: 16px; text-align: center; font-weight: 300; -webkit-transition: all 0.2s  ease-out; transition: all 0.2s ease-out; }
.nextpage .nextpage-btn:hover { background: #14267b;}
.nextpage .nextpage-btn i { display: inline-block; vertical-align: middle; font-size: 30px;}


.siteMap { margin-bottom: 30px;}
.siteMap .head { display: block; margin-bottom: 20px;}
.siteMap .head .btn-head { text-decoration: none; display: block; border: 1px solid #fff; background: #6b7aab; color: #fff; padding: 20px; font-size: 22px; font-weight: 300; -webkit-transition: all 0.2s  ease-out; transition: all 0.2s ease-out;  }
.siteMap .head .btn-head:hover { background: #14267b;}

.siteMap ul { list-style: none;}
.siteMap ul li { margin-bottom: 10px; font-weight: 300; position: relative; font-size: 18px;}
.siteMap ul li:before { font-family: "ptf" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.siteMap ul li:before { content: "\6c"; font-size: 18px; display: inline-block; vertical-align: middle; line-height: 1.2em; position: absolute; top:2px; left: -24px; }
.siteMap ul li a { display: inline-block; vertical-align: middle; line-height: 1.2em;}
.siteMap ul li ul { margin: 15px 0;}
.siteMap ul li ul li { margin-bottom: 3px; font-size: 16px; font-size: 1.06rem; font-weight: 400;}
.siteMap ul li ul li:before { content: "-"; color: #262626; top:-4px; left: -14px;  }
.siteMap ul li ul ul { margin: 10px 0;}



article { padding-top: 0px; padding-bottom: 60px;}
article p.lead { font-weight: 400; line-height: 1.5em; font-size: 22px; font-size: 1.466rem;  margin-bottom: 2em;}
article p { font-size: 17px; line-height: 1.5em; font-weight: 300; margin-bottom: 1em;}
.content a:not([class]) { text-decoration: none; color: #007eff; }

.content h1 { margin-bottom: 1.2em;}
.content h2 { font-size: 28px; margin-bottom: 1em; color: #14267b; line-height: 1.2em; }
.content h3 { font-size: 26px; margin-bottom: 1em; color: #14267b; line-height: 1.2em;  }
.content h3 small { font-size: 14px; font-weight: 400; display: block;}
.content h4 { font-size: 18px; margin-bottom: 1em; color: #14267b; line-height: 1.2em;  }
article ol { margin-bottom: 2em;}
article ul { list-style: none; margin-bottom: 2em;}
article ol li,
article ul li { position: relative; font-size: 18px; font-size: 1.2rem; line-height: 1.5em; font-weight: 300; margin-bottom: 0.1em;}
article ul li:before { content: "\2022"; color: #6b7aab; position: absolute; font-size: 30px; left: -20px; top:0px; }

article blockquote { font-size: 28px; font-size: 1.86rem; text-align: center; line-height: 1.4em; margin-bottom: 1.8em; margin-top: 1em;}
article blockquote:before {content: open-quote; color: #d8d6d6; font-size: 2.4em; line-height: 0em; display: inline-block; position: relative; top:0.3em; }
article blockquote:after {content: close-quote; color: #d8d6d6; font-size: 2.4em; line-height: 0em; display: inline-block; position: relative; top:0.3em;}

article .table { margin-bottom: 30px;}
article .table th { background: #6b7aab; color: #fff;}

article .radioSet { list-style: none; margin: 0; padding: 0; margin-bottom: 10px;}
article .radioSet li { display: block; margin-bottom: 5px;}
article .radioSet li:before { display: none;}

article .checkboxSet { list-style: none; margin: 0; padding: 0; margin-bottom: 10px;}
article .checkboxSet li { display: block; margin-bottom: 5px;}
article .checkboxSet li:before { display: none;}

article .searchResult ul { padding: 0; margin: 0px 40px 30px;}
article .searchResult ul li { margin-bottom: 40px;}
article .searchResult ul li h3 { font-size: 22px; font-weight: 400;}
article .searchResult ul li:before { display: none;}

article .searchResult .filters { margin: 0 25px 0;}

article .searchResult .result-list {}

article .searchBox { background: #6b7aab; color: #fff; padding: 25px; margin-bottom: 25px;}
article .searchBox .form-control { background: none; border: 1px solid #fff; color: #fff; font-weight: 300; border-right: 0;}
article .searchBox .input-group-btn { border: 1px solid #fff; border-left:0; border-radius: 0 !important;}
article .searchBox .input-group-btn .btn { cursor: pointer; }
article .searchBox .input-group-btn .btn:hover { opacity: 0.5;}
article .searchBox .input-group-btn .btn i { color: #fff; font-size: 20px; top:2px; position: relative; }
article .searchBox .col-form-label { padding: 12px 0; font-weight: 300;}
article .searchBox .btn-file { display: inline-block; padding: 2px;}
article .searchBox .btn-file i { font-size: 36px; display: inline-block; vertical-align: middle;}

.dropdown-item.active,
.dropdown-item:active { background: #fff; color: #555;}

article .searchBox .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.5);}
article .searchBox .form-control::-moz-placeholder { color: rgba(255,255,255,0.5);}
article .searchBox .form-control:-ms-input-placeholder { color: rgba(255,255,255,0.5);}
article .searchBox .form-control:-moz-placeholder { color: rgba(255,255,255,0.5);}
article .searchBox .form-control::placeholder { color: rgba(255,255,255,0.5);}

article .searchBox .input-group-btn { border-left: 0;}
article .searchBox .input-group-btn:first-child { border-right: 0; border-left: 1px solid #fff;}
article .searchBox .input-group-btn .dropdown .btn-white-outline { border: 0; padding: 0.5rem 0.75rem; height: 46px; white-space: nowrap;}
article .searchBox .input-group-btn .dropdown .btn-white-outline .selectName { white-space: nowrap; max-width: 120px; min-width: 50px; text-overflow: ellipsis; overflow: hidden; display: inline-block; vertical-align: middle; }
article .searchBox .input-group-btn .dropdown .btn-white-outline .selectName.placeholder { opacity: 0.5;}
article .searchBox .input-group-btn .dropdown .btn-white-outline:focus { box-shadow: none;}
article .searchBox .input-group-btn .dropdown .dropdown-menu { border-radius: 0; border: 0; border: 1px solid #6b7aab; min-width: 100%; max-height: 250px; overflow-y: auto; left: -2px; padding-right: 10px; }
article .searchBox .input-group-btn .dropdown .dropdown-item { width: auto; margin: 0 !important; padding: 6px 1rem;  }
article .searchBox .input-group-btn .dropdown .checkbox .checkbox-name { margin-left: 12px;}
article .searchBox .input-group-btn .dropdown .checkbox .checkbox-helper { position: relative; vertical-align: middle; top: -1px; left: 0;}
article .searchBox .input-group .input-group-btn .btn { padding-left: 15px; padding-right: 15px;}

article .nav-publishing { margin-left: 0 !important; position: relative; z-index: 1; border-bottom: 1px solid #3247a6;}
article .nav-publishing .nav-item { margin-top: 1px; margin-bottom: 0; }
article .nav-publishing .nav-item .nav-link { font-size: 18px; color: #fff;	padding:0.3em 1em; font-weight: 600; background: #3247a6; text-align: center;}
article .nav-publishing .nav-item .nav-link.active { background: #fff; color: #14267b;}

article .tab-publishing {}
article .tab-publishing .card { background: none; }
article .tab-publishing .card .card-header { background: none; border: 0; cursor: pointer; }
article .tab-publishing .tab-pane .card .card-header { padding: 0; margin-bottom: 5px;}
article .tab-publishing .tab-pane .card .card-header h3 .collapsed { color: #3247a6; text-decoration: none; }
article .tab-publishing .tab-pane .card .card-header h3 .collapsed .icon-arrow-up { display: none;}
article .tab-publishing .tab-pane .card .card-header h3 .collapsed .icon-arrow-bottom { display: inline-block;}
article .tab-publishing .tab-pane .card .card-header h3 a:focus,
article .tab-publishing .tab-pane .card .card-header h3 a:hover { color: #3247a6;  }
article .tab-publishing .tab-pane .card .card-header h3 a { display: block; padding: 0.75rem 1.25rem 0.75rem 0; text-decoration: none; }
article .tab-publishing .tab-pane .card .card-header h3 a .icon-arrow-up { font-size: 30px; display: inline-block; vertical-align: middle; margin-right: 10px;}
article .tab-publishing .tab-pane .card .card-header h3 a .icon-arrow-bottom { font-size: 30px; display: none; vertical-align: middle; margin-right: 10px;}



article .tab-publishing .card .card-block { background: none; padding-left: 0; }
article .tab-publishing .card .card-block h4 { margin-bottom: 5px;}
article .tab-publishing .card .card-block small { color: #888; display: block; margin-bottom: 10px;}


article .filters { margin-bottom: 20px; color: #14267b;}
article .btn-filter { display: inline-block; color: #e5282b; margin: 0 15px;}

article .filters .checkbox { position: relative; display: inline-block; margin-left: 35px; }
article .filters .checkbox input[type="checkbox"] + .checkbox-helper { top:0;}
article .filters .checkbox .checkbox-name { margin-left: 30px; display: inline-block; font-size: 16px; font-weight: 400;}

article .border-right { position: relative;}
article .border-right:after { content: ""; position: absolute; height: 100%; top: 0; right: 40px; width: 1px; background: #3247a6;  }


.circle-404 { width: 360px; height: 360px; border-radius: 50%; position: relative; background: #e7e9f2; font-size: 160px; text-align: center; line-height: 330px;  }
.circle-404 small { position: absolute; font-size: 24px; color: #14267b; top:52px; left:36px; }


article .question { font-size: 22px; font-size:1.46rem;  padding-left: 63px; padding-top: 11px; margin-bottom: 20px; position: relative; min-height: 60px; display: block; line-height: 1.2em;}
article .question .num { width: 50px; height: 50px; background: #e7e9f2; position: absolute; left: 0; top: 0; display: inline-block; border-radius: 50%; color: #14267b; font-size: 22px; line-height: 48px; text-align: center; margin: 0 10px 0 0; }
article .question-body { padding-left: 63px; margin-bottom: 30px;}


.checkbox { position: relative; display: block; margin-bottom: 5px; }
.checkbox input[type="checkbox"] { position: absolute; opacity: 0; z-index: 1; width: 18px; height: 18px; }
.checkbox input[type="checkbox"] + .checkbox-helper { width: 18px; height: 18px; border-radius: 3px; border:1px solid #999999; display: inline-block; position: absolute; left: 0px; top: 2px;}
.checkbox input[type="checkbox"]:checked + .checkbox-helper { text-align: center; line-height: 14px; color: #14267b; background: #fff;}
.checkbox input[type="checkbox"]:checked + .checkbox-helper:before { font-family: "ptf" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1;	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.checkbox input[type="checkbox"]:checked + .checkbox-helper:before { content: "\6f"; font-size: 10px; vertical-align: middle; display: inline-block; }
.checkbox .checkbox-name { margin-left: 30px; display: inline-block; }

.radio { position: relative; display: block; margin-bottom: 5px; }
.radio input[type="radio"] { position: absolute; opacity: 0; }
.radio input[type="radio"] + .radio-helper { width: 18px; height: 18px; border:1px solid #999999; border-radius: 50%; display: inline-block; position: absolute; left: 0px; top: 2px;}
.radio input[type="radio"]:checked + .radio-helper { }
.radio input[type="radio"]:checked + .radio-helper:before { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #14267b; top: 4px; left: 4px; }
.radio .radio-name { margin-left: 30px; display: inline-block; }

article .radioRate-label { margin-bottom: 10px; font-weight: 200;}
article .radioRate { list-style: none; margin: 0; padding: 0; margin-bottom: 10px;}
article .radioRate li { display: inline-block; margin-right: 5px; margin-bottom: 5px; width: 32px; height: 32px;}
article .radioRate li:before { display: none;}
article .radioRate .radio { position: relative; display: block; margin-bottom: 5px; color: #6b7aab; }
article .radioRate .radio input[type="radio"] { position: absolute; opacity: 0; }
article .radioRate .radio input[type="radio"] + .radio-helper { width: 32px; height: 32px; border-radius: 3px; border:1px solid #14267b; border-radius: 50%; display: inline-block; text-align: center; line-height: 28px; }
article .radioRate .radio input[type="radio"] + .radio-helper:hover {border-color: #14267b; color: #14267b;}
article .radioRate .radio input[type="radio"] + .radio-helper:before { display: none;}
article .radioRate .radio input[type="radio"]:checked + .radio-helper { border-radius: 50%; background-color: #14267b; border-color: #14267b; color: #fff; }

.tooltip.show { opacity: 1;}
.tooltip-inner { background: #fff; text-align: left; border: 3px solid #2e3e8f; max-width: 230px; color: #2e3e8f; box-shadow: 0 0 20px 10px rgba(0,0,0,0.1); font-size: 12px; padding: 10px 15px; border-radius: 0;}
.tooltip-inner hr { margin: 6px 0;}

.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
	border-top-color: #2e3e8f;
}

.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
	border-right-color: #2e3e8f;
}

.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
	border-bottom-color: #2e3e8f;
}

.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
	border-left-color: #2e3e8f;
}



/* footer
*******************************************************************/
footer { background: #fff; margin: 0; padding: 0; line-height: 1.1em; color: #14267b; padding-top: 60px;}
footer p { text-align: left; font-size: 12px;}
footer h6 { font-weight: 600; margin-bottom: 20px;}
footer ul { margin: 0; padding: 0; margin-bottom: 20px;}
footer ul li { list-style: none; font-size: 12px; margin-bottom: 7px;}
footer .share { font-size: 24px; margin: 30px 0 0;}

footer .form-base { background: url("../images/footer_bg.jpg"); margin-bottom: 40px; color: #fff; padding: 40px 0 30px;}
footer .form-base h4 { font-size: 32px; font-weight: 600;}
footer .form-base p { font-weight: 300;}

footer .footer-address { background: #e7e9f2; padding: 10px 0; font-weight: 300; margin-top: 70px;}
footer .footer-address h5 { float: left; line-height: 1em; font-size: 28px; font-weight: 600; line-height: 1em; margin: 23px 20px 20px 0;}
footer .footer-address .address { display: table; margin-left: 190px;}
footer .footer-address .address .mid { display: table-cell; vertical-align: middle; padding: 10px;}


footer .footer-copyright { background: #14267b; color: #fff; padding: 20px 0; font-size: 12px; font-weight: 300;}
footer .footer-copyright a { color: #fff;}






/* RWD
*******************************************************************/

@media (max-width: 575px) {

	.text-xs-center { text-align: center;}
	.content-publications .publication-body { margin-left: 0;}
	.content-publications .publication-title i { font-size: 32px; position: static; display: inline-block; vertical-align: middle; margin-right: 10px;}

	.circle-404 { width: 200px; height: 200px; font-size: 80px; line-height: 180px; margin-bottom: 40px;  }
	.circle-404 small { font-size: 16px; top:30px; left:22px; }


	article .searchBox .col-form-label { margin-left: 0!important; display: block; width: 100%;}

	article h1 { font-size: 26px; margin-bottom: 1.2em;}
	article h2 { font-size: 22px; font-size: 1.86rem;  margin-bottom: 1em;}
	article h3 { font-size: 19px; font-size: 1.46rem;  margin-bottom: 1em;}
	article h4 { font-size: 17px; font-size: 1.2rem; margin-bottom: 1em;}
	article p.lead { font-size: 18px;}
	article p { font-size: 16px; }
	article blockquote { font-size: 18px;}

	article .searchResult ul { margin: 0px 20px 30px;}
	article .border-right::after { right: 20px;}

	.media { display: block;}
	.media .media-img { width: 70% !important; float: none; margin-bottom: 20px;}

	footer .footer-address h5 { float: none;}
	footer .footer-address .address { margin-left: 0px;}
	.footer-copyright { text-align: center;}
	.footer-copyright .float-md-right { display: block; margin-top: 10px;}
	.footer-copyright a { white-space: nowrap;}
}

@media (min-width: 576px) and (max-width: 767px) {

	.content-publications .publication-body { margin-left: 0;}
	.content-publications .publication-title i { font-size: 32px; position: static; display: inline-block; vertical-align: middle; margin-right: 10px;}

	.circle-404 { width: 300px; height: 300px; font-size: 120px; line-height: 280px; margin-bottom: 50px;  }
	.circle-404 small { font-size: 20px; top:40px; left:32px; }

	article .searchBox .col-form-label { margin-left: 0 !important; display: block; width: 100%;}

	article h1 { font-size: 28px; margin-bottom: 1.2em;}
	article h2 { font-size: 24px; font-size: 1.86rem;  margin-bottom: 1em;}
	article h3 { font-size: 21px; font-size: 1.46rem;  margin-bottom: 1em;}
	article h4 { font-size: 19px; font-size: 1.2rem; margin-bottom: 1em;}
	article p.lead { font-size: 18px;}
	article p { font-size: 16px; }
	article blockquote { font-size: 18px;}

	footer .footer-address h5 { float: none;}
	footer .footer-address .address { margin-left: 0px;}
	.footer-copyright { text-align: center;}
	.footer-copyright .float-md-right { display: block; margin-top: 10px;}

}

@media (min-width: 768px) and (max-width: 991px) {
	.content-publications .publication-body { margin-left: 50px;}
	.content-publications .publication-title i { font-size: 32px;}

	.circle-404 { width: 300px; height: 300px; font-size: 120px; line-height: 280px; margin-bottom: 50px; }
	.circle-404 small { font-size: 20px; top:40px; left:32px; }
	article .searchBox .col-form-label { margin-left: 0 !important; display: block; width: 100%;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.content-publications .publication-body { margin-left: 70px;}
	.content-publications .publication-title i { font-size: 52px;}

	.circle-404 { width: 300px; height: 300px; font-size: 120px; line-height: 280px; margin-right: 50px; }
	.circle-404 small { font-size: 20px; top:40px; left:32px; }
}

@media (min-width: 1200px) {
	.circle-404 { margin-right: 50px;}
}





/* buttons
*******************************************************************/
.btn { position:relative; cursor: pointer; font-size: 12px; padding: 0.5rem 1.8rem; font-weight: 400; -webkit-transition: all 0.2s  ease-out; transition: all 0.2s ease-out; background:none; border-radius: 0;}
.btn input[type=file] {font-size:400px; height:auto; width:auto; left:inherit; top:0; right:0; position:absolute; cursor:pointer; }
.btn-lg, .btn-group-lg > .btn { padding: 1rem 1.5rem 1.1rem; font-size: 16px; line-height: 1em;}
.btn-white-outline { border: 1px solid rgba(255,255,255,0.5); color: #fff; font-size: 14px; }
.btn-white-outline:hover { color: #293a86; background: #fff; border-color: #293a86;}

.btn-white { background: #fff; color: #293a86 !important;  }

.btn-purple { background: #3247a6; color: #fff;}
.btn-purple:focus,
.btn-purple:hover { background: #293a86; color: #fff; box-shadow: none; }

.btn-purple-outline { border:1px solid rgba(50, 71, 166 ,0.7 ); color: #3247a6;}
.btn-purple-outline:hover { color: #fff; background: #293a86; border-color: #293a86;}

.btn-lightBlue { background: #e7e9f2;color: #293a86; }
.btn-sm { padding: 5px 12px; font-size: 11px !important;}

.popover-info { width: 16px; height: 16px; border-radius: 50%; background:  #235889; color: #fff; cursor: pointer; text-align: center; line-height: 16px; }

.text-muted { opacity: 0.6;}
.darkTheme .text-muted {color: #f2ff00 !important;}
.popover.popover-right::after, .popover.bs-tether-element-attached-left::after { border-right-color: #235889;}
.popover.popover-right::before, .popover.bs-tether-element-attached-left::before { display: none; }
.popover { background:  #235889; color: #fff; border: 0;}

.pagination { display: block !important; border-top: 1px solid #bbc2d8; padding-top: 30px;}
.pagination .page-item { display: inline-block;}
.pagination .page-item .page-link { border: 1px solid #3247a6; background:#3247a6; color: #fff; border-radius: 0; font-weight: 400; font-size: 12px;  -webkit-transition: all 0.2s  ease-out; transition: all 0.2s ease-out; }
.pagination .page-item .page-link.active,
.pagination .page-item .page-link:hover { background: #fff; color: #293a86; }


/* table
*******************************************************************/
table td { vertical-align:middle;}
table th[align="right"] { text-align:right;}
table th[align="center"] { text-align:center;}
table td[align="right"] { text-align:right;}
table td[align="center"] { text-align:center;}

/* forms
*******************************************************************/



/* modal
*******************************************************************/
.modal-title { color: #0c1958;}
button.close { color: #0c1958;}

/* helpers
*******************************************************************/

.swiper-container {}
.swiper-container .swiper-slide { box-sizing:border-box;}

.transition { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.transition-opacity { -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;}
.transition-border { -webkit-transition: border 0.2s ease-out; transition: border 0.2s ease-out;}

.no-wrap { white-space: nowrap;}

.font10 { font-size:10px !important}
.font11 { font-size:11px !important}
.font12 { font-size:12px !important}
.font13 { font-size:13px !important}
.font14 { font-size:14px !important}
.font15 { font-size:15px !important}
.font16 { font-size:16px !important}
.font17 { font-size:17px !important}
.font18 { font-size:18px !important}
.font19 { font-size:19px !important}
.font20 { font-size:20px !important}
.font30 { font-size:30px !important}
.font40 { font-size:40px !important}
.font50 { font-size:50px !important}
.font60 { font-size:60px !important}
.font70 { font-size:70px !important}
.font80 { font-size:80px !important}
.font90 { font-size:90px !important}
.font100 { font-size:100px !important}

@media (max-width: 767px) {
	.font30 { font-size:25px !important}
	.font40 { font-size:30px !important}
	.font50 { font-size:35px !important}
	.font60 { font-size:40px !important}
	.font70 { font-size:45px !important}
	.font80 { font-size:50px !important}
	.font90 { font-size:55px !important}
	.font100 { font-size:60px !important}
}


.white { color:#FFF !important;}
.orange { color: #f17f1e !important;}
.darkTheme .red { color: #f2ff00 !important;}


.bg_lightLightGrey { background-color:#fafafa; }
.bg_lightGrey { background-color:#f3f3f3; }

.width-100 { width:100%;}
img.width-100 { height:auto;}
img.max-width-100 { max-width:100%; height:auto;}

.static { position:static !important;}
.relative { position: relative !important;}

.pointer { cursor:pointer; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;}
.pointer:focus,
.pointer:hover { opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" }

.mid { display: inline-block; vertical-align: middle;}

.margin-top-5 { margin-top:5px !important;}
.margin-top-10 { margin-top:10px !important;}
.margin-top-15 { margin-top:15px !important;}
.margin-top-20 { margin-top:20px !important;}
.margin-top-30 { margin-top:30px !important;}
.margin-top-40 { margin-top:40px !important;}
.margin-top-50 { margin-top:50px !important;}
.margin-top-60 { margin-top:60px !important;}
.margin-top-70 { margin-top:70px !important;}
.margin-top-80 { margin-top:80px !important;}
.margin-top-0 { margin-top:0px !important;}

.margin-bottom-5 { margin-bottom:5px !important;}
.margin-bottom-10 { margin-bottom:10px !important;}
.margin-bottom-15 { margin-bottom:15px !important;}
.margin-bottom-20 { margin-bottom:20px !important;}
.margin-bottom-30 { margin-bottom:30px !important;}
.margin-bottom-40 { margin-bottom:40px !important;}
.margin-bottom-50 { margin-bottom:50px !important;}
.margin-bottom-60 { margin-bottom:60px !important;}
.margin-bottom-70 { margin-bottom:70px !important;}
.margin-bottom-80 { margin-bottom:80px !important;}
.margin-bottom-0 { margin-bottom:0px !important;}

.margin-right-5 { margin-right:5px !important;}
.margin-right-10 { margin-right:10px !important;}
.margin-right-15 { margin-right:15px !important;}
.margin-right-20 { margin-right:20px !important;}
.margin-right-30 { margin-right:30px !important;}
.margin-right-40 { margin-right:40px !important;}
.margin-right-50 { margin-right:50px !important;}
.margin-right-60 { margin-right:60px !important;}
.margin-right-70 { margin-right:70px !important;}
.margin-right-80 { margin-right:80px !important;}
.margin-right-0 { margin-right:0px !important;}

.margin-left-5 { margin-left:5px !important;}
.margin-left-10 { margin-left:10px !important;}
.margin-left-15 { margin-left:15px !important;}
.margin-left-20 { margin-left:20px !important;}
.margin-left-30 { margin-left:30px !important;}
.margin-left-40 { margin-left:40px !important;}
.margin-left-50 { margin-left:50px !important;}
.margin-left-60 { margin-left:60px !important;}
.margin-left-70 { margin-left:70px !important;}
.margin-left-80 { margin-left:80px !important;}
.margin-left-0 { margin-left:0px !important;}

.padding-top-5 { padding-top:5px !important;}
.padding-top-10 { padding-top:10px !important;}
.padding-top-15 { padding-top:15px !important;}
.padding-top-20 { padding-top:20px !important;}
.padding-top-30 { padding-top:30px !important;}
.padding-top-40 { padding-top:40px !important;}
.padding-top-50 { padding-top:50px !important;}
.padding-top-60 { padding-top:60px !important;}
.padding-top-70 { padding-top:70px !important;}
.padding-top-80 { padding-top:80px !important;}
.padding-top-0 { padding-top:0px !important;}

.padding-bottom-5 { padding-bottom:5px !important;}
.padding-bottom-10 { padding-bottom:10px !important;}
.padding-bottom-15 { padding-bottom:15px !important;}
.padding-bottom-20 { padding-bottom:20px !important;}
.padding-bottom-30 { padding-bottom:30px !important;}
.padding-bottom-40 { padding-bottom:40px !important;}
.padding-bottom-50 { padding-bottom:50px !important;}
.padding-bottom-60 { padding-bottom:60px !important;}
.padding-bottom-70 { padding-bottom:70px !important;}
.padding-bottom-80 { padding-bottom:80px !important;}
.padding-bottom-0 { padding-bottom:0px !important;}

.padding-right-5 { padding-right:5px !important;}
.padding-right-10 { padding-right:10px !important;}
.padding-right-15 { padding-right:15px !important;}
.padding-right-20 { padding-right:20px !important;}
.padding-right-30 { padding-right:30px !important;}
.padding-right-40 { padding-right:40px !important;}
.padding-right-50 { padding-right:50px !important;}
.padding-right-60 { padding-right:60px !important;}
.padding-right-70 { padding-right:70px !important;}
.padding-right-80 { padding-right:80px !important;}
.padding-right-0 { padding-right:0px !important;}

.padding-left-5 { padding-left:5px !important;}
.padding-left-10 { padding-left:10px !important;}
.padding-left-15 { padding-left:15px !important;}
.padding-left-20 { padding-left:20px !important;}
.padding-left-30 { padding-left:30px !important;}
.padding-left-40 { padding-left:40px !important;}
.padding-left-50 { padding-left:50px !important;}
.padding-left-60 { padding-left:50px !important;}
.padding-left-70 { padding-left:60px !important;}
.padding-left-80 { padding-left:70px !important;}
.padding-left-0 { padding-left:0px !important;}



/* flex box
*******************************************************************/
	.flex {
		-ms-box-orient: horizontal;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;
	}
	.flex:before,
	.flex:after { display:none;}
	.flex-fix {
	  display: flex;
	  flex-wrap: wrap;
	}
	.flex-fix,
	.flex-fix > * {
	  max-width: 100%;
	}
	.flexColumn {
		-webkit-flex-direction:column;
			-ms-flex-direction:column;
				flex-direction:column;
	}
	.flexGrow {
		-webkit-flex:1 0 auto;
			-ms-flex:1 0 auto;
				flex:1 0 auto;
	}
	.flexShrink {
		-webkit-flex:0 1 auto; -
			-ms-flex:0 1 auto;
				flex:0 1 auto;
	}

	.flexWrap {
		-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}

	.flexNoWrap {
		-webkit-flex-wrap: nowrap;
			-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
	}

    .justifyAround {
		-webkit-justify-content: space-around;
                  -ms-flex-pack: distribute;
                justify-content: space-around;
    }
	.justifyBetween {
		-webkit-justify-content: space-between;
                  -ms-flex-pack: justify;
                justify-content: space-between;
    }
	.justifyCenter {
		-webkit-justify-content: center;
                  -ms-flex-pack: center;
                justify-content: center;
    }
	.justifyRight {
    	-webkit-justify-content: flex-end;
    			  -ms-flex-pack: end;
   				justify-content: flex-end;
    }


    .alignItemsCenter {
		-webkit-align-items: center;
             -ms-flex-align: center;
                align-items: center;

    }
	.alignItemsEnd {
		-webkit-align-items: flex-end;
             -ms-flex-align: end;
                align-items: flex-end;

    }

	.itemStretch {
    	-webkit-align-self: stretch;
    	-ms-flex-item-align: stretch;
    	align-self: stretch;
	}

	.itemStart {
		-webkit-align-self: flex-start;
		-ms-flex-item-align: start;
		align-self: flex-start;
	}

	.itemEnd {
		-webkit-align-self: flex-end;
		-ms-flex-item-align: end;
		align-self: flex-end;
	}


	/*

	display: flex;
	flex-direction: row / row-reverse / column / column-reverse
	flex-wrap: nowrap / wrap / wrap-reverse
	justify-content: flex / flex-end / center / space-between / space-around
	align-items: flex-start / flex-end / center / stretch / baseline
	align-content: flex-start / flex-end / center / space-between / space-around



	order: 0 / 1 / -1 ....
	align-self:flex-start / glex-end / center / stretch
	flex-grow: 0 / 1 / 2 ....
	flex-shrink: 0 / 1 / 2 ....
	flex-basis: 20px ....

	flex: 0 0 auto / grow shrink basis

	*/

/* bootstrap enhancement
*******************************************************************/

.row.gutter-xs { margin-left: 0; margin-right: 0; }
.row.gutter-xs > [class^="col-"],
.row.gutter-xs > [class^=" col-"] { padding-left: 0; padding-right: 0;}

.row.gutter-sm { margin-left: -0.4687rem; margin-right: -0.4687rem; }
.row.gutter-sm > [class^="col-"],
.row.gutter-sm > [class^=" col-"] { padding-left: 0.4687rem; padding-right: 0.4687rem;}



/* bootstrap custom
*******************************************************************/
hr { border-top:1px solid #ddd;}
hr.light { border-top:1px dotted #eee;}

a { color:#14267b;}
a:focus,
a:hover { color:#f17f1e;}



.col-xs-20, .col-xs-40, .col-xs-60, .col-xs-80 {  float: left; padding-left:15px; padding-right: 15px; }
.col-xs-80 {  width: 80%;}
.col-xs-60 {  width: 60%;}
.col-xs-40 {  width: 40%;}
.col-xs-20 {  width: 20%;}

.col-xs-pull-80 {  right: 80%;}
.col-xs-pull-60 {  right: 60%;}
.col-xs-pull-40 {  right: 40%;}
.col-xs-pull-20 {  right: 20%;}

.col-xs-push-80 {  left: 80%;}
.col-xs-push-60 {  left: 60%;}
.col-xs-push-40 {  left: 40%;}
.col-xs-push-20 {  left: 20%;}

.col-xs-offset-80 {  margin-left: 80%;}
.col-xs-offset-60 {  margin-left: 60%;}
.col-xs-offset-40 {  margin-left: 40%;}
.col-xs-offset-20 {  margin-left: 20%;}

@media (min-width: 544px) and (max-width: 767px) {
.col-sm-20, .col-sm-40, .col-sm-60, .col-sm-80 {  float: left;  padding-left:15px; padding-right: 15px;}
.col-sm-80 {  width: 80%;}
.col-sm-60 {  width: 60%;}
.col-sm-40 {  width: 40%;}
.col-sm-20 {  width: 20%;}

.col-sm-pull-80 {  right: 80%;}
.col-sm-pull-60 {  right: 60%;}
.col-sm-pull-40 {  right: 40%;}
.col-sm-pull-20 {  right: 20%;}

.col-sm-push-80 {  left: 80%;}
.col-sm-push-60 {  left: 60%;}
.col-sm-push-40 {  left: 40%;}
.col-sm-push-20 {  left: 20%;}

.col-sm-offset-80 {  margin-left: 80%;}
.col-sm-offset-60 {  margin-left: 60%;}
.col-sm-offset-40 {  margin-left: 40%;}
.col-sm-offset-20 {  margin-left: 20%;}
}

@media (min-width: 768px) and (max-width: 991px) {
.col-md-20, .col-md-40, .col-md-60, .col-md-80 {float: left;  padding-left:15px; padding-right: 15px;}

.col-md-80 {width: 80%;}
.col-md-60 {width: 60%;}
.col-md-40 {width: 40%;}
.col-md-20 {width: 20%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 20%;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.col-md-pull-80 {right: 80%;}
.col-md-pull-60 {right: 60%;}
.col-md-pull-40 {right: 40%;}
.col-md-pull-20 {right: 20%;}

.col-md-push-80 {left: 80%;}
.col-md-push-60 {left: 60%;}
.col-md-push-40 {left: 40%;}
.col-md-push-20 {left: 20%;}

.col-md-offset-80 {margin-left: 80%;}
.col-md-offset-60 {margin-left: 60%;}
.col-md-offset-40 {margin-left: 40%;}
.col-md-offset-20 {margin-left: 20%;}

}
@media (min-width: 992px) and (max-width: 1199px) {
.col-lg-20, .col-lg-40, .col-lg-60, .col-lg-80 {float: left;  padding-left:15px; padding-right: 15px;}

.col-lg-80 {width: 80%;}
.col-lg-60 {width: 60%;}
.col-lg-40 {width: 40%;}
.col-lg-20 {width: 20%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 20%;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.col-lg-pull-80 {right: 80%;}
.col-lg-pull-60 {right: 60%;}
.col-lg-pull-40 {right: 40%;}
.col-lg-pull-20 {right: 20%;}

.col-lg-push-80 {left: 80%;}
.col-lg-push-60 {left: 60%;}
.col-lg-push-40 {left: 40%;}
.col-lg-push-20 {left: 20%;}

.col-lg-offset-80 {margin-left: 80%;}
.col-lg-offset-60 {margin-left: 60%;}
.col-lg-offset-40 {margin-left: 40%;}
.col-lg-offset-20 {margin-left: 20%;}

}
@media (min-width: 1200px) {
.col-xl-20, .col-xl-40, .col-xl-60, .col-xl-80 {float: left;  padding-left:15px; padding-right: 15px;}

.col-xl-80 {width: 80%;}
.col-xl-60 {width: 60%;}
.col-xl-40 {width: 40%;}
.col-xl-20 {width: 20%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 20%;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.col-xl-pull-80 {right: 80%;}
.col-xl-pull-60 {right: 60%;}
.col-xl-pull-40 {right: 40%;}
.col-xl-pull-20 {right: 20%;}

.col-xl-push-80 {left: 80%;}
.col-xl-push-60 {left: 60%;}
.col-xl-push-40 {left: 40%;}
.col-xl-push-20 {left: 20%;}

.col-xl-offset-80 {margin-left: 80%;}
.col-xl-offset-60 {margin-left: 60%;}
.col-xl-offset-40 {margin-left: 40%;}
.col-xl-offset-20 {margin-left: 20%;}
}