/* =========================== RESET =========================== */
/* ============================================================= */

/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block;
}
ul{
	list-style:none;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	background:transparent;
	text-decoration: none;
	color: inherit;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
input[type="text"], input[type="submit"], input[type="button"], textarea{-webkit-appearance: none; font-family: Arial, Helvetica, sans-serif; border-radius: 0;}

h1, h2, h3, h4, h5, h6, p{margin: 0.5em 0; padding: 0;}
img{max-width: 100%; height: auto;}

/* =========================== Layout styles =================== */
/* ============================================================= */

body{background: #e5e5e5 url("../images/bg2.jpg") no-repeat fixed center center; background-size: cover; color: #000; font: 13px 'Open sans', sans-serif; font-weight: 400;}

#wrap{max-width: 1100px; width: 100%; margin: 0 auto;}
#wrap-inner{background: #fff; margin: 0 0 20px 0;}

#logo{float: left; padding: 11px 0;}
#logo a, #logo img{display: block; margin: 0 auto;}
#header{padding: 29px 3.5% 21px 3.5%; position: relative;}
#header-wrap:after{content: ''; display: block; height: 19px; background: #c45596; background: -moz-linear-gradient(left, #c45596 0%, #487fbe 45%, #854598 100%); background: -webkit-linear-gradient(left, #c45596 0%,#487fbe 45%,#854598 100%); background: linear-gradient(to right, #c45596 0%,#487fbe 45%,#854598 100%);}

#jumbotron {position: relative;}
#jumbotron .banner-title{position: absolute; font-size: 50px; left: 5%; top: 21%;}
#jumbotron h2{font-weight: 400; font-size: 1em; line-height: 90%; margin: 0;}
#jumbotron h2 span{font-weight: 300; font-size: 0.74em; display: block;}
#jumbotron .placeholder {opacity: 0; display: block; margin: 0;}

#jumbotron .media-wrap {overflow: hidden; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%;}
#jumbotron video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

#content{padding: 27px 3%;}

#left-col{width: 20.98646034816248%; float: left;}
#middle-col{width: 44.48742746615087%; padding: 0 4.642166344294004%; float: left;}
#right-col{width: 25.24177949709865%; float: right;}
.video-container{padding: 10px 0;}
.video-container iframe{width: 100% !important;}

#right-col2{float: right; width: 67%; padding: 0 6%;}
#right-col2 h1{font-size: 25px; font-weight: 600; margin: 0 0 12px 0; line-height: 117%;}
#right-col2 #news-list{padding: 25px 0;}
#right-col2 #news-list ul{padding: 30px 0 5px;}
#right-col2 #news-list li{
	border-bottom: 1px solid #e5e5e5;
    margin: 0 0 35px;
    padding: 0 0 27px 43px;
}
#right-col2 #news-list li:last-child{border-bottom: none;}

#middle-col h1{margin: 0 0 15px 0; font-weight: 400; font-size: 25px;}

#make-cv, #make-cv > span{display: block;}
#make-cv{background: #02a5d8; font-size: 25px; padding: 15px 6%; margin: 30px 0;}
#make-cv > span{font-size: 1em; font-weight: 300; color: #fff; padding: 7px 14% 8px 0; background: url("../images/icon1.gif") no-repeat right center;}
#make-cv span span{font-weight: 600;}

#news-list ul{padding: 12px 0 5px 0;}
#news-list h2, #right-col h2{font-size: 18px; font-weight: 700; color: #0d4189; margin: 0; padding: 0 0 7px 0; border-bottom: 1px solid #e5e5e5;}
#news-list h3{font-size: 17px; font-weight: 400; color: #000; margin: 0 0 5px 0; line-height: 110%;}
#news-list li{background: url("../images/icon-bubble.gif") no-repeat 0 3px; padding: 0 0 0 43px; margin: 0 0 20px 0;}
#news-list{margin: 0 0 10px 0;}
#news-list li:hover p{color: #02a5d8;}

#news-list .more{background: #edeee9; color: #747373; padding: 10px 5px 10px 5px; text-align: center;}
#news-list .more a{margin: 0 10px;}
#news-list .more a:hover{text-decoration: underline;}

#right-col h2{padding-left: 5px;}
#info-material{margin: 0 0 40px 0;}
#info-material li{border-bottom: 1px solid #e5e5e5; padding: 11px 0 11px 5px;}
#info-material a{display: inline-block; background: url("../images/arrow-down.gif") no-repeat right 4px; padding: 0 15px 0 0;}
#info-material a:hover{color: #02a5d8;}

.video-links{text-align: center;}
.video-links a{background: #ffd006 url("../images/icon-play01.png") no-repeat 61px bottom; display: block; color: #fff; width: 100%; height: 191px; font-size: 23px; font-weight: 300; line-height: 102%; margin: 0 0 15px 0; padding: 20px 0 0 0;}
.video-links a span{font-weight: 600; display: block;}
.video-links a:hover{background-position: -339px bottom; background-color: #ffa305;}

.small-banner img{margin: 0 auto; display: block;}

/* ====================== Menus =============== */
/* ========================================= */
.toggle-menu{display: none; cursor: pointer; 
border-radius: 3px; background: #559bc7 url("../images/toggle-menu.png") no-repeat center center; width: 51px; height: 41px; margin-left: auto; margin-right: auto;}

/* main-menu */
#main-menu{float: right; padding: 25px 0 0 0; margin-bottom: -10px;}
#main-menu > ul > li{float: left; margin: 0 18px; padding-bottom: 10px; position: relative;}
#main-menu > ul > li > a{font-size: 15px;}
#main-menu ul li a, #submenu ul ul a{display: block;}
#main-menu > ul > li:hover > a, #main-menu > ul > li.active > a, #main-menu ul ul a:hover {text-decoration: underline;}

#main-menu ul ul {display: none; text-align: left; background-color: #fff; border: 1px solid #ccc; padding: 26px 15px 9px 15px; width: 220px; margin-left: -110px; position: absolute; left: 50%; top: 100%; z-index: 100;}
#main-menu ul ul li {margin-bottom: 18px;}
#main-menu > ul > li:hover ul {display: block;}

/* submenu */
#submenu{margin: 0 0 16px 0;}
#submenu > ul  > li > a{display: block; color: #02a5d8; background: #edeee9; margin: 0 0 2px 0; padding: 10px 0 9px 17px; font-size: 15px;}
#submenu > ul > .active > a, #submenu > ul > li > a:hover{background: #3b5998; color: #fff;}

#submenu > ul > .active > ul{display: block;}

#submenu ul ul{font-size: 14px; line-height: 108%; padding: 4px 0; display: none;}
#submenu ul ul li{margin: 13px 0; padding: 0 5px;}
#submenu ul ul a{padding: 0 13px;}
#submenu ul ul a:hover,
#submenu ul ul .active a{background: url("../images/submenu-active.gif") no-repeat right 5px; color: #3b5998;}

.lang-toggle{
	background: url("../images/arrow7x4.gif") no-repeat right center;
	color: #000;
	cursor: pointer;
	font-size: 12px;
	width: 37px; 
	padding: 3px 3px 3px 6px;
	margin: 0;
	display: block;
	text-transform: uppercase;
	text-align: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.lang-toggle:focus{outline: none;}
#right-block{margin: 28px 23px 0 0; float: right;}
#lang{
    position: absolute;
    right: 4.9%;
    top: 18px;
	text-transform: uppercase;	
}
#lang ul{position: absolute; top: 100%; right: 0; left: 0; display: none; background: #fff; padding: 3px 0;
border-top: none; z-index: 1000;
-webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.25);
}
#lang li{padding: 3px 6px;}
#lang a{display: block;}
#lang a:hover{text-decoration: underline;}

/* gallery */
.gallery{overflow: hidden; padding: 0;}
.gallery li{float: left; margin: 0 8px 8px 0;}
.gallery li:nth-child(4n){margin-right: 0;}
.gallery li a{margin: 0;}

/* footer */
#footer{background: #c45596; background: -moz-linear-gradient(left, #c45596 0%, #487fbe 45%, #854598 100%); background: -webkit-linear-gradient(left, #c45596 0%,#487fbe 45%,#854598 100%); background: linear-gradient(to right, #c45596 0%,#487fbe 45%,#854598 100%); text-align: center; color: #fff; font-weight: 300; padding: 32px 3% 22px 3%;}
#footer p{margin: 0 0 15px 0}
#footer .logos{margin: 0 0 10px 0;}
#footer .logos li{display: inline-block; margin: 0 5px;}

#imago{text-transform: uppercase; font-size: 10px;}

/* PAGER */
.bx-wrapper .bx-pager {
	position: absolute;
	z-index: 7000;
	bottom: 12%;
	left: 5%;
	height: 16px;
	margin: 0 0 0 3px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: url("../images/pager.gif");
	text-indent: -9999px;
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 7px 0 0;
	outline: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position: 0 -13px;
}
.bx-controls-direction{display: none;}

/* ======================= article styles ====================== */
/* ============================================================= */
#article{padding: 15px 0 0 0; font-size: 14px;}
#article b{font-weight: bold;}
#article h1{font-weight: 700; margin: 0 0 35px 0;}

#article ul{padding-left: 4px;}
#article li{margin-bottom: 5px !important; margin-top: 5px !important;}

#article ul li{padding: 0px 0 0 13px; margin: 0; background: url("../images/article-list-style.gif") no-repeat left 6px;}
#article ul ol li{background: none; padding: 0 0 0 0;}
#article ol ul li{padding: 0px 0 0 13px;}

#article ol{padding: 0 0 0 22px;}
#article ol ol{padding: 0 0 0 20px;}
#article ol li{padding: 0; margin: 0;}

#article table{border-collapse: collapse; margin: 2em 0; width: 100%;}
#article table, #article td, #article th{border: 1px solid #bcb6b6;}
#article td, #article th{padding: 8px 10px;}
#article th{text-align: left; font-weight: bold; color: #000; background: #eee;}
#article table.noborder, #article table.noborder td, #article table.noborder th{border: none;}

#article caption{color: #fff; background-color: #2d0014; text-align: left; padding: 5px 8px;}
#article table p{margin: 0;}
#article p{margin: 0 0 20px 0;}
#article a{text-decoration: underline; color: #02a5d8;}
#article a:hover{text-decoration: none;}
/*#article img{width: 43.29004329004329%;}*/
img.floatLeft{float: left; margin: 0 3.25em 2em 0;}
img.floatRight{float: right; margin: 0 0 2em 3.25em;}

#article .content{width: 52.23665223665224%;}
#article .column.floatRight{width: 43.29004329004329%; margin: 0 0 30px 4.329004329004329%;}
#article .files-box li{background: none; padding: 0 0 0 30px;}
.files-box{border: 1px solid #e5e5e5; padding: 10px 0; width: 42.42424242424242%; margin: 0 0 30px 4.329004329004329%;}

/* global */
.bold{font-weight: bold;}
.file{display: inline-block; text-decoration: none !important; color: #000 !Important; padding: 8px 0 7px 26px; line-height: 98%;}
.file.pdf{background: url(../images/icon-pdf.gif) no-repeat left center;}
.file.doc{background: url(../images/icon-doc.gif) no-repeat left center;}
.file.jpg{background: url(../images/icon-jpg.gif) no-repeat left center;}
.file.png{background: url(../images/icon-png.gif) no-repeat left center;}
.file.xls{background: url(../images/icon-xls.gif) no-repeat left center;}
.file.ppt{background: url(../images/icon-ppt.gif) no-repeat left center;}

.colorBlue{color: #7bb6db;}

.msg-success, .msg-fail{color: #fff; text-align: center; margin: 0 0 10px 0; padding: 6px; background: #44b544; font-weight: 600;}
.msg-fail{background: #d23b3b;}

div.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
.floatLeft{float:left;}
.floatRight{float:right;}

/* ======================= media queries ======================= */
/* ============================================================= */
@media screen and (max-width: 1024px){	
	#header{padding: 18px 3.5% 6px;}
	#logo, #main-menu{float: none; text-align: center;}
	#logo a{display: inline-block;}
	#main-menu > ul > li{float: none; display: inline-block; vertical-align: top; margin: 0 14px 10px 14px;}
	#jumbotron .banner-title{font-size: 40px; top: 15%;}
	
	#content{padding: 27px 2%;}
	#wrap-inner{margin-bottom: 0;}
	
	#middle-col{width: 48.48742746615087%; padding: 0 2.642166344294004%;}
	#submenu a{font-size: 13px;}
	.video-links a{font-size: 18px; background: #ffd006; padding: 10px 0; height: auto;}
	#make-cv {
		display: inline-block;
		font-size: 20px;
		margin: 15px 0 30px 0;
		padding: 6px 3%;
	}
	#make-cv > span {
		background: none;
		padding: 0;
	}
	.fb-container{display: none;}
}
@media screen and (max-width: 767px){
	#jumbotron .banner-title{font-size: 27px;}
	#left-col,
	#middle-col,
	#right-col,
	#right-col2{float: none; width: auto;}
	
	#left-col{margin: 0 0 30px 0;}
	#middle-col{padding: 0; margin: 0 0 36px 0;}
	#right-col2{padding: 0;}
	#content {
		padding: 27px 4%;
	}
}
@media screen and (max-width: 640px){
	#header{padding-top: 45px;}
	#logo a{display: inline-block;}
	#jumbotron{display: none;}
	.toggle-menu{display: block; margin-bottom: 18px;}
	
	#submenu > ul{display: none;}
	#frontpage #main-menu > ul{display: block;}
	#main-menu > ul > li {
		display: block;
		margin: 0 0 18px;
	}
	#main-menu ul li a {
		display: inline-block;
	}
	.files-box{display: block; width: auto; float: none; margin-left: 0;}
	.lang-toggle{padding: 5px 3px 5px 6px; width: 42px;}
	#lang li{padding: 5px 6px;}
}
@media screen and (max-width: 320px){
	#submenu > ul > li > a{
		padding: 10px 3% 9px;
		text-align: center;
	}
	#content {
		padding: 27px 6%;
	}
	#news-list .more {
		padding: 10px 5px;
	}
	#footer{padding: 17px 3% 22px;}
	#footer .logos li {
		display: block;
		text-align: center;
	}
	#footer .logos img {
		width: 50%;
	}
	#article img{margin: 0 auto; width: auto;}
}
/* ======================== clearfix =========================== */
/* ============================================================= */
/* Force Element To Self-Clear its Children */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */