.events-wrapper {
    /*max-width: 980px;*/
    /*margin: auto*/
}

a {
    text-decoration: none
}

.page-id-1419781 {
    position: relative;
    float: left;
    width: 100%
}

#formBox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5555;
    display: none;
    width: 100%;
    height: 100%;
    background: none repeat scroll 0 0 #333;
    opacity: .98
}

#formBox .formArea {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 624px;
    height: 500px;
    padding: 10px;
    margin-top: -225px;
    margin-left: -312px;
    color: #FFF;
    background: none repeat scroll 0 0 #1a1f24
}

#formBox .contact-form label {
    float: left;
    width: 313px;
    font-weight: 400!important
}

#formBox .contact-form input[type=text],
.contact-form input[type=email] {
    width: 300px;
    margin-bottom: 13px;
    color: #333!important
}

#formBox .closeBox {
    position: fixed;
    float: right;
    width: 31px;
    height: 28px;
    margin-left: 643px;
    cursor: pointer;
    background: url(/english/events/_img/close-button.png) no-repeat scroll 0 0 transparent
}

.page-template-events-php {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

#lifestyles {
    /*float: left;*/
    /*width: 670px;*/
    margin: 15px 0
}

#lifestyles #topBox {
    position: relative;
    float: left;
    width: 100%;
    height: 470px;
    margin-bottom: 10px;
    overflow: hidden
}

#topBox .gallery-img {
    border: 1px solid #DDD
}

#lifestyles #topBox li {
    list-style: none
}

#topBox .gallery-wrap {
    position: relative;
    z-index: 999;
    display: none
}

#topBox a.next-img,
#topBox a.prev-img {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 64px;
    height: 470px;
    cursor: pointer
}

#lifestyles .shortDis {
    position: absolute;
    bottom: 5px;
    width: 100%;
    padding: 3px 0;
    background: url(/english/events/_img/short-bg.png) repeat scroll 0 0 transparent
}

#lifestyles .shortDis span {
    padding: 5px 7px;
    font-family: Myriad Pro;
    font-size: 16px;
    color: #FFF
}

#lifestyles #allAbout {
    float: left;
    width: 100%;
    color: #FFF
}

#youTubeBox {
    float: left;
    width: 100%;
    height: 365px;
    margin: 10px 0 0;
    background: none repeat scroll 0 0 #F4F4F0
}

#lifestyles #allAbout .headTitle {
    float: left;
    padding: 5px 10px;
    font-family: Myriad Pro;
    font-size: 28px
}

#lifestyles #allAbout .disBox {
    float: left;
    max-height: 650px;
    margin: 0 10px 10px;
    overflow: auto;
    background: none repeat scroll 0 0 #FFF
}

#lifestyles #allAbout .headTitle {
    font-family: calibri
}

#lifestyles #allAbout .disBox .summInfo {
    float: left;
    margin: 15px;
    font-family: calibri;
    font-size: 16px;
    color: #333
}

#secondaryBox .downloadItem {
    float: left;
    width: 300px;
    padding: 20px 0;
    margin: 10px 0;
    font-family: Myriad Pro;
    font-size: 14px;
    color: #333;
    border: 1px solid #DDD
}

#secondaryBox .btnDownload {
    float: left;
    width: 281px;
    padding: 3px 10px;
    margin: 0 0 10px;
    font-size: 18px;
    color: #FFF;
    background: none repeat scroll 0 0 #666
}

#secondaryBox .downloadImg a {
    float: left;
    width: 253px;
    padding: 8px;
    margin: 2px 8px;
    font-family: arial;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    text-align: left;
    background: url(../_img/lifestyle-download.png) no-repeat scroll 0 0 transparent;
    border: medium none navy
}

#secondaryBox .image a {
    float: left;
    width: 253px;
    padding: 8px;
    margin: 2px 8px;
    font-family: arial;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    text-align: left;
    background: url(../_img/lifestyle.png) no-repeat scroll 0 0 transparent;
    border: medium none navy
}

#mediaBox {
    position: relative;
    float: left;
    width: 100%;
    padding: 5px 0;
    /*margin: 10px 0 0*/
}

#mediaBox span {
    float: left;
    margin: 2px 10px;
    font-size: 18px;
    color: #FFF
}

