/*
#grid {width: 1300px; height: auto; vertical-align: top;}
#grid .grid-block {position: absolute;}
*/
#grid .grid-block .block-info {position: absolute; left: 10px; top: 10px; z-index: 1000; background:#fff; padding: 5px; color: #fff; color: #000;
   opacity: 0;}


#grid {display: block; width: 100%; padding-bottom: 18px;}
#grid .grid-block {position: relative; float: left;}


.index-grid {width: 1300px; height: auto; vertical-align: top;}
.index-grid .grid-block {position: absolute;}

.grid-block a .grid-block-hover-path {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(255,255,255,.85); color: #232323;opacity: 0; font-size: 14px; line-height: 18px; text-align: left;}
.grid-block a .grid-block-hover-path .padding {display: block; padding: 18px; }
.grid-block a .grid-block-hover-path span.red {color: #f01e1e;}
.grid-block a:hover .grid-block-hover-path {opacity: 1; -webkit-transition: opacity .5s;-moz-transition: opacity .5s;-ms-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;}


.grid-text-preview {width: 100%; height: 100%; font-size: 20px; line-height: 24px;font-family: "HelveticaNeueW10-55Roma";}
.grid-text-preview .padding {display: block; padding: 18px;}
.grid-text-preview.blue {background: #0a3ed2; color: #fff;}
.grid-text-preview.ext-link {background: #f2f2f2;}
.grid-text-preview a.block-link {display: block; text-decoration: none; color: #232323; border: 3px solid transparent;}
.grid-text-preview a.block-link:hover {border: 3px solid #f01e1e;  -webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.grid-text-preview.blue a {color: #fff;}
.grid-text-preview strong {padding: 0; margin: 0;font-family: "HelveticaNeueW10-75Bold";}
.grid-text-preview p {padding: 0; margin: 0;}
.grid-text-preview .link-title {position: absolute; left: 15px; bottom: 15px; font-size: 14px; text-decoration: underline; color: #232323;}
.grid-text-preview .link-arrow {position: absolute; right: 15px; bottom: 15px; width: 24px; height: 24px; background: url('/img/interface/sprites.png') 0 -50px no-repeat;}
.grid-text-preview a:hover .link-arrow {background-position: -25px -50px;}

.block-content {}
.block-content.folded {height: 0;}

.color-block {margin: 0 0 10px 0;}
.color-block label {float: left; font-size: 14px; color: #232323; width: 100px; margin: 5px 10px 0 0;}
.color-block .color-field {float: left; width: 100px; vertical-align: top;}
.color-block .color-preview {float: left; width: 20px; height: 20px; border: 3px solid #000; vertical-align: top; margin-left: 10px;}

#grid-image-edit-preview {width: 600px; margin: 0 auto; text-align: center;}
#grid-image-edit-preview img {max-width: 600px; max-height: 600px;}

.grid-image-preview {width: 100%; height: 100%; margin: 0 auto; text-align: center;}
.grid-image-preview img {max-width: 100%; max-height: 100%;}

.grid-video-preview {width: 100%; height: 100%;}
.grid-video-preview iframe {width: 100%; height: 100%;}

.grid-quote-preview {width: 100%; height: 100%; background: #f2f2f2;}
.grid-quote-preview .text {padding: 18px; font-size: 20px; line-height: 24px;font-family: "HelveticaNeueW10-55Roma";}
.grid-quote-preview .quote-person {position: absolute; left: 18px; bottom: 18px;}
.grid-quote-preview .quote-person img {float: left; width: 74px; height: 74px; border-radius: 74px;}
.grid-quote-preview .quote-person .person-info {float: left; font-size: 12px; line-height: 15px; color: #232323; margin: 18px 0 0 18px; width: 120px;}

.grid-competence-preview {width: 100%; height: 100%; background: #f2f2f2; color: #f60327; vertical-align: middle; text-align: center;}
.grid-competence-preview .tmp-text {position: absolute; left: 0; top: 50%; width: 100%; margin-top: -10px;}

.grid-competence-edit {width: 100%; padding: 20px 0; background: #fff; color: #f60327; vertical-align: middle; text-align: center;}


#grid-gallery-edit-preview {width: 600px; margin: 0 auto;}
#grid-gallery-images {}
#grid-gallery-images li {display: inline-block; width: 90px; height: 90px; background: #ffffff; margin: 0 5px 10px; vertical-align: bottom;}
#grid-gallery-images li img {display: inline-block; max-width: 90px; max-height: 90px;   position: relative;  top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
#grid-gallery-images a.delete {display: block; width: 16px; height: 16px; position: absolute; top: 2px; right: 2px; background: rgba(255,255,255,.5) url('/img/admin/grid/icons.png') -20px 0 no-repeat; border-radius: 16px;}
#grid-gallery-images a.delete:hover {background-position: -20px -20px; }