/* Theme Name: Lens Master Author: Progress Lab Author URI: http://www.progress-lab.eu/ Description: Theme for in-development activities, wanting to publish on a regular basis the results of their work, complement the portfolio of development or simply lead a blog theme. Version: 1.0 */ a { color: inherit !important; text-decoration: none !important; font-weight:500} .to-center { text-align: center; position: relative; z-index: 2; } .low-width { width: 650px !important; } .spacer { clear: both; } .blur { -webkit-filter: blur(10px); filter: blur(10px); } #button-form {height: 48px !important; margin-left: -60px; margin-top: 30px; margin-bottom: -11px; padding-bottom: 8px; line-height: 1; font-size: 15px !important; font-weight: 700 !important; font-family: 'Open Sans', sans-serif !important; cursor: pointer !important; text-align: center !important; color: #252525 !important; background: #ffffff !important; background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)) !important; background: -webkit-linear-gradient(top, #ffffff 0%,#dcdcdc 100%) !important; background: -o-linear-gradient(top, #ffffff 0%,#dcdcdc 100%) !important; background: -ms-linear-gradient(top, #ffffff 0%,#dcdcdc 100%) !important; background: linear-gradient(to bottom, #ffffff 0%,#dcdcdc 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ) !important; } .gray-button, #button-form { line-height: 1; font-size: 15px; font-weight: 700; font-style: normal !important; font-family: /*'Open Sans'*/ 'Open Sans', sans-serif; padding-left: 5px !important; padding-top: 4px !important; cursor: pointer; text-align: center !important; color: #252525; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcdcdc)); background: -webkit-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); background: -o-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dcdcdc 100%); background: linear-gradient(to bottom, #ffffff 0%,#dcdcdc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdcdc',GradientType=0 ); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } /* .gray-button:hover , #button-form:hover{ background: #929292 !important; background: -moz-linear-gradient(top, #929292 0%, #6a6a6a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#6a6a6a)); background: -webkit-linear-gradient(top, #929292 0%,#6a6a6a 100%); background: -o-linear-gradient(top, #929292 0%,#6a6a6a 100%); background: -ms-linear-gradient(top, #929292 0%,#6a6a6a 100%); background: linear-gradient(to bottom, #929292 0%,#6a6a6a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#6a6a6a',GradientType=0 ); } .gray-button:active, #button-form:active { background: #505050 ; background: -moz-linear-gradient(top, #505050 0%, #7f7f7f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#7f7f7f)); background: -webkit-linear-gradient(top, #505050 0%,#7f7f7f 100%); background: -o-linear-gradient(top, #505050 0%,#7f7f7f 100%); background: -ms-linear-gradient(top, #505050 0%,#7f7f7f 100%); background: linear-gradient(to bottom, #505050 0%,#7f7f7f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#7f7f7f',GradientType=0 ); } */ .gray-button img { margin-top: -5px; } .gray-button:hover, #button-form:hover { background: #ffffff !important; background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)) !important; background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 100%) !important; background: -o-linear-gradient(top, #ffffff 0%,#ececec 100%) !important; background: -ms-linear-gradient(top, #ffffff 0%,#ececec 100%) !important; background: linear-gradient(to bottom, #ffffff 0%,#ececec 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ) !important; -webkit-transition: all 0.1s ease-in-out !important; -moz-transition: all 0.1s ease-in-out !important; -o-transition: all 0.1s ease-in-out !important; transition: all 0.1s ease-in-out !important;} .gray-button:active , #button-form:active{ background: #dcdcdc !important; background: -moz-linear-gradient(top, #dcdcdc 0%, #ffffff 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#ffffff)) !important; background: -webkit-linear-gradient(top, #dcdcdc 0%,#ffffff 100%) !important; background: -o-linear-gradient(top, #dcdcdc 0%,#ffffff 100%) !important; background: -ms-linear-gradient(top, #dcdcdc 0%,#ffffff 100%) !important; background: linear-gradient(to bottom, #dcdcdc 0%,#ffffff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#ffffff',GradientType=0 ) !important; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} #button-next-page {display: table-cell; padding-bottom: 8px; height: 46px !important; width: 288px !important; font-size: 15px !important; font-weight: 700 !important; font-family: 'Open Sans', sans-serif !important; padding-top: 4px !important; cursor: pointer !important; margin: 15px auto !important; text-align: center !important; color: #f7f7f7 !important; background: #737373 !important; background: -moz-linear-gradient(top, #737373 0%, #484848 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#737373), color-stop(100%,#484848)) !important; background: -webkit-linear-gradient(top, #737373 0%,#484848 100%) !important; background: -o-linear-gradient(top, #737373 0%,#484848 100%) !important; background: -ms-linear-gradient(top, #737373 0%,#484848 100%) !important; background: linear-gradient(to bottom, #737373 0%,#484848 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#484848',GradientType=0 ) !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; } .button-next-page, #button-next-page { height: 46px; width: 288px; max-width: 95%; font-size: 15px; font-weight: 600; font-family: /*'Open Sans'*/ 'Open Sans', sans-serif; padding-top: 10px !important; cursor: pointer; margin: 15px auto; text-align: center !important; color: #f7f7f7; background: #737373; background: -moz-linear-gradient(top, #737373 0%, #484848 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#737373), color-stop(100%,#484848)); background: -webkit-linear-gradient(top, #737373 0%,#484848 100%); background: -o-linear-gradient(top, #737373 0%,#484848 100%); background: -ms-linear-gradient(top, #737373 0%,#484848 100%); background: linear-gradient(to bottom, #737373 0%,#484848 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#484848',GradientType=0 ); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .button-next-page img { margin-top: -5px; } .button-next-page:hover, #button-next-page:hover { background: #888888 !important; background: -moz-linear-gradient(top, #888888 0%, #555555 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#555555)) !important; background: -webkit-linear-gradient(top, #888888 0%,#555555 100%) !important; background: -o-linear-gradient(top, #888888 0%,#555555 100%) !important; background: -ms-linear-gradient(top, #888888 0%,#555555 100%) !important; background: linear-gradient(to bottom, #888888 0%,#555555 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#555555',GradientType=0 ) !important; } .button-next-page:active , #button-next-page:active{ background: #5f5f5f !important; background: -moz-linear-gradient(top, #5f5f5f 0%, #737373 100%) !important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f5f5f), color-stop(100%,#737373)) !important; background: -webkit-linear-gradient(top, #5f5f5f 0%,#737373 100%) !important; background: -o-linear-gradient(top, #5f5f5f 0%,#737373 100%) !important; background: -ms-linear-gradient(top, #5f5f5f 0%,#737373 100%) !important; background: linear-gradient(to bottom, #5f5f5f 0%,#737373 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5f5f', endColorstr='#737373',GradientType=0 ) !important; } .album_pop { position: fixed; top: 0px; left: 0px; display: none; height: 100%; width: 100%; z-index: 999; background: rgba(0,0,0,0.7); } .inner_album_pop{position: relative; height: 100%; width: 100%;} .album_pop img { display: block; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.10);-moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.10);box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.10);} .album_pop .album_pop_close { height: 61px; width: 61px; background: url("img/album_close.png") no-repeat; opacity: 1 cursor: pointer; position: absolute; right: 10px; top: 10px; } @media (max-width: 768px){ .album_pop .album_pop_close { height: 39px; width: 39px; background: url("img/album_close_mobile.png") no-repeat; opacity: 1;} .album_pop .album_pop_close:hover{ background: url("img/album_close_mobile_focus.png") no-repeat;} .album_pop .album_pop_close:focus{ background: url("img/album_close_mobile_focus.png") no-repeat;} } .album_pop .album_pop_close:hover { opacity: 1; } .album_pop .album_pop_close:focus { opacity: 1; } #captcha { margin-left: 7px !important; } html, body { padding: 0px; margin: 0px; background: #060606;} body { overflow-x: hidden; width: 100%; } .header { height: 70px; width: 100%; position: relative; z-index: 20; background: rgba(0, 0, 0, 0.5); border: #5478d2; filter:alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; /*-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.10); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.10); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.10);*/ } section {} .main-title { position: relative; z-index: 2; margin-top: 65px; color: #ffffff; font-size: 48px; font-family: 'Raleway', sans-serif; text-align: center; font-weight: 100; text-align: center; } @media (max-width: 767px){ .main-title {font-weight: 300;} } @media (max-width: 1023px){ .main-title {margin-top: 40px; font-size: 28px;} } .main-phone {padding-top: 30px; padding-bottom: 15px; color: #fcfcfc; font-size: 28px; font-family: 'Open Sans', sans-serif; text-align: center; font-weight: 100; text-align: center; max-width:90%; margin: 0px auto;} #socials { position: relative; z-index: 4; padding-top: 20px; margin-bottom: -15px;} .social { height: 27px; margin-top: 0px; margin-left: 2px; margin-right: 2px; float: left; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .social:hover { filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .social.facebook { width: 39px; height: 39px; background: url("img/ico/social_fb.png") no-repeat; background-size: 39px 39px;} .social.twitter { width: 39px; height: 39px; background: url("img/ico/social_twitter.png") no-repeat; background-size: 39px 39px; } .social.instagram { width: 39px; height: 39px; background: url("img/ico/social_inst.png") no-repeat; background-size: 39px 39px; } .social.pinterest { width: 39px; height: 39px; background: url("img/ico/social_pin.png") no-repeat; background-size: 39px 39px; } .top-social-more { cursor: pointer; display:none;} .top-shares-more { width: 64px; padding-top: 8px; padding-bottom: 8px; position: absolute; right: -19px; top: 70px; background: #ffffff; display: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); } .top-shares-more .ico { height: 27px; background: url("img/socials_header.png") no-repeat; margin: 5px auto; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; -webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .top-shares-more .ico:hover { filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .top-shares-more .googlep { width: 23px; background-position: -100px 0px; } .top-shares-more .linkedin { width: 23px; background-position: -123px 0px; } .top-shares-more .vkontakte { width: 26px; background-position: -146px 0px; } .top-shares-more .dribbble { width: 25px; background-position: -172px 0px; } .top-shares-more .stumble { width: 27px; background-position: -197px 0px; } .top-shares-more .behance { width: 26px; background-position: -224px 0px; } .top-shares-more .flickr { width: 25px; background-position: -250px 0px; } .top-shares-more .vimeo { width: 22px; background-position: -275px 0px; } .top-shares-more .rss { width: 23px; background-position: -297px 0px; } .top-shares-more:before { height: 8px; width: 11px; position: absolute; top: -15px; left: 50%; margin-left: -6px; content: url("img/ico/shares_more.png"); } .main_mm { } .main_mn { display: none; } #top-lang { float: right; margin-top: 40px; } #top-lang .lang { float: left; margin-right: 30px; font-family: "Open Sans"; font-size: 13px; color: #4d4d4d; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #top-lang .lang:hover { color: #4d4d4d; } #top-lang .lang.active { color: #4d4d4d; } #top-lang .lang:before { height: 11px; width: 11px; margin-top: 4px; margin-left: -13px; position: absolute; display: block; content: " "; background: url("img/language.png") no-repeat; background-position: 0px -11px; } #top-lang .lang.active:before { height: 11px; width: 11px; margin-top: 4px; margin-left: -13px; position: absolute; display: block; content: " "; background: url("img/language.png") no-repeat; background-position: 0px 0px; } #main_slideshow { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } #main_slideshow .bxslider { padding: 0px; } .bx-wrapper { height: 100% !important; } .bxslider { height: 100%; } .bxslider>li { height: 100%; left: 0px; overflow: hidden; } /*.bxslider img { max-height: 100%; max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}*/ .bxslider img { height: auto; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .bx-viewport { height: 100% !important; } .mfp-content { height: 100% !important; } .bx-controls { margin-top: 45px; position: relative; } .bx-wrapper .bx-prev { left: 37px !important; } .bx-wrapper .bx-next { right: 50px !important; } .bx-controls-direction { height: 105px !important; width: 255px !important; position: absolute; bottom: 20px !important; left: 50%; margin-left: -128px; } .bx-next { height: 18px !important; width: 26px !important; background: url("img/slider/next.png") no-repeat !important; } .bx-next:hover { background: url("img/slider/next_hov.png") no-repeat !important; } .bx-next:active { background: url("img/slider/next_foc.png") no-repeat !important; } .bx-prev { height: 18px !important; width: 26px !important; background: url("img/slider/prev.png") no-repeat !important; } .bx-prev:hover { background: url("img/slider/prev_hov.png") no-repeat !important; } .bx-prev:hover { background: url("img/slider/prev_foc.png") no-repeat !important; } .bx-controls-auto { height: 91px !important; width: 91px !important; position: absolute; bottom: 20px !important; left: 50%; margin-left: -46px; } .bx-start { height: 40px !important; width: 41px !important; position: relative !important; top: 10px !important; margin-left: 10px; background: url("img/slider/play.png") no-repeat center center !important; } .bx-start:hover { background: url("img/slider/play_hov.png") no-repeat center center !important; } .bx-start:active { background: url("img/slider/play_foc.png") no-repeat center center !important; } .bx-start.active { display: none !important; } .bx-stop { height: 40px !important; width: 41px !important; position: relative !important; top: 12px !important; margin-left: 12px; background: url("img/slider/pause.png") no-repeat center center !important; } .bx-stop.active { display: none !important; } .bx-stop:hover { background: url("img/slider/pause_hov.png") no-repeat center center !important; } .bx-stop:active { background: url("img/slider/pause_foc.png") no-repeat center center !important; } .mfp-close { height: 31px !important; width: 30px !important; margin: 21px !important; color: transparent !important; background: url("img/slider/close.png") no-repeat !important; } .mfp-close:hover { background: url("img/slider/close_hov.png") no-repeat !important; } .mfp-close:active { top: 0px !important; background: url("img/slider/close_foc.png") no-repeat !important; } .full-screen-button {height: 30px; width: 31px; position: absolute; margin:21px; top:0px; right: 73px; z-index: 100; background: url("img/slider/button_fullscreen.png") no-repeat; background-size: 100%; background-position: 0px -60px;} .full-screen-button:hover{background-position: 0px -30px;} .full-screen-button:active{background-position: 0px 0px;} .bx-caption { height: 73px !important; width: 100% !important; position: absolute !important; top: 0px !important; left: 0px !important; font-size: 24px; color: #ffffff; text-align: left; font-family: "Roboto" !important; font-weight: 300; background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%) !important; background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%) !important; background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 ); } .bx-wrapper .bx-caption span { padding: 21px !important; } .bx-caption>span>span { width: 100%; margin-left: -10px !important; font-size: 16px !important; display: block !important; position: absolute; bottom: 0px; text-align: center; } .bxslider .bottom_slider { height: 73px; width: 100%; position: absolute; bottom: 0px; left: 0px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); } .soundmode { height: 25px; width: 25px; cursor: pointer; background: url("img/slider/sound_on.png") no-repeat center center; position: absolute; right: 24px; bottom: 21px; } .soundmode:hover { background: url("img/slider/sound_on_hov.png") no-repeat center center; } .soundmode:active { background: url("img/slider/sound_on_foc.png") no-repeat center center; } .soundmode.active { background: url("img/slider/sound_off.png") no-repeat center center; } .soundmode.active:hover { background: url("img/slider/sound_off_hov.png") no-repeat center center; } .soundmode.active:active { background: url("img_/slider/sound_off_foc.png") no-repeat center center; } .home_background_wrapper {z-index: 1; position: fixed; top: 0px; left: 50%; right: 50%; transform: translate(-50%,-50%);} .home_background_wrapper img {position: absolute; margin-left: 50%; margin-right: 50%; margin-top: 640px; transform: translateY(-50%) translateX(-50%);} .about_background_wrapper {z-index: 1; position: fixed; top: 0px; left: 50%; right: 50%; transform: translate(-50%,-50%);} .about_background_wrapper img {position: absolute; margin-left: 50%; margin-right: 50%; margin-top: 640px; transform: translateY(-50%) translateX(-50%);} .contact_background_wrapper {z-index: 1; position: fixed; top: 0px; left: 50%; right: 50%; transform: translate(-50%,-50%);} .contact_background_wrapper img {position: absolute; margin-left: 50%; margin-right: 50%; margin-top: 640px; transform: translateY(-50%) translateX(-50%);} .contact_background_wrapper2 {display:none; position: absolute; -webkit-filter: blur(10px); filter: blur(10px); z-index: 2; top: -559px; left: 50%; right: 50%; transform: translate(-50%,-50%);} .contact_background_wrapper2 img {display:none; position: absolute; margin-right: 50%; margin-top: 640px; transform: translateY(-50%) translateX(-50%); -webkit-filter: grayscale(.5); filter: grayscale(.5);} #wrap{ position:fixed; z-index:1; top:0; left:0; background-color: #000; width: 100vw; height: 100vh; } #wrap img.bgfade{ position:absolute; top:0; z-index:-1 } @media (max-width: 1024px){ #wrap img.bgfade{ left: -80%; } } @media (orientation: landscape){ img.bgfade{width: 100%; height: unset;} } @media (orientation: portrait){ img.bgfade{width: unset; height: 100%;} } .blog_background_wrapper {position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; z-index:2;} /* Loading */ #loading_bg { height: 100%; width: 100%; position: absolute; background: rgba(6, 6, 6, 1); z-index: 80; } #loading_bar { height: 7px; width: 1px;background: url("img/loading_stripe.png") repeat-x; } #loading_bar_end { height: 7px; width: 100px; content: " "; background: url("img/loading_stripe_glow.png") no-repeat; display: block; position: absolute; left: 1px; top: 0px; } .blog_loader, .blog_loader:after { border-radius: 50%; width: 10em; height: 10em; } .blog_loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(212,212,212, 0.2); border-right: 1.1em solid rgba(212,212,212, 0.2); border-bottom: 1.1em solid rgba(212,212,212, 0.2); border-left: 1.1em solid #d4d4d4; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes div_appear { 0% { opacity: 0; } 40% { opacity: 0; -webkit-transform: translate(0px,10px) ; animation-timing-function: ease-out; } 100% { opacity: 1; -webkit-transform: translate(0px,0px) ; animation-timing-function: ease-out; } } @keyframes div_opacity { 0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;} } /* Homepage */ .logo-wrapper { height: 70px; display: inline-block;line-height: 70px; text-align: center; vertical-align: middle; float: left; } #logo { height: 33px;} @media (max-width: 768px){ #logo{ margin-left: 10px;} } .mini-menu { height: 8px; width: 34px; position: absolute; left: 50%; top: 46px; margin-left: -17px; background: url("img/mini_menu.png") no-repeat; } .mini-menu:hover { cursor: pointer; } .mini-menu-shown { height: 27px; display: none; background: rgba(0, 0, 0, 0.2); margin: 0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 36px; position: absolute; left: 50%; margin-left: -149px; } .mini-menu-shown ul { margin: 0px; padding: 0px; list-style: none; display: inline-block; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .mini-menu-shown ul li { margin: 0px; padding: 0px; padding-top: 5px; display: inline-block; margin-left: 10px; margin-right: 10px; font-size: 13px; color: #6d6d6d; font-family: "Open Sans", serif; font-weight: 400; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .mini-menu-shown ul li:hover { color: #929292; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .mini-menu-shown ul li.current-menu-item { color: #929292; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker{ float: right;} .menu-walker ul { margin: 0px; padding: 0px; list-style: none; display: inline-block; line-height: 70px; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker ul li { margin: 0px; padding: 0px; display: inline-block; margin-left: 10px; margin-right: 10px; font-size: 15px; color: #bababa; font-family: "Raleway", serif; font-weight: 400 !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker ul li:hover { text-shadow: 0px 0px 8px rgba(255,255,255,0); color: #fafafa; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker ul li.current-menu-item { border-bottom: 1px ridge #999; display: inline; text-shadow: 0px 0px 8px rgba(255,255,255,0); color: #fafafa; font-weight: 600;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} @media (max-width: 1200px){ .menu-walker {margin-top: 0px;} } @media (max-width: 1023px){ .menu-walker{ margin-right: 10px;} } @media (max-width: 720px){ .menu-walker {margin-top: 0px;} .menu-walker ul li {margin-right: 10px; margin-left: 0px; font-size: 13px;} } @media (max-width: 414px){ .menu-walker {display: none;} } .menu-mobile { float: right; line-height: 70px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-mobile-button {opacity: 1; cursor: pointer; display: inline-block; line-height: 70px; text-align: center; vertical-align: middle;margin-right: 10px; width: 25px; height: 25px; background: url("img/menu_mobile_button.png") no-repeat; background-size: 25px 25px;} @media only screen and (max-width:414px) { .nav-primary { clear: left; } .nav-primary li { font-size: 1.6em; border-top: 1px solid #333; } .nav-primary a { display: block; padding: 20px; text-decoration: none; color: #FFF; text-align: center; } .nav-primary a:hover { color: #F7F7F7; } .nav-primary .nav-current a { color: #F7F7F7; } .nav-menu .nav-primary h2 { position: absolute; display: block; top: 0; right: 10px; margin-top: 10px; padding: 0 0 5px 50px; cursor: pointer; text-indent: -999em; background: red; } .nav-menu .nav-primary.expanded h2 { opacity: .4; transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; } .nav-menu .nav-primary li { clear: left; } .nav-menu .nav-primary.expanded li, .nav-menu .nav-primary li.nav-current { display: list-item; } .nav-menu .nav-primary li.nav-current { border-bottom-width: 0; } .nav-menu .nav-primary.expanded li.nav-current { border-bottom-width: 1px; } } .menu-walker-mobile { display: none; top: 70px; position: absolute; background: #060606; width: 100%; z-index: 999;} .menu-walker-mobile a {display: block; padding: 6px; font-weight: 400; margin-left: 10px; margin-right: 10px; } .menu-walker-mobile ul { margin: 0px; width: 90%; padding: 0px; list-style: none; display: inline-block; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker-mobile ul li { border-bottom: 1px solid #4e4e4e; font-family: 'Raleway', cursive; color: #bababa; font-size: 13px; position: relative; z-index: 11; transition: all 0.2s ease-out; display: block; margin-top: 5px; margin-bottom: 5px; padding-bottom: 5px; margin-left: 1px; margin-right: 1px; text-align: center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker-mobile ul li:hover { color: #fafafa; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-walker-mobile ul li.current-menu-item { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu-menu-1-container {margin-bottom: -6px;} .menu-walker-mobile-bot {height: 1px; background: #060606; position: relative; z-index: 11;} @media (min-width: 415px){ .menu-mobile {display: none;} } #main-img { position: relative; z-index: 2; height: 547px; width: 100%; margin-top: 85px;/* border-top: 1px solid #0b0b0b;*/ background: url("img/intro_photo.jpg") no-repeat center center; background-size: cover; -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0); -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0); box-shadow: 1px 1px 1px 1px rgba(0,0,0,0); } .main-img-wrapper {animation: 0.5s div_appear;} /* Pages */ .page-title { margin-top: 10px; margin-bottom: 50px; text-align: center; position: relative; z-index: 11; color: #3d3d3d; font-size: 48px; font-weight: 100; font-family: 'Roboto', sans-serif; } .page-title>div>span { display: inline-block; margin-top: 21px; margin-left: 41px; margin-right: 41px;} .page-title .title_line_left, .page-title .title_line_right { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.8) display: block; height: 1px; content: " "; width: 40%; position: absolute; left: 0; top: 1.2em; } .page-title .title_line_right{ right: 0; left: auto; } /* Contact */ .contact-content { opacity: 1; width: 650px; position: relative; z-index: 3; margin-left: auto; margin-right: auto; color: #ffffff; font-family: 'Raleway'; font-size: 23px; font-weight: 300; animation: 0.5s div_appear;} .contact-data-div {font-size: 18px; text-align: center; font-weight: 500;} .contact-data-div img {width: 50px !important; height: 50px !important; margin-bottom: 5px;} .contact-data-ico {display: block; margin-bottom: 25px; font-family: 'Montserrat'; font-size: 15px; } .hr-contact {border: 1px solid rgba(215, 202, 185, 0.4);} [role=form] {z-index:3; position: relative;} .contact-panel-parent{ text-align: center; position: relative; visibility: visible; max-width: 460px; margin-left: auto; margin-right: auto;} #contact-panel-bot{ min-height: 512px; text-align: center; width: 493px; float: right; position: absolute; display: none; font-family: 'Open Sans', sans-serif; color: #4d4d4d; font-size: 33px; font-weight: bold;} #contact-panel { padding: 60px; padding-bottom: 0px; z-index: 3; text-align: center; position:relative; visibility: visible; position:relative; overflow: hidden; border-top: inset 1px rgba(136, 136, 136, 0.75); box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.8); background: rgba(255,255,255,0.08);} #contact-panel h2 { display: none; font-family: 'Roboto Condensed', sans-serif; margin-top: 30px; margin-bottom: 40px; font-weight: 400; font-size: 30px; text-align: left; color: #929292; } #contact-panel input { color: #cfcfcf; font-family: 'Lato', sans-serif; font-style: italic; font-weight: 300; font-size: 14px; height: 32px; width: 100%; padding-left: 8px; padding-bottom: 3px; display: block; margin: 10px auto; background: rgba(23, 23, 23, 0.15); border: none; border-bottom: 2px solid rgb(228, 228, 228); resize: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #contact-panel input::-webkit-input-placeholder { color: #f1f1f1; } #contact-panel input::-moz-placeholder { color: #f1f1f1; } #contact-panel input:-ms-input-placeholder { color: #f1f1f1; } #contact-panel input:-moz-placeholder { color: #f1f1f1; } #contact-panel input:hover { color: #f1f1f1; background: rgb(8, 8, 8); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} #contact-panel input:focus { color: #f1f1f1; background: rgb(8, 8, 8); outline: none; /* -webkit-box-shadow: inset -2px 0px 0px 0px #dadada; -moz-box-shadow: inset -2px 0px 0px 0px #dadada; box-shadow: inset -2px 0px 0px 0px #dadada; */} #contact-panel textarea { color: #cfcfcf; font-family: 'Lato', sans-serif; font-style: italic; font-weight: 300; font-size: 14px; height: 153px; width: 100%; resize: none; padding-left: 8px; padding-top: 5px; display: block; margin: 10px auto; background: rgba(23, 23, 23, 0.15); border: none; border-bottom: 2px solid rgb(228, 228, 228); resize: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #contact-panel textarea::-webkit-input-placeholder { color: #f1f1f1; } #contact-panel textarea::-moz-placeholder { color: #f1f1f1; } #contact-panel textarea:-ms-input-placeholder { color: #f1f1f1; } #contact-panel textarea:-moz-placeholder { color: #f1f1f1; } #contact-panel textarea:hover { color: #f1f1f1; background: rgb(8, 8, 8);-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #contact-panel textarea:focus { color: #f1f1f1; background: rgb(8, 8, 8); outline: none; /* -webkit-box-shadow: inset -2px 0px 0px 0px #dadada; -moz-box-shadow: inset -2px 0px 0px 0px #dadada; box-shadow: inset -2px 0px 0px 0px #dadada; */ -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} img.ajax-loader { display: none; } .wpcf7-captchar { width: 211px !important; display: inline-block !important; } span[role=alert] {font-size: 14px !important; font-weight: 400 !important;} div[role=alert] {font-size: 14px !important; font-weight: 400 !important;} @media (max-width: 720px){ .contact-content {width: 100%; font-size: 15px; padding-bottom: 10px; margin-bottom: -10px;} .contact-panel-parent {padding-left: 10px; padding-right: 10px;} #contact-panel {padding: 20px; padding-bottom: 0px; width: 100%; margin-left: auto; margin-right: auto;} #contact-panel input {width: 100%;} #contact-panel textarea {width: 100%;} #contact-panel input[name="captcha"] {margin-left: 0px !important; width: 100% !important;} } #contact-panel input[value="Wyślij"] {border: 1px; /*margin-left: -60px !important;*/ height: 48px !important; margin-top: 30px !important; margin-bottom: -43px !important; webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.51); -moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.51); box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.51);} div.wpcf7-mail-sent-ok {border: 0px;} div.wpcf7-mail-sent-ng {border: 0px;} div.wpcf7-spam-blocked {border: 0px;} #attachment-file { border: none !important; background: none !important; } @media (min-width: 668px){ .gray-button, #button-form {width: 460px !important; margin-left: -60px !important} } @media (max-width: 667px){ .gray-button, #button-form {width: 440px !important; margin-left: -20px !important} } @media (min-width: 568px) and (max-width: 600px){ .gray-button, #button-form {width: 440px !important; margin-left: -20px !important} } @media (min-width: 385px) and (max-width: 414px){ .gray-button, #button-form {width: 347px !important; margin-left: -20px !important} } @media (min-width: 378px) and (max-width: 384px){ .gray-button, #button-form {width: 337px !important; margin-left: -20px !important} } @media (min-width: 321px) and (max-width: 376px){ .gray-button, #button-form {width: 308px !important; margin-left: -20px !important} } @media (max-width: 320px){ .gray-button, #button-form {width: 253px !important; margin-left: -20px !important;} } /* Blackberry Q10 Send Button class */ @media (min-width: 346px) and (max-width: 346px){ #contact-panel input[value="Wyślij"] {border: 1px; /*margin-left: -60px !important;*/ height: 48px !important; width: 308px !important; margin-top: 30px !important; margin-bottom: -11px !important; webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.51); -moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.51); box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.51);} } cflabel {font-size: 15px; justify-content: left; display: flex; margin-top: 30px;} /* About Me */ .about-left { float: left; margin-left: 0px; position: relative;} .about-right { float: right; } .about-right img { /* -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); */ } .about-textarea { position: relative; z-index: 3; overflow: hidden; color: #ffffff; font-family: 'Raleway', sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 1px; line-height: 30px; width: 760px; margin-left: auto; margin-right: auto; min-height: 450px; margin-bottom: 45px; text-shadow: 0px 0px 8px rgba(0,0,0,1); /* border-radius: 5px; border-top: inset 1px rgba(136, 136, 136, 0.75); box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.8);*/ animation: 0.5s div_appear;} @media (max-width: 500px){ .about-textarea {width: 90%; padding: 30px;} } .about-textarea p {position: relative; z-index: 3;} .about-img {margin-bottom: 15px; width: 170px; height: 170px; display: block; margin-left: auto; margin-right: auto; filter:alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0; -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.60); -moz-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.60); box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.60);} #about-textarea-r { color: #616161; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; position: relative; min-height: 512px; width: 493px; float: right; /* background: rgba(255, 255, 255, 0.8); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 3px 0px rgba(12, 12, 12, 0.10); -moz-box-shadow: 0px 0px 3px 0px rgba(12, 12, 12, 0.10); box-shadow: 0px 0px 3px 0px rgba(12, 12, 12, 0.10); position:relative; visibility: visible; */ } #about-textarea>div>img { left: 50%; margin-right: -50%; } #about-textarea h2 { padding-left: 45px; padding-top: 7px; font-size: 17px !important; color: #4d4d4d; font-weight: normal; } /* #about-textarea>.arrow { height: 46px; width: 18px; border-right: 2px solid #252525; background: url("img/about_arrow2.png") no-repeat; position: absolute; left: -16px; top: 20px; } */ #about-textarea>.sec-1 { height: 40px; width: 441px; margin: 13px auto; margin-bottom: 0px; } #about-textarea>.sec-2 { min-height: 100px; width: 441px; margin: 0 auto; } #about-textarea>.sec-2 p:first-child { padding-top: 18px; } #about-textarea>.sec-2 p { text-align: justify; } #about-textarea>.sec-3 { min-height: 40px; width: 441px; margin: 0 auto; } #about-textarea>.sec-4 { color: #2a83c8; min-height: 110px; width: 441px; padding-bottom: 80px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; position: relative; padding-top: 18px; margin: 0 auto; } #about-textarea>.sec-4 a { color: #2a83c8 !important; line-height: 24px; } #about-textarea>.sec-4 a:hover { color: #1c597f !important;} #about-button { position: absolute; margin-left: auto; padding-top: 1px; margin-right: auto; border-radius: 50%; width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%)} /* Photoblog Page */ .special_info { color: #d87900; font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; padding-top: 47px; padding-bottom: 20px; } .special_info input {font-size: 13px; height: 32px; width: 100%; max-width: 288px; padding-left: 5px; padding-top: 5px; width: 415px; line-height: 1; background: #313131; border: 1px solid #313131; resize: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .special_info input::-webkit-input-placeholder { color: #828282; font-size: 13px; } .special_info input::-moz-placeholder { color: #828282; font-size: 13px; } .special_info input:-ms-input-placeholder { color: #828282; font-size: 13px; } .special_info input:-moz-placeholder { color: #828282; font-size: 13px; } .special_info input.error { background: #313131; border-color: #cf6868;} .special_info input:hover { border-color: #5d5d5d; } .special_info input:focus { outline: none; border-color: #4e4e4e; background-color: #282828; } #blog_mask { height: 100%; width: 100%; display: none; position: fixed; background: rgba(0, 0, 0, 1); z-index: 10; top: 0px; left: 0px; } #blog_mask2 { height: 100%; width: 100%; display: none; position: fixed; background: rgba(0, 0, 0, 1); z-index: 1000; top: 0px; left: 0px; } .blog-subtitle { margin-top: -10px; font-family: 'Raleway', sans-serif; position: relative; z-index: 11; font-weight: 300; color: #ababab; font-size: 23px; text-align: center; } #blog-lights { height: 83px; width: 82px; cursor: pointer; cursor: pointer; background: url("img/lights.png") no-repeat; margin: 30px auto; position: relative; z-index: 20; margin-bottom: 1px;} #blog-lights:hover { background-position: 0 -83px; } #blog-lights:active { background-position: 0 -166px; } #blog-lights.active { background: url("img/lights2.png") no-repeat; background-position: 0 0px;} #blog-lights.active:hover { background-position: 0 -83px;} #blog-lights.active:active { background-position: 0 -166px;} #blog-cats { text-align: center; margin-top: 30px; } #blog-cats a:first-child .cat { margin-left: 0px; } #blog-cats .cat { height: 35px; position: relative; z-index: 11; transition: all 0.2s ease-out; display: inline-block; margin-left: 11px; margin-bottom: 13px; padding-top: 8px; background: #b7b7b7; font-weight: 300; padding-left: 25px; padding-right: 25px; text-align: center; color: #232323; font-size: 13px; font-family: 'Open Sans', sans-serif; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; font-weight: 700;} #blog-cats .cat:hover { background: #dedede; color: #4d4d4d; } #blog-cats .cat.active { background: #dedede; color: #4d4d4d; } #blog-main { max-width: 1135px; margin-top: 50px; position: relative; } #blog-separator { height: 99%; width: 100%; display: block; content: " "; position: absolute; background: url("img/blog_sep.png") center repeat-y; z-index: 1; } #blog-main>.article-box { position: absolute; z-index: 11; } #blog-main>.article-box>.textarea { font-family: 'Open Sans', sans-serif; font-weight: normal; } #blog-main>.article-box>.textarea h2 { color: #ebebeb; font-family: 'Raleway', sans-serif; font-size: 18px; font-weight: 400; text-align:center;} #blog-main>.article-box>.textarea .cat { color: #828282; text-align:center; font-family: 'Raleway';} #blog-main>.article-box>.textarea .cat a { color: #2a83c8 !important; } #blog-main>.article-box>.textarea .thumb { height: auto; width: 494px; left:-1px; cursor: pointer; position: relative; z-index: 11; padding-top: 56.25%; margin-top: 20px; background-size: cover; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);} #blog-main>.article-box>.textarea .thumb .shadow { height: 100%; width: 100%; display: none; top: 0px; left: 0px; background: rgba(0,0,0,0.3); position: absolute; /* background-image: url("img/ico/blog_zoom_ico.png"); background-repeat: no-repeat; background-position: center center; */} #blog-main>.article-box>.textarea .thumb .shadow .loader {top: 50%; left: 50%; position: absolute; opacity: 0.8; transform: translate(-50%,-50%);} #blog-main>.article-box>.textarea .thumb .images { height: 30px; width: 66px; z-index: 10; text-align: center; color: #ffffff; position: absolute; top: 20px; right: 20px; background: rgba(0,0,0,0.60); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; text-shadow: 0px 0x 2px #000000; } @media (max-width: 1200px){ #blog-main>.article-box>.textarea .thumb .images { } #blog-main>.article-box>.textarea .thumb .images >img{ height:55%; } } #blog-main>.article-box>.textarea .thumb .images img { display: inline-block; margin-top: 6px; } #blog-main>.article-box>.textarea .thumb .images span { position: relative; top: 5px; margin-left: 5px; color: inherit; } #blog-main>.article-box>.textarea .social { width: 100%; margin-top: 20px; clear:both} #blog-main>.article-box>.textarea .social .likes { height: 12px; width: 30px; float:right; margin-right: 25px; margin-bottom: 20px; color: #ababab; font-size: 13px; } #blog-main>.article-box>.textarea .social .likes img { float: left; margin-top: 2px; } #blog-main>.article-box>.textarea .social .sharebox2 {display:none; height: 12px; width: 30px; text-align: right; float: right; margin-right: 26px; color: #ababab; font-size: 13px; cursor: pointer;} #blog-main>.article-box>.textarea .social .shares { display: none; width: 50px; color: #828282; float: right; text-align: right; line-height: 22px; margin-right: 7px;} #blog-main>.article-box>.textarea .text { margin: 25px auto; border-bottom: 1px solid rgba(255,255,255, 0.15); padding-bottom: 20px; color: #e6e6e6; text-align: justify; font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: 400; /* overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; */ } #blog-main>.article-box>.textarea .comment-area { margin: 5px auto; font-family: 'Raleway';} #blog-main>.article-box>.textarea .comment-box { height: 64px; width: 100%; position:relative;} #blog-main>.article-box>.textarea .comment-box img { float: left; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } #blog-main>.article-box>.textarea .comment-box .comment-text { height: 64px; padding-left: 5px; padding-top: 5px; width: 415px; float: right; background: #313131; border: 1px solid #313131; resize: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #blog-main>.article-box>.textarea .comment-box .textarea_div{position:absolute; right: 0%;} #blog-main>.article-box>.textarea .comment-box .textarea_div:before { margin-left: -5px; height: 11px; width: 12px; position: absolute; top: 23px; content: url("img/input_arrow.png");} #blog-main>.article-box>.textarea .comment-box .textarea_div:hover:before { content: url("img/input_arrow_hov.png"); } #blog-main>.article-box>.textarea .comment-box .active:before { content: url("img/input_arrow_foc.png") !important; } @media (max-width: 1200px) { #blog-main>.article-box>.textarea .social .sharebox2 {display: none !important;} #blog-main>.article-box>.textarea .comment-box .textarea_div{position:relative; } #blog-main>.article-box>.textarea .comment-box .textarea_div:before { display: none; } } /*background: url("img/input_arrow.png") no-repeat; */ #blog-main>.article-box>.textarea .comment-box .comment-text:hover { border-color: #5d5d5d; } #blog-main>.article-box>.textarea .comment-box .comment-text:focus { outline: none; border-color: #4e4e4e; background-color: #282828;} #blog-main>.article-box>.textarea .comment-box .comment-bar { width: 415px; float: right; padding-top: 5px; } #blog-main>.article-box>.textarea .comment-box .comment-bar { color: #828282; } #blog-main>.article-box>.textarea .comment-box .comment-bar .save { float: right; cursor: pointer; color: #2a83c8; } .form-submit {clear: both;} .form-submit .submit { background: none; float: right; cursor: pointer; color: #2a83c8; border: none; position: absolute; right: -5px; margin-top: 14px; font-weight: 600;} .comment-reply-title { display: none; } #blog-main>.article-box>.textarea .comment-more { height: 25px; width: 100%; cursor: pointer; padding-top: 3px; padding-left: 10px; color: #ffffff; margin-top: 16px; background: #808080; background: -moz-linear-gradient(top, #808080 0%, #515151 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#515151)); background: -webkit-linear-gradient(top, #808080 0%,#515151 100%); background: -o-linear-gradient(top, #808080 0%,#515151 100%); background: -ms-linear-gradient(top, #808080 0%,#515151 100%); background: linear-gradient(to bottom, #808080 0%,#515151 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#515151',GradientType=0 ); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;-webkit-box-shadow: -1px 2px 2px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: -1px 2px 2px 0px rgba(0, 0, 0, 0.16); box-shadow: -1px 2px 2px 0px rgba(0, 0, 0, 0.16); } #blog-main>.article-box>.textarea .comment-more:hover { background: #929292; background: -moz-linear-gradient(top, #929292 0%, #6a6a6a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#6a6a6a)); background: -webkit-linear-gradient(top, #929292 0%,#6a6a6a 100%); background: -o-linear-gradient(top, #929292 0%,#6a6a6a 100%); background: -ms-linear-gradient(top, #929292 0%,#6a6a6a 100%); background: linear-gradient(to bottom, #929292 0%,#6a6a6a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#6a6a6a',GradientType=0 ); } #blog-main>.article-box>.textarea .comment-more:active { background: #505050; background: -moz-linear-gradient(top, #505050 0%, #7f7f7f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#7f7f7f)); background: -webkit-linear-gradient(top, #505050 0%,#7f7f7f 100%); background: -o-linear-gradient(top, #505050 0%,#7f7f7f 100%); background: -ms-linear-gradient(top, #505050 0%,#7f7f7f 100%); background: linear-gradient(to bottom, #505050 0%,#7f7f7f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#7f7f7f',GradientType=0 ); } #blog-main>.article-box>.textarea .comment-more img { float: right; margin: 7px; } #blog-main>.article-box>.textarea .comments { width: 441px; margin: 20px auto; opacity: 0; margin-top: 10px; } #blog-main>.article-box>.textarea .comments-less { display: none; } #blog-main>.article-box>.textarea .comments .comment-single { width: 100%; clear: both; padding-bottom: 16px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.1) } #blog-main>.article-box>.textarea .comments .comment-single:first-child { border: none; } #blog-main>.article-box>.textarea .comments .comment-single:after { content: " "; display: block; clear: both; } #blog-main>.article-box>.textarea .comments .comment-single img { float: left; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } #blog-main>.article-box>.textarea .comments .comment-single .com-text { width: 359px; float: right; padding-bottom: 10px; } #blog-main>.article-box>.textarea .comments .comment-single .com-text .comment-header { width: 100%; color: #828282; font-family: 'Raleway'; } #blog-main>.article-box>.textarea .comments .comment-single .com-text .header a,span { color: #ababab; } #blog-main>.article-box>.textarea .comments .comment-single .com-text p { color: #616161; text-align: justify; padding-top: 7px; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .com_counter {padding-left: 12px;} .post-sharebox { display: none; width: 143px !important; float: right; position: relative; margin-top: 1px; } .post-social { height: 20px; width: 20px; padding: 0 2px; margin-left: 5px; margin-right: 5px; float: left; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .post-social:hover { background: #313131; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; } .post-social2 { height: 23px; padding: 0 2px; margin-left: 5px; margin-right: 5px; float: left; filter:alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .post-social2 .ico { background: url("img/socials_share_post.png") no-repeat;width: 17px; margin: 4px auto; height: 16px;} .post-social .ico { background: url("img/socials_share_post.png") no-repeat; margin: 0 auto; } .post-social .dots { height: 16px; width: 16px; margin: 4px auto; background-position: 0px -1px; } .post-social .facebook { height: 16px; width: 10px; margin: 4px auto; background-position: -16px -1px; } .post-social .twitter { height: 16px; width: 14px; margin: 4px auto; background-position: -26px -1px; } .post-social .pinterest { height: 16px; width: 12px; margin: 4px auto; background-position: -39px -1px; } .post-share-more { cursor: pointer; } .shares-more { display: none; padding-top: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); } .shares-more .ico { height: 16px; background: url("img/socials_share_post.png") no-repeat; float: left; filter:alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75; transition: all 0.4s ease-out; } .shares-more .ico:hover { filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .shares-more .tocenter { float: none !important; margin: 5px auto; } .shares-more .googlep { width: 16px; background-position: -52px 0px; } .shares-more .linkedin { width: 14px; background-position: -68px 0px; } .shares-more .vkontakte { width: 15px; background-position: -83px 0px; } .shares-more .stumble { width: 16px; background-position: -98px 0px; } .shares-more .reddit { width: 15px; background-position: -114px 0px; } .shares-more {z-index: 1; position: absolute; right: 24px; margin-top: 26px; width: 30px; background: #313131; } .shares-more:before { height: 8px; width: 11px; position: absolute; top: -14px; left: 50%; margin-left: -5px; content: url('img/ico/shares_more.png'); } .wpulike .counter a.image, .wpulike .counter a.image-unlike { height: 15px !important; width: 14px !important; padding: 0px !important; background: none !important; border: none !important; box-shadow: none !important; } .counter { width: 50px; } .wpulike .count-box { background: none !important; border: none !important; color: #9e9e9e !important; font-size: 13px !important; font-family: "open sans" !important; padding: 0px !important; text-align: left !important; font-weight:700 !important;} .wpulike .count-box:before { display: none !important; } .likes p { display: none; } .likes .user-tooltip { display: none; } #blog-main>.article-box:nth-child(odd) { width: 610px; float: left; left: 0px; } #blog-main>.article-box:nth-child(odd)>.textarea { width: 494px; float: left; color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; position: relative; border-bottom: 2px solid; border-color: rgba(255,255,255,0.3);} #blog-main>.article-box:not(.noArrows):nth-child(odd):after { display: none; height: 45px; width: 25px; content: " "; position: absolute; display: block; /*background: url("img/blog_arrow.png") no-repeat; position: absolute; right: 46px; top: 58px; */ } #blog-main>.article-box:nth-child(1)>.date { padding-right:1px; height: 83px; width: 83px; text-align: center; color: #d2d2d2; font-size: 11px; padding-top: 33px; font-family: 'Open Sans', sans-serif; font-weight: 700; float: right; background: url("img/blog_date.png") no-repeat !important;} #blog-main>.article-box:nth-child(odd)>.date { padding-top: 33px; padding-right:83px; height: 88px; width: 88px; text-align: left; color: #f2f2f2; font-size: 11px; font-family: 'Open Sans', sans-serif; font-weight: 400; float: right; background: url("img/blog_date_right.png") no-repeat; margin-top: -10px; margin-left: -2px; background-position: 5px 0px !important; } #blog-main>.article-box:nth-child(odd):last-child>.date { background: url("img/blog_date_l.png") no-repeat; } #blog-main>.article-box:nth-child(even) { width: 613px; float: right; right: -5px; } #blog-main>.article-box:nth-child(even)>.textarea { width: 494px; float: right; color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; position: relative; border-bottom: 2px solid; border-color: rgba(255,255,255,0.3);} #blog-main>.article-box:not(.noArrows):nth-child(even):after { display: none; height: 45px; width: 25px; content: " "; /* background: url("img/blog_arrow_r.png") no-repeat; */position: absolute; left: 45px; top: 58px; } #blog-main>.article-box:nth-child(even)>.date {padding-left:56px; height: 83px; width: 83px; text-align: left; color: #f2f2f2; font-size: 11px; padding-top: 33px; font-family: 'Open Sans', sans-serif; font-weight: 400; float: left; background: url("img/blog_date_right.png") no-repeat; margin-top: -10px;} #blog-main>.article-box:nth-child(even):last-child>.date { background: url("img/blog_date_l.png") no-repeat; } #blog-main>.article-box:last-child { background: none; } #arrow_up { height: 47px; width: 47px; display: none; position: fixed; z-index: 110; right: 0px; top: 70%; background: url("img/arrow_up_bg.png") no-repeat; background-size: cover; cursor: pointer; } #arrow_up:hover { background: url("img/arrow_up_bg_h.png") no-repeat; background-size: cover; } #arrow_up_footer { height: 55px; width: 55px; margin: 0 auto; margin-top: 10px; background: url("img/arrow_up_m_bg.png") no-repeat; background-size: cover; cursor: pointer; } #arrow_up_footer:hover { height: 55px; width: 55px; background: url("img/arrow_up_m_hov_bg.png") no-repeat; background-size: cover;} #arrow_up_footer:focus { height: 55px; width: 55px; background: url("img/arrow_up_m_foc_bg.png") no-repeat; background-size: cover;} #kropki {margin: 0 12px 0 14px; height:1px; background-image: url('img/footer_border.png'); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x; margin-bottom: -8px;} #pagination_box { width: 100%; padding-top: 20px; } #pagination_box .top { width: 100%; text-align: center; margin-bottom: -17px; } #pagination_box.bot{ height: 169px; width: 100%; } .paginate-button { position: relative; display: inline-block; } .paginate-button span { position: absolute; right: 65px; top: 11px; line-height: 19px; font-size: 24px;} #pagination_bot { width: 239px; margin: 0 auto; margin-top: 25px; } #paginate_prev { height: 35px; width: 35px; background: url("img/paginate_l.png") no-repeat; background-size: cover; float: left; } #paginate_prev:hover { background: url("img/paginate_l_h.png") no-repeat; background-size: cover; } #paginate_prev:active { background: url("img/paginate_l_a.png") no-repeat; background-size: cover; } .paginate_pages { padding-top: 1px; text-align: center; font-size: 15px; color: #a1a1a1; margin-bottom: 20px; position:relative; } .paginate_pages input { height: 32px; width: 36px; text-align: center; background: #313131; border: 1px solid #313131; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .paginate_pages input:focus { outline: none; border-color: #4e4e4e; background-color: #282828;} .paginate_pages input:hover { border-color: #5d5d5d; } #paginate_next { height: 35px; width: 35px; background: url("img/paginate_r.png") no-repeat; background-size: cover; float: right; } #paginate_next:hover { background: url("img/paginate_r_h.png") no-repeat; background-size: cover; } #paginate_next:active { background: url("img/paginate_r_a.png") no-repeat; background-size: cover; } /* Album */ .album_box { overflow:hidden; } .album_head { height: 85px; width: 100%; background: rgba(0,0,0,0); text-align: center; } .album_head .album_social { display:none; text-align: left; padding-top: 25px; padding-left: 20px; } .album_head .album_social img { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; margin-left: 1px; margin-right: 1px; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .album_head .album_social img:hover { filter:alpha(opacity=10); opacity: 1; -moz-opacity:1; } .album_head .album_social img:active { filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; } .album_cnt { width: 100% !important; height: 80vh !important; max-width: 100% !important; text-align: center; position: relative; } .album_cnt ul { height: inherit !important; padding: 0px !important; margin: 0px !important; display:block; } .album_cnt .bjqs-slide { height: inherit !important; list-style: none; margin: 0px; padding: 0px; position: relative; left: 50%; margin-left: -610px; } .album_cnt img { height: 100%; } .bjqs { width: 100% !important; } .bjqs-prev a { height: 234px; width: 59px; position: absolute; z-index: 99; top: 50% !important; margin-top: -117px !important; } .bjqs-next a { height: 234px; width: 59px; position: absolute; z-index: 99; top: 50% !important; margin-top: -117px !important; } .bjqs-prev a { left: 30px !important; background: url("img/album_l.png") no-repeat; } .bjqs-prev a:hover { background: url("img/album_l_h.png") no-repeat; left: 30px !important; } .bjqs-next a { right: 30px !important; background: url("img/album_r.png") no-repeat; } .bjqs-next a:hover { background: url("img/album_r_h.png") no-repeat; right: 30px !important; } .bjqs-prev li {z-index: 99999; position: absolute; top: 50%;} .bjqs-next li {z-index: 99999; position: absolute; top: 50%;} .bottom_gal {margin-left: 5px; margin-right: 5px;} .album_bot { width: 95%; margin-bottom: 10px; margin-top: 5px; margin-left: auto; margin-right: auto; background: rgba(0,0,0,0); text-align: center; z-index: 99999; position: relative; } .album_bot img { height: 65px; cursor: pointer; width: auto; margin-top: 15px; margin-left: -2px; margin-right: -2px; } .album_bot img:active: {margin-top: 10px !important;} .unslider-arrow { position: absolute; } .bjqs-markers { color: transparent; } .album_box .mfp-close { height: 61px !important; width: 61px !important; margin-top: 12px !important; margin-right: 20px !important; background: url("img/album_close.png") no-repeat !important; } .album_more { cursor: pointer; } .album_social span { display: none; } @media (max-width: 1200px){ .album_head {display:none;} .album_bot {display: none;} .album_cnt {height: auto !important; } .album_cnt img {height: 95vh; margin-top: 10px; margin-bottom: 10px; height: auto !important; width: 80vh !important;} .album_cnt ul {background: rgba(0,0,0,1);} .album_box .mfp-close {position: fixed; height: 39px !important; width: 39px !important; background: url("img/album_close_mobile.png") no-repeat !important; background-size: 39px 39px !important; opacity: 1;} ul.bjqs-controls {display: none !important;} li.bjqs-slide {display: block;} } /* Main Menu */ .imgcircle>img { position: absolute ; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} .imgcircle>img:hover {opacity: 1;} .circles .circle { position: relative; height: 118px; width: 118px; padding-top: 22px; text-align: center; margin-top: 57px; margin-right: auto; margin-left: auto; background: rgba(0, 0, 0, 0.5); border-radius: 50%; -webkit-transition: all 0.15s ease-in-out;-moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .menu-label { padding-top: 15px; color: #ffffff; font-size: 15px; text-align: center; font-weight: 500; font-family: 'Raleway', sans-serif;} .circles .circle:hover { /*height:122px; width:122px; position: absolute; margin-top: 55px; padding-top: 22px; margin-left: 5px; text-align: center; */ background: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.15s ease-in-out;-moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .circle {display:block;} .circle-label{ color: #fff; position: absolute; bottom: -30px; width: 100%; } @media (min-width: 568px) { .col-xs-6 { width: 25% !important;} } @media (min-width: 736px) { .to-center {width: 650px; margin-left: auto; margin-right: auto;} } /* Footer */ .footer {position: relative; z-index: 11;} .footer-content {max-width: 1170px; position: relative; z-index: 16; margin-left: auto; margin-right: auto; font-family: 'Lato'; font-weight: 300; font-size: 13px; color: #fafafa; } .hr-footer {position: relative; border: 1px solid rgba(215, 202, 185, 0.4); margin-bottom: 10px;} .copyright {position: relative; padding-bottom: 10px; margin-right: 5px; text-align: right; font-size: 11px;} #arrow_up_footer { position: relative; display: block; margin-top: 20px; margin-right: 5px; float: right; height: 39px; width: 39px; background: url("img/arrow_up_m_bg.png") no-repeat; background-size: cover; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #arrow_up_footer:hover { height: 39px; width: 39px; background: url("img/arrow_up_m_hov_bg.png") no-repeat; background-size: cover; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} #arrow_up_footer:focus { height: 39px; width: 39px; background: url("img/arrow_up_m_foc_bg.png") no-repeat; background-size: cover; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} @media (max-width: 1200px){ .footer-content {width: auto; margin-left: 20px; margin-right: 20px; } } @media (max-width: 1200px) { /* #blog-lights { background: url("img/mobile/lights.png"); background-size: cover; } */ .top-shares-more { width: 120px; text-align: center; right: -44px; } .top-shares-more .ico { display: inline-block; margin-left: 4px; margin-right: 4px; } /*'Emboss line in footer*/ /* footer .footer_bar { border-bottom: 1px solid #070707; } #footer-menu-box .copyright { border-top: 1px solid #191919; } */ /* About me */ #about-textarea { width: 90%; margin-bottom: 0px;} #about-textarea>.sec-1 { width: 92%; } #about-textarea>.sec-2 { width: 92%; } #about-textarea>.sec-3 { width: 92%; } #about-textarea>.sec-4 { width: 92%; border-top: 0px; position: absolute: left: 0; right: 0; margin-bottom: 0px; } /*Blog*/ #blog-main>.article-box { width: auto !important; float: none !important; position: relative !important; margin: 0 auto; } #blog-main>.article-box:nth-child(3) { display: none !important; margin-bottom: 0px; } #blog-main>.article-box:after { display: none !important; } #blog-main>.article-box .date { display: none; } #blog-main>.article-box .textarea {/* float: none !important;*/ position: initial !important; margin: 0 auto; margin-bottom: calc(5%)} #blog-main>.article-box .form-submit .submit { right: calc(5%/2); /*margin-left: 340px; right: 10px;*/ margin-top: 20px; height: 25px; width: 65px; cursor: pointer; padding-top: 0px; padding-left: 10px; color: #ffffff; margin-top: 16px; background: #808080; background: -moz-linear-gradient(top, #808080 0%, #515151 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#515151)); background: -webkit-linear-gradient(top, #808080 0%,#515151 100%); background: -o-linear-gradient(top, #808080 0%,#515151 100%); background: -ms-linear-gradient(top, #808080 0%,#515151 100%); background: linear-gradient(to bottom, #808080 0%,#515151 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#515151',GradientType=0 ); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #arrow_up { display: none; } #blog-separator { display: none; } .about-left img { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #about_addon { margin-left: 15px; margin-right: 15px; clear: both; padding: 0px; color: #fcfcfc; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; position: relative; min-height: 90px; /* background: rgba(50,50,50,0.42); border: 1px solid #343434; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.42); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.42); -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; */ } @media (max-width: 1200px) { #about_addon } .helper_black { height: 1px; width: 100%; /*border-bottom: 1px solid #090909;*/ } .helper_white { height: 1px; width: 100%; /*border-top: 1px solid #222222;*/ } .social {margin-top: 0px} .top-shares-more {top: 48px; z-index: 30;} .page-title>span:before, .page-title>span:after { display: none; } #main-img { height: 500px; } #blog-main>.article-box>.textarea { width: 100% !important; } #blog-main>.article-box>.textarea .text { margin-top: 25px; } #blog-main>.article-box>.textarea .thumb { width: 100%; left: 0;} #blog-main>.article-box>.textarea .comment-area { width: 100%; } #blog-main>.article-box>.textarea .comment-box .comment-text { width: 74%; float: right; margin-right:calc(5%/2); margin-left: 10px; } #blog-main>.article-box>.textarea .comment-more { width: 95%; margin: 0 auto; margin-top: 15px; } #blog-main>.article-box>.textarea .comment-box .comment-bar { width: 98%; padding-left: 4px; } #blog-main>.article-box>.textarea .comments { width: 99%; } #blog-main>.article-box>.textarea .comments .comment-single .com-text { width: 74%; margin-right: 2%;} #blog-main>.article-box>.textarea .comments .comment-single img { margin-left: 3%; } #blog-main>.article-box>.textarea .comment-box img { max-width: 64px; margin-left: 3%; } #blog-main>.article-box:nth-child(even) { right: 0px; margin-top: -150px !important } .low-width { width: auto !important; } #top-lang {/* position: absolute; top: 34px; right: 15px; */margin-top:10px; margin-right:15px} #top-lang .lang { height: 24px; width: 46px; margin-right: 15px; padding-top: 3px; background: #f1f1f1; text-align: center; color: #4d4d4d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #top-lang .lang:before { display: none; color: #2a83c8;} #top-lang .lang.active:before { display: none; color: #6d6d6d;} #top-lang .pl { margin-right: 0px; } /* .main-title { font-size: 42px; font-family: 'Open Sans';} .album_box .mfp-close {width: 30px; height: 30px; position: fixed; margin-top: 5px !important; margin-right: 5px !important;} .album_cnt img { width: 70vh !important; height: auto !important; margin-bottom: 10px;} .album_cnt ul {background: rgba(0,0,0,1);} .album_cnt .bjqs-slide { left: auto !important; margin-left: auto !important; } .album_cnt .bjqs-slide { width: 100% !important; position: relative; } .album_head .album_social img { opacity: 1; } .album_bot { overflow: hidden; } .album_bot>div { display: none; } .mini-menu { top: 81px; display: none; } .mini-menu-shown { margin-top: 56px; } .mini-menu-shown ul li { margin-left: 6px; margin-right: 6px; } .bjqs-next a { height: 150px; background-size: 100% 100% !important; margin-top: -68px !important; } .bjqs-prev a { height: 150px; background-size: 100% 100% !important; margin-top: -68px !important; } .bxslider img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .bxslider { height: 100%; } .menu-mobile { visibility: visible; height: 8px; width: 34px; position: absolute; left: 50%; top: 46px; margin-left: -17px; background: url("img/mini_menu.png") no-repeat; } .menu-mobile:hover { cursor: pointer; } .menu-mobile-shown { height: 27px; display: none; background-color: #f7f7f7; margin: 0 auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 36px; position: absolute; left: 50%; margin-left: -149px; } .menu-mobile-shown ul { margin: 0px; padding: 0px; list-style: none; display: inline-block; text-align: center; } .menu-mobile-shown ul li { margin: 0px; padding: 0px; padding-top: 5px; display: inline-block; margin-left: 10px; margin-right: 10px; font-size: 13px; color: #6d6d6d; font-family: "Open Sans", serif; font-weight: 400; } .menu-mobile-shown ul li:hover { color: #929292; } .menu-mobile-shown ul li.current-menu-item { color: #929292; } */ .circles .circle:after { height: 20px; width: 100%; content: " "; display: block; margin-top: 100px; font-size: 14px; font-family: 'Raleway', sans-serif; color: #ffffff; } .circles>div:nth-child(1)>.circle:after { content: "Kompleksowe remonty"; } .circles>div:nth-child(2)>.circle:after { content: "Ocieplanie pianą PUR"; } .circles>div:nth-child(3)>.circle:after { content: "Gładzie maszynowe i malowanie"; } .circles>div:nth-child(4)>.circle:after { content: "WD Developer"; } #footer-menu-box ul li { font-size: 12px; } .mfp-content { position: absolute; top: 0px; left: 0px; } .shares-more2 { display: none; padding-top: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.10); } .shares-more2 .ico { height: 25px; background: url("img/socials_header_black.png") no-repeat; float: left; filter:alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75; transition: all 0.4s ease-out;} .shares-more2 .ico:hover { filter:alpha(opacity=100); opacity: 1; -moz-opacity: 1; } .shares-more2 .tocenter { float: none !important; margin: 10px auto; } .shares-more2 .facebook {width: 18px; background-position: -15px 0px;} .shares-more2 .twitter {width: 21px; background-position: -32px 0px; } .shares-more2 .pinster {width: 21px; background-position: -79px 0px;} .shares-more2 .googlep { width: 20px; background-position: -100px 0px; } .shares-more2 .linkedin { width: 21px; background-position: -123px 0px; } .shares-more2 .vkontakte { width: 23px; background-position: -147px 0px; } .shares-more2 .stumble { width: 24px; background-position: -198px 0px; } .shares-more2 .reddit { width: 15px; background-position: -114px 0px; } .shares-more2 { z-index: 2; position: absolute; right: 25px; margin-top: 26px; width: 45px; background: #313131; } .shares-more2:before { height: 8px; width: 11px; position: absolute; top: -14px; left: 50%; margin-left: -5px; content: url("img/ico/shares_more.png"); } } .cat .cat_time { color: #828282; } @media (min-width: 1201px) { .sharesbox2 {display:none;} .wpulike .counter a.image { background:url("img/ico/thumb_ico1.png") no-repeat center !important;} .cat .cat_time { display: none; } #pages_count { display: none; } .button-menu-mobile {display: none !important; } } } @media (max-width: 1200px) { .contact-left table td { text-align: left; } .bxslider li { height: 100%; } .bxslider img { margin: 0 auto; } .post-sharebox {display: none;} .shares {display:none;} .main-phone {font-size: 24px;} #footer-menu-box ul { display: none; } .page-title { margin-top: 0px; margin-bottom: 15px; } .main-title { margin-top: 20px; margin-bottom: -35px; } #contact-send { width: 95%; } #button-form {width: 95% !important; } #blog-main>.article-box>.textarea .social .likes {margin-right: 75px; margin-top: -15px;} #blog-main>.article-box>.textarea .social {z-index: 99 !important;} .sharebox2 { margin-top: 0px; margin-right: 2.5%!important; height: 48px !important; width: 106px !important; display: block !important; float: right !important; padding: 12px !important; background: #313131 url("img/ico/share_post_mobile.png") no-repeat center center !important; background-size: 22px 23px !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; right: 0; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .wpulike .counter a.image { /*transform: scale(0.5);*/} .wpulike .counter a.image { height: 46px !important; width: 106px !important; display: block !important; float: left !important; padding: 24px !important; background: rgba(255,255,255,0) url("img/ico/thumb_ico_mobile.png") no-repeat /*25px*/ 32px center !important; background-size: 18px 19px !important; position: relative; /*left: -19px;*/ top: -5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 5px 10px 0px rgba(128,128,128,1); -moz-box-shadow: 0px 5px 10px 0px rgba(128,128,128,1); box-shadow: 0px 5px 10px 0px rgba(128,128,128,1); } .wpulike .count-box { position: absolute !important; margin-left: /*-56px*/ -46px !important; margin-top: 13px !important; } /*ul.bjqs*/ #pages_count { display: block; color: white; font-size: 18px; padding-top: 18px; font-family: 'roboto', sans-serif; } .article-box { height: 0px !important; } } @media (max-width: 1024px) { #main-img { height: 350px; } } } .gmap {margin-top: 50px; position: relative; z-index:2; } .googlmap {margin-top: 50px; position: relative; z-index:2; } .phone-call {display: none; animation: animate-pulse 3s linear infinite; border-radius: 50px; width: 70px; height: 70px; background: #0028ff url("img/ico/tel_white.png") no-repeat; background-size: 24px 24px; background-position: center; position: fixed; z-index: 17; left: 20px; bottom: 20px;} @media (max-width: 1135px){ .phone-call {display: unset;} } @keyframes animate-pulse{ 0%{ box-shadow: 0 0 0 0 rgba(0, 40, 255, 0.7), 0 0 0 0 rgba(0, 40, 255, 0.7); } 40%{ box-shadow: 0 0 0 50px rgba(0, 40, 255, 0), 0 0 0 0 rgba(0, 40, 255, 0.7); } 80%{ box-shadow: 0 0 0 50px rgba(0, 40, 255, 0), 0 0 0 30px rgba(0, 40, 255, 0); } 100%{ box-shadow: 0 0 0 0 rgba(0, 40, 255, 0), 0 0 0 30px rgba(0, 40, 255, 0); } } @keyframes square-hover-pulse{ 0%{ box-shadow: 0 0 0 0 rgba(255,245,178,0.7), 0 0 0 0 rgba(255,245,178,0.7); } 100%{ box-shadow: 0 0 0 30px rgba(255,245,178,0.0), 0 0 0 0 rgba(255,245,178,0.7); } }