/*!
Theme Name: 11f
Theme URI: https://insane.lu/
Author: Insane Creative Studio
Author URI: https://insane.lu/
Description: 11f theme by Insane Creative Studio
Version: 1.0.0
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

 @import url('https://fonts.googleapis.com/css?family=Kanit:400,400i,500,500i,600,700,800');

 html, body {
    font-family: 'Kanit', sans-serif;
    width: 100vw;
    overflow-x: hidden;
 }

.kc_row * {
    outline: none;
}

.menu-hidden {
	display: none !important;
}

.skip-link {
	display: none;
}

#wptime-plugin-preloader::before {
	display: block;
	position: absolute;
	content: "";
	width: 200px;
	height: 200px;
	left: 50%;
	top: 50%;
	left: calc(50% - 100px);
	top: calc(50% - 100px);

	background-image: url(img/lgx-preloader.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: pulsate-bck 0.5s ease-in-out infinite both;
	        animation: pulsate-bck 0.5s ease-in-out infinite both;
}

/* -------------------------------------------------------------
HEADER
--------------------------------------------------------------*/

.site-header {
	display: block;
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	transition: all .5s ease-in-out;
}

.site-header.fixed {
	background-color: #181818;
}

.site-header.fixed .header-wrapper {
	padding: 15px 0;
}

.header-wrapper {
	display: block;
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 30px 0;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: hidden;
	transition: padding .3s ease-in-out;
}

.site-header .media-logo {
	display: inline-block;
	float: left;
	width: 60px;
	transition: transform .2s ease-in-out;
}

.site-header .main-navigation {
	float: right;
	clear: none;
	display: inline-block;
}

.main-navigation ul {
	list-style: none;
}

.main-navigation ul li a {
	text-decoration: none;
	color: gray;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: all .3s ease;
	text-align: center;
}

.main-navigation ul li a::after {
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background-color: #fff;
	margin: 5px auto 0 auto;
	border-radius: 1.5px;
	transition: all .3s ease;
}

.main-navigation ul li a:hover::after {
	width: 70%;
}

.main-navigation ul li a:hover {
	color: white;
}

.site-header .media-logo:hover {
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
}

.main-navigation ul li {
	display: inline-block;
	margin: 0 20px;
	transition: transform .2s ease-in-out;
}

.main-navigation ul li.lang-item {
	margin: 0 0 0 5px;
}

.main-navigation ul li.lang-item img {
	width: 18px;
}

.main-navigation ul li.btn-exposer,
.main-navigation ul li.btn-tickets {
	margin: 0;
}

.main-navigation ul li.btn-exposer {
	margin-right: 20px;
}

.main-navigation ul li.btn-exposer a,
.main-navigation ul li.btn-tickets a {
	padding: 15px 35px;
	transition: all .3s ease;
	color: white;
}

.main-navigation ul li.btn-exposer a::after,
.main-navigation ul li.btn-tickets a::after {
	content: "";
	display: none;
}

.main-navigation ul li.btn-exposer a {
	border-radius: 0 3px 3px 0;
	background-color: #3D3D3D;
	color: #fff;
}

.main-navigation ul li.btn-tickets a {
	border-radius: 3px 0 0 3px;
	margin: 0 -6px 0 0;
	color: #3D3D3D;
	background-color: #fff;
}

.main-navigation ul li.btn-exposer a:hover {
	background-color: #323232;
}

.main-navigation ul li.btn-tickets a:hover {
	background-color: #d1d1d1;
}


.mobile-nav-wrapper {
    display: none;
    position: fixed;
    top: 110px;
    overflow: scroll;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0052a0;
    transition: all .3s ease;
}

.mobile-nav-btn {
	display: none;
	width: 30px;
	float: right;
	margin-top: 12px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	cursor: pointer;
}

.mobile-nav {
    display: block;
    float: right;
    width: 30px;
    background-color: white;
    height: 3px;
    border-radius: 3px;
    margin: 15px 0;
    cursor: pointer;

    transition: all .3s ease;
}

.mobile-nav::before {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: white;
    margin-top: -10px;
    border-radius: 3px;
    cursor: pointer;

    transition: all .3s ease;
}

.mobile-nav::after {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: white;
    margin-top: 17px;
    border-radius: 3px;
    cursor: pointer;

    transition: all .3s ease;
}

.mobile-nav.active {
    background-color: rgba(255,255,255,0) !important;
}

