/*
	RETELIT css colors
	blue #043f75
*/

h1.watermark {
	width: 100%;
	margin-top: 40px;
	text-align: center;
	text-transform: uppercase;
	font-size: 60px;
	color: #e8e8e8;
}

@media all and (max-width: 991px) {
	h1.watermark {
		font-size: 30px;
	}
}


.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset:0;
}

.modal-content {
	border-radius:0;
}

.svg-rgl {
	fill: #043F75;
}

a {
	color:#000;
}
a:focus, a:hover {
    color: #000;
    text-decoration: none;
}
*:hover, *:focus, *:active, *:visited{
    outline: none;
	text-decoration:none;
}

body {
	font-family: 'Montserrat' !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.1;
	color:#333;
}

main {
	padding-bottom:120px;
}

#page-loader{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color:#fff;
}
#page-loader i{
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%, -50%);
	color:#043f75;
}

h1.title {
	position:relative;
	padding-bottom:15px;
	margin-bottom:15px;
	text-transform:uppercase;
	color:rgba(4, 63, 117, 0.75) !important;
	font-weight:400;
	font-size:14px !important;
	line-height:1;
}
h1.title:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 120px;
	height: 1px;	
	background-color: #adcad6;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInLeft;
	animation-name: fadeInLeftBig;
}
h1.title:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 1px;
    background-color: #2c588e;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInLeft;
	animation-name: fadeInLeftBig;
	-webkit-animation-delay:0.25s;
	animation-delay:0.25s;
}
h1.title b {
	display:block;
	margin-top:5px;
	font-weight:900;
	font-size:36px !important ;
	line-height:26px;
	color:#000 !important;
}
h1.title a, h1.title a:hover  {
	color:rgba(4, 63, 117, 0.75) !important;
	text-decoration:none;
}

h2.title {
	position:relative;
	padding-bottom:15px;
	margin-bottom:15px;
	text-transform:uppercase;
	color:rgba(4, 63, 117, 0.75) !important;
	font-weight:400;
	font-size:14px !important;
	line-height:1;
	overflow:hidden;
}
h2.title:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 120px;
	height: 1px;
	background-color: #adcad6;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInLeft;
	animation-name: fadeInLeftBig;
}
h2.title:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 1px;
    background-color: #2c588e;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInLeft;
	animation-name: fadeInLeftBig;
	-webkit-animation-delay:0.25s;
	animation-delay:0.25s;
}
h2.title b {
	display:block;
	margin-top:5px;
	font-weight:900;
	font-size:36px !important ;
	line-height:26px;
	color:#000 !important;
}
h2.title a, h2.title a:hover  {
	color:rgba(4, 63, 117, 0.75) !important;
	text-decoration:none;
}

a.go-to{
	display:inline-block;
	text-decoration:none;
	color:#043f75;
	transition: all .2s ease;
}
a.go-to:hover{	
	text-decoration:none;
	opacity:0.5;
}
a.go-to:before{
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	font-size:26px;
	content: "\f138";
}

a.attach {
	display:block;
	font-size:16px;
	margin-bottom: 5px;
    line-height: 1.4;
	padding-left:20px;
}
a.attach i {
	margin-left:-20px;
}

.img-16x9 {
	position:relative;
	display:block;
	width:100%;
	padding-top:56.25%;
	overflow:hidden;
}
.img-16x9 img{
	position:absolute;
	display:block;
	width:100%;
	height:auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.img-16x9:hover img{
	width:110%;
}
article .img-16x9:hover img{
	width:100%;
}

.img-1x1 {
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
}
.img-1x1 img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.img-1x1:hover img{
	width:110%;
}
article .img-1x1:hover img{
	width:100%;
}

button {
	display:inline-block;
	border: 1px solid #043f75;
	background-color: #043f75;
	color: #fff;
	border-radius: 0;
	transition: all .2s ease;
	font-size: 11px;
	font-weight: 500;
	text-transform:uppercase;
	text-decoration:none;
}
button:hover {
	background: #fff !important;
	color: #043f75 !important;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none;
}

.contact {
	margin-bottom:10px;
	padding-left:25px;
}
.contact i {
	margin-left:-25px;
}
.contact b {
	display: block;
	margin:15px 0 5px -25px;
}
.contact span {
	display: block;
	margin:0px 0 5px -25px;
}

.equal,
.row.equal {
	display: flex;
	flex-wrap: wrap;
}

.row .logo svg {
    height: 65px;
}

@media all and (max-width: 768px) 
{/*
	.row.equal {
		display:block;
		flex-wrap:initial;
	}
	*/
}

/* PAGE */
main #page-banner {
	position:relative;
	overflow:hidden;
}
main #page-banner img {
	width:100%;
	height:auto;
}

@media all and (max-width: 991px) 
{
	main #page-banner {
		height:250px;
	}
	main #page-banner img {
		position:absolute;
		top:0;
		left:50%;
		transform:translateX(-50%);
		width:auto;
		height:100%;		
	}
}

