/*test*/
@font-face { font-family: "cosmote-spons"; src:url("../fonts/cosmote-spons.eot"); src:url("../fonts/cosmote-spons.eot?#iefix") format("embedded-opentype"), url("../fonts/cosmote-spons.woff") format("woff"), url("../fonts/cosmote-spons.ttf") format("truetype"), url("../fonts/cosmote-spons.svg#cosmote-spons") format("svg"); font-weight: normal; font-style: normal; }
[data-icon]:before { font-family: "cosmote-spons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
[class^="cssp-"]:before, [class*=" cssp-"]:before { font-family: "cosmote-spons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.cssp-printer:before { content: "\64"; }
.cssp-share:before { content: "\65"; }
.cssp-people:before { content: "\61"; }
.cssp-register:before { content: "\63"; }
.cssp-offer:before { content: "\62"; }

@font-face { font-family: "cosmote-spons2"; src:url("../fonts/cosmote-spons2.eot"); src:url("../fonts/cosmote-spons2.eot?#iefix") format("embedded-opentype"), url("../fonts/cosmote-spons2.woff") format("woff"), url("../fonts/cosmote-spons2.ttf") format("truetype"), url("../fonts/cosmote-spons2.svg#cosmote-spons") format("svg"); font-weight: normal; font-style: normal; }
[data-icon]:before { font-family: "cosmote-spons2" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
[class^="cssp2-"]:before, [class*=" cssp2-"]:before { font-family: "cosmote-spons2" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.cssp2-movie:before { content: "\6d"; }

#tm-intro img { width: 100%; }
#tm-intro {position: relative;}

.tm-tabs { margin-left: 0; }
.tm-tabs>li { padding: 20px 40px; background: #dee3e1; cursor: pointer; }
.tm-tabs>li::before { width: 1px; background: #adb7bc; display: block; content: ''; position: absolute; top: 0; bottom: 0; right: 0; }
.tm-tabs>li.last-child::before { display: none; }
.tm-tabs>li.uk-active h3,.tm-tabs>li:hover h3 { color: #509e2f; }
.tm-tabs>li.uk-active::after { content: ''; display: block; left: 0; right: 0; bottom: 0; height: 10px; background: #509e2f; position: absolute; }
.tm-tabs h3 { margin: 0; text-transform: uppercase; line-height: 26px }
.tm-tabs h3.tm-tab-text { font-weight: 600; }
#cs-tabs { background: #eeeeee; padding: 10px; }

.tm-stud-mob { background: #fbfbfc; }
.tm-stud-mob .uk-panel-box { background: none; }

.tm-figure-wrap { position: relative; list-style: none; text-align: center; }
.tm-figure-wrap figure { position: relative; float: left; overflow: hidden; min-width: 100%; max-width: 480px; max-height: 360px; background: #3085a3; text-align: center; cursor: pointer; }
.tm-figure-wrap figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }
.tm-figure-wrap figure figcaption { color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; display: -ms-flexbox; flex-direction: column; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-flex; -webkit-flex-direction: column; display: flex; flex-direction: column; align-items: center; justify-content: center; -webkit-align-items: center; -webkit-justify-content: center; }
.tm-figure-wrap figure figcaption::before, .tm-figure-wrap figure figcaption::after { pointer-events: none; }
.tm-figure-wrap figure figcaption, .tm-figure-wrap figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.tm-figure-wrap figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.tm-figure-wrap figure h2 { word-spacing: -0.15em; font-weight: 300; }
.tm-figure-wrap figure h2, .tm-figure-wrap figure p { margin: 0; }
.tm-figure-wrap figure p { letter-spacing: 1px; font-size: 14px; }

.uk-panel-box-primary { background-color: #eeeeee; padding: 8px; }
.uk-panel-box-primary.uk-active { background-color: #509e2f; }
.uk-panel-box-secondary { background-color: #eeeeee; }
.uk-panel-box-secondary.uk-active { background-color: #509e2f; color: #fff; }

/* Oscar Effect */
figure.effect-oscar { }
figure.effect-oscar img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
figure.effect-oscar figcaption { padding: 0; background-color: rgba(61,82,101,0.1); -webkit-transition: background-color 0.35s; transition: background-color 0.35s; }
figure.effect-oscar figcaption::before { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #fff; content: ''; }
figure.effect-oscar h2 { text-shadow: 1px 1px rgba(0,0,0,0.5); text-transform: uppercase; color: #fff; margin: 0 40px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); }
figure.effect-oscar p { margin: 0 40px; }
figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); }
figure.effect-oscar:hover h2, figure.effect-oscar.active h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
figure.effect-oscar:hover figcaption::before, figure.effect-oscar.active figcaption::before, figure.effect-oscar:hover p, figure.effect-oscar.active p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
figure.effect-oscar:hover img, figure.effect-oscar.active img { opacity: 0.6; }

.tm-close-desc { cursor: pointer; }
.tm-description-wrap { padding: 20px; position: relative; background: #fff; }
.tm-description-wrap:after, .tm-description-wrap:before { bottom: 100%; border: solid transparent; content: " "; left: 50%; height: 0; width: 0; position: absolute; pointer-events: none; }
.tm-description-wrap.left:after, .tm-description-wrap.left:before { left: 25%; }
.tm-description-wrap.right:after, .tm-description-wrap.right:before { left: 75%; }
.tm-description-wrap:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 20px; margin-left: -20px; }


.tm-description-wrap h3{font-size: 21px; font-family: "Arial";font-weight: bold;margin-bottom: 2em;position: relative;}
.tm-description-wrap  h3::after {content: '';display: block;left: 0;width: 5em;height: 5px;margin-top: 10px;background: #509e2f;position: absolute;}
.tm-description-wrap .share,.tm-description-wrap .print,.tm-description-wrap .catalog{color: #3f4a52;text-decoration: underline;font-size: 14px;font-family: Arial;font-weight: bold;margin-right: 2em;}
.tm-description-wrap .share .uk-icon-share,.tm-description-wrap .share .uk-icon-print,.tm-description-wrap .catalog .uk-icon-file{margin-right: 5px;}
.tm-description-wrap .share span,.tm-description-wrap .print span,.tm-description-wrap .catalog span{color: #509e2f;}
.tm-learn-bg { z-index: 99; }
.tm-learn-front { z-index: 100; padding: 50px 20px; }
.tm-learn-head { border: 1px solid #fff; padding: 30px 0; color: #fff; font-weight: 600; display: inline-block; font-size: 20px; }
.tm-learn-actions { margin: 60px auto 20px; }
.tm-learn-actions.uk-grid>* { padding: 0; }
.tm-learn-actions>div>a { color: #fff; }
.tm-learn-actions.uk-grid .tm-learn-inside { background: #eeeeee; padding: 40px 30px 20px; }

.table-automatic, .table-automatic table {width: 100%;color: #3f4a52;}
.table-automatic table th {height: 50px; background-color: #3d5265; color: white;}
.table-automatic table tr.even {background-color: #e6e6e6;height: 60px;}
.table-automatic table tr.odd {background-color: #f3f3f3;height: 60px;}


.tm-cs-button { display: inline-block; position: relative; background: #94c04e; background-image: -webkit-linear-gradient(left, #94c04e, #47ae49); background-image: -moz-linear-gradient(left, #94c04e, #47ae49); background-image: -ms-linear-gradient(left, #94c04e, #47ae49); background-image: -o-linear-gradient(left, #94c04e, #47ae49); background-image: linear-gradient(to right, #94c04e, #47ae49); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #ffffff; padding: 10px 20px 10px 20px; text-decoration: none; }
.tm-cs-button:hover { color: #ffffff; background: #acd669; background-image: -webkit-linear-gradient(left, #acd669, #53bd55); background-image: -moz-linear-gradient(left, #acd669, #53bd55); background-image: -ms-linear-gradient(left, #acd669, #53bd55); background-image: -o-linear-gradient(left, #acd669, #53bd55); background-image: linear-gradient(to right, #acd669, #53bd55); text-decoration: none; }
.tm-cs-button::after { display: block; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; content: ''; position: absolute; background-image: -webkit-linear-gradient(left, #47ae49, #94c04e); background-image: -moz-linear-gradient(left, #47ae49, #94c04e); background-image: -ms-linear-gradient(left, #47ae49, #94c04e); background-image: -o-linear-gradient(left, #47ae49, #94c04e); background-image: linear-gradient(to right, #47ae49, #94c04e); border-radius: 0px 3px 3px 0px; }
.tm-cs-button:hover::after { background-image: -webkit-linear-gradient(left, #94c04e, #47ae49); background-image: -moz-linear-gradient(left, #94c04e, #47ae49); background-image: -ms-linear-gradient(left, #94c04e, #47ae49); background-image: -o-linear-gradient(left, #94c04e, #47ae49); background-image: linear-gradient(to right, #94c04e, #47ae49); }

.slogan-intro{position:absolute;top: 170px;left: 40px;}

.bt-wrapper-left{float: left;width:50%;}
.bt-wrapper-right{float: right;width:50%;}

.tm-top-neg { margin-top: -10px; }

@media (min-width: 1220px) {
	.uk-container { max-width: 960px; }
}