body{background: #fff; color:#333333; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 400;}

header{margin:0 0 40px 0;}
.head .head_login a{color:#fff;text-decoration: none;font-size: 14px;line-height: 30px;vertical-align: middle;}
.head .head_login a:first-child{padding-right: 15px;}
.head .head_login a:hover{text-decoration: none;}
.head .head_login a:first-child .svg-header svg{margin-top:-1px;}
.head .head_login a:nth-child(2) .svg-header svg{margin-top:-4px;}
.head .head_login .svg-header svg{height: 19px; width: 19px;}
.head .head_login a:first-child .svg-header{padding-right:5px;}
.header .m1{text-align: right; margin: 15px 0 0 0;}
.header .m1 button{background: none; border:0; color: #fff; display: inline-block; font-size: 14px;  padding: 0;}
.header .m1 img{margin:-1px 5px 0 0; display: inline-block;}
#cookieBar {
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 10px;
    display: flex;
    justify-content: center;
    border-top: 2px solid #f2f2f2;
    z-index: 3;
}
#msg .close-msg{
    padding-left:20px;
    text-decoration: underline;
}
#msg .close-msg:hover{
    color: #d71635;
    cursor: pointer;
}
#msg{
    text-align: center;
    position: absolute;
    top: 54px;
    width: 100%;
    background-color: #0e0e0e2e;
    padding: 10px;
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #f2f2f2;
    z-index: 3;
}
#cookieBar p{
    margin-bottom: 0;}
#cookieBar a{color:#000;
    text-decoration: underline;}
#cookieBar a:hover{color:#d71635;}
#cookieBar span:hover{
    cursor: pointer;
    color:#d71635;
}
#cookieBar span{
    padding-left: 20px;
    text-decoration: underline;}
.adminMenu {
    text-align:center;
    border-bottom: 2px solid #d2d2d2;
    padding: 6px 0;
    font-size:0;
}
.adminMenu img {
    width:24px;
    height:24px;
    margin:0 6px;
    opacity:0.5;
    cursor:pointer;
}
.adminMenu img:hover {
    opacity:1.0;
}
.adminMenu img:active {
    width:20px;
    height:20px;
    margin:2px 8px;
}
.adminButton {
    display:inline-block;
    width:24px;
    height:24px;
    margin:0 6px;
    cursor:pointer;
    background-position:0 0;
    background-repeat: no-repeat;
}
.adminButton:hover {
    background-position:0 -24px;
}
.adminMenu #waitForAction {
    display: inline-block;
    color: #333;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 0 6px;
    overflow: hidden;
}

.main .siteTitle, .article .siteTitle{text-align: center; font-weight: 700; font-size: 50px; margin: 0 0 30px 0;}

.article{text-align: center; padding: 0 0 90px 0;}
.article p{font-size: 20px; line-height: 35px;}
.article p.lead, .main p.lead{font-size: 30px; line-height: 50px; font-weight: 400; margin: 0 0 30px 0;}
.main p.lead{text-align: center;}

