/* TNT-UI */
[class*="flex-"] { display: flex;}
[class*="-col"] { flex-flow: column; align-items: center; justify-content: center; }
[class*="-row"] { flex-flow: row wrap; align-items: center;  justify-content: space-around; }
[class*="-nowrap"] { flex-wrap: nowrap; }
.elem-full {max-width: 100%; margin: 6px; margin-bottom: 10px;}
.elem {max-width: 45%;}
.elem-left {float:left; margin-top: 0; margin-right: 30px; margin-bottom: 20px;}
.elem-right {float:right; margin-top: 0; margin-left: 30px; margin-bottom: 20px;}

.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}
.clear { clear:both; line-height: 0px; height:0px; width:0px; }
.no-align { overflow: unset; }
figure { margin:0px; }
article { box-sizing: border-box; }
iframe { display:block; }
@media screen and (min-width: 1023px) { .align { overflow: hidden; } .elem-left { margin-right: 40px; } .elem-right { margin-left: 40px; } }
@media screen and (min-width:759px) { .col-2 { -webkit-column-count: 2; column-count: 2; } }

/* ANIMATE.CSS */
.animated { animation-duration: 1s; animation-fill-mode: both; }
@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-20%, 0, 0); } to { opacity: 1; transform: none; } }
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.fadeInLeft { animation-name: fadeInLeft; }
@keyframes fadeInRight { from { opacity: 0; transform: translate3d(20%, 0, 0); } to {  opacity: 1; transform: none; } }
.fadeInRight { animation-name: fadeInRight; }
@keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } }
.pulse { animation-name: pulse; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}
.fadeIn { animation-name: fadeIn; }
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}
@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}

/* FORMS RESET */
label { display: block; }
label.error{ color: red; }
input, textarea{ display: block; width: 100%; box-sizing: border-box; border: none; padding:15px 10px; margin-bottom: 10px; color: inherit; line-height: 1em; transition:.3s ease all; }
input[type="checkbox"], input[type="radio"]{ display: inline; width: auto; margin-left: 15px; }
select{ margin-bottom: 10px; color: inherit; }
button { border:none; background:none; cursor:pointer; }
        
/* tntvideos */
[data-player], [data-embed] { position: relative; }
[data-embed] .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
[data-player] .close-btn,
[data-embed] .close-btn { background-color: #232226; color: #fff; padding: 11px; text-transform: uppercase; }
[data-player] .close-btn:hover,
[data-embed] .close-btn:hover { background-color: #ce9c41; color: #fff; text-decoration:none; }
[data-embed] .close-btn { position: absolute; top: 0; right: 0; }
[data-embed] .close-btn i:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/* Youtube lazyload styles */
.youtube { position: relative; cursor: pointer; width: 100%; font-size: 0; }
.youtube img { max-width: 100%; }
.youtube[class*="elem-"] { width: 440px; }
.youtube:before,
.youtube:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.youtube:before { content: ""; background-color: #fff; width: 40px; height: 40px; }
.youtube:after { font-size: 70px; color: #4d4d4d; font-family: "fontello"; font-weight: 400; margin: 0; font-style: normal; content: "\e80e"; }
.youtube:hover:after { color: #ff0000; }
.youtube.active:before, .youtube.active:after {	display: none; }

/* --- lazy youtube + grid + centered --- */
.youtube {position: relative; cursor: pointer; width: 100%; max-width: 512px; font-size: 0}
.youtube:before, .youtube:after {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.youtube:before {content: ''; background-color: #fff; width: 40px; height: 40px}
.youtube:after {font-size: 70px; color: #4d4d4d;}
.youtube:hover:after {color: #ff0000;}
.youtube.active:before, .youtube.active:after {display: none}
.youtube.elem-left, .youtube.elem-right {width: 100%; max-width: 440px}

.video-center {width: 100%; max-width: 800px;}
.video-center, .video-grid {clear: both; margin: 20px auto}
.video-grid {text-align: center; -webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.video-grid h2, .video-grid h3 {font-size: 18px; margin-bottom: 4px}
.video-grid > * {margin: 5px 0; width: 100%; max-width: calc(50% - 5px); -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end}
.video-grid > *:nth-of-type(even) {margin-left: auto}
.video-grid > * .youtube {max-width: 100%}
@media (max-width:700px) {
   .youtube.elem-left, .youtube.elem-right {display: table; float:none; margin:15px auto!important; max-width:100%!important;}
   .video-center, .video-grid > * {margin: 30px auto; max-width: 600px;}
   .video-grid {display: block}
}
.embed-container { width: 100%; }
@media screen and (min-width:600px) { .embed-container { width: 600px } }

/* page split */
@media screen and (min-width:759px) {
	.page-split { display:flex; }
	.page-split > div { width:100%; }
	.page-split h3 { margin-top: 0px; }
}

/* Slick Slider */ 
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } 
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0; outline: none; } 
.slick-list:focus {outline: none; } 
.slick-list.dragging {cursor: pointer; cursor: hand; } 
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } 
.slick-track:before, .slick-track:after {display: table; content: ''; } 
.slick-track:after {clear: both; } 
.slick-loading .slick-track {visibility: hidden; } 
.slick-slide {display: none; float: left; height: 100%; min-height: 1px; } 
[dir='rtl'] .slick-slide {float: right; } 
.slick-slide img {display: block; } 
.slick-slide.slick-loading img {display: none; } 
.slick-slide.dragging img {pointer-events: none; } 
.slick-initialized .slick-slide {display: block; } 
.slick-loading .slick-slide {visibility: hidden; } 
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent; } 
.slick-arrow.slick-hidden {display: none; }
.slick-dots { margin:0px; padding:0px; list-style: none; text-align: center; }
.slick-dots li { padding:0px!important; display: inline-block; }
.slick-dots li:before { display:none; }