.nGY2{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-o-box-sizing:content-box}.nGY2 .ngy2_container{width:100%;min-width:100px;font-size:1em;line-height:normal;padding:0;margin:0 auto;overflow:hidden;visibility:visible;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@font-face{font-family:ngy2_icon_font;src:url(font/ngy2_icon_font.woff2?62863819) format('woff2'),url(font/ngy2_icon_font.woff?62863819) format('woff');font-weight:400;font-style:normal}.icon-star:before{content:'\e801'}.icon-search:before{content:'\e800'}.icon-star-empty:before{content:'\e802'}.icon-video:before{content:'\e803'}.icon-videocam:before{content:'\e804'}.icon-picture:before{content:'\e805'}.icon-camera:before{content:'\e806'}.icon-camera-alt:before{content:'\e807'}.icon-ok:before{content:'\e808'}.icon-help:before{content:'\e80a'}.icon-help-circled:before{content:'\e80b'}.icon-home:before{content:'\e80e'}.icon-link:before{content:'\e80f'}.icon-link-ext:before{content:'\e810'}.icon-heart:before{content:'\e811'}.icon-ngy2_chevron-right:before{content:'\e812'}.icon-upload:before{content:'\e814'}.icon-reply-all:before{content:'\e815'}.icon-export:before{content:'\e816'}.icon-chat:before{content:'\e818'}.icon-attention:before{content:'\e819'}.icon-location:before{content:'\e81a'}.icon-trash:before{content:'\e81b'}.icon-folder-empty:before{content:'\e81c'}.icon-folder-open-empty:before{content:'\e81d'}.icon-menu:before{content:'\e81e'}.icon-cog:before{content:'\e81f'}.icon-cog-alt:before{content:'\e820'}.icon-wrench:before{content:'\e821'}.icon-lightbulb:before{content:'\e822'}.icon-resize-full:before{content:'\e823'}.icon-resize-small:before{content:'\e824'}.icon-left-open:before{content:'\e827'}.icon-right-open:before{content:'\e828'}.icon-arrows-cw:before{content:'\e829'}.icon-level-up:before{content:'\e82a'}.icon-play:before{content:'\e82b'}.icon-pause:before{content:'\e82c'}.icon-ngy2_chevron-left:before{content:'\e82d'}.icon-ellipsis-vert:before{content:'\e82e'}.icon-toggle-off:before{content:'\e82f'}.icon-toggle-on:before{content:'\e830'}.icon-check:before{content:'\e831'}.icon-check-empty:before{content:'\e832'}.icon-rocket:before{content:'\e833'}.icon-filter:before{content:'\e834'}.icon-magic:before{content:'\e835'}.icon-pinterest-squared:before{content:'\e836'}.icon-gplus-squared:before{content:'\e837'}.icon-facebook-squared:before{content:'\e838'}.icon-basket:before{content:'\e839'}.icon-ok-circled:before{content:'\e83a'}.icon-user:before{content:'\e83b'}.icon-ngy2_chevron_left3:before{content:'\e83c'}.icon-ngy2_chevron_right3:before{content:'\e83d'}.icon-zoom-out-1:before{content:'\e83e'}.icon-ngy2_zoom_out2:before{content:'\e83f'}.icon-ngy2_zoom_in2:before{content:'\e840'}.icon-ngy2_share2:before{content:'\e841'}.icon-ngy2_external2:before{content:'\e842'}.icon-ngy2_close2:before{content:'\e843'}.icon-ngy2_info2:before{content:'\e844'}.icon-ngy2_chevron_up2:before{content:'\e845'}.icon-ngy2_download2:before{content:'\e846'}.icon-mail-alt:before{content:'\f0e0'}.icon-circle-empty:before{content:'\f10c'}.icon-tumblr-squared:before{content:'\f174'}.icon-twitter-squared:before{content:'\f304'}.icon-youtube-play:before{content:'\f16a'}.icon-vkontakte:before{content:'\f189'}.nGY2Icon{margin-left:.2em;margin-right:.3em;font-family:ngy2_icon_font;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2Navigationbar{margin:5px 0;padding:5px 0;display:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2Navigationbar .nGY2NavigationbarItem{margin:5px 2px;padding:5px 8px;white-space:nowrap;cursor:pointer;display:inline-block;vertical-align:middle;text-align:left;visibility:'hidden';box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2Gallery,.nGY2 .nGY2GallerySub{position:relative;overflow:hidden;box-sizing:border-box}.nGY2Navigationbar .oneItem{margin:0 5px;white-space:nowrap;vertical-align:middle;display:inline-block}.nGY2 .nGY2Gallery{text-align:center;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GallerySub{perspective:900px;text-align:left;width:100%;height:100%;display:inline-block;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnail,.nGY2 .nGY2GThumbnailStack{display:inline-block;position:absolute;box-sizing:border-box;border:0 solid #000;padding:0;overflow:hidden;cursor:pointer}.nGY2 .nGY2GThumbnail{background-color:#000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailStack{background-color:#888;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailSub{display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;border:0 solid #000;margin:0;padding:0;overflow:hidden}.nGY2 .nGY2GThumbnailSubSelected{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.nGY2 .nGY2GThumbnailImage{position:relative;overflow:hidden;background:#000;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailImg{background:url(data:image/gif;base64,R0lGODlhEAAQAIAAAP///////yH5BAEKAAEALAAAAAAQABAAAAIOjI+py+0Po5y02ouzPgUAOw==) center no-repeat;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:block;vertical-align:bottom;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailAnnotationOLD_NO_MORE_USED{background:rgba(34,34,34,.75);opacity:1;text-align:left;left:0;right:0;padding:1px;position:absolute;min-height:18px;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailCustomLayer,.nGY2 .nGY2GThumbnailLabel{display:block;box-sizing:border-box;left:0;position:absolute;right:0}.nGY2 .nGY2GThumbnailCustomLayer{top:0;bottom:0;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailLabel{background:rgba(34,34,34,.75);padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailAlbumTitle,.nGY2 .nGY2GThumbnailImageTitle{color:#fff;margin:3px 1px 1px;padding:0 4px;left:0;right:0;white-space:nowrap;overflow:hidden;display:inline-block;Text-Shadow:#000 1px 0 0,#000 1px 1px 0,#000 1px -1px 0,#000 -1px 1px 0,#000 -1px 0 0,#000 -1px -1px 0,#000 0 1px 0,#000 0 -1px 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailDescription{clear:both;margin:1px 1px 3px;padding:0 4px;color:#aaa;white-space:nowrap;left:0;right:0;font-size:.8em;Text-Shadow:#000 1px 0 0,#000 1px 1px 0,#000 1px -1px 0,#000 -1px 1px 0,#000 -1px 0 0,#000 -1px -1px 0,#000 0 1px 0,#000 0 -1px 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIcon,.nGY2 .nGY2GThumbnailIconsFullThumbnail{color:#fff;Text-Shadow:#000 1px 0 0,#000 1px 1px 0,#000 1px -1px 0,#000 -1px 1px 0,#000 -1px 0 0,#000 -1px -1px 0,#000 0 1px 0,#000 0 -1px 0}.nGY2 .nGY2GThumbnailIcons{margin:0;position:absolute;display:inline-block;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIconsFullThumbnail{font-size:1.8em;padding:5px;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIconText,.nGY2 .nGY2GThumbnailIconTextBadge{position:relative;display:inline-block;margin:0;vertical-align:middle}.nGY2 .nGY2GThumbnailIcon{display:inline-block;padding:4px;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIconTextBadge{background-color:#fff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailIconText{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GThumbnailAlbumUp i{position:absolute;top:50%;left:50%;margin:0;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.nGY2 .nGY2GThumbnailAlbumUp{color:#eee;font-size:1.2em;top:0;bottom:0;left:0;right:0;display:table;width:100%;text-align:center;position:absolute;margin:auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2GalleryBottom{margin:0;padding:0;text-align:center;position:relative;overflow:hidden;white-space:nowrap}.nGY2 .nGY2GalleryMoreButton,.nGY2 .nGY2GalleryMoreButtonAnnotation,.nGY2 .nGY2GalleryPagination,.nGY2 .nGY2GalleryPaginationDot{margin:10px auto 5px;text-align:center;position:relative;white-space:nowrap;overflow:hidden}.nGY2 .nGY2GalleryMoreButton{padding:4px;display:inline-block;cursor:pointer}.nGY2 .nGY2GalleryMoreButtonAnnotation{border:1px solid #fff;padding:8px 20px;display:inline-block}.nGY2 .nGY2GalleryPagination,.nGY2 .nGY2GalleryPaginationDot{padding:4px}.nGY2 .nGY2PaginationNext,.nGY2 .nGY2PaginationPrev,.nGY2 .nGY2paginationItem,.nGY2 .nGY2paginationItemCurrentPage{margin:10px 4px;padding:5px 8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#111;white-space:nowrap;cursor:pointer;vertical-align:middle;display:inline-block}.nGY2 .nGY2paginationItemCurrentPage{background:#333}.nGY2 .nGY2paginationDot,.nGY2 .nGY2paginationDotCurrentPage{width:16px;height:16px;border:2px solid #fff;background:#444;border-radius:50%;margin:12px 5px;white-space:nowrap;cursor:pointer;vertical-align:middle;display:inline-block;opacity:.5}.nGY2 .nGY2paginationDotCurrentPage{background:#fff;opacity:1}.nGY2 .nGY2paginationRectangle,.nGY2 .nGY2paginationRectangleCurrentPage{width:30px;border:1px solid #fff;height:0;background:#444;margin:5px 1px;white-space:nowrap;cursor:pointer;vertical-align:middle;display:inline-block;opacity:.5}.nGY2 .nGY2paginationRectangleCurrentPage{background:#fff;opacity:1}.nGY2Popup{position:fixed;color:#000;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5)}.nGY2PopupContent,.nGY2PopupContentCenter,.nGY2PopupContentLeft,.nGY2PopupContentRight{position:fixed;text-align:left;top:50%;left:50%;width:50%;padding:15px 30px;height:auto;background:#fff;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.nGY2PopupContentCenter{text-align:center}.nGY2PopupTitle{font-size:1.5em;border-bottom:4px solid #888;padding:0 0 5px;margin-bottom:10px}.nGY2PopupCloseButton{font-size:1.5em;cursor:pointer;text-align:right}.nGY2PopupOneItem{padding:10px;font-size:2em;cursor:pointer;display:inline-block}.nGY2PopupOneItemText{padding:10px;font-size:1.2em;cursor:pointer;display:block}@media only screen and (max-device-width :480px){.nGY2PopupContent{width:85%!important;padding:5px 10px!important}}.nGY2 .nGY2Viewer,.nGY2 .nGY2ViewerContainer{position:fixed;top:0;left:0;height:100%;width:100%}.nGY2PortInfo{padding:3px!important;font-size:11px!important;color:#888!important;text-align:center!important;z-index:0!important;text-transform:uppercase!important;cursor:pointer!important}.nGY2PortInfo a,.nGY2PortInfo a:active,.nGY2PortInfo a:hover,.nGY2PortInfo>a:link,.nGY2PortInfo>a:visited{color:#888!important;text-decoration:none!important}.nGY2 .nGY2ViewerContainer{opacity:0}.nGY2 .nGY2Viewer{display:block;visibility:visible;opacity:1;background-color:rgba(1,1,1,.85);text-align:center;clear:both}.nGY2 .nGY2ViewerLogo{text-align:center;float:left;position:relative;top:50px;left:5px;padding:2px;background:url(nanogallery2_logo.png) center no-repeat;display:block;height:74px;width:147px}.nGY2 .nGY2ViewerImage,.nGY2 .nGY2ViewerImagePan{visibility:visible;position:absolute;top:0;bottom:0;margin:auto;zoom:1;draggable:false;unselectable:on;-webkit-user-select:none;padding:0;left:0;right:0;-khtml-user-select:none}.nGY2 .nGY2ViewerContent{min-width:40px;min-height:40px;position:absolute;clear:both;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2ViewerImagePan{opacity:0;display:inline-block;-moz-user-select:none;-o-user-select:none;user-select:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2ViewerImage{opacity:1;will-change:transform;transform:translateZ(0);-moz-user-select:none;-o-user-select:none;user-select:none;background-image:url(loading.gif);background-repeat:no-repeat;background-position:center;background-color:#000;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}.nGY2 .nGY2ViewerAreaNext,.nGY2 .nGY2ViewerAreaPrevious{transform:scaleY(1.5);color:#fff;display:block;Text-Shadow:#000 1px 0 0,#000 1px 1px 0,#000 1px -1px 0,#000 -1px 1px 0,#000 -1px 0 0,#000 -1px -1px 0,#000 0 1px 0,#000 0 -1px 0;font-size:2em;top:50%;margin-top:-25px;cursor:pointer;opacity:1;position:absolute}.nGY2 .nGY2ViewerContent .imgCurrent{cursor:pointer}.nGY2 .nGY2ViewerAreaPrevious{padding:10px 0 10px 1px;left:0;text-align:left;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.nGY2 .nGY2ViewerAreaPrevious>i{margin-left:0}.nGY2 .nGY2ViewerAreaNext{padding:10px 1px 10px 0;right:0;text-align:right;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.nGY2 .nGY2ViewerAreaNext>i{margin-right:0}.nGY2 .toolbarContainer{left:0;right:0;text-align:center;display:inline-block;position:absolute;width:100%}.nGY2 .toolbar{display:inline-block;vertical-align:middle;overflow:hidden;padding:2px 0;margin:1px}.nGY2 .toolbarBackground{background:rgba(4,4,4,.7)}.nGY2 .nGY2ViewerToolsTopLeft,.nGY2 .nGY2ViewerToolsTopRight{color:#ddd;background:rgba(0,0,0,.2);top:5px;position:absolute;cursor:pointer;opacity:1}.nGY2 .nGY2ViewerToolsTopLeft{left:5px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.nGY2 .nGY2ViewerToolsTopRight{right:5px;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}.nGY2 .toolbar .ngbt{font-size:1.5em;display:table-cell;cursor:pointer;padding:2px 5px;vertical-align:middle}.nGY2 .toolbar .label,.nGY2 .toolbar .label .title,.nGY2 .toolbar .pageCounter{font-size:1em;vertical-align:middle;overflow:hidden}.nGY2 .ngy2viewerToolAction{opacity:1}.nGY2 .ngy2viewerToolAction:hover{opacity:.8}.nGY2 .toolbar .pageCounter{display:table-cell;margin:auto}.nGY2 .toolbar .label{padding:3px 10px;border-left:0 solid #000;display:table-cell;text-align:left;background-color:initial}.nGY2 .toolbar .label .title{margin:auto}.nGY2 .toolbar .label .description{font-size:.8em;display:table-row;vertical-align:middle;overflow:hidden;color:#aaa}.nGY2ConsoleParent{visibility:hidden;height:0;background:#111;color:#e00;padding:0;margin:2px}.nGY2ConsoleParent p{color:#e00;padding:1px;margin:0}.nGY2 .nanoGalleryLBar,.nGY2 .nanoGalleryLBarOff{position:relative;width:100%;margin:0 0 1px;background-color:#556;height:2px}.nGY2.unselectable{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}.nGY2 .nanoGalleryLBarOff{visibility:hidden}.nGY2 .nanoGalleryLBar{visibility:visible}.nGY2 .nanoGalleryLBar>div{position:absolute;width:50px;height:2px;top:0;opacity:.7}.nGY2 .nanoGalleryLBar>div:nth-child(1){-webkit-animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -.2s infinite cubic-bezier(0,.6,.9,0);background:#111}.nGY2 .nanoGalleryLBar>div:nth-child(2){-webkit-animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -.4s infinite cubic-bezier(0,.6,.9,0);background:#333}.nGY2 .nanoGalleryLBar>div:nth-child(3){-webkit-animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -.6s infinite cubic-bezier(0,.6,.9,0);background:#ccd}.nGY2 .nanoGalleryLBar>div:nth-child(4){-webkit-animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -.8s infinite cubic-bezier(0,.6,.9,0);background:#777}.nGY2 .nanoGalleryLBar>div:nth-child(5){-webkit-animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);-moz-animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);-ms-animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);-o-animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);animation:nanoGalleryLBarAnim 2s -1s infinite cubic-bezier(0,.6,.9,0);background:#ddd}@-webkit-keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}@-moz-keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}@-ms-keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}@-o-keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}@keyframes nanoGalleryLBarAnim{0%{left:10%}100%{left:90%}}
html, body {
    min-height: 100% !important;
    height: 100%;
    width: 100%;
    font-family: Quicksand;
    font-size: 16px;
}

html {
    overflow-x: hidden;
}

.logo-anim {
    position:absolute;
top:0px;
}

nav {
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.navbar-brand {
    padding-bottom: 1px;
    margin-top: -18px;
    -webkit-transition: padding-bottom .5s ease;
    transition: padding-bottom .5s ease;
}

.navbar-white .navbar-brand {
    padding-bottom: 5px;
}

.navbar-dark .navbar-toggler {
    outline: none;
    border-color: rgba(255,255,255,.8);
}

.navbar-dark .navbar-toggler {
    outline: none;
    border-color: rgba(255,255,255,.5);
}

.navbar-white .navbar-toggler {
    outline: none;
    border-color: rgba(0,0,0,.5);
}

.navbar-white span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-white .navbar-nav .nav-link.active {
    font-weight: bold;
}

.logo-anim img {
    position:absolute;
    left:0;
    top: 20px;
    width: 250px;
    -webkit-transition: width 1s ease, opacity .5s ease-in-out .1s;
    transition: width 1s ease, opacity .5s ease-in-out .1s;
}

.navbar-white .logo-anim img.top {
    opacity:0;
}

.navbar-white .logo-anim img {
    width: 180px;
}

ul.navbar-nav {
    margin-top: 20px;
    -webkit-transition: margin .5s ease;
    transition: margin .5s ease;
}

.navbar-white ul.navbar-nav {
    margin-top: 0;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,0.8);
}

.navbar-white .navbar-nav .nav-link {
    color: rgba(0,0,0,0.8);
}

@media (max-width: 1199px) {
    nav .cl-effect-5 a {
        letter-spacing: 1.4px;
    }
}

/* Menu effect 5: same word slide in */
@media (max-width: 992px) {
    ul.visible-md-up {
        display: none;
    }
}
@media (min-width: 993px) {
    ul.visible-md-down {
        display: none;
    }
}

.collapse.navbar-collapse.flex-row-reverse {
    height: 40px;
}

.navbar-collapse.flex-row-reverse.collapse.show {
    height: auto;
}

.cl-effect-5 a {
    letter-spacing: 2px;
    overflow: hidden;
    padding: 0px 4px;
    height: 1.32em;
}

.cl-effect-5 a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.cl-effect-5 a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-hover);
    font-weight: 700;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.drop-menu {
/*    display: none;*/
    position: absolute;
    background-color: rgba(255,255,255,1);
    min-width: 160px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    opacity: 0;
    overflow: hidden;
    height: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.drop-menu a.nav-link.drop-item {
    color: black;
    margin: 12px 16px;
    text-decoration: none;
    display: block;
}

.drop-menu span {
    color: black;
}

.drop-nav:hover {
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    background: rgba(255,255,255,1);
}

.drop-nav:hover .top-link span {
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    color: black;
}

.drop-nav:hover .drop-menu {
/*    display: block;*/
    height: fit-content;
    opacity: 1;
}

.mobile-drop-menu {
    display: none;
    list-style-type: none;
}
.mobile-drop-menu.show-drop-menu {
    display: block;
}

/*Hamburger button*/
.hamburger {
    padding-top: 18px;
    padding-right:  15px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible; }
.hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative; }

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: rgba(255,255,255,0.5);
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease; }

.navbar-toggler {
    -webkit-transition: padding-top .5s ease;
    transition: padding-top .5s ease;
}

.navbar-white .navbar-toggler {
    padding-top: 7px;
}

.navbar-white .hamburger-inner, .navbar-white .hamburger-inner::before, .navbar-white .hamburger-inner::after {
    background-color: rgba(0,0,0,0.7);
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
.hamburger-inner::before {
    top: -10px; }
.hamburger-inner::after {
    bottom: -10px; }

.hamburger--spring .hamburger-inner {
    top: 2px;
    -webkit-transition: background-color 0s 0.13s linear;
    transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before {
    top: 10px;
    -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after {
    top: 20px;
    -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: 0.22s;
    transition-delay: 0.22s;
    background-color: transparent; }
.hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg);
    background-color: rgba(0,0,0,0.7); }
.hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg);
    background-color: rgba(0,0,0,0.7);}

/*-------------------------------------------------*/

#header {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url("../img/background.jpg");
    background-size: cover;
    background-position: top;
    position: relative;
    text-align: center;
    overflow-x: hidden;
}

@media (max-width: 992px) {
    .hidden-mobile {
        display: none;
    }
}
@media (min-width: 993px) {
    .visible-mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    #header {
        height: 100%;
        min-height: 600px; }
}

.header-content {
    letter-spacing: 4px;
	position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80%;
    left:0;
    right:0;
    margin: auto;
    color: white;
    font-size: 1.5em;
    text-shadow: 0px 4px 3px rgba(255,130,7,0.7),
        0px 8px 13px rgba(255,130,7,0.4),
        0px 18px 23px rgba(255,130,7,0.1);
    
}

@media (min-width: 993px) {
    .header-content {
        display: block;
    }
    
    .header-content.visible {
        display: block;
    }
}

h1 {
    font-size: 2.5em;
}

@media (max-width: 600px) {
    .header-content {
        letter-spacing: 2px;
        font-size: 1em;
	width:90%;
    }
    
    h1 {
        font-size: 2.5em;
        letter-spacing: 4px;
    }
}

@media (max-width: 768px) and (max-height: 400px) {
    .header-content {
        letter-spacing: 2px;
        font-size: 1em;
    }

    h1 {
        font-size: 1.8em;
        letter-spacing: 4px;
    }
}

.header-content hr {
    position: relative;
    color: white;
    height: 4px;
    width: 0px;
    border: 0;
    border-top: px solid red;
    background-image: 
        -webkit-gradient(linear, left top, right top, from(rgba(255,255,255, 0)), color-stop(rgba(255,255,255, 0.75)), to(rgba(255,255,255, 0)));
    background-image: 
        linear-gradient(to right, rgba(255,255,255, 0), rgba(255,255,255, 0.75), rgba(255,255,255, 0));
    -webkit-box-shadow: 0px -1px 4px -10px white, 0px -2px 10px -1px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
    box-shadow: 0px -1px 4px -10px white, 0px -2px 10px -1px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
    border-radius: 100%;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

@media (max-width: 992px) {
    .header-content hr {
        display: block;
    }
}

.header-content hr.hr-animate {
    width: 560px;
}

/*Header text animation*/
.header-content .animate-header span {
    display: inline-block;
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1);
    transition: transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1);
    transition: transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1), -webkit-transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1);
    -webkit-transform: translate(20%, 100%);
    transform: translate(20%, 100%);
    position: relative;
    z-index: 1;
}
.header-content .animate-header span:before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1);
    transition: transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1);
    transition: transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1), -webkit-transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1);
}
.header-content .animate-header span.row {
    overflow: hidden;
    display: block;
    -webkit-transform: none;
    transform: none;
}
.header-content .animate-header span.row:before {
    display: none;
}
.header-content .animate-header .animate {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.header-content .animate-header .animate:before {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}


/*----------------------------------------------------------*/

/*header button*/
.button-header-1 div {
    display: inline-block;
    letter-spacing: 1px;
    font-weight: bold;
    color: white;
    color: white;
    background: rgba(226,0,26,0.4);
    text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
    border: 3px solid white;
    padding: 5px 25px;
    border-radius: 50px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    outline: none;
    opacity: 1;
}

@media (max-width: 992px) {
    .button-header-1 div {
        opacity: 1;
    }
}

.button-header-1 div.button-visible {
    opacity: 1;
}

.button-header-1 div a {
    color: #c7f8f9;
}
.button-header-1 div:hover {
    color: rgba(255,255,255,1);
    text-shadow: none;
    border: 3px solid rgba(255, 255, 255, 1);
    background: rgba(255,130,7,0.3);
    -webkit-box-shadow: 0px 4px 3px rgba(255,130,7,0.7),
        0px 8px 13px rgba(255,130,7,0.4),
        0px 18px 23px rgba(255,130,7,0.1),
        0px -4px 3px rgba(255,130,7,0.7),
        0px -8px 13px rgba(255,130,7,0.4),
        0px -18px 23px rgba(255,130,7,0.1);
    box-shadow: 0px 4px 3px rgba(255,130,7,0.7),
        0px 8px 13px rgba(255,130,7,0.4),
        0px 18px 23px rgba(255,130,7,0.1),
        0px -4px 3px rgba(255,130,7,0.7),
        0px -8px 13px rgba(255,130,7,0.4),
        0px -18px 23px rgba(255,130,7,0.1);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.button-header-1 div:hover >a {
    color: #6ab1c9;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.button-header-1 div:active {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
}
/*------------------------------------------------------*/

#offer {
/*    background: rgba(12, 18, 73,1);*/
    background: white;
    padding: 80px 0;
    color: black;
    overflow-x: hidden;
}

@media (max-width: 858px) {
    #offer {
        padding: 80px 0 10px 0;
    }
}

