@charset "utf-8";
/*
    main styles
    version: 15.01.2013

    Style to null

    site

    content

    copyright

    logo

    header__menu

    sections-header

    col

    register

    btn

    arrow

    play

    square

    social

    textarea-field

    speakers

    text-field

    ares-select

    content__news-article

    tags

    latest-news

*/

/* --------------- Style to null --------------- */
input[type="text"], input[type="password"], textarea, input[type="email"], input[type="phone"], input[type="number"] {
    font: 12px Arial, Helvetica, sans-serif;
}
body {
    color: #fff;
    background: #000;
    font-family: 'Roboto', sans-serif;
}
input, select, button, textarea {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
a, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
::-webkit-input-placeholder {
    font-weight: 700;
    font-size: 16px;
    color: #6e6e6e;
}
:-moz-placeholder {
    font-weight: 700;
    font-size: 16px;
    color: #6e6e6e;
}
.placeholder {
    font-weight: 700;
    font-size: 16px;
    color: #6e6e6e;
}
.text-field > *:focus::-webkit-input-placeholder {
    color: transparent
}
.text-field > *:focus::-moz-placeholder {
    color: transparent
}
.text-field > *:focus:-moz-placeholder {
    color: transparent
}
.text-field > *:focus:-ms-input-placeholder {
    color: transparent
}
/* --------------- /Style to null --------------- */

/* --------------- site --------------- */
.site {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-top: 80px;
    min-width: 320px;
}
.site.no-footer:after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 0px;
}
.site:after {
    content: '';
    display: block;
    clear: both;
    width: 100%;
    height: 120px;
}
.site__content {
    position: relative;
    z-index: 2;
    /*max-width: 1420px;*/
    margin: 0 auto;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.site__header{
    position: fixed;
    background: #000;
    height: 80px;
    width: 100%;
    z-index: 20;
    top: 0;
    left: 0;
}
.admin-bar .site__header {
    top: 32px;
}
.site__header  > div{
    position: relative;
    /*max-width: 1420px;*/
    margin: 0 auto;
    height: 80px;
    z-index: 3;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.site__footer {
    /*z-index: 2;*/
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
}
.site__footer-layout {
    margin: 0 auto;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
/* --------------- /site --------------- */

.btn-register{
    background-color: #83febf;
}

.reg-btn {
    position: absolute;
    top: 5px;
    right: 15px;
    width: 141px;
    line-height: 70px;
    height: 70px;
    padding: 0 !important;
}
.btn-conf {
    background: #83febf;
    color: #000;
    text-align: center;
    border: none;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: background 300ms ease-in-out 100ms , color 300ms ease-in-out 100ms;
    transition: background 300ms ease-in-out 100ms, color 300ms ease-in-out 100ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 70px;
    line-height: 70px;
    padding: 0 34px;
}
.btn-conf__black{
    background: #000;
    color: #fff;
}
.btn-conf:hover {
    background: #000000;
    color: #fff;
}
.btn-conf__black:hover{
    background: #83febf;
    color: #000;
}
.reg-btn:hover{
    background: #fff;
    color: #000;
}
.centering {
    display: table;
    width: 100%;
    height: 100%;
}
.centering > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


/* --------------- content --------------- */
.content {
    background: #000;
    color: #fff;
    overflow: hidden;
}
.content:after,
.content__row:after{
    content: '';
    display: table;
    clear: both;
}
.content__row {
    float: left;
    width: 100%;
    position: relative;
    clear: both;
    overflow: hidden;
}
.content__pic {
    margin-bottom: 2px;
}
.content img,
img {
    width: 100%;
    max-width: 100%;
    display: block;
}
.grey {
    background: #262626;
    margin-bottom: 34px;
}
.content h1,
.site__title{
    font: 100 52px/51px 'Roboto', sans-serif;
    padding: 18px 0;
}
.content h1.h1-article{
    margin-bottom: 15px;
}
.content h1.h1-article+span{
    font: 300 32px/44px 'Roboto';
    margin-bottom: 90px;
    display: inline-block;
    color:#a3a3a3;
}
.content h1>span,
.site__title>span{
    padding-top: 11px;
    display: block;
    font: 100 26px/38px 'Roboto', sans-serif;
}
.content__item {
    padding: 0 40px;
}
.content h2 {
    font: 100 52px/51px 'Roboto', sans-serif;
    padding: 18px 0;
}
.content h2 > span{
    padding-top: 11px;
    display: block;
    font: 100 26px/38px 'Roboto', sans-serif;
}
.content h3 {
    font-size: 42px;
    font-weight: 100;
    margin-bottom: 25px;
}
.content h4 {
    font-size: 32px;
    font-weight: 100;
    margin-bottom: 17px;
}
.content p {
    font-size: 18px;
    line-height: 28px;
    color: #a3a3a3;
    margin-bottom: 28px;
    font-weight: 100;
}
.content p.white,
.content li.white {
    color: #fff;
}
.content a {
    color: #a3a3a3;
    text-decoration: underline;
}
.content a:hover{
    text-decoration: none;
    color: #fff;
}
.content__btn {
    text-align: center;
    padding: 60px 0 40px;
}
.content__btn_black {
    background: #000;
}
.content_social {
    width: 100%;
}

.entry__content {
    padding-top: 50px;
}
/* --------------- /content --------------- */

/* ----------- copyright -------------- */
.copyright {
    font-size: 20px;
    color: #808080;
    font-weight: 300;
    padding: 49px 20px 0 32px;
}
/* ----------- /copyright -------------- */

/* --------------- logo --------------- */
.logo {
    position: absolute;
    top: 15px;
    left: 26px;
}
.logo img {
    max-height: 45px;
    width: auto;
}
.mobile-logo {
    display: none;
}
/* --------------- /logo --------------- */

/* --------------- header__menu --------------- */
.header__menu {
    position: absolute;
    top: 0;
    right: 170px;
}
#scroller > ul > li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}
#scroller > ul > li > ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 80px;
    right: 0;
    border: 1px solid #000;
    -webkit-transform: translateZ(0);
    width: 337px;
    transition: opacity .3s ease, visibility .3s ease;
    -webkit-transition: opacity .3s ease, visibility .3s ease;
}
#scroller > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
}
#scroller > ul > li > ul li:first-child {
    border-top: none;
}
#scroller > ul > li > ul > li > span i.fa-angle-down{
    display: none;
}
#scroller > ul > li > ul li {
    border-top: 1px solid #000;
    background: #262626;
}
#scroller > ul > li > ul > li span,
#scroller > ul > li > ul > li a {
    height: 68px;
    color: #aaaaaa;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    line-height: 68px;
    padding: 0 31px;
    cursor: pointer;
    -webkit-transition: background 300ms ease-in-out 100ms;
    transition: background 300ms ease-in-out 100ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#scroller > ul > li > ul > li span:hover,
