@ -277,7 +277,7 @@ a.l-button {
}
. page-wrap > header . logo {
width : 220px ;
padding : 38 px 0 0 ;
padding : 5 px 0 0 ;
float : left ;
margin : 0 -100 % 0 -220px ;
-moz-box-sizing : border-box ;
@ -388,9 +388,21 @@ a.l-button.ico:before {
. header-body . header-top ul {
float : left
}
. header-body . header-top . lang-switch {
width : 50 % ;
color : # a2a2a2
. lang-switch {
/*width: 50%;*/
color : # a2a2a2 ;
position : absolute ;
top : 0 ;
right : 0 ;
}
. lang-switch li {
display : inline-block ;
text-transform : uppercase ;
margin-left : 5px ;
}
. header-body . hb-wrap . lang-switch a {
color : # 464646 ;
text-decoration : underline ;
}
. header-body . header-top . coordinators . lang-switch {
width : auto
@ -419,51 +431,56 @@ a.l-button.ico:before {
width : auto ;
margin-right : 0
}
. header-body . header-top . authorisation-links {
. authorisation-links {
float : right ;
font-weight : 500 ;
text-decoration : none
text-decoration : none ;
padding-top : 20px ;
}
. header-body . header-top . authorisation-links a {
margin : 0 -6px 0 16px
. authorisation-links a {
margin : 0 -6px 0 16px ;
font-size : 14px ;
text-transform : uppercase ;
}
. header-body . header-top . authorisation-links a : first-child {
. authorisation-links a : first-child {
margin-left : 0
}
. header-body . header-top . authorisation-links a . register {
. authorisation-links a . register {
color : # 000
}
. header-body . header-top . authorisation-links a . register : hover {
. authorisation-links a . register : hover {
color : # f60
}
. header-body . header-top . authorisation-links a . register : before {
. authorisation-links a . register : before {
background-position : -12px 0 ;
height : 13px ;
margin-top : -2px
}
. header-body . header-top . authorisation-links a . register : hover : before {
. authorisation-links a . register : hover : before {
background-position : -24px 0
}
. header-body . header-top . authorisation-links a . login : before {
. authorisation-links a . login : before {
background-position : -36px 0 ;
width : 9px ;
height : 12px ;
margin-top : -2px
}
. header-body . header-top . authorisation-links a . login : hover : before {
. authorisation-links a . login : hover : before {
background-position : -75px -145px
}
. cabinet-links {
float : right ;
padding-right : 35px ;
width : 360px ;
min- width: 360px ;
-moz-box-sizing : border-box ;
box-sizing : border-box
box-sizing : border-box ;
margin-top : 20px ;
}
. coordinators . cabinet-links {
width : auto
}
. cabinet-links . cl-body {
padding-top : 10px ;
width : 100 % ;
float : left ;
background : # f60 ;
@ -472,18 +489,13 @@ a.l-button.ico:before {
line-height : 20px ;
font-weight : 700 ;
text-transform : uppercase ;
padding-left : 22px ;
-webkit-border-bottom-right-radius : 4px ;
-webkit-border-bottom-left-radius : 4px ;
-moz-border-radius-bottomright : 4px ;
-moz-border-radius-bottomleft : 4px ;
border-bottom-right-radius : 4px ;
border-bottom-left-radius : 4px ;
padding-left : 10px ;
border-radius : 4px ;
-moz-box-sizing : border-box ;
box-sizing : border-box ;
height : 44px ;
margin-top : -10px ;
margin-bottom : -4px
/*margin-bottom: -4px*/
}
. mp-top . recent-expo . re-date ,
. mp-top . recent-expo . re-title {
@ -493,16 +505,18 @@ a.l-button.ico:before {
. cabinet-links . cl-body > div ,
. cabinet-links . cl-body > ul {
display : block ;
border-left : 1px solid # fff ;
float : left ;
height : 30px ;
margin-top : 14px ;
padding-left : 2px ;
padding-right : 2px
border-right : 1px solid # fff ;
/*float: left;*/
float : right ;
padding : 0 5px ;
/*height: 30px;*/
/*margin-top: 14px;*/
/*padding-left: 2px;*/
/*padding-right: 2px*/
}
. cabinet-links . cl-body . clb-messages {
min-width : 40px ;
padding-left : 3px
/*min-width: 40px;*/
/*padding: 0 5px*/
}
. cabinet-links . cl-body > ul {
padding : 0 0 12px
@ -511,7 +525,7 @@ a.l-button.ico:before {
display : block ;
padding : 0 2px 12px ;
margin-bottom : -10px ;
border-lef t : 1px solid # fff ;
border-righ t : 1px solid # fff ;
float : left
}
. cabinet-links . cl-body > : first-child ,
@ -519,13 +533,14 @@ a.l-button.ico:before {
border-left : none
}
. cabinet-links . cl-body > div . clb-settings {
width : 32px ;
float : right
/*width: 32px;*/
/*float: right*/
border-right : 0 ;
}
. cabinet-links . cl-body > div . clb-docs {
width : 57px ;
padding-left : 6px ;
float : left
/*width: 70px;*/
/*padding: 0 6px;*/
/*float: left*/
}
. cabinet-links . cl-body > div . clb-docs a . cl-btn {
margin-left : -4px ;
@ -535,13 +550,27 @@ a.l-button.ico:before {
color : # fff ;
position : relative ;
display : inline-block ;
height : 30px ;
line-height : 30px ;
padding : 0 7px ;
margin : -6px 0 ;
/*height: 30px;*/
/*line-height: 30px;*/
/*padding: 0 7px;*/
/*margin: -6px 0;*/
line-height : 25px ;
border : 1px solid transparent ;
border-radius : 4px
}
. cabinet-links . clb-profile a {
padding-right : 5px ;
}
. cabinet-links . cl-body a i {
font-size : 14px ;
vertical-align : middle ;
width : 25px ;
text-align : center ;
}
. cabinet-links . cl-body . fa-at { margin-top : -2 px ; }
. cabinet-links . cl-body a : hover {
border-color : # fff
}
@ -664,13 +693,15 @@ nav ul {
vertical-align : middle
}
. header-body . hb-wrap {
padding : 22px 470px 22px 0
padding : 22px 0 22px 0 ;
position : relative ;
}
. serv-links {
float : left ;
width : 100 %
width : 40 % ;
/*width: 100%*/
}
. header-body . hb-wrap ul {
. header-body . hb-wrap . serv-links ul {
-moz-box-sizing : border-box ;
box-sizing : border-box ;
width : 49 . 9 % ;
@ -678,6 +709,11 @@ nav ul {
float : left ;
padding-right : 10px
}
. header-body . hb-wrap ul . soc-media-buttons {
width : auto ;
padding-top : 20px ;
float : left ;
}
. header-body . hb-wrap ul li {
margin-top : 3px
}
@ -13206,6 +13242,362 @@ label[for="id_date_to"],
}
ol . numeric {
counter-reset : myCounter ;
padding-left : 25px ;
}
ol . numeric li {
list-style : none ;
line-height : 18px ;
}
ol . numeric li : before {
counter-increment : myCounter ;
content : counter ( myCounter ) '.' ;
color : # a8a8a8 ;
margin-right : 10px ;
font-family : dindisplay_pro ;
font-weight : bold ;
font-size : 18px ;
line-height : 18px ;
vertical-align : middle ;
}
blockquote {
margin-right : 0 ;
margin-left : 0 ;
border-left : 2px solid # FF6600 ;
padding-left : 15px ;
font-style : italic ;
font-size : 16px ;
}
. full_sharing {
padding : 28px 20px ;
border-top : 1px dashed # ccc ;
border-bottom : 1px dashed # ccc ;
margin-left : -20px ;
margin-right : -20px ;
}
. full_sharing . social-likes__button {
font-weight : 500 ;
}
. recommended_articles {
padding : 33px 20px ;
border-top : 1px dashed # ccc ;
margin-left : -20px ;
margin-right : -20px ;
}
. recommended_articles h2 {
font-size : 40px ;
font-weight : 100 ;
line-height : 1 ;
color : # 333333 ;
margin-bottom : 30px ;
}
. recommended_articles . articles {
display : -webkit-box ;
display : -webkit-flex ;
display : -moz-box ;
display : -ms-flexbox ;
display : flex ;
-webkit-box-pack : justify ;
-webkit-justify-content : space-between ;
-moz-box-pack : justify ;
-ms-flex-pack : justify ;
justify-content : space-between ;
}
. recommended_articles . article {
width : 217px ;
}
. recommended_articles img {
margin-bottom : 25px ;
}
. recommended_articles a {
font-size : 14px ;
font-weight : bold ;
color : # 333333 ;
text-decoration : none ;
}
. recommended_articles a : hover {
text-decoration : underline ;
color : # FF6600 ;
}
. recommended_articles time {
display : block ;
padding-top : 7px ;
}
. recommended_articles time i {
color : # FF6600 ;
}
. article_comments {
padding : 33px 20px 0 ;
border-top : 1px dashed # ccc ;
margin-left : -20px ;
margin-right : -20px ;
}
. article_comments h2 {
font-size : 40px ;
font-weight : 100 ;
line-height : 1 ;
color : # 333333 ;
margin-bottom : 30px ;
}
. article_comments . comment {
padding : 20px ;
}
. article_comments . comment_author {
font-size : 18px ;
color : # FF6600 ;
margin-bottom : 8px ;
}
. article_comments . comment_author time {
margin-left : 20px ;
border-left : 1px solid # ccc ;
padding-left : 20px ;
line-height : inherit ;
font-size : 13px ;
color : # 666666 ;
}
. article_comments . comment_author time i {
color : # FF6600 ;
}
. article_comments . comment_text {
font-size : 14px ;
color : # 333333 ;
line-height : 1 . 3 ;
margin-bottom : 10px ;
}
. article_comments a {
text-decoration : none ;
}
. article_comments a span {
color : # 333333 ;
}
. article_comments a : hover span {
color : # FF6600 ;
text-decoration : underline ;
}
. article_comments . comment > . comment {
margin : 45px 0 0 100px ;
border : 1px solid # f4f4f3 ;
background-color : # f8faf9 ;
border-radius : 3px ;
position : relative ;
}
. article_comments . comment > . comment : before {
content : '' ;
display : block ;
width : 20px ;
height : 20px ;
background : url ( . . / . . / img / comment_arrow . png ) ;
position : absolute ;
left : 20px ;
top : -19px ;
}
. connference_speakers h3 {
font : 600 28px dindisplay_pro ;
color : # 000 ;
}
. speakers_slider > . speaker : not ( : first-child ) {
display : none ;
}
. speakers_slider {
margin : 0 auto ;
width : 872px ;
}
. speakers_slider . speaker {
width : 196px ;
margin : 0 11px ;
}
. speaker_img {
position : relative ;
border-radius : 3px ;
}
. speaker_img . overlay {
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
background : rgba ( 255 , 102 , 0 , . 8 ) ;
color : # fff ;
padding : 10px ;
vertical-align : middle ;
opacity : 0 ;
-webkit-transition : opacity . 5s ;
-o-transition : opacity . 5s ;
transition : opacity . 5s ;
border-radius : 3px ;
}
. speaker_img . overlay span {
position : absolute ;
top : 50 % ;
left : 0 ;
right : 0 ;
-webkit-transform : translateY ( -50 % ) ;
-ms-transform : translateY ( -50 % ) ;
-o-transform : translateY ( -50 % ) ;
transform : translateY ( -50 % ) ;
font-size : 14px ;
text-align : center ;
}
. speakers_slider . speaker : hover . overlay {
opacity : 1 ;
-webkit-transition : opacity . 5s ;
-o-transition : opacity . 5s ;
transition : opacity . 5s ;
}
. speakers_slider . speaker h5 {
font : 600 18px dindisplay_pro ;
color : # 464646 ;
text-align : center ;
margin-bottom : 0 ;
}
. speakers_slider . speaker > span {
display : block ;
text-align : center ;
color : # FF6600 ;
}
. speakers_slider . slick-prev : before {
content : '‹' ;
font-family : Arial , san-serif ;
color : # b7b7b6 ;
font-size : 38px ;
font-weight : 100 ;
}
. speakers_slider . slick-next : before {
content : '›' ;
font-family : Arial , sans-serif ;
color : # b7b7b6 ;
font-size : 38px ;
font-weight : 100 ;
}
. last_photos_slider {
margin-bottom : 22px ;
}
. last_photos_slider . slick-prev {
left : 0 ;
top : 0 ;
bottom : 0 ;
-webkit-transform : none ;
-ms-transform : none ;
-o-transform : none ;
transform : none ;
background : rgba ( 0 , 0 , 0 , . 5 ) ;
height : 100 % ;
z-index : 100 ;
width : 60px ;
text-align : center ;
}
. last_photos_slider . slick-prev : focus ,
. last_photos_slider . slick-next : focus {
background : rgba ( 0 , 0 , 0 , . 5 ) ;
}
. last_photos_slider . slick-prev : before {
content : '‹' ;
font-family : dindisplay_pro , sans-serif ;
color : # b7b7b6 ;
font-size : 80px ;
font-weight : 100 ;
}
. last_photos_slider . slick-prev : hover {
background : rgba ( 0 , 0 , 0 , . 8 ) ;
}
. last_photos_slider . slick-next {
top : 0 ;
right : 0 ;
bottom : 0 ;
-webkit-transform : none ;
-ms-transform : none ;
-o-transform : none ;
transform : none ;
background : rgba ( 0 , 0 , 0 , . 5 ) ;
height : 100 % ;
z-index : 100 ;
width : 60px ;
text-align : center ;
}
. last_photos_slider . slick-next : before {
content : '›' ;
font-family : dindisplay_pro , sans-serif ;
color : # b7b7b6 ;
font-size : 80px ;
font-weight : 100 ;
}
. last_photos_slider . slick-next : hover {
background : rgba ( 0 , 0 , 0 , . 8 ) ;
}
. conference_about h2 {
font-weight : 500 ;
color : # 000 ;
font-size : 28px ;
}
. i-photo-slides h2 {
font-family : dindisplay_pro , sans-serif ;
font-size : 28px ;
color : # 000 ;
}
. last_photos_thumbs {
width : 765px ;
margin : 0 auto ;
}
. last_photos_thumbs img {
margin : 0 10px ;
}
. top_page_banner {
display : block ;
width : 1200px ;
height : 130px ;
margin : 10px auto ;
background-color : # 00A6C7 ;
}