#offer .img-parent {
    height: 380px;
}

.offer-image {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.centered {
	float: none;
    margin: 0 auto;
}


#offer h2 {
    text-align: center;
    font-size: 2em;
    letter-spacing: 4px;
    margin-right: 90px;
    white-space: nowrap;
}

#offer h2.second-row {
    text-align: center;
    line-height: 15px;
    letter-spacing: 4px;
    font-size: 2.6em;
    margin-bottom: 50px;
    margin-left: 75px;
}

#offer.czyste-powietrze h2.second-row {
    text-align: center;
    line-height: 15px;
    letter-spacing: 4px;
    font-size: 2.6em;
    margin-bottom: 50px;
    margin-left: 20px;
}

/*Offer2 section*/    
.offer2 {
    background-image: url('../img/brick-pattern.jpg');
    background-repeat: repeat;
    background-position: center top;
    background-attachment: fixed;
/*    color:rgba(226,0,26,1);*/
    color: rgb(12, 18, 73);
    padding: 40px 0;
    
    -webkit-box-shadow: inset 0 0 0 1000px rgba(255,255,255, 0.3);
    box-shadow: inset 0 0 0 1000px rgba(255,255,255, 0.3);
}



.offer2 h2 {
    font-size: 1.6em;
    letter-spacing: 2px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 4px 4px 2px #fff,
        2px -1px 0px white,
        -2px -4px 1px white,
        -2px 4px 2px white;
}