.mobile-nav.active::before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-nav.active::after {
    margin-top: -3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-nav-wrapper {
    display: none;
    position: fixed;
    top: 90px;
    overflow: scroll;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #202020;
    text-align: center;

    transition: all .3s ease;
    z-index: 999;
}

.mobile-nav-wrapper.active {
	display: block;
}

.mobile-nav-wrapper ul {
	margin: 26px 5%;
	padding: 0;
	list-style: none;
}

.mobile-nav-wrapper ul li {
	margin: 10px 0;
	/* border-bottom: 1px solid rgba(255,255,255,.2); */
	padding-bottom: 10px;
	text-align: center;
}

.mobile-nav-wrapper ul li.btn-tickets a,
.mobile-nav-wrapper ul li.btn-exposer a {
	display: block;
	padding: 15px;
	border-radius: 3px;
	background-color: #FFF;
	color: #3d3d3d;
}

.mobile-nav-wrapper ul li.btn-tickets {
	margin-bottom: 0;
}

.mobile-nav-wrapper ul li.btn-exposer {
	margin-top: 0;
}

.mobile-nav-wrapper ul li.btn-exposer a {
	background-color: #3D3D3D;
	color: #fff;
}

.mobile-nav-wrapper ul li a {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

.mobile-nav-wrapper ul li.lang-item {
	display: inline-block;
	margin: 0 10px;
}

.mobile-nav-wrapper ul li.lang-item img {
	width: 30px;
	height: auto;
}


/* -------------------------------------------------------------
HERO SLIDER
--------------------------------------------------------------*/

.hero-slider {
	display: block;
	width: 100%;
	height: 100vh;
}

.hero-slider h1 {
	color: white;
}

.hero-slider .hero-background {
	position: relative;
	display: block;
	width: 100vw;
	height: 100vh;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #171717;
}

.hero-slider .hero-background video {
	object-fit: cover;
}

.hero-background.mobile {
	display: none;
}

.hero-slider .slick-dots {
	z-index: 99;
	bottom: 30px;
}

.slick-dotted.slick-slider {
	margin-bottom: 0;
}

.slick-dots li button::before {
	opacity: .4;
	color: white;
	font-size: 14px;
}

.slick-dots li.slick-active button::before {
	opacity: 1;
	color: white;
}

.slick-slide {
	position: relative;
}

.hero-content-wrapper {
	display: block;
	position: absolute;
	width: 90%;
	max-width: 1415px;
	left: 50%;
	top: 150px;
	bottom: 150px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.hero-content-wrapper.hide-content-Yes {
	display: none !important;
}

.hero-content {
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0px;
	text-align: center;
}

.hero-header-shadow {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 130px;
	background-image: url(img/lgx-header-shadow.png);
	background-size: contain;
	background-repeat: repeat-x;
	z-index: 99;
	opacity: .6;
}

.lgx-header-triangle {
	position: absolute;
	z-index: 98;
	width: 13vw;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	transition: all .7s ease-in-out;
	pointer-events: none;
}

.wpcf7-submit,
.pill-btn,
.contact-submit button,
.creators .content-button a,
.visual-form-builder .vfb-item-file-upload input,
.visual-form-builder .vfb-item-submit input {
	position: relative;
	display: inline-block;
	padding: 20px 35px;
	text-decoration: none;
	color: #3D3D3D;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	transition: padding .1s ease-in-out, margin .1s ease-in-out, background-color .3s ease, transform .3s ease;
	overflow: hidden;
	border-radius: 3px;
	border: 0;
	cursor: pointer;
}

.pill-btn::after,
.wpcf7-submit::after {
	display: block;
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 200px;
	background-color: rgba(0,0,0,0);
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: all .2s ease-out;
}

.pill-btn:hover::after,
.wpcf7-submit:hover::after {
	-webkit-transform: scale(80);
	-ms-transform: scale(80);
	transform: scale(80);
	background-color: rgba(0,0,0,.18);
}

.wpcf7-submit,
.pill-btn.single {
	border-radius: 3px;
}

.pill-btn.left {
	border-radius: 30px 0 0 30px;
	margin-right: -6px;
}

.pill-btn.left:hover {
	padding-right: 50px;
	margin-left: -15px;
	background-color: #FFB400;
}

/*.wpcf7-submit:hover,
.pill-btn.single:hover {
	background-color: #FFB400;
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}*/

.pill-btn.right {
	border-radius: 0 30px 30px 0;
}

.pill-btn.right:hover {
	padding-left: 50px;
	background-color: #264d98;
}

.wpcf7-submit,
.pill-btn.orange {
	background-color: #fff;
}

.pill-btn.blue {
	background-color: #004379;
}

.wpcf7-submit,
.pill-btn.white {
	background-color: #fff;
	color: #3D3D3D !important;
}

.pill-btn.gray {
	background-color: #3D3D3D;
	color: white;
}

.lgx-body-triangle {
	display: block;
	position: absolute;
	width: 12vw;
	z-index: 99;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all .7s ease-in-out;
	pointer-events: none;
}

.lgx-body-triangle.first {
	width: 11.5vw;
}

.lgx-body-triangle.left {
	left: 0;
}

.lgx-body-triangle.right {
	right: 0;
}

.slider-countdown {
	color: #333;
	text-align: left;
	overflow: all;
	overflow-y: hidden;
	overflow-x: hidden;
	margin: 20px 0;
}

.slider-countdown ul {
	display: block;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

.slider-countdown li {
	display: block;
	font-size: 14px;
	list-style-type: none;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: normal;
	color: gray;
	width: 25%;
	float: left;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,0.1);
}

.slider-countdown li:first-child {
	border-left: 0;
}

.slider-countdown li span {
	display: block;
	font-size: 50px;
	font-weight: 700;
	letter-spacing: 4px;
	color: white;
	line-height: 0.7;
	margin-bottom: 15px;
}

.slider-countdown span {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	color: white;
	margin-bottom: 20px;
}

.slider-social-wrapper {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    bottom: 0px;
}

.slider-social-box {
	display: block;
	width: 33.3333%;
	width: calc(100% / 3);
	float: left;
	height: 100%; 
	transform: skew(-11deg, 0);
	-webkit-transform: skew(-11deg, 0);
	-moz-transform: skew(-11deg, 0);
	-ms-transform: skew(-11deg, 0);
	-o-transform: skew(-11deg, 0);
}

/* -------------------------------------------------------------
HOME
--------------------------------------------------------------*/

.slider-title {
	font-size: 70px !important;
}

.home h1,
.page-template-default .kc_text_block h1 {
	font-size: 50px;
	font-weight: 700;
	letter-spacing: 4px;
	color: white;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	line-height: 1;
}

.home .kc_text_block hr,
.page-template-default .kc_text_block hr {
	display: block;
	width: 130px;
	height: 6px;
	border-radius: 3px;
	background-color: #FFF;
	margin: 20px auto;
	border: 0;
}

.content-align-left .kc_text_block hr {
	margin: 20px 0 !important;
}


.lgx-featureboxes h3 {
	font-size: 30px;
	letter-spacing: 4px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 800;
	color: white;
	margin: 0;
	cursor: default;
}

.lgx-featureboxes hr {
	height: 5px;
	border: 0;
	width: 70px !important;
	background-color: #FF9100;
	border-radius: 2.5px;
	margin: 10px auto !important;
}

.lgx-featureboxes p {
	font-size: 16px;
	color: white;
	text-align: center;
	line-height: 1.3;
	margin: 0;
	cursor: default;
}

.lgx-featureboxes p a {
	color: gray;
	text-decoration: none;
	font-weight: 500;
	transition: color .3s ease-in-out;
}

.lgx-featureboxes p a:hover {
	color: #FF9100;
}

.home-partners img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.lgx-catbox {
	display: block;
	position: relative;
	width: 100%;
	min-height: 360px;
	background-color: #171717;
	overflow: hidden;
}

.lgx-catbox:hover .lgx-catbox-background {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: .8;
}

.lgx-catbox-background {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: .5;
	transition: all 1s ease-out .2s;
}

.lgx-catbox-icon {
	display: block;
	position: absolute;
	z-index: 2;
	height: 100%;
	padding: 40px;
	fill: white;
	opacity: .05;
}

.lgx-catbox-content {
	display: block;
	position: absolute;
	width: 100%;
	padding: 0 100px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	text-align: center;
}

.lgx-catbox-content img {
	position: relative;
	display: inline-block;
	text-align: center;
	max-width: 120px;
}

.home .lgx-catbox-content h1 {
	font-size: 40px;
	letter-spacing: 3px;
}

.lgx-catbox.left .lgx-catbox-content {
	right: 0;
}

.lgx-catbox.right .lgx-catbox-content {
	left: 0;
}

.lgx-catbox-content hr {
	display: block;
	margin: 15px 0;
	width: 100px;
	height: 6px;
	border-radius: 3px;
	border: 0;
}

.lgx-catbox.blue .lgx-catbox-content hr {
	background-color: #004379;
}

.lgx-catbox.green .lgx-catbox-content hr {
	background-color: #3ACB64;
}

.lgx-catbox.red .lgx-catbox-content hr {
	background-color: #E42929;
}

.lgx-catbox.purple .lgx-catbox-content hr {
	background-color: #B329E4;
}

.lgx-catbox-content p {
	font-size: 16px;
	color: white;
	margin: 0;
	padding: 0;
}

.lgx-catbox-gradient {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	background-image: url(img/lgx-catbox-gradient);
	background-size: contain;
	background-repeat: repeat-y;
	
	background: -moz-linear-gradient(90deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 100%);
	background: linear-gradient(90deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#171717",endColorstr="#171717",GradientType=1);
}

.rounded-divider {
	border-radius: 3px !important;
}

.program-container {
	display: block;
	position: relative;
	float: left;
	width: 47.5%;
	margin-bottom: 4%;
	height: 400px;
	overflow: hidden;
}

.article-wrapper {
	display: block;
	position: relative;
	float: left;
	width: 47.5%;
	margin-bottom: 4%;
}

.article-container {
	display: block;
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.kc-raw-code a:nth-child(even) .program-container {
	margin-left: 2%;
}

.kc-raw-code a:nth-child(odd) .program-container {
	margin-right: 2%;
}

.article-wrapper:nth-child(odd) {
	margin-right: 2%;
}

.article-wrapper:nth-child(even) {
	margin-left: 2%;
}

.article-date {
	color: white;
	top: 0px;
}

.program-background,
.article-background {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: .7;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 1s ease-out .1s;
	z-index: 1;
}

.article-excerpt p {
	margin: 0;
	font-size: 16px;
	line-height: 20px;
}

.article-excerpt {
	padding: 30px 40px;
	background-color: #3D3D3D;
	min-height: 134px;
}

.article-link {
	display: block;
	padding: 20px 40px;
	font-size: 15px;
	background-color: #fff;
	color: #3D3D3D;
 	text-transform: uppercase;
 	letter-spacing: 2px;
 	text-decoration: none;
 	transition: all .3s ease-in-out;
}

.article-link:hover {
	padding-left: 50px;
}

.article-link::after {
	position: absolute;
	content: "\203A";
	display: block;
	position: absolute;
	right: 30px;
	bottom: 17px;
	font-size: 20px;
}

.article-container:hover .article-background,
.program-container:hover .program-background {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: .9;
}

.program-gradient,
.article-gradient {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;

	background-image: url(img/lgx-catbox-gradient);
	background-size: contain;
	background-repeat: repeat-y;

	background: -moz-linear-gradient(90deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 100%);
	background: linear-gradient(90deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#171717",endColorstr="#171717",GradientType=1);
}

.program-content,
.article-content {
	display: block;
	position: absolute;
	left: 40px;
	right: 40px;
	top: 40px;
	bottom: 40px;
	z-index: 5;
}

.program-content .date {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 2px;
	color: #fff !important;
	text-transform: uppercase;
	line-height: 1;
}

.program-description,
.article-description {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
}

.program-description h2,
.article-description h2 {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 34px;
	font-weight: 700;
	letter-spacing: 3px;
	color: white;
	text-transform: uppercase;
	line-height: 1;
	width: 80%;
}

.program-description hr,
.article-description hr {
	display: block;
	width: 100px;
	height: 6px;
	border-radius: 3px;
	margin: 15px 0;
	border: 0;
	transition: all .3s ease .2s;
	background-color: #fff;
}

.program-container:hover .program-description hr,
.article-container:hover .article-description hr {
	width: 130px;
}

.program-description p {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: white;
}

.lgx-map iframe {
	display: block;
	width: 100%;
	min-height: 550px;
}

.lgx-map h4 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 2px;
	color: #FF9100;
	text-transform: uppercase;
	margin: 40px 0 0 0;
	padding: 0;
}

.lgx-map h4:first-child {
	margin-top: 0;
}

.lgx-map h2 {
	font-size: 35px;
	font-weight: 700;
	letter-spacing: 4px;
	color: white;
	margin: 10px 0;
	padding: 0;
	text-transform: uppercase;
	line-height: 1;
}

.lgx-map p {
	font-size: 16px;
	color: white;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.4;
}

.newsletter-form {
	display: block;
	position: relative;
	max-width: 700px;
	margin: 0 auto;
}

.newsletter-form .wpcf7-text {
	padding: 20px 30px !important;
	border-radius: 3px !important;
}

.newsletter-form .wpcf7-submit {
	position: absolute;
	top: 0;
	margin-top: 0 !important;
	right: 0;
	background-color: #3d3d3d;
	transition: all .3s ease;
	color: #fff !important;
	border-radius: 0 3px 3px 0 !important;
}

.newsletter-form .wpcf7-submit:hover {
	background-color: #323232;
}

.newsletter-form input:hover {
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}

.newsletter-form .wpcf7-list-item-label {
	color: white;
}


/* -------------------------------------------------------------
ARTICLES
--------------------------------------------------------------*/

.home-articles .list-item {
	display: block;
	position: relative;
	float: left;
	width: 47.5% !important;
}

.home-articles .list-item:nth-child(odd) {
	margin-right: 2.5%;
}

.home-articles .list-item:nth-child(even) {
	margin-left: 2.5%;
}

.home-articles .list-item figure {
	margin: 0 !important;
	position: relative;
	width: 100%;
	height: 370px;
}

.home-articles .list-item figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* -------------------------------------------------------------
NEWS
--------------------------------------------------------------*/

.single-news .post-thumbnail {
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: 80px auto 0 auto;
	height: 400px;
	overflow: hidden;
}

.single-news .post-thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single-news .news-content {
	display: block;
	width: 95%;
	max-width: 1000px;
	margin: 80px auto 150px auto;
}

.single-news .news-content p {
	line-height: 1.4;
}

.single-news .nav-links {
	display: none;
}

.single-news .entry-date {
	display: block;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 2px;
	color: gray;
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 40px;
}

.pods-pagination-advanced {
	display: block;
	margin: 0 auto;
	clear: both;
	width: 100%;
	text-align: center;
	padding-top: 50px;
}

.pods-pagination-advanced a,
.pods-pagination-advanced span {
	display: inline-block;
	padding: 14px 20px;
	border-radius: 3px;
	background-color: #3d3d3d;
	color: #fff;
	text-decoration: none;
	transition: all .3s ease;
}

.pods-pagination-advanced a:hover {
	background-color: #323232;
}

.pods-pagination-advanced span.pods-pagination-current {
	background-color: #fff;
	color: #3D3D3D;
}

/* -------------------------------------------------------------
CREATORS
--------------------------------------------------------------*/

.creators .kc-team {
	display: block;
	position: relative;
	background-color: rgba(255,255,255,0.13);
}

.creators .content-image {
	margin: 0;
	padding-right: 0 !important;
}

.creators .kc-team img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.creators .content-title {
	color: #fff;
	font-size: 24px;
	letter-spacing: 2px;
	margin-bottom: 15px;
	padding: 20px 20px 15px 20px;
}

.creators.small .kc-team {
	background-color: initial !important;
}

.creators.small .content-title {
	margin-bottom: 0px;
	margin-top: 0px;
}

.creators .content-title::after {
	display: block;
	content: "";
	height: 5px;
	width: 100px;
	background-color: #fff;
	border-radius: 10px;
	margin: 10px auto 0 auto;
}

.creators.small .content-title::after {
	margin: 10px auto 0 auto;
}

.creators .content-subtitle {
	display: block;
	color: #a5a5a5;
	font-style: italic;
	padding: 0 20px;
}

.creators .content-desc {
	display: block;
	line-height: 1.5;
	color: #fff;
	margin-top: 15px !important;
	padding: 0 20px;
	margin-bottom: 0 !important;
}

.creators .content-socials {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}

.creators .content-socials a {
	background-color: inherit !important;
	border: 0 !important;
	margin-bottom: 0 !important;
}

.creators .content-socials a i {
	transition: all .3s ease;
}

.creators .content-socials a:hover i {
	color: #d1d1d1 !important;
}



/* -------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/

.site-footer {
	display: block;
	width: 100%;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: hidden;
	padding: 100px 0;
	background-color: #3d3d3d;
}

.footer-wrapper {
	display: block;
	width: 90%;
	margin: 0 auto;
	max-width: 1400px;
}

.logo-footer {
	display: inline-block;
	width: 100px;
}

.site-footer .media-logo-baseline {
	display: inline-block;
	clear: right;
}

.site-footer .copyright {
	display: block;
	font-size: 12px;
	color: gray;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 20px;
	max-width: 70%;
	line-height: 1.4;
}

.site-footer .footer-col25 {
	display: block;
	width: 25%;
	float: left;
}

.site-footer ul,
.site-footer li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widgettitle {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 2px;
	color: white;
	margin: 0 0 15px 0;
	padding: 0;
	text-transform: uppercase;
	line-height: 1;
	cursor: default;
}

.site-footer .widget {
	margin-bottom: 30px;
}

.site-footer li {
	margin: 10px 0;
}

.site-footer li a {
	font-size: 16px;
	color: white;
	text-decoration: none;
	color: gray;
	transition: all .3s ease;
}

.site-footer .pill-btn {
	color: white !important;
	color: #3d3d3d !important;
	font-size: 14px !important;
}

.site-footer li a:hover {
	color: #FFF;
}

.site-footer i {
	font-size: 24px;
	margin-right: 10px;
}

.sub-footer {
	display: block;
	width: 100%;
	padding: 25px;
	background-color: #171717;
	text-align: center;
}

.sub-footer span {
	font-size: 14px;
	color: gray;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 500;
	margin-right: 3px;
	cursor: default;
}

.sub-footer .insane-logo {
	display: inline-block;
	width: 100px;
	fill: gray;
	transition: all .3s ease;
}

.sub-footer .insane-logo:hover {
	fill: #FFF;
}

.box-others {
	margin-top: 20px;
}

.box-others img {
	display: inline-block;
	width: 50px;
	float: left;
	margin-right: 10px;
}

.subcopyright {
	font-size: 10px !important;
	margin-top: 5px;
	display: block;
}

/* -------------------------------------------------------------
COOKIE SETTINGS
--------------------------------------------------------------*/

#cookie_action_close_header {
	padding: 15px 30px;
	border-radius: 3px;
	text-decoration: none;
	color: #3D3D3D;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 20px;
}

#cookie_action_close_header_reject {
	text-decoration: none;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}

.cli-plugin-main-link {
	color: white;
	text-decoration: none;
	transition: all .3s ease-in-out;
}

.cookie-settings-link {
	cursor: pointer;
	transition: all .3s ease-in-out;
}

.cli-plugin-main-link:hover,
.cookie-settings-link:hover {
	color: #3D3D3D !important;
}


/* -------------------------------------------------------------
DEFAULT PAGE
--------------------------------------------------------------*/

.single-event .site-header,
.error404 .site-header,
.page-template-default .site-header,
.single-news .site-header {
	background-color: #181818;
}

.single-event .site-header .header-wrapper,
.error404 .site-header .header-wrapper,
.page-template-default .site-header .header-wrapper,
.single-news .site-header .header-wrapper {
	padding: 15px 0;
}


.single-event .hero-header-shadow,
.single-event .lgx-header-triangle,
.single-event .edit-link,
.error404 .hero-header-shadow,
.error404 .lgx-header-triangle,
.error404 .edit-link,
.single-news .hero-header-shadow,
.single-news .lgx-header-triangle,
.single-news .edit-link,
.page-template-default .hero-header-shadow,
.page-template-default .lgx-header-triangle,
.page-template-default .edit-link {
	display: none;
}

.page-template-default .entry-header,
.single-news .entry-header {
	display: block;
	width: 100%;
	padding: 80px 0;
	margin-top: 77px;
	text-align: center;
	background-color: #3d3d3d;
}

.page-template-default .entry-header h1,
.single-news .entry-header h1 {
	display: inline-block;
	font-size: 50px;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: white;
	margin: 0;
	cursor: default;
}

.page-template-default .entry-header hr,
.single-news .entry-header hr {
	display: block;
	width: 130px;
	height: 6px;
	border-radius: 3px;
	background-color: #FFF;
	margin: 15px auto 0 auto;
	border: 0;
}

.page-template-default .site-content,
.single-news .site-content {
	background-color: #202020;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

.privacy-policy .entry-content p a,
.entry-content p a,
.single-news .site-content p a {
	color: gray;
	text-decoration: none;
	transition: all .3s ease-in-out;
}

.privacy-policy .entry-content p a:hover,
.entry-content p a:hover,
.single-news .site-content p a:hover {
	color: #fff;
}

.parking-lgx{
	color: #ff9100 !important;
	text-decoration: none;
	transition: all .3s ease-in-out;
}

.parking-lgx:hover {
	color: #FFB400 !important;
}

.privacy-policy .entry-content ul li {
	margin: 15px 0;
}

.lgx-program-links a {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 3px;
	background-color: #202020;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0 5px 5px 5px;
	transition: all .3s ease-in-out;
}

.lgx-program-links a#blue:hover {
	background-color: #004379;
	color: white;
}

.lgx-program-links a#green:hover {
	background-color: #3ACB64;
	color: white;
}

.lgx-program-links a#red:hover {
	background-color: #E42929;
	color: white;
}

.lgx-program-links a#purple:hover {
	background-color: #B329E4;
	color: white;
}

