/*

-webkit-transition: top 1s ease-out 0.5s;
-moz-transition: top 1s ease-out 0.5s;
-o-transition: top 1s ease-out 0.5s;
transition: top 1s ease-out 0.5s;

*/

*,
:after,
:before {
    outline: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    width: 100%;
}
body {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #3c4465;
    font-family: 'Open Sans', sans-serif;
}
a img {border: none;}
textarea {resize: none;}
.inl {display: inline-block; vertical-align: top;  *zoom: 1; *display: inline;}
.vtop {vertical-align: top;}
.vmid {vertical-align: middle;}
.vbot {vertical-align: bottom;}
.aleft {text-align: left;}
.acenter {text-align: center;}
.aright {text-align: right;}
.fright { float: right; }
.fleft { float: left; }

.ajustyfy {text-align: justify;}
.ajustyfy-containers:after {
    content: '';
    width: 100%;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.upper{text-transform: uppercase}

/*columns grid*/
.one-two {width: 48.6%; margin-left: 2%;}
.one-three {width: 31.3%;margin-left: 2%;}
.two-three {width: 64.6%;margin-left: 2%;}
.one-four {width: 23%;margin-left: 2%;}
.two-four {width: 48%;margin-left: 2%;}
.three-four {width: 73%;margin-left: 2%;}

.one-five {width: 18%;margin-left: 2%;}

ul.nostyle {list-style: none; padding: 0;}

.one-two.first,.one-three.first,.two-three.first,.one-four.first,.two-four.first,.three-four.first,.one-five.first {margin-left: 0;}
.one-two.first {margin-left: 0;}
.one-five-full {width: 20%;}
.two-five-full {width: 40%;}
.three-five-full {width: 60%;}
.four-five-full {width: 80%;}
.one-two-full {width: 50%;}
.one-three-full,.one-three.first {width: 33.3%;}
.two-three-full,.two-three.first {width: 66.6%;}
.one-four-full, .one-four.first {width: 25%;}
.two-four-full, .two-four.first {width: 50%;}
.three-four-full, .three-four.first {width: 75%;}
.one-six-full {width: 16.6%;}

.fullW {width: 100%;}
.fixW {width: 96%; max-width: 1084px; margin: 0 auto;}

#wrapper {width: 100%; min-height: 100%; position: relative; padding-bottom: 250px;}

nav,
header,
section,
footer,
article,
aside {
    display: block;
}

h1 {
    font-size: 24px;
    color: #434a54;
    font-weight: 400;
}
section .title{
    margin-bottom: 20px;
}

section .two-borders {
    border-bottom: 1px solid #aab2bc;
    padding: 0 0 14px;
    position: relative;
    margin-bottom: 32px;
}
section .two-borders:after {
    content: '';
    display: inline-block;
    width: 100%;
    border-bottom: 2px solid #546277;
    position: absolute;
    left: 0;
    bottom: -4px;
    *zoom: 1;
    *display: inline;
}



.title {    
    /*border-bottom: 1px solid #aab2bc;*/
}
.title h2 {
    font-size: 30px;
    font-weight: 300;
    color: #454545;
    margin: 0;
}

.title h2.bold{
    font-weight: 400;
}



/* header styles */
header {
    width: 100%;
    height: 60px;
    background: url(../images/header-background.png) repeat 0 0 transparent;
    padding: 10px 0 0;
    position: relative;
}
header .search {position: relative; margin-left: 28px;}
header .search label {
    position: absolute;
    color: #f5f5f5;
    font-size: 14px;
    text-transform: uppercase;
    top: 4px;
    left: 0;
    cursor: text;
}
header .search input[type="text"] {
    border: none;
    background: transparent;
    border-bottom: 1px solid #f5f5f5;
    height: 28px;
    line-height: 27px;
    color: #f5f5f5;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    width: 138px;
}
header input[type="submit"] {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 4px;
    right: 4px;
    background: url(../images/search-btn.png) no-repeat 0 0 transparent;
    cursor: pointer;
    border: none;
} 
header nav {margin-left: 21px;}
header nav li {padding: 0 21px;}
header nav a {
    color: #f5f5f5;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;    
}
header .menu-account a {
    color: #ffffff;
    font-size: 12px;
    padding-left: 18px;
    text-decoration: none;
}

/*section styles*/

section {}
.breadcrumps {
    background: #546277;
    height: 30px;
    line-height: 26px;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.4);
}
.breadcrumps ul {padding: 0;}
.breadcrumps ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 21px 0 24px;
    background: url(../images/breadcrumps-arrow.png) no-repeat left center transparent;
    *zoom: 1; 
    *display: inline;
}
.breadcrumps ul li:first-child {background: none; padding-left: 0;}
.breadcrumps ul li a {color: #ccd1d9; font-size: 12px; text-decoration: none;}

/*banner styles*/

.banner {
    position: relative;
    height: 566px;
    background-color: transparent;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../images/dotted_mask.png");
    background-repeat: repeat;
}

.banner.short_banner{
    height: 336px;
}

.banner .shadow {
    background: url(../images/header-shadow.png) repeat-x 0 0 transparent;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 283px;
    z-index: 1;
}
.banner > div.fixW {position: relative; z-index: 2; padding-top: 18px;}
.banner h1 {
    color: #ffffff;
    font-size: 44px;
    line-height: 54px;
    font-weight: 700;
}

.banner h1.bigger{
    font-size: 60px;
    font-weight: 800;
}

.banner .black-cont {
    background: url(../images/black-cont-background.png) repeat 0 0 transparent;
    padding: 19px 22px;
}
.banner .black-cont p {margin-top: 0; color: #aab2bc; font-size: 14px; line-height: 21px;}
.banner .black-cont .date {
    background: url(../images/calendar-icon-1.png) no-repeat left center transparent;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    padding-left: 28px;
    margin-top: 54px;
}
.banner .date span {
    color: #678ebe;
}


.banner > div.discover_banner{
    padding-top: 60px;
}
.banner > div.discover_banner h1{
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.5), 0 0 13px rgba(0, 0, 0, 0.75);
}
.banner > div.discover_banner .input_bg{
    width: 755px;
    height: 46px;
    background-color: #ffffff;
    border: 1px solid #373f60;
    margin: 100px auto 0 auto;

    border-color: rgba(55,63,96,.9);
    background-color: rgba(255,255,255,.9);
}
.banner > div.discover_banner .input_bg input[type="text"]{
    border: none;
    background: none;
    height: 44px;
    padding-left: 16px;
    font-family: "Open Sans",sans-serif;
    color: #3c4465;
    font-size: 14px;
}


/* Temporary solution!!! Hide a search block and H1 vertical align to middle */
.banner > div.discover_banner{
    display: table;
    padding-top: 0;
    height: 100%;
}
.banner > div.discover_banner h1 {
    display: table-cell;
    vertical-align: middle;
}
.banner > div.discover_banner .input_bg {
    display: none;
}


.banner > div.discover_banner .input_bg input[type="text"]::-webkit-input-placeholder {color:#9a9a9a; opacity: 1;}
.banner > div.discover_banner .input_bg input[type="text"]::-moz-placeholder          {color:#9a9a9a;opacity: 1;}/* Firefox 19+ */
.banner > div.discover_banner .input_bg input[type="text"]:-moz-placeholder           {color:#9a9a9a;opacity: 1;}/* Firefox 18- */
.banner > div.discover_banner .input_bg input[type="text"]:-ms-input-placeholder      {color:#9a9a9a;opacity: 1;}


.banner > div.discover_banner .input_bg input[type="text"]:first-child{
    width: 287px;
}
.banner > div.discover_banner .input_bg input[type="text"].location{
    width: 200px;
    padding-left: 24px;
    background-image: url("../images/location_marker.png");
    background-repeat: no-repeat;
    background-position: 0 center;
}


.banner > div.discover_banner .input_bg .select{
    width: 145px;
}
.banner > div.discover_banner .input_bg .select .chosen-container-single .chosen-single{
    border: none;
    height: 44px;
    line-height:44px;
    color: #3c4465;
    font-size: 14px;
}

.banner > div.discover_banner .input_bg .select .chosen-container-single .chosen-single div b{
    margin-top: 19px;
}

.banner > div.discover_banner .input_bg .select .chosen-container .chosen-drop{
    background-color: rgba(255,255,255,.9);
}

.banner > div.discover_banner .input_bg .select .chosen-container-single .chosen-drop{
    border-radius: 4px;
    margin-top: 3px;
    border: 1px solid #373f60;
    border: 1px solid rgba(55, 63, 96, 0.9);
    padding-top: 3px;
}


/*content styles*/

.content {position: relative; padding: 28px 0; min-height: 420px;}
.content .left-container {
    width: 66%;
    max-width: 718px;
}
.content .right-container {
    width: 32%;
    max-width: 348px;
    margin-left: 2%;
}
.social-sidebar {position: absolute; padding-top: 30px; top: 10px; left: -72px;}
.social-sidebar .shadow {position: absolute; top: 0; right: 0;z-index: 1;}
.social-sidebar .cont {
    border: 1px solid #e5e7eb;
    border-radius: 5px 0 0 5px;
    text-align: right;
    padding: 8px 0;
    width: 48px;
    overflow: hidden;
}
.social-sidebar .cont a {
    position: relative; 
    overflow: hidden;
    z-index: 2;
    -webkit-transition: width 0.4s ease-out 0s;
    -moz-transition: width 0.4s ease-out 0s;
    -o-transition: width 0.4s ease-out 0s;
    transition: width 0.4s ease-out 0s;
}
.social-sidebar .cont a .shadow {
    width: 14px;
    height: 40px;
    background: url(../images/social-icon-shadow.png) no-repeat 0 0 transparent;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.social-sidebar .cont a,
.social-sidebar .cont a img {width: 38px; line-height: 0; text-align: left;}

.social-sidebar .cont > a:nth-child(1) {background: #bb0000;}
.social-sidebar .cont > a:nth-child(2) {background: #00aced;}
.social-sidebar .cont > a:nth-child(3) {background: #32506d;}
.social-sidebar .cont > a:nth-child(4) {background: #cb2027;}
.social-sidebar .cont > a:nth-child(5) {background: #007bb6;}
.social-sidebar .cont > a:nth-child(6) {background: #dd4b39;}
.social-sidebar .cont > a:nth-child(7) {background: #517fa4;}
.social-sidebar .cont > a:nth-child(8) {background: #ff0084;}
.social-sidebar .cont > a:nth-child(9) {background: #3b5998;}

.social-sidebar .cont > a:hover {
    width: 46px;
}

.title-text {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 4px 0;
}
.green-text {color: #a1d36e;}
.orange-text {color: #fa6f57;}
.red-text {color: #fa6f57;}
.yellow-text {color: #f7da74;}

.green-btn {
    height: 40px;
    line-height: 20px;
    text-decoration: none;
    background-color: #83ac57;
    border: none;
    border-radius: 5px;
    padding: 10px 16px;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
}

.dark_blue_small_btn{
    height: 24px;
    line-height: 24px;
    text-decoration: none;
    background-color: #3A4362;
    border: none;
    border-radius: 5px;
    padding: 0px 11px;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
}

/*list styles*/

ul.dash-style {list-style: none; color: #3a4362; font-size: 12px; padding-left: 7px; margin-top: 0;}
ul.dash-style li {position: relative;}
ul.dash-style li:before {
    content: '-';
    position: absolute;
    top: 0;
    left: -7px;
}


/*widget styles*/

.widget {width: 100%; border: 1px solid #546277; border-radius: 5px; line-height: 0; overflow: hidden;}
.widget .title {background: #3a4263; border: none; text-align: center; padding: 7px 0 11px; margin-bottom: 4px;}
.widget .title h2 {color: #ffffff; font-size: 24px; line-height: 24px; font-weight: 600; margin: 0;}
.widget p {padding: 0 25px; margin-top: 0; margin-bottom: 15px; line-height: 16px; color: #546277; font-weight: 400; font-size: 14px;}
.widget p span {font-size: 12px; color: #93c560;}
.widget iframe {margin-top: 10px;}

/*title view modes*/

.view-modes {}
.view-modes .view {
    background: #ccd1d9;
    border-radius: 5px;
    color: #f7f7f7;
    font-size: 11px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    padding: 0 15px;
    text-decoration: none;
    text-transform: uppercase;
}
.view-modes .view.active {
    background: #546277;
}
.view-content {display: none;}
.view-content.active {display: block;}
.events-list {margin-bottom: 100px;}
.events-list .event {
    overflow: hidden;
    padding: 5px 0;
}
.events-list .event:nth-child(2n) {
    background: #f6f6f6;
}
.events-list .event .image {
    line-height: 0;
}
.events-list .event .name {
    display: inline-block;
    max-width: 300px;
    padding: 0 10px;
}
.event .name a {
    color: #3a4263;
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
}
.events-list .event .date {
    background: #3a4263;
    border-radius: 5px;    
    height: 40px;
}
.events-list .event .date p {color: #f5f5f5; margin: 0; padding: 0px 7px; white-space: nowrap;}
.events-list .event .date .day {
    font-size: 32px;
    font-weight: 700;
    position: relative;
    padding-right: 40px;
    margin-right: 8px;
    line-height: 40px;
}
.events-list .event .date .month {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
}
.events-list .event .date .year {
    position: absolute;
    bottom: 7px;
    right: 5px;
    font-size: 11px;
    color: #aab2bd;
    line-height: 11px;
}
.events-list .event .date .time {
    font-size: 24px;
    position: relative;
    padding-right: 34px;
    font-weight: 700;
}
.events-list .event .date .time_1 {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 18px;
    font-weight: 600;
}
.events-list .event .count_events {
    background: #3a4263;
    border-radius: 5px;
    height: 40px;
    color: #ffffff;
    font-weight: 600;
    line-height: 40px;
    padding: 0 14px;
}
.events-list label {
    cursor: pointer;
}
.events-list input[type=checkbox] {
    margin: 12px 10px;
    cursor: pointer;
}
.events-list .buy-tickets {
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    background: #a0d468;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    border: none;
    cursor: pointer;
}
.events-list button.buy-tickets {
    margin-top: 20px;
}
.events-list button.buy-tickets:disabled {
    background: #c3d4b7;
    color: #f7f7f7;
}


.event .location{
    padding-left: 18px;
    background-image: url("../images/location_marker_small.png");
    background-repeat: no-repeat;
    background-position: 0 3px;
    color: #A2A6AE;
    margin: 10px 0;
}
.event .desc{
    color: #818181;
    margin: 0;
}


.event_tiles{
    margin-bottom: 20px;
}

.event_tiles .event{
    border:1px solid #E3E7ED;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 15px;
}

.event_tiles .event .name{
    margin-top: 7px;
    min-height: 43px;
}

.event_tiles .event .image{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 215px;
}
.event_tiles .event .image .hover{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    left: 0;
    opacity: 0;
    background-image: url("../images/white-event-grad.png");
    background-repeat: repeat-x;
    background-position: 0 bottom;
    transition: opacity .15s ease-out;


}
.event_tiles .event .image .hover .icons{
    width: 100%;
    padding-bottom: 12px;
    padding-right: 15px;
    position: absolute;
    right: -160px;
    bottom: 0px;
    transition: right .15s ease-out;
}


.event_tiles .event .image:hover .hover{
    opacity: 1;
}

.event_tiles .event .image:hover .hover .icons{
    right: 0;
}

.event a.icon{
    font-size: 12px;
    font-weight: bold;
    color: #3b4364;
    text-decoration: none;
    cursor: pointer;
    margin-left: 10px;
    position: relative;
}
.event a.icon:before{
    content: '';
    display: block;
    position: absolute;
    height: 28px;
    background-position: 0 bottom;
    background-repeat: no-repeat;
    top: -28px;
    width: 20px;
    right: 0;
    left: 0;
    margin: auto;
}


.event a.icon.favorite:before{
    background-image: url("../images/like.png");
    width: 24px;
    background-position: -24px bottom;
}
.event a.icon.buy_tickets:before{
    background-image: url("../images/buy_ticket.png");
    width: 28px;
    background-position: -28px bottom;
}
.event a.icon:hover { color: #678EBE; }
.event a.icon:hover::before{ background-position: 0 bottom; }


.event_tiles .event .text{
    padding: 0 14px;
}

.event_tiles .event .image>img{
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}


.categories_titles{
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.categories_titles div{
    line-height: 48px;
}
.categories_titles div a{
    display: inline-block;
    font-size: 18px;
    text-decoration: none;
}
.categories_titles>div img{
    margin-right: 10px;
}

.categories_titles div:nth-child(1) a{
    color: #FF6E6E;
}
.categories_titles div:nth-child(2) a{
    color: #FFA44B;
}
.categories_titles div:nth-child(3) a{
    color: #FF79DE;
}
.categories_titles div:nth-child(4) a{
    color: #60C9FF;
}
.categories_titles div:nth-child(5) a{
    color: #997EFF;
}





.create_event_block{
    background-image: url("../images/create_new_icon.png");
    background-repeat: no-repeat;
    background-position: 110px center;
    min-height: 24px;
    padding-left: 258px;
    color: #888888;
    margin-bottom: 30px;

}





/*calendar styles*/

#calendar {}
.calendar {border: 1px solid #546277; border-radius: 5px; margin-bottom: 100px;}
.curent-month-year {color: #3a4263; font-size: 24px; margin: 0 10px;}
#calendar .top {margin-bottom: 20px;}
#calendar .top .prev-month,
#calendar .top .next-month {
    width: 30px;
    height: 30px;
    cursor: pointer;
}
#calendar .top .prev-month {
    background: url(../images/prev-green-btn.png) no-repeat 0 0 transparent;
}
#calendar .top .next-month {
    background: url(../images/next-green-btn.png) no-repeat 0 0 transparent;
}
.calendar .head-row {
    background: #3a4362;
}
.calendar .day {
    width: 14.28%;    
    font-size: 16px;
    color: #546277;
    font-weight: 700;
    position: relative;
}
.calendar .day.enouth-month {color: #e3e3e3;}
.calendar .head-row {border-bottom: 1px solid #586880;}
.calendar .head-row .day {
    border-left: 1px solid #000000;
    border-right: 1px solid #586880;    
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    height: 43px;
    line-height: 43px;
}
.calendar .head-row .day:nth-child(7) {border-right: 0;}
.calendar .head-row > .day:first-child {border-left: 0;}
.calendar .body-row .day {height: 95px; padding: 0px 4px; border-left: 1px solid #546277; border-top: 1px solid #546277;}
.calendar .body-row > .day:first-child {border-left: 0;}
.calendar .head-row + .body-row > .day {border-top: 0;}
.calendar .body-row .day.curent {background: #ccd1d9;}
.calendar .day .cont .time {font-size: 12px; color: #93c560; font-weight: 700; margin: 0;}
.calendar .day .cont a {
    display: inline-block;
    color: #3d4566;
    font-size: 11px;
    text-decoration: none;
    line-height: 12px;
    height: 24px;
    overflow: hidden;
    font-weight: 400;
    *zoom: 1;
    *display: inline;
}
.multiple-events-container .scrolled-cont .inner .event a.buy-tickets,
.calendar .day .cont a.buy-tickets {
    background: #93c560;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    height: 22px;
    line-height: 22px;
    width: 100%;
    text-align: center;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.calendar .day .multiple-events-block {
    background: #3a4362;    
    width: 93px;
    position: absolute;
    top: 22px;
    left: 4px;
    padding: 3px 5px;
    cursor: pointer;
    display: none;
}
.calendar .day.multiple-events:hover .multiple-events-block {display: block;}
.calendar .day .multiple-events-block .left {width: 32px; text-align: center;}
.calendar .day .multiple-events-block p {margin: 0;}
.calendar .day .multiple-events-block .right {width: 50px; text-align: center;}
.calendar .day .multiple-events-block .reload-icon {
    cursor: pointer;
    background: url(../images/reload-icon.png) no-repeat 0 0 transparent;
    width: 20px;
    height: 20px;
}
.calendar .day .multiple-events-block .left p {font-size: 11px; color: #aab2bd; font-weight: 600;}
.calendar .day .multiple-events-block .right p {color: #ffffff; font-size: 12px; line-height: 12px; font-weight: 400;}

.multiple-events-container {
    display: none;
    position: absolute;
    top: 22px;
    right: -424px;
    background: #3a4362;
    width: 390px;
    height: 258px;
    border-radius: 0 5px 5px 5px;
    box-shadow: 4px 4px 0 #cccccc;
    z-index: 10;
    padding: 5px;
}
.multiple-events-container .corner {
    position: absolute;
    border-left: 30px solid transparent;
    border-top: 30px solid #3a4362;
    top: 0;
    left: -29px;    
}
.multiple-events-container > .date {
    margin: 0;
    position: relative;
    padding: 0 40px 0 32px;
    background: url(../images/calendar-icon-2.png) no-repeat 8px 10px transparent;
    z-index: 2;
}
.multiple-events-container .date span {color: #ffffff; font-size: 18px; font-weight: 700;}
.multiple-events-container .date .day {height: auto; padding: 0 10px 0 0; border: none; width: auto;}
.multiple-events-container .date .date {font-size: 32px; padding: 0;}
.multiple-events-container .date .month {
    position: absolute;
    top: 2px;
    right: 0;
    font-size: 18px;
    color: #f5f5f5;
    font-weight: 600;
}
.multiple-events-container .date .year {
    position: absolute;
    bottom: 6px;
    right: 6px;
    font-size: 11px;
    color: #aab2bd;
    font-weight: 600;
}
.multiple-events-container .close {
    position: absolute;
    top: 18px;
    right: 16px;
    width: 15px;
    height: 14px;
    cursor: pointer;
    background: url(../images/close-btn.png) no-repeat 0 0 transparent;    
    z-index: 2;
}
.multiple-events-container .scrolled-cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 52px 5px 10px;
    z-index: 1;
}
.multiple-events-container .scrolled-cont .inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.multiple-events-container .scrolled-cont .inner > div > div:first-child {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #586880;
}
.multiple-events-container .scrolled-cont .inner .event {
    padding: 10px 0 10px 30px;
    background: url(../images/clock-icon.png) no-repeat 8px 14px transparent;  
    border-bottom: 1px solid #000000;
    border-top: 1px solid #586880;
}
.multiple-events-container .scrolled-cont .inner .event p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 10px;
}
.multiple-events-container .scrolled-cont .inner .event p span {font-weight: 600; padding-right: 10px;}
.multiple-events-container .scrolled-cont .inner .event a.buy-tickets {max-width: 94px; font-weight: 400;}

/*arena steps styles*/

.arena-steps {
    width: 100%;  
    margin-bottom: 10px;
}
.arena-steps .step {
    width: 280px;
    height: 46px;
    margin-left: -11px;
    line-height: 46px;
    background: url(../images/arena-step-background.png) no-repeat 0 -96px transparent;
    text-align: center;
    font-size: 14px;
    color: #aab2bc;
    padding: 0 16px;
    font-weight: 700;
    text-transform: uppercase;
}
.arena-steps > .step:first-child {background-position: 0 0; width: 284px; margin-left: 0; padding: 0 16px 0 0;}
.arena-steps .step:nth-child(2) {margin-left: -18px;}
.arena-steps .step:first-child.complete {background-position: 0 -48px;}
.arena-steps .step:first-child.active {background-position: 0 0;}
.arena-steps .step.complete {background-position: 0 -192px;}
.arena-steps .step.active {background-position: 0 -144px;}
.arena-steps .step.complete,
.arena-steps .step.active {color: #ffffff;}

/*important information styles*/

.important-information {
    background: url(../images/important-information-icon.png) no-repeat 5px top transparent;
    color: #3a4362;
    font-size: 12px;
    padding-left: 92px;
    min-height: 52px;
}
.important-information p {margin: 6px 0; line-height: 19px;}
.important-information .time-left {
    color: #3a4362;
    font-size: 14px;
}
.important-information .time-left span {
    color: #678ebe;
    padding-right: 10px;
}

/*review order styles*/

.review-order-container .table .tr {display: flex; flex-wrap: wrap;}
.review-order-container {padding-top: 15px;}
.review-order-container .table {width: 100%; border-collapse: collapse; margin-bottom: 27px; color: #3a4263; font-size: 14px;}
.review-order-container .table .tr > div {
    width: 10%;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
    *zoom: 1;
    *display: inline;
}
.review-order-container .table .tr > div:nth-child(1) {width: 20%;}
.review-order-container .table .tr:not(.header) > div:nth-child(1) {text-align: left;}
.review-order-container .table .tr > div:nth-child(2) {width: 5%;}
.review-order-container .table .tr > div:nth-child(3) {width: 5%;}
.review-order-container .table .tr > div:nth-child(4) {width: 40%;}
.review-order-container .table .tr > div:nth-child(5) {width: 20%;}
.review-order-container .table .tr > div:nth-child(6) {width: 10%;}
.review-order-container .table .tr > div:nth-child(7) {width: 70px;}
.review-order-container .table .tr > div:nth-child(8) {width: 160px;}
.review-order-container .table .tr > div:nth-child(9) {width: 70px;}
.review-order-container .table .tr:not(.header) > div:nth-child(6) {text-align: right;}
.review-order-container .table .header {
    background: #3a4362;
    border-radius: 5px 5px 0 0;
    box-shadow: 3px 3px 0px #e5e5e5;
    margin-bottom: 9px;
    color: #ffffff;
    height: 44px;
    line-height: 44px;
    font-size: 12px;
    text-transform: uppercase;
}
.review-order-container .table .tr > div .header-td {
    display: none;
}
.review-order-container .table .header > div:nth-child(1) {padding-left: 15px;}
.review-order-container .table .remove-icon {
    background: url(../images/close-btn.png) no-repeat 0 0 transparent;
    width: 15px;
    height: 14px;
    cursor: pointer;
    margin: 0 8px;
}
.review-order-container .table .tr input[type="text"] {
    width: 86%;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border: 1px solid #d5dadf;
    border-radius: 5px;
    color: #3a4263;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
.review-order-container .chosen-container {max-width: 150px; text-align: left;}
.table-total {
    display: inline-table;
    text-align: right;
    margin-bottom: 35px;
    min-width: 300px;
}
.table-total .tr {
    padding-bottom: 8px;
    min-height: 24px;
}
.table-total .tr > div {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    color: #3a4263;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.table-total .tr > div:first-child {
    width: 50%;
    text-transform: uppercase;
    padding-right: 10%;}
.table-total .tr small {
    color: #609429;
    font-size: 9px;
    position: absolute;
    bottom: -9px;
    right: 20%;
}
.table-total .tr label {text-transform: none;}
.table-total .tr input[type="text"] {
    width: 172px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin-left: 26px;
    border: 1px solid #d5dadf;
    border-radius: 5px;
}
.table-total .tr.fees_tr.oso_fees > div {
    color: #609429;
}
.table-total .tr.discount > div {
    color: #aab2bd;
}
.table-total .tr.total {
    font-size: 18px;
    font-weight: 700;
}
.page-order .block.total,
.page-order-season .block.total {
    overflow: hidden;
    width: 100%;
}
.page-order .block.total .fleft,
.page-order-season .block.total .fleft {
    width: 62%;
	text-align: right;
}
.page-order .block.total .coupon,
.page-order-season .block.total .coupon {
    float: right;
    text-align: center;
    width: 220px;
}
.page-order .block.total .block.source-tags.event-wrapper-padding,
.page-order-season .block.total .block.source-tags.event-wrapper-padding {
	width: 240px;
	vertical-align:top;
	text-align:left;
	float: none;	
padding: 0 10px;
	margin-bottom:10px;
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.page-order .block.total .block.source-tags.event-wrapper-padding + .coupon,
.page-order-season .block.total .block.source-tags.event-wrapper-padding + .coupon {
	padding: 0 10px;
	width: 240px;
	float: none;
	vertical-align:top;
	display: inline-block;
	*zoom: 1;
	*display: inline;	
}
.page-order .block.total .block.source-tags.event-wrapper-padding .title,
.page-order-season .block.total .block.source-tags.event-wrapper-padding .title {
    margin-bottom: 0;
}
.page-order .block.total .coupon label,
.page-order-season .block.total .coupon label {text-transform: none;}
.page-order .block.total .coupon input[type="text"],
.page-order-season .block.total .coupon input[type="text"] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #d5dadf;
    border-radius: 5px;
}
.page-order .block.total .coupon label,
.page-order .block.total .coupon input,
.page-order .block.total .coupon a,
.page-order .block.total .coupon button,
.page-order-season .block.total .coupon label,
.page-order-season .block.total .coupon input,
.page-order-season .block.total .coupon button,
.page-order-season .block.total .coupon a {
    margin-bottom: 5px;
    width: 100%;
}
.grey-btn {
    background: #aab2bd;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 110px;
    text-align: center;
    padding: 10px 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.apply-code-btn {
    background-color: #83ac57;
}

.green-btn:disabled,
.apply-code-btn:disabled {
    background: #aab2bd;
}


/*payment page styles*/
.payment {padding-top: 26px;}
.payment .block, .full_form {position: relative; padding-bottom: 15px;}
.payment .block.information small.info-credit {
    display: none;
    text-transform: none;
    font-weight: normal;
}
.payment .block.information > div.sign-in {
    text-align: center;
}
.payment .block .title, .full_form .title {
    color: #546277;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 18px;
    padding: 6px 0;
    border-bottom: 1px solid #d5d5d5 ;
}
.payment .block label ,  .full_form label{
    color: #546277;
    font-size: 14px;
    line-height: 18px;
}
.payment .block label span, .full_form label span {font-size: 11px;}
.payment .block .tr,.full_form .tr {margin-bottom: 15px;}
.payment .block .tr > div,.full_form .tr > div {
    vertical-align: middle;
    width: 272px;
    margin-right: 5px;
    position: relative;
}
.full_form .tr > div {width: 340px;}
.payment .block .tr > div:first-child,.full_form .tr > div:first-child  {width: 186px;}

.full_form .tr > div {margin-left: 5px; margin-right: 0;}
.full_form .tr > div:first-child {margin-left: 0px; margin-right: 0;}
.full_form .small {font-size: 11px; margin: 0;}
.full_form .green-btn {min-width: 162px; margin-top: 25px;}

.form.full_form input[type="text"], .form.full_form input[type="password"] {height: 32px; line-height: 30px;}


.form .with-error input[type="text"],
.form .with-error input[type="password"],
.form .with-error textarea,
.form .with-error .chosen-container-single .chosen-single,
.form .with-error .chosen-container .chosen-drop
{
    border-color: #fc6e51 !important;
}

.payment .block input[type="text"],
.full_form input[type="text"],
.full_form input[type="password"]{
    width: 100%;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
}

.payment .block:nth-child(1) .table > .tr:nth-child(4) input[type="text"] {
    width: 70px;
    margin-right: 17px;
}
.payment .block:nth-child(1) .table > .tr:nth-child(4) input[type="text"]:nth-child(3){
    width: 98px;
    margin-right: 0;
}
.payment .block:nth-child(1) > .one-two-full:nth-child(2) {}
.payment .block:nth-child(1) > .one-two-full:nth-child(3){padding-left: 15px;border-left: 1px solid #dbdbdb;}
.payment .block:nth-child(1) > .one-two-full:nth-child(3) p{margin-top: 0;}
.payment .block .chosen-container-single .chosen-single,
.full_form .chosen-container-single .chosen-single{
    height: 32px;
    line-height: 32px;
}
.payment .block .chosen-container-single .chosen-single div b,
.full_form .chosen-container-single .chosen-single div b{margin-top: 12px;}

.checkbox-styled label {
    display: inline-block;
    background: url(../images/checkbox.png) no-repeat 0 -18px transparent;
    position: relative;
    padding-left: 26px;
    cursor: pointer;
}
.checkbox-styled :checked+label {background-position: 0 0;}

.checkbox-styled input[type="checkbox"] {position: absolute; top: 0; left: 0; visibility: hidden;}
.payment .help,.full_form .help {
    background: url(../images/help-icon.png) no-repeat 0 0 transparent;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-left: 18px;
    position: absolute;
    right: -25px;
    top: 8px;
}
.terms-cont {
    padding-top: 40px;
    width: 718px;
    padding-left: 195px;
}
.terms-cont .red {
    font-size: 12px;
    color: #fa6f57;
    margin-top: 0;
    margin-bottom: 25px;
}
.terms-cont .scroll-wrapper {
    border: 1px solid #d5dadf;
    border-radius: 5px;
    height: 128px;
    font-size: 12px;
    font-weight: 600;
    padding: 10px;
    margin-bottom: 15px;
}
.terms-cont .scroll-wrapper > div {width: 100%; height: 100%; overflow: hidden;}
.terms-cont label a {color: #6aa727;}
.terms-cont .green-btn {margin-top: 15px;}

.sign-in-btn {
    background: #546277;
    border-radius: 5px;
    padding: 0 15px;
    font-size: 11px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    height: 24px;
    line-height: 24px;
    margin-bottom: 45px;
}
.payment .sign-in-btn {margin-top: 70px;}

/*selected event styles*/
.selected-event {}
section .selected-event.two-borders {padding: 20px 0 8px;}
.selected-event .name {padding: 0 20px; width: 660px;}
.selected-event .name p,
.selected-event .name a {
    color: #3a4263;
    font-size: 30px;
    text-decoration: none;
    font-weight: 700;
    line-height: 35px;
}
.selected-event .date {
    background: #3a4263;
    border-radius: 5px;
    padding: 6px 8px;    
    height: 56px;
    width: 338px;
    /*line-height: 56px;*/
}
.selected-event .date p {margin: 0; white-space: nowrap;}
.selected-event .date span {color: #f5f5f5; font-size: 18px;}
.selected-event .date .day {
    position: relative;
    font-size: 32px;
    font-weight: 700; 
    background: url(../images/calendar-icon-2.png) no-repeat 0 0px transparent;
    padding-right: 38px;
    margin-right: 0px;
    padding-left: 4px;
}
.selected-event .date .day .right {
    position: absolute;
    top: 0px;
    right: 0;
    width: 36px;
    white-space: normal;
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.selected-event .date .day .month {
    /*    position: absolute;
        top: 2px;
        right: 0;*/
    font-size: 18px;
    font-weight: 600;
}
.selected-event .date .day .year {
    position: relative;
    top: -10px;
    /*right: 7px;*/
    font-size: 11px;
    font-weight: 600;
    color: #aab2bd;
}
.selected-event .date .time {
    font-size: 32px;
    padding-left: 14px;
    background: url(../images/clock-icon.png) no-repeat 0 0 transparent;
    position: relative;
    padding-right: 34px;
    font-weight: 700;
}
.selected-event .date .time .time_1 {
    position: absolute;
    top: 2px;
    right: 0;    
    font-size: 18px;
    font-weight: 600;
}
.information-cloud {
    position: absolute;
    top: 0;
    left: -220px;
    background: url(../images/information-cloud.png) no-repeat 0 0 transparent;
    width: 203px;
    height: 152px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    padding: 58px 76px 0 20px;
}
#arena .information-cloud {padding: 58px 60px 0 8px;}

/*purchse-receipt-page styles*/

.purchse-receipt-page {padding-top: 39px;}
.purchse-receipt-page .title { border-bottom: 1px solid #adadad; padding-bottom: 12px; margin-bottom: 36px;}
.purchse-receipt-page .title h2 {color: #3e4667; font-size: 24px; font-weight: 400;}
.purchse-receipt-page p {color: #3a4263; font-size: 14px;}
.purchse-receipt-page p span {color: #678ebe;}
.purchse-receipt-page p span.order_id {font-size: 18px; text-transform: uppercase;}
.purchse-receipt-page .table {padding-top: 35px; padding-bottom: 70px;}
.purchse-receipt-page .table .tr {padding-bottom: 18px;}
.purchse-receipt-page .table .tr > div {
    display: inline-block;
    vertical-align: middle;
    color: #678ebe;
    font-size: 14px;
    *zoom: 1;
    *display: inline;
}
.purchse-receipt-page .table .tr > div a {display: inline-block; *zoom: 1; *display: inline;}
.purchse-receipt-page .table .tr > div span {color: #3a4263; font-weight: 700;}
.purchse-receipt-page .table .tr > div:nth-child(1) { width: 25px; height: 13px;}
.purchse-receipt-page .table .tr > div:nth-child(2) {width: 200px;}
.purchse-receipt-page .table .tr > div:nth-child(3) {width: 100px;}
.purchse-receipt-page .table .tr > div:nth-child(4) {width: 100px;}
.purchse-receipt-page .table .tr > div:nth-child(5) {width: 430px;}
.purchse-receipt-page .table .tr > div:nth-child(6) {width: 150px;}
.purchse-receipt-page .table .tr > div:nth-child(7) { width: 55px; height: 15px;}
.purchse-receipt-page .green-btn {margin: 0 4px;}



















/*footer styles*/

footer {position: absolute; left: 0; bottom: 0; width: 100%;}
footer .top {
    background: url(../images/header-background.png) repeat 0 0 transparent;
    height: 192px;
    padding: 15px 0 0;
}
footer .title-text {color: #f5f5f5; font-size: 14px; margin: 0 0 14px; font-weight: 400; text-transform: uppercase;}
footer ul {margin: 0; line-height: 23px;}
footer .logo img {max-width: 120px;}
footer ul a {
    color: #f5f5f5;
    font-size: 12px;
    text-decoration: none;
}
footer .bottom {
    background: #546277;
    height: 32px;
    line-height: 29px;
}
footer .bottom p {margin: 0;}
footer .bottom p,
footer .bottom a {color: #f5f5f5; font-size: 11px;}
footer .bottom p a {text-decoration: none;}
footer .bottom a {margin-left: 15px;}
footer .bottom p {margin-right: 30px;}

.popup{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #3A4362;
    background-color: rgba(58,67,98,0.9);
    z-index: 9999;
}
.popup .close{
    background: url(../images/close-btn.png) no-repeat 0 0 transparent;
    width: 15px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    top: -15px;
    right: -15px;
}
.popup .box{
    position: absolute;
    background-color: #ffffff;
    border-radius: 3px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    box-shadow: 0 0 2px rgba(0,0,0,.06);
}
.popup .box .left,.popup .box .right{
    height: 100%;
}
.popup .box .left{
    width: 56%;
}
.popup .box .right{
    width: 44%;
}
.popup .box form{
    width: 100%;
    height: 100%;
}

.popup .box .bottom_cont{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.popup .box .box-errors{
    display: none;
    background-color: #FA7256;
    color: #FFFFFF;
    position: absolute;
    width: 100%;
    top: 30px;
    padding: 15px 30px;
    border-radius: 24px;

}
.popup .box .box-errors p{
    color: #ffffff;
    margin-bottom: 0;
    margin-top: 4px;
}
.popup .box .box-errors p:first-child{
    margin-top: 0px;
}


.popup h3{
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-weight: normal;
}
.popup p, .popup label{
    color: #aab2bd;
}

.popup.login_popup .box{
    width: 380px;
    height: 230px;
}
.popup.login_popup .box .right{
    background-color: #A1D36E;
    background-image: url("../images/login_popup.jpg");
    background-repeat: no-repeat;
    background-position: center 0;
    padding-top: 95px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.popup.login_popup .box .left{
    padding: 25px 20px 20px 20px;
}

.popup.login_popup .green-btn{
    background-color: #83AC57;
}

.popup.login_popup .box .right .checkbox-styled label{
    color: #ffffff;
    margin-top: 34px;
}
.popup.login_popup .box a {
    color: #83AC57;
    font-size: 12px;
}

.form input[type="text"],
.form input[type="password"]{
    height: 40px;
    line-height: 40px;
}
.form textarea{
    resize: none;
    height: 195px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.form input[type="text"],
.form input[type="password"],
.form textarea{
    width: 100%;
    border-radius: 4px;
    border: 1px solid #d5dadf;
    padding: 0 13px;
    color: #3c4465;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
}
.form ::-webkit-input-placeholder {color:#aab2bd; opacity: 1; font-family: "Open Sans",sans-serif; font-size: 13px;}
.form ::-moz-placeholder          {color:#aab2bd;opacity: 1; font-family: "Open Sans",sans-serif; font-size: 13px;}/* Firefox 19+ */
.form :-moz-placeholder           {color:#aab2bd;opacity: 1; font-family: "Open Sans",sans-serif; font-size: 13px;}/* Firefox 18- */
.form:-ms-input-placeholder      {color:#aab2bd;opacity: 1; font-family: "Open Sans",sans-serif; font-size: 13px;}


.form .form-group{
    position: relative;
    margin-bottom: 18px;
}
.form .with-label label{
    position: absolute;
    cursor: text;
    height: 40px;
    left: 0;
    top: 0;
    line-height: 40px;
    padding: 0 13px;
    position: absolute;
    width: 100%;
}

.form .green-btn{
    transition: all 0.05s ease-out 0s;
}
.form .green-btn.loading {
    background-image: url("../images/468.png");
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 20px;
    cursor: default;
    font-size: 0;
    color: rgba(255,255,255,0);
    min-width: 40px;
    padding: 0;
    width: 40px;
}

.heading{
    color: #3a4263;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    margin: 20px 0 0 0;
}

.alert {
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}
.alert p{
    margin: 6px 0;
}
.alert.alert-danger{
    background-color: #FC6E51;
    color: #ffffff;
}

.alert.alert-success{
    background-color: #83ac57;
    color: #ffffff;
}


/*Create Event page*/
.create_event #wrapper{
    background-image: url("../images/create_event_bg.jpg");
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: cover;
}


.create_event .content .right{
    padding-left: 30px;
    padding-right: 10px;
}
.create_event .content .right,
.create_event .content .right h1,
.create_event .content .text,
.create_event .content .text p
{
    color: #ffffff;
}
.create_event .content .right h1{
    margin: 7px 0 30px;
    font-size: 36px;
    font-weight: 300;
}
.create_event .content .right h1 sup{
    font-size: 16px;
}
.create_event .content .text,
.create_event .content .text p{
    font-size: 14px;
}
.create_event .content .text p{
    margin-bottom: 27px;
}

.create_event .content .text{
    margin-bottom: 40px;
}


.create_event .content .form{
    background-color: #FAF8F9;
    padding: 26px 20px;
    border-radius: 4px;
}

.create_event .content .form .title h2{
    font-size: 24px;
}


.small_form .form-group label{
    font-size: 13px;
    color: #678ebe;
    margin-bottom: 7px;
    display: inline-block;
}

.small_form.form .form-group{
    margin-bottom: 15px;
}

.hidden {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.6s ease-out 0s;
    -moz-transition: height 0.6s ease-out 0s;
    -o-transition: height 0.6s ease-out 0s;
    transition: height 0.6s ease-out 0s;
}

.check-styled {}
.check-styled label {
    position: relative;
    background: url(../images/checkbox.png) no-repeat 0 -17px transparent;
    padding-left: 25px;
    height: 15px;
    cursor: pointer;
}
.check-styled label.checked {background-position: 0 2px;}
.check-styled input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}
.form .green-text {font-size: 14px;}
.column-name {color: #3a4263; font-size: 30px; font-weight: 300; margin: 0;}
.red-small-text {color: #fa6f57; font-size: 11px; min-height: 15px;}

.tiles {
    margin-bottom: 20px;
}

.tiles .tile {
    border: 1px solid #E3E7ED;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    margin-bottom: 15px;
    text-align: center;
    font-size: 24px;
    background-color: #3c4465;
    color: #fff;
}

.tiles .tile .title {
    font-weight: bold;
    text-transform: uppercase;
}


/* Menu Responsive */
.responsive-menu .dropdown {
    position: relative;
    z-index: 3;
}
.responsive-menu .dropdown .dropdown-content {
    display: none;
    position: absolute;
    padding: 10px;
    background: #3A4263;
    border-radius: 0 0 5px 5px;
    text-align: left;
    min-width: 120px;
}
.responsive-menu .dropdown:hover .dropdown-content {
    display: block;
}
.responsive-menu .dropdown .dropdown-content a {
    display: block;
    margin-bottom: 10px;
}
.responsive-menu .dropdown .dropdown-content a:last-child {
    margin-bottom: 0;
}


/* fix Arena style */
.rink {
    margin: 10px 0 10px!important
}
#arena {
    padding-top: 0!important;
}
#arena h1 {
    text-align: center;
}
#arena .arena-map {
    font-size: 0;
    line-height: 0;
    height: 482px;
}
#arena .arena-map #map {
    max-width: 100%;
    max-height: 100%;
}
#arena .inf-line {
    display: none;
    padding-top: 0;
}
#arena .inf-line,
#arena + .inf-line {
    padding: 0;
    margin: 0 0 30px;
}
#arena .inf-line-title {
    display: none;
    color: #384061;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
#arena #sector {
    margin: 0 0 20px;
    width: 100%;
}
#arena #sector .row .row-name {
    display: none;
}
#arena #sector .row .seat .price {
    display: none;
}


/* Event Tickets Buy Choose Section page */
.m-touch .block-sections > p {
    display: none;
}
.m-touch .block-sections > .hidden {
    display: block;
    height: auto;
}
.block-sections {
    margin-bottom: 20px;
}
.block-sections .hidden-container {
    display: inline-block;
    font-size: 0;
    width: 100%;
}
.block-sections .hidden-container p {
    font-size: 14px;
    font-weight: bold;
}
.section-button {
    display: inline-block;
    background: #3a4362;
    border-radius: 5px;
    width: 141px;
    margin: 5px;
    vertical-align: top;
}
.section-button > a {
    text-decoration: none;
}
.section-button .top {
    color: #ffffff;
    font-weight: 700;
    font-size: 18px;
    border-bottom: 1px solid #000000;
    padding: 5px;
    position: relative;
    text-align: center;
}
.section-button .bottom {
    font-size: 14px;
    color: #ccd1d9;
    border-top: 1px solid #586880;
    padding: 8px;
}
.section-button .bottom b {color: #ffffff;}
.section-button .bottom div {padding: 0 0 0 25px;}
.section-button .bottom .seats {
    background: url(../../images/arena-popup-seats.png) no-repeat left center transparent;
    margin-bottom: 5px;
}
.section-button .bottom .price {
    background: url(../../images/arena-popup-price.png) no-repeat left 4px transparent;
}

/* My Order Tickets page */
.page-my-order-tickets .information > div {
    margin-bottom: 20px;
}
.page-my-order-tickets .block.total {
    overflow: hidden;
}

.disable_event{
    opacity: .5;
    pointer-events: none;
}

/***** ADS  ***/

.ad_vertical{
    margin: 10px 0 10px 0;
}


.ad_horizontal{
    margin: 10px 0 10px 0;
}

/***** ADS(end)  ***/

.block-free-seats .block-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 511px;
    color: #82c563;
}

.block-price .right {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 208px;
    margin-top: 18px;
}

.block-price .top {
    text-align: left;
    font-size: 14px;
    color: #3a4263;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 15px;
}

.block-price .price {
    width: 160px;
}

.block-price .price-text {
    margin-bottom: 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.block-price .quantity {
    display: flex;
    vertical-align: text-bottom;
    align-items: center;
}

.block-price .price-text span{
    color: #546277;
    font-weight: 600;
    font-size: 14px;
}

.quantity input[type="button"] {
    border: none;
    background: transparent;
    color: #adb5bf;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
}

.quantity input[type="number"] {
    border: 1px solid #d5dadf;
    border-radius: 5px;
    color: #546277;
    height: 30px;
    line-height: 28px;
    width: 30px;
    text-align: center;
    text-align: center;
    vertical-align: text-bottom;
}

.quantity .minus {
    font-size: 28px;
    padding-bottom: 5px;
    padding-right: 18px;
}

.quantity .plus {
    font-size: 24px;
    padding-left: 18px;
}

.block-free-seats .line {
    top: 14px;
    width: 100%;
    left: 0;
    height: 1px;
    background: #eceef0;
    z-index: 1;
}

.block-free-seats .acenter {
    margin-top: 20px;
}

.block-free-seats input::-webkit-outer-spin-button,
.block-free-seats input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.block-free-seats input[type=number] {
    -moz-appearance:textfield;
}