.offer2 a {
    color: rgb(12, 18, 73);
}

.offer2 .creation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.offer2 i {
    font-size: 2.0em;
    text-align: center;
/*    margin-top: -4px;*/
    background: -webkit-linear-gradient(rgba(255,0,1,1), rgba(153,1,0,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 100%;
    text-align: center;
}

.offer2 ul {
    text-shadow: 4px 4px 2px #fff,
        2px -1px 0px white,
        -2px -4px 1px white,
        -2px 4px 2px white;
    padding-left:20px;
    list-style:none; 
}

.offer2 li:before {    
    font-family: 'FontAwesome';
    content: '\f058';
    margin:0 5px 0 -15px;
}

.offer2 .visible-md-up {
    margin-top: 50px;
}
@media (max-width: 780px) {
    .offer2 .visible-md-up {
        display: none;
    }
}

/*------------------------------------------------------*/
/*Clients section*/
#clients {
	padding: 0px 0;
}

#clients h3 {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    margin-left: -5px;
    margin-bottom: 45px;
    color: rgba(153,1,0,1);
}

@media (max-width: 767px) {
    #clients h3 {
        margin-top: 80px;
    }
}

.photoContainer {
    width: 100%;
    overflow: hidden;
    margin: 30px auto;
    background: white;
}

