/* TNT-UI */
.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; } }
@media screen and (min-width:759px) { .col-2 { -webkit-column-count: 2; column-count: 2; } .col-3 { -webkit-column-count: 3; column-count: 3; } }

/* --- flexbox --- */
[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: 8px; margin-right: 30px; margin-bottom: 20px;}
.elem-right {float:right; margin-top: 8px; margin-left: 30px; margin-bottom: 20px;}

/* 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: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; }
  

[data-embed] .close, [data-vimeo] .close { cursor: pointer; background-color: #4f7988; color: #fff; line-height: 1.2; padding: 8px; text-transform: uppercase; }
[data-embed] .close:hover, [data-vimeo] .close:hover { background-color: #104F91; color: #fff; }
[data-embed] .close { position: absolute; top: 0; right: 0; }
[data-embed] .close i:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width: 400px) {	
   .page_index [data-embed] .close{position: relative;display: block; text-align: center; }
}
    
/* --- 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}
.yt-play {cursor: pointer; position: absolute; top: 32%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 70px; color: #4d4d4d; font-family: "fontello"; font-weight: 400; margin: 0; font-style: normal; content: "\e80e"; }
.yt-play:hover { color: #ff0000; }

.elem-left.vid, .elem-right.vid {max-width: 450px; position: relative; min-width: 450px;}
.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 } 
}
@media screen and (max-width: 500px) {	
.elem-left.vid, .elem-right.vid {min-width: 100%; }
}
/* 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; }

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=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:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* FORMS */
main .forms label, main .forms input, main .forms textarea { margin-bottom:.5em; }
.forms .inline-box > div, main .forms textarea, main .forms input { border:1px solid rgb(38, 86, 116); }
.forms .inline-box > div { padding:10px; margin-bottom:10px; background-color: rgba(66, 163, 198,.2); }
.forms .inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap;  justify-content:space-between; box-sizing:border-box; }
.forms .inline > * { width:32.5%; box-sizing:border-box; }
.forms span { display: block; }
.forms .wide { flex:100%; max-width:66%; }
.forms .inline .btn { min-width: 100%; }
.forms input:focus, .forms textarea:focus { background:rgba(0,0,0,.8)!important; color:#fff; }
#app-form { margin-top:40px; }

/* Extra styles... 
.forms [type=checkbox], [type=radio] { -webkit-appearance: none;position: relative; background-color: white; padding: 2px 10px; margin-right: 10px; border-radius: 0px; vertical-align: middle; }
.forms [type=checkbox]:active, .forms [type=checkbox]:checked:active, .forms [type=checkbox]:checked { background-color: #fff; }
.forms [type=checkbox]:checked:after {font-family: fontello; content: '\e900'; font-size: 19px; position: absolute; top: 2px; left: 2px; color: #000; }*/

::-webkit-input-placeholder { opacity: 1; } 
::-moz-placeholder { opacity:1; }
	@media screen and (max-width: 759px) {
	article .forms .input { display:block; width:100%; }
	article .forms .inline { border:none; min-height:0px; }    
	.forms .inline > * { width: 100%; }   
	.forms .wide { max-width: 100%; }
}