#mediaBox .moveUp,
#mediaBox .moveUps,
.contactHead .contactUp,
.contactHead .sponsorsUp {
    position: absolute;
    right: 0;
    bottom: 0;
    float: right;
    width: 28px;
    height: 31px;
    margin-right: 7px;
    cursor: pointer;
    background: url(../_img/btn-plus.png) no-repeat scroll 0 0 transparent
}

#mediaBox .moveDown,
#mediaBox .moveDowns,
.contactHead .contactDown,
.contactHead .sponsorsDown {
    position: absolute;
    right: 0;
    bottom: 0;
    float: right;
    width: 28px;
    height: 31px;
    margin-right: 7px;
    cursor: pointer;
    background: url(../_img/btn-minus.png) no-repeat scroll 0 0 transparent
}

#mediaArea {
    display: none;
    float: left;
    padding: 15px;
    background: none repeat scroll 0 0 #EBEBEB
}

#mediaArea .mainLogo {
    /*float: left;*/
    /*width: 285px;*/
    /*height: 500px;*/
    /*text-align: center;*/
    /*background: none repeat scroll 0 0 #FFF*/
}

#mediaArea .mainLogo img {
    /*margin: 10px 25px*/
}

#mediaArea .mainDis {
    /*float: left;*/
    /*width: 665px;*/
    /*height: 500px;*/
    /*background: #fff*/
}

#mediaArea .mainDis #ls-content {
    height: auto;
    margin: 15px 0;
    overflow: hidden;
    border-left: 1px solid #999
}

#mediaArea .mainDis p {
    float: left;
    margin: 0 15px 10px;
    font-family: Myriad Pro;
    font-size: 14px;
    line-height: 21px
}

#mediaArea .mainDis h1 {
    float: left;
    margin: 0 15px;
    font-size: 14px
}

#mediaAreas {
    position: relative;
    display: none;
    float: left;
    padding: 15px;
    background: none repeat scroll 0 0 #EBEBEB
}

#mediaAreas .eventLogo {
    /*float: left;*/
    /*width: 950px;*/
    text-align: center;
    background: none repeat scroll 0 0 #FFF
}

#mediaAreas .eventLogo .anti,
#mediaAreas .eventLogo .edu,
#mediaAreas .eventLogo .fuel,
#mediaAreas .eventLogo .logis {
    margin: 15px 10px;
    cursor: pointer
}

#mediaAreas .poupBox-anti,
#mediaAreas .poupBox-edu,
#mediaAreas .poupBox-fuel,
#mediaAreas .poupBox-logis {
    position: absolute;
    top: 15px;
    display: none;
    width: 950px;
    height: 218px;
    color: #FFF;
    background: url(../_img/event-bg.png) repeat scroll 0 0 transparent
}

#mediaAreas .poupBox-edu .poupArea {
    width: 382px;
    height: 187px;
    padding: 14px;
    margin: 0 auto;
    background: url(../_img/popup-bg-education.png) no-repeat scroll 0 0 transparent
}

#mediaAreas .poupBox-fuel .poupArea {
    width: 382px;
    height: 187px;
    padding: 14px;
    margin: 0 auto;
    background: url(../_img/popup-bg-fuelling.png) no-repeat scroll 0 0 transparent
}

#mediaAreas .poupBox-anti .poupArea {
    width: 382px;
    height: 187px;
    padding: 14px;
    margin: 0 auto;
    background: url(../_img/popup-bg-anti.png) no-repeat scroll 0 0 transparent
}

#mediaAreas .poupBox-logis .poupArea {
    width: 382px;
    height: 187px;
    padding: 14px;
    margin: 0 auto;
    background: url(../_img/popup-bg-logistics.png) no-repeat scroll 0 0 transparent
}

.poupArea .imgStart {
    float: left;
    width: 100px;
    padding: 30px 10px
}

.poupArea .txtStart {
    float: left;
    width: 250px;
    padding: 20px 0;
    font-size: 9px
}

#mediaAreas .poupBox-anti .poupArea img,
#mediaAreas .poupBox-edu .poupArea img,
#mediaAreas .poupBox-fuel .poupArea img,
#mediaAreas .poupBox-logis .poupArea img {
    float: left;
    width: 96px;
    height: 104px
}

#mediaAreas .poupBox-anti .poupArea h1,
#mediaAreas .poupBox-edu .poupArea h1,
#mediaAreas .poupBox-fuel .poupArea h1,
#mediaAreas .poupBox-logis .poupArea h1 {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #000
}