.photobanner {
    height: 30px;
    width: 3100px;
    margin-bottom: 80px;
}

.photobanner img {
    margin: 0 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.photobanner img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}
/*keyframe animations*/
.first {
    -webkit-animation: bannermove 25s linear infinite;
    animation: bannermove 25s linear infinite;
}

@keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -1860px;
    }

}

@-webkit-keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -1860px;
    }

}
/*------------------------------------------------------*/
/*Certificates section */
#certificates {
    padding-top: 50px;
    color: rgb(12, 18, 73);
    overflow-x: hidden;
}

#certificates .content {
	position: relative;
    min-height: 380px;
}

.no-overflow {
	overflow: hidden;
}

@media (min-width: 1200px) {
    #certificates .content {
        margin-left: 50px;
    }
}

#certificates .content .firstCertificate {
	position: absolute;
    top: 50px;
    left: 50px;
    -webkit-transform: rotate(-30deg);transform: rotate(-30deg);     
    z-index: 4;
}

#certificates .content .bg1 {
	position: absolute;
    top: 50px;
    left: 50px;
    -webkit-transform: rotate(-30deg);transform: rotate(-30deg);     
    z-index: -1;
}


#certificates .content .secondCertificate {
	position: absolute;
    top: 50px;
    left: 80px;
    -webkit-transform: rotate(-20deg);transform: rotate(-20deg);
    z-index: 3;
}