.main .m2 .eventList{padding: 0;}
.main .m2 .eventList li{list-style: none; position: relative; margin:0 0 30px 0;}
.main .m2 .eventList li .photo {height: 60px;width: 160px;background-color: #333333;position: absolute;top:20px;right: 35px;z-index: 2;}
.main .m2 .eventList li .photo svg{height:35px; width: 35px;}
.main .m2 .eventList li .photo ul {padding: 0; display: flex;color:#fff; justify-content: space-around;align-items: center;height: 100%;}
.main .m2 .eventList li .photo ul li{list-style: none;margin:0;}
.main .m2 .eventList li a{color: #fff; background: #000; display: block;}
.main .m2 .eventList li  .imageWrapper{display: block; width: 100%;background-color: #000;}
.main .m2 .eventList li.private  .imageWrapper{background-color: #f5f0f0;}
.main .m2 .eventList li  .imageWrapper img{width:100%; height: 410px; opacity: .6;    background-size: cover;background-repeat: no-repeat;background-position: center;}
.main .m2 .eventList li.private  .imageWrapper img{width:100%; height: 410px; opacity: .3;}
.main .m2 .eventList li  .textWrapper{position: absolute; top: 0; left: 0; padding: 90px 75px 0 75px;color:#fff;}
.main .m2 .eventList li.private  .textWrapper{color:#333333;}
.main .m2 .eventList li  .textWrapper .date{font-size: 20px; font-weight: 700; margin: 0 0 15px 0;}
.main .m2 .eventList li  .textWrapper .title{font-size: 30px; font-weight: 700; margin: 0 0 15px 0;}
.main .m2 .eventList li  .textWrapper .description{font-size: 30px;}
.main .m2 .eventList li  .enter{position: absolute; bottom:60px; left: 75px; background: #d71635; color: #fff; border-radius:25px; border:0; font-size: 15px; text-transform: uppercase; font-weight: 400; width: 220px; height: 50px;}
.main .m2 .eventList li  .enter:hover, .main .m2 .eventList li a .enter:focus{ background: #fff; color: #d71635}
.main .m2 .eventList li .photo ul li:first-child{position: relative;}
.main .m2 .photo .info-icon{fill:#fff;}
.main .m2 .photo .info-icon:hover svg{cursor: pointer; fill:#d71635;}
.main .m2 .eventList li .photo ul li:first-child:hover .block-info, .main .m2 .eventList li .photo ul li:first-child:focus .block-info{display: block;}
.main .m2 .block-info{position: absolute;background-color: #fff;color: #000;width: 380px;padding: 23px;left: -12px;font-size: 12px;top: 51px;display: none;}
.footer{background: #f2f2f2; padding: 90px 0 0 0;}
.footer2{background: #f2f2f2;}

.m3{text-align: center; margin: 0 0 20px 0;}
.m3 h2{font-size: 40px; font-weight: 700; margin: 0 0 10px 0; line-height: 55px;}
.m3 p{font-size: 20px; line-height: 40px;}
.m3 p a{color: #333; border-bottom:1px solid #333; padding: 0 0 3px 0;}
.m3 p a:hover, .m3 p a:focus{text-decoration: none; color: #333; border-bottom:1px solid #d71635;}
.m3 .information{border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;padding: 40px 0;}
.m3 .album .information {border-top: 1px solid #e6e6e6;padding: 40px 0;}
.m3 .information .icon-information svg{width: 38px; height: 38px; margin-bottom: 30px;}
.m4{color: #8b8b8b; font-size: 20px; font-weight: 400; padding: 40px 0 0 0; margin:0 0 40px 0;}
.m4 a{color: #8b8b8b;}
.m4 a:hover, .m4 a:focus{text-decoration: none;  color: #d71635;}
.m4 ul{text-align: right; padding: 0;}
.m4 ul li{list-style: none; display: inline-block; margin:0 50px 0 0;}
.m4 ul li:last-child{margin:0;}

.m5 h3{font-size: 16px; text-transform: uppercase;}
.m5 .form-control{background: #f8f8f8; border-radius:0; font-size: 13px; min-height: 50px; color: #333333;}
.m5 textarea.form-control{min-height: 150px;}
.m5 button{background: #d71635; color: #fff; border-radius:25px; font-size: 15px; text-transform: uppercase; font-weight: 400; width: 220px; height: 50px;
    border:2px solid #d71635; float: right;}
.m5 button:hover,.m5 button:focus{ background: #fff; color: #d71635}
.m5 form:after{content:""; clear: both; display: block;}

.m6{border-left: 1px solid #cacaca; padding: 0 0 10px 30px; margin:0 0 90px 0;}
.m6 h3{font-size: 16px; text-transform: uppercase;}
.m6 ul{padding: 0; }
.m6 ul li{font-size: 20px; list-style: none; line-height: 40px; margin: 0 0 50px 0;}
.m6 ul li h4{margin:0 0 7px 0; font-size: 20px; font-weight: 700;}
.m6 ul li a{color: #333; border-bottom:1px solid #333; padding: 0 0 3px 0;}
.m6 ul li a:hover, .m6 ul li a:focus{text-decoration: none; color: #333; border-bottom:1px solid #d71635;}
.m6 ul li:last-child{margin:0;}

.m7{padding: 55px 10% 0 10%;}
.m7 img{margin:0 0 80px 0;}
.m7 h3{font-size: 16px; text-transform: uppercase;}
.m7 button{background: #d71635; color: #fff; border-radius:25px; font-size: 15px; text-transform: uppercase; font-weight: 400; width: 280px; height: 50px;
    border:2px solid #d71635; float: right;}
.m7 button:hover, .m7 button:focus{ background: #fff; color: #d71635}
.m7 .form-control{background: #f8f8f8; border-radius:0; font-size: 15px; min-height: 50px; color: #333333;}

.m7 .checkbox{float: left; font-size: 15px; padding-top: 15px;}
.m7 form{margin:0 0 90px 0;}
.m7 form:after{clear: both; display: block; content:""}
.m7 .account{border-top:1px solid #cacaca; padding:15px 0 0 0; font-size: 12px;}
.m7 .account h4{text-transform: uppercase; margin: 0 0 10px 0; font-size: 12px;}

.m7 a{color: #333; border-bottom:1px solid #333; padding: 0 0 3px 0;}
.m7 a:hover, .m7 a:focus{text-decoration: none; color: #333; border-bottom:1px solid #d71635;}

.m8{
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; width: 100%; height: 100vh;}

.m9{padding: 0; margin-top:50px;}
.m9>li{list-style: none; text-align: left; margin-bottom:35px;}
.m9 li .imageWrapper{cursor: pointer; width: 100%;}
.m9 li .imageWrapper img{margin: 0 0 10px 0; width: 100%; height: auto;}
.m9 li .event .download{text-align:right; font-size: 13px; padding: 0 0 10px 0; color: #333333;}
.m9 li .imageWrapper{background-position: center; background-repeat: no-repeat; background-size: contain;}
.m9 li:hover .imageWrapper .download, .m9 li:focus .imageWrapper .download{color: #d71635; }
.m9 li .event .access{border-bottom: 2px solid #cacaca; display: block;}
.m9 li .event .access{margin:10px 0 0 0;}
.m9 li .event .access .block-download{float: right;}
.m9 li .event .access .block-download .download{margin-right: 10px; float: left;}
.m9 li .event .access .block-download .download a {color:#333333;}
.m9 li .event .access .block-download .download:hover a {color:#d71635;}
.m9 li .event .access .block-download .download:hover{color:#d71635;cursor: pointer;}
.m9 li .event .access .block-download .download:hover svg{fill:#d71635;cursor: pointer;}
.m9 li .event .access .block-download .download:focus{color:#d71635;cursor: pointer;}
.m9 li .event .access .block-download .download:focus svg{fill:#d71635;cursor: pointer;}
.m9 li .event .access .block-download a:hover svg{fill:#d71635;cursor: pointer;}
.m9 li .event .access .block-download .download svg {margin-left: 6px;}
.m9 li .event .access .block-download .bt-cart-add, .m9 li .event .access .block-download .bt-cart-delete{float: right;}
.m9 li .event .access:after{clear:both; content: ""; display: block;}
.m9 li .event svg{height: 12px;fill:#8b8b8b;}
.m9 li .event .icons ul li svg{ margin-right:10px;}
.m9 li .event .icons ul li:hover {cursor: pointer;}
.m9 li .event .icons ul li:hover svg{fill:#d71635;cursor: pointer;}
.m9 li .event .icons ul li:focus {cursor: pointer;}
.m9 li .event .icons ul li:focus svg{fill:#d71635;cursor: pointer;}
#cart .m9 li .event .access {justify-content: flex-end;}
#cart .m9 li .event .bt-cart-delete{}
#cart .m9 li .event .bt-cart-delete svg{fill: #8b8b8b;}
#cart .m9 li .event .bt-cart-delete:hover svg{fill: #d71635; cursor: pointer;}
.m9 li .event .bt-cart-delete svg {fill: #d71635;}

.m9 li .event .icons{float: left;}
.m9 li .event .icons .a2a_kit svg{height: 16px;}
.m9 li .event .icons .a2a_kit svg path{fill: #8b8b8b;}
.m9 li .event .icons .a2a_kit  .a2a_svg{background-color: #fff !important;}

.m9 li .event .icons .a2a_default_style a{padding: 0; margin:0 10px 0 0;}
.m9 li .event .icons .a2a_default_style a:last-child{margin:0;}

.m9 li .event .access .block-download .bt-cart-add{background: url("img/heart.svg") no-repeat; height: 16px; width: 16px; margin:3px 0 0 0; cursor: pointer;}
.m9 li .event .access .block-download .bt-cart-add:hover{background: url("img/heart_hover.svg") no-repeat; }
.m9 li .event .access .block-download .bt-cart-delete{background: url("img/heart_active.svg") no-repeat; height: 16px; width: 16px; margin:3px 0 0 0; cursor: pointer;}

.head .head_login a:first-child .svg-header{    background: url(img/heart_header.svg) no-repeat; height: 16px; width: 16px; margin: 8px 5px 0 0; cursor: pointer; display: inline-block;
    float: left;}

.m10{float: right; font-size: 20px;}
.m10 button{background: #d71635; color: #fff; border-radius:25px; font-size: 15px; text-transform: uppercase; font-weight: 400; width: 280px; height: 50px;
    border:2px solid #d71635; float: right; margin:-10px 0 0 40px;}
.m10 button:hover, .m10 button:focus{ background: #fff; color: #d71635}
.m10 h4{display: inline-block; font-size: 20px; font-weight: 700;}

.m10 button .icon{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAAjklEQVQokc2QMQoCMRREX0Qs0rhbeg5PYO8BrT2CeoNFZG9jpY3wLPyGIBG1c+BDJvP4TJJUGhLogXN9OWmR7/Rn8JLHg1rqIwcVdauO6jy8ahd+jLzAM3WnDmoOeBF+Hzmp+ucMHOK8AgbgBqyBS13jOVk9qlf1FL7krzDRc1P1L1PX+Kgp0H0LJ39YfQfYxKKDrL+fPwAAAABJRU5ErkJggg==') no-repeat; width: 11px; height: 14px; display: inline-block; margin:2px 0 0 10px;}
.m10 button:hover .icon, .m10 button:focus .icon{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAOCAYAAAD5YeaVAAAApElEQVQokc3QsQ3CMBCF4d8IhKAJabgV0kdcT4dQxqBnJnZIkZ4uC3ArhAYqRIFkGoPsgFBKXvnus+Wz897Tj4l6IC+69hr3ow/5I/+ETbQ00fwbMNHcRMv45j3QmGjWgxnQhPkb74AOqE10HroZUAPnMMe9/jmgOsA1cAQeQFV07S1ZMBQVMAXuwCSGCY4ObIEDsIlh8owhcaflajEUj4HLUPwE0eY0U9Y4oQkAAAAASUVORK5CYII=') no-repeat; width: 11px; height: 14px;}
.custom-button {
    background: #d71635;
    color: #fff;
    border-radius: 25px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    width: 100%;
    height: 50px;
    line-height: 46px;
    border: 2px solid #d71635;
    display: block;
}
.custom-button:hover{
    color:#d71635;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
}
.modal-backdrop.show{display: none;}

.modal-dialog{max-width: 800px;}

.m11 .imageWrapper{width:100%;}
.m11 .imageWrapper img{width: 100%; height: auto;}

.m11 .photoDetails{font-size: 12px; line-height: 16px;}
.m11 .photoDetails h4{text-transform: uppercase; font-size: 12px; margin:0 0 10px 0;}
.m11 .photoDetails .info{margin:0 0 20px 0; padding: 0 0 20px 0; border-bottom:1px solid #cacaca;}
.m11 .photoDetails .info li{list-style: none;}
.m11 .photoDetails .info li h5{float: left; font-size:12px; font-weight: 700; width:30%;}
.m11 .photoDetails .info li h6{float: left; font-size:12px; font-weight: 400;}
.m11 .photoDetails .info li::after{content:""; display: block; clear: both;}
.m11 .sizeSelection{margin:0 0 30px 0; padding: 0; font-size: 13px;}
.m11 .sizeSelection .form-check-input{margin:2px 10px 0 0; position: relative; float: left;}
.m11 .sizeSelection li{list-style: none; margin:0 0 10px 0;}
.m11 .sizeSelection::after{content:""; display: block; clear: both;}

.m11 button{background: #d71635; color: #fff; border-radius:25px; font-size: 15px; text-transform: uppercase; font-weight: 400; width: 100%; height: 50px;
    border:2px solid #d71635; float: right; margin:-10px 0 0 40px;}
.m11 button:hover, .m11 button:focus{ background: #fff; color: #d71635}

#cart .m9 li .event .bt-cart-delete{background: none; margin: -3px 0 0 0;}

@media (max-width: 1199px) {

    .m7 button{width: 220px;}

    .main .m2 .eventList li a .textWrapper{padding: 40px 90px 0 90px;}

}

@media (max-width: 991px) {

    .m7 button{width: 180px;}

    .main .m2 .eventList li a .textWrapper{padding: 40px 40px 0 40px;}

    .main .m2 .eventList li a .textWrapper .title, .main .m2 .eventList li a .textWrapper .description{font-size: 20px;}

    .main .m2 .eventList li a .enter{left: 40px; bottom:20px;}

}

@media (max-width: 767px) {

    .m3{margin:0 0 50px 0;}

    .m5{margin: 0 0 30px 0;}
    .m5 button{float:none; width:100%;}

    .m6{border:0;}

    .m11 .imageWrapper{margin:0 0 20px 0;}

    .modal-dialog{max-width: calc(100vw - 20px);}

    .m8{display: none;}

    .m7{padding: 30px 0 0 0;}

}


@media (max-width: 576px) {
    .header{margin:0 0 20px 0;}
    .footer{padding:30px 0 0 0;}
    .main .siteTitle, .article .siteTitle, .m3 h2{font-size: 30px; margin: 0 0 20px 0;}
    .article p.lead, .main p.lead {font-size:20px; line-height: 30px; margin: 0 0 20px 0;}
    .m3 p{line-height: 26px; font-size: 16px;}
    .m4{text-align: center;}
    .m4 ul{text-align: left;}

    .article{padding:0 0 30px 0;}

    .m6{margin:0 0 30px 0;}

    .m10{float:none; text-align: center;}

    .m10 button{width:100%; margin: 10px 0 0 0; float: none;}

    .m9{margin-top:30px;}

    .m7 button{float:none; width:100%; margin:20px 0 0 0;}
    .m7 form{margin:0 0 30px 0;}

    .m7 img{max-width: 314px; width: 100%; margin:0 0 30px 0;}

    .main .m2 .eventList li{border-bottom: 1px solid #e6e6e6;}
    .main .m2 .eventList li a{background: none;}
    .main .m2 .eventList li a .textWrapper{padding: 0; position: relative;}
    .main .m2 .eventList li a .textWrapper .date{font-size: 16px; margin:0 0 10px 0;}
    .main .m2 .eventList li a .imageWrapper img{opacity: 1;}
    .main .m2 .eventList li a{color: #333;}
    .main .m2 .eventList li a .imageWrapper{margin:0 0 10px 0;}
    .main .m2 .eventList li:last-child{border: 0;}
    .main .m2 .eventList li a .textWrapper .description{margin: 0 0 20px 0;}

}

@media (min-width: 576px){
    .modal .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }}