.phones{
  margin: 0.6em 0;
  font-size: 0.8em;
  line-height: 1.4;
}
.phones .paragraph{
  display: flex;
}
.phones .label{
  margin-right: 0.6em;
  min-width: 2.3em;
}
#contact-information .email, 
#contact-info .email{
  font-size: 0.8em;
}

#contact-information{
  transform: translateY(-30%);
}



.role_administrator .dev-hide{
  display: none;
}
.anonymous .dev-show{
  display: none;
}



@media screen and (min-width: 960px) and (orientation: landscape){
  
  
 
  
  
  #home .slide.screen1 .box.one {
      grid-column-start: 16;
      grid-column-end: 24;
      grid-row-start: 1;
      grid-row-end: 11;
  }
  #home .slide.screen1 .box.two {
    grid-column-start: 26;
    grid-column-end: 42;
    grid-row-start: 1;
    grid-row-end: 51;
  }
  
  
  body #home .slide.slide.project-style4 .box.two {
    grid-column-start: 41;
    grid-column-end: 51;
    grid-row-start: 15;
    grid-row-end: 26;
  }
  body #home .slide.slide.project-style3 .box.two {
    grid-column-start: 26;
    grid-column-end: 43;
    grid-row-start: 1;
    grid-row-end: 51;
  }
  body #home .slide.slide.project-style3 .box.one {
    grid-column-start: 17;
    grid-column-end: 25;
    grid-row-start: 1;
    grid-row-end: 11;
  }
  
  body #home .slide.project-style1 .box.two {
    grid-column-start: 19;
    grid-column-end: 31;
    grid-row-start: 1;
    grid-row-end: 16;
  }
}



#d-projects .content-items{
  counter-reset: projects;
}
#d-projects .item h3{
  position: relative;
}
#d-projects .item h3::before{
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: projects;
  content: counter(projects)".";
}
#d-projects .item h3 span{
  display: inline-block;
  margin-left: 2em;
}




@media screen and (min-width: 960px) and (orientation: landscape){

  section#about .info img {
      display: block;
      width: 31em;
      height: auto;
      max-height: 70vh;
      object-fit: cover;
      margin-bottom: 12rem;
  }

}
@media (orientation: portrait) and (max-width: 959px){

  section#about .info img {
      max-height: 58vh;
      width: 100%;
      object-fit: cover;
  }
  
  body .project-card .gallery figure {
    width: 48.5%;
    padding-bottom: 46%;
    height: 0;
    position: relative;
    margin: 0 0 5.6% 0;
  }
  
}



@media screen and (min-width: 960px) and (orientation: landscape){
body section#about .info .title {
    margin: 0 0 0rem 0;
    font-family: Architectural;
    font-style: normal;
    font-weight: normal;
    font-size: 89rem;
    line-height: 83%;
    letter-spacing: 0.015em;
}

body section#about .description .item {
    margin-bottom: 35rem;
    margin-top: -0.95em;
}

body section#about .info {
    grid-column-start: 4;
    grid-column-end: 23;
    grid-row-start: 7;
    grid-row-end: 49;
}

}


.field-group-html-element{
  margin-bottom: 3em;
}
.field-group-html-element>h3{
  font-weight: 500;
  text-transform: uppercase;
}



.path-translations #block-breadcrumb, 
zz.path-translations #block-justlike-local-tasks{
  display: none;
}



.translations-form details#edit-content-translation, 
.translations-form .button--danger{
  display: none;
}


ul.language-switcher-language-url{
  display: block;
  margin: 0;
  padding: 0;
}
.language-switcher-language-url li{
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.language-switcher-language-url li::marker{
  display: none;
}
.lang-ru .language-switcher-language-url li.ru{
  display: none;
}
.lang-en .language-switcher-language-url li.en{
  display: none;
}



@media screen and (min-width: 960px) and (orientation: landscape){
  .mobile-only{
    display: none;
  }
}

@media all and (orientation:portrait), all and (max-width: 959px){
  .desktop-only{
    display: none;
  }
}




h1.cke_panel_grouptitle{
  display: none;
}
.cke_panel_block>ul.cke_panel_list{
  font-size: 11px;
}
.cke_panel_block #cke_55{
  font-size:1.75em;
  display: none;
}
.cke_inner>.cke_contents {
    padding: 0em 0.7em!important;
}



.projects-styles-items .view-content{
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  display: block;
  margin: 0 -0.5em;
}
.projects-styles-items .views-row{
  display: block;
  margin: 0;
  padding: 0;
  width: calc(100% / 3 - 1em);  
  height: 20vw;
  overflow: hidden;
  float: left;
  margin:0.5em;
  background: -webkit-gradient(linear, left bottom, left 10%, from(rgba(0, 0, 0, 0)), to(#000));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.projects-styles-items .views-field-field-code{
  white-space: pre;
  line-height: 1.1;
  font-size: 0.45em;
  margin-top: 2em;
}




.fiu-wrapper{
  margin: 0 -0.5em;
}
.fiu-wrapper>ul{
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  gap: 1em;
  display: block;
}
.fiu-wrapper>ul>li{
  display: block;
  margin: 0;
  padding: 0;
  width: calc(100% / 6 - 1em);
  float: left;
  margin:0.5em;
}

.fiu-wrapper .js-form-type-select{
  display: none;
}

.fine-image-preview{
  border:0;
  height:10em;
  background-color: #eee;
}
.fiu-wrapper .fine-image-preview img{
  position: absolute;
  top: 0; left: 0;
  width:100%; 
  height: 100%; 
  object-fit: contain;
  object-position: center;
  max-width: none;
  max-height: none;
}

.fiu-add-element {
    position: relative;
    float: left;
    width: calc(100% / 6 - 1em);
    padding-top:1em;
    height: calc(10em - 1em);
    margin: 0.5em;
    background-color: #eee;
    
}
.fiu-add-element .form-type-managed-file--advanced label {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 4em;
    font-size: 0.74em;
    padding:0;
    padding-top:1em;
    cursor: pointer;
    text-align:center;

   text-transform: uppercase;
}
.mfp-wrap{
  -webkit-backdrop-filter: blur(0.4em);
    backdrop-filter: blur(0.4em);

}
.mfp-inline-holder .mfp-content{
  height:79%;
}
.fiu-full-image img{
   padding-bottom:4em;
}

.fine-image-data {
  opacity: 0;
  transition: 0.4s;
}
.fiu-wrapper>ul>li:hover .fine-image-data{
  opacity: 1;
}





body{
  background-color:white;
}


.visually-hidden{
  display: none;
}


ul.ui-autocomplete{
  background-color:inherit;
  box-shadow:0 0 0.6em rgba(0,0,0,0.2);
  padding:0.25em 0;
}


td{
  transition:0.3s ease;
}
tr:hover td{
  background:rgb(250, 248, 248);
}


.views-row{
  position:relative;
}




.sortableviews-ajax-trigger{
  position: fixed;
  top:2.5em; left:50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  background: white;
  padding:0.6em 1em;
  box-shadow: 0 0 1em rgba(0,0,0,0.3);
}

.sortableviews-handle{
  width:2em; height:2em; overflow:hidden; 
  white-space:nowrap; text-indent:10em; text-decoration:none;
  background-color:rgba(0,0,0,0.6); opacity:0; transition:0.4s;
  position:absolute; left:0; top:4em; z-index:14;
  background-image: url(/themes/justlike/icons/move-white.svg);
  background-repeat:no-repeat;
  background-position: center;
  background-size:82%;
}
.views-row:hover .sortableviews-handle{
  opacity:0.5;
}
.views-row .sortableviews-handle:hover{
  opacity:1; cursor:move;
}


a.translate-link, 
a.justlike-delete-link, 
a.justlike-edit-link, 
#edit-link a, 
.justlike-delete-link a, 
.justlike-edit-link a{ 
  width:2em; height:2em; overflow:hidden; 
  white-space:nowrap; text-indent:10em; text-decoration:none;
  background-color:rgba(0,0,0,0.6); opacity:0; transition:0.4s;
  position:absolute; left:0; top:0; z-index:14;
  background-image: url(/themes/justlike/icons/pencil-white.svg);
  background-repeat:no-repeat;
  background-position: center;
  background-size:66%;
}

.views-row a.translate-link{
  position: absolute;
  top: 0;
  left: 4em;
  width: 2em;
  height: 2em;
  opacity: 0;
}

a .justlike-delete-link, 
.justlike-delete-link a{
  left:auto; right:0;
  background-image: url(/themes/justlike/icons/delete-white.svg);
}
.views-row:hover a.translate-link, 
.views-row:hover a.justlike-delete-link, 
.views-row:hover a.justlike-edit-link, 
.views-row:hover .justlike-delete-link a, 
.views-row:hover .justlike-edit-link a{
  opacity:0.5;
}
.views-row a.translate-link:hover, 
.views-row a.justlike-delete-link:hover, 
.views-row a.justlike-edit-link:hover, 
a.translate-link:hover, 
.views-row .justlike-delete-link:hover a, 
.views-row .justlike-edit-link:hover a{
  opacity:1; cursor:crosshair;
}


a.simple-delete-link, 
a.simple-edit-link{
  width:1.2em; height:1.2em;
  overflow:hidden; 
  white-space:nowrap; text-indent:10em; text-decoration:none;
  position:relative; 
  opacity:1;
  background-color:transparent; 
  border:1.5px solid black;  border:0;
  display:block;
  background-image: url(/themes/justlike/icons/pencil-black.svg);
  transition:0.3s ease;
  background-size:100%;
}
a.simple-edit-link:hover{
  opacity:0.5;
}

a.simple-delete-link{
  position:relative; 
  opacity:1;
  background-color:transparent; 
  border:1.5px solid black;  border:0;
  display:block;
  background-image: url(/themes/justlike/icons/delete-black.svg);
  transition:0.3s ease;
}
a.simple-delete-link:hover{
  opacity:0.5;
}


td.views-field-field-status{
  white-space:nowrap;
}




#block-justlike-logo svg{
  height:1.8em; width:auto;
}
/*
#block-justlike-logo path{
  fill:inherit;
}
*/


body{
  overflow-x:hidden;
  color:black;
}



table{
  border-spacing:0;
  margin:1.5em 0;
  width:100%;
}
th{
  background:rgb(242,242,242);
  color:rgb(72,72,72);
  padding: 4rem 15rem;
  font-size:0.8em;
  border:0;
  text-align:left;
}
th a{
  color: inherit;
}
table td{
  border-bottom:1px solid rgb(242,242,242);
  padding:10rem 15rem;
  vertical-align:middle;
}
table th:first-child, 
table td:first-child{
  padding-left:0;
}
table td:last-child{
  padding-right:0;
}
table tr:first-child td{
  border-top:1px solid rgb(242,242,242);
}


table.token-tree td:first-child{
  padding-left:1em;
}



table ul{
  margin:0;
  padding:0;
}


th h4{
  margin:0; font-size:1em; font-weight:normal;
}


td{
  line-height:1;
}
td a{
  color:inherit;
  text-decoration:none;
}

.action-links{
  padding:0;
  margin:0;
  display:flex;
}
.action-links li{
  display:inline;
}


n{
  white-space:nowrap;
  display:inline-block;
  margin-right:0.3em;
}


.marquee {
    position: absolute;
    white-space: nowrap;
    overflow: hidden;
    top: 80%;
    left: 0;
    right: 0;
    opacity:1;
}

.marquee span.marquee_span {
    display: inline-block;
    animation: marquee 10s linear infinite;
    font-size: 1vw;
}
.marquee span.press-here::after{
  content:'нажми здесь нажми здесь нажми здесь нажми здесь';
}
.lang-en .marquee span.press-here::after{
  content:'press here press here press here press here press here';
}

/*.marquee:hover span.marquee_span {
    animation-play-state: paused
}*/

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-50.1%, 0); }
}






/*
#admin-bar .contextual{
  right:-2.5em; top:0; display:none;
}
#admin-bar .contextual .trigger{
  margin-left:1.5em;
}
#admin-bar{
  background-color:rgba(0,0,0,0.1);
  position:fixed; left:0; bottom:0; height:3.6em; width:3.6em;  overflow:visible;
  transition:0.2s ease; font-size:0.8em;
  z-index:6; 
}

#admin-bar:hover{
  width:auto; height:auto; 
}
#admin-bar .menu{
  display:inline-flex; 
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:flex-start;
  align-content:flex-start;
  background-color:rgba(0,0,0,0.6);
  padding:0.3em; margin:0; margin-left:-1200%;
  transition:0.2s ease;
}
#admin-bar:hover .menu{
  margin-left:0;
}

#admin-bar .menu li{
  width:3em; height:3em; margin:0.5em;
  display:block; position:relative;
  opacity:0.8; transition:0.5s ease;
}
#admin-bar .menu li:hover{
  opacity:1; 
}
#admin-bar .menu li a{
  position:absolute; top:0; left:0; 
  text-indent:110%; white-space:nowrap;
  width:100%; height:100%; overflow:hidden;
  z-index:1;
}
#admin-bar .menu li svg, 
#admin-bar .menu li img{
  position:absolute; top:0; left:0;
  width:100%; height:100%; object-fit:contain;
  fill:white;
}
#admin-bar .menu li .contextual-region{
  position:static;
}
*/



a.translate-link, 
a.edit-link, 
#edit-link a, 
.justlike-delete-link a, 
.justlike-edit-link a{ 
  width:3.3em; height:3.3em; overflow:hidden; 
  white-space:nowrap; text-indent:110%; text-decoration:none;
  background-color:rgba(0,0,0,0.6); opacity:0.25; transition:0.5s;
  position:fixed; left:0; top:5em; z-index:999999;
  background-image: url(/themes/justlike/icons/pencil-white.svg);
  background-repeat:no-repeat;
  background-position: center;
  background-size:66%;
}
a.translate-link:hover, 
a.edit-link:hover, 
#edit-link a:hover{
  opacity:1;
}
a.translate-link{
  background-image: url(/themes/justlike/icons/globe-white.svg);
  top:9em;
}
.slide a.translate-link {
    left: auto;
    right: 0;
}


.section{
  position: relative;
}

.section .edit-link, 
.screen .edit-link{
  left:auto; right:0;
  
}

.edit-link.active{
  display:block;
  animation: big-appear 1.5s ease;
}


.slide a.edit-link{
  left: auto;
  right: 0;
}



.path-user-password, 
.path-user-login{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
}
.path-user-password .region.region-title>.block, 
.path-user-login .region.region-title>.block{
  margin-left:2em;
}
.path-user-password label, 
.path-user-login label{
  display:block;
}

.path-user-password .description{
  display:none;
}