#certificates .content .bg2 {
    position: absolute;
    top: 50px;
    left: 80px;
    -webkit-transform: rotate(-20deg);transform: rotate(-20deg);
    z-index: -2;
}


#certificates .content .thirdCertificate {
	position: absolute;
    top: 50px;
    left: 130px;
    -webkit-transform: rotate(-10deg);transform: rotate(-10deg);
    z-index: 2;
}

#certificates .content .bg3 {
	position: absolute;
    top: 50px;
    left: 130px;
    -webkit-transform: rotate(-10deg);transform: rotate(-10deg);
    z-index: -3;
}

#certificates .content .fourthCertificate {
	position: absolute;
    top: 150px;
    left: 150px;
    -webkit-transform: rotate(-5deg);transform: rotate(-5deg);
    z-index: 1;
}

#certificates .content img {
    -webkit-transition: 0.4s ease-out;transition: 0.4s ease-out;
}

#certificates .content .secondCertificate:hover + .firstCertificate {
    opacity: 0.01;
}

#certificates .content .thirdCertificate:hover ~ .firstCertificate,
#certificates .content .thirdCertificate:hover + .secondCertificate {
    opacity: 0.01;
}

#certificates .content .fourthCertificate:hover ~ .firstCertificate,
#certificates .content .fourthCertificate:hover ~ .secondCertificate,
#certificates .content .fourthCertificate:hover + .thirdCertificate {
    opacity: 0.01;
}