main #page-header {
	position:relative;
	margin-top:40px;
	margin-bottom:40px;
}
main #page-header .bar-menu {
	position:relative;
	margin: 40px 0 0 0;
    padding: 0 0 0 25px;
}
main #page-header .bar-menu:before {
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:'';
	background-color:#e5e5e5;
	transform:skew(-10deg);
}
main #page-header .bar-menu a {
	position:relative;
	display:inline-block;
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	color:#777;
	margin-right:25px;
	padding:8px 0 6px 0;
}
main #page-header .bar-menu a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #222;
	bottom: 0;
	left: 0;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
	box-sizing: border-box;
}
main #page-header .bar-menu a.active,
main #page-header .bar-menu a:hover {
	color:#222;
}
main #page-header .bar-menu a.active:after,
main #page-header .bar-menu a:hover:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

main #page-header .bar-menu span {
	cursor:pointer;
	position:relative;
	display:inline-block;
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	color:#777;
	margin-right:25px;
	padding:8px 0 6px 0;
}
main #page-header .bar-menu span:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 0px;
	border-bottom: 2px solid #222;
	bottom: 0;
	left: 0;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
	box-sizing: border-box;
}
main #page-header .bar-menu span.active,
main #page-header .bar-menu span:hover {
	color:#222;
}
main #page-header .bar-menu span.active:after,
main #page-header .bar-menu span:hover:after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

main .page-header-pages {
	margin-top:40px;
	margin-bottom:20px;
}

main .page-header-pages .pages {
	justify-content: center !important;
	display: flex;
	flex-wrap: wrap;
}

main .page-header-pages .pages .page {
	position:relative;
	display:block;
	width:100%;
	padding-top: 54.25%;
	overflow:hidden;
	background-color:#000;
	margin-bottom:30px;
}
main .page-header-pages .pages .page picture img {
	z-index:0;
	position:absolute;
	width:100%;
	height:auto;
	top: 50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
	opacity:0.5;
}
main .page-header-pages .pages .page:hover picture img {
	width:110%;
}
main .page-header-pages .pages .page .page-title {
	z-index:1;
	position:absolute;
	width:calc(100% - 30px);
	top:15px;
	left:15px;
	color:#fff;
	font-size:30px;
	font-weight:400;
}
main .page-header-pages .pages .page .page-text {
	z-index:1;
	position:absolute;
	width:calc(100% - 30px);
	top:115px;
	left:15px;
	color:#fff;
	font-size:14px;
	font-weight:300;
	line-height:1.4;
}

main .page-header-pages .pages .page.page-slim {
	padding-top: 25%;
	margin-top:20px;
}
main .page-header-pages .pages .page.page-slim .page-title {
	font-size:26px;
	text-align:center;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}


main .page-header-pages #pages-preview {
	margin-top:40px;
}
main .page-header-pages #pages-preview .preview {
	overflow:hidden;
	height:0;
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}


main .page-header-pages .pages .page-side  {
	margin-bottom:10px;
}
main .page-header-pages .pages .page-side .page-title b {
	font-size:24px;
}

@media all and (max-width: 1200px) {
	main .page-header-pages .pages .page {
		padding-top: 65%;
	}
}

@media all and (max-width: 448px) {
	main .page-header-pages .pages .page {
		padding-top: 80%;
	}
}

/**/
main #page #page-side{
	position:relative;
}
main #page #page-side .page-side-inner{
	max-width:390px;
}

main #page #page-side .page-side-inner #ecosystem {
	margin-top:0; 
	margin-left: -70px;
}
@media all and (max-width: 991px) {
	main #page #page-side .page-side-inner{
		max-width:390px;
		margin:0 auto;
	}

	main #page #page-side .page-side-inner #ecosystem {
		margin-left:0;
	}
}

main #page #page-side .page-menu {
	position:relative;
	display:block;
	list-style:none;
	padding:0;
	margin:10px 0;
}
main #page #page-side .page-menu li {
	padding:0 0 15px 20px;
}
main #page #page-side .page-menu li a{
	position:relative;
	display:block;
	font-size:16px;
	color:#999999;
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
main #page #page-side .page-menu li a:before {
	position:absolute;
	top:0;
	left: -18px;
	content:'';
	height: 13px;
	width: 10px;
	border-radius:25%;
	background-color:#999;
	-webkit-transform: scaleY(0) rotate(30deg);
	-ms-transform: scaleY(0) rotate(30deg);
	transform: scaleY(0) rotate(35deg);
	box-sizing: border-box;
	-webkit-transition: -webkit-transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
}
main #page #page-side .page-menu li a:hover{
	color:#555;
}
main #page #page-side .page-menu li a.active {
	color:#000;
}
main #page #page-side .page-menu li a:hover:before {
	-webkit-transform: scaleY(1) rotate(30deg);
	-ms-transform: scaleY(1) rotate(30deg);
	transform: scaleY(1) rotate(30deg);
}
main #page #page-side .page-menu li a.active:before {
	-webkit-transform: scaleY(1) rotate(30deg);
	-ms-transform: scaleY(1) rotate(30deg);
	transform: scaleY(1) rotate(35deg);
	background-color:#043f75;
}

main #page #page-side .page-menu li ul {
	position:relative;
	display:block;
	list-style:none;
	padding:0;
	margin:15px 0 0 0;
}
main #page #page-side .page-menu li ul li {
	padding:0 0 10px 20px;
}
main #page #page-side .page-menu li ul li a{
	font-size:14px;
}
main #page #page-side .page-menu li ul li a:before {
	height: 11px;
	width: 9px;
}

