@import "reset.css";

/* Main styles */
body{
    font: 300 16px/27px 'Roboto', Arial, Helvetica, sans-serif;
    color: #747474;
    background: #1b1b25;
    min-width: 1160px;
}
a{
    color: #fff;
    text-decoration: underline;
}
a:hover{text-decoration: none;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img{
    display: block;
    vertical-align: top;
    border: none;
}
.row{overflow: hidden;}
.main-container{
    max-width: 1160px;
    margin: 0 auto;
}

/* header */
.intro{
    padding: 748px 0 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.intro h1{display: none;}
.intro ul,
.intro p{
    font: 300 28px/42px 'Roboto Condensed', Arial, Helvetica, sans-serif;
    margin: 0;
    overflow: hidden;
    letter-spacing: 2px;
}
.intro ul li{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 -4px;
    position: relative;
    padding: 0 22px;
}
.intro ul li:before{
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 1px;
    height: 24px;
    background: #fff;
}
.intro ul li:first-child:before{display: none;}
.intro p{
    margin: 0 0 50px;
    letter-spacing: 3px;
}

.btn{
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    padding: 22px 53px;
    text-decoration: none;
    background: #2a7cc9;
    color: #fff;
    background: -moz-linear-gradient(top,  #2a7cc9 0%, #297dcb 100%);
    background: -webkit-linear-gradient(top,  #2a7cc9 0%,#297dcb 100%);
    background: linear-gradient(to bottom,  #2a7cc9 0%,#297dcb 100%);
    font: 900 24px/44px 'Roboto', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    height: 84px;
    text-align: center;
    cursor: pointer;
}
.btn:hover{
	text-decoration: none;
	opacity: 0.8;
}
.btn:active{
	text-decoration: none;
	background: #7929cb;
	opacity: 100;
}
.btn-holder{
    text-align: center;
    margin-bottom: 84px;
}
.btn-blue{background: #3929cb;}

/* main part */
.event-description{
    letter-spacing: 2px;
    padding: 80px 0;
    background: #12121b;
    color: #fff;
    font: 28px/42px 'Roboto Condensed', Arial, Helvetica, sans-serif;
}

.speakers-list{padding: 83px 0 26px;}
.speakers-list>li{
    display: inline-block;
    vertical-align: top;
    margin: 0 70px 68px 0;
    width: 550px;
}
.speakers-list>li:nth-child(2n){
    width: 530px;
    margin-right: 0;
    margin-left: -4px;
}
.speakers-list .title{
    color: #297dcb;
    font: 34px/44px 'Roboto Condensed', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.speakers-list .flow2{color: #eb2524;}
.speakers-list .row{
    padding-bottom: 20px;
    min-height: 233px;
}
.photo{
    float: left;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    margin: 10px 20px 0 0;
    position: relative;
}
.photo img{
    width: 180px;
    height: 180px;
    border-radius: 50%;
}
.speaker-info{overflow: hidden;}
.time{
    display: block;
    color: #fff;
    font: 20px/44px 'Roboto Condensed', Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
}
.topic{
    color: #fff;
    font: 900 34px/40px 'Roboto', Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
    margin-bottom: 15px;
}
.name{
    font: 300 28px/34px 'Roboto', Arial, Helvetica, sans-serif;
    margin-bottom: 6px;
}
.organization{
    font: 300 20px/24px 'Roboto Condensed', Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
}
.description ul li{
    text-indent: 8px;
    position: relative;
}
.description ul li:before{
    position: absolute;
    top: 11px;
    left: 0;
    content: '';
    background: #747474;
    width: 4px;
    height: 4px;
    border-radius: 2px;
}

/* footer */
.footer{
    height: 290px;
    padding: 52px 0;
}
.footer h2{
    font: 700 24px/44px 'Roboto Condensed', Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}
/* place */
.place{
    float: left;
    width: 320px;
    margin-right: 100px;
}
.place address{
    color: #fff;
    display: block;
    font: 300 24px/42px 'Roboto Condensed', Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

/* socials block{ */
.socials-block{
    float: left;
    width: 320px;
    margin-right: 150px;
    text-align: center;
    padding-top: 30px;
}
.logo{
    overflow: hidden;
    height: 42px;
    width: 172px;
    margin: 0 auto 50px;
}

.socials{overflow: hidden;}
.socials li{
    float: left;
    margin-left: 62px;
}
.socials li:first-child{margin-left: 2px;}
.socials a{
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    width: 33px;
    height: 33px;
    background: url("../images/ico-social.png") no-repeat;
}
.socials .ico-be{background-position: 0 0;}
.socials .ico-vk{background-position: -96px 0;}
.socials .ico-fb{background-position: -192px 0;}
.socials .ico-md{background-position: -288px 0;}

/* contacts */
.contacts{
    float: right;
    width: 270px;
}
.hr-name,
.hr-phone{
    color: #fff;
    display: block;
    font: 300 24px/42px 'Roboto Condensed', Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.contacts dl{
    display: block;
    font: 300 24px/42px 'Roboto Condensed', Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    overflow: hidden;
    white-space: nowrap;
}
.contacts dt{
    float: left;
     margin-right: 7px;
    text-transform: uppercase;
}
.contacts dd{color: #fff;}

/* map */
.map-holder{
    height: 590px;
    margin: 0 auto;
    background: #e9e5dc;
    position: relative;
}
.map-overlay{
    background:transparent;
    position:absolute;
    width:100%;
    height:590px;
    top:590px;
    margin-top:-590px;
}

/* form */
.fancybox-overlay{background: rgba(0,0,0,0.55);}
.popup{
    background: #1b1b25;
    padding: 44px 50px;
    display: none;
}
.popup-message{
    width: 520px;
    height: 640px;
}
.popup-event{
    width: 640px;
    height: 235px;
    background: none;
    padding: 0;
    overflow: hidden;
}
.form-send .row{padding-bottom: 35px;}
.form-send label{
    font: 300 20px/25px 'Roboto Condensed', Arial, Helvetica, sans-serif;
    display: block;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 3px;
}
.input,
.textarea{
    border: none;
    border-radius: 0;
    background: #fff;
    padding: 9px 10px 10px;
    color: #1b1b25;
    font: 300 20px/25px 'Roboto Condensed', Arial, Helvetica, sans-serif;
    height: 42px;
    width: 100%;
}
.textarea{
    height: 117px;
    resize: none;
}
.form-send .btn-blue{
    width: 320px;
    display: block;
    margin: 0 auto;
    padding: 0;
    height: 50px;
}

/*New 20.07.16*/

.form-send .btn.disabled,
.form-send .btn.disabled:hover{
    background:rgba(0,0,0,0.2);
    cursor:auto;
    opacity:0.5;
}
.form-send .btn.loading{
    background:rgba(0,0,0,0.7);
    cursor:auto;
    opacity:1;
}
.form-send .btn.loaded{
    background: #5fab0d;
    cursor:auto;
    opacity:1;
}
.form-send .row{
    position: relative;
}
.error-text{
    position: absolute;
    width: 100%;
    color:#fff;
    bottom: 7px;
    left: 0;
    display: none;
}
.form-send .row.validate-row.error .error-text{
    display: block;
    font-size:12px;
}
.form-send .row.validate-row.error .input,
.form-send .row.validate-row.error .textarea{
    background: #f00;
}
.form-send .textarea{
    vertical-align: top;
}
.form-send .row.no-validate .error-text{
    display: none !important;
}
.form-send .row.no-validate .input{
    background: #fff !important;
}
.form-send .row.validate-ok .input,
.form-send .row.validate-ok .textarea{
    background: #daffae !important;
}

.open-pdf,
.open-video{
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    font: 300 20px/25px 'Roboto Condensed', Arial, Helvetica, sans-serif;
    color: #297dcb;
}
.docs span{
    display: inline-block;
    vertical-align: top;
    height: 17px;
    width: 1px;
    background: #297dcb;
    margin: 3px 14px 0;
}
.docs-red a{ color: #eb2524;}
.docs-red span{ background: #eb2524;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.partners{
    background: #12121b;
    padding: 80px 0 20px;
}
.partners h2,
.photo-block h2{
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
    font: 300 28px/36px 'Roboto Condensed', Arial, Helvetica, sans-serif;
}
.partners ul{
    -webkit-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 0 70px;
}
.partners ul li{margin: auto 36px;}
.partners ul a{margin: auto;}
.partners ul img{margin: auto;}

.photo-block{padding: 80px 0 20px;}
.gallery{margin-bottom: 50px;}
.gallery a{
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    width: 374px;
    height: 249px;
}