#scroller > ul > li > ul > li a:hover {
    background: #171717;
}
#scroller > ul > li > ul > li > span {
    position: relative;
}
#scroller > ul > li > ul > li > span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 22px;
    background: url("../img/plus-minus-btn.png") no-repeat;
    width: 13px;
    height: 13px;
    margin-top: -6px;
}
#scroller > ul > li > ul > li > span.active {
    background: #171717;
}
#scroller > ul > li > ul > li > span.active:after {
    background-position: 0 -17px;
}
#scroller > ul > li > ul li ul {
    display: none;
    border-top: 1px solid #000;
}
#scroller > ul > li > ul li li span,
#scroller > ul > li > ul li li a {
    background: #1e1e1e;
    padding: 0 50px;
}
#scroller > ul > li > span,
#scroller > ul > li > a {
    position: relative;
}
#scroller > ul > li > a .fa{
    position: absolute;
    bottom: 10px;
    left: 50%;
    font-size: 25px;
    margin-left: -7px;
}
#scroller > ul > li > span,
#scroller > ul > li > a {
    color: #878787;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-transition: background 100ms ease-in-out 100ms;
    transition: background 100ms ease-in-out 100ms;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    cursor: pointer;
    display: block;
    height: 80px;
    line-height: 80px;
    padding: 0 15px;
}
#scroller > ul > li > span.active,
#scroller > ul > li > a.active {
    background: #262626;
}
#scroller > ul > li > span:hover,
#scroller > ul > li > a:hover {
    background: #262626;
}
.menu-show {
    color: #878787;
    font-size: 16px;
    text-transform: uppercase;
    border: none;
    background: none;
    position: absolute;
    top: 32px;
    right: 19px;
    font-weight: 700;
    display: none;
}
.menu-show span {
    display: none;
}
.menu-show span:first-child {
    display: block;
}
.close-btn span {
    display: block;
}
.close-btn span:first-child {
    display: none;
}
/* --------------- /header__menu --------------- */

/* ------------- b-navigation ------------ */
.b-navigation{
    padding: 32px 0px 0px;
    overflow: hidden;
    text-align: right;
}
.back-to-list i{
    top: 27px;
    left:20px;
}
.back-to-list{
    float:left;
}
.previos-article i, .next-article i{
    top: 27px;
}
.previos-article{
}
.next-article {
    margin-left: 60px;
    float:right;
}
.previos-article i{
    left: 20px;
}
.next-article i{
    right: 20px;
}
/* ------------- /b-navigation ------------ */

/* --------------- col --------------- */
.col
{
    float: left;
    width: 100%;
    position: relative;
}
.col-xs-1{
    width: 8.33333333%;
}
.col-xs-2{
    width: 16.66666666%;
}
.col-xs-3{
    width: 25%;
}
.col-xs-4{
    width: 33.33333333%;
}
.col-xs-5{
    width: 41.66666666%;
}
.col-xs-6{
    width: 50%;
}
.col-xs-7{
    width: 58.33333333%;
}
.col-xs-8{
    width: 66.66666666%;
}
.col-xs-9{
    width: 75%;
}
.col-xs-10{
    width: 83.33333333%;
}
.col-xs-11{
    width: 91.66666666%;
}
.col-xs-12{
    width: 100%;
}
/* --------------- /col --------------- */

