/* begin -------------------- nameday styles */
#namedays {background:#fafafa;overflow:hidden}
.namedays-header {background-color:#4d6880;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;text-align:center;color:#fff;position:relative}
.namedays-header.month01 {background-image:url(../img/namedays/cover-calendar-01.jpg)}
.namedays-header.month02 {background-image:url(../img/namedays/cover-calendar-02.jpg)}
.namedays-header.month03 {background-image:url(../img/namedays/cover-calendar-03.jpg)}
.namedays-header.month04 {background-image:url(../img/namedays/cover-calendar-04.jpg)}
.namedays-header.month05 {background-image:url(../img/namedays/cover-calendar-05.jpg)}
.namedays-header.month06 {background-image:url(../img/namedays/cover-calendar-06.jpg)}
.namedays-header.month07 {background-image:url(../img/namedays/cover-calendar-07.jpg)}
.namedays-header.month08 {background-image:url(../img/namedays/cover-calendar-08.jpg)}
.namedays-header.month09 {background-image:url(../img/namedays/cover-calendar-09.jpg)}
.namedays-header.month10 {background-image:url(../img/namedays/cover-calendar-10.jpg)}
.namedays-header.month11 {background-image:url(../img/namedays/cover-calendar-11.jpg)}
.namedays-header.month12 {background-image:url(../img/namedays/cover-calendar-12.jpg)}
.namedays-header > .container-fluid {width:100%;padding:75px 20px 60px;position:relative;z-index:100}
.namedays-header > .container-fluid.loading {z-index:14}
.namedays-header > .container-fluid.loading:before {background-color:rgba(0,0,0,.75)}
.namedays-header > .container-fluid.loading:after {margin-top:-24px;background-image:url(../img/loading-light.svg)}
.namedays-header:after {content:" ";display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:10;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}
.namedays-header .page-title {margin:0 0 25px;font-weight:500;font-size:32px;line-height:40px;text-shadow:0 1px 1px rgba(0,0,0,.5)}
.namedays-header .selected-date {margin:25px 0 0;font-size:24px;line-height:30px;text-shadow:0 1px 1px rgba(0,0,0,.5)}
.namedays-header .selected-date .names {display:block;margin-top:5px}
#nameday-form {width:100%;max-width:480px;margin:0 auto;text-align:left}
#nameday-form label {display:none}
#nameday-form .twitter-typeahead.loading:before {display:none}
#nameday-form .twitter-typeahead.loading:after {left:auto;right:7px;background-size:32px}
#nameday-form .form-control {font-size:18px;height:50px;line-height:50px;border:0;border-radius:2px;padding:0 15px;box-shadow:0 0 5px 1px rgba(52,73,94,.25) !important}
#nameday-form .tt-menu {width:100%;background:#fff;margin-top:-15px;padding:10px;border-radius:0 0 2px 2px;box-shadow:0 6px 12px rgba(0,0,0,.175);color:#34495e}
#nameday-form .tt-suggestion {padding:10px 5px;font-size:16px;line-height:20px;cursor:pointer}
#nameday-form .tt-suggestion + .tt-suggestion {box-shadow:inset 0 1px 0 rgba(77,104,128,.1)}
#nameday-form .tt-highlight {font-weight:500;color:#000}
#nameday-form .tt-suggestion:hover, #nameday-form .tt-suggestion.tt-cursor {background:#4d6880;border-radius:2px;box-shadow:none}
#nameday-form .tt-suggestion:hover *, #nameday-form .tt-suggestion.tt-cursor * {color:#fff}
.calendar-header {margin:20px 0 20px;padding:0 60px}
.calendar-header .prev, .calendar-header .next {display:block;float:left;color:#4d6880;text-decoration:none !important;font-size:0;line-height:0;text-align:left}
.calendar-header .prev:hover:before, .calendar-header .next:hover:before {border-color:transparent;box-shadow:0 1px 15px 1px rgba(77,104,128,.25)}
.calendar-header .next {float:right;text-align:right;margin-right:-54px}
.calendar-header .prev {margin-left:-54px}
.calendar-header .prev:before, .calendar-header .next:before {display:block;width:54px;height:54px;font-size:30px;line-height:52px;border:1px solid #ddd;border-radius:30px}
.calendar-header .prev:before {padding-left:9px}
.calendar-header .next:before {padding-right:9px}
.calendar-header .dropdown {display:inline-block}
.calendar-header .dropdown a[data-toggle="dropdown"] {display:block;border-radius:5px;margin:5px 0;padding:0 10px;font-size:20px;line-height:44px;text-decoration:none !important;color:#4d6880}
.calendar-header .dropdown a[data-toggle="dropdown"]:hover {box-shadow:0 0 0 1px #ddd}
.namedays-content {padding-bottom:0;background:#fff;transform:rotate(3deg);box-shadow:25px 0 0 #fff, -25px 0 0 #fff;position:relative;z-index:15}
.namedays-content > .container-fluid {padding-right:20px;padding-left:20px;padding-bottom:80px;transform:rotate(-3deg)}
.namedays-content .calendar {width:100%;height:100%}
.namedays-content .calendar th {padding:15px 10px;font-weight:300;font-size:16px;text-align:center}
.namedays-content .calendar th:nth-child(7) {color:#e03b00}
.namedays-content .calendar td {height:86px;border:1px solid #eee;border-bottom-width:0}
.namedays-content .calendar td+td {border-left:0}
.namedays-content .calendar tr:last-child td {border-bottom-width:1px}
.namedays-content .calendar a {display:block;width:100%;height:100%;padding:10px;position:relative;color:#4d6880;text-decoration:none !important}
.namedays-content .calendar a:hover {background:#f4f5f7}
.namedays-content .calendar .date {display:block;float:left;width:40px;font:300 36px/36px Roboto,Arial,sans-serif;text-align:center}
.namedays-content .calendar .names {margin-left:40px;font-size:14px;line-height:16px;text-align:right}
.namedays-content .calendar .name {display:block}
.namedays-content .calendar .sunday .date {color:#e03b00}
.namedays-content .calendar .selected a {background:#fff;z-index:10;box-shadow:0 0 0 3px #e03b00}
.namedays-content .banner.giga [id^=bbb], .namedays-content .banner.giga [id^=adform] {margin:40px -10px -10px -10px !important}
.namedays-footer {padding:60px 0 45px;background:#f4f5f7;text-align:left}
.namedays-footer > .container-fluid {padding-right:40px;padding-left:40px}
.namedays-footer .title {margin:0 0 10px;font-weight:500;font-size:18px;line-height:22px}
.namedays-footer .content {margin:0 0 35px;font-size:16px;line-height:22px}
.namedays-footer .name+.name:before {content:", "}
/* end -------------------- nameday styles */


/* begin -------------- responsive styles */
.mobile-only {display: none;}

/********** wallpaper class & bigger than 1100px */
@media (min-width:1101px) {

}
/********** smaller than 1001px */
@media (max-width:1000px) {
    .namedays-footer > .container-fluid {padding-right:30px;padding-left:30px}
    .namedays-content .calendar .date {width:30px;font-size:26px;line-height:26px}
}
/********** bigger than 767px and smaller than 1001px */
@media (min-width:768px) and (max-width:1000px) {
    .calendar-header {margin-right:20px;margin-left:20px}
    .namedays-content > .container-fluid {padding-right:0;padding-left:0}
    .namedays-content .calendar {width:calc(100% + 2px);margin:0 -1px}
    .namedays-content .calendar .names {margin-left:30px}
}
/********** smaller than 768px */
@media (max-width:767px) {
    .namedays-header > .container-fluid {padding:20px 20px 50px}
    .namedays-header > .container-fluid.loading:after {margin-top:-47px}
    .calendar-header {margin-top:20px}
    .calendar-header .prev:before, .calendar-header .next:before {border-color:transparent}
    #namedays {display:-webkit-flex;display:flex;flex-direction:column}
    .namedays-content {-webkit-order:2;order:2;;background:#fafafa;box-shadow:100px 0 0 #fafafa, -100px 0 0 #fafafa}
    .namedays-content > .container-fluid {padding-bottom:25px}
    .namedays-content .calendar tr {display:block;background:#fff}
    .namedays-content .calendar tr+tr {margin-top:10px;border:1px solid #eee;border-bottom:0}
    .namedays-content .calendar tr:first-child {display:none}
    .namedays-content .calendar tr:first-child+tr {margin-top:0}
    .namedays-content .calendar td {display:block;height:auto;border:0;border-bottom:1px solid #eee;text-align:left}
    .namedays-content .calendar td:empty {display:none}
    .namedays-content .calendar a {color:#34495e}
    .namedays-content .calendar .date {float:none;display:table-cell;width:auto;padding-bottom:2px;font-weight:400;font-size:20px;line-height:18px}
    .namedays-content .calendar .names {display:table-cell;margin:0;padding-left:15px;text-align:left;vertical-align:middle;font-size:15px}
    .namedays-content .calendar .name {display:inline}
    .namedays-content .calendar .name+.name:before {content:", "}
    .namedays-content .calendar .selected {border-bottom:0}
    .namedays-content .calendar .sunday .names {color:#e03b00}
    .namedays-footer {transform:rotate(3deg);-webkit-order:1;order:1;padding-top:0;padding-bottom:0;background:#fff;box-shadow:50px 0 0 #fff, -50px 0 0 #fff;z-index:14}
    .namedays-footer > .container-fluid {transform:rotate(-3deg);padding:50px 20px 25px !important}
    .mobile-only {display: block;}
    .desktop-only {display: none;}
}
/********** smaller than 541px */
@media (max-width:540px) {
    .namedays-header .page-title {margin-bottom:20px;font-size:26px;line-height:30px}
    .namedays-header .selected-date {margin-top:20px;font-size:20px;line-height:24px}
    .namedays-footer > .container-fluid {padding-bottom:40px !important}
    .namedays-footer .content {margin-bottom:25px;font:400 15px/20px Roboto}
}
/* end -------------- responsive styles */