.attaches {
	position:relative;
	overflow:hidden;
	margin-top:80px;
	margin-bottom:40px;
}
.attaches .attaches-title{
	text-transform:uppercase;
	font-size:20px;
	font-weight:200;
	padding-bottom:10px;
	margin-bottom: 10px;
	border-bottom:solid 1px #e8e8e8;
}
.attaches .attach{
	display:block;
	width:100%;
	margin-bottom:5px;
}
.attaches .attach .attach-icon{
	position:relative;
	display:inline-block;
	width:30px;
	height:25px;
	overflow:hidden;
}
.attaches .attach .attach-icon i {
	font-size:25px;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
.attaches .attach .attach-icon .file{
	position:absolute;
	top:0;
	left:0;
}
.attaches .attach .attach-icon .down{
	position:absolute;
	top:-40px;
	left:0;
}
.attaches .attach:hover .attach-icon .file{
	position:absolute;
	top:-40px;
	left:0;
}
.attaches .attach:hover .attach-icon .down{
	position:absolute;
	top:0;
	left:0;
}
.attaches .attach .attach-link{
	display:inline-block;
	margin-top:10px;
}
.attaches .attach audio{
	width:100%;
}

.attaches .aw-form-download-alert {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:0;
	bottom:100%;
	left:0;
	background-color:rgba(0, 0, 0, 0.7);
	color:#fff;
	text-align:center;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
.attaches .aw-form-download-alert.active {
	height:100%;
	bottom:0;
}
.attaches .aw-form-download-alert span {
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:#fff;
}

#share{
	margin-top:80px;
	margin-bottom:40px;
	padding-top:10px;
	border-top:solid 1px #e8e8e8;
}
#share .share-title {
	font-size: 20px;
	font-weight: 200;
}
#share .share-links{
	text-align:right;
}
#share a{
	display:inline-block;
	padding:4px;
	font-size:14px;
	margin-right:10px;
	background-color:rgba(4, 63, 117, 0.25);
	color:#fff;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
#share a:hover{
	background-color:#043f75;
}
#share a.facebook:hover {
	background-color:#3b5998;
}
#share a.twitter:hover {
	background-color:#00acee;
}
#share a.linkedin:hover {
	background-color:#0e76a8;
}
#share a.whatsapp:hover {
	background-color:#4AC959;
}
#share a.telegram:hover {
	background-color:#0088cc;
}

/**/
main #page #page-content{
	position:relative;
}

main #page #page-content h1{
	margin-top:0;
	font-size:45px;
	font-weight:200;
}
main #page #page-content h2{
	margin-top:0;
	font-size:25px;
	font-weight:400;
}
main #page #page-content p{
	font-size:16px;
	line-height:1.6;
	margin-bottom:20px;
}
main #page #page-content ul {
	margin-bottom: 20px;
}
main #page #page-content ul li {
	font-size: 16px;
	line-height: 1.6;
	color:#333333; 
}
main #page #page-content ol {
	margin-bottom: 20px;
}

main #page #page-content ol li {
	font-size: 16px;
	line-height: 1.6;
	color: #333333;
}


main #page .search {
	position:relative;
	padding:0 0 5px 0;
	margin:10px 0 40px 0;
	border-bottom:solid 1px #e8e8e8;
}
main #page .search label {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
main #page .search input {
	position:relative;
	background-color:#fff;
	border:none;
	width:90%;
	z-index:10;
}
main #page .search i {
	float:right;
	cursor:pointer;
	margin-top:5px;
}

main #page .search-year {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}
main #page .search-year li {
	display:inline-block;
	padding:0 !important;
	margin-bottom:18px;
	margin-left:-1px;	
	width:20%;
	border-left:solid 1px #e8e8e8;
	border-right:solid 1px #e8e8e8;
}
main #page .search-year li span {
	display:block;
	text-align:center;
	font-size:16px;
	font-weight:200;
	line-height:16px;
	cursor:pointer;
	background-color:#fff;
	transition: all .2s ease;
}
main #page .search-year li span:hover,
main #page .search-year li span.active {
	color:#000;
	font-weight:400;
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}

main #page .search-month {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}
main #page .search-month li {
	display:inline-block;
	padding:0 !important;
	margin-bottom:18px;
	margin-left:-1px;	
	width:16.67%;
	border-left:solid 1px #e8e8e8;
	border-right:solid 1px #e8e8e8;
}
main #page .search-month li span {
	display:block;
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	font-weight:200;
	line-height:16px;
	cursor:pointer;
	background-color:#fff;
	transition: all .2s ease;
}
main #page .search-month li span:hover,
main #page .search-month li span.active {
	color:#000;
	font-weight:400;
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}

/* PRESS */
.aw-press-item {
	position:relative;
	padding-bottom:40px;
	border-bottom:solid 1px #e8e8e8;
	transition: all .2s ease;
	overflow:hidden;
	display:none;
	height:0;
	opacity:0;
	-webkit-transition: all 700ms linear;
	-moz-transition: all 700ms linear;
	-ms-transition: all 700ms linear;
	-o-transition: all 700ms linear;
	transition: all 700ms linear;
	animation: awPressInactive 1s ease-out forwards;
}
.aw-press-item.active {
	display:block;
	height:auto;
	animation: awPressActive 1s ease-out forwards;
}
@keyframes awPressActive {
  to {
    opacity: 1
  }
}
@keyframes awPressInctive {
  to {
    opacity: 0
  }
}