/* --------------- register --------------- */
.register {
    margin-bottom: 92px;
}
.register header{
    margin-bottom: 1px;
}
.register header h2 {
    margin: 0;
}
.register header + div {
    padding-top: 60px;
    padding-bottom: 23px;
}
.register h3 {
    font-size: 32px;
    margin-bottom: 28px;
}
.register > .content__item > div {
    margin-bottom: 18px;
    font-weight: 100;
    font-size: 16px;
    line-height: 19px;
}
.register p{
    color: #fff;
}
.register iframe{
    border: 0;
}
/* WOOCOMMERCE */
.register .products {width:100%; margin: 20px 0 20px 0;color: #2C2C2C;font-size: 26px;color: #fff;}
.register .woocommerce .products th{font-size: 18px;}
.register .woocommerce .products th.quantity-th, .registration .woocommerce .products th.price-th {text-align: center;}
.register .woocommerce .products tr.product:first-child {border-top: 1px solid #ccc;}
.register .woocommerce .products tr.product{border-bottom: 1px solid #cccccc;}
.register .woocommerce .products td {padding: 5px;}
.register .woocommerce .qty {border: 1px solid #cccccc;width: 40px;padding: 5px; vertical-align: middle;}
.register .woocommerce .description {text-align: left;}
.register .woocommerce .title{width: 15%;text-align: left;}
.register .woocommerce .title h3 {  font-size: 18px !important;display: inline;font-weight: bold;}
.register .woocommerce form.cart {display: inline-block;}
.register .woocommerce tr .btn {padding: 5px 15px;}
.register .add_to_cart_loop {width: auto; padding: 0 20px;}
.register .woocommerce .short-description {display: inline;vertical-align: -webkit-baseline-middle;vertical-align: middle;font-size: 20px;}
.register .woocommerce .price {font-size: 18px;font-weight: bold;}
.register .woocommerce .cart .product-thumbnail img {width: 180px;}
.register .gsection_description {color: #2C2C2C;}
.register .gform_wrapper .gfield_radio li label{font-size: 15px;color: #2C2C2C;}
.register .gform_wrapper ul.gform_fields li.gfield input[type=radio]{-webkit-appearance: radio !important; margin:1px;}
/* ------------ */

.tickera .event_tickets{
    width: 100%;
}
.tickera .event_tickets td{
    padding: 15px 0;
}
.tickera .event_tickets a{
    color: #ffffff;
}
.tickera .ares-select{
    width: 100px;
}
#tickera_cart{
    max-width: 1000px;
    margin: 30px auto;
    margin-bottom: 60px;
}
#tickera_cart .tickera_additional_info{
    margin-top: 30px;
}
#tickera_cart .info_section .description{
    margin: 0;
    padding: 10px;
}
.tc_cart_errors{
    max-width: 1000px;
    margin: 109px auto 0 auto;
}
#tickera_cart .fields-wrap input[type=text]{
    padding: 5px;
    width: 25%;
}
#tickera_cart .tickera_additional_info h3{
    margin-bottom: 10px;
}
#tickera_cart .fields-wrap label span{
    font-size: 14px;
}
#tickera_cart .tickera_additional_info h5{
    clear:both;
}

/* --------------- /register --------------- */

/* --------------- btn --------------- */
.btn {
    display: inline-block;
    padding: 0 45px;
    height: 70px;
    background: #000;
    color: #fff;
    font-size: 16px;
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    margin-bottom: 20px;
    -webkit-transition: background 300ms ease-in-out 100ms , color 300ms ease-in-out 100ms;
    transition: background 300ms ease-in-out 100ms, color 300ms ease-in-out 100ms;
    outline: none;
    font-weight: 700;
}
.btn:hover {
    background: #83febf;
    color: #000;
}
.btn:active,
.btn:focus {
    outline: none;
}
a.btn {
    line-height: 70px;
    text-decoration: none;
}
a.btn_icon i{
    position: absolute;
}
a.btn_icon {
    margin-bottom: 30px;
    font-weight: 700;
    color:#fff;
    background: #262626;
    width: 315px;
    text-align: center;
    position:relative;
}
a.btn_icon:hover{
    color: #000;
}
.btn_2 {
    background: #83febf;
    color: #000;
}
.btn_2:hover{
    background: #000;
    color: #fff;
}
.btn_3 {
    background: #262626;
    color: #fff;
}
/* --------------- /btn --------------- */

/* --------------- arrow --------------- */
.arrow {
    font-size: 62px;
    color: #fff;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
    background: transparent;
    border: none;
}
.arrow:hover {
    color: #000;
}
/* --------------- /arrow --------------- */

/* --------------- play --------------- */
.play {
    background: rgba(0,0,0,.6);
    width: 141px;
    height: 141px;
    -webkit-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
    position: relative;
    border: none;
}
.play:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 50px;
    border-color: transparent transparent transparent #fff;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -20px;
}
.play:hover {
    background: rgba(0,0,0,1);
}
/* --------------- /play --------------- */

/* --------------- square --------------- */
.square {
    width: 16.666%;
    position: relative;
    float: left;
    background: #fff;
    height: 231px;
    overflow: hidden;
}
.square > div, .square > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}
/* --------------- /square --------------- */

/* --------------- social --------------- */
.social {
    overflow: hidden;
}
.social__item {
    position: relative;
    float: left;
    font-size: 62px;
    color: #000 !important;
    -webkit-transition: color 300ms ease-in-out, background 300ms ease-in-out;
    transition: color 300ms ease-in-out, background 300ms ease-in-out;
    width: 16.666%;
    height: 231px;
    overflow: hidden;
}
.social__item > div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}
.social__item i {
    width: 100%;
    display: table;
    height: 100%;
    text-align: center;
}
.social__item i:before {
    display: table-cell;
    vertical-align: middle;
}
.social__item_f {
    background: #558ad1;
}
.social__item_inst {
    background: #5078ba;
}
.social__item_t {
    background: #64caf0;
}
.social__item_y {
    background: #d73333;
}
.social__item_v {
    background: #67bbe6;
}
.social__item_p {
    background: #d15555;
}
.social__item_in {
    background: #4358c0;
}
.social__item:hover {
    background: #262626;
    color: #fff !important;
}
.social {
    display: inline-block;
    vertical-align: top;
    width: 39.9%;
    float: right;
}
.social.full-width {
    width: 100%;
}
/* --------------- /social --------------- */

