

@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
@font-face {
    font-family: 'cap';
    src: url('../fonts/cap.woff') format('woff');
}

:root {
	--color-light: #9C7E99;
	--color-dark: #61307e;
	--color-white: #fff;
	--color-black: #000;
	--color-very-dark:#322810;
    --color-very-light:#fbf6f2;
	--lightgray: #dcdcdc;
	--text-color: #161105;
}



/* font-family: 'cap', sans-serif; */

html {margin: 0;padding: 0;}
body {margin: 0;padding: 0;overflow-y: scroll;min-width: 260px;font-size: 14px;line-height: 2;font-family: 'Ubuntu', sans-serif;background:url(../images/layout/bg.jpg) repeat top center var(--color-very-light);color: var(--text-color);}
.container-fluid.restricted{max-width:1920px;}

/********************************************************************************************************************************** COMMON ELEMENTS */
.t-left {	text-align: left;}
.t-right {text-align: right;}
.t-center {	text-align: center;}
.t-justify {	text-align: justify;}


/************************** By wthered */

/***************************************/

a, a:focus {color: var(--color-light);text-decoration: none;cursor: pointer;outline: none;}
a:hover {color: var(--color-dark);text-decoration:none;}
a img {	border: none;}
p {padding: 0 0 10px 0;margin: 0;}
p {-webkit-user-select: none;-webkit-touch-callout: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
ul, ol {margin: 10px 0 10px 30px;}
hr {background: #f7f7f9;border: none;clear: both;height: 1px;margin:auto;padding: 0;width: 100%; margin-bottom:25px;}
.back-button {margin-top: 25px;}
hr.small-hr{width: 80%;display: block;margin: auto;margin-top: 25px;}
.full-width {	width: 100%;}
.max-width {max-width: 100%;}
.v-top {vertical-align: top;}
.small {font-size: 13px;}
.very-small {	font-size: 11px;	line-height: 1.2;}
.gray {color: #f5efe0;}
.clear {display: block;height: 0;clear: both;}
.sprite {background-position: top left;background-repeat: no-repeat;}
.sprite:hover {background-position: bottom left;background-repeat: no-repeat;}
.nowrap {	white-space: nowrap;}
.uc {display: block;padding: 80px 20px;text-align: center;font-size: 30px;color: #C1C1C1;}

h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 0.8em;font-weight: 100;	line-height: 1.2;font-family: 'Ubuntu', sans-serif;}
h1 {font-size: 2.4em;font-family: 'Ubuntu', sans-serif;}
h2 {font-size: 1.9em;font-family: 'Ubuntu', sans-serif;}
h3 {font-size: 1.6em;font-family: 'Ubuntu', sans-serif;}
h4 {font-size: 1.3em;font-family: 'Ubuntu', sans-serif;}
h5 {font-size: 14px;letter-spacing:3px;font-family: 'Ubuntu', serif;}
h6 {font-size: 1.1em;font-family: 'Ubuntu', sans-serif;}
p{ font-family: 'Ubuntu', sans-serif;text-align: justify;}
b, strong {font-weight: bold;}

.text-content{padding:80px 50px; background: url(../images/layout/border_top.png) left top no-repeat, url(../images/layout/border_bottom.png) right bottom no-repeat;}

.img-left, .img-right {float: none;margin: 0 0 20px 0;display: block;}
.img-border {border: 3px solid #6f6f6f;}
a:hover .img-border {	border: 3px solid #f18449;}

table {	border-collapse: collapse;width: 100%;font-size: 20px;margin-bottom: 20px;}
td, th {vertical-align: top;padding: 15px 0px;border-bottom: solid 1px #dadada;line-height: 50px;}
.number{text-align: center; background-color: #f18449; border-radius: 100%; color: #fff;height: 50px;width: 50px;display: inline-block;}
i, em {	font-style: italic;}

table.cookie-table{font-size: 14px;}
.cookie-table td{padding: 4px 8px !important;vertical-align: middle !important;border: solid 1px #dadada;line-height: 2;}
.cookie-table .head-tr {background-color: #fff;color: #000;padding: 4px 12px !important;}

.msg {display: block;color:green;text-align:center;font-size: 20px;font-family: 'Ubuntu', sans-serif;}
.msg.red{color:red;}
iframe {max-width: 100%;margin: 5px;border-radius: 4px;padding: 5px;}
.no-border, .no-border td, .no-border th {border: 0;}
.center-xs, .t-right.center-xs, .t-left.center-xs {	text-align: center}
.small-xs {	font-size: 80%;}
td {width: 50%;}

.hotspot-video iframe{margin-bottom: 30px;}

/********************************************************************************************************************************** SHOW HIDE */
.show-hide-head, .show-hide-all{display:inline-block;cursor:pointer;}
.show-hide-head p{margin:0}
/* .show-hide-head:hover, .show-hide-all:hover{background-color:#6fc9d0;} */
.show-hide-head{display:block;margin:10px 0 0 0;font-size: 20px;}
.show-hide-head.current{background:url(../../2017/images/layout/opened.png) no-repeat 5px 5px #6fc9d0;}
.show-hide-content{display:none;margin:10px 0 10px 0;padding:1px 5px 15px 5px;text-align:justify;background-color:#c9e8eb;border:0;border-radius:5px;}
.show-hide-all{padding:2px 5px 8px 25px;text-align:right;border:0px solid #fff;border-radius:5px;background:url(../../2017/images/layout/closed.png) no-repeat 5px 5px #5ad0d9;}
.show-hide-all.open{background:url(../../2017/images/layout/opened.png) no-repeat 5px 5px #5ad0d9;}
.show-hide .dllink{padding-left:20px;}

.cse-ums-submit{margin:10px 0;}
.input,.input-line, #captcha,#cse-ums-input, select{display:block;width:100%;border:2px solid #d6d6d6;background:#fff;padding:10px;line-height:1.2;color:#000;border-radius:3px;}
.input-line.other{display: block;width: 87%;margin: auto;}
textarea.input,textarea.input-line{min-height:200px;}

.form-table td{padding:5px 8px 5px 0;vertical-align:top;color:#a1a5af;border:none !important;}
.button.small{padding:4px 8px;}
.button.cancel{border:2px solid #96979a;color:#96979a;}
.button:hover, .cse-ums-submit:hover, .newsletter-button:hover{background:#fff;border:2px solid #fff;color:#000;}
.button {display:block;margin: auto;}
.button.more{white-space:nowrap;}
.button.more span{display:inline-block;vertical-align:middle;width:15px;height:15px;border:3px solid #fff;border-left:0;border-bottom:0;margin-left:10px;transform:rotate(45deg);transition:0.6s;}
.button.more:hover span{margin-left:30px;transform:rotate(405deg);border-color:#000;}
a.button, .button, .cse-ums-submit, .newsletter-button{display:inline-block;padding:12px 30px;min-width:160px;margin:0;border:2px solid #fff;border-radius:30px;background:transparent;color:#fff;text-align:center;vertical-align:top;cursor:pointer;transition:0.3s;}
a.button.play-btn{min-width: 80px;padding: 3px 5px;margin-top: -20px;}

#captcha-container{font-size:12px;}
#captcha-required{color:red;}
#captcha-img, #new-captcha-img{border:1px solid #adadad;height:40px;margin:4px 0;width:130px;background-color:#fff;}
#captchaimage{display:inline-block;}
#captcha-refresh{display:inline-block;vertical-align:8px;}
#captcha-refresh:hover, #conditions-label a:hover, #lifetime-conditions-label a:hover{color: #000}
#conditions, .cursor-p, #newsletter, #conditions-label, #cost,  #cost-label, #lifetime-conditions-label {cursor: pointer;}

#captcha{width:130px;}

.logo-img-full{margin-top:20px;}

.wrap {
  /* position: relative; */
  width: 100%;}


.logo {width:200px;	max-width: 80%;display:block;margin:auto; /*margin: 0 110px;*/}

.wrap-main {margin-bottom: 40px;min-height: 420px;}

#footer-wrap{padding:10px 0;background-color:#231f20;color:#fff;font-size:80%;text-align:center;}
#footer-wrap a:hover{color: #fff;}


.social{margin:10px 0 20px}
.social span{display: block;font-size: 16px;}
.social img{display:inline-block;border-radius:100%;/*opacity:0.7;box-shadow:-5px 5px 10px rgba(0,0,0,0.2);*/margin:4px;width: 30px;-webkit-filter: invert(100%);filter: invert(100%);}
.social a:hover img{/*opacity:1;*/-webkit-filter: invert(0%);filter: invert(0%);}
.social.people-social {margin-top: 0px;text-align: center;}
.bottom-menu{margin-bottom:40px;}
.bottom-item-link{display:inline-block;margin:0 15px;color:#ffff;}
.bottom-item-link:hover{color:#f18449;text-decoration: none;}
.logged-info {margin-top: 35px;}

.footer-menu-wrap {margin:40px 0;text-align: left;}
.footer-terms-wrap {margin: 10px;}
.footer-menu-title{color: #fff;font-size: 20px;}
.footer-submenu-title, .footer-terms-title  {color: #fff; font-size: 18px;}
.footer-subsubmenu-title  {color: #fff; font-size: 12px;}

.footer-menu-title:hover, .footer-menu-title.selected,
.footer-submenu-title:hover, .footer-submenu-title.selected,
.footer-terms-title:hover, .footer-terms-title.selected, .footer-subsubmenu-title:hover, .footer-subsubmenu-title.selected {border-bottom: 3px solid #fff;}
.company-info {/*width: 300px;*/display: block;margin: auto;text-align: center;}
.company-info span {display: block;}


#social-top{position:absolute;right:0px;top:-10px;}
.icon-social{display:inline-block;margin:0 5px;opacity:0.8;transform:rotate(-20deg);transition:transform 0.5s;}
.icon-social:hover{opacity:1;transform:rotate(360deg);}


.share {position: absolute; right: 40px;top: 13px;}
.share .commons-share-icon img, .user img {display: inline-block;width: 28px;height: 28px;margin-left: 5px;background: #fff;border: 1px solid #fff;border-radius: 100%;opacity: 0.7;}
.share .commons-share-icon img:hover, .user img:hover {opacity: 1;}


/*********************************************************************************************************************************** MENU */
/* #menu-wrap{position:fixed;top:0;left:0;width:100%;padding:0 0 0 0;background-color:transparent;box-shadow:0 7px 8px 0px rgba(0,0,0,0.06);z-index:1500;transition:0.3s;} */
#menu{text-align:center;overflow:hidden;}
#menu .menu-item{display:inline-block;position:relative;height:50px;width: 120px;padding-top:10px;font-weight:bold;letter-spacing:3px;margin:0 20px;outline:none;color:var(--color-very-dark);text-transform: uppercase;font-family: 'Ubuntu'; text-wrap: nowrap;}
#menu .menu-item:hover{color:var(--color-dark);}
#menu .menu-item.selected{color:var(--color-dark);}
#menu .menu-item span{display:block;position:absolute;left:0;width:100%;height:3px; background: transparent;}
#menu .menu-item:hover span, #menu .menu-item.selected span{height:3px; background-color: var(--color-dark);}

.scrolled #menu{margin-top:0px;}
.scrolled .logo-img-full{display:none;}
.scrolled .logo-img-simple{display:block;}
.scrolled .logo-subtitle, .scrolled .social, .scrolled #lang-menu{display:block;}

#mobile-menu{/* position:absolute;top:40px;right:20px;*/width:40px;height:40px;margin-top:5px;}
#mobile-menu-overlay{position:fixed;top:0px;left:0px;width:100%;height:100%;display:none;background:rgba(0,0,0,0.8);z-index:5000;}
.mobile-menu-icon{cursor:pointer}
#mobile-menu-items{position:absolute;top:20px;left:35px;display:none;z-index:8000;outline:none;}
#mobile-menu-items .menu-item{display:block;padding:8px 30px;margin:2px;white-space:nowrap;text-align:center;color:#000;background:#fff;}
#mobile-menu-items .menu-item:hover, #mobile-menu-items .menu-item.selected:hover{color:#fff;background:rgba(0,0,0,0.6);}
#mobile-menu-items .menu-item.selected{color:#fff;background:rgba(0,0,0,0.6);}

.scrolled #mobile-menu{top:0;}

.overlay{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.3);transition:0.3s;}

#top-wrap {position:relative;background-color: transparent; overflow:hidden; padding:30px 0;}
.slide-title{position:relative;padding-top:5vh;text-align:center;font-family: 'Ubuntu', sans-serif;font-size:35px;color:#fff;line-height:1;z-index: 5000;}
.home-title {position:relative;margin-top: -207px;text-align:center;font-family: 'Ubuntu', sans-serif;color:#fff;line-height:1;z-index: 7000;}
.slide-title span{display:block;font-size:50%;margin-top:10px;}
.menu-wrap {position: relative;z-index: 6000;}
#top-wrap .overlay{position:absolute;top:0px;left:0px;width:100%;height:101%;background:rgba(0,0,0,0.2);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);z-index: 5000;}

#top-banner-wrap{background:url(../images/layout/top_banner.jpg) no-repeat center; background-size: cover; padding:0;}
#strip-wrap{background-color:#fff;}
#strip-wrap-link{display:block;position:relative;width:100%;padding:5% 10%;text-align:center;font-size:36px;line-height:1;color:var(--color-white); text-shadow: 2px 2px 2px #000;}
#strip-wrap-link p {font-size: 36px;}
.top-banner-home #strip-wrap-link{padding:5% 10%;}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);}
#top-banner-wrap .overlay, .top-banner-home .overlay{background:rgba(0,0,0,0);}

#content-wrap, .content-wrap{padding:15px 10px 40px 10px;}

#parallax-wrap{color: var(--color-very-light); background: url(../images/layout/parallax.jpg) no-repeat center var(--color-very-light); background-size: cover; padding:250px 0;}
.parallax-title{font-size:36px}
.parallax-text{font-size:22px;line-height:1.3}
.paralax-logo-link{display:block;margin:30px auto 0 auto;max-width:250px;padding:5px 10px;background-color:rgba(0,0,0,0.2);border-radius:10px;}
.paralax-logo-link img{max-width:100%}


.page-img img{max-width: 100%;margin:30px auto; border-radius: 20px; padding:10px; border:1px solid rgba(0,0,0,0.2);}


.category-title {display: block;color: #fff;text-align: center;border: 1px solid;padding: 5px 0;font-family: 'Ubuntu', sans-serif;}
.category-title:hover, .selected.category-title{color: #000;background-color:#fff}

.people-categories-wrap {margin-bottom: 50px;}
.coming-soon {margin-top: 50px;}


/******************************************************************************* NEWSLETTER */
#newsletter-wrap {margin-top: 40px;}
#n_form{display:inline-block;margin-top:-6px;}
.newsletter-input{width:80%;padding:15px;border:0;background:#fff;border-radius:0;}
.newsletter-button{font-size:12px;padding:15px;border-radius:0; cursor:pointer;margin-top: 10px}
#response_validation_email{display:inline-block; position:relative; top:0;}
#response_validation_email p{display:inline-block;padding:3px 5px;margin-left:5px;border-radius:5px;vertical-align:top;font-size:12px;color:#000;}


#scroll-top{position:fixed;bottom:90px;right:10px;display:none;width:50px;height:50px;padding-top:15px;border-radius:100%;border:2px solid var(--color-dark);z-index:3000;text-align:center;}
#scroll-top span{display:inline-block;width:15px;height:15px;border:3px solid var(--color-dark);border-left:0;border-bottom:0;transform:rotate(-45deg);transition:0.5s;}
#scroll-top:hover span{transform: scaleX(-1) rotate(-45deg);}


.date {color: #fff;display: block;position: relative;font-size: 16px;}

.gal3-preloader {min-height: 200px;text-align: center;}
.gal3-container {text-align: center;margin: 10px 0 10px 0;}
.gal3-thumb {display: inline-block;vertical-align: middle;text-align: center;border: 1px solid #c0c0c0;;border-radius: 4px;overflow: hidden;}
.gal3-thumb {width: 150px;height: 100px;padding: 2px;margin: 4px 2px;}
.gal3-link {display: block;width: 100%;height: 100%;border-radius: 3px;overflow: hidden;opacity: 0.7;background-size: cover;background-position: center;background-repeat: no-repeat;transition: 0.3s;}
.gal3-link:hover {opacity: 1;}
.gal-left-container {text-align: center;margin: 10px 0 10px 0;}
.gal-left-thumb {display: inline-block;vertical-align: middle;text-align: center;background: rgba(255, 255, 255, 0.6);border: 1px solid #9b9b9b;border-radius: 4px;overflow: hidden;width: 150px;height: 100px;padding: 2px;margin: 4px 2px;}
.gal-left-thumb a, .gal-home-thumb a {display: block;width: 100%;height: 100%;border-radius: 3px;overflow: hidden;opacity: 1;background-size: cover;background-position: center;background-repeat: no-repeat;transition: 0.3s;}
.gal-left-thumb:hover {border: 1px solid #555;}




.pager { display:block;height:32px;line-height:32px;text-align:right;}
.pager a { display:inline-block;vertical-align:middle;border:none;height:24px;line-height:24px;padding:0px 8px;text-decoration:none;border: 1px solid var(--color-very-dark);color:var(--color-very-dark);background-color: #fff;border-radius:3px;}
.pager a:hover{background:var(--color-very-dark);color:#fff;}
.selectorPager { width:40px;height:24px;vertical-align:middle;color:var(--color-very-dark);background-color:#fff;display:inline-block;cursor:pointer;padding:0;margin:0;border:1px solid #adadad;}


/* PEOPLE */

.people-item-thumb{height:250px;}
.people-item{display:block;position:relative;max-width:250px}
.people-item-thumb{position:relative;margin-bottom:20px;display:block;background-size:cover;background-position:center;border:10px solid var(--color-very-light);border-radius:10px;box-shadow:0px 0px 15px rgba(0,0,0,0.2);transition:0.3s;}
a:hover .people-item-thumb{border:10px solid var(--color-very-dark);}
.people-item-info{display:block;position:relative;top:-50px;padding-top:50px;width:100%;padding-left:15px;min-height:202px;}
.people-item-title{display:block;height:35px; line-height: 1; overflow:hidden;font-size:110%;line-height:1.3;color:var(--text-color);font-weight:bold;}
.people-item-lead, .people-item-attr{display:block;font-size:80%;color:var(--text-color);overflow:hidden;line-height:1.1;}
.people-item-lead, .people-item-attr p{margin:0}

/**/

.date{opacity: 0.5;}
.news-title-read{font-size:150%; color:var(--color-light); font-weight:bold;margin:10px 0 20px 0;}
.news-block-date,.dates-block{font-size:12px;color:#a6a6a6;}
.article-img{display:block;text-align:center;width: 100%}
.article-img img{max-width:100%;margin:0 auto;border: 1px solid #fff;}
.article-img img:hover{border: 1px solid var(--color-very-dark);}

.list-thumb{display:block;width:100%;border:0;height:200px;margin-bottom:10px;background-size:cover;background-position:center;background-repeat:no-repeat;}
.news-block{margin-bottom:20px;}
.news-block p{padding:4px 0;}
.news-block-title{display:block;text-align:center;line-height:1.2;font-weight:bold;}
.news-block.article{padding:30px; border: 0; border-radius:15px; background-color: rgba(0,0,0,0.1);}
.news-block.article .news-block-title{line-height:1.3;font-size:140%;font-weight:bold;text-align:left;}
.news-block.article .list-thumb{float:none;margin-right:10px; margin-bottom:20px;  width:160px;height:160px;border-radius:5px;}
.news-block.article.short-list .news-block-title{font-size:100%;}
.news-block-lead{margin-top: 10px; line-height: 1.6;}

#preloader-wrap, .slider-part{height:250px; position: relative;}
#preloader{padding-top:200px;text-align:center;}
#slider{display:block;width:100%;overflow:hidden;}
.slider-part{display:block;position:relative;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center; font-family:'Open Sans Condensed',sans-serif;}

.slider-title{display:block;line-height:1.2;text-shadow:2px 2px 0px rgba(0,0,0,0.3);color:#fff;font-weight:300;font-size:42px;padding-right:60px;}
.slider-subtitle{display:block;line-height:1;padding:10px 20px;margin-top:15px;background:var(--color-light);color:#fff;font-size:18px;font-weight:700;text-align:left;}
.slider-more{display:block;line-height:1;padding:10px 20px;margin-top:15px;background:#fff;color:#231f20;font-size:16px;font-weight:700;text-align:right;}
.slider-more:hover{background:var(--color-light);color:#fff;}
#slider-wrap{position:relative;margin-bottom: 0px;}
#slider-overlay{position:absolute;bottom:0;left:0;max-width:100%;}
.slider-text{margin-top:80px;}
.slider-arr{display:block;position:absolute;top:45%;width:50px;height:50px;border-radius:100%;background:rgba(0,0,0,0.2);padding:16px 0 0 13px;transition:0.3s;z-index:1000;}
.slider-prev{left:20px;transform:rotate(-135deg);}
.slider-next{right:20px;transform:rotate(45deg);}
.slider-arr span{display:block;width:20px;height:20px;border-top:2px solid #fff;border-right:2px solid #fff;}
.slider-arr:hover{background:#000; color:#fff}
.slider-arr:hover span{border-top:2px solid #fff;border-right:2px solid #fff;}

#exit-btn{display:block;position:fixed;top:204px;right:0px;width:35px;height:50px;line-height:50px;text-align:center;background:var(--color-black);color:#fff;font-size:10px;font-weight:bold;border-radius:10px 0 0 10px;z-index:1500;box-shadow:3px 4px 5px 0 rgba(0,0,0,0.2);}
#exit-btn:hover{background-color:var(--color-light); }

.top-link{position: absolute; top:0; right: 15px; display: inline-block; line-height: 1; padding: 15px 20px; border-radius: 0 0 15px 15px; background-color: var(--color-dark); color:#fff; font-weight: bold;}
.top-link:hover{background-color: var(--color-light); color:#fff;}

@media (min-width: 768px) {
    .logo-img-full{margin-top:0px;}
    .logo {margin: 0 80px;display: inline-block;}
    .slide-title{padding-top:35vh;font-size:75px;}
    .tile-venue {font-size:20px;}
    .tile-date{font-size:18px;}
    .gal3-thumb {width: 110px;}
    .slide-title span {margin-top: 10px}
    .history-games .event.tile-title {font-size: 12px;margin-top: -162px;}
    .newsletter-button{margin-top:0px}
    .company-info {text-align: left;/*padding-left: 20%;*/}
    .container-faqs{padding:50px}
    .heading{font-size:22px;line-height:140%;}
    .content{font-size:18px;line-height:25px;display:none}
    .box-2{padding-left: 20px;}
    span.event.tile-title{height: 112px; bottom: -123px;font-size: 15px;}
    #content-wrap, .content-wrap{padding:80px 0 80px 0;}
    .slider-text{margin-top:100px;}
	.slider-title{font-size:46px;}
	.slider-subtitle{font-size:22px;display: inline-block;}
	#slider-controls{top:50vh;}
    #preloader-wrap, .slider-part{height:300px;}
}

@media (min-width: 992px) {
    .social.people-social {margin-top: 10px;}
    .event.tile-title{font-size: 18px;}
    .slide-title{padding-top:50vh;}
    .slide-title span {margin-top: 30px}
    .home-wrap{padding:60px 0;}
    .slider-text{margin-top:180px;}
    #preloader-wrap, .slider-part{height:500px;}
    .news-block.article .list-thumb{float:left;}
}

@media (min-width: 1200px) {
    .img-title{bottom: -95px;}
    #top-wrap video{width: 100%;height:auto;}
    .event.tile-title{font-size: 18px;}
    .slider-text{margin-top:280px;}
    #preloader-wrap, .slider-part{height:700px;}
}