.blue .kc_text_block hr {
	background-color: #004379 !important;
}

.green .kc_text_block hr {
	background-color: #3ACB64 !important;
}

.red .kc_text_block hr {
	background-color: #E42929 !important;
}

.purple .kc_text_block hr {
	background-color: #B329E4 !important;
}

.page-template-default .kc_text_block h2 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: white;
}

.col-border-right {
	border-right: 4px solid rgba(0,0,0,.2);
}

.site-content p {
	color: white;
}


/* -------------------------------------------------------------
PROGRAM PAGE
--------------------------------------------------------------*/

/* .program-list .program-list-container:nth-child(odd) {
	background-color: #202020;
} */

.program-list-container {
	display: block;
	position: relative;
	width: 100%;
	min-height: 116px;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.05);
}

#has-description.program-list-container {
	min-height: 232px;
}

.program-list-background {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: .5;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 1s ease-out .1s;
	z-index: 1;
}

.program-list-container:hover .program-list-background {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: .8;
}

.program-list-gradient {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;

	background-image: url(img/lgx-catbox-gradient);
	background-size: contain;
	background-repeat: repeat-y;

	background: -moz-linear-gradient(90deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 100%);
	background: linear-gradient(90deg, rgba(23,23,23,1) 0%, rgba(23,23,23,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#171717",endColorstr="#171717",GradientType=1);
}

#has-description .program-list-gradient {
	display: block;
}

/*.program-list-shape {
	display: block;
	position: absolute;
	height: 100%;
	width: 100px;
	background-color: #171717;
	left: 0;
	z-index: 3;
}*/

.program-list-content {
	display: block;
	position: relative;
	margin: 20px;
	z-index: 4;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

.program-list-date {
	display: block;
	position: relative;
	float: left;
	height: 100%;
	width: 130px;
}

.program-list-date .time {
	display: block;
	position: relative;
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #ff9100;
}

.program-list-date .date {
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: gray;
	text-decoration: none;
}

.program-list-description {
	display: block;
	position: relative;
	float: left;
	height: 100%;
	width: calc(100% - 130px);
}

.program-list-description h2 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: white;
	margin: 0;
	padding: 0;
}

.program-list-description hr {
	display: block;
	width: 100px;
	height: 6px;
	border-radius: 3px;
	background-color: #FF9100;
	margin: 10px 0;
	border: 0;
}

.culture-japonaise .program-list-description hr,
.japanese-culture .program-list-description hr {
	background-color: #e42929;
	display: block;
}

.mondes-imaginaires .program-list-description hr,
.imaginary-worlds .program-list-description hr {
	background-color: #b329e4;
	display: block;
}

.nouvelles-technologies .program-list-description hr,
.new-technologies .program-list-description hr {
	background-color: #3acb64;
	display: block;
}

.gaming .program-list-description hr,
.gaming-en .program-list-description hr {
	background-color: #004379;
	display: block;
}

.program-list-description p {
	font-size: 14px;
	color: white;
	margin: 5px 0 0 0;
	padding: 0;
}

/* -------------------------------------------------------------
MAP PAGE
--------------------------------------------------------------*/

.exhibitor-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.exhibitor-list ul li {
	margin: 10px 0;
	padding: 10px 0;
	color: white;
	border-bottom: 1px solid rgba(255,255,255,.05)
}

.exhibitor-list ul li:last-child {
	border-bottom: 0;
}

/* -------------------------------------------------------------
SINGLE PROGRAM PAGE
--------------------------------------------------------------*/

.single-event .entry-header {
	display: block;
	width: 100%;
	padding: 80px 0;
	margin-top: 77px;
	text-align: center;
	background-color: #3D3D3D;
}

.single-event .entry-header h1 {
	display: inline-block;
	font-size: 50px;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: white;
	margin: 0;
	cursor: default;
}

.single-event .entry-header hr {
	display: block;
	width: 130px;
	height: 6px;
	border-radius: 3px;
	background-color: #FFF;
	margin: 15px auto 0 auto;
	border: 0;
}

.single-event .entry-header .description {
	display: inline-block;
	font-size: 14px;
	color: white;
	margin-top: 15px;
	padding: 0 20px;
}

.program-single {
	display: block;
	width: 100%;
	background-color: #202020;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

.single-event .program-image {
	display: block;
	width: 100%;
	height: 300px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.single-program-right {
	display: block;
	float: left;
	width: 35%;
	margin-right: 5%;
}

.single-program-wrapper {
	padding: 80px 0;
	display: block;
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

.single-program-content {
	display: block;
	float: right;
	width: 60%;
}

.single-program-content hr,
.single-news .news-content hr {
	display: block;
	border: 0;
	height: 15px;
	background-color: #3d3d3d;
	margin: 40px 0;
}

.single-program-date .date {
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: white;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.single-program-date .time {
	display: block;
	font-size: 40px;
	font-weight: 700;
	color: #ff9100;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.single-program-content h1,
.single-news .news-content h1 {
	font-size: 40px;
	color: white;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.single-program-content h2,
.single-news .news-content h2 {
	font-size: 32px;
	color: white;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.single-program-content h3,
.single-news .news-content h3 {
	font-size: 26px;
	color: gray;
	font-weight: 700;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.single-program-content h4,
.single-news .news-content h4 {
	font-size: 18px;
	color: white;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.single-program-content h5,
.single-news .news-content h5 {
	font-size: 14px;
	color: white;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.single-program-content h6,
.single-news .news-content h6 {
	font-size: 14px;
	color: gray;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.single-program-content p,
.single-news .news-content p {
	line-height: 1.4;
	font-size: 16px;
	color: white;
	margin: 20px 0;
}

.single-program-content ul li,
.single-program-content ol li,
.single-news .news-content ul li,
.single-news .news-content ol li {
	color: white;
	padding: 5px 0;
}

.single-program-content a,
.single-news .news-content a {
	text-decoration: none;
	color: #ff9100;
	font-weight: 700;
	transition: all .3s ease-in-out;
}

.single-program-content a:hover,
.single-news .news-content a:hover {
	color: white;
}

.single-program-content blockquote,
.single-news .news-content blockquote {
	margin: 30px 0;
	padding: 10px 30px;
	background-color: #202020;
}

.single-program-content img,
.single-news .news-content img {
	display: block;
	width: 100%;
	height: auto;
	margin: 30px 0;
}

.single-event .post-navigation {
	display: none;
}

.single-program-right-content ul,
.single-news .news-content ul {
	margin: 30px 0;
	padding: 0;
	list-style: none;
}

.single-program-right-content ul li,
.single-news .news-content ul li {
	list-style: none;
	padding: 30px 20px;
	border-bottom: 1px solid rgba(255,255,255,.1);
}

.single-program-right-content ul li:last-child,
.single-news .news-content ul li:last-child {
	border-bottom: 0;
}

.single-program-right-content ul li .title {
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	color: #FFF;
}

.single-program-right-content ul li .text {
	display: block;
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	color: white;
	margin-top: 10px;
}

.single-program-right-content ul li .pill-btn {
	margin-top: 20px;
}

/* -------------------------------------------------------------
404 page
--------------------------------------------------------------*/

.error404 .site-main {
	display: block;
	margin-top: 88px;
	background-color: #171717;
	padding: 150px 0;
}

.wrapper-404 {
	display: block;
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.wrapper-404 .title-404 {
	font-size: 48px;
	text-transform: uppercase;
	color: white;
	font-weight: 700;
	letter-spacing: 4px;
	margin: 0;
}

.wrapper-404 p {
	font-size: 16px;
	color: gray;
	margin: 30px 0;
}

/* -------------------------------------------------------------
.visual-form-builderORM
--------------------------------------------------------------*/

.wpcf7 p,
.visual-form-builder label,
.visual-form-builder label {
	display: block !important;
	font-size: 16px;
	color: gray;
	margin-bottom: 10px !important;
	font-weight: normal !important;
	clear: both;
}

.vfb-legend h3 {
	color: #fff;
}

.visual-form-builder .vfb-item-submit input:hover {
	background-color: #d1d1d1;
}

.wpcf7 input.wpcf7-text,
.visual-form-builder input[type="text"],
.visual-form-builder input[type="email"],
.visual-form-builder input[type="url"],
.visual-form-builder input[type="tel"],
.visual-form-builder select {
	display: block;
	width: 100% !important;
	font-size: 14px;
	padding: 12px 15px;
	font-weight: normal;
	border-radius: 3px;
	border: 0;
	transition: all .3s ease-in-out;
}

.visual-form-builder li.vfb-item {
	padding: 10px 0 !important;
}

.visual-form-builder .vfb-left {
	display: block;
	float: left;
	width: 48%;
	margin-right: 2%;
}

.visual-form-builder .vfb-right {
	display: block;
	float: right;
	width: 48%;
	margin-left: 2%;
}

.visual-form-builder .vfb-item-time .vfb-time {
	display: block;
	float: left;
	width: 31%;
	margin-right: 2.333%;
}

.wpcf7 input.wpcf7-text:hover,
.wpcf7 textarea:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

.grunion-field-wrap {
	margin-bottom: 20px;
}

.wpcf7 textarea,
.visual-form-builder textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	min-height: 150px;
	font-size: 14px;
	padding: 12px 15px;
	font-weight: normal;
	margin-bottom: 30px;
	border-radius: 3px;
	border: 0;
	transition: all .3s ease-in-out;
}

.visual-form-builder .vfb-item-checkbox label,
.visual-form-builder .vfb-item-radio label {
	display: inline-block !important;
	margin-left: 10px;
}

.visual-form-builder .vfb-item-checkbox .vfb-span,
.visual-form-builder .vfb-item-radio .vfb-span {
	display: block;
}

.visual-form-builder .vfb-item-file-upload input,
.visual-form-builder .vfb-item-submit input {
	background-color: #fff;
}

.wpcf7-list-item input {
	display: inline-block !important;
	width: auto;
	vertical-align: top;
}

.wpcf7-submit {
	display: block !important;
	margin: 25px 0 0 0 !important;
	width: auto !important;
	border: 0;
	cursor: pointer;
	transition: all .3s ease;
}

.contact-submit button {
	cursor: pointer;
	margin-top: 20px;
}

.wpcf7-not-valid-tip {
	display: block;
	color: #ed2727;
	padding-top: 10px;
	margin-left: 20px;
}

.wpcf7-response-output {
	border: 0 !important;
	padding: 15px 25px !important;
	color: white;
}

.wpcf7-validation-errors {
	background-color: #ed2727 !important;
	border: 0;
	border-radius: 25px;
}

.wpcf7-mail-sent-ok {
	background-color: #004379 !important;
	border: 0;
	border-radius: 25px;
}

.wpcf7-recaptcha {
	margin-top: 30px;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.visual-form-builder ul {
	margin: 0;
	padding: 0;
}

/* -------------------------------------------------------------
MEDIA QUERIES
--------------------------------------------------------------*/

.partner-logos .item-grid {
	min-height: 175px;
}

.partner-logos .item-grid img {
	position: absolute;
	object-fit: contain;
}



/* -------------------------------------------------------------
MEDIA QUERIES
--------------------------------------------------------------*/

@media only screen and (max-width: 1800px) {
	.lgx-body-triangle.first {
		width: 7vw;
	}
	
}

@media only screen and (max-width: 1180px) {
	.site-header .main-navigation {
		display: none;
	}

	.mobile-nav-btn {
		display: block;
	}
	
	.article-container {
		height: 30vw;
	}
}

@media only screen and (max-width: 1090px) {
	.hero-content h2 {
		font-size: 24px;
	}

	.slider-countdown li span {
		font-size: 40px;
	}

	.slider-countdown li {
		font-size: 12px;
	}

	.lgx-featureboxes h3 {
		font-size: 20px;
	}

	.home h1,
	.page-template-default .kc_text_block h1 {
		font-size: 35px;
	}

	.error404 .site-main {
		margin-top: 77px;
	}
}

@media only screen and (max-width: 960px) {
	.lgx-featureboxes p {
		font-size: 14px;
	}

	.program-content .date {
		font-size: 20px;
	}

	.program-content .time {
		font-size: 50px;
	}

	.program-description h2 {
		font-size: 27px;
	}

	.program-list-description h2 {
		font-size: 24px;
	}
	
	.article-container {
		height: 40vw;
	}
}

@media only screen and (max-width: 768px) {
	.hero-content .pill-btn.left:hover {
		transform: none !important;
		margin-left: 0 !important;
	}

	.lgx-body-triangle {
		width: 18vw;
	}

	.lgx-body-triangle.first {
		width: 12vw;
	}

	.lgx-header-triangle {
		width: 17vw;
	}

	.lgx-featureboxes h3 {
		font-size: 30px;
	}

	.lgx-featureboxes p {
		font-size: 16px;
	}

	.lgx-catbox-content {
		padding: 0 40px;
	}

	.program-container {
		width: 92%;
		margin: 4% !important;
		height: 350px;
	}

	.site-footer .footer-col25 {
		width: 100%;
		margin-bottom: 50px;
		border-bottom: 1px solid rgba(255,255,255,.1);
		padding-bottom: 50px;
		text-align: center;
	}

	.site-footer .copyright {
		max-width: 100%;
		text-align: center;
	}

	.site-footer .media-logo-baseline {
		margin: 0 auto;
	}

	.site-footer .footer-col25:last-child {
		margin-bottom: 0;
		border-bottom: 0;
		padding-bottom: 0;
	}

	.hero-content {
		width: 400px;
	}

	.hero-content .pill-btn {
		font-size: 12px !important;
		padding: 20px 25px !important;
	}

	.page-template-default .entry-header h1 {
		font-size: 40px;
		padding: 0 20px;
	}

	.single-event .entry-header h1 {
		font-size: 40px;
		padding: 0 20px;
	}

	.program-list-description h2 {
		font-size: 24px;
	}

	.program-list-container {
		min-height: 0;
	}

	.col-border-right {
		border-right: 0;
	}

	.single-program-right {
		width: 100%;
		margin-right: 0;
	}

	.single-program-content {
		width: 100%;
	}

	.single-program-right-content ul li {
		padding: 30px 0;
	}

	.single-program-wrapper {
		width: 85%;
	}

	.error404 .site-main {
		padding: 80px 0;
	}

	.hero-gradient {
		display: none;
	}

	.vision-tt img, .vision-pp img {
		height: 160px;
	}

	.partner-logos .item-grid {
		width: 33.3333% !important;
	}
	
	.hero-content-wrapper {
		bottom: 60px;
	}
	
	.hero-content {
		width: 100%;
		text-align: center;
	}
	
	.article-wrapper {
		margin: 4% !important;
		width: 92%;
	}
	
	.box-others img {
		float: none;
	}
	
	.news-content {
		width: 85%;
	}
	
	.kc-team-2 .content-image {
		float: none !important;
		max-width: 100% !important;
	}
	
	.kc-team .content-socials {
		text-align: center;
	}
	
	.wpcf7-submit {
		margin: 25px auto 0 auto !important;
	}
	
	.services .kc_column, .services .kc_column_inner,
	.contact .kc_column, .contact .kc_column_inner {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.lgx-map .kc_column, .lgx-map .kc_column_inner {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.hero-background.desktop {
		display: none;
	}
	
	.hero-background.mobile {
		display: block;
	}
	
	.article-container {
		height: 350px;
	}

	.slider-social-box {
		transform: skew(-11deg, 0);
		-webkit-transform: skew(-4deg, 0);
		-moz-transform: skew(-4deg, 0); 
		-ms-transform: skew(-4deg, 0);
		-o-transform: skew(-4deg, 0);
	}

}

@media only screen and (max-width: 480px) {
	.kc_image_gallery.kc-grid .item-grid.grid-4 {
		width: 50% !important;
		margin-bottom: 20px;
	}
	
	.lgx-body-triangle {
		width: 18vw;
	}

	.lgx-body-triangle.first {
		width: 22vw;
	}

	.lgx-header-triangle {
		width: 26vw;
	}

	.hero-content-wrapper {
		width: 80%;
	}

	.slider-countdown span {
		text-align: center;
	}

	.hero-content .pill-btn.left,
	.hero-content .pill-btn.right {
		display: block !important;
		border-radius: 30px !important
	}

	.hero-slider .slick-dots {
		bottom: 30px;
	}

	.lgx-program-links a {
		display: block;
		padding: 15px 20px;
	}

	.program-list-date {
		width: 110px;
	}

	.program-list-description {
		width: calc(100% - 110px)
	}

	.program-list-description h2 {
		font-size: 22px;
	}

	.newsletter-form .wpcf7-submit {
		position: relative;
	}
}

@media only screen and (max-height: 670px) {
	.hero-content .media-logo {
		display: block;
		max-width: 80%;
		margin: 0 auto;
	}
}


@media only screen and (max-width: 400px) {
	.slider-countdown li span {
		font-size: 30px;
	}

	.slider-countdown li {
		font-size: 10px;
	}
}

@media only screen and (max-width: 370px) {
	.program-content .time {
		font-size: 30px;
	}

	.program-description h2,
	.article-description h2 {
		font-size: 21px;
		letter-spacing: 2px;
	}

	.program-description p,
	.article-excerpt p {
		font-size: 14px;
	}

	.program-container {
		height: 300px;
	}

	.program-content {
		left: 20px;
		right: 20px;
		top: 20px;
		bottom: 20px;
	}
	
	.article-excerpt {
		padding: 20px;
	}

	.home .lgx-catbox-content h1 {
		font-size: 32px;
	}
	
	.article-link {
		font-size: 14px;
		padding: 20px;
	}
	
	.article-content {
		left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
	}
}


/**
 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