.aw-press {
    margin-bottom: 40px;
}
.aw-press a {
	text-decoration:none;
	color:#043f75;
}
.aw-press a:hover {
	text-decoration:none;
	color:#043f75;
}
.aw-press a:hover .aw-press-img img {
	width:105%;
}

.aw-press .aw-press-date {
	margin-bottom:10px;
}
.aw-press .aw-press-date .day{
	display:block;
	font-size:50px;
	margin-bottom:10px;
} 
.aw-press .aw-press-date .hour{
	display:block;
	font-size:25px;
	margin-bottom:10px;
} 
.aw-press .aw-press-date .month{
	display:block;
	text-transform:uppercase;
	font-size:20px;
	line-height:1;
	margin-bottom:10px;
} 
.aw-press .aw-press-date .special{
	display:block;
	font-style:italic;
	margin-bottom:10px;
} 
.aw-press .aw-press-date .extr{
	display:block;
	line-height:1.3;
	margin-bottom:10px;
	padding-left:25px;
} 
.aw-press .aw-press-date .extr i{
	margin-left:-20px;
}

.aw-press .aw-press-date-str {
	z-index:10;
	position:absolute;
	width:80%;
	top:20px;
	left:-10px;
	padding:6px 20px 6px 40px;
	color:#043f75;
}
.aw-press .aw-press-date-str:after {
	z-index: -1;
    content: '';
    display: block;
    position: absolute;
    background-color: #fff;
    height: 100%;
    width: 100%;
    transform: skew(-10deg);
    top: 0;
    left: 0px;
}
.aw-press .aw-press-date-str em {
	float:right;
}

.aw-press .aw-press-img {
	position:relative;
	width:100%;
	padding-top:56.25%;
	overflow:hidden;
}
.aw-press .aw-press-img img {
	position:absolute;
	display:block;
	width:100%;
	height:auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	transition: all .2s ease;
}

.aw-press .aw-press-box {
	position:absolute;
	width:260px;
	height:130px;
	bottom:-25px;
	right:40px;
}
.aw-press .aw-press-box .aw-press-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#d2deea;
	-moz-transform: skewX(-10deg);
	-webkit-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
.aw-press .aw-press-box .aw-press-text {
	position:absolute;
	top:0;
	left:0;
	padding:20px 30px;
	max-height: 112px;
    overflow: hidden;

}
.aw-press .aw-press-box .aw-press-text b {
	display:block;
	margin-bottom:5px;
}
.aw-press .aw-press-box .aw-press-text p {
	font-size:12px;
	font-weight:400;
	line-height:1.4;
	/*text-transform:lowercase;*/
}
.aw-press .aw-press-box .aw-press-text p::first-letter {
	/*text-transform:uppercase;*/
}
.aw-press .aw-press-box .aw-press-text h2 {
	font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.3;
}
.aw-press .aw-press-box .aw-press-text h2::first-letter {
	text-transform:uppercase;
}

/**/
.press h1 {
	font-size:48px;
	font-weight:200;
}
.press h2 {
	font-size:16px;
	font-weight:700;
	line-height:1.4;
	margin-bottom:30px;
}
.press .special{
	display:block;
	font-style:italic;
} 
.press p,
.press div {
	font-size:14px;
	font-weight:300;
	line-height:1.4;
	margin-bottom:20px;
}
.press div {
	font-size:14px;
	font-weight:300;
	line-height:1.4;
	margin-bottom:20px;
}
.press div.attaches {
	margin-top:30px;
	margin-bottom:20px;
}
.press div.attach,
.press div.attach-icon,
.press div.attach-link,
.press div.aw-form-download-alert {
	margin-bottom:0px;
}

.press img {
	width: 100%;
	height:auto;
	margin-bottom:30px;
}
.press .carousel-inner .item {
	margin-bottom:0px;
}
.press .carousel-inner .item img {
	width: 100%;
	height:auto;
	margin-bottom:0px;
}

.press .press-date {
	font-size:14px;
	background-color:#043f75;
	color:#fff;
	padding:8px 16px;
	margin:30px 0 20px 0;
}
.press .press-date span {
	float:right;
}
.press .press-date span em {
	font-weight:700;
}

/**/
.pbt-select {
	position:relative;
	overflow:hidden;
	display:block;
	margin-bottom:20px;
	border-bottom: 1px solid #043f75;
}
.pbt-select label{
	position:absolute;
	bottom:100px;
}
.pbt-select select {
	display:inline-block;
	width:90px;
	padding: 8px 16px 8px 0;
	margin-right:20px;
	border:none;
	background-color: #fff;
	color: #043f75;
	border-radius: 0;
	font-size: 20px;
	font-weight: 500;
	text-transform:uppercase;
}
.pbt-year{
	display:block;
	overflow:hidden;
	height:0;
	opacity:0;
	transition: all .2s ease;
}
.pbt-year.active{
	height:auto;
	opacity:1;
}
.pbt-select input {
	width:calc(100% - 275px);
	border: none;
    font-size: 20px;
    padding: 8px;
}
.pbt-select i.fa-search {
	display:inline-block;
	width:35px;
	padding:12px 0;
	text-align:right;
	cursor:pointer;
	color:#043F75;
}

