@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,300i,400,400i,600,600i');

body { font: 400 16px/1.6 'Titillium Web', sans-serif; color: #333333; -webkit-font-smoothing: antialiased; overflow-x: hidden; }

h1, h2, h3, h4 { margin: 20px 0; color: #330066; font-weight: 300; }

h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 18px; line-height: 1.6; }

ul { padding-left: 20px; }

.background-white { background-color: #FFFFFF; }
.background-grey { background-color: #EFEFEF; }
.background-blue { background-color: #1D1655; }
.background-sky-blue { background-color: #88A7E7; }
.color-grey { color: #666666; }
.color-white { color: #FFFFFF; }
.color-sky-blue { color: #88A7E7; }

.button-white:active, .button-white:focus, .button-white:visited, .button-white,
.button-sky-blue:active, .button-sky-blue:focus, .button-sky-blue:visited, .button-sky-blue {
	padding: 5px 20px; display: inline-block; border-radius: 4px; text-decoration: none !important; font-weight: 600; border-width: 2px; border-style: solid;
}

.button-sky-blue:active, .button-sky-blue:focus, .button-sky-blue:visited, .button-sky-blue { background-color: #88A7E7;  color: #FFFFFF; border-color: #88A7E7; }
.button-sky-blue:hover { background-color: transparent; color: #FFFFFF }

.button-white:active, .button-white:focus, .button-white:visited, .button-white { background-color: #FFFFFF; color: #88A7E7; border-color: #FFFFFF; }
.button-white:hover { background-color: transparent; color: #FFFFFF; }

.image-background { background-repeat: no-repeat; background-size: cover; background-position: center; }

.margin-bottom { margin-bottom: 20px }

#header { top: -300px; }
#header .header-info { background-color: #88A7E7; }
#header .header-info ul { margin: 0; font-size: 0; }
#header .header-info ul li { display: inline-block; font-size: 14px; vertical-align: middle; }
#header .header-info ul li a { color: #FFFFFF; display: block; text-decoration: none; }
#header .header-info ul li a img { width: 30px; }
#header .header-info ul:not(.social-icons) li:not(:first-child) a { padding: 3px 5px 2px; }
#header .header-info .social-icons a { border-left: 1px solid #ACC2EE; }
#header .header-info .social-icons li:last-child a { border-right: 1px solid #ACC2EE; }

#header .main-header { background-color: #1D1655; border-bottom: 1px solid #323372; }
#header .main-header .logo { padding: 5px 0; width: 60px; }
#header .main-header .navigation { float: right; }
#header .main-header .navigation ul { list-style: none; padding: 0; margin: 0; font-size: 0; }
#header .main-header .navigation li { display: inline-block; font-size: 16px; }
#header .main-header .navigation li a { padding: 35px 20px; display: block; border-left: 1px solid #323372; color: #FFFFFF; text-decoration: none; }
.sub-header .active { background-color: #88A7E7; }
.active, #header .main-header .navigation li a:hover { background-color: #323372; }
#header .main-header .navigation li:last-child a { border-right: 1px solid #323372; color: #FFFFFF; }
#header .main-header .navigation-button { padding: 10px; margin: 6px -10px 5px 0; }
#header .main-header .navigation-button span { width: 30px; height: 3px; background-color: #88A7E7; display: block; margin: 4px 0; border-radius: 4px; }
#header .main-header .navigation-link { display: block; background-color: #88A7E7; color: #FFFFFF; padding: 16px 15px 15px; float: right; margin: 0 -15px 0 10px; text-decoration: none; }
#header .sub-header { background-color: #323372; display: none; }
#header .sub-header ul { list-style: none; padding: 0; margin: 0; font-size: 0; text-align: right; }
#header .sub-header ul li { font-size: 16px; display: inline-block; }
#header .sub-header ul li a { padding: 10px 20px; color: #FFFFFF; display: block; text-decoration: none; }


.fix-navigation #header { position: fixed; top: -5px; left: 0; right: 0; z-index: 99999999; }
.fix-navigation #header .main-header .logo { padding: 5px 0; width: 50px; }
.fix-navigation #header .navigation-button { margin: 3px 0 0 !important;  }
.fix-navigation #header .main-header .navigation-link { padding: 12px 10px 11px;}
.fix-navigation #header .sub-header { display: block; }

.fix-navigation #header,
.footer a,
.button-white,
.button-sky-blue,
#header .main-header .navigation li a,
.featured-products .image-background:after,
.featured-products .image-background .products-detail,
.products .image-background .products-detail,
#header .main-header .navigation,
.navigation-backdrop { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }





.products .image-background { height: 300px; position: relative; overflow-y: hidden; }
.products .image-background .products-detail { position: absolute; top: auto; left: 0; right: 0; bottom: -55px; background-color: #FFFFFF; padding: 15px 0; }
.products .image-background a { display: block; }
.products:hover .image-background .products-detail { bottom: 0; background-color: #88A7E7; }
.products:hover .image-background h3 { color: #FFFFFF; }



.news-event { background-color: #D3D3D3; }
.news-event > div { padding: 20px 15px; }
.news-event .event-block { background-color: #DDDDDD; }


.featured-products .image-background { height: 150px; position: relative; overflow-y: hidden; }
.featured-products .full.image-background { height: 300px; }
.featured-products .image-background .products-detail { position: absolute; top: auto; left: 0; right: 0; bottom: -100%; z-index: 10; }
.featured-products .image-background:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: -100%; background-color: #88A7E7; opacity: 0; }
.featured-products .products .image-background h3 { margin: 0 0 15px; }
.featured-products .image-background:hover:after { opacity: 0.8; bottom: 0; }
.featured-products .image-background:hover .products-detail { bottom: 15px; }

.footer a:active, .footer a:focus, .footer a:visited, .footer a { color: #88A7E7; text-decoration: none  !important; }
.footer a:hover { color: #FFFFFF; }
.footer * { font-size: 15px; }



.sidebar { box-shadow: 2px 2px 4px 0px #d9d9d9; }
.sidebar ul { list-style: none; margin: 0; padding: 10px 0; font-size: 0; }
.sidebar ul li { font-size: 16px; }
.sidebar ul li a { color: #1D1655; display: block; padding: 5px 10px; text-decoration: none; }
.sidebar ul li a:hover { color: #1D1655; background-color: #ACC2EE }

.goog-te-menu-frame { display: none !important; }

.news-event .col-12[style="height: 150px"]:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; }

@media (max-width: 991px) {
	.open-navigation #header .main-header .navigation { right: 0; }
	.open-navigation .navigation-backdrop { z-index: 99999; opacity: 1; }
	.navigation-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.4); z-index: -99999; opacity: 0; }

	#header .main-header .navigation .lang,	#header .main-header .navigation .social-icons { border-top: 1px solid #ACC2EE; margin: 0; padding: 0 10px; font-size: 0; list-style: none; }
	#header .main-header .navigation .lang li,
	#header .main-header .navigation .social-icons li { font-size: 16px; display: inline-block; }
	#header .main-header .navigation .lang li a,
	#header .main-header .navigation .social-icons li a { padding: 0px; }
	#header .main-header .navigation .lang li:not(:first-child) a { padding: 8px; }

	#header .main-header .navigation li { display: block; }
	#header .main-header .navigation li { display: block; }
	#header .main-header .navigation li a { padding: 10px 20px; border: 0 !important; }
	#header .main-header .navigation ul { padding: 0; margin: 0; }
	#header .main-header .navigation { position: fixed; top: 0; left: auto; right: -260px; bottom: 0; z-index: 999999; background-color: #88A7E7; height: 100%; overflow-y: auto; overflow-x: hidden; width: 250px; box-shadow: 1px 1px 10px 1px #323372; }
}


@media (min-width: 576px) {
	.fix-navigation #header { top: -30px; }
}

@media (min-width: 768px) {
	h1 { font-size: 28px; }
	h2 { font-size: 26px; }
	h3 { font-size: 22px; }


	#header .main-header .logo { width: 80px; }
	#header .main-header .navigation-button { padding: 10px; margin: 14px -10px 13px 0; }

	.products .image-background { height: 350px; }
	.featured-products .image-background { height: 200px; }
	.featured-products .full.image-background { height: 400px; }
	.featured-products .products .image-background h3 { margin: 0 0 30px; }
	.featured-products .image-background:hover .products-detail { bottom: 30px; }

}

@media (min-width: 992px) {
	h1 { font-size: 34px; }
	h2 { font-size: 30px; }
	h3 { font-size: 24px; }

	h1, h2, h3, h4 { margin: 30px 0; }

	#header .main-header .logo { width: 98px; padding: 10px 0; }

	.products .image-background { height: 400px; }
	.products .image-background .products-detail { padding: 30px 0; bottom: -70px; }
	.products .image-background h3 { margin: 0 0 30px; }

	.fix-navigation #header .main-header .navigation li a { padding: 20px }
	.fix-navigation #header .main-header .logo { padding: 5px 0; width: 72px; }
	.right-arrow:after { content: ''; position: absolute; top: 30px; right: -29px; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 30px solid #1D1655; z-index: 10; }
}

@media (min-width: 1024px) {
	.news-event > div { padding: 20px 40px; }

}

@media (min-width: 1280px) {
	/*.container { width: 100%; max-width: 1270px; }*/
}