#certificates p {
	background-color: rgba(255, 255, 255, 0.7);
}

#certificates h3.first-row {
    margin-right: 160px;
    margin-top: 40px;
    text-align: center;
    letter-spacing: 4px;
    font-size: 2em;
    white-space: nowrap;
}

#certificates h3.second-row {
    text-align: center;
    font-size: 2.6em;
    letter-spacing: 4px;
/*    line-height: 15px;*/
    margin-top:-16px;
    margin-bottom: 50px;
    margin-left: 20px;
    white-space: nowrap;
}

/*certificates button*/
.button-certs {
    text-align: center;
}

.button-certs i {
    margin-right: 10px;
}

.button-certs div {
    display: inline-block;
    letter-spacing: 2px;
    color: rgba(153,1,0,1);
    background-color: rgba(255,255,255,1);
    border: 2px solid rgba(153,1,0,1);
    padding: 15px 25px;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    outline: none;
    opacity: 1;
}

@media (max-width: 767px) {
    .button-certs div {
        margin-top: 20px;
    }
}

.button-certs div:hover {
    color: rgba(255,255,255,1);
    text-shadow: none;
    border: 2px solid rgba(153,1,0,1);
    background-color: rgba(153,1,0,1)
}
.button-certs div:hover >a {
    color: #6ab1c9;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.button-certs div:active {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
}

/*------------------------------------------------------*/

/*------------------------------------------------------*/
/*Gallery section */
#gallery {
	overflow-x: hidden;
}

#gallery .before-images {
    background-color: rgba(153,1,0,1);
    height: 30px;
}


#gallery img {
	width: 100%;
    height: 100%;
}

@media (min-width: 1300px) {
    #gallery .small-image {
        display: none;
    }
}

@media (max-width: 1299px) {
    #gallery .big-image {
        display: none;
    }
}

.portfolio-box {
    
}

.picture-col {
    padding: 0;
    overflow: hidden;
}

.gallery-more {
	min-height: 100px;
    background-color: rgba(153,1,0,1);
}

.button-gallery {
    text-align: center;
}

.button-gallery i {
    margin-right: 10px;
}

.button-gallery div {
    display: inline-block;
    margin-top: 20px;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid rgba(255, 255, 255, 1);
    padding: 15px 25px;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    outline: none;
    opacity: 1;
}

.button-gallery div:hover {
    color: rgba(153,1,0,1);
    text-shadow: none;
    border: 2px solid rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 1);
}
.button-gallery div:hover >a {
    color: #6ab1c9;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.button-gallery div:active {
    -webkit-transform: translate(5px, 5px);
    transform: translate(5px, 5px);
}

/*---------------*/
/***** Ruby *****/
/*---------------*/


.portfolio-box img {
    opacity: 1;
    -webkit-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.portfolio-box:hover img {
    opacity: 0.8;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}


/*------------------------------------------------------*/
/*Footer and contact section*/
#footer {
	width: 100%;
    margin: 30px 0;
    overflow-x: hidden;
    color: rgb(12, 18, 73);
}

#footer p.adress {
    margin-bottom: 1px;
}

#footer h2 {
    text-align: center;
}

#footer hr {
	margin-bottom: 50px;
}

#footer form {
    margin-top: 50px;
}

#footer .input-group {
	margin: 5px;
}

