/* Sweet Night Club template */

/************ TABLE OF CONTENTS ***************
1. Header
2. Footer
3. Calendar
4. Section1
5. Videoblock
6. Subscribe
7. Slider Block
8. Popular DJ
9. Maps Block
10. Blog
11. Reservation
12. Adress

**********************************************/
/*................................reset...........................................*/

body { font-family: 'PT Sans', sans-serif; }

html { font-size: 22px; }


/***********************
==========================================
Header
==========================================
*************************/
.header { background: rgba(1, 0, 0, 0.64); min-height: 143px; }

#HOME {
   /* position: fixed;*/
    z-index: 9999999999;
    width: 100vw;
}

.calendar.js-section{
    height: 100vh;
}


.header.fixed { position: fixed; left: 0; right: 0; top: 0; z-index: 5000; }

.header .logotip { padding-top: 25px; float: left; }

.header.fixed .logotip { padding-top: 13px; float: left; }


.header .navbar-header { position: relative; }

.header .navbar-toggle { background: #fff; margin: 0; }


.header .navbar-toggle .sr-only { display: none; }

.header .navbar-toggle .icon-bar { background: #000; }

.header .navbar-collapse { float: right; /*padding-top: 85px;*/ }

.header .navbar-collapse ul { display: block; }

.header .navbar-collapse ul li { float: left; }

.header .navbar-collapse ul li a { font-size: 0.9545rem; color: #cdcccc; font-weight: 400; text-decoration: none; display: inline-block; padding-left: 38px; padding-right: 38px; padding-bottom: 40px; transition: all 0.5s ease-out 0.25s; }


.header .navbar-collapse ul li.active a, .header .navbar-collapse ul li:hover a { background: none; color: #00aeef; position: relative; }

.header .navbar-collapse ul li.active a:after, .header .navbar-collapse ul li:hover a:after { transition: all 0.5s ease-out 0.25s; position: absolute; content: ''; left: 0; right: 0; bottom: 0; background: #00aeef; height: 6px; }

.header .navbar-collapse ul li:nth-last-child(1) { margin-right: -38px; }


.header.fixed .logotip img {width: 200px}
.header.fixed .navbar-collapse {
    padding-top: 18px;
}
.header.fixed .navbar-collapse ul li a {padding-bottom: 25px}

.fixed.header {
    background: #010000;
    min-height: 82px;
/*  */
}
.fixed.header .navbar {
    margin-bottom: 11px;
}

.collapse { display: none; }

.collapse.in { display: block; }

/***********************
==========================================
Footer
==========================================
*************************/
.footer { height: 304px; background: #fff; padding-top: 54px; text-align: center; color: #818181; font-size: 0.9091rem; }


.footer nav ul { display: block; padding-bottom: 55px; }


.footer nav ul li { padding-left: 0px; padding-right: 21px; list-style: none; display: inline-block; }

/***********************
==========================================
Calendar
==========================================
*************************/
.calendar { position: relative; }

.calendar .bottom { position: absolute; left: 0; right: 0; bottom: 0; }

.calendar .bottom .container { background: #ff2a70; }

/*@media (max-width: 767px) { .calendar .bottom { position: relative; left: auto; right: auto; bottom: auto; } }*/

.calendar .itemcalendar { height: 121px; padding-left: 88px; padding-top: 30px; padding-right: 0; line-height: normal; }

.calendar .itemcalendar:nth-child(odd) { background: #00adef; }

.calendar .itemcalendar .icon { padding-top: 4px; float: left; }

.calendar .itemcalendar .text { margin-left: 64px; font-size: 1rem; color: #fff; }

.calendar .itemcalendar .text h5 { color: #fffdfd;
font-weight: 700;
text-transform: uppercase; }
.calendar .itemcalendar .text h5 a 
{
    font-weight: 400;
    font-size: 16px;
}
.calendar .itemcalendar:nth-child(2) { padding-left: 105px; }
.calendar .itemcalendar:nth-child(3) { padding-left: 92px; }

.calendar .itemcalendar:nth-child(3) .text { margin-left: 45px; }

.calendar .itemcalendar:nth-child(4) { padding-left: 96px; }

.calendar .itemcalendar:nth-child(4) .text { margin-left: 40px; }

/***********************
==========================================
Section1
==========================================
*************************/
.section1 { padding-bottom:0; color: #444; font-size: 0.8636rem; line-height: 1.75rem; text-align: center; padding-top: 44px; }

.section1 h1 { font-family: 'Oswald', sans-serif; font-style: italic; text-align: center; color: #00adef; line-height: normal; font-size: 2.455rem; font-weight: normal; padding-bottom: 7px; }

.section1 h2 { font-size: 1.636rem; color: #333; letter-spacing: 1.3px; font-weight: normal; line-height: normal; padding-bottom: 46px; }

.section1 .text { padding-bottom:0px; padding-left: 80px; padding-right: 80px; }


/***********************
==========================================
Videoblock
==========================================
*************************/
.videoblock {/* background: url(../images/videoblock.jpg) no-repeat left center #080f13;*/ background: #f5f6f8; height: 786px; padding-top: 42px; padding-bottom: 42px; }
.videoblock .left-part { float: left; width: 29.55%; }

.videoblock .left-part ul { padding-top: 176px; }

.videoblock .left-part ul li {cursor: pointer; display: block; list-style: none; padding-bottom: 5px; }

.videoblock .left-part ul li span { display: block; font-size: 0.8636rem; font-weight: bold; height: 41px; padding-left: 28px; line-height: 41px; color: #000; transition: all 0.5s ease-out 0.25s; }

.videoblock .left-part ul li span.active, .videoblock .left-part ul li span:hover { background: rgb(0, 174, 239,0.67); }

.videoblock .right-part { float: right; width: 70.45%; }

.videoblock .item { float: left; width: 33.33%; display: block; height: 235px; overflow: hidden; position: relative; }

.videoblock .item img { max-width: 100%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

.videoblock .item:before { position: absolute; content: ''; left: 0; right: 0; bottom: 0; display: block; top: 0; opacity: 0; background: rgb(0, 174, 239,0.5); z-index: 2; transition: all 0.5s ease-out 0.25s; }

.videoblock .item:after { content: ''; position: absolute; left: 50%; top: 50%; width: 86px; height: 86px; display: block; opacity: 0; margin-left: -43px; margin-top: -43px; transition: all 0.5s ease-out 0.25s; z-index: 5; background: url(../images/zoom.png) no-repeat center; }

.videoblock .item:hover:after, .videoblock .item:hover:before { opacity: 1; }

.videoblock .item.video:after { background: url(../images/video.png) no-repeat center; }

/***********************
==========================================
Subscribe
==========================================
*************************/
.subscribe .row { padding-top: 196px; height: 691px; background: url(../images/subscribe-bg.jpg) no-repeat right bottom; }


.subscribe h2 { font-family: 'Oswald', sans-serif; font-style: italic; text-align: center; color: #00adef; line-height: normal; font-size: 2.455rem; font-weight: normal; padding-bottom: 8px; }

.subscribe h3 { font-size: 0.9091rem; text-align: left; padding-left: 176px; letter-spacing: 0.4px; font-weight: normal; color: #6d6d6d; }

.subscribe .form { width: 828px; margin: 0; }

.subscribe .form form { display: block; padding-top: 45px; height: 145px; }

.subscribe .form form .inputext { border: #b7b7b7 solid 1px; height: 99px; border-right: none; padding-left: 42px; font-size: 1.182rem; width: 628px; }

.subscribe .form form .inputsmb { width: 198px; height: 99px; display: block; float: right; background: #00adef; text-align: center; border: #f6f6f6 solid 1px; border-left: none; border-top-color: #fcfcfc; color: #ffffff; font-size: 1.591rem; vertical-align: middle; }
/***********************
==========================================
Slider Block
==========================================
*************************/
.sliderblock { background: url(../images/slider-bg.jpg) no-repeat center center; padding-top: 105px; padding-bottom: 101px; position: relative; }

.sliderblock .next, .sliderblock .prev { position: absolute; top: 145px; width: 74px; height: 74px; background: #00adef; display: inline-block; }

.sliderblock .next { right: 0; background: url(../images/next-bg.png) no-repeat center #00adef; }

.sliderblock .prev { left: 0; background: url(../images/prev-bg.png) no-repeat center #00adef; }

.sliderblock h2 { font-family: 'Oswald', sans-serif; font-style: italic; text-align: center; color: #fff;text-transform: uppercase; line-height: normal; font-size: 2.455rem; font-weight: normal; padding-bottom: 62px; }


.sliderblock .js-slider-init { width: 1400px; height: 130px; overflow: hidden; }

.sliderblock .js-slider-init:after { content: ""; display: block; height: 0; clear: both; }

.sliderblock .item { width: 413px; height: 587px; float: left; margin-right: 58px; position: relative; background: #000; }

.sliderblock .item .wrap-img { height: 325px; width: 100%; overflow: hidden; position: relative; }

.sliderblock .item .date { position: absolute; right: 0; bottom: 0; padding-top: 14px; display: block; width: 149px; height: 118px; color: #fff; background: #00adef; text-align: center; font-size: 1.273rem; line-height: 1.864rem; }

.sliderblock .item .date span { font-size: 2.182rem; }

.sliderblock .item .time { width: 149px; margin-right: 0; font-size: 1.273rem; color: #fff; text-align: center; height: 63px; line-height: 63px; }

.sliderblock .item .title { padding-left: 30px; padding-right: 30px; padding-top: 8px; padding-bottom: 10px; }

.sliderblock .item .title a { font-size: 1.455rem; line-height: 2.136rem; letter-spacing: 0.7px; color: #fff; text-decoration: none; }

.sliderblock .item .locate { min-height: 30px; line-height: 30px; padding-left: 33px; margin-left: 30px; margin-right: 30px; font-size: 0.8636rem; text-transform: uppercase; color: #fff; background: url(../images/location-s.png) no-repeat left center; }
/***********************
==========================================
Popular DJ
==========================================
*************************/
.populardj { background: url(../images/bg-block-1.jpg) no-repeat center top; padding-top: 112px; padding-bottom: 229px; position: relative; }

.populardj h2, .populardj h3 { 
	font-family: 'Oswald', sans-serif; font-style: italic; text-align: center; color: #FFF; line-height: normal; font-size: 2.455rem; font-weight: normal; padding-bottom: 15px; }

.populardj h3 { padding-bottom: 0; text-align: left; font-style: normal; line-height: 0.8; }

.populardj .item { margin-left: -15px; margin-right: -15px; }

.populardj .item:after { content: ''; height: 0; display: block; clear: both; }

.populardj .item .wrap-img { float: left; width: 362px; overflow: hidden; }

.populardj .item .wrap-text { color: #fff; font-size: 0.8636rem; line-height: 1.318rem; margin-left: 388px; }

.populardj .item .wrap-text .special { padding-top: 14px; padding-left: 10px; padding-bottom: 19px; font-size: 1.273rem; line-height: 1.864rem; font-style: italic; }

.populardj .item .info { width: 366px; padding-top: 24px; margin-left: auto; margin-right: auto; }

.populardj .item .info-item { text-align: center; float: left; display: block; padding-top: 28px; width: 122px; height: 181px; border-left: #a09c99 solid 1px; border-right: #bebbb9 solid 1px; }

.populardj .item .info-item:nth-child(1) { border-left: none; }

.populardj .item .info-item:nth-last-child(1) { border-right: none; }

.populardj .item .info-item .pic { height: 66px; }

.populardj .item .info-item .name { color: #00adef; font-size: 1.273rem; line-height: 1.864rem; text-transform: uppercase; }

.populardj .item .info-item .count { font-size: 1.909rem; line-height: 1.909rem; font-style: italic; }

/***********************
==========================================
Maps Block
==========================================
*************************/
.maspblock { height: 568px; }
/***********************
==========================================
Blog
==========================================
*************************/
.blog { overflow: hidden; padding-top: 107px; height: 1500px; }



.blog h2 { font-family: 'Oswald', sans-serif; font-style: italic; text-align: center; color: #00adef; line-height: normal; font-size: 2.455rem; text-transform: uppercase; font-weight: normal; padding-bottom: 60px; }

.blog .left-part { float: left; width: 850px; padding-top: 65px; padding-bottom: 65px; position: relative; }

.blog .left-part .top-prev { position: absolute; left: 172px; top: 0; width: 66px; height: 66px; display: inline-block; border: #00adef solid 1px; background: url(../images/top-bg.png) no-repeat center; }

.blog .left-part .but-next { position: absolute; left: 172px; bottom: 0; width: 66px; height: 66px; display: inline-block; border: #00adef solid 1px; background: url(../images/bot-bg.png) no-repeat center; }

.blog .sliderblog { height: 970px; overflow: hidden; position: relative; }

.blog .sliderblog:before { content: ''; position: absolute; left: 205px; width: 1px; display: block; background: #00adef; top: 0; bottom: 0; }

.blog .sliderblog .slick-list { padding: 0 !important;    cursor: pointer; }

.blog .sliderblog .itemslide { height: 241px; margin-bottom: 124px; position: relative; }

.blog .sliderblog .itemslide .date { position: absolute; left: 0; top: 50%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 0.7727rem; line-height: 1.364rem; }

.blog .sliderblog .itemslide .date span { font-size: 1.227rem; }

.blog .sliderblog .itemslide .icon { position: absolute; left: 166px; top: 50%; width: 80px; height: 80px; -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.blog .sliderblog .itemslide .icon.audio { background: url(../images/audio-bg.png) no-repeat center; }

.blog .sliderblog .itemslide .icon.video { background: url(../images/video-bg.png) no-repeat center; }

.blog .sliderblog .itemslide .icon.photo { background: url(../images/photo-bg.png) no-repeat center; }

.blog .sliderblog .itemslide .wrap-text { width: 532px; height: 241px; float: right; background: #e3e3e3; -ms-box-sizing: border-box; box-sizing: border-box; padding: 24px 15px 24px 30px; position: relative; }

.blog .sliderblog .itemslide .wrap-text:before { content: ''; position: absolute; display: inline-block; width: 28px; height: 56px; background: url(../images/arrow-texr.png) no-repeat center; -ms-transform: translate(0, -50%); transform: translate(0, -50%); left: -27px; top: 50%; }

.blog .sliderblog .itemslide .wrap-text .img { float: left; padding-right: 20px; }

@media (max-width: 1439px) { .blog .sliderblog .itemslide .wrap-text .img { width: 50%; padding-right: 0; display: block; } }

@media (max-width: 1200px) { .blog .sliderblog .itemslide .wrap-text .img { width: 40%; overflow: hidden; height: 130px; position: relative; }
    .blog .sliderblog .itemslide .wrap-text .img img { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; } }

.blog .sliderblog .itemslide .wrap-text .info { margin-left: 260px; color: #626262; font-size: 0.7727rem; line-height: 1.273rem; }

.blog .sliderblog .itemslide .wrap-text h4 { color: #00adef; font-size: 1.045rem; font-weight: normal; line-height: 1.273rem; }

.blog .right-part { float: right; margin-top: 65px; position: relative; width: 640px; }

.blog .sliderblog-one .itemslide { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; font-size: 1rem; line-height: 1.273rem; color: #252525; }


.blog .sliderblog-one .itemslide.slick-slide { display: none; }

.blog .sliderblog-one .itemslide.slick-current.slick-active { opacity: 1; display: block; left: 0 !important; top: 0 !important; position: absolute !important; }

.blog .sliderblog-one .itemslide .autor-event { font-size: 0.9091rem; font-style: italic; color: #6d6d6d; padding-bottom: 32px; letter-spacing: 0.5px; }

.blog .sliderblog-one .itemslide .autor-event .autor { display: inline-block; padding-left: 27px; padding-right: 40px; min-height: 21px; background: url(../images/people.png) no-repeat left center; }

.blog .sliderblog-one .itemslide .autor-event .event { display: inline-block; padding-left: 25px; min-height: 21px; background: url(../images/event-small.png) no-repeat left center; }

.blog .sliderblog-one .itemslide h3 { font-size: 1.818rem; font-weight: normal; color: #00adef; line-height: 1.545rem; letter-spacing: 1px; padding-bottom: 15px; }

.blog .sliderblog-one .itemslide .wrap-img { position: relative; margin-bottom: 23px; }

.blog .sliderblog-one .itemslide .wrap-img img { display: block; }

@media (max-width: 1600px) { .blog .sliderblog-one .itemslide .wrap-img img { width: 100%; } }

.blog .sliderblog-one .itemslide .wrap-img .caption { color: #fff; padding: 30px 40px; font-style: italic; font-size: 0.9091rem; position: absolute; left: 0; right: 0; bottom: 0; font-weight: bold; background: rgba(0, 0, 0, 0.5); }

.blog .sliderblog-one .itemslide .text2 { font-size: 1.136rem; color: #000; font-weight: bold; padding-bottom: 20px; }

.blog .sliderblog-one .itemslide .socseti { margin-top: 20px;border-top: #0c9fd7 solid 7px; padding-top: 18px; line-height: 2rem; color: #626262; }

@media (max-width: 480px) { .blog .sliderblog-one .itemslide .socseti { padding-bottom: 50px; position: relative; } }

.blog .sliderblog-one .itemslide .socseti ul { float: right; }

@media (max-width: 480px) { .blog .sliderblog-one .itemslide .socseti ul { float: none; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; } }

.blog .sliderblog-one .itemslide .socseti ul li { list-style: none; display: block; float: left; width: 44px; height: 44px; margin-left: 11px; border: #ff3c7e solid 1px; }

@media (max-width: 480px) { .blog .sliderblog-one .itemslide .socseti ul li { margin-left: 3px; margin-right: 3px; display: inline-block; } }

.blog .sliderblog-one .itemslide .socseti ul li a { display: block; width: 43px; height: 43px; position: relative; border: #ffedf3 solid 1px; }

.blog .sliderblog-one .itemslide .socseti ul li img { height: 18px; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

/***********************
==========================================
Reservation
==========================================
*************************/
.reservation { height: 1049px; padding-top: 79px; /*background: url(../images/reservation.jpg) no-repeat;*/ }

@media (max-width: 1600px) { .reservation { padding-top: 50px; height: auto; padding-bottom: 50px; } }

.reservation h2, .reservation h3 { font-family: 'Oswald', sans-serif; font-style: italic; text-align: center; color: #000; line-height: normal; font-size: 2.455rem; text-transform: uppercase; font-weight: normal; padding-bottom: 4px; }

.reservation h3 { font-size: 1.773rem; }

.reservation .form { width:100%; }

@media (max-width: 1023px) { .reservation .form { width: auto; margin-right: 20px; margin-left: 20px; } }

.reservation .form .form-control { height: 70px; padding-top: 7px; position: relative; background: none; border: none; border-bottom: #454241 solid 4px; }

@media (max-width: 1023px) { .reservation .form .form-control { padding-top: 10px; height: 74px; } }

.reservation .form .form-control .icon { position: absolute; right: 15px; bottom: 20px; }

.reservation .form .form-control input[type="text"],.form-control input[type="number"],.form-control input[type="email"],.form-control textarea { background: none; border: none; color: #010000; width: 100%; height: 51px; font-size: 1.227rem; }

.reservation .form .form-submit { padding-top: 50px; }

.reservation .form .form-submit input[type="submit"] { display: block; margin-left: auto; margin-right: auto; width: 133px;
height: 40px; border: none; background: #00aeef; color: #fff; font-size: 1.455rem; }

@media (max-width: 1023px) { .reservation .form .form-submit input[type="submit"] { width: 50%; height: 80px; } }

@media (max-width: 767px) { .reservation .form .form-submit input[type="submit"] { height: 50px; width: 80%; } }

@media (max-width: 1023px) { .reservation .form .form-submit { padding-top: 20px; } }

/***********************
==========================================
Adress
==========================================
*************************/
.adress { height: 365px; font-size: 0.9091rem; padding-top: 104px; color: #fff; line-height: 1.364rem; background: url(../images/adress-bg.jpg) no-repeat; }

@media (max-width: 1600px) { .adress { padding-top: 30px; height: auto; padding-bottom: 30px; background-position: center; } }

@media (max-width: 767px) { .adress { background-size: auto 100%; text-align: center; } }

.adress .wrap-img { height: 75px; vertical-align: middle; }

.adress .wrap-img:before { content: ''; height: 100%; vertical-align: middle; }

@media (max-width: 767px) { .adress .wrap-img { height: auto; padding: 5px 0; } }



.nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}
.animate_social_icon {
    -webkit-animation-duration: .6s;
    -o-animation-duration: .6s;
    -moz-animation-duration: .6s;
    animation-duration: .6s;

    -webkit-animation-delay: .1s;
    -o-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s;
}