@main_green: #2e890c; @light_green: #00b200; video { width: 100%; } @font-face { font-family: 'podium110'; src: url('../fonts/PODIUMSharp-1.10.otf') format("opentype"); } @font-face { font-family: 'podium27'; src: url('../fonts/PODIUMSharp-2.7.otf') format("opentype"); } @font-face { font-family: 'podium210'; src: url('../fonts/PODIUMSharp-2.10.otf') format("opentype"); } @font-face { font-family: 'podium38'; src: url('../fonts/PODIUMSharp-3.8.otf') format("opentype"); } @font-face { font-family: 'podium310'; src: url('../fonts/PODIUMSharp-3.10.otf') format("opentype"); } html,body { font-family: 'Roboto', sans-serif; } #main-header { position: fixed !important; top: 0px !important; background-color: rgba(0, 0, 0, 0.4); .logo_container { padding-top: 20px; } #logo-scroll { display: none !important; } #logo-main { display: inline !important; } a { } a:hover { color: @light_green !important; } .et_menu_container { //background: url('../img/logo.png') no-repeat left center; } &.scrolled { background-color: #fff !important; #logo-scroll { display: inline !important; } #logo-main { display: none !important; } .et_menu_container { //background: url('../img/logo-black.png') no-repeat left center !important; } a { color: #000; } } } #top-menu { .menu-item-411 { margin-right: 50px; } a { font-family: 'Roboto', sans-serif; font-size: 17px; font-weight: 400; border-bottom: 5px solid transparent; margin-bottom: 25px !important; padding-bottom: 5px !important; &:hover { color: @light_green; border-bottom: 5px solid @light_green; } } i { font-size: 25px; position: relative; bottom: -3px; } .sub-menu { border-top: 0px; a { color: #000; border-bottom: 0px !important; &:hover { border-bottom: 0px !important; } } } } #main_video_container { line-height: 0px; } #clients-list { border-bottom: 5px solid @light_green; height: 100px; #clients { background: url('../img/tlo1.jpg') no-repeat; background-size: auto; background-position: center; height: 100px; line-height: 100px; text-align: center; color: #fff; width: 369px; font-size: 45px; letter-spacing: 3px; font-weight: 700; font-family: 'podium310'; z-index: 50000; float: left; } #clients-list-inner { z-index: 5; height: 100%; div { line-height: 100px; text-align: center; img { max-height: 100px; vertical-align: middle; filter: grayscale(100%); width:auto; } } } } .header-green { color: @light_green; font-size: 52px; font-weight: 700; font-family: 'podium310'; letter-spacing: 2px; line-height: 68px; } #footer-bottom { .et-social-icons { float: left; } #footer-info { float: right; } } .showbox, .gray { padding: 40px 40px 80px 40px; color: #000; line-height: 25px; margin: 0px auto; overflow: auto; position: relative; h3 { font-weight: 500; font-size: 30px; font-family: 'podium310'; color: #191919 !important; } p { padding-bottom: 0px; font-family: 'podium27'; font-size: 17px; font-weight: 300; font-family: 'Roboto', sans-serif; } .et_pb_button_module_wrapper { text-align: center; margin: 10px auto; position: absolute; bottom: 20px; left: 0px; width: 100%; padding-bottom: 0px !important; } .et_pb_column { padding-bottom: 80px; } a.et_pb_button { border-radius: 0px; border: 0px; padding: 9px 45px 9px 35px; color: #fff; &:after { content: ''; } &:hover { padding: 9px 45px 9px 35px; border: 0px; background-color: #fff; } } } .graybox { background-color: #f0f0f0; img { max-height: 100px; width: auto; } .hover { display: none; } .nohover { display: block; } a.et_pb_button { background: url('../img/button_arrow_white.png') no-repeat center right 30px, url('../img/buttonbg.png'); } &:hover { background: url('../img/tlo2.jpg') repeat; color: #fff; background-size: cover; .nohover { display: none !important;; } .hover { display: block !important; } a.et_pb_button { background: url('../img/button_arrow_green.png') no-repeat center right 30px, #fff; color: #000; transition: none !important; } h3 { color: #fff !important; } } } .whitebox { &:extend(.graybox); background-color: #fcfcfc; .hover { display: none; } .nohover { display: block; } a.et_pb_button { background: url('../img/button_arrow_white.png') no-repeat center right 30px, url('../img/buttonbg.png'); } &:hover { background: url('../img/tlo2.jpg') repeat; background-size: cover; color: #fff; .nohover { display: none !important;; } .hover { display: block !important; } a.et_pb_button { background: url('../img/button_arrow_green.png') no-repeat center right 30px, #fff; color: #000; transition: none !important; } h3 { color: #fff !important; } } } .small-green-container { display: table; width: 100%; margin-bottom: 10px; letter-spacing: 2px; } .small-green { background: url('../img/small_green.jpg') no-repeat; width: 100%; color: #fff; padding: 10px; font-family: 'podium38'; font-size: 20px; line-height: 29px; height: 80px; font-weight: 700; text-align: center; margin-bottom: 20px; display: table-cell; width: 100%; vertical-align: middle; } .greenbox { background: url('../img/showgreen.jpg') no-repeat; color: #fff; min-height: 644px; a.et_pb_button { background: url('../img/button_arrow_green.png') no-repeat center right 30px, #fff; color: #000; } h3 { color: #fff !important; } } .et_pb_row.nopad { margin: 0px auto !important; padding: 0px !important; .et_pb_column { margin: 0px !important; } } .homepage-counters { font-family: 'Roboto', sans-serif; padding-top: 0px !important; .et_pb_column { height: 230px; padding: 40px 10px; } h3 { letter-spacing: 1px; margin-top: 20px; } .et_pb_column:nth-child(even) { background-color: #e8e8e8; .percent-value { font-family: 'podium310'; letter-spacing: 3px; font-size: 60px; } p, h3, span { color: @main_green !important; text-align: center !important; } } .et_pb_column:nth-child(odd) { background-color: #f2f2f2; .percent-value { font-family: 'podium310'; letter-spacing: 3px; font-size: 60px; } p, h3, span { color: @light_green !important; } } } #hp-slider { .et_pb_slide_description { padding: 0px !important; .et_pb_slide_content { display: table; blockquote { display: table-cell; width: 50%; border-left: 0px; display: inline-block; float: left; background: url('../img/quote.png') no-repeat top 10px left 40px; line-height: 1.7em; padding-left: 80px; padding-top: 20px; padding-bottom: 20px; text-align: left; font-family: 'podium38'; font-size: 25px; letter-spacing: 2px; &:first-child { border-right: 5px solid @main_green; padding-right: 30px; } p { color: #000; text-shadow: none; font-size: 30px; font-weight: 700; } } } } } .book_button { a { background: url('../img/bigbuttonbg.jpg') no-repeat !important; font-weight: 700 !important; font-size: 30px !important; } } .white_book_button { background-color: #fff !important; a { color: @main_green !important; font-weight: 700 !important; font-size: 30px !important; } } .green-banner { background: url('../img/tlo1.jpg') repeat center; background-size: cover; padding: 30px; font-family: 'podium38'; letter-spacing: 2px; h3 { font-size: 40px; color: #fff; } div { width: 80%; max-width: 1200px; color: #fff; margin: 30px auto; font-size: 30px; line-height: 39px; font-weight: 700; text-align: center; } .inline-newsletter { text-align: left !important; max-width: 480px; margin: 0px auto; input[type=text], input[type=email] { padding: 20px; font-size: 15px; border: 1px solid @light_green; color: @light_green !important; font-family: 'Roboto', sans-serif !important; margin-bottom: 10px; max-width: 300px; } input[type=submit] { float: right; border: 0px; padding: 10px 50px; display: inline; font-family: 'podium210'; font-size: 30px; letter-spacing: 3px; background-color: @light_green; color: #fff; text-transform: uppercase; } } } .green-banner.justify div { text-align:justify!important;} .wide-boxes { .et_pb_image { display: block; text-align: center; width: 100%; text-align: center; left: 0; position: absolute; bottom: 60px; } .et_pb_button { position: static !important; bottom: unset !important; } .whitebox, .graybox { font-size: 19px; h3 { margin-bottom: 20px; } p { margin-bottom: 20px; } } } .tbox_g { min-height: 350px; padding: 100px 30px 30px 30px; background: url('../img/gbox_light.jpg') no-repeat; h3 { line-height: 40px; font-size: 40px; font-weight: 700; color: #fff; font-family: 'podium310'; letter-spacing: 3px; } } .tbox_gd { &:extend(.tbox_g); background: url('../img/gbox_dark.jpg') no-repeat !important; h3 { font-size: 40px; font-weight: 700; color: #fff; font-family: 'podium310'; letter-spacing: 3px; } } #performed-for { border-top: 3px solid @light_green; border-bottom: 3px solid @light_green; margin-bottom: 80px; padding: 30px 0px; white-space: nowrap; img { margin-right: 60px; max-height: 150px; width: auto; filter: grayscale(100%); &:last-child { margin-right: 0px !important; } } } .l-questions { h3 { font-family: 'podium210'; color: #000; font-size: 30px; background-color: #00b200; letter-spacing: 2px; padding-bottom: 0; margin-bottom: 20px; display: inline-block; } p { font-family: 'Roboto', sans-serif; font-weight: 300; color: #000; } } .s-pad { padding: 50px 0px !important; } .t-pad { padding-top: 100px !important; } .top-pad { padding: 50px 0px 0px 0px !important; margin: 0px auto !important; .et_pb_column { margin: 0px !important; } } .bestsellers { h3 { height: 80px; } p { font-size: 15px; line-height: 23px; } .et_pb_button { position: static; } } .et_pb_section.nopad { padding: 0px; } .e-nopad { padding: 0px !important; } .multiline { } .article { p { color: #000; font-family: 'Roboto', sans-serif; font-weight: 300; padding-bottom: 1em !important; padding-top: 1em !important; font-size:18px; } img { max-width: 600px; } p.img { padding: 0px !important; } h3 { font-family: 'podium210'; font-size: 30px; letter-spacing: 2px; padding-bottom: 0px; display: inline; color: #000; } h4 { font-family: 'podium210'; font-size: 20px; letter-spacing: 2px; padding-bottom: 0px; display: inline; padding: 3px; background-color: @light_green; color: #fff; } } .current-menu-item { &>a { color: @light_green !important; border-bottom: 5px solid @light_green; } } .center { text-align: center; } .wide { .et_pb_column { position: relative; padding: 50px 50px 100px 50px; p { margin-bottom: 20px; } } } .et_pb_button { font-family: 'podium310'; letter-spacing: 2px; font-size: 19px; } .et_pb_button:hover { background: url('../img/button_arrow_white.png') no-repeat center right 15px; } #contact { padding-top: 10%; background: url('../img/contact.jpg') no-repeat; background-size: cover; h3, h4 { color: #ffffff; font-family: 'podium210'; letter-spacing: 2px; font-size: 35px; line-height: 47px; } h4 { font-size: 25px; line-height: 35px; } input, textarea { resize: vertical; border: 0px; padding: 15px; color: @light_green; width: 100%; margin-bottom: 20px; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 300; } textarea { height: 250px; } input[type=submit] { float: right; padding: 10px 50px; width: auto !important; display: inline; font-family: 'podium210'; font-size: 30px; letter-spacing: 3px; background-color: @light_green; color: #fff; text-transform: uppercase; } } .toppad { padding-top: 80px !important; padding-bottom: 0px !important; } @media screen and (max-width: 980px) { #clients-list { height: auto !important; } #newsletter-form { input { width: 100% !important; padding: 25px !important; } } .header-green { font-size: 40px !important; } .homepage-counters { .et_pb_column { height: auto !important; } } #clients { display: block !important; width: 100% !important; float: none !important; } #hp-slider { blockquote { float: none !important; width: 100% !important; border-right: none !important; border-bottom: 5px solid @main_green !important; } } .et_menu_container { background: none !important; } .scrolled { background-color: unset !important; .et_menu_container { background: none !important; } } } .gray { background-color: #f2f2f2; text-align: center; display: none; h3 { font-weight: 500; font-size: 30px; font-family: 'podium310'; color: #191919 !important; text-align: center; } h5 { text-align: center; color: @light_green; font-family: 'podium310'; font-size: 18px; } p { padding-bottom: 20px; text-align: center; font-size: 17px; font-weight: 300; font-family: 'Roboto', sans-serif; } a.et_pb_button { background: url('../img/button_arrow_white.png') no-repeat center right 30px, url('../img/buttonbg.png'); } } .white { background-color: #ffffff; padding: 20px; } #newsletter-form { input[type=email] { width: 60%; padding: 25px; } } #filler { /*position: absolute;*/ position: fixed; opacity: 0; z-index: -500000; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/contact.jpg') no-repeat; background-size: cover; transition: opacity 0.5s; &.active { opacity: 1; } &.zindex { z-index: 500000; } #filler-inner { padding-top: 10%; max-width: 980px; width: 80%; margin: 0px auto; position: relative; #closebutton { background: url('../img/closebutton.png') no-repeat center; width: 30px; height: 30px; position: absolute; top: 20%; right: 0px; cursor: pointer; } h2, h3, h4 { color: #fff; } h2 { font-family: 'podium210'; font-size: 90px; letter-spacing: 6.5px; } h3 { font-family: 'podium210'; font-size: 40px; letter-spacing: 2px; } h4 { font-family: 'podium210'; font-size: 30px; letter-spacing: 2px; line-height: 35px; } div { overflow: auto; margin: 17px 0px; } input[type=email],input[type=text] { border: 0px; padding: 15px 25px; color: @light_green; width: 100%; max-width: 400px; margin-bottom: 20px; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 300; margin-right: 50px; } input[type=submit] { border: 0px; padding: 5px 60px; width: auto !important; display: inline; font-family: 'podium210'; font-size: 40px; letter-spacing: 3px; background-color: @light_green; color: #fff; text-transform: uppercase; display: block; } } } #newpopup { /*position: absolute; position: fixed; opacity: 0; z-index: -500000; top: 0; left: 0; width: 100%; height: 100%; background: url('../img/contact.jpg') no-repeat;*/ background-size: cover; transition: opacity 0.5s; &.active { opacity: 1; } &.zindex { z-index: 500000; } #filler-inner { padding-top: 10%; max-width: 980px; width: 80%; margin: 0px auto; position: relative; #closebutton { background: url('../img/closebutton.png') no-repeat center; width: 30px; height: 30px; position: absolute; top: 20%; right: 0px; cursor: pointer; } h2, h3, h4 { color: #fff; } h2 { font-family: 'podium210'; font-size: 90px; letter-spacing: 6.5px; } h3 { font-family: 'podium210'; font-size: 40px; letter-spacing: 2px; } h4 { font-family: 'podium210'; font-size: 30px; letter-spacing: 2px; line-height: 35px; } div { overflow: auto; margin: 17px 0px; } input[type=email],input[type=text] { border: 0px; padding: 15px 25px; color: @light_green; width: 100%; max-width: 400px; margin-bottom: 20px; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 300; margin-right: 50px; } input[type=submit] { border: 0px; padding: 5px 60px; width: auto !important; display: inline; font-family: 'podium210'; font-size: 40px; letter-spacing: 3px; background-color: @light_green; color: #fff; text-transform: uppercase; display: block; } } } .et_pb_slide_title { display: none !important; } .et_pb_more_button { border: 0px; padding: 5px 60px; width: auto !important; display: inline; font-family: 'podium210'; font-size: 40px; letter-spacing: 3px; background-color: @light_green; color: #fff; text-transform: uppercase; display: inline-block; border-radius: 0px; margin-top: 150px; &:hover { background: @light_green !important; padding: 5px 60px !important; border: 0px !important; } &:after { content: ''; } } @media (min-width: 981px) and (max-width: 1350px) { .container { width: 95% !important; }} #footer-bottom { background-color: @light_green !important; color: #fff !important; #footer-info { color: #fff !important; } .et-social-icons { display: none; } } #main-footer { box-shadow: inset 0px 0px 10px @light_green; margin-top: 70px; } #speaker { background-color: @light_green; cursor: pointer; position: absolute; top: 170px; right: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; img{max-width:90%;} img.hide{display:none;} } #booknow { position: absolute; top: 230px; right: 0px; width: 80px; height: 100px; background: url('../img/booknow.jpg') no-repeat right center, @light_green; background-size:30px; p { transform: rotate(270deg); color: #fff; font-family: 'podium38'; font-size: 18px; letter-spacing: 2px; margin-top: 35px; padding-bottom: 25px; position:absolute; } } .mondays { max-width: 60%; margin: 0px auto; font-family: 'Roboto', sans-serif; font-weight: 200; color: #333; line-height: 34px; font-size: 18px; } .book { margin-top: 80px; background-color: @light_green; text-align: center; padding: 30px; h3 { color: #fff !important; font-family: 'podium210'; letter-spacing: 2px; font-size: 60px; } } .gr-button { text-align: center; &:hover { margin: 0px auto !important; } a { background-color: @light_green; border: 0px !important; color: #fff; padding: 10px; font-family: 'podium38'; letter-spacing: 2px; font-size: 30px; display: inline-block !important; border-radius: 0px !important; position: static !important; &:after { content: '' !important; } &:hover { padding: 10px !important; background: @light_green !important; border: 0px !important; &:after { content: '' !important; } } } } .bigfont { font-size: 20px; h3 { background-color: @light_green; text-transform: uppercase; } img { width: 100%; height: auto; } } .inline-newsletter { text-align: left; max-width: 480px; margin: 0px auto; input[type=text], input[type=email] { padding: 20px; font-size: 15px; border: 1px solid @light_green; color: @light_green; margin-bottom: 10px; max-width: 300px; } input[type=submit] { float: right; border: 0px; padding: 10px 50px; display: inline; font-family: 'podium210'; font-size: 30px; letter-spacing: 3px; background-color: @light_green; color: #fff; text-transform: uppercase; } } .grunge { background: url('../img/grunge.jpg') no-repeat left center; padding: 20px; text-align: center; h3 { font-family: 'podium210'; font-size: 60px; letter-spacing: 2px; margin: 80px 0px; color: #fff; } p { font-family: 'Roboto', sans-serif; color: #fff; font-size: 20px; font-weight: 500; max-width: 850px; margin: 40px auto; } a { border: 0px; padding: 10px 15px; display: inline; font-family: 'podium210'; font-size: 40px; letter-spacing: 3px; background-color: #fff; color: #000; text-transform: uppercase; } .inline-newsletter { input[type=submit] { background-color: #000; color: #fff; } } } .ttpad { max-width: 900px !important; text-align: center; color: #333; } .n-banner { background: url('../img/tlo1.jpg') repeat center; background-size: cover; padding: 30px; font-family: 'podium38'; letter-spacing: 3px; text-align: center; margin-bottom: 100px; h3 { font-size: 40px; color: #fff; margin: 20px 0px 40px 0px; } .inline-newsletter { text-align: left !important; max-width: 480px; margin: 0px auto; input[type=text], input[type=email] { padding: 20px; font-size: 15px; border: 1px solid @light_green; color: @light_green !important; font-family: 'Roboto', sans-serif !important; margin-bottom: 10px; max-width: 300px; } input[type=submit] { float: right; border: 0px; padding: 10px 50px; display: inline; font-family: 'podium210'; font-size: 30px; letter-spacing: 3px; background-color: @light_green; color: #fff; text-transform: uppercase; } } } .bigbook { h3 { font-size: 30px; line-height: 40px; } } .bookp { font-family: 'Roboto', sans-serif; font-weight: 200; color: #333; line-height: 34px; font-size: 18px; } .nleft { text-align: left !important; margin: 0px !important; } .whitegrunge { background-color: #ffffff; padding: 20px !important; margin: 20px 0px 40px 0px !important; display: inline-block !important; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { font-family: 'Roboto', sans-serif; border: 0px solid #f70000; background-color: #ff000091; color: #fff; margin-top: 50px; } span.wpcf7-not-valid-tip { font-family: 'Roboto', sans-serif; color: #fff; font-size: 1em; font-weight: normal; display: block; font-size: 14px; background-color: #ff000091; padding: 0 10px; margin: 10px 0; } .whitebox:hover .small-green, .graybox:hover .small-green{ background:none; } @media only screen and (min-width: 1441px) { #top-menu li { /*padding-right: 10px;*/ } #top-menu .menu-item-411 { margin-right: 30px; } } @media only screen and (max-width: 1440px) { #top-menu li { padding-right: 15px; } #top-menu .menu-item-411 { margin-right: 30px; } } @media only screen and (max-width: 1350px) { #top-menu li { padding-right: 5px; letter-spacing:-1px; letter-spacing:-0.5px; } #top-menu .menu-item-411 { margin-right: 10px; } } @media only screen and (max-width: 1240px) { #top-menu li { padding-right: 3px; } #top-menu .menu-item-411 { margin-right: 5px; } #top-menu a { font-size: 15px; } .et_fullwidth_nav #main-header .container { padding-right: 10px; padding-left: 10px; } .et_non_fixed_nav.et_fullwidth_nav.et_header_style_left .logo_container { padding-left: 0px; } #top-menu i { font-size: 18px; } } @media only screen and (max-width: 1070px) { #top-menu a { letter-spacing:-1px; } } @media only screen and (max-width: 980px) { #main-header a { color: #000!important; } } div.et_pb_bg_layout_dark.et-pb-active-slide div.et_pb_container.clearfix div.et_pb_slider_container_inner div.et_pb_slide_description div.et_pb_button_wrapper a.et_pb_button.et_pb_more_button { margin-top: 20px!important;} .nav li ul { width: 340px; } #top-menu li li a { width: 300px; padding: 6px 10px; margin-bottom: 5px!important; } .header-green.s-pad div.et_pb_text_inner p{ line-height:0.5; } @media only screen and (max-width: 980px) { .header-green.s-pad div.et_pb_text_inner p{ line-height:1; } } div.et_pb_section.et_pb_with_background.et_pb_fullwidth_section.et_section_regular{ overflow: hidden!important; } @media only screen and (min-width: 981px) { video#main-video{ margin-top: -100px; } } .et-pb-active-slide .et_pb_slide_description { animation-name: fadeIn; } .et-pb-active-slide .et_pb_slide_image, .et-pb-active-slide .et_pb_slide_video { animation-name: fadeIn; } .greenbutton { background: url('//juliaizmalkowa.com/wp-content/themes/juliaizmalkowa/img/button_arrow_white.png') no-repeat center right 30px, url('//juliaizmalkowa.com/wp-content/themes/juliaizmalkowa/img/buttonbg.png'); border-radius: 0px; border: 0px; padding: 9px 45px 9px 35px; color: #fff; font-family: 'podium310'; letter-spacing: 2px; font-size: 19px; } .greenbutton:hover { background: url('../img/button_arrow_green.png') no-repeat center right 30px, #fff; border-radius: 0px!important; border: 0px!important; padding: 9px 45px 9px 35px!important; color: #000!important; letter-spacing: 2px!important; font-size: 19px!important; transition: none !important; } .greenbutton:hover::before, .greenbutton:hover::after{ content:""!important; } .greentext{ p{ display: inline-block; color: #000; font-family: 'podium310'; font-size: 24px; letter-spacing: 1px; line-height: 30px; margin-bottom: 10px; padding-bottom: 0; span{background-color: #00b000;} a{color:#000;} a:hover{color:#fff;} } } #sliderrekomendacje{ margin-left:auto; margin-right:auto; } div#pum_popup_title_1681.pum-title.popmake-title{ display:none!important; } button.pum-close.popmake-close{ font-family: 'podium310'!important; font-size:60px!important; top:10px!important; } @media only screen and (max-width: 980px) { header#main-header div.container div.logo_container a#logo-main img { max-width: 60%; height: auto; } #speaker { top: 10px; } #booknow { top: 70px;} #clients-list-inner { z-index: 5; height: 100%; div { line-height: 50px;}} } .your-message textarea{ padding: 20px!important; font-size: 15px!important; border: 1px solid @light_green!important; color: @light_green !important; font-family: 'Roboto', sans-serif !important; margin-bottom: 10px!important; max-width: 300px!important;}