/* INVESTORS */
.ir-select {
	position:relative;
	overflow:hidden;
	display:block;
	margin-bottom:20px;
	border-bottom: 1px solid #043f75;
}
.ir-select label{
	position:absolute;
	bottom:100px;
}
.ir-select select {
	display:inline-block;
	width:90px;
	padding: 8px 16px 8px 0;
	margin-right:20px;
	border:none;
	background-color: #fff;
	color: #043f75;
	border-radius: 0;
	font-size: 18px;
	font-weight: 500;
	text-transform:uppercase;
}
.ir-year{
	display:block;
	overflow:hidden;
	height:0;
	opacity:0;
	transition: all .2s ease;
}
.ir-year.active{
	height:auto;
	opacity:1;
}
.ir-select input {
	width:calc(100% - 275px);
	border: none;
    font-size: 18px;
    padding: 8px;
}
.ir-select i.fa-search {
	display:inline-block;
	width:50px;
	padding:12px 0;
	text-align:right;
	cursor:pointer;
	color:#043F75;
}

/* PAGE */
.paragraph {
	position:relative;
	margin-bottom:40px;
	line-height:1.6;
}

.paragraph .paragraph-link {
	position:absolute;
	display:block;
	z-index:100;
	bottom:-10px;
	left:100%;
	transform:translateX(-100%);
	width:30px;
	height:30px;
    line-height: 30px;
	text-align:center;
	border:none;
}
.paragraph .paragraph-link i {
	border-radius: 100%;
    width: 24px;
    height: 24px;
    line-height: 24px;
	font-size:26px;
	color:#043F75;
    background-color: #fff;
}
.paragraph .paragraph-link:hover {
	border:none;
}

.paragraph h1 {
	font-size:40px !important;
	font-weight:200 !important;
	margin-top:0;
	margin-bottom:15px;
}
.paragraph h2 {
	font-size:22px !important;
	line-height: 1.4;
	margin-top:0;
	margin-bottom:15px;
}
.paragraph h3 {
	font-size: 18px !important;
    font-weight: 700 !important;
	line-height: 1.5;
	margin-top:0;
}

.paragraph h1.title {
	position:relative;
	padding-bottom:15px;
	margin-bottom:15px;
	text-transform:uppercase;
	font-weight:400;
	font-size:14px !important;
	line-height:1;
}
.paragraph h1.title:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 120px;
	height: 1px;
	background-color: #adcad6;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInLeft;
	animation-name: fadeInLeftBig;
}
.paragraph h1.title:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 1px;
    background-color: #2c588e;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInLeft;
	animation-name: fadeInLeftBig;
	-webkit-animation-delay:0.25s;
	animation-delay:0.25s;
}
.paragraph.center h1.title:before {
	left: calc(50% - 60px);
}
.paragraph.center h1.title:after {
	left: calc(50% - 20px);	
}
.paragraph h1.title b {
	display:block;
	margin-top:5px;
	font-weight:900;
	font-size:36px !important ;
	line-height:26px;
	color:#000 !important;
}
.paragraph h1.title a, .paragraph h1.title a:hover  {
	color:rgba(4, 63, 117, 0.75) !important;
	text-decoration:none;
}

.paragraph h2.title {
	position:relative;
	padding-bottom:15px;
	margin-bottom:15px;
	text-transform:uppercase;
	font-weight:400;
	font-size:14px !important;
	line-height:1;
}
.paragraph h2.title:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 120px;
	height: 1px;
	background-color: #adcad6;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInLeft;
	animation-name: fadeInLeftBig;
}
.paragraph h2.title:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 1px;
    background-color: #2c588e;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInLeft;
	animation-name: fadeInLeftBig;
	-webkit-animation-delay:0.25s;
	animation-delay:0.25s;
}
.paragraph.center h2.title:before {
	left: calc(50% - 60px);
}
.paragraph.center h2.title:after {
	left: calc(50% - 20px);
}

.paragraph h2.title b {
	display:block;
	margin-top:5px;
	font-weight:900;
	font-size:36px !important ;
	line-height:26px;
	color:#000 !important;
}
.paragraph h2.title a, .paragraph h2.title a:hover  {
	color:rgba(4, 63, 117, 0.75) !important;
	text-decoration:none;
}

.paragraph ul li {
	font-size:16px;
}