/*
#footer .input-group.success input {
    border-color: #5cb85c;
}

#footer .input-group.success .input-group-addon {
    border-color: #5cb85c;
    color: #5cb85c;
    background-color: #dff0d8;
}

#footer .input-group.danger input {
    border-color: #d9534f;
}


#footer .input-group.danger .input-group-addon {
    border-color: #d9534f;;
    color: #d9534f;
    background-color: #f2dede;
}

#footer .input-group.danger {
    position: relative;
}

#footer .input-group.danger::after {
    content: "\f00d"; 
    font-family: FontAwesome;
    position: absolute;
    left: 50px;
    top: 5px;
    z-index: 1;
}
*/

#footer form textarea {
	height: 150px;
}

span.input-group-addon {
    width: 40px;
}

span.input-group-addon i {
    width: 100%;
    text-align: center;
}

#success_message{ display: none;}

div.nowrap {
    white-space: nowrap;
}

div.other {
    margin-bottom: 30px;
}

.creation {
    margin-top: 20%;
}

@media (max-width: 991px) {
    .creation {
        display: none;
    }
}

.creation2 {
    margin-top: -33px;
    margin-left: -5px;
}

#footer2 {
    background-color: black;
    color: white;
    padding-top: 25px;
    padding-bottom: 30px;
}

#footer2 p.author {
	margin-top: 50px;
    text-align: center;
}

/*----------------------------------*/
/*Submit button*/

button.submit {
    outline: none;
    overflow: visible;
    font-weight: bold;
    font-size: 1.2em;
    border-radius: 6px;
    position: relative;
    padding-right: 30px;
    background-color: rgba(153,1,0,1);
    border: 2px solid rgba(153,1,0,1);
    color: white;
    display: block;
/*    float: left;*/
/*    margin: 8px 15px;*/
/*    margin: 20px auto;*/
    height: 60px;
    width: 200px;
    cursor: pointer;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}

button.submit p {
    position: absolute;
    left: 45%;
    top: 50%;
    -webkit-transform: translateY(-50%), translateX(-50%);
    transform: translate(-50%, -50%);
}
button.submit.clicked p {
    left: 50%;
}
button.submit:hover {
    background-color: rgba(243,160,22,1);
}
button.submit:hover svg {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

button.submit svg {
    position: absolute;
    top: 13px;
    right: 25px;
    height: 30px;
    width: auto;
    -webkit-transition: -webkit-transform 0.15s;
    transition: -webkit-transform 0.15s;
    transition: transform 0.15s;
    transition: transform 0.15s, -webkit-transform 0.15s;
}
button.submit svg path {
    fill: white;
    
}
button.submit.clicked {
    background-color: #cff5b3;
    border: 2px solid #cff5b3;
    color: #6aaa3b;
    padding-right: 6px;
    -webkit-animation: bounce-in 0.3s;
    animation: bounce-in 0.3s;
    cursor: default;
}
button.submit.clicked svg {
    -webkit-animation: flyaway 1.3s linear;
    animation: flyaway 1.3s linear;
    top: -80px;
    right: -2000px;
}
button.submit.clicked svg path {
    fill: #6aaa3b;
}
@-webkit-keyframes flyaway {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        top: 13px;
        right: 25px;
        height: 30px;
    }
    5% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        top: 13px;
        right: 0px;
        height: 30px;
    }
    20% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 13px;
        right: -130px;
        height: 45px;
    }
    40% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        top: -40px;
        right: -280px;
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        top: -200px;
        right: -2000px;
        height: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@keyframes flyaway {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        top: 13px;
        right: 25px;
        height: 30px;
    }
    5% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        top: 13px;
        right: 0px;
        height: 30px;
    }
    20% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: 13px;
        right: -130px;
        height: 45px;
    }
    40% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
        top: -40px;
        right: -280px;
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        top: -200px;
        right: -2000px;
        height: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        
    }
}
@-webkit-keyframes bounce-in {
    0% {
        padding-right: 30px;
    }
    40% {
        padding-right: 6px;
    }
    50% {
        padding-left: 30px;
    }
    100% {
        padding-left: 6px;
    }
}
@keyframes bounce-in {
    0% {
        padding-right: 30px;
    }
    40% {
        padding-right: 6px;
    }
    50% {
        padding-left: 30px;
    }
    100% {
        padding-left: 6px;
    }
}


/*-----------------------------------*/
.mobile-phone {
    display: none;
    padding-left: 20px;
    padding-right: 12px;
    border-radius: 15%;
/*    background-color: white;*/
    background-color: rgba(153,1,0,1);
    border: 2px solid white; 
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    position: fixed;
    bottom: 50px;
    left: -10px;
    z-index: 10000;
}

@media (max-width: 650px) {
    .mobile-phone {
        display: block;
    }
}

.mobile-phone a:link {
/*	color: limegreen;*/
    color: rgb(70,187,28);
}

.form-group {
    margin-bottom: 5px;
}

div.g-recaptcha {
    margin-left: 5px;
    margin-bottom: 5px;
}

div.button-div {
    margin-left: 5px;
    text-align: left;
}

#form-messages {
    display: inline;
}

/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/
/*Gallery page*/

#gallery-page h2 {
	text-align: center;
}

#gallery-page h3 {
    margin-top: 30px;
}

/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/
/*---------USLUGI HYDRAULICZNE-------*/

#header.uslugi-hydrauliczne {
    background-image: url("../img/background-uslugi-hydrauliczne.jpg");
}
#header.polityka-prywatnosci {
    background-image: url("../img/polityka-prywatnosci.avif");
}
.polityka-prywatnosci{
    word-break:break-all;
}

#header.o-nas{
    background-image: url("../img/background-o-nas.avif");
}
.o-nas{
    word-break:break-all;
}