#mediaAreas .poupBox-anti .poupArea p,
#mediaAreas .poupBox-edu .poupArea p,
#mediaAreas .poupBox-fuel .poupArea p,
#mediaAreas .poupBox-logis .poupArea p {
    margin: 10px 0;
    font-family: Myriad Pro;
    font-size: 14px;
    line-height: 1.2em;
    color: #333
}

#mediaAreas .linkArea-anti,
#mediaAreas .linkArea-edu,
#mediaAreas .linkArea-fuel,
#mediaAreas .linkArea-logis {
    position: absolute;
    top: 7px;
    right: 276px;
    z-index: 99;
    width: 23px;
    height: 22px;
    cursor: pointer
}

#secondaryBox {
    float: right;
    width: 300px
}

#secondaryBox .widget-area {
    font-size: 12px
}

#secondaryBox .bigbox-ad {
    float: left;
    width: 300px;
    height: 250px;
    margin: 15px 0 10px;
    background: none repeat scroll 0 0 #CCC
}

#secondaryBox .contactHead {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px
}

#secondaryBox .contactHead h1 {
    float: left;
    padding: 3px 8px;
    font-size: 18px;
    color: #FFF;
    font-family: calibri
}

#secondaryBox .contactUs {
    float: left;
    padding: 15px;
    background: none repeat scroll 0 0 #EBEBEB
}

#secondaryBox .fbEdu {
    float: left;
    width: 100%;
    margin-top: 10px
}

#secondaryBox .contactUs .addressTxt {
    float: left;
    width: 270px;
    padding: 20px;
    font-family: calibri;
    font-size: 16px;
    line-height: 1.36em;
    color: #000;
    background: none repeat scroll 0 0 #FFF
}

#secondaryBox .contactUs .addressTxt span {
    font-size: 16px;
    font-weight: 700
}

#secondaryBox .contactUs .addressTxt hr {
    float: left;
    width: 77%;
    height: 1px;
    margin: 14px 23px;
    color: #FFF;
    border-top: 1px dotted #B9B9B9
}

#home-middle .homelife-style {
    float: left;
    width: 360px;
    margin: 0 0 10px;
    background: none repeat scroll 0 0 #EEE
}

#home-middle .homelife-style .imgBox {
    float: left;
    width: 78px;
    padding: 10px
}

#home-middle .homelife-style .headBox {
    float: left;
    width: 190px
}

#home-middle .homelife-style .headBox h1 a {
    float: left;
    padding: 10px 0;
    font-size: 20px;
    line-height: 1.1em;
    color: #333
}

#home-middle .homelife-style .headBox .dateLifestyle {
    float: left;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2em
}

#secondaryBox .contactUs .downloadImg {
    float: left;
    width: 270px;
    padding: 8px 0;
    font-family: Myriad Pro;
    font-size: 14px;
    color: #000;
    background: none repeat scroll 0 0 #FFF
}

#secondaryBox .contactUs .image {
    float: left;
    width: 270px;
    padding: 8px 0;
    font-family: Myriad Pro;
    font-size: 14px;
    color: #000;
    background: none repeat scroll 0 0 #FFF
}

#secondaryBox .contactUs .downloadImg .dateVenues {
    padding: 5px;
    margin: 0 10px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #EBEBEB
}

.downloadImg span {
    color: #01568c
}

#secondaryBox .contactUs.sponsor {
    display: none!important
}

#mediaBox,
#secondaryBox .contactHead {
    background: none repeat scroll 0 0 #01568C!important
}

#lifestyles #allAbout {
    height: auto;
    background: none repeat scroll 0 0 #01568C!important
}

.contactUs.eventInfo {
    background: #fff
}

#lifestyles #topBox .lifestyles-logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 124px;
    height: 150px;
    background: url(../_img/education-lifestyles.png) no-repeat scroll 0 0 transparent;
    border-right: 4px solid #C2C2BD;
    border-bottom: 4px solid #C2C2BD
}

#topBox a.next-img {
    right: 0;
    background: url(../_img/education-arro-right.png) no-repeat scroll right center transparent
}

#topBox a.prev-img {
    left: 0;
    background: url(../_img/education-arro-left.png) no-repeat scroll left center transparent
}

#main-menu,
#sub-menu,
.topbar {
    display: none!important
}

.event-form .event-age {
    width: 100px
}

.event-form label {
    font-weight: 700
}

.event-form .field-set {
    margin: 15px 0
}

.event-form .field-set #post_graduation,
.event-form .field-set #under_graduation {
    margin: 0!important
}