.paragraph a {
	display:inline-block;
	border-bottom:solid 1px #e8e8e8;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
.paragraph a:hover {
	border-bottom:solid 1px #333;
}

.paragraph img {
	width:100%;
	height:auto;
	margin-bottom:30px;
}

.paragraph .carousel-inner{
	margin-bottom:30px;
}
.paragraph .carousel-inner img {
	margin-bottom:0px;
}

.paragraph .attaches {
	margin:20px 0 40px 0 ;
}

.paragraph.left {
	text-align:left;
}
.paragraph.center {
	text-align:center;
}
.paragraph.right {
	text-align:right;
}

.paragraph.accordion {
	padding:0;
}

.paragraph.box-top-bar:before{
	content:'';
	display:block;
	background-color:#043f75;
	height:10px;
	width:100%;
	transform:skew(-10deg);
	margin-bottom:10px;
}

.paragraph.box-left-bar{
	position:relative;
	padding-left:30px;
	margin-bottom:15px;
}
.paragraph.box-left-bar:before{
	position:absolute;
	top:0;
	left:15px;
	content:'';
	height:100%;
	border-left:solid 2px #41bbd9;
}
.paragraph.box-left-bar h2 {
    font-size: 17px !important;
    margin-bottom: 5px;
}
.paragraph.box-left-bar h3 {
	font-size: 16px !important;
	line-height:1;
    margin-bottom: 5px;
    color: #41bbd9;
}
.paragraph.box-left-bar .text {
    font-size: 11px;
}
.paragraph.box-left-bar .text a {
    color: #41bbd9 !important;
	display:inline-block;
	border-bottom:solid 1px transparent;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
.paragraph.box-left-bar .text a:hover {
	border-bottom-color:#41bbd9;
}

.paragraph.image-box {
	border-bottom:solid 1px #e8e8e8;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.paragraph.image-box .image {
	position:relative;
	overflow:hidden;
	z-index:0;
}
.paragraph.image-box .image img {
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.paragraph.image-box .image:hover img {
	width:110%;
}
.paragraph.image-box .image:before {
	position:absolute;
	content:'';
	display:block;
	width: 50%;
    height: 110%;
	background-color:#fff;
	top:-10%;
	left:-41%;
	transform:rotate(8deg);
}
.paragraph.image-box .image:after {
	position:absolute;
	content:'';
	display:block;
	width: 50%;
    height: 110%;
	background-color:#fff;
	top:-5%;
	left:92%;
	transform:rotate(8deg);
}

.paragraph.image-box h2{
	position:relative;
	z-index:1;
	top:-10px;
	width:80%;
	margin:0 auto;
	padding:4px 8px;
	font-size:18px !important;
	color:#fff;	
}
.paragraph.image-box h2:after{
	position:absolute;
	z-index:-1;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform:skew(-10deg);
	background-color:#043f75;
}
.paragraph.image-box .text i{
	font-size:25px;
	margin-top:10px;
	color:#999;
    transition: all 500ms linear;
}
.paragraph.image-box .text i:hover{
	color:#043f75;
}

.paragraph .text {
	margin-bottom:25px;
}
.paragraph .text.left {
	text-align:left;
}
.paragraph .text.center {
	text-align:center;
}
.paragraph .text.right {
	text-align:right;
}

.paragraph .grid-images {
	overflow:hidden;
}
.paragraph .grid-images .grid-image {
	position:relative;
	text-align:center;
	height:140px;
	vertical-align:middle;
	border-left:solid 1px #e8e8e8;
	border-top:solid 1px #e8e8e8;
	margin:-1px 0 0 -1px;
}
.paragraph .grid-images .grid-image img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-height:50%;
	max-width:80%;
	width:auto;
}

.paragraph.trapezoid {
	padding:20px 40px 20px 40px;
	min-height: 150px;
}
.paragraph.trapezoid h2 {
	position:relative;
	font-size:14px !important;
	margin-bottom:15px;
}
.paragraph.trapezoid h2:before{
	z-index: -1;
    content: '';
    display: block;
    position: absolute;
    background-color: #fff;
    height: 140%;
    width: 105%;
    transform: skew(-10deg);
    top: -6px;
    left: -15px;
}
.paragraph.trapezoid .text {
	position:relative;
	font-size:12px;
	margin-bottom: 15px;
}
.paragraph.trapezoid:before{
	z-index:-1;
	content:'';
	display:block;
	position:absolute;
	color:#043f75;
	background-color:#dae7f0;
	transform:skew(-10deg);
	height: calc(100% - 20px);
    width: calc(100% - 20px);
	top:0px;
	left:20px;
}
.paragraph.trapezoid:after{
	z-index: -10;
    content: '';
    display: block;
    position: absolute;
    background-color: #043f75;
    transform: skew(-10deg);
	height: 30px;
    width: calc(100% - 50px);
    bottom: 0px;
    right: 30px;
}

.paragraph.trapezoid.inverse {
	color:#fff;
}
.paragraph.trapezoid.inverse a {
	color:#fff !important;
    border-bottom: solid 1px #043f75;
}
.paragraph.trapezoid.inverse a:hover {
    border-bottom: solid 1px #fff;
}
.paragraph.trapezoid.inverse h2 {
	color:#043f75;
}
.paragraph.trapezoid.inverse:before{
	color:#dae7f0;
	background-color:#043f75;
}
.paragraph.trapezoid.inverse:after{
    background-color: #dae7f0;
}

.paragraph.landing-box {
	position:relative;
	padding-top: 15px;
	margin-bottom:30px;
	color:#043F75;
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.paragraph.landing-box:before{
	position:absolute;
	content:'';
	top:0;
	left:15px;
	width: calc(100% - 30px);
	height:100%;
	background-color:#f3f5f9;
	border-bottom:solid 2px #043F75;
		-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.paragraph.landing-box:hover:before{
	background-color:#fff;
	-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.15);
    -ms-box-shadow: 0 0 50px rgba(0,0,0,0.15);
    box-shadow: 0 0 50px rgba(0,0,0,0.15);
}

.paragraph.landing-box .paragraph-link {
	bottom:-15px;
	left:50%;
	transform:translateX(-50%);
}

.paragraph.landing-box-color {
	position:relative;
	padding-top: 15px;
	margin-bottom:40px;
	color:#043F75;
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.paragraph.landing-box-color:before{
	position:absolute;
	content:'';
	top:0;
	left:5px;
	width: calc(100% - 10px);
	height:100%;
	background-color:#d3deea;
	border-bottom:solid 2px #043F75;
		-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.paragraph.landing-box-color:hover{
	color:#fff;
}
.paragraph.landing-box-color:hover:before{
	background-color:#043F75;
	border-bottom:solid 2px #d3deea;
}
.paragraph.landing-box-color a{
    border-bottom: solid 1px #d3deea;
}
.paragraph.landing-box-color:hover a{
	color:#fff !important;
    border-bottom: solid 1px #043f75;
}
.paragraph.landing-box-color:hover a:hover{
    border-bottom: solid 1px #fff;
}

.paragraph.landing-box-color .paragraph-link {
	bottom:-15px;
	left:50%;
	transform:translateX(-50%);
}

.paragraph .paragraph-icon {
	position:relative;
	padding:0;
}
.paragraph .paragraph-icon .p-icon {
	position:relative;
	width:100%;
	padding-top:100%;
}
.paragraph .paragraph-icon .p-icon svg {
	position:absolute;
	top:-5%;
	left:-5%;
	width:110%;
	height:auto;
}
.paragraph .paragraph-icon .p-icon i {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.paragraph .paragraph-icon .p-icon.alone {
	padding-top:100%;
}

/**/
.page-addon {
	margin:30px 0 30px 0 !important;
}
.page-addon .title {
	text-align:left !important;
}

/**/
.wpbr {
	overflow:hidden;
	background-repeat:no-repeat;
	background-size:cover;
}
.wpbr-img {
	position:relative;
	padding-top:14%;
	overflow:hidden;
}
.wpbr-img img{
	position:absolute;
	width:100%;
	height:auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.wpbr-row {
	margin-left:0px;
	margin-right:20px;
}
.wpbr-row .paragraph.trapezoid {
	min-height:unset;
}
.wpbr-row .paragraph.trapezoid:before{
	z-index: 1;
}
.wpbr-row .paragraph.trapezoid .text {
	z-index:2;
}
.wpbr-row .paragraph.trapezoid:after{
	z-index: 0;
}
.wpbr-row .paragraph.trapezoid h2 {
    z-index: 2;
}
.wpbr-row .paragraph {
	margin-top:15px !important;
	margin-bottom:15px !important;
}

.wpbr-row.background .paragraph.box-top-bar{
	color:#fff;
}
.wpbr-row.background .paragraph.box-top-bar:before{
	background-color:#fff;
}
.wpbr-row.background .paragraph.box-left-bar{
	color:#fff;
}

.picture {
	position:relative;
	padding-bottom:8%;
	margin-bottom:40px;
	overflow:hidden;
}

.picture .picture-container {
	position:relative;
	width:100%;
	overflow:hidden;
}

.picture .picture-bg {
	position:absolute;
	z-index:0;
	width:70%;
	padding-top:30%;
	bottom:-20%;
	left:20%;
	-moz-transform: skewX(-10deg);
	-webkit-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	transform: skewX(-10deg);
	background-color:#043f75;
}

.picture .picture-container .picture-white{
	position:absolute;
	z-index:10;
	width:100%;
	padding-top:45%;
	background-color:#fff;
	top:0;
	left:-55%;
	transform:rotate(-80deg);
}

.picture .picture-container .picture-image {
	position:relative;
	z-index:5;
	width:100%;
	padding-top:45%;
	background-color:fuchsia;
	overflow:hidden;
}
.picture .picture-container .picture-image img {
	position:absolute;
	width:100%;
	height:auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.picture .picture-box {
	position:absolute;
	z-index:15;
	width:60%;
	height:65%;
	bottom:10%;
	right:40px;
	color:#043f75;
}
.picture .picture-box .picture-box-bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#d2deea;
	-moz-transform: skewX(-10deg);
	-webkit-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
.picture .picture-box .picture-box-text {
	position:absolute;
	top:0;
	left:0;
	padding:40px 50px;
}
.picture .picture-box .picture-box-text .title {
	display:block;
	font-size:28px;
	font-weight:700;
	margin-bottom:10px;
}
.picture .picture-box .picture-box-text .text {
	font-size:16px;
	font-weight:300;
	line-height:1.4;
}
.picture .picture-box .picture-box-text .icon-list {
	margin-bottom:10px;
	padding-left:25px;
}
.picture .picture-box .picture-box-text .icon-list i {
	margin-left:-25px;
}

@media all and (max-width: 991px){
	
	.picture .picture-box .picture-box-text {
		padding:30px 40px;
	}
	.picture .picture-box .picture-box-text .title {
		font-size:18px;
		margin-bottom:15px;
	}
	.picture .picture-box .picture-box-text .text {
		font-size:14px;
	}
	
}
@media all and (max-width: 768px){
	
	.picture .picture-box .picture-box-text {
		padding:20px 30px;
	}
	.picture .picture-box .picture-box-text .title {
		font-size:14px;
		margin-bottom:10px;
	}
	.picture .picture-box .picture-box-text .text {
		font-size:9px;
	}	
}
@media all and (max-width: 420px){
	
	.picture .picture-box .picture-box-text {
		padding:20px 30px;
	}
	.picture .picture-box .picture-box-text .title {
		font-size:14px;
		margin-bottom:10px;
	}
	.picture .picture-box .picture-box-text .text {
		font-size:9px;
		line-height:1.1;
	}	
}

/* AXWARE CUSTOM */
.preview-banner{
	position:fixed;
	z-index:100000;
}

#sitemap ul li {
	margin-bottom:15px;
}
#sitemap ul li ul {
	margin-top:15px;
}
#sitemap a {
	display:block;
	padding-bottom:2px;
	border-bottom:solid 1px #fff;
	-webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
#sitemap a:hover {
	border-bottom:solid 1px #043f75;
}

/* WIN */

.win-item {
	margin-bottom:30px !important;
}
.win-item .wi-inner {
	z-index:1;
	position:relative;
	width:100%;
	padding-top:100%;
	background-color:#043F75;
}
.win-item img {
	z-index:11;
	position:absolute;
	width:80%;
	height:auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.win-item .wi-title {
	z-index:11;
	position:absolute;
	width:80%;
	height:auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-weight:200;
	line-height:1.5;
	color:#fff;
	font-size:24px;
}
.win-item .wi-background {
	z-index:10;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	opacity:0.2;
}
.win-item .wi-category {
	z-index:11;
	position:absolute;
	top:20px;
	right:0;
	padding:5px 15px;
	text-transform:uppercase;
}
.win-item .wi-category:after {
	z-index:-1;
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:120%;
	height:100%;
	background-color:#fff;
	transform: skew(-10deg);
}
.win-item .wi-description {
	z-index:10;
	position:absolute;
	width:80%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	overflow:hidden;
	text-align:center;
	font-weight:200;
	line-height:1.5;
	color:#fff;
}
.win-item .wi-link-txt {
	display:block;
	margin-top:10px;
	text-align:center;
	text-transform:uppercase;
	font-weight:400;
}
.win-item .wi-link-txt i {
	display:block;
	margin:0 auto 5px;
	font-size:30px;
}


.page-addon .wins, 
.page-side-inner .wins {
	margin: 0;
}

.page-side-inner .wins .win-title {
	position: relative;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 200;
	padding-bottom: 10px;
	margin: 30px 0 20px;
	border-bottom: solid 1px #e8e8e8;
}
.page-side-inner .wins .win-item .wi-category {
	top: 10px;
	right: 0;
	padding: 3px 7px;
	font-size: 10px;
}
.page-side-inner .wins .win-item .wi-description {
	line-height: 1.2;
	font-size: 10px;
	color: #fff;
}
.page-side-inner .wins .win-item .wi-link-txt {
	font-size: 12px;
}
.page-side-inner .wins .win-item .wi-link-txt i {
	font-size: 20px;
}

.page-addon .wins {
	margin: 0;
}

.page-addon .wins .win-title {
	position: relative;
	color: #043f75;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #043f75;
}

.page-addon .wins .win-item .wi-category {
	top: 10px;
	right: 0;
	padding: 3px 7px;
	font-size: 10px;
}

.page-addon .wins .win-item .wi-description {
	line-height: 1.2;
	font-size: 10px;
	color: #fff;
}

.page-addon .wins .win-item .wi-link-txt {
	font-size: 12px;
}

.page-addon .wins .win-item .wi-link-txt i {
	font-size: 20px;
}

.win-web-page-title{
	text-align:center;
	margin-bottom:30px;
}
.win-item-web-page {
	margin-bottom:30px !important;
}
.win-item-web-page .wi-inner {
	z-index:1;
	position:relative;
	width:100%;
	padding-top:64.50%;
	background-color:#043F75;
}
.win-item-web-page img {
	z-index:11;
	position:absolute;
	width:80%;
	height:auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.win-item-web-page .wi-title {
	z-index:11;
	position:absolute;
	width:80%;
	height:auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-weight:200;
	line-height:1.5;
	color:#fff;
	font-size:24px;
	text-shadow: 3px 2px 2px #030303;
}
.win-item-web-page .wi-background {
	z-index:10;
	position:absolute;
	width:100%;
	height:auto;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.win-item-web-page .wi-category {
	z-index:11;
	position:absolute;
	top:20px;
	right:0;
	padding:5px 15px;
	text-transform:uppercase;
}
.win-item-web-page .wi-category:after {
	z-index:-1;
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:120%;
	height:100%;
	background-color:#fff;
	transform: skew(-10deg);
}
.win-item-web-page .wi-description {
	z-index:10;
	position:absolute;
	width:80%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	overflow:hidden;
	text-align:center;
	font-weight:200;
	line-height:1.5;
	color:#fff;
}
.win-item-web-page .wi-link-txt {
	display:block;
	margin-top:10px;
	text-align:center;
	text-transform:uppercase;
	font-weight:400;
}
.win-item-web-page .wi-link-txt i {
	display:block;
	margin:0 auto 5px;
	font-size:30px;
}

.flip-card {
	background-color: transparent;
	perspective: 1000px;
}
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.flip-card-front, 
.flip-card-back {
	/*
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	*/
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
    left: 0;
}
.flip-card-front {
	opacity:1;
	z-index:5;
}
.flip-card-back {
	opacity:0;
	z-index:4;
	transform: rotateY(180deg);
}
.flip-card:hover .flip-card-inner {
	transform: rotateY(179deg)
}
.flip-card:hover .flip-card-inner .flip-card-front {
	opacity:0;
	z-index:4;
}
.flip-card:hover .flip-card-inner .flip-card-back {
	opacity:1;
	z-index:5;
}