/* --------------- textarea-field --------------- */
.textarea-field{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 285px;
    margin-bottom: 30px;
}
.textarea-field > textarea {
    height: 100%;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid transparent;
    background: #171717;
    text-transform: uppercase;
    padding: 25px 10px 0 71px;
    color: #fff;
}
/* --------------- /textarea-field --------------- */

/* --------------- speakers --------------- */
.speakers__iframe {
    padding-bottom: 75%;
}
.speakers__iframe > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px;
}
.speakers__iframe iframe {
    width: 100%;
    height: 100%;
}


/* --------------- speakers-preview --------------- */
.speakers-preview {
    display: block;
    text-decoration: none !important;
    background: #262626;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}
.speakers-preview:before {
    content: '';
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    z-index: 1;
}
.speakers-preview:hover:before {
    background: rgba(0,0,0,0.3);
}
.speakers-preview__title {
    position: relative;
    z-index: 2;
    height: 153px;
    overflow: hidden;
    padding: 23px 30px 0;
    font-size: 26px;
    color: #fff;
    font-weight: 100;
}
.speakers-preview__title span {
    display: block;
    font-size: 32px;
    height: 64px;
    overflow: hidden;
    line-height: 30px;
}
.speakers-preview__title i.fa-star {
    padding-right: 10px;
}

/* --------------- /speakers-preview --------------- */

@media screen and (max-width: 1024px) {
    .speakers-preview-wrap h1 {
        font-size: 62px !important;
        padding: 18px 0 18px 0 !important;
        margin: 0;
        line-height: 65px;
    }
    .speakers-preview-wrap h1 > span {
        font-size: 26px !important;
        line-height: 29px;
        padding-top: 2px !important;
    }
    .speakers-preview__title {
        height: 131px;
        padding: 25px 15px 0;
    }
    .speakers-preview__title span {
        height: 54px;
    }
    .speakers-preview__title span {
        font-size: 26px;
    }
}

@media screen and (max-width: 326px) {
    .speakers-preview-wrap h1 {
        font-size: 42px !important;
        padding: 18px 0 18px 0 !important;
        line-height: 54px !important;
        margin: 0;
    }
    .speakers-preview-wrap h1 > span {
        font-size: 22px !important;
        line-height: 30px;
        padding-top: 12px !important;
    }
}

/* --------------- /speakers --------------- */

/* --------------- text-field --------------- */
.text-field{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 70px;
    margin-bottom: 30px;
}
.text-field_message {
    height: 282px;
}
.text-field > i, .textarea-field > i {
    position: absolute;
    text-align: center;
    top: 28px;
    left: 0;
    width: 75px;
    font-size: 16px;
    color: #fff;
}
.text-field > textarea,
.text-field > input {
    height: 100%;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid transparent;
    background: #171717;
    text-transform: uppercase;
    padding: 0 10px 0 71px;
    color: #a7a7a7;
}
.text-field > textarea {
    padding-top: 25px;
}
.text-field ::-webkit-input-placeholder {
    color: #a7a7a7;
}
.text-field :-moz-placeholder {
    color: #a7a7a7;
}
.text-field > textarea:focus,
.text-field_filled > input,
.text-field > input:focus {
    background: #262626;
}
.text-field_error > textarea,
.text-field_error > input{
    background: #171717;
    border: 2px solid #ff5c5c;
}
.text-field_2.text-field_filled > input,
.text-field_2 > input:focus {
    background: #000;
}
/* --------------- /text-field --------------- */

/* --------------- ares-select --------------- */
.ares-select{
    position: relative;
    width: 354px;
    height: 70px;
    border: 1px solid #000;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    /*overflow: hidden;*/
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 20px;
    cursor: pointer;
    background: #000;
}
.ares-select.active{
    background: #262626;
}
.ares-select:after{
    content: '';
    background: url("../img/ares-select.png");
    width: 15px;
    height: 14px;
    position: absolute;
    right: 27px;
    top: 27px;
}
.ares-select.active:after{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.ares-select__item {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 69px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding: 1px 20px 0;
    line-height: 68px;
}
.ares-select_mobile select {
    position: absolute;
    top: 0;
    left: 1px;
    width: 100%;
    bottom: -1px;
}
.ares-select_custom select{
    position: absolute;
    left: -100000px;
}
.ares-select__popup {
    position: absolute;
    overflow: hidden;
    z-index: 10;
    text-transform: uppercase;
    font-size: 15px;
    border-top: none;
}
.ares-select__popup ul {
    z-index: 1;
    background: #262626;
    margin: 0;
}
.ares-select__popup li{
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #000;
    border-top: none;
    height: 69px;
    color: #aaaaaa;
    text-transform: uppercase;
    line-height: 68px;
    padding: 0 20px;
    text-overflow: ellipsis;
}
.ares-select__popup li:hover {
    background: #171717;
    color: #fff;
}
.ares-select__popup li.active {
    background: #171717;
    cursor: default;
    color: #fff;
}
.ares-select__popup .iScrollVerticalScrollbar {
    position: absolute;
    width: 15px;
    top: 0;
    bottom: 0;
    background: #ccc;
    right: 0;
    z-index: 3;
    -webkit-transform: translateZ(0);
}
.ares-select__popup .iScrollIndicator {
    background: #aaa;
}
/* --------------- /ares-select --------------- */

/* --------------- tags --------------- */
.tags {
    font-size: 32px;
    color: #fff;
    font-weight: 100;
    padding-left: 48px;
    position: relative;
}
.tags a {
    color: #fff;
}
.tags i {
    color: #fff;
    position: absolute;
    top: -2px;
    left: 11px;
}
.tags a:hover {
    text-decoration: underline;
}
/* --------------- /tags --------------- */

/* ------------- latest-news ------------ */
.latest-news{
    margin-bottom: 81px;
}
.latest-news_all {
    margin-bottom: 0;
}
.latest-news_all header {
    background: #262626;
    margin-bottom: 1px;
    font: 100 52px/51px 'Roboto', sans-serif;
    padding: 18px 40px;
}
.latest-news_all header span {
    padding-top: 11px;
    display: block;
    font: 100 26px/38px 'Roboto', sans-serif;
}
.latest-news__list {
    margin-bottom: 3px;
}
.latest-news__item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    position: relative;
    margin-right: -3px;
}
.latest-news__pic:before {
    content: '';
    position: absolute;
    background: url("../img/latest-news__arrow.png") no-repeat;
    width: 61px;
    height: 27px;
    top: 85%;
    right: 36px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    z-index: 1;
}
.latest-news__item img {
    width: 100%;
    height: 354px;
    opacity: 0.6;
    margin-bottom: -3px;
}
.latest-news_all .latest-news__item img {
    opacity: 1;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.latest-news_all .latest-news__pic{
    overflow: hidden;
    padding-bottom: 74%;
    position: relative;
}
.latest-news__title {
    width: 100%;
    height: 110px;
    padding: 14px 45px 10px 31px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-align: left;
    background: #262626;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
.latest-news_all .latest-news__title {
    margin-bottom: 1px;
}
.latest-news__title span {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 32px;
    color: #c9c9c9;
    line-height: 42px;
    margin-bottom: 28px;
    display: block;
    max-height: 100%;
    overflow: hidden;
}
.latest-news__title time {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 26px;
    color: #939393;
}
.latest-news__item:hover .latest-news__title {
    background: transparent;
}
.latest-news__item:hover .latest-news__pic:before {
    opacity: 0.7;
}
.latest-news_all .latest-news__item:hover .latest-news__pic:before {
    opacity: 1;
}
/* ------------- /latest-news ------------ */

/* --------------- big-gallery --------------- */
.big-gallery {
    background: #000;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 750ms ease-in-out;
    transition: opacity 750ms ease-in-out;
}
.big-gallery_opened {
    width: 100%;
    height: 100%;
    opacity: 1;
}
.big-gallery__wrap {
    position: absolute;
    top: 73px;
    bottom: 143px;
    right: 0;
    left: 0;
}
.big-gallery__wrap > ul {
    height: 100%;
    overflow: hidden;
}
.big-gallery__wrap > ul >li{
    float: left;
    height: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
}
.big-gallery__wrap iframe {
    width: 100%;
    height: 100%;
}
.big-gallery__close {
    font-size: 42px;
    position: absolute;
    line-height: 72px;
    top: 0;
    cursor: pointer;
    right: 20px;
    counter-reset: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.big-gallery__btn {
    position: absolute;
    bottom: 1px;
    height: 141px;
    width: 50%;
    background: #262626;
    color: #fff;
    font-size: 62px;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-transition: color 300ms ease-in-out, background 300ms ease-in-out, opacity 300ms ease-in-out;
    transition: color 300ms ease-in-out, background 300ms ease-in-out, opacity 300ms ease-in-out;
}
.big-gallery__btn_dis {
    opacity: 0.5;
    cursor: default;
}
.big-gallery__btn > i {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 64px;
    margin-top: -32px;
}
.big-gallery__btn_prev {
    left: 0;
}
.big-gallery__btn_next {
    right: 0;
}
.big-gallery__btn:hover {
    background: #83febf;
    color: #000;
}
.big-gallery__btn_dis:hover {
    background: #262626;
    color: #fff;
}
/* --------------- /big-gallery --------------- */
/* --------------- speakers-preview-wrap --------------- */
.speakers-preview-wrap {
    overflow: hidden;
}
.speakers-preview-wrap .content__pic{
    padding-bottom: 60.65%;
    overflow: hidden;
    position: relative;
}
.speakers-preview-wrap .content__pic img {
    width: 100%;
    max-width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
/* --------------- /speakers-preview-wrap --------------- */

/*------------scroll-top----------*/
.scroll-top {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.7);
    width: 37px;
    height: 37px;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    text-decoration: none;
    border-radius: 50%;
    border: none;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.scroll-top.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.scroll-top i {
    color: #fff;
    margin: 0;
    position: relative;
    top: -1px;
    font-size: 42px;
}
.scroll-top:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}
/*------------/scroll-top----------*/

/* TICKERA START */
.tickera input[type="text"]{
    font-size: 16px;
    font-weight: bold;
    border: 2px solid transparent;
    background: #171717;
    text-transform: uppercase;
    padding: 10px;
    height: 35px;
    color: #a7a7a7;
}

.tickera .fields-wrap label {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    color: #fff;
}

.info_section h2,
.info_section h5 {
    margin: 0 0 15px 0;
}


.tickera .fields-wrap input[type="checkbox"],
.tickera .fields-wrap input[type="radio"] {
    margin: 3px 3px 0 0;
}

.coupon-code {
    float: left;
    margin-right: 10px;
}

.tickera textarea {
    width: 100%;
    height: 150px;
    font-size: 16px;
    font-weight: bold;
    border: 2px solid transparent;
    background: #171717;
    text-transform: uppercase;
    padding: 10px;
    color: #a7a7a7;
}

.tickera-payment-gateways .plugin-title label {
    color: #fff;
}

.tickera-payment-gateways {
    border: 1px solid rgba(255, 255, 255, 0.3);
}

#tc_payment_form {
    width: 70%;
    margin: 0 auto;
}

.tickera input[type="submit"] {
    border: none;
    height: 35px;
    background: #83febf;
    color: #000;
    padding: 0 20px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    -webkit-transition: all 300ms ease-in-out 100ms;
    transition: all 300ms ease-in-out 100ms;
    display: inline-block;
}

.tickera select {
    font-size: 16px;
    font-weight: bold;
    border: 2px solid transparent;
    background: #171717;
    text-transform: uppercase;
    padding: 10px;
    height: 35px;
    color: #a7a7a7;
}

#tc_terms_and_conditions + a {
    color: #83febf;
}

.tickera-payment-gateways .plugin-title img {
    width: auto;
    display: inline-block;
}

.tickera .order_details_title {
    padding-bottom: 15px;
}

.order-details td,
.order-details th {
    padding: 15px;
}

table.event_tickets {
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.tickera table.event_tickets td,
.tickera table.event_tickets th {
    padding: 15px;
}

.tickera table.event_tickets td {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.tc_in_cart a:hover {
    color: #fff;
}

.tickera-payment-gateways td,
.tickera-payment-gateways th,
.tickera td,
.tickera th {
    color: #fff;
    vertical-align: middle;
}

.tickera label {
    color: #fff;
}

.tickera .event_tickets a:hover {
    color: #83febf;
}

.order-details a {
    color: #83febf;
}

.order_details_title {
    padding-left: 10px;
}
/* TICKERA END */

@media screen and (max-width: 1419px) {

    /* -------------- b-navigation -------------- */
    .b-navigation .btn{
        margin: 0 0 30px 0;
        line-height: 72px;
    }
    .b-navigation{
        text-align: center;
    }
    /* -------------- /b-navigation -------------- */

    .reg-btn {
        text-indent: -5000px;
        background: #83febf url("../img/reg-btn.png") no-repeat center;
        width: 70px;
        right: 23px;
    }
    .reg-btn:hover{
        background:   #5FBD8D url("../img/reg-btn.png") no-repeat center;
    }

    /* --------------- header__menu --------------- */
    .header__menu {
        right: 112px;
    }

    .header__menu > ul > li {
    }

    /* --------------- /header__menu --------------- */

    /* --------------- square --------------- */
    .square {
        width: 25%;
    }
    /* --------------- /square --------------- */

    /* ------------- latest-news ------------ */
    .latest-news {
        margin-bottom: 0;
    }
    .latest-news__list {
        text-align: left;
        margin-bottom: 0;
    }
    .latest-news__item {
        width: 33.3%;
        margin: 0 -3px 1px 0;
    }
    .latest-news__item:before {
        right: 36px;
    }
    .latest-news__title {
        padding: 22px 30px 22px 31px;
    }
    .latest-news_all .latest-news__title {
        padding: 22px 30px 22px 22px;
        height: 127px;
    }
    .latest-news_all .latest-news__title span {
        margin-bottom: 18px;
    }
    .latest-news__title time {
        font-size: 26px;
    }
    .latest-news_all .latest-news__title time {
        font-size: 22px;
    }
    .latest-news__pic {
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .latest-news__pic img {
        position: absolute;
        top: 0;
        left: 0;
        height: auto;
    }
    /* ------------- /latest-news ------------ */

    /* -------------- banners-row -------------- */
    .square-wrap{
        display: none;
    }
    /* -------------- /banners-row -------------- */

    /* ------------ social ------------- */
    .social {
        width: 50%;
    }
    .social__item {
        width: 25%;
    }
    /* ------------ /social ------------- */

}
@media screen and (max-width: 1300px){

    /*------------header__menu----------*/
    .header__menu{
        right: 0;
    }
    #scroller > ul > li > span,
    #scroller > ul > li > a {
        font-size: 14px;
        padding: 0 10px;
    }
    /*------------/header__menu----------*/

}
@media screen and (max-width: 1023px) {

    /* -------------- speakers -------------- */
    .speakers h1 {
        font-size: 62px;
        padding-top: 32px;
        line-height: 62px;
        margin-bottom: 15px;
    }
    .speakers h1 i {
        font-size: 52px;
    }
    .speakers h1 > span {
        font-size: 26px;
    }
    .speakers__title h2 {
        font-size: 42px;
        margin-bottom: 17px;
    }
    .speakers h2 {
        font-size: 42px;
        margin-bottom: 28px;
    }
    .speakers__title p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 0;
    }
    .speakers h3 {
        margin-bottom: 28px;
    }
    .speakers__session-item h3 {
        text-align: left;
        height: 182px;
        overflow: hidden;
        font-size: 32px;
        padding: 22px 23px;
        line-height: 42px;
    }
    .speakers__session h2 {
        font-size: 52px;
        padding: 55px 0 23px 0;
    }
    .speakers__session-item .btn {
        width: 274px;
    }
    /* -------------- /speakers -------------- */

    /* -------------- b-navigation -------------- */
    .previos-article, .next-article {
        float:left;
        margin-left: 0;
    }

    .next-article {
        float:right;
    }
    /* -------------- /b-navigation -------------- */

    /* --------------- header__menu --------------- */
    .site__header_fixed{
        position: fixed;
        height: 100%;
        background: #000;
        width: 100%;
    }

    #wrapper {
        z-index: 1;
        overflow: hidden;
        width: 100%;
        left: 0;
        top: 80px;
        /*height: 100%;*/
        display: none;
        -webkit-transform: translateZ(0);
    }
    #scroller > ul > li {
        display: block;
        margin-left: 0;
        border-top: 1px solid #000;
    }

    #scroller > ul > li > a,
    #scroller > ul > li > span {
        background: #262626;
        height: 68px;
        line-height: 68px;
        padding: 0 33px;
    }

    #scroller > ul > li > ul {
        display: none;
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        top: auto;
    }

    #scroller > ul > li > ul {
        border-bottom: none;
    }

    /*#scroller > ul > li > span:after,*/
    #scroller > ul > li > a .fa {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 75px;
        font-size: 0;
    }
    #scroller > ul > li > a .fa:after{
        content: "";
        position: absolute;
        top: 50%;
        right: 22px;
        bottom: auto;
        background: url("../img/plus-minus-btn.png") no-repeat;
        width: 13px;
        height: 13px;
        margin-top: -6px;
        left: auto;
    }

    #scroller > ul > li > a.active,
    #scroller > ul > li > span.active {
        background: #171717;
    }

    #scroller > ul > li > a.active:after,
    #scroller > ul > li > span.active:after {
        background-position: 0 -17px;
    }
    /*.site{*/
    /*padding-top: 0;*/
    /*}*/
    /*.site__header{*/
    /*position: relative;*/
    /*}*/

    /* --------------- /header__menu --------------- */
    .reg-btn {
        text-indent: 0;
        background: #83febf;
        width: 141px;
        right: 26px;
    }
    .reg-btn:hover{
        background:   #fff;
    }
    .menu-show{
        display: block;
    }
    /* -------------- site -------------- */
    .site:after {
        height: 82px;
    }
    .site__footer {
        height: 82px;
    }

    /* -------------- /site -------------- */

    /* ------------- copyright --------------- */
    .copyright {
        padding: 37px 20px 0 32px;
    }
    /* ------------- /copyright --------------- */

    /* --------------- square --------------- */
    .square {
        width: 33.33333333%;
        padding-bottom: 33.33333333%;
        height: auto;
    }
    /* --------------- /square --------------- */

    /* ------------- latest-news ------------ */
    .latest-news {
        margin-bottom: 53px;
    }
    .latest-news__item {
        width: 50%;
        margin: 0 -3px 1px 0;
        height: auto;
    }
    .latest-news__item:nth-child(even) {
        border-left: 1px solid #000;
    }
    .latest-news__item:before {
        right: 36px;
    }
    .latest-news__item img {
    }
    .latest-news__title {
        padding: 19px 30px 10px 31px;
        box-sizing: border-box;
        height: 170px;
    }
    .latest-news_all .latest-news__title {
        padding: 19px 30px 22px 22px;
        height: 160px;
    }
    .latest-news__title time {
        font-size: 26px;
    }
    .latest-news__pic {
        width: 100%;
        border-bottom: 1px solid transparent;
    }
    .latest-news__pic img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }
    /* ------------- /latest-news ------------ */

    /* ------------ social ------------- */
    .social {
        width: 33.3%;
    }
    .social__item {
        width: 50%;
        padding-bottom: 50%;
        height: auto;
    }
    /* ------------ /social ------------- */
    
    .big-gallery__wrap > ul >li{
        background-size: contain;
        background-repeat: no-repeat; 
    }

}
@media screen and (max-width: 767px) {

    .site{
        padding-top: 70px;
    }

    /* --------------- content --------------- */
    .content h1, .site__title{
        font-size: 36px;
    }
    .content h1 > span, .site__title > span{
        font-size: 22px;
        line-height: 32px;
    }
    .content h2{
        font-size: 36px;
    }
    .content h2 > span{
        font-size: 22px;
        line-height: 32px;
    }
    .content__item {
        padding: 0 20px;
        width: 100% !important;
    }
    .subscribe .ares-select {
        display: none;
    }
    /* --------------- /content --------------- */

    /* ------------- site ---------------- */
    .site:after {
        height: 82px;
    }
    .site__footer {
        height: 82px;
    }
    /* ------------- /site ---------------- */

    /* -------------- b-navigation -------------- */
    .previos-article, .next-article {
        float:none;
    }
    .b-navigation {
        padding: 20px 0px 0px;
    }

    .b-navigation a.btn_icon{
        margin-bottom: 10px;
        width: 100%;
        white-space: nowrap;
    }
    .b-navigation a.back-to-list{
        margin-bottom: 20px;
    }
    /* -------------- /b-navigation -------------- */

    /* --------------- logo --------------- */
    .logo {
        top: 19px;
        left: 20px;
    }
    .site__header{
        height: 70px;
    }
    .mobile-logo {
        display: block;
    }
    .desktop-logo {
        display: none;
    }
    /* --------------- /logo --------------- */

    .reg-btn {
        text-indent: -5000px;
        background: #83febf url("../img/reg-btn.png") no-repeat center;
        width: 50px;
        height: 50px;
        right: 10px;
        top: 11px;
    }
    .reg-btn:hover{
        background:   #fff url("../img/reg-btn.png") no-repeat center;
    }
    .menu-show {
        top: 28px;
        right: 15px;
    }
    /* -------------- copyright -------------- */
    .copyright {
        padding: 38px 20px 0 18px;
        font-size: 18px;
    }
    /* -------------- /copyright -------------- */

    /* ------------- latest-news ------------ */
    .latest-news {
        margin-bottom: 8px;
    }
    .latest-news_all header {
        font-size: 36px;
    }
    .latest-news_all header span{
        font-size: 22px;
        line-height: 32px;
    }
    .latest-news__item {
        width: 100%;
        margin: 0 0 1px 0;
        display: none;
    }
    .latest-news__item:nth-child(-n + 3) {
        display: inline-block;
    }
    .latest-news_all .latest-news__item {
        display: inline-block;
    }
    .latest-news__item:before {
        right: 36px;
    }
    .latest-news__title {
        padding: 21px 30px 15px 20px;
        box-sizing: border-box;
        height: 174px;
    }
    .latest-news_all .latest-news__title {
        padding: 21px 30px 10px 19px;
    }
    .latest-news__title span {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 18px;
        max-height: 108px;
        overflow: hidden;
    }
    .latest-news_all .latest-news__title span {
        font-size: 32px;
        line-height: 43px;
        max-height: 129px;
        margin-bottom: 16px;
    }
    .latest-news__title time {
        font-size: 23px;
    }
    .latest-news__pic {
        width: 100%;
        border-bottom: 1px solid transparent;
    }
    .latest-news__pic img {
        width: 100%;
        height: auto;
        min-height: 0;
    }
    .latest-news_all header span {
        margin: 16px 0 0 0;
        font-size: 22px;
        line-height: 32px;
    }
    /* ------------- /latest-news ------------ */

    /* ------------ social ------------- */
    .social__item {
        font-size: 42px;
    }
    .social {
        width: 100%;
        display: block;
        float: none;
    }
    .social__item {
        width: 25%;
        padding-bottom: 25%;
    }
    /* ------------ /social ------------- */


    /* -------------- text-field ------------- */
    .text-field {
        margin-bottom: 21px;
    }
    /* -------------- /text-field ------------- */

    #wrapper{
        top: 70px;
    }

    /* --------------- tags --------------- */
    .tags {
        font-size: 22px;
        line-height: 35px;
        padding-left: 28px;
    }
    .tags i {
        left: 1px;
        top: 6px;
    }
    /* --------------- /tags --------------- */
    
    /* TICKERA START */
    .tickera input[type="submit"],
    .coupon-code,
    #coupon_code {
        width: 100%;
        margin: 0 0 10px 0;
    }
    
    #tickera_cart .fields-wrap input[type=text] {
        width: 50%;
    }
    
    .tickera-payment-gateways td, 
    .tickera-payment-gateways th, 
    .tickera td, .tickera th {
        font-size: 0.8em;
        padding: 5px;
    }
    
    .tickera {
        padding: 15px;
    }
    /* TICKERA END */

}
@media (max-width: 460px) {
    #tickera_cart .fields-wrap input[type=text] {
        width: 100%;
    }
    .tickera {
        padding: 20px;
    }
}
@media (min-width: 768px) {
    /* --------------- col --------------- */
    .col-sm-1{
        width: 8.33333333%;
    }
    .col-sm-2{
        width: 16.66666666%;
    }
    .col-sm-3{
        width: 25%;
    }
    .col-sm-4{
        width: 33.33333333%;
    }
    .col-sm-5{
        width: 41.66666666%;
    }
    .col-sm-6{
        width: 50%;
    }
    .col-sm-7{
        width: 58.33333333%;
    }
    .col-sm-8{
        width: 66.66666666%;
    }
    .col-sm-9{
        width: 75%;
    }
    .col-sm-10{
        width: 83.33333333%;
    }
    .col-sm-11{
        width: 91.66666666%;
    }
    .col-sm-12{
        width: 100%;
    }

    .row > [class*='col'] {
        float: left;
        position: relative;
    }
    /* --------------- /col --------------- */
}
@media (min-width: 1024px) {
    /* --------------- col --------------- */
    .col-md-1{
        width: 8.33333333%;
    }
    .col-md-2{
        width: 16.66666666%;
    }
    .col-md-3{
        width: 25%;
    }
    .col-md-4{
        width: 33.33333333%;
    }
    .col-md-5{
        width: 41.66666666%;
    }
    .col-md-6{
        width: 50%;
    }
    .col-md-7{
        width: 58.33333333%;
    }
    .col-md-8{
        width: 66.66666666%;
    }
    .col-md-9{
        width: 75%;
    }
    .col-md-10{
        width: 83.33333333%;
    }
    .col-md-11{
        width: 91.66666666%;
    }
    .col-md-12{
        width: 100%;
    }

    .row > [class*='col'] {
        float: left;
        position: relative;
    }
    /* --------------- /col --------------- */
}
@media (min-width: 1440px) {
    /* --------------- col --------------- */
    .col-lg-1{
        width: 8.33333333%;
    }
    .col-lg-2{
        width: 16.66666666%;
    }
    .col-lg-3{
        width: 25%;
    }
    .col-lg-4{
        width: 33.33333333%;
    }
    .col-lg-5{
        width: 41.66666666%;
    }
    .col-lg-6{
        width: 50%;
    }
    .col-lg-7{
        width: 58.33333333%;
    }
    .col-lg-8{
        width: 66.66666666%;
    }
    .col-lg-9{
        width: 75%;
    }
    .col-lg-10{
        width: 83.33333333%;
    }
    .col-lg-11{
        width: 91.66666666%;
    }
    .col-lg-12{
        width: 100%;
    }

    .row > [class*='col'] {
        float: left;
        position: relative;
    }
    /* --------------- /col --------------- */
}