@media (max-width: 772px) {
    #header.uslugi-hydrauliczne h1 {
	    font-size: 2em;
    }
}

#header.uslugi-hydrauliczne .button-header-1 div {
    background: rgba(93,108,189,0.6);
    text-shadow: 0px -1px 4px white,
        0px -2px 10px rgba(176,248,255,1),
        0px -10px 20px rgba(174,232,251,1),
        0px -18px 40px rgba(60,190,220,1);
}

#header.uslugi-hydrauliczne .button-header-1 div:hover {
    background: rgba(144,155,214,0.6);
    text-shadow: none;
    -webkit-box-shadow: 0px 4px 3px rgba(174,232,251,0.7),
        0px 8px 13px rgba(174,232,251,0.4),
        0px 18px 23px rgba(174,232,251,0.1),
        0px -4px 3px rgba(174,232,251,0.7),
        0px -8px 13px rgba(174,232,251,0.4),
        0px -18px 23px rgba(174,232,251,0.1);
    box-shadow: 0px 4px 3px rgba(174,232,251,0.7),
        0px 8px 13px rgba(174,232,251,0.4),
        0px 18px 23px rgba(174,232,251,0.1),
        0px -4px 3px rgba(174,232,251,0.7),
        0px -8px 13px rgba(174,232,251,0.4),
        0px -18px 23px rgba(174,232,251,0.1);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

#header.uslugi-hydrauliczne .header-content hr {
    -webkit-box-shadow: 0px -1px 4px -10px white, 0px -2px 10px -1px rgba(126,159,236,1), 0px -10px 20px rgba(126,159,236,1), 0px -18px 40px rgba(126,159,236,1);
        
    box-shadow: 0px -1px 4px -10px white, 0px -2px 10px -1px rgba(126,159,236,1), 0px -10px 20px rgba(126,159,236,1), 0px -18px 40px rgba(126,159,236,1);
    border-radius: 100%;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

#header.uslugi-hydrauliczne .header-content {
    text-shadow: 0px 4px 3px rgba(126,159,236,0.7),
        0px 8px 13px rgba(126,159,236,0.4),
        0px 18px 23px rgba(126,159,236,0.1);     
}

#offer.uslugi-hydrauliczne {
    background: rgba(76,88,157,1);
    color: white;
}

@media (max-width: 430px) {
    #offer.uslugi-hydrauliczne h2 {
        font-size: 1.5em;
    }
    #offer.uslugi-hydrauliczne h2.second-row {
        font-size: 2em;
    }
}

@media (max-width: 365px) {
    #offer.uslugi-hydrauliczne h2 {
        font-size: 1.2em;
    }
    #offer.uslugi-hydrauliczne h2.second-row {
        font-size: 1.4em;
    }
}

.offer2.uslugi-hydrauliczne {
    color: rgba(76,88,157,1);
}
.offer2.uslugi-hydrauliczne i {
    background: -webkit-linear-gradient(rgba(255,1,0,1), rgba(153,1,0,1));
    /*    background: -webkit-linear-gradient(rgba(93,108,189,0.8), rgba(76,88,157,1));*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 992px) {
    .uslugi-hydrauliczne:not(.broetje) .offer-image {
        position: absolute;
        margin: auto;
        top: 50%;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

#clients.uslugi-hydrauliczne h3 {
    color: rgba(76,88,157,1);
}

.uslugi-hydrauliczne .button-certs div {
    color: rgba(76,88,157,1);
    background-color: rgba(255,255,255,1);
    border: 2px solid rgba(76,88,157,1);
}

.uslugi-hydrauliczne .button-certs div:hover {
    border: 2px solid rgba(76,88,157,1);
    color: white;
    background-color: rgba(76,88,157,1);
}

#gallery.uslugi-hydrauliczne .before-images {
    background-color: rgba(76,88,157,1);
}

.uslugi-hydrauliczne .gallery-more {
    min-height: 100px;
    background-color: rgba(76,88,157,1);
}

.uslugi-hydrauliczne .button-gallery div {
    color: white;
    background-color: rgba(104,42,169, 0);
    border: 2px solid white;
}

.uslugi-hydrauliczne .button-gallery div:hover {
    background-color: white;
    color: rgba(76,88,157,1);
}

.uslugi-hydrauliczne button.submit {
    background-color: rgba(76,88,157,1);
    border: 2px solid rgba(76,88,157,1);
    color: white;
}

.uslugi-hydrauliczne button.submit:hover {
    background-color: rgba(144,155,214,1);
}

.mobile-phone.uslugi-hydrauliczne {
    background-color: rgba(76,88,157,1);
    border: 2px solid white; 
}

.container.container-mobile {
    align-items: normal;
}


/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/
/*-----------USLUGI GAZOWE-----------*/

#header.uslugi-hydrauliczne.uslugi-gazowe {
    background-image: url("../img/background-uslugi-gazowe.jpg");
}

/*
@media (max-width: 642px) {
    #header.uslugi-hydrauliczne.uslugi-gazowe p {
        font-size: 0.9em;
    }
}*/
/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/
/*-----------USLUGI GRZEWCZE-----------*/

@media (max-width: 800px) {
    #header .uslugi-grzewcze {
        font-size: 1em;
    }
}

/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/
/*---------------BROTJE--------------*/

#header.uslugi-hydrauliczne.kotly-brotje {
    background-image: url("../img/background-brotje.jpg");
}

/*-----------------------------------*/
/*-----------------------------------*/
/*-----------------------------------*/
/*---------------BROTJE--------------*/

#header.uslugi-hydrauliczne.pompy-ciepla {
    background-image: url("../img/background-pompy-ciepla.jpg");
}


.tekst{text-align: justify;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 10px;
}

/*
@media (max-width: 642px) {
#header.uslugi-hydrauliczne.uslugi-gazowe p {
font-size: 0.9em;
}
}*/