@charset "utf-8";
/* CSS Document */

/* ------- webfonts ------- */

@font-face{font-family:'futura-pt';src:url('fonts/FuturaPT-Book.eot');src:url('fonts/FuturaPT-Book.eot?#iefix') format('embedded-opentype'), url('fonts/FuturaPT-Book.woff2') format('woff2'), url('fonts/FuturaPT-Book.woff') format('woff'), url('fonts/FuturaPT-Book.ttf') format('truetype'), url('fonts/FuturaPT-Book.svg#FuturaPT-Book') format('svg');font-weight:500;font-style:normal}

/* ------- STYLES ------- */

/* GENERAL */

*{outline:none;margin:0;padding:0;font-family:'futura-pt';font-weight:500;box-sizing:border-box}
body{font-weight:normal;text-rendering:geometricPrecision;-webkit-text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-moz-font-smoothing:antialiased;transition:all .5s ease;font-size:16px;background-color:#FFF}
body.system-admin{background-color:#efefef}
body.modal-opened{overflow:hidden;}
body.video-opened{overflow:hidden;}
body.swipe-opened{overflow:hidden;}
i{font-style:normal;}
h1, h2, h3{font-weight:500;font-size:inherit}
p{font-weight:500;}
a{display:table;color:initial;text-decoration:none;font-size:inherit;cursor:pointer}
a:not(.btn.delete):hover{opacity:.5}
li{list-style:none;}
.blue{color:#0000dc}
form.blue input{color:#0000dc}
form.blue textarea{color:#0000dc}
form ul{display:table;width:100%}
form ul li{width:100%;margin-bottom:20px}
::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.5)}
:-moz-placeholder{color:rgba(0, 0, 0, 0.5);opacity:1}
::-moz-placeholder{color:rgba(0, 0, 0, 0.5);opacity:1}
:-ms-input-placeholder{color:rgba(0, 0, 0, 0.5)}
::-ms-input-placeholder{color:rgba(0, 0, 0, 0.5)}
input[type="submit"]{border:0;appearance:none;webkit-appearance:none;border-radius:0}
input[type="file"]{display:none;}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"]{border:none;border-bottom:1px solid rgba(0, 0, 0, 0.5);font-size:inherit;line-height:37px;width:100%;background:transparent;font-weight:500;appearance:none;webkit-appearance:none;border-radius:0}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:transparent;}
textarea{border:none;border-bottom:1px solid rgba(0, 0, 0, 0.5);border-radius:0;height:100px;resize:none;width:100%;font-size:inherit;background:transparent;font-weight:500;padding:10px 0;line-height:20px}
label{margin-bottom:5px;display:block;position:relative;}
label span.condition{font-size:10px;color:grey;margin:0 5px}
label span.tooltip{visibility:hidden;opacity:0;display:none;background-color:#000;padding:15px;position:absolute;font-size:inherit;margin-top:5px;z-index:1;}
label span.condition:hover{cursor:pointer;}
label span.condition:hover ~ span.tooltip{visibility:visible;opacity:1;display:block;}
.select-wrapper{overflow:hidden;border:none;border-bottom:1px solid rgba(0, 0, 0, 0.5);position:relative;}
.select-wrapper span{background:transparent;bottom:0;font-size:8px;width:10px;line-height:34px;position:absolute;right:0;text-align:center;z-index:1;pointer-events:none}
.select-wrapper select{border:0;background:transparent;width:100%;font-size:inherit;padding:8px 0;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;border-radius:0;}

.select-wrapper.basic{border-bottom:0}
.select-wrapper.basic span{line-height:21px}
.select-wrapper.basic select{padding:0 20px 0 0}

.checkbox-wrapper{width:100%;display:table;margin-top:10px;}
.checkbox-wrapper input{visibility:hidden;opacity:0;display:none}
.checkbox-wrapper label{float:left;margin-right:10px;border:1px solid #000;padding:10px 10px 6px;cursor:pointer;margin-bottom:10px}
.checkbox-wrapper label:hover{background-color:#eee}
.checkbox-wrapper input:checked + label{background-color:#000;color:#FFF}
.radio-wrapper{width:100%;display:table;margin-top:10px;}
.radio-wrapper input{margin-top:5px;float:left;}
.radio-wrapper input:not(:first-child){margin-left:20px}
.radio-wrapper label{float:left;margin-left:10px;line-height:26px;}
.right{float:right;}
.left{float:left;}
main{display:block;}
.uppercase{text-transform:uppercase}
.underlined{text-decoration:underline}
.d-inline{display:inline}
.c-gray{color:#707070}
.c-black{color:#000}
.c-red{color:red}
.c-blue{color:blue}
.fs-s{font-size:12px}

ul.cc{width:100%;display:table}
ul.cc > li{width:calc(50% - 20px);float:left}
ul.cc > li:first-child{margin-right:40px}

.w-1{width:calc(50% - 20px)}

/* modal */
.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0, 0, 0, 0.98);z-index:99998;display:none;opacity:.9;}
.modal{position:fixed;z-index:99999;display:none;transition:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;opacity:0;width:600px;background:#f7f7f7;padding:0 30px;left:calc(50% - 300px);top:calc(50%);overflow-x:hidden;overflow-y:auto;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);max-height:calc(100vh - 200px);}
.modal.on{transition:opacity .4s linear;-webkit-transition:opacity .4s linear;-moz-transition:opacity .4s linear;-ms-transition:opacity .4s linear;opacity:1;}
.modal .content{padding:30px 0;display:table;width:100%}
	/* header */
	.modal header{display:table;position:relative;width:100%;margin-bottom:20px;border-bottom:1px solid #000;padding-bottom:10px;}
	.modal header h2{font-size:16px}
	.modal header .btn-close{position:absolute;right:0;opacity:1;transition:all .2s linear;top:0;font-size:16px}
	.modal header .btn-close:hover{opacity:.7;cursor:pointer;}
	.modal header h4{font-size:16px;color:#000;}
	.modal header h4 span{display:block;font-size:inherit;margin-top:5px;color:#777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}
	.modal header p{font-size:10px;margin:10px 0;line-height:16px;}
	
	/* section */
	.modal section ul li{position:relative;margin-bottom:20px;}
	.modal section .img{display:table;width:100%;height:300px;background-size:cover;background-position:center;background-repeat:no-repeat}
	
	/* footer */
	.modal footer{display:table;width:100%;margin-top:20px;padding-top:10px;border-top:1px solid #000;}
	.modal footer .btn{float:left;}
	.modal footer .btn.changeMainImage{margin-right:10px}
	.modal footer .btn.left{float:left;}
	.modal footer .alert{color:red;float:left;line-height:40px;}
	.modal footer label{margin-bottom:0;}

/* .modal.loading */	
.modal.loading{background-color:transparent;width:auto;left:calc(50% - 65px);padding:0;top:calc(50% - 100px);}
.modal.loading .content{padding:0;overflow:hidden;background:transparent}

/* .spiner */
.spiner{margin:50px;height:30px;width:30px;animation:rotate 0.8s infinite linear;-webkit-animation:rotate 0.8s infinite linear;-moz-animation:rotate 0.8s infinite linear;-ms-animation:rotate 0.8s infinite linear;border:8px solid #fff;border-right-color:transparent;border-radius:50%;overflow:hidden;background:transparent}
@keyframes rotate{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}
@-ms-keyframes rotate{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(360deg);}}

/* .notification */
.notification{float:left;margin-top:12px;overflow:hidden}
.notification p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.notification p.error{color:red;}
.notification p.ok{color:#26DC26;}

/* .btn */
.btn{padding:15px 20px;line-height:14px;font-size:inherit;display:table;}
.btn:hover{cursor:pointer}
.btn.black{border:1px solid}
.btn.black:hover{background-color:#000;color:#FFF}

.generate-link{font-size:10px;float:right;color:blue;display:none}
.generate-link.on{display:block}

/* color */
.color-gold{color:#0000dc;}

/* form */
form li.dual ul{display:table;width:100%;margin-bottom:0}
form li.dual ul li{width:calc(50% - 20px);float:left;position:relative;margin-right:40px;margin-bottom:0}
form li.dual ul li:last-child{margin-right:0}
form li.dual ul li p{width:initial;margin-top:35px;margin-left:10px}

/* INPUT SUGGESTER */
.input-suggester{position:relative;display:table;width:100%}
.input-suggester.ok span.validate{background-image:none;background-color:none;visibility:hidden;}
.input-suggester .selected{width:100%;background-color:#760000;color:#FFF;position:absolute}
.input-suggester .selected p{line-height:40px;padding-left:10px;}
.input-suggester .selected .remove{position:absolute;width:15px;height:15px;right:10px;top:12px;background-image:url(../imgs/close.png);background-size:43px;background-position:center center;background-repeat:no-repeat;opacity:.5;transition:all .2s ease;}
.input-suggester .selected .remove:hover{cursor:pointer;opacity:1;}
.input-suggester > ul{position:absolute;z-index:1;background-color:#f7f7f7;border:1px solid #acacac;top:10px;visibility:hidden;opacity:0;max-height:230px;display:block !important;overflow:scroll;padding-bottom:0 !important;transition:all .2s ease}
.input-suggester > ul > li{width:100%;margin:0;padding:15px}
.input-suggester > ul > li:hover{background-color:#f7f7f7;cursor:pointer;transition:all .2s ease}
.input-suggester.on > ul{top:50px;visibility:visible;opacity:1;}

/* VALIDATE INPUT */
span.validate{background:url(../imgs/validateIcons@2x.png);border-radius:50%;right:10px;position:absolute;top:50%;background-repeat:no-repeat;background-size:140%;width:20px;height:20px;visibility:hidden;}
.select-wrapper span.validate{top:calc(50% - 20px + 10px);left:87%;}
.ok span.validate{background-position:4px center;background-color:#25dc25;visibility:visible;}
.wrong span.validate{background-position:-14px center;background-color:red;visibility:visible;}
.wrong input{border-color:red!important;}
.wrong textarea{border-color:red!important;}
.select-wrapper.wrong{border-color:red!important;}
.select-wrapper.wrong .bullet{color:red!important;}

/* datepicker jquery ui */
div.ui-datepicker{background-color:#760000;color:#FFF;}
div.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{display:table;margin-bottom:10px;width:240px;padding:20px 20px 0;}
a.ui-datepicker-prev.ui-corner-all{display:table;float:left;font-size:inherit;width:20%;line-height:14px;}
a.ui-datepicker-prev.ui-corner-all:hover{cursor:pointer;}
a.ui-datepicker-next.ui-corner-all{display:table;float:right;font-size:inherit;width:20%;line-height:14px;text-align:right;}
a.ui-datepicker-next.ui-corner-all:hover{cursor:pointer;}
.ui-datepicker-title{display:initial;float:left;font-size:inherit;text-align:center;width:60%;line-height:14px;}
.ui-datepicker-title span{font-weight:700;}
table.ui-datepicker-calendar{width:240px;text-align:center;padding:0 20px 20px;}
table.ui-datepicker-calendar tbody tr td{padding:3px;}
table.ui-datepicker-calendar tbody tr td:hover{background-color:#000;}

/* .pagination-wrapper */
.pagination-wrapper{display:table;width:100%}
.pagination-wrapper li:first-child{margin-right:0;float:none;margin-bottom:10px}
.pagination-wrapper li{float:left;margin-right:10px}
.pagination-wrapper li.selected a{color:#000;text-decoration:underline}

/* header-master */
header.master{position:fixed;left:0;width:100%;padding:60px;text-align:left;top:0;background-color:#FFF;z-index:2;}
body.system-admin header.master{background-color:#efefef}
header.master ul{font-size:inherit;display:table;float:left;margin-left:60px;width:calc(100% - 192px)}
header.master ul li:not(.right){float:left;margin-right:30px}
header.master ul li.selected a{text-decoration:underline}
header.master a:not(.logo){text-transform:uppercase;line-height:40px;display:inline}

header.master ul li.dropdown{position:relative;}
header.master ul li.dropdown:hover{overflow:visible;}
header.master ul li.dropdown ul{position:absolute;width:230px;top:24px;display:block;background-color:#f7f7f7;padding:10px;left:-10px;}
header.master ul li.dropdown ul li{margin-bottom:5px;}
header.master ul li.dropdown ul li a{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/* nav.slave */
nav.slave{width:250px;border-top:1px solid;padding-top:26px;position:fixed;top:54px;left:20px;bottom:20px;overflow:auto}
nav.slave h2{font-size:inherit;text-transform:uppercase;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:28px}
nav.slave h2 small{margin-left:15px;text-transform:initial;color:#777}
nav.slave .add{margin-bottom:25px;padding:0;border:0;color:#0000dc}
nav.slave ul{width:100%}
nav.slave ul li{padding:10px 0;border-top:1px solid;position:relative}
nav.slave ul li.title{border-top:none;color:grey;margin-top:10px}
nav.slave ul li .btn{width:100%;margin-top:15px}
nav.slave ul li a{font-size:inherit;padding:5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
nav.slave ul li img{position:absolute;width:100px;left:0;top:0;z-index:-1;display:none}
nav.slave ul li a:hover + img{display:block}
nav.slave ul li.selected a{font-weight:700}

/* header.slave */
header.slave{;border-top:1px solid;padding-top:15px;position:fixed;top:54px;left:310px;right:20px;background-color:#f7f7f7;z-index:2;}
header.slave h2{font-size:inherit;text-transform:uppercase;float:left;line-height:36px;}
header.slave h2 span{color:#7c7c7c;}
header.slave .btn.delete{font-size:10px;color:grey;margin-right:10px;line-height:18px;}
header.slave .btn.delete:hover{color:red;}
header.slave .btn{float:right;}

/* main */
main{margin:180px 0 60px 0;padding:0 60px;width:100%}
main .noResultsAlert{font-size:inherit;color:red;}
main h3{font-size:inherit;font-weight:bold;border-top:1px solid;padding-top:20px;width:100%;display:inline-table;margin-bottom:30px;margin-top:30px;}
main h3:first-child{margin-top:0}

body.edit main ul{display:table;width:100%}
body.edit main ul.images li{float:left;transition:opacity .3s ease}
body.edit main ul.images li .img:hover{cursor:pointer;opacity:.7;}	
body.edit main ul.images li.fullWidth{width:100%;}
body.edit main img{transition:all .3s ease;height:120px;width:auto;display:block;cursor:pointer}
body.edit main ul.images li input{display:none;}
main .publishSection label{float:left;}
main .publishSection input{float:left;margin:3px 10px 0;}

.thumb-edit{display:table;position:relative}
.thumb-edit form label{margin-bottom:0}

ul.grid-content li{display:inline-flex;width:100%;margin-bottom:20px;padding-top:20px;border-top:1px solid #ccc;position:relative}
ul.grid-content li:after{content:"⇢";position:absolute;display:block;width:20px;height:20px;text-align:center;font-size:16px;left:-30px;opacity:0;top:15px}
ul.grid-content li:hover:after{opacity:1}
ul.grid-content li a.img-aside{margin:0 25px;height:fit-content;color:#0000dc;width:100%}
ul.grid-content li a.img-vimeo{margin:0 25px;height:fit-content;color:#0000dc}
ul.grid-content li img{height:auto;width:150px}
ul.grid-content li > label{min-width:175px;font-size:inherit}
ul.grid-content li .quote, ul.grid-content li .paragraph{overflow:hidden;max-height:60px;margin-right:25px;width:100%}

main a.content-delete{position:absolute;width:25px;text-align:center;line-height:25px;background-color:#f7f7f7;top:15px;right:0}
main a.content-delete:hover, main a.image-delete:hover, main a.video-delete:hover{opacity:1;color:red;}

main a.image-delete, main a.video-delete{position:absolute;width:25px;text-align:center;line-height:25px;background-color:#f7f7f7;top:0;right:0;z-index:1}
main a.video-edit{position:absolute;width:25px;text-align:center;line-height:25px;background-color:#f7f7f7top:0;left:0;z-index:1}
main a.gallery-new{position:absolute;width:25px;text-align:center;line-height:25px;background-color:#f7f7f7bottom:0;left:0;z-index:1}
main a.gallery-new.selected{background-color:#0000dc;color:#FFF}
main a.video-edit:hover, main a.gallery-new:not(.selected):hover{opacity:1;color:#0000dc;}

main ul.images{display:table;width:100%;position:relative}
main ul.images li:not(.fullWidth){float:left;margin-bottom:10px;margin-right:10px;position:relative}
main ul.images li.fullWidth{position:relative;margin-bottom:10px;}
main ul.images li .img{display:table;background-color:#f1f1f1;background-position:center;background-repeat:no-repeat;background-size:cover;}
main ul.images li.edit form{float:left;margin-right:7px;padding-right:7px;border-right:1px solid;margin-left:28px;}
main ul.images li form label{font-weight:500;display:table;margin-bottom:0;}
main ul.images li a{font-size:inherit;float:left;}
main > form{width:100%;display:table;}
main form > ul > li{position:relative;margin-bottom:20px;padding-bottom:10px}
main form > ul > li ul{margin-bottom:10px;}
main form > ul > li ul li{font-size:inherit;padding:0;display:table;width:100%;position:relative;}
main form > ul > li ul li p{float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:600px;}
main form > ul > li ul li p.name{margin-bottom:7px;}
main form > ul > li ul li a{float:right;font-size:10px;}
main form > ul > li ul li a:last-child{margin-right:7px;padding-right:7px;border-right:1px solid;}
main form > ul > li .add{color:#A28267;margin-left:5px;cursor:pointer;}
main form > ul > li.color i{display:block;position:absolute;height:36px;width:36px;bottom:20px;right:0}

main ul.actions{width:100%;display:table;margin:20px 0 40px;padding-top:20px;border-top:1px solid #0000dc}
main ul.actions li{float:left;margin-right:25px}
main ul.actions li a{color:#0000dc;margin:20px 20px 20px 0}

main .image-new{float:left;margin:20px 20px 20px 0;position:relative}
main .image-new .img{display:table;margin-bottom:0;color:#0000dc;cursor:pointer}

main .video-new{display:table;margin-bottom:0;color:#0000dc;cursor:pointer;float:left;margin:0 20px}
main .video-new:hover{opacity:1}

main .image-position, main .video-position{position:absolute;width:25px;height:25px;background-color:#f7f7f7top:20px;left:0;cursor:pointer;z-index:1}
main .image-position span, main .video-position span{position:absolute;}
main .image-position[data-position="left"] span, main .video-position[data-position="left"] span{width:7px;height:15px;background-color:#000;left:5px;top:5px}
main .image-position[data-position="right"] span, main .video-position[data-position="right"] span{width:7px;height:15px;background-color:#000;right:5px;top:5px}

main .content-behaviour{width:50px;height:fit-content;text-align:center;padding-top:2px;cursor:pointer;text-transform:uppercase}
main .content-behaviour:last-child{margin-right:45px}
main .content-behaviour.position{color:#000;background-color:#d0d0d0}
main .content-behaviour.size{color:#FFF;background-color:#0000dc}

main ul.list{width:100%}
main ul.list > li{width:100%}
main ul.list > li a{width:100%;display:block}
main ul.list > li a:hover{color:#575757}
main ul.list > li ul.row{width:100%;display:table;padding:15px 0}
main ul.list > li:not(.header) ul.row{border-top:1px solid #b3b3b3}
main ul.list > li ul.row li{float:left;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:14.2%}
main ul.list.c-2 > li ul.row li{width:calc(50% - 8px)}
main ul.list.c-3 > li ul.row li{width:calc(33.33% - 16px)}
main ul.list.c-4 > li ul.row li{width:calc(25% - 4px)}
main ul.list.c-5 > li ul.row li{width:calc(25% - 18px)}
main ul.list.c-6 > li ul.row li{width:calc(20% - 14px)}
main ul.list.c-admin > li ul.row li{width:calc(16.66% - 23px)}
main ul.list > li ul.row li.attendance{width:70px;text-align:right;padding-right:0}
main ul.list > li ul.row li.btn-attendance{cursor:pointer;opacity:.3}
main ul.list > li ul.row li.edit{width:16px;text-align:right;padding-right:0;margin-right:16px}
main ul.list.c-2 > li ul.row li.btn-edit:last-child{margin-right:0}
main ul.list.c-3 > li ul.row li.btn-edit:last-child{margin-right:0}
main ul.list > li ul.row li.btn-attendance[data-attendance="on"]{opacity:1;color:#26DC26}
main ul.list > li ul.row li.btn-attendance:hover{opacity:.6}
main ul.list > li ul.row li.btn-delete{width:14px;text-align:right;padding-right:0}
main ul.list > li ul.row li.btn-delete:hover{color:red}

/* page-login */
.page-login header.master{background:transparent}
.page-login main footer{margin:30px 0 60px}
	
/* masterFooter */









































/* MEDIA QUERIES */
@media only screen and (max-width : 1024px) {
}
@media only screen and (max-width : 800px) {
}