/* * Theme Name: Factory & Industrial Theme * Version: 1.0 * Description: Template built for Garage Auto Company, repairing Services, Paint Car, Oil Change Service and other Garage related services * Author: clawthemes * Author URI: https://themeforest.net/user/clawthemes */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,700'); @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); @import "bootstrap.css"; @import "animate.css"; @import "animsition.css"; @import "font-awesome.css"; @import "factory-icons.css"; @import "theme-icons.css"; @import "owl.carousel.css"; @import "magnific-popup.css"; @import "shortcodes.css"; @import "settings.css"; @import "layers.css"; @import "navigation.css"; /** * Reset Browsers * General * Elements * Forms * Typography * Extra classes * Layout * Top Bar * Header * Featured Title * Blog Post * Blog Single * Widgets * Footer * Bootom * Revolution Slider * Scroll Top * Media Queries **/ /* Reset Browsers -------------------------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit; }article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }*,*:before,*:after{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }body{background-color:#fff;line-height:1; }article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0; }caption,th,td{font-weight:normal;text-align:left; }blockquote:before,blockquote:after,q:before,q:after{content:'';content:none; }blockquote,q{quotes:none}a:focus{outline:none}a:hover,a:active{outline:0}a img{border:0}img{max-width:100%;height:auto; }select{max-width:100%} /* General -------------------------------------------------------------- */ body, button, input, select, textarea { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #646464; font-size: 14px; line-height: 1.9; background-color: #fff; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; overflow-y: auto; } img { height: auto; max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic } p { margin: 0 0 24px; } strong, b, cite { font-weight: bold; } dfn, cite, em, i, blockquote { font-style: italic; } blockquote { border: solid 1px #e7e7e7; padding: 0 0 0 20px; margin: 40px 0 34px 0; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote > p:last-child { margin-bottom: 0; } blockquote cite { position: absolute; right: 0; bottom: 0; } blockquote em, blockquote i { font-style: italic; } abbr, acronym { border-bottom: 1px dotted #e7e7e7; cursor: help; } mark, ins { text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -6px; } sub { bottom: -3px; } small { font-size: 75%; } big { font-size: 125%; } address { font-style: italic; margin: 0 0 20px; } code, kbd, tt, var, samp, pre { margin: 20px 0; padding: 8px 12px; background-color: #f4f4f4; border: 1px solid #e7e7e7; overflow-x: auto; font-family: Inconsolata, monospace; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-radius: 0; height: auto; } /* Elements -------------------------------------------------------------- */ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } hr { background-color: #f1f1f1; border: solid 1px #e7e7e7; height: 1px; margin-bottom: 20px; } /* List */ ul, ol { padding: 0; margin: 0 0 20px 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; } ul li, ol li { line-height: 1.625em; padding: 0.1em 0; } dl, dd { margin: 0 0 20px; } dt { font-weight: bold; } del { filter: alpha(opacity=50); opacity: 0.5; } /* Table */ table, th, td { border: 1px solid #e7e7e7; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 30px; table-layout: fixed; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } th, td { padding: 8px 12px; } /* Media */ embed, iframe, object, video { margin-bottom: 20px; max-width: 100%; vertical-align: middle; } p > embed, p > iframe, p > object, p > video { margin-bottom: 0; } /* Accessibility - Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f4f4f4; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Forms -------------------------------------------------------------- */ /* Fixes */ button, input { line-height: normal; } button, input, select, textarea { font-size: 100%; line-height: inherit; margin: 0; vertical-align: baseline; } input, textarea { font-size: 1em; max-width: 100%; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */ } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ } input[type="checkbox"] { display: inline; } button, input[type="button"], input[type="reset"], input[type="submit"] { line-height: 1; cursor: pointer; -webkit-appearance: button; border: 0; } input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Remove chrome yellow autofill */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset } /* Reset search styling */ input[type="search"] { outline: 0 } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none } /* Input normal */ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { border: solid 1px #e7e7e7; border-radius: 3px; padding: 10px 25px; background-color: #fff; line-height: inherit; width: 100%; margin-bottom: 20px; height: auto; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border ease .238s; -moz-transition: border ease .238s; transition: border ease .238s; } /* Contact Form 7 */ .widget-form select, .widget-form textarea, .widgetform-form input { margin-bottom: 0; } /* Input focus */ textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border-color: #c4c4c4; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Button */ button, input[type="button"], input[type="reset"], input[type="submit"] { font-family: 'Hind', sans-serif; text-transform: uppercase; line-height: 26px; padding: 14.5px 24px; background-color: #e2b43a; color: #fff; font-size: 16px; font-weight: 600; display: inline-block; -webkit-appearance: none; -webkit-transition: all ease .238s; transition: all ease .238s; } /* Button hover + focus */ button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: 0; background-color: #232323; } /* Placeholder color */ ::-webkit-input-placeholder { color: #9f9f9f; font-style: italic; } :-moz-placeholder { color: #9f9f9f; font-style: italic; } ::-moz-placeholder { color: #9f9f9f; opacity: 1; font-style: italic; }/* Since FF19 lowers the opacity of the placeholder by default */ :-ms-input-placeholder { color: #9f9f9f; font-style: italic; } /* Links */ a { color: #e2b43a; outline: 0; text-decoration: none; -webkit-transition: all ease .238s; transition: all ease .238s; } a:hover, a:focus, a:active { outline: 0; color: #282828; text-decoration: none } /* Typography -------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6, .font-heading { font-family: 'Bebas Neue', cursive; color: #282828; font-weight: 600; line-height: 1.5; margin: 0 0 12px; text-rendering: optimizeLegibility; } h1 { font-size: 2.571em; } /* 34px */ h2 { font-size: 2em; } /* 28px */ h3 { font-size: 1.714em; } /* 24px */ h4 { font-size: 1.429em; } /* 20px */ h5 { font-size: 1.286em; } /* 18px */ h6 { font-size: 1.143em; } /* 16px */ /* Extra classes -------------------------------------------------------------- */ .display-none, .hidden { display: none !important; } .display-block { display: block !important; } .display-inline { display: inline !important; } .text-accent-color { color: #e2b43a; } .text-grey { color: #232323 !important; } .text-grey-white { color: #e3e3e3; } .text-white { color: #fff !important; } .text-dark { color: #181818 !important; } .text-light { color: #919191 !important; } .text-very-light { color: #f5f5f5 !important; } .bg-accent { background-color: #e2b43a; } .bg-dark { background-color: #f5f5f5 !important; } .bg-light { background-color: #e3e3e3 !important; } .bg-very-light { background-color: #f9f9f9 !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .text-left { text-align: left !important; } .text-del { text-decoration: line-through !important; } .letter-spacing-1px { letter-spacing: 1px !important; } .letter-spacing-2px { letter-spacing: 2px !important; } .letter-spacing-3px { letter-spacing: 3px !important; } .letter-spacing-4px { letter-spacing: 4px !important; } .letter-spacing-5px { letter-spacing: 5px !important; } .letter-spacing-6px { letter-spacing: 6px !important; } .letter-spacing-7px { letter-spacing: 7px !important; } .letter-spacing-8px { letter-spacing: 8px !important; } .letter-spacing-9px { letter-spacing: 9px !important; } .letter-spacing-10px { letter-spacing: 10px !important; } .font-size-10 { font-size: 10px; } .font-size-11 { font-size: 11px; } .font-size-12 { font-size: 12px; } .font-size-13 { font-size: 13px; } .font-size-14 { font-size: 14px; } .font-size-15 { font-size: 15px; } .font-size-16 { font-size: 16px; } .font-size-17 { font-size: 17px; } .font-size-18 { font-size: 18px; } .font-size-19 { font-size: 19px; } .font-size-20 { font-size: 20px; } .font-size-21 { font-size: 21px; } .font-size-22 { font-size: 22px; } .font-size-23 { font-size: 23px; } .font-size-24 { font-size: 24px; } .font-size-25 { font-size: 25px; } .font-size-28 { font-size: 28px !important; } .font-size-30 { font-size: 50px; letter-spacing:0.7px; } .font-size-34 { font-size: 34px !important; } .font-weight-100 { font-weight: 100; } .font-weight-200 { font-weight: 200; } .font-weight-300 { font-weight: 300; } .font-weight-400 { font-weight: 400; } .font-weight-500 { font-weight: 500; } .font-weight-600 { font-weight: 600; } .font-weight-700 { font-weight: 700; } .font-weight-800 { font-weight: 800; } .font-weight-900 { font-weight: 900; } .margin-top-0 { margin-top: 0px; } .margin-top-5 { margin-top: 5px; } .margin-top-10 { margin-top: 10px; } .margin-top-15 { margin-top: 15px; } .margin-top-20 { margin-top: 20px; } .margin-top-25 { margin-top: 25px; } .margin-top-30 { margin-top: 30px; } .margin-top-35 { margin-top: 35px; } .margin-top-40 { margin-top: 40px; } .margin-top-45 { margin-top: 45px; } .margin-top-50 { margin-top: 50px; } .margin-top-55 { margin-top: 55px; } .margin-top-60 { margin-top: 60px; } .margin-top-65 { margin-top: 65px; } .margin-top-70 { margin-top: 70px; } .margin-top-75 { margin-top: 75px; } .margin-top-80 { margin-top: 80px; } .margin-top-85 { margin-top: 85px; } .margin-top-90 { margin-top: 90px; } .margin-top-95 { margin-top: 95px; } .margin-top-100 { margin-top: 100px; } .margin-bottom-0 { margin-bottom: 0px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-13 { margin-bottom: 13px; } .margin-bottom-15 { margin-bottom: 15px; } .margin-bottom-18 { margin-bottom: 18px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-35 { margin-bottom: 35px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-45 { margin-bottom: 45px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-55 { margin-bottom: 55px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-65 { margin-bottom: 65px; } .margin-bottom-70 { margin-bottom: 70px; } .margin-bottom-75 { margin-bottom: 75px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-bottom-85 { margin-bottom: 85px; } .margin-bottom-90 { margin-bottom: 90px; } .margin-bottom-95 { margin-bottom: 95px; } .margin-bottom-100 { margin-bottom: 100px; } .margin-right-0 { margin-right: 0px; } .margin-right-5 { margin-right: 5px; } .margin-right-10 { margin-right: 10px; } .margin-right-15 { margin-right: 15px; } .margin-right-20 { margin-right: 20px; } .margin-right-25 { margin-right: 25px; } .margin-right-30 { margin-right: 30px; } .margin-right-35 { margin-right: 35px; } .margin-right-40 { margin-right: 40px; } .margin-right-45 { margin-right: 45px; } .margin-right-50 { margin-right: 50px; } .margin-right-55 { margin-right: 55px; } .margin-right-60 { margin-right: 60px; } .margin-right-65 { margin-right: 65px; } .margin-right-70 { margin-right: 70px; } .margin-right-75 { margin-right: 75px; } .margin-right-80 { margin-right: 80px; } .margin-right-85 { margin-right: 85px; } .margin-right-90 { margin-right: 90px; } .margin-right-95 { margin-right: 95px; } .margin-right-100 { margin-right: 100px; } .margin-left-0 { margin-left: 0px; } .margin-left-5 { margin-left: 5px; } .margin-left-10 { margin-left: 10px; } .margin-left-15 { margin-left: 15px; } .margin-left-20 { margin-left: 20px; } .margin-left-25 { margin-left: 25px; } .margin-left-30 { margin-left: 30px; } .margin-left-35 { margin-left: 35px; } .margin-left-40 { margin-left: 40px; } .margin-left-45 { margin-left: 45px; } .margin-left-50 { margin-left: 50px; } .margin-left-55 { margin-left: 55px; } .margin-left-60 { margin-left: 60px; } .margin-left-65 { margin-left: 65px; } .margin-left-70 { margin-left: 70px; } .margin-left-75 { margin-left: 75px; } .margin-left-80 { margin-left: 80px; } .margin-left-85 { margin-left: 85px; } .margin-left-90 { margin-left: 90px; } .margin-left-95 { margin-left: 95px; } .margin-left-100 { margin-left: 100px; } .margin-left-105 { margin-left: 105px; } .padding-left-0 { padding-left: 0px; } .padding-left-5 { padding-left: 5px; } .padding-left-10 { padding-left: 10px; } .padding-left-15 { padding-left: 15px; } .padding-left-20 { padding-left: 20px; } .padding-left-25 { padding-left: 25px; } .padding-left-30 { padding-left: 30px; } .padding-left-35 { padding-left: 35px; } .padding-left-40 { padding-left: 40px; } .padding-left-45 { padding-left: 45px; } .padding-left-50 { padding-left: 50px; } .padding-left-55 { padding-left: 55px; } .padding-left-60 { padding-left: 60px; } .padding-left-65 { padding-left: 65px; } .padding-left-70 { padding-left: 70px; } .padding-left-75 { padding-left: 75px; } .padding-left-80 { padding-left: 80px; } .padding-left-85 { padding-left: 85px; } .padding-left-90 { padding-left: 90px; } .padding-left-95 { padding-left: 95px; } .padding-left-100 { padding-left: 100px; } .padding-left-105 { padding-left: 105px; } .no-padding { padding: 0 !important; } /* Clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after, .wprt-container:before, .wprt-container:after { clear: both; display: table; line-height: 0; content: ""; } .clearfix:after, .wprt-container:after { clear: both; } .wprt-row { margin: 0 -10px } .wprt-row .col { float: left; padding: 0 10px; } .wprt-row .span_1_of_1.col { float: none } .wprt-row .span_1_of_1 { width: 100%; } .wprt-row .span_1_of_2 { width: 50% } .wprt-row .span_1_of_3 { width: 33.33% } .wprt-row .span_1_of_4 { width: 25% } .wprt-row .span_1_of_5 { width: 20% } /* Gutter */ .wprt-row.gutter-5 { margin-left: -2.5px; margin-left: -2.5px; } .wprt-row.gutter-5 > .col { padding-left: 2.5px; padding-right: 2.5px} .wprt-row.gutter-10 { margin-left: -5px; margin-right: -5px; } .wprt-row.gutter-10 > .col { padding-left: 5px; padding-right: 5px; } .wprt-row.gutter-15 { margin-left: -7.5px; margin-right: -7.5px; } .wprt-row.gutter-15 > .col { padding-left: 7.5px; padding-right: 7.5px; } .wprt-row.gutter-20 { margin-left: -10px; margin-right: -10px; } .wprt-row.gutter-20 > .col { padding-left: 10px; padding-right: 10px; } .wprt-row.gutter-25 { margin-left: -12.5px; margin-right: -12.5px; } .wprt-row.gutter-25 > .col { padding-left: 12.5px; padding-right: 12.5px; } .wprt-row.gutter-30 { margin-left: -15px; margin-right: -15px; } .wprt-row.gutter-30 > .col { padding-left: 15px; padding-right: 15px; } .wprt-row.gutter-35 { margin-left: -17.5px; margin-right: -17.5px; } .wprt-row.gutter-35 > .col { padding-left: 17.5px; padding-right: 17.5px; } .wprt-row.gutter-40 { margin-left: -20px; margin-right: -20px; } .wprt-row.gutter-40 > .col { padding-left: 20px; padding-right: 20px; } .wprt-row.gutter-45 { margin-left: -22.5px; margin-right: -22.5px; } .wprt-row.gutter-45 > .col { padding-left: 22.5px; padding-right: 22.5px; } .wprt-row.gutter-50 { margin-left: -25px; margin-right: -25px; } .wprt-row.gutter-50 > .col { padding-left: 25px; padding-right: 25px; } .wprt-row.gutter-60 { margin-left: -30px; margin-right: -30px; } .wprt-row.gutter-60 > .col { padding-left: 30px; padding-right: 30px; } .wprt-row.gutter-70 { margin-left: -35px; margin-right: -35px; } .wprt-row.gutter-70 > .col { padding-left: 35px; padding-right: 35px; } .wprt-row.gutter-80 { margin-left: -40px; margin-right: -40px; } .wprt-row.gutter-80 > .col { padding-left: 40px; padding-right: 40px; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class*="col-"], .container-fluid { padding-right: 0; padding-left: 0; } /* Layout -------------------------------------------------------------- */ .wprt-container { width: 1170px; margin: 0 auto; max-width: 90%; } #page { background-color: #fff; } #main-content { padding: 80px 0; } .no-padding-content #main-content { padding: 0; } .page-single-project #main-content { padding: 0; } /* Overrdie for Front-Page and Pages -------------------------------------------------------------- */ body.front-page #main-content, body.page #main-content { padding-top: 0; padding-bottom: 0; } /* Inner Content */ #inner-content, #inner-sidebar { position: relative; z-index: 1; } #inner-content:after, #inner-sidebar:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-style: solid; border-width: 0; z-index: -1; } /* Sidebar Right (default) */ #site-content { float: left; width: 74.358% } #sidebar { float: right; width: 23.076%; } /* Sidebar Left */ .sidebar-left #site-content { float: right; } .sidebar-left #sidebar { float: left; } /* No Sidebar */ .no-sidebar #site-content { width: 100% !important; max-width: none !important; float: none !important; } /* Top Bar -------------------------------------------------------------- */ #top-bar { background-color: #242424; } #top-bar #top-bar-inner { padding: 14px 0; } #top-bar .top-bar-inner-wrap { display: table; width: 100%; overflow: hidden; } #top-bar .top-bar-inner-wrap .top-bar-content { display: table-cell; width: 60%; text-align: left; vertical-align: middle; } #top-bar .top-bar-inner-wrap .top-bar-socials { display: table-cell; width: 40%; text-align: right; vertical-align: middle; } /* Top Bar Content */ #top-bar .top-bar-content .text { color: #fff; } /* Top Bar Socials */ #top-bar .top-bar-socials .icons a { margin-left: 10px; width: 20px; height: 20px; display: inline-block; color: #fff; font-size: 17px; } #top-bar .top-bar-socials .icons a:hover { color: #e2b43a; } /* Header -------------------------------------------------------------- */ #site-header #main-nav { display: block; } #site-header #header-search { opacity: 0; visibility: hidden; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 999; } #site-header { position: relative; } #site-header-inner { position: relative; padding-top: 28px; padding-bottom: 28px; height: 100%; } #site-logo { float: left; } #site-header #site-header-inner { padding-top: 4px; padding-bottom: 68px; } #site-header .site-navigation-wrap .inner { position: absolute; left: 50%; top: 100%; background-color: #e2b43a; padding: 5px 25px; z-index: 2 !important; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } #site-header #header-search { right: 40px; opacity: 0; visibility: hidden; } #site-info { position: relative; } #site-info .site-logo { float: left; } #site-info .info-add { position: absolute; top: 0; right: 500px; } #site-info .info-phone { position: absolute; top: 0; right: 250px; } #site-info .info-hour { position: absolute; top: 0; right: 0; } body.menu-has-search #site-header #header-search { opacity: 1; visibility: visible; } /* Logo */ #site-logo img { width: 350px; height: 50px; margin-top: 8%; } /* Header Aside Content */ #site-header #header-aside { float: right; margin-top: 10px; } #site-header .wprt-info { float: right; } #site-header .wprt-info .info-wrap { display: table; overflow: hidden; width: 100%; } #site-header .wprt-info .info-i, #site-header .wprt-info .info-c { display: table-cell; text-align: left; vertical-align: middle; } #site-header .wprt-info .info-i { width: 45px; } #site-header .wprt-info .info-i span { position: relative; z-index: 1; color: #e2b43a; font-size: 20px; width: 44px; height: 44px; line-height: 44px; text-align: center; display: inline-block; margin-right: 16px; } #site-header .wprt-info .inner > div { float: left; display: block; position: relative; line-height: 20px; margin-left: 32px; } #site-header .wprt-info .inner > div:first-child { margin-left: 0; } #site-header .wprt-info .info-c > span { font-size: 22px; font-weight: 200; letter-spacing:1px;} /* Menu */ #main-nav ul { margin: 0; list-style: none; } #main-nav ul li { position: relative; padding: 0; } #main-nav ul li a { font-size: 22px; color: #fff; font-family: 'Bebas Neue', cursive; font-weight: 200; display: inline-block; letter-spacing: 1px; } #main-nav > ul > li a:hover { color: #282828; } #main-nav > ul > li { float: left; padding: 0 17px; margin-right: 8px; } #main-nav > ul > li > a { line-height: 60px; position: relative; } #main-nav > ul > li.current-menu-item:after, #main-nav > ul > li:after { position: absolute; top: 103%; left: 0; content: ""; width: 100%; height: 3px; background: #fff; } #main-nav > ul > li:after { width: 0; -webkit-transition: all ease .500s; transition: all ease .500s; } #main-nav > ul > li:hover:after { width: 100%; -webkit-transition: all ease .500s; transition: all ease .500s; } /* SubMenu */ #main-nav ul ul { position: absolute; top: 109%; left: 0; width: 235px; visibility: hidden; opacity: 0; background-color: #000; box-shadow: 0px 3px 8px 0 rgba(0,0,0,0.1); -webkit-transform: translateX(10px); transform: translateX(10px); -webkit-transition: all ease .500s; transition: all ease .500s; } #main-nav ul ul li { padding: 13px 20px; border-top: solid 1px #333; } #main-nav ul ul li a { color: #e3e3e3; display: block; font-size: 15px; } #main-nav ul ul li a:hover { color: #e2b43a; } #main-nav ul li.menu-item-has-children > a { position: relative; padding-right: 15px; } #main-nav ul li.menu-item-has-children > a:after { position: absolute; top: 0; right: 0; content: "\f107"; font-family: "Fontawesome"; } #main-nav ul ul li.menu-item-has-children > a:after { content: "\f105"; top: 50%; right: 0; transform: translateY(-50%); } #main-nav ul ul ul { position: absolute; top: 0; left: 100%; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all ease .500s; transition: all ease .500s; } #main-nav ul li:hover > ul { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all ease .500s; transition: all ease .500s; } /* Mobile Navigation */ #main-nav-mobi { display: block; margin: 0 auto; width: 100%; position: absolute; left: 0; top: 100%; z-index: 999999; background-color: #252525; } #main-nav-mobi ul { display: block; list-style: none; margin: 0; padding: 0; } #main-nav-mobi ul li { margin:0; position: relative; text-align: center; cursor: pointer; border-top: 1px solid #333; padding-top: 0; padding-bottom: 0; } #main-nav-mobi ul > li > a { color: #fff; font-family: 'Bebas Neue', cursive; display: inline-block; font-size: 14px; text-transform: uppercase; line-height: 50px; text-decoration: none; } #main-nav-mobi ul > li > a:hover { color: #e2b43a; } #main-nav-mobi ul ul li { background-color: #292929; } #main-nav-mobi ul ul ul li { background-color: #111; } #main-nav-mobi ul li.menu-item-has-children .arrow { position: absolute; right: 0; text-align: center; top: 0; height: 50px; width: 50px; line-height: 50px; display: inline-block; cursor: pointer; } #main-nav-mobi ul li.menu-item-has-children .arrow::after { width: 50px; text-align: center; font-size: 20px; position: absolute; top: 0; right: 0; content: "\f105"; font-family: "Fontawesome"; } #main-nav-mobi ul li.menu-item-has-children .arrow.active::after { content: "\f107"; } /* Mobile Button */ .mobile-button { margin-top: 23px; width: 26px; height: 16px; display: none; float: right; position: relative; background-color: transparent; cursor: pointer; -webkit-transition: all ease .238s; transition: all ease .238s; } .mobile-button:before, .mobile-button:after, .mobile-button span { background-color: #222; -webkit-transition: all ease .238s; transition: all ease .238s; } .mobile-button:before, .mobile-button:after { content: ''; position: absolute; top: 0; height: 3px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .mobile-button span { position: absolute; width: 100%; height: 3px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; } .mobile-button:before { -webkit-transform: translate3d(0,-7px,0); transform: translate3d(0,-7px,0); } .mobile-button:after { -webkit-transform: translate3d(0,7px,0); transform: translate3d(0,7px,0); } .mobile-button.active span { opacity: 0; } .mobile-button.active:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .mobile-button.active:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } /* Header Search */ #site-header .header-search-icon { color: #fff; font-weight: 600; line-height: 60px; display: inline-block; font-size: 17px; } #site-header .header-search-icon:hover { color: #282828; } #site-header .header-search-form { position: absolute; top: 50%; right: 25px; transform: translateY(-50%); display: none; } #site-header .header-search-field { padding-top: 5px; padding-bottom: 5px; width: 210px; margin: 0; } #site-header .header-search-submit { position: absolute; top: 0; right: 0; display: none; opacity: 0; } /* Featured Title -------------------------------------------------------------- */ #featured-title { background: url(../img/about-us-header.jpg) no-repeat left center; background-size: cover; padding-top: 144px; padding-bottom: 149px; } #featured-title .featured-title-inner-wrap { text-align: center; width: 100%; height: 100%; } #featured-title .breadcrumbs-inner { margin-top: -17px; } #featured-title .breadcrumb-trail { font-size: 18px; } #featured-title .breadcrumb-trail a { color: #fff; } #featured-title .breadcrumb-trail a:hover { color: #646464; } #featured-title .breadcrumb-trail .trail-end { color: black; font-weight:900 !important; text-shadow:none !important; } #featured-title .featured-title-heading { font-size: 55px; color: #fff; margin: 0; font-weight:300; text-shadow: 2px 2px black; } #featured-title2 { background: url(../img/hydraulics.jpg) no-repeat left center; background-size: cover; padding-top: 144px; padding-bottom: 149px; } #featured-title2 .featured-title-inner-wrap { text-align: center; width: 100%; height: 100%; } #featured-title2 .breadcrumbs-inner { margin-top: -17px; } #featured-title2 .breadcrumb-trail { font-size: 18px; } #featured-title2 .breadcrumb-trail a { color: #fff; } #featured-title2 .breadcrumb-trail a:hover { color: #e2b43a; } #featured-title2 .breadcrumb-trail .trail-end { color: #e2b43a; font-weight:900 !important; text-shadow: 0px 2px black; } #featured-title2 .featured-title-heading { font-size: 60px; color: #fff; margin: 0; text-shadow: 2px 2px black; } /* Blog Post -------------------------------------------------------------- */ .hentry { margin-top: 50px; background-color: #fff; } .hentry:first-child { margin-top: 0; } .hentry .post-content-wrap { padding: 57px 0 32px 0; } /* Post Media */ .hentry .post-media { position: relative; } .hentry .post-media .post-day { position: absolute; bottom: -35px; left: 40px; width: 70px; height: 70px; padding-top: 7px; background-color: #e2b43a; color: #fff; line-height: 28px; text-align: center; } .hentry .post-media .post-day p { font-family: 'Hind', sans-serif; margin: 0; font-size: 16px; } .hentry .post-media .post-day .day { margin-bottom: 3px; font-size: 24px; } .hentry .post-media .post-day .month { font-size: 16px; } /* Post Title */ .hentry .post-title { font-size: 55px; letter-spacing: 1.5px; margin-bottom: 4px; margin-top: 0px; font-weight: 300; padding-bottom: 20px; } .hentry .post-title a { color: #181818; } .hentry .post-title a:hover { color: #e2b43a; } /* Post Content */ .hentry .post-content { margin-bottom: 36px; } /* Post Meta */ .hentry .post-meta { margin-bottom: 18px; } .hentry .post-meta .meta { display: inline-block; position: relative; padding-left: 27px; margin-right: 20px; font-style: italic; font-size: 14px;} .hentry .post-meta .meta.category { padding-left: 24px; } .hentry .post-meta .meta.date { margin-right: 8px; } .hentry .post-meta .meta:after { position: absolute; top: 4px; left: 4px; color: #e2b43a; content: ""; line-height: normal; font-family: "Fontawesome"; font-size: 17px; font-style: normal; } .hentry .post-meta .meta.author:after { content: "\f007"; } .hentry .post-meta .meta.date:after { content: "\f017"; } .hentry .post-meta .meta.comment:after { content: "\f086"; } .hentry .post-meta .meta.category:after { content: "\f07c"; } /* Post Link */ .hentry .post-read-more { float: left; } .hentry .post-meta-share-icon { float: right; } .hentry .post-read-more a { display: inline-block; padding: 0 22px; background-color: #e2b43a; border-radius: 3px; line-height: 40px; color: #fff; font-family: 'Hind', sans-serif; font-size: 14px; font-weight: 600; } .hentry .post-read-more a:hover { background-color: #303030; } .hentry .post-meta-share-icon a { font-size: 16px; line-height: 40px; width: 40px; height: 40px; margin-left: 10px; background: #e7e7e7; color: #fff; display: inline-block; text-align: center; border-radius: 3px; } .hentry .post-meta-share-icon a:hover { background: #e2b43a; } /* Blog Single -------------------------------------------------------------- */ .hentry .post-content-single-wrap .post-content-wrap { background-color: #f6f6f6; padding-left: 30px; padding-right: 30px; border-radius: 25px; margin-top: -25px; border: solid 5px #f3f3f3;} .hentry .post-content-single-wrap .post-content-wrap .post-content { margin-bottom: 41px; padding: 30px; padding-bottom: 5px; padding-top: 1px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.95); } .hentry .post-content-single-wrap .post-content-wrap .post-content .block { background-color: #fff; border: none; border-left: solid 5px #e2b43a; padding: 0 0 0 20px; margin: 26px 0 20px 50px; } .post-main { background-color: #f6f6f6 !important; padding-left:0px !important; margin-bottom:10px !important; } /* Post Meta Link */ .hentry .post-content-single-wrap .post-meta-share-icon { float: left; } .hentry .post-content-single-wrap .post-meta-tag { text-transform: uppercase;} .hentry .post-content-single-wrap .post-meta-link { margin-bottom: 10px; background-color: rgba(255, 255, 255, 0.95); padding: 25px; text-align: center; border-radius:5px; } .hentry .post-content-single-wrap .post-meta-link h3 { font-size: 30px; margin-right: 10px; display: inline-block; margin-bottom: 15px; font-weight:300; } .hentry .post-content-single-wrap .post-meta-tag a { display: inline-block; height: 40px; border: solid 1px #848484; border-radius: 3px; padding: 0 25px; margin: 0 0 0 10px; font-size: 18px; letter-spacing: 0.5px; color: #848484; line-height: 38px; font-family: 'Bebas Neue', cursive; } .hentry .post-content-single-wrap .post-meta-tag a:hover { background-color: #e2b43a; color: #fff; } /* Post Comment */ #comments { margin-top: 41px; } #comments .comments-title { margin-bottom: 26px; font-size: 28px; } /* Comment List */ #comments ol { list-style: none; margin: 0; margin-bottom: 20px; } #comments ol li .gravatar { float: left; margin-right: 29px; width: 90px; } #comments ol li .gravatar img { border-radius: 50%; } #comments ol li .comment-content { overflow: hidden; border-bottom: solid 1px #e7e7e7; padding-bottom: 35px; margin-bottom: 20px; margin-top: -4px; } #comments ol li .comment-reply a { color: #e2b43a; padding-left: 5px; } #comments ol li .comment-reply a:hover { color: #232323; } #comments ol li ul { list-style: none; margin: 0; } #comments ol li ul li .comment-wrap { margin-left: 100px; } #comments .comment-meta { margin-bottom: 14px; } #comments .comment-meta-post { float: left; } #comments .comment-reply { float: right; font-size: 20px; } #comments .comment-author { font-size: 20px; margin-bottom: 5px; } #comments .comment-time { font-style: italic; } #comments .time-date { margin-right: 12px; } #comments .comment-text p { line-height: 26px; } /* Comment Form */ #comments #reply-title { font-size: 28px; margin-bottom: 8px; } #comments .comment-note { font-size: 18px; } .comment-form { margin-top: 33px; } .comment-form .email-wrap, .comment-form .name-wrap { float: left; margin-bottom: 30px; } .comment-form .email-wrap { width: 31.724%; } .comment-form .name-wrap { width: 31.725%; margin-right: 2.413%; } .comment-form .website-wrap { float: right; width: 31.725%; margin-bottom: 30px; } .comment-form textarea { padding-left: 15px; height: 250px; } .comment-form .email-wrap input, .comment-form .name-wrap input { padding-left: 15px; } .comment-form .form-submit { margin: 0; } .comment-form .form-submit input { width: 100%; text-transform: uppercase; } /* Pagination */ .pagination-page { margin-top: 50px; } .pagination-page ul { margin: 0; list-style: none; } .pagination-page ul li .page { width: 40px; height: 40px; line-height: 38px; font-size: 16px; color: #848484; border: solid 1px #e7e7e7; display: inline-block; text-align: center; vertical-align: middle; margin-right: 15px; } .pagination-page ul li { float: left; } .pagination-page ul li .page.curent, .pagination-page ul li .page:hover { color: #fff; background-color: #e2b43a; } /* Widgets -------------------------------------------------------------- */ #sidebar .widget, #footer-widgets .widget { position: relative; z-index: 1; margin-top: 36px; } #footer-widgets .widget { margin-top: 0; margin-bottom: 30px; } #sidebar .widget ul, #footer-widgets .widget ul { margin: 0; list-style: none; } #sidebar .widget.widget_recent_comments { color: #a0a0a0; } #sidebar .widget.widget_recent_news .post-date, #footer-widgets .widget.widget_recent_news .post-date { display: block; font-size: 1em; } /* Title Widget */ #sidebar .widget .widget-title { font-size: 28px; padding-bottom: 12px; margin: 0 0 31px 0; z-index: 1; position: relative; } #sidebar .widget .widget-title > span::after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 1px; background: #e7e7e7; z-index: 1; } #sidebar .widget .widget-title > span::before { position: absolute; bottom: -1px; left: 0; content: ""; width: 70px; height: 3px; background: #e2b43a; z-index: 2; } #footer-widgets .widget .widget-title { color: #fff; margin-bottom: 16px; font-size: 25px; letter-spacing: 0.7px; font-weight: 200; text-transform: uppercase; } #footer-widgets .widget.widget_information .widget-title { margin-bottom: 13px; } /* Widget: Categories */ .widget.widget_categories ul li, .widget.widget_recent_news ul li { padding: 17px 0; border-top: 1px solid #e7e7e7; } .widget.widget_categories ul li:first-child, .widget.widget_recent_news ul li:first-child { padding-top: 0; border: none; } .widget.widget_categories ul li:last-child, .widget.widget_recent_news ul li:last-child { padding-bottom: 0; } .widget.widget_categories ul li a, .widget.widget_recent_news ul li a { color: #181818; } #footer-widgets .widget.widget_categories ul li a, #footer-widgets .widget.widget_recent-news ul li a { color: #848484; } .widget.widget_categories ul li a:hover, .widget.widget_recent_news ul li a:hover { color: #e2b43a; } #footer-widgets .widget.widget_categories ul li a:hover, #footer-widgets .widget.widget_recent_news ul li a:hover { color: #e2b43a; } .widget.widget_categories ul li { position: relative; text-align: right; font-size: 16px; } .widget.widget_categories ul li a { float: left; display: inline-block; position: relative; padding-left: 18px;} .widget.widget_categories ul li a:after { position: absolute; top: 1px; left: 0; content: "\f105" ; font-size: 18px; font-family: "FontAwesome"; } /* Widget: Recent News Advanced */ #sidebar .widget.widget_recent_news { margin-top: 28px; } #sidebar .widget.widget_recent_news ul li, #footer-widgets .widget.widget_recent_news ul li { padding: 19px 0; } #sidebar .widget.widget_recent_news ul li:first-child, #footer-widgets .widget.widget_recent_news ul li:first-child { margin-top: 10px; padding-top: 0; } #footer-widgets .widget.widget_recent_news ul li:first-child { margin-top: 6px; } #sidebar .widget.widget_recent_news ul li:last-child, #footer-widgets .widget.widget_recent_news ul li:last-child { padding-bottom: 0; } #sidebar .widget.widget_recent_news .recent-news .thumb, #footer-widgets .widget.widget_recent_news .recent-news .thumb { width: 80px; float: left; margin: 0 21px 0 0; } #sidebar .widget.widget_recent_news .recent-news .thumb img, #footer-widgets .widget.widget_recent_news .recent-news .thumb img { width: 100%; height: auto; } #sidebar .widget.widget_recent_news h3, #footer-widgets .widget.widget_recent_news h3 { font-size: 18px; margin: 3px 0 3px; font-weight: 500; line-height: 26px; } #footer-widgets .widget.widget_recent_news h3 { font-size: 16px; letter-spacing:1px;} #footer-widgets .widget.widget_recent_news h3 a { color: #c0c0c0; letter-spacing:1px; } #sidebar .widget.widget_recent_news h3 a:hover, #footer-widgets .widget.widget_recent_news h3 a:hover { color: #e2b43a; } #sidebar .widget.widget_recent_news .recent-news .texts, #footer-widgets .widget.widget_recent_news .recent-news .texts { overflow: hidden; } #sidebar .widget.widget_recent_news .post-date, #footer-widgets .widget.widget_recent_news .post-date { font-style: italic; } #footer-widgets .widget.widget_recent_news .post-date { font-size: 13px; color: #878787; } #footer-widgets .widget.widget_recent_news ul li { border-top-color: #646464; padding: 11px 0; } /* Widget: Search */ #sidebar .widget.widget_search { margin-top: 0; } #sidebar .widget.widget_search .search-form, #footer-widgets .widget.widget_search .search-form { position: relative; } #sidebar .widget.widget_search .search-form .search-field, #footer-widgets .widget.widget_search .search-form .search-field { margin-bottom: 0; padding: 11px 20px; border-radius: 0; } #footer-widgets .widget.widget_search .search-form .search-field { background-color: transparent; } #sidebar .widget.widget_search .search-form .search-submit, #footer-widgets .widget.widget_search .search-form .search-submit { position: absolute; right: 0; top: 0; width: 50px; height: 50px; text-align: center; line-height: 50px; text-indent: 999999px; background-color: #e2b43a; padding: 0; border: 0; overflow: hidden; } #sidebar .widget.widget_search .search-form .search-submit:before, #footer-widgets .widget.widget_search .search-form .search-submit:before { color: #fff; content: "\f002"; font-family: "FontAwesome"; font-size: 16px; position: absolute; left: 2px; top: 0px; width: 100%; text-align: center; text-indent: 0; font-weight: normal; -webkit-transition: color ease .238s; -moz-transition: color ease .238s; transition: color ease .238s; } #sidebar .widget.widget_search .search-form .search-submit:hover:before, #footer-widgets .widget.widget_search .search-form .search-submit:hover:before { color: #282828; } /* Widget: Socials */ #sidebar .widget.widget_socials .socials, #footer-widgets .widget.widget_socials .socials { margin: 0 -5px; } #sidebar .widget.widget_socials .socials .icon, #footer-widgets .widget.widget_socials .socials .icon { padding: 0 5px; float: left; } #sidebar .widget.widget_socials .socials a, #footer-widgets .widget.widget_socials .socials a { float: left; font-size: 14px; background-color: #4c4c4c; border-radius: 50%; color: #fff; display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; z-index: 1; } #sidebar .widget.widget_socials .socials a:hover, #footer-widgets .widget.widget_socials .socials a:hover { background-color: #e2b43a; color: #fff; } /* Widget: Tags */ #sidebar .widget.widget_tag_cloud .widget-title { margin-bottom: 40px; } #sidebar .widget.widget_tag_cloud .tagcloud:before, #sidebar .widget.widget_tag_cloud .tagcloud:after, #footer-widgets .widget.widget_tag_cloud .tagcloud:before, #footer-widgets .widget.widget_tag_cloud .tagcloud:after, .widget_product_tag_cloud .tagcloud:before, .widget_product_tag_cloud .tagcloud:after { display: table; clear: both; content: ""; } #sidebar .widget.widget_tag_cloud .tagcloud a, #footer-widgets .widget.widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a { float: left; display: inline-block; border: solid 1px #e7e7e7; color: #646464; border-radius: 3px; padding: 0 17px; margin: 0 20px 20px 0; font-size: 16px; line-height: 38px; z-index: 1; } #sidebar .widget.widget_tag_cloud .tagcloud a:hover, #footer-widgets .widget.widget_tag_cloud .tagcloud a:hover { background-color: #e2b43a; color: #fff; border-color: #e2b43a; } #footer-widgets .widget.widget_tag_cloud .tagcloud a { color: #fff; background-color: #e2b43a; } #footer-widgets .widget.widget_tag_cloud .tagcloud a:hover { color: #e2b43a; background-color: #848484; border: solid 1px #848484; } /* Widget: Links */ #sidebar .widget.widget_links ul li, #footer-widgets .widget.widget_links ul li { border: 0;} #sidebar .widget.widget_links ul.col2 li, #footer-widgets .widget.widget_links ul.col2 li { width: 50%; float: left; padding: 10px 0 10px 0; } #sidebar .widget.widget_links ul.col2 li, #footer-widgets .widget.widget_links ul.col2 li i { font-size: 16px; } #sidebar .widget.widget_links ul li a, #footer-widgets .widget.widget_links ul li a { position: relative; display: inline-block; padding-left: 20px; color: #878787; } #sidebar .widget.widget_links ul li.right a, #sidebar .widget.widget_links ul li i, #footer-widgets .widget.widget_links ul li i { position: absolute; left: 0; top: 2px; } #sidebar .widget.widget_links ul li a:hover, #footer-widgets .widget.widget_links ul li a:hover { color: #e2b43a; } /* Widget: Information */ #sidebar .widget.widget.widget_information ul li, #footer-widgets .widget.widget.widget_information ul li { position: relative; padding: 10px 0 18px 30px; margin-bottom: 5px; border: 0; color: #878787; border-bottom: solid 1px #646464; } #sidebar .widget.widget.widget_information ul li:last-child, #footer-widgets .widget.widget.widget_information ul li:last-child { margin-bottom: 0 !important; border: none; padding-bottom: 0; } #sidebar .widget.widget.widget_information ul li i, #footer-widgets .widget.widget.widget_information ul li i { position: absolute; left: 0; top: 10px; color: #e2b43a; font-size: 20px; } /* Widget Sapcer */ #sidebar .widget.widget_spacer, #footer .widget.widget_spacer { margin-bottom: 0; } /* Widget Text */ #sidebar .widget.widget_text, #footer .widget.widget_text { color: #878787; } /* Footer -------------------------------------------------------------- */ #footer { background-color: #242424; padding: 80px 0 46px 0; background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/08/new-bg-v2-scaled.jpg); background-repeat: no-repeat; background-size: cover; margin-top:-20px; } /* Bootom -------------------------------------------------------------- */ #bottom { background-color: #1a1a1a; } #bottom #bottom-bar-inner { padding: 35px 0; position: relative; } #bottom .bottom-bar-inner-wrap { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); } #bottom .copyright { text-align: center; margin: 0; } #bottom .copyright span { margin-right: 5px; } /* Revolution Slider -------------------------------------------------------------- */ .rev_slider_wrapper ul { margin: 0; } .tparrows.custom { background-color: rgba(0,0,0,0.1); width: 60px; height: 80px; -webkit-transition: background .238s; transition: background .238s; } .tparrows.custom:hover { background-color: #e2b43a; } .custom.tparrows.tp-leftarrow:before, .custom.tparrows.tp-rightarrow:before { content: ""; font-size: 32px; line-height: 80px; font-family: "FontAwesome"; position: absolute; left: 0; top: 0; text-indent: 0; width: 100%; height: 100%; } .custom.tparrows.tp-leftarrow:before { content: "\f104"; } .custom.tparrows.tp-rightarrow:before { content: "\f105"; } /* Scroll Top -------------------------------------------------------------- */ #scroll-top { position: fixed !important; right: 25px; bottom: -50px; display: block; line-height: 38px; text-align: center; width: 40px; height: 40px; visibility: hidden; filter: alpha(opacity=0); opacity: 0; z-index: 9999; cursor: pointer; z-index: 1; overflow: hidden; } #scroll-top:after { content: "\f106"; font-family: "FontAwesome"; color: #fff; font-size: 20px; position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } #scroll-top:before { border-radius: 3px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #e2b43a; z-index: -1; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; } #scroll-top:hover:before { background-color: #585252; } #scroll-top:hover:after { color: #fff; } #scroll-top.show { bottom: 18px; filter: alpha(opacity=100); opacity: 1; visibility: visible; } /* Media Queries -------------------------------------------------------------- */ @media only screen and (min-width: 1930px) { .parallax { background-size: cover; } } @media only screen and (min-width: 1200px) { .container { width: 1200px; } } @media only screen and (max-width: 991px) { #top-bar, #site-header #header-aside, #site-header .site-navigation-wrap, #sidebar { display: none; } #site-logo img { width: 280px; height: 50px; margin-top: 4%; margin-bottom: 11px; } .heading { margin-top: 30px; } .image-holder { margin-top:55px !important; } .centered-text { font-size:12px !important; } #site-header #site-header-inner { padding: 20px 0; } #site-header .mobile-button { display: block; } #featured-title { padding-top: 90px; padding-bottom: 100px; } #featured-title .featured-title-heading { font-size: 30px; padding-bottom:50px ; } #featured-title2 { padding-top: 90px; padding-bottom: 100px; } #featured-title2 .featured-title-heading { font-size: 30px; padding-bottom:50px ; } #site-content, #sidebar { width: 100% !important; max-width: none !important; float: none; } #inner-content { padding-left: 0 !important; padding-right: 0 !important; } #main-content { padding: 60px 0; } .hentry .post-content-single-wrap .post-content-wrap .post-content .block { margin-left: 30px; } } @media only screen and (max-width: 767px) { .hentry .post-read-more a { margin-bottom: 10px; } .hentry .post-author { text-align: center; } .author-post .thumb { width: 70px; } .hentry .post-content-single-wrap .post-meta-share-icon { margin-bottom: 20px; } .hentry .post-content-single-wrap .post-content-wrap .post-content .block { margin-left: 15px; } #comments ol li ul li .comment-wrap { margin-left: 70px; } #comments ol li .gravatar { width: 50px; float: none; margin: 0 0 17px; } .comment-form .name-wrap, .comment-form .website-wrap, .comment-form .email-wrap { width: 100%; float: none; margin: 0; } #footer { padding: 50px 0; background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/08/new-bg-v2-horizontal-scaled.jpg); background-size: cover; } #footer-widgets .col .widget:last-child { margin-bottom: 40px; } #footer-widgets .col:last-child .widget:last-child { margin-bottom: 0px; } #footer-widgets .wprt-row .col { width: 100%; } } /* Css promjene */ .row-portfolio-1 img{ height:325px; } .black { color:black !important; } .solutions{ margin-top:75px; } .full-width-contact input, textarea{ width:100% !important; } .no-margin-bottom p{ margin-bottom:0px !important; } .references-about-us h2{ padding-top:75px !important; padding-bottom:20px; } .services-icons{ padding-top:75px ; padding-bottom:75px; } .services-under { padding-top:100px; } .services-under-title { padding-bottom:115px; } .image-padding { margin-top:25px; } .post-picture img{ height:260px !important; } @media only screen and (max-width: 1500px) { .post-picture img{ height: 380px !important; } } .sidebar-custom ul,li{ text-decoration:none !important; list-style:none !important; margin:0px !important; } .sidebar-custom h3{ font-size: 18px; margin: 3px 0 3px; font-weight: 500; line-height: 26px; } .sidebar-search{ position: absolute; right: -51px; top: 0; width: 55px; height: 55px; text-align: center; line-height: 55px; text-indent: 999999px; background-color: #e2b43a; padding: 0; border: 0; overflow: hidden; } .top-bottom-padding { margin-top:85px; } .thumb{ width: 80px; float: left; margin: 0 21px 0 0; } .thumb img { padding-top:10px; } .recent-posts-padding { padding-bottom: 35px; } .sidebar-tags { float: left; display: inline-block; border: solid 1px #e7e7e7; color: #646464; border-radius: 3px; padding: 0 17px; margin: 0 20px 20px 0; font-size: 18px; letter-spacing: 0.5px; line-height: 38px; z-index: 1; font-family: 'Bebas Neue', cursive; } .sidebar-tags:hover { background-color: #e2b43a; color:white; outline: 0; text-decoration: none; -webkit-transition: all ease .338s; letter-spacing:1.5px; transition: all ease .338s; padding-left:18px; padding-right:18px; } .yellow-line { float:left; width:20%; border: 0; height: 3px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(226, 180, 58, 0.75), rgba(0, 0, 0, 0)); } .widget-title { padding-bottom: 20px !important; font-size: 30px; letter-spacing: 1px; font-weight: 500; } .sidebar-search::before { color: #fff; content: "\f002"; font-family: "FontAwesome"; font-size: 16px; position: absolute; left: 2px; top: 0px; width: 100%; text-align: center; text-indent: 0; font-weight: normal; -webkit-transition: color ease .238s; -moz-transition: color ease .238s; transition: color ease .238s; } i.fa.fa-search.search-icon::before { content:none!important; } .outer-single-blog { padding-bottom:80px; } .texts { overflow: hidden; } .index-slider { width:100% !important; } .wprt-testimonials .thumb2 { width: 85px; height: 85px; margin: 0 auto; } .thumb2 img { border-radius:40px; } hr.style-three { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); margin-top: 10px !important; margin-bottom:0px; margin-right:0px; margin-left:0px; } hr.style-three-address{ border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); margin-top: 1px !important; margin-bottom:0px; margin-right:0px; margin-left:0px; } #footer-widgets .widget .widget-title { padding-bottom:0px !important; } #sidebar .widget.widget.widget_information ul li, #footer-widgets .widget.widget.widget_information ul li { border-bottom:none; } .paralax-text { text-shadow: 1px 3px black !important; } .about-us-top-picture { padding-top:10px; } .about-us-bottom-picture { padding-top:10px; } .wprt-button-blog { font-family: 'Hind', sans-serif; padding: 5px 20px; color: #fff; font-weight: 600; font-size: 14px; background-color: #e2b43a; border: 2px solid #e2b43a; border-radius: 3px; display: inline-block; -webkit-transition: all ease .238s; transition: all ease .238s; } .wprt-content-box-index.style-1 { padding: 57px 60px 55px 60px; } .wprt-content-box-index.style-1.bg-1 { background: url("https://www.hydromat.hr/wp-content/uploads/2020/08/about-1.jpg") left center no-repeat; background-size: cover; background-position: center; transition: all ease .238s; background-size:700px;} .wprt-content-box-index.style-1.bg-2 { background: url("https://www.hydromat.hr/wp-content/uploads/2020/08/about-2.jpg") left center no-repeat; background-size: cover; background-position: center; transition: all ease .238s; background-size:700px;} .wprt-content-box-index.style-1.bg-3 { background: url("https://www.hydromat.hr/wp-content/uploads/2020/08/about-3.jpg") left center no-repeat; background-size: cover; background-position: center; transition: all ease .238s; background-size:700px;} .wprt-content-box-index.style-1.bg-4 { background: url("https://www.hydromat.hr/wp-content/uploads/2020/08/about-4.jpg") left center no-repeat; background-size: cover; background-position: center; transition: all ease .238s; background-size:700px;} .breadcrumb-trail{ text-shadow: 2px 2px black; } .portfolio-gallery img{ max-height:750px; } .portfolio-recent-slider img{ max-height:200px; } /* Ante Media querries */ @media only screen and (min-width: 2159px) { .wprt-content-box-index{ height:303px; } } .read-more-portfolio { position:absolute; margin-top:-35px; font-family: 'Hind', sans-serif; padding: 5px 20px; color: #fff; font-weight: 600; font-size: 14px; background-color: #e2b43a; border: 2px solid #e2b43a; border-radius: 3px; display: inline-block; -webkit-transition: all ease .238s; transition: all ease .238s; } /* QtsTranslate */ .language-chooser-item{ float:right !important; display:none; } .QTSwitch h2 { display:none !important; } .QTSwitch img { padding-right:20px !important; height:35px !important; margin-bottom:10px !important; } .credits { display:none !important; } .qtrans-lang-switch img { height:25px !important; } .row-video-2 { margin-top:40px !important; } .cbp a:hover { color:black !important; } .margin-top { margin-top:80px; } .undertext-notfound { padding-top:15px; font-size:20px; } .undertext-notfound { padding-top:10px; font-size:18px; } .post-404-notfound { margin-top:150px; text-align:center; } .not-found { font-size: 16.571em !important; } .solutions { max-height:550px; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga" on; } .btn { background-color: white; border: 1px solid #cccccc; color: #696969; padding: 0.5rem; text-transform: lowercase; } .btn--block { display: block; width: 100%; } .cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .cards__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem; } @media (min-width: 40rem) { .cards__item { width: 50%; } } @media (min-width: 56rem) { .cards__item { width: 25%; } } .card { width: 100%; background-color: white; border-radius: 0.25rem; -webkit-box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25); box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .card:hover .card__image { -webkit-filter: contrast(100%); filter: contrast(100%); } .card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 1rem; } .card__image { background-position: center center; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; -webkit-filter: contrast(70%); filter: contrast(70%); overflow: hidden; position: relative; -webkit-transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91), -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); } .card__image::before { content: ""; display: block; padding-top: 56.25%; } @media (min-width: 40rem) { .card__image::before { padding-top: 66.6%; } } .card:hover .card__content { background-color: #f3f3f3; } /**/ .card__image--flowers { background-image: url(https://unsplash.it/800/600?image=82); } .card__image--river { background-image: url(https://unsplash.it/800/600?image=11); } .card__image--record { background-image: url(https://unsplash.it/800/600?image=39); } .card__image--fence { background-image: url(https://unsplash.it/800/600?image=59); } /*Products-Images-hydraulic-power-unit*/ .card__image--PHC { background-image: url("../img/services/compact-electro-hydraulic-power-unit.jpg"); } .card__image--PHC2 { background-image: url("../img/services/special-design-of-the-electro-hydraulic-power-unit.jpg"); } .card__image--PHC3 { background-image: url("../img/services/PHC-Powerunit.jpg"); } .card__image--PHC4 { background-image: url("../img/services/PHC-Amplifier.jpg"); } /*Product-images-flow-control*/ .card__image--FCAV { background-image: url("../img/services/FCAV.jpg"); } .card__image--FCAV2 { background-image: url("../img/services/FCAV2.jpg"); } /*Product-images-flow-control-and-automation*/ .card__image--smth2 { background-image: url("../img/services/FCAV.jpg"); } .card__image--smth { background-image: url("../img/services/FCAV2.jpg"); } /*Product imgae/BUTTERFLY CHECK VALVES */ .card__image--TWOS { background-image: url("../img/services/two-stage.jpg"); } .card__image--THREES { background-image: url("../img/services/three-stage.jpg"); } /*Product-image-GATE-VALVES*/ .card__image--pump { background-image: url("../img/services/compact-pump.jpg"); } .card__image--cylinder { background-image: url("../img/services/pneumatic-cylinder.jpg"); } .card__image--cylinder-hydraulic { background-image: url("../img/services/pneumatic-cylinder-hydraulic.jpg"); } .card__image--spring-pump { background-image: url("../img/services/spring-hand-pump.jpg"); } /* QUARTER TURN ACTUATORS BASED ON SCOTCH YOKE MECHANISM */ .card__image--heavy-duty-series {background-image:url("https://www.hydromat.hr/wp-content/uploads/2020/08/HASY-04__Ball_Valve_DN500-PN63.0014.png")} .card__image--medium-heavy-series {background-image:url("https://www.hydromat.hr/wp-content/uploads/2020/08/PHDS130C.30.SRC1_.550.VL_.HHPO_.091wb.png")} .card__image--pneumatic-compact-series {background-image:url("https://www.hydromat.hr/wp-content/uploads/2020/08/CPA.001.png")} /*VALVES-AND-AUTOMATION*/ /*valves-and-automation/ACTUATORS*/ .card__image--hawl-actuator { background-image: url("../img/services/actuator_hawl.jpg"); } .card__image--scotch-yoke { background-image: url("../img/services/heavy-duty-actuator.jpg"); } .card__image--pinion-type { background-image: url("../img/services/medium-duty-actuator.jpg"); } /*/END/valves-and-automation/ACTUATORS*/ /*valves-and-automation/VALVES*/ .card__image--flow-control { background-image: url("../img/services/flow-control-valve.jpg") } .card__image--ball-valve { background-image: url("../img/services/ball-valve.jpg") } .card__image--butterfly-valve { background-image: url("../img/services/butterfly-valve.jpg") } /*/END/valves-and-automation/VALVES*/ /*Nautical-products*/ .card__image--nautical-lift { background-image: url("../img/services/nautical-product.jpg") } .card__image--nautical-transport { background-image: url("../img/services/nautical-product-2.jpg") } /* Check Valves */ .card__image--check-valves-medium { background-image: url("../img/services/check-triple-valve.jpg") } .card__image--check-valves-two { background-image: url("../img/services/2-stage-damp.jpg") } /* HYDRAULIC CYLINDERS */ /* hydraulic-cylinders-/CLAMP CYLINDERS */ .card__image--preasure-amp { background-image: url("../img/services/hydraulic-pressure-amp.jpg") } .card__image--clamp-cylinder { background-image: url("../img/services/clamping.jpg") } /* / END / hydraulic-cylinders-/CLAMP CYLINDERS */ /* hydraulic-cylinders-/ISO CYLINDERS */ .card__image--ISO-6022 {background-image: url("../img/services/h2.jpg");} .card__image--ISO-6020-1 {background-image: url("../img/services/ISO-6020-1.jpg");} .card__image--ISO-6020-2 {background-image: url("../img/services/a3.jpg");} .card__image--ISO-3320 {background-image: url("../img/services/ISO-3320.jpg");} /* / END / hydraulic-cylinders-/ISO CYLINDERS */ /* Check Valve With Disc Or fLaps */ .card__image--type-HSA {background-image: url(https://unsplash.it/800/600?image=82);} .card__image--type-HSAU {background-image:url("../img/services/HSAU.jpg");} .card__image--type-AHSAU {background-image: url(https://unsplash.it/800/600?image=39);} /* / END / Check Valve With disc or fLaps / /* BALL VALVES */ .card__image--scotch-yoke-mechanism {background-image: url(https://unsplash.it/800/600?image=82);} .card__image--rack-and-pinion {background-image: url(https://unsplash.it/800/600?image=11);} /* / END / Ball VAlves */ /* Globe Valve */ .card__image--hydraulic-pneumatic-actuator {background-image: url(https://unsplash.it/800/600?image=11);} /* / END / Globe Valve */ /*hydraulic shock absorber units, type HSAU*/ .card__image--type-hawl {background-image: url("https://www.hydromat.hr/wp-content/uploads/2018/05/HAWL-TV_4-1.jpg");} .card__image--type-haal {background-image: url("https://www.hydromat.hr/wp-content/uploads/2018/05/HAWL-TV_2-2.jpg");} .card__image--combined-load {background-image: url("https://www.hydromat.hr/wp-content/uploads/2018/05/SY-TV_8-2.jpg");} /* / END / *Hydraulic Shock absorber UNITS HSAU/ /* hydraulic-cylinders-/HIGH PREASSURE CYLINDERS */ .card__image--HDHC {background-image: url(https://unsplash.it/800/600?image=82);} .card__image--HSHC {background-image: url(https://unsplash.it/800/600?image=11);} .card__image--HSLC {background-image: url(https://unsplash.it/800/600?image=39);} .card__image--HPC {background-image: url(https://unsplash.it/800/600?image=59);} /* / END / hydraulic-cylinders-/HIGH PREASSURE CYLINDERS */ /* Axial Flow Control- Valve Concept Hyreval */ .card__image--hydraulic-drive-type-hd {background-image: url("../img/services/hyreval_type_hd.jpg");} .card__image--pneumatic-drive-type-pd {background-image: url("../img/services/hydraulic-pressure-amp.jpg");} .card__image--pneumo-hydraulic-drive-type-phd {background-image: url("../img/services/hyreval_type_phd.jpg");} .card__image--mechanical-drive-type-md {background-image: url("../img/services/hyreval_type_md.jpg");} .card__image--hyreval-check-valve {background-image: url("../img/services/check_valve.jpg");} /* / END / Axial Flow Control - Valve Concept Hyreval */ /* AUTOMATISED HYDRAULIC SHOCK ABSORBER UNIT TYPE AHSAU */ .card__image--type-AHSAU-h {background-image: url("../img/services/ahsau.png");} .card__image--type-AHSAU-pa {background-image: url("https://www.hydromat.hr/wp-content/uploads/2020/09/PA.HSAU30T60.3ST.SD_.BCV1400.10.002wb-1.png");} .card__image--type-AHSAU-ph {background-image: url("https://www.hydromat.hr/wp-content/uploads/2020/09/PA.HSAU30T60.3ST.SD_.BCV1400.10.002wb-1.png");} .card__image--type-AHSAU-ma {background-image: url("https://www.hydromat.hr/wp-content/uploads/2020/09/HSAU.EX30R60.3ST.SD_.BCV800.25.001wb.png");} /*/ END / AUTOMATISED HYDRAULIC SHOCK ABSORBER UNIT TYPE AHSAU */ /* HYDRAULIC AND PNEUMATIC LINEAR ACTUATOR */ .card__image--type-hydraulic-l {background-image: url("../img/services/lin.jpg");} .card__image--type-pneumatic-l {background-image: url("../img/services/pneumatic.png");} /* / END / HYDRAULIC AND PNEUMATIC LINEAR ACTUATOR */ /* Product images end */ .card__title { color: black; font-family: 'Bebas Neue', cursive; font-size: 30px; font-weight: 300; line-height: 30px; letter-spacing: 3px; text-align: center; margin-bottom: 15px; margin-top: 10px; border-bottom: 2px solid; padding-bottom: 15px; } .card__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 13px; line-height: 1.5; margin-bottom: 1.25rem; } .products-heading { font-size:23px; margin-left:20px; float:left; } .yellow-line-products { float: left; width: 10%; margin-left: 10px; margin-top: 13px; border: 0; height: 3px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(226, 180, 58, 0.75), rgba(0, 0, 0, 0)); } .product-clearfix { margin-top: 40px; margin-bottom: 20px; } .btn:hover { color:#FFF; } .btn { text-transform:uppercase; } .card:hover .card__image { background-size: 400px; -webkit-transition: all ease .9385s; transition: all ease .9385s; } .card__image { -webkit-transition: all ease .9385s; transition: all ease .9385s; background-size: 375px; } .cards__item2 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem; } @media (min-width: 40rem) { .cards__item2 { width: 50%; } } @media (min-width: 56rem) { .cards__item2 { width: 50%; } } .solutions-current-nav { color: #fff; background-color: #e2b43a; border: none; padding: 15px 20px; } .solutions-current-nav:hover { color:black !important; } @media only screen and (min-width: 992px) { .product-solutions { margin-top:-75px !important; } } .main-nav { text-transform: uppercase; } .item2 { background-color: white; border-radius: 0.25rem; -webkit-box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25); box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .item2:hover{ -webkit-filter: contrast(100%); filter: contrast(100%); } .thumb-index { background-position: center center; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; -webkit-filter: contrast(70%); filter: contrast(70%); overflow: hidden; position: relative; -webkit-transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91), -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); } .item2:hover .thumb-index { -webkit-filter: contrast(100%); filter: contrast(100%); } .text-wrap-index-slider { padding: 20px; background-color: transparent; } .small-heading { font-size:15px; font-weight:600; } .medium-heading { margin-bottom: 30px; margin-top: 30px; font-size: 21px; font-weight: 700; color: #282828; } .medium { font-weight:600 !important; } .margin-bottom-55 { margin-bottom:55px !important; } .margin-bottom-40 { margin-bottom:40px !important; } .text-shadow { text-shadow:1px 1px black !important; } .margin-top-30 { margin-top:30px !important; } .single-product-desc-heading { margin-top: 70px !important; margin-bottom: 23px !important; text-align: center !important; font-size: 60px !important; line-height: 70px; font-weight:300; } .single-product-desc-subheading { margin-top:50px !important; margin-bottom:20px !important; } .single-product-button { margin-top:30px; font-family: 'Hind', sans-serif; padding: 7px 48px; color: #fff; font-weight: 600; font-size: 16px; background-color: #e2b43a; border: 2px solid #e2b43a; border-radius: 3px; display: inline-block; -webkit-transition: all ease .238s; transition: all ease .238s; } .single-product-button:hover { background-color:#333; border: 2px solid #333; color: white !important; } .bottom-15 { margin-bottom:15px; } .dodatna-oprema { display:none; } .middle-heading { text-align:center; } .boat-single-product-heading { margin-top: 60px !important; margin-bottom: 40px !important; } .tags-section { padding-top:100px; } .hydraulic-detail { border-bottom:2px solid #e2b43a; margin-bottom:35px; } .hydraulic-text { font-size:14px; font-weight: 600; } .hydraulic-heading { margin-bottom: 80px; margin-top: 50px; font-size: 21px; font-weight: 700; color: #282828; border-bottom: 4px solid; } .hydraulic-cylinders-1 { display:none ; } .hydraulic-cylinders-2 { display:none ; } .hydraulic-cylinders-3 { display:none; } .hydraulic-cylinders-4 { display:none; } .actuator-image { margin-top: 150px; margin-left: 15%; } .margin-top-25 { margin-top:25px; } .cat-name { width: 110%; font-weight:900 !important; font-size:16px; background-color: #282828; color:white !important; } .cat-name a { color:white !important; border-bottom: 5px solid #e2b43a !important; } .product-solutions-content { padding-left: 50px; } .category-menu { background-color:white; border-bottom:7px solid #e2b43a; font-weight:900 !important; } .category-menu a { color:#e2b43a !important; } .menu-class { padding-right:0px !important; } .menu-class2 { padding-left:0px !important; } .gray-background { background-color:#f4f4f4; } .images-application img{ height:auto; } .app-image-container { position: relative; } .app-image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .app-image-container:hover .app-image { opacity: 0.3; } .app-image-container:hover .middle { opacity: 1; } .app-text { background-color: #e2b43a; color: white; font-size: 16px; padding: 16px 32px; } .full-width-apps{ padding:0px !important; } .hyreval-paddings { padding-top: 20px; padding-bottom: 20px; } .right-padding-icon { margin-right:15px; } .back-to-cat { border: solid 2px #e2b43a; } .centered-text { position: absolute; width:50%; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0,0,0,0.3); border: solid 2px white; padding: 20px; color: white; font-size: 17px; font-weight:200; border-radius:10px; -webkit-transition: all ease .938s; transition: all ease .938s; text-align: center; opacity: 0.9; font-family: 'Bebas Neue', cursive; } .image-holder:hover .centered-text { -webkit-transition: all ease .438s; transition: all ease .438s; width:92%; padding-top: 21%; padding-bottom: 21%; } .centered-text a { color:white; transition: all linear .438s; } .centered-text:hover a { color:#e2b43a; font-size:18px; transition: all linear; transition-duration:0.5s; } .centered-text:hover { padding:20px; transition: all ease 2s; color:#e2b43a; border:solid 2px #e2b43a; border-radius:0px; letter-spacing: 0.9px; background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/08/background-services.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .centered-test::after { opacity:0.5; } .image-holder img { opacity: 0.4; -webkit-transition: all ease .438s; transition: all ease .438s; } .image-holder:hover img { opacity: 1; -webkit-transition: all ease .238s; transition: all ease .238s; } .text-black{ color:black; } .about-us-b-quote { padding:20px; } .references-index:hover .fa-globe , .references-index:hover .fc-icon-history-book-for-education , .references-index:hover .fc-icon-browser , .references-index:hover .fc-icon-medal { color :white !important; -webkit-transition: all ease .338s; transition: all ease .338s; } .references-index:hover .style-1, .references-index:hover .style-2, .references-index:hover .style-3, .references-index:hover .style-4 { background-size:750px; transition: all linear .338s; transition-duration: 1s; } .pdf-file-slider { font-size:40px; padding-left: 80%; } .pdf-outer { position:absolute; } .white-border-bottom { border-bottom: 1px solid white; } .single-product-pdf { float:right; margin-top: 30px; font-family: 'Hind', sans-serif; padding: 7px 48px; color: #fff !important; font-weight: 600; font-size: 16px; background-color: #e2b43a; border: 2px solid #e28b3a; border-radius: 3px; display: inline-block; -webkit-transition: all ease .238s; transition: all ease .238s; } .single-product-pdf:hover { background-color:#333 !important; border: 2px solid #333; } .heading-margin { margin-top: 19px; } .sub-menu-text-1 { font-size: 20px !important; line-height: 25px !important; padding-right: 30px !important; margin-top: 4px; border-radius: 3px; font-weight:300; } .sub-menu-text-1 a{ font-size: 20px !important; line-height: 25px !important; color: white; } .sub-menu-text-1:hover a{ color: #e2b43a !important; } .sub-menu-solo { padding-left: 30px !important; } .dropdown-menu-font { font-size:16px !important; line-height: 19px !important; } .top-level-menu{ background-color: #242424 !important; color: white; font-size: 25px; font-weight: 800; padding: 16px !important; letter-spacing: 0.5px; } .top-level-menu a{ color:white !important; } .top-level-menu:hover a{ color:#e2b43a !important; } .left-align {text-align:left !important;} .right-align {text-align:right !important;} .center-align {text-align:center !important;} .back-button { margin-left: -20px; } .brochure-button { margin-left: 13px; } .single-target-buttons-hawl { display:none !important; } .single-target-buttons-scotch { display:none !important; } .single-target-buttons-hsau { display:none !important; } .single-target-buttons-linear { display:none !important; } .centered { text-align:center !important; } .right-text { float:right} .italic {font-style:italic !important;} .bold {font-weight:900 !important;} .warning { background-color:gainsboro; height:400px; margin-top:50px; padding-top:20px; } .ahsau-icon { margin-right: 30px; font-size: 35px; float: right; color: red; } .single-target-buttons-ahsau{ display:none !important; } @media (min-width: 1500px) and (max-width: 1681px) { .wprt-content-box-index.style-1{ height:380px !important; } } @media (min-width: 1800px) and (max-width: 1925px) { .wprt-content-box-index.style-1{ height:380px !important; } } .yellow-important { color: #e2b43a !important; border-bottom: 4px solid #e2b43a; font-size: 24px; letter-spacing: 2px; } .important-desc { font-size: 15px; font-weight: 600; padding: 0px 20px 33px 20px; border-bottom: 4px solid #e2b43a; } .wp-video-shortcode { max-width: 93% !important; height:500px!important; } .privacy-policy { margin-top:150px; } .privacy-policy h1 { text-align:center !important; } .outer-animation-block { background-color:#fcfcfc; width:100%; height: 380px; margin-top: 70px; margin-bottom: 70px; border-top: 10px solid #f7f7f7; border-bottom:10px solid #f7f7f7; } .inner-animation-block { display:block; padding: 50px; } .inner-animation-text { max-height:362px; height:361px; border-left:4px solid #e2b43a; padding: 110px; margin-right: -15px; text-align: justify; background-size: cover; } .inner-animation-text h2 { text-align:center; font-size:1.5em; } @media (min-width: 765px) and (max-width: 990px) { .outer-animation-block { height: 641px; } .inner-animation-text { height:281px; } } @media (min-width: 320px) and (max-width: 480px) { .outer-animation-block { height: 464px !important; } .inner-animation-text { height:281px !important; } .inner-animation-text h2 { text-align:center; font-size: 1.2em; } .hentry .post-title { font-size: 35px !important; letter-spacing: 1.0px !important; } .wprt-button.btn-big { padding: 13.5px !important; font-size: 18px !important; text-align: center !important; width: 100% !important; } #featured-title-2 { background: url(https://www.hydromat.hr/wp-content/uploads/2020/09/upper-video-gallery-image-2-scaled-1.jpg) no-repeat left center !important; background-size: cover !important; padding-top: 295px !important; padding-bottom: 325px !important; } .hentry .post-content-single-wrap .post-content-wrap .post-content { padding-bottom: 5px; padding-top:15px; padding-left:10px; padding-right:10px; text-align: justify; } } @media (min-width: 481px) and (max-width: 764px) { .outer-animation-block { height: 490px !important; } .inner-animation-text { height:239px !important; } } .row-full-width{ background: url(../img/5629.jpg) center no-repeat; background-size: cover; margin-top: 120px; } .language-chooser-item-de { display:none; } .g-recaptcha { transform:scale(1.2); transform-origin:0 0; margin-top:20px; } .brochure { border: solid 2px #A9A9A9; background-color: #D3D3D3 !important; margin-top: 7px !important; background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/08/background-services.jpg); background-size: 900px; } .brochure a { color:black !important; font-size:16px !important; } .brochure:hover { border: solid 2px #e2b43a; transition: all ease .638s; } .brochure:hover a { letter-spacing:0.5px; color:#e2b43a !important; } .upper-check-valve {margin-bottom:20px; } .eu-logo{ height: 50px; width: 85px; margin-left: 20px; margin-top: 5px;} .thumbnail-main{ opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; } .thumbnails { padding-bottom:75px; } .thumbnail-modal { position:relative; } .play-button-middle{ transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .play-button { color:#e2b43a !important; font-size:48px; padding: 16px 32px; font-weight:lighter; } .thumbnail-modal:hover .thumbnail-main { opacity: 0.3; } .thumbnail-modal:hover .play-button-middle{ opacity: 1; } .modal-content { margin-top: 260px; height: 650px; border:none; box-shadow:none; background:none; } @media (min-width: 800px) and (max-width: 1024px) { .row-portfolio-2 img { height: 200px !important; width: 100%; border-radius: 20px; } .row-portfolio-2 .project-item { border: 3px solid #f3f3f3; margin-bottom: 20px; border-radius: 10px; transition: all .5s ease; padding: 15px; } .project-item .zoom-popup { top:20% !important; } .hentry .post-title { font-size: 45px; } .sidebar-tags { float: left; display: inline-block; border: solid 1px #e7e7e7; color: #646464; border-radius: 3px; padding: 0px 6px; margin: 0 20px 20px 0; font-size: 17px; letter-spacing: 0.5px; line-height: 30px; z-index: 1; font-family: 'Bebas Neue', cursive; } } @media (max-width: 450px) { .wt-icon-card { margin-right: 30px !important; } .product-solutions-content { padding-left:15px; } .video-gallery-title { border-bottom: 6px solid #e2b43a !important; font-size: 50px !important; letter-spacing: 7px !important; height: 180px !important; padding: 15px !important; } .what-we-do-info-section { margin-bottom: 150px !important; } .map-section { height:600px !important; background-size: auto !important; } .inner-map { height:600px !important; } } @media screen and (min-width:720px) and (max-width:725px) { #site-logo img { width: 275px; height: 45px; margin-top: 4%; } } @media screen and (min-width:1000px) and ( max-width:1025px) { #site-logo img { width: 275px; height: 45px; margin-top: 11%; } } @media screen and (max-width: 1025px) and (min-width: 725px) { #site-header .wprt-info .info-c > span { font-size: 18px; } #site-header #header-aside { margin-top: 10px; } #main-nav ul li a { font-size: 18px; } .post-picture img { height: 210px !important; } .row-portfolio-1 img { height: 180px; } .news-style-new h3 { height: 135px; } .news-style-new .text-wrap { height: 405px !important; } } @media (min-width: 1000px) { .modal-dialog { width: 1280px !important; margin: 30px auto; }} .left-player-button { float:left !important; font-size:180px; } .right-player-button { float:right !important; font-size:180px; } .modal-footer { z-index: 4; border-top:none; margin-top: -500px; position: relative; } .modal-link { color:white !important; } .modal-link:hover{ color:#e2b43a !important; } .ytp-chrome-controls { display:none !important; } .ytp-chrome-top .ytp-show-cards-title { display:none !important; } .contact-sidebar ul { background-color: #0a172b; color: white; padding: 17px 25px; display: block; font-size: 18px; text-align: center; margin-top: 60px; } .btn-style-three { position: relative; padding: 9px 39px; line-height: 24px; text-transform: uppercase; background: none; color: #fff; border: 2px solid #fff; font-size: 14px; font-weight: 700; border-radius: 4px; transition: all 0.3s ease; } .full-width-picture { background: url(https://www.hydromat.hr/wp-content/uploads/2020/02/background-video-scaled.jpg) no-repeat left center ; background-size: cover ; padding-top: 144px ; padding-bottom: 149px; } .modal-backdrop { z-index:0 !important; } .services-under-title h2 { font-size:40px; font-weight:200; text-align:center; } .slider-new-title { font-size:60px; letter-spacing:1px; font-weight:300; } .row-action-1 h2{ font-size:38px; font-weight:200; } .post-media img { width:100%; } .embed-container { --video--width: 1296; --video--height: 540; position: relative; padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */ overflow: hidden; max-width: 100%; background: black; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Project portfolio classes */ .main-div { height: 300px; max-width:100%; border: solid 4px #f3f3f3; display: block; box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.41); transition: all .4385s; } .inner-div { background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/07/customer.png); background-repeat: no-repeat; background-position: center; background-size: cover; height: 75%; width: 100%; padding: 0px; opacity: 0.05; background-size: 150px; transition: all .9385s; } .inner-div-2{ background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/07/france.png); background-repeat: no-repeat; background-position: center; background-size: cover; height: 75%; width: 100%; padding: 0px; opacity: 0.05; background-size: 150px; transition: all .9385s; } .inner-div-3{ background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/07/location.png); background-repeat: no-repeat; background-position: center; background-size: cover; height: 75%; width: 100%; padding: 0px; opacity: 0.05; background-size: 150px; transition: all .9385s; } .inner-div-4{ background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/07/settings.png); background-repeat: no-repeat; background-position: center; background-size: cover; height: 75%; width: 100%; padding: 0px; opacity: 0.05; background-size: 150px; transition: all .9385s; } .header-title-project { margin-top: 0px; margin-bottom: 0px; text-align: center; font-size: 37px; color: #e2b43a; background-color: #f3f3f3; padding-top: 15px; padding-bottom: 15px; font-family: 'Bebas Neue', cursive; letter-spacing: 2px; font-weight: 300; transition: all .4385s; } .inner-text-class { left: 0; bottom: 50% ; font-size:34px; position: relative; font-weight:200; letter-spacing: 2.5px; font-family: 'Bebas Neue', cursive; text-transform: uppercase; text-align:center; transition: all .4385s; } .header-title-project:hover { background-color: #989898; color:white; letter-spacing:4px; } .main-div:hover .inner-div , .main-div:hover .inner-div-2 , .main-div:hover .inner-div-3 , .main-div:hover .inner-div-4 { background-size:175px; opacity:0.2; } .main-div:hover .header-title-project { background-color: #989898; color:white; letter-spacing:3px; } .main-div:hover .inner-text-class { letter-spacing:3px; color: #e2b43a ; font-weight:500; font-size:33px; } .main-div:hover { box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.61); } /*-------------------------------------------------------------------------------------------------About Us | Reworked Section--------------------------------------------------------------------------------------------------------------- */ .about-us-full-section img { border-style: none; height: auto; max-width: 100%; vertical-align: middle; } .what-we-do-media-section img { width: 100%; } .what-we-do-info-section { margin-left:30px; } .about-us-full-section h2 { font-size: 50px; color: #00173c; font-weight: 200; margin-bottom: 15px; font-family: 'Bebas Neue', cursive; line-height: 1; } .about-us-full-section h3 { font-family: 'Bebas Neue', cursive; } .what-we-do-media-inner h3 { letter-spacing: 1.2px; margin-bottom: 0px; font-size: 34px; color: white; font-weight: 200; } .what-we-do-info-section { margin-bottom: 30px; } .wt-icon-card { /* margin-bottom: 30px; */ padding-bottom: 10px; padding-left: 50px; padding-top: 20px; padding-right: 30px; background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/08/background-services.jpg); /* background-position: center; */ /* background-repeat: no-repeat; */ background-size: 960px; } .wt-small-separator { font-family: 'Roboto', sans-serif; font-size: 34px; line-height: 34px; margin-bottom: 15px; position: relative; display: inline-block; color:#e2b43a; } .what-we-do-section { position: relative; padding-top: 140px; top: -14px; } .what-we-do-media-content::after { border-top-color: #242424; } .what-we-do-media-inner p {margin-bottom:0px; } .what-we-do-media-inner { position: relative; z-index: 1; padding: 20px 30px; background: rgb(226, 180, 58); background: -moz-linear-gradient(left, rgba(226,180,58,1) 0%, rgba(36,36,36,1) 100%); background: -webkit-linear-gradient(left, rgba(226,180,58,1) 0%,rgba(36,36,36,1) 100%); background: linear-gradient(to right, rgba(226,180,58,1) 0%,rgba(36,36,36,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2b43a', endColorstr='#02173c',GradientType=1 ); } .section-full { position: relative; } .bg-gray { background-color: #f4f4f4; } .what-we-do-media-section { position: relative; margin-left: 30px; margin-right: 0px; margin-top: -255px; } .what-we-do-media-content { position: absolute; bottom: -100px; left: 0px; right: 0px; } .p-b70 { padding-bottom: 70px; } .yellow-top-heading { font-family: 'Bebas Neue', cursive; font-size:40px; letter-spacing:1px; line-height: 40px !important; font-weight: 300; text-align:center; color:#e2b43a; } .what-we-do-section .hilite-large-title { position: absolute; right: -2px; bottom: -20px; z-index: 1; } .what-we-do-section .hilite-large-title span { font-size: 120px; line-height: 112px; color: #fff; opacity: 1; font-family: 'Bebas Neue', cursive; display: block; text-transform: uppercase; font-weight: 500; letter-spacing: -2px; } .about-us-full-section p { font-family: 'Roboto', sans-serif; font-size: 14px; margin:0px 0 9px; } .wt-small-separator-outer p{ margin-bottom:27px; } .wt-icon-card .wt-card-header span { font-size: 22px; font-family: 'Bebas Neue', cursive; } .wt-icon-card .wt-card-header { padding-bottom: 10px; color:black; } .welcome-section ul{ list-style:none; padding:0px; } .welcome-section li{ font-size: 21px; position: relative; padding-left: 30px; font-weight: 500; font-family: 'Bebas Neue'; letter-spacing:1px; color: black; } .welcome-section li:after { position: absolute; content: ''; left: 0px; top: 17px; width: 20px; height: 2px; background-color: #e2b43a; } .welcome-section { background-color:white; padding-top:70px; } .welcome-section .hilite-large-title span{ font-size: 120px; line-height: 100px; color: #f3f3f3; opacity: 1; font-family: 'Bebas Neue', cursive; display: block; text-transform: uppercase; font-weight: 500; letter-spacing: -2px; } .welcome-section h3 { margin-top:40px; font-weight: 200; font-size:30px; font-style:italic; letter-spacing:1px; } .map-section { background-image:url('https://www.hydromat.hr/wp-content/uploads/2020/07/map-bg-scaled.jpg'); height:400px; background-repeat: no-repeat; background-size: 100%; background-position: center; margin-top: -15px; margin-bottom: -40px; transition: all ease .938s; } .centered { text-align:center; } .inner-map{ background: rgba(194,194,194,1); background: -moz-linear-gradient(left, rgba(194,194,194,1) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 70%, rgba(194,194,194,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(194,194,194,1)), color-stop(35%, rgba(0,0,0,0.4)), color-stop(50%, rgba(0,0,0,0.3)), color-stop(50%, rgba(0,0,0,0.5)), color-stop(70%, rgba(0,0,0,0.5)), color-stop(100%, rgba(194,194,194,1))); background: -webkit-linear-gradient(left, rgba(194,194,194,1) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 70%, rgba(194,194,194,1) 100%); background: -o-linear-gradient(left, rgba(194,194,194,1) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 70%, rgba(194,194,194,1) 100%); background: -ms-linear-gradient(left, rgba(194,194,194,1) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 70%, rgba(194,194,194,1) 100%); background: linear-gradient(to right, rgba(194,194,194,1) 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.3) 70%, rgba(194,194,194,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#c2c2c2', GradientType=1 ); height:400px; padding: 110px; color:white; } .map-section .hilite-large-title span { font-size: 120px; line-height: 99px; color: #eff3f6; opacity: 1; font-family: 'Bebas Neue', cursive; display: block; text-transform: uppercase; font-weight: 500; letter-spacing: -2px; } .map-section .hilite-large-title { right: -2px; bottom: -20px; z-index: 00; margin-top:-85px; } .map-section:hover { transition: all ease .938s; background-size: 120%; } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; } .inner-map h2{ color:white; text-shadow: 1px 3px black !important; } .bg-white { background-color: #fff!important; } /* ---------------------------------------------------------Masonry----------------------------------------------------------------------------------------------------------- CODE */ .masonry { /* Masonry container */ -webkit-column-count: 3; -moz-column-count:3; column-count: 3; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em; margin: 1.5em; padding: 0; } .masonry .author { display:none; } .pagination-custom { text-align: center; font-size: 30px; font-family: 'Bebas Neue', cursive; background-color: #f3f3f3; padding: 30px; } .pagination-custom a { font-size:30px; } .page-numbers { padding: 20px; background-color: #fdfdfd; } .page-numbers:hover { border-bottom:3px solid #e2b43a;; } .page-numbers.current{ font-size:30px; border-bottom:3px solid; } .row-project-detail { padding: 50px } .project-slider-single { background-color:white; padding-top: 50px; } .masonry-item { display: inline-block; background: #fff; padding: 1em; margin: 5px 0 1.5em; width: 100%; -webkit-transition:1s ease all; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc; } .masonry-item img{max-width: 100%; height: auto; padding: 5px; border: 5px solid #f3f3f3;} @media only screen and (max-width: 320px) { .masonry { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media only screen and (max-width: 420px) { .what-we-do-media-inner { display:none;} .what-we-do-media-content::after {display:none;} .responsive-video {height:350px !important;} .wt-icon-card {margin-bottom: 20px;} } @media only screen and (min-width: 321px) and (max-width: 768px){ .masonry { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media only screen and (min-width: 769px) and (max-width: 1200px){ .masonry { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } } @media only screen and (min-width: 1201px) { .masonry { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } } .btn-style-three { position:relative; line-height:24px; text-transform:uppercase; background:none; color:#fff; border:2px solid #fff; font-size:14px; font-weight:700; border-radius:4px; transition:all .3s ease; padding:9px 39px; } .btn-style-four { position:relative; line-height:24px; text-transform:uppercase; background-color:#242424; color:#fff; font-size:14px; font-weight:700; border-radius:4px; transition:all .3s ease; padding:9px 39px; } .btn-style-three:hover { color:#e2b43a; } .contact-sidebar-3 p { color:#FFF!important; font-weight:600; margin-bottom:0!important; transition:all .3s ease; padding:5px; } .modal-backdrop { z-index:0!important; } .mejs-volume-button { display:none!important; } .toggle-content { background-color:#f3f3f3!important; } .services-under { padding-bottom:60px; } .services-safety { background-color:#f3f3f3; padding-top:70px; -webkit-box-shadow:10px 10px 5px 0 rgba(0,0,0,0.75); -moz-box-shadow:10px 10px 5px 0 rgba(0,0,0,0.75); box-shadow:1px 1px 1px 1px rgba(0,0,0,0.25); } .thumb img { border-top:5px solid #e2b43a; padding-top:0!important; } .thumb-size { width:100%; height:370px; } .teammembers .thumb-size { height:450px; } .row-portfolio-1 .project-item { border:3px solid #646464; border-radius:10px; transition:all .3s ease; margin:5px; padding:5px; } .row-portfolio-2 img { height:360px; width:100%; border-radius:10px; } .row-portfolio-2 { padding-top:50px; padding-bottom:50px; } .row-portfolio-2 .project-item { border:3px solid #f3f3f3; margin-bottom:20px; border-radius:10px; transition:all .5s ease; padding:5px; } .row-portfolio-2 .project-item:hover { border-radius:2px; border:3px solid #646464; } .row-portfolio-1 .project-item:hover { border-radius:2px; border:3px solid #D0D0D0; } .row-portfolio-1 .zoom-popup { font-size:16px; } .row-portfolio-1 { background-image:url(https://www.hydromat.hr/wp-content/uploads/2020/07/slika-za-row.png); background-position:center; background-size:cover; } .strong { font-weight:800; font-size:14px; } .text-eu { text-align:center; margin-top:30px; font-size:18px; font-weight:900; font-style:italic; letter-spacing:1px; } .underline-test { border-top:5px solid #e2b43a; border-bottom:5px solid #e2b43a; width:50%; } .card__content .btn { border:solid 1px #f3f3f3; } .card__content .btn:hover { background-color:#696969; border:solid 1px #696969; color:#FFF; } .full-width-gallery { background-image:url(https://www.hydromat.hr/wp-content/uploads/2020/07/watery-bg.jpg); padding-bottom:75px; margin-bottom:-25px; padding-top:40px; } .inner-projects { background-color:RGBA(243,243,243,0.88); text-align:center; padding-bottom:50px; transition:all .5s ease; } .project-text { text-shadow:0 .5px #000; padding-left:75px; padding-right:75px; font-size:17px; } .inner-projects h3 { padding-top:30px; padding-bottom:30px; font-size:60px; font-weight:400; color:#000; letter-spacing:3px; } .project-margin { margin-bottom:80px; background-color:RGBA(243,243,243,0.88); } .inner-projects:hover { box-shadow:0 0 11px rgba(33,33,33,.2); transition:all .5s ease; background-color:RGBA(243,243,243,1); } .search-title { font-weight:300; font-size:30px ; } .video-gallery-title { color:#000!important; border-bottom:6px solid #e2b43a; font-size:60px; letter-spacing:7px; text-align:center; margin-bottom:0; height:205px; background-image:url(https://www.hydromat.hr/wp-content/uploads/2020/07/bg-test-scaled.jpg); padding:60px; } #featured-title-2 { background:url(https://www.hydromat.hr/wp-content/uploads/2020/07/upper-video-gallery-image-2-scaled.jpg) no-repeat left center; background-size:cover; padding-top:210px; padding-bottom:190px; } #featured-title-2 .featured-title-heading { font-size:60px; color:#fff; text-shadow:2px 2px #000; font-weight:200; margin:0; } #featured-title-2 .breadcrumb-trail { font-size:18px; } #featured-title-2 .breadcrumb-trail a { color:#FFF; } #featured-title-2 .breadcrumb-trail .trail-end { color:black; font-weight:900!important; text-shadow: none; } .outer-service { text-align:center; border:solid 4px #f3f3f3; display:block; height:340px; max-height:340px!important; margin-top:10px; margin-bottom:10px; transition:all .5s ease; } .outer-service:hover .upper-service { opacity:0.85; background-size:130px; filter:grayscale(0%); transition:all .3385s; } .outer-service h3 { font-size:27px; font-weight:500; } .inner-text-service { padding:15px; } .upper-service { background-repeat:no-repeat; background-position:center; height:180px; width:100%; background-color:#FFF; opacity:0.55; background-size:120px; transition:all .4385s; padding:0; } .outer-service:hover .inner-text-service h3 { letter-spacing:2px; color:#e2b43a; transition:all .8385s; } .outer-service:hover { background-color:#f3f3f3; transition:all .9385s; border-radius:5px; border:solid 4px #FFF; box-shadow:0 0 0 3px rgba(226,180,58,0.5); } .zoom-index:hover { font-size: 30px; } .zoom-loop-single:hover { top:0; margin-bottom:0; padding-top:20%; } .tags-loop { padding:30px; } .tags-loop h2 { font-weight:200; font-size:25px; letter-spacing:1px; line-height:1.2; background-color:#f3f3f3; padding:15px; } .tags-loop .hentry { margin-top:50px; background-color:#e7e7e7; border:solid 1px #e7e7e7; padding:20px 20px 0; } .tags-loop .date { font-size:30px; font-family:'Bebas Neue', cursive; font-weight:800; letter-spacing:1px; } .tags-loop .view-article { font-family:'Bebas Neue', cursive; font-weight:600; font-size:20px; border:2px solid #fff; border-radius:3px; -webkit-transition:all ease .238s; transition:all ease .238s; letter-spacing:1.5px; display:block; margin-top:50px; background-color:rgba(255,255,255,0.8); color:#242424; padding:5px 20px; } .tags-loop .hentry:hover { box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important; transition:all ease .238s; } .margin-bottom { margin-bottom:80px; } .masonry p { background-color:#f6f6f6; color:#7a7a7a; border:solid 10px #f1f1f1; margin:0; padding:15px; } .masonry .view-article { font-family:'Bebas Neue', cursive; font-weight:600; font-size:20px; border:2px solid #fff; border-radius:3px; -webkit-transition:all ease .238s; transition:all ease .238s; letter-spacing:1.5px; display:block; margin-top:20px; background-color:rgba(255,255,255,0.8); color:#242424; text-align:center; padding:5px 20px; } .loop-h2 { font-weight:200; font-size:35px; letter-spacing:1px; line-height:1.2; background-color:#f3f3f3; border-bottom:solid 5px #929292; margin:0 0 2px; padding:20px; } .loop-data { border:solid 2px #f3f3f3; margin-bottom:15px; padding:50px; } .upper-service-icon-1 { background-image:url(https://www.hydromat.hr/wp-content/uploads/2020/07/technical-support.png); filter:grayscale(100%); } .upper-service-icon-2 { background-image:url(https://www.hydromat.hr/wp-content/uploads/2020/07/commision.png); filter:grayscale(100%); width:110%; } .upper-service-icon-3 { background-image:url(https://www.hydromat.hr/wp-content/uploads/2020/07/instalation.png); filter:grayscale(100%); } .upper-service-icon-4 { background-image:url(https://www.hydromat.hr/wp-content/uploads/2020/07/acceptance.png); filter:grayscale(100%); } .upper-service-icon-5 { background-image:url(https://www.hydromat.hr/wp-content/uploads/2020/07/techdocu.png); filter:grayscale(100%); } .upper-service-icon-6 { background-image:url(https://www.hydromat.hr/wp-content/uploads/2020/07/maintenance.png); filter:grayscale(100%); } .contact-sidebar ul,.contact-sidebar-2 ul,.contact-sidebar-3 ul { background-color: #242424; color: #FFF; display: block; font-size: 18px; text-align: center; margin-top: 25px; padding: 17px 25px; margin-left: 0px; margin-bottom:25px; } .contact-sidebar h4,.contact-sidebar-2 h4 { color:#e2b43a!important; font-size:30px; font-weight:300; letter-spacing:.7px; } .contact-sidebar-3:hover p,.project-item .zoom-popup:hover { color:#e2b43a!important; } .cbp-lightbox,.tags-loop img,.tags-loop .author,.comments,.post-edit-link,.masonry .date { display:none; } .main-slider-title { font-size:70px; font-weight:500; font-family: 'Bebas Neue', cursive; letter-spacing:1.5px; } .main-slider-text { line-height: 30px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-weight: 400; font-family: 'Open Sans', sans-serif; font-size: 18px; } .slider-button a { font-family: 'Bebas Neue', cursive !important; padding: 5px 20px; color: #242424 !important; font-weight: 600; font-size: 28px !important; background-color: rgba(255,255,255,0.8) !important; border: 2px solid #fff; border-radius: 3px; display: inline-block; -webkit-transition: all ease .238s; transition: all ease .238s; letter-spacing: 1.5px; } .slider-button { font-family: 'Bebas Neue', cursive; color: #fff; font-weight: 600; border-radius: 3px; display: inline-block; border: 2px solid #fff; -webkit-transition: all ease .438s; transition: all ease .438s; letter-spacing: 0.5px; } .slider-button:hover { border: 2px solid #242424; color:#fff; background-color: rgba(36,36,36,0.8) !important; -webkit-transition: all ease .438s; transition: all ease .438s; } .slider-button a:hover { letter-spacing: 2.5px !important; -webkit-transition: all ease .238s; transition: all ease .238s; color:#fff !important; background-color: rgba(36,36,36,0.8) !important; } .slider-button div { -webkit-transition: all ease .238s; transition: all ease .238s; } .nextend-arrow-next,.nextend-arrow-previous { width:80px!important; height:80px!important; } .tags-loop .view-article:hover,.masonry .view-article:hover { background-color:#303030; color:#fff; letter-spacing:2px; border-color:#303030; } .masonry .hentry,.loop-data .hentry { border-bottom:none; } @media only screen and max-width1500px { .wprt-team .name { padding-top:260px!important; font-size:20px; } .team-slider img { height:340px!important; } .wprt-team.style-1 .text-wrap { height:580px; padding:29px; } .row-portfolio-2 { padding:50px!important; } } @media only screen and max-width630px { .wprt-team .name { padding-top:260px!important; font-size:15px; } .wprt-team.style-1 .text-wrap { height:540px; padding:29px; } .wprt-team.style-1 .position { color:#000; font-style:italic; margin-bottom:3px; font-weight:600; font-size:12.5px; } .row-portfolio-2 { padding:20px!important; } } @media only screen and max-width390px { .thumb-size { width:100%; height:275px; } .wprt-team.style-1 .text-wrap { height:520px; padding:29px; } .wprt-team.style-1 .position { color:#000; font-style:italic; margin-bottom:3px; font-weight:600; font-size:11px; } .row-portfolio-2 a { font-size:15px!important; } .wprt-team .name { font-size:16px; } } @media only screen and (max-width 380px) { .row-portfolio-2 { padding: 20px !important; } .row-portfolio-2 img{ height:280px !important; } .project-item .zoom-popup { font-size:13px!important; } .wprt-team .name { font-size:21px; } } @media only screen and min-width1921px { .row-portfolio-1 .project-item { height:390px; } .row-portfolio-1 .project-item img { height:375px; } .row-portfolio-2 img { max-height:405px!important; } .row-portfolio-2 { padding:75px 175px; } } @media only screen and max-width985px { #site-logo img { width:260px!important; height:50px!important; margin-top:3%!important; } .row-portfolio-2 a { font-size:20px!important; } } @media only screen and min-width990px and max-width1050px { #site-logo img { width:167px; height:38px; margin-top:18%; } .row-portfolio-2 img { max-height:170px!important; width:100%; border-radius:10px; } .row-portfolio-2 a { font-size:15px!important; } #main-nav ul li a { font-size:12px; } } @media only screen and max-width500px { .project-text { padding-left:5px; padding-right:5px; font-size:16px; } .inner-text-class { font-size:28px; } } } } @media only screen and max-width990px { .main-div { margin-bottom:25px; } } @media only screen and max-width330px { .outer-service { max-height:365px!important; height:365px; } } @media only screen and min-width2335px { .wprt-content-box-index.style-1 { background-size:cover!important; } } @media only screen and min-width350px and max-width500px { .tags-loop .date { font-size:19px; } .tags-loop h2 { font-size:35px; } .map-section { background-size:290%; } .inner-map { padding:43px; } .wt-icon-card { margin-right:24px; } .what-we-do-info-section { margin-bottom:140px; } .yellow-top-heading { margin-top:25px; } .what-we-do-section .hilite-large-title span,.welcome-section .hilite-large-title span { display:none; } } .header-list { font-weight:500; font-size: 18px !important; font-family: 'Bebas Neue', cursive; margin-right:10px; } .footer-list { font-weight: 500; font-size: 18px !important; font-family: 'Bebas Neue', cursive; color: #e2b43a; } .quick-links { font-size:18px; font-weight:300; color:#e2b43a; font-family: 'Bebas Neue', cursive; letter-spacing:0.5px; -webkit-transition: all ease .438s; transition: all ease .438s; } .quick-links a:hover { margin-left:5px; letter-spacing:1.5px; } .tags-line { float: left; width: 100%; margin-top:0px; margin-bottom:30px; border: 0; height: 3px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(226, 180, 58, 0.75), rgba(0, 0, 0, 0)); } .yellow-border { border-color: rgba(226, 180, 58, 0.3) !important; } .eu-funds { margin-top:25px; margin-bottom:25px; } .outer-eu { margin-bottom:50px; } .hyreval-solo-class{ font-size: 23px; letter-spacing: 0.5px; text-align: center; margin-top: 37px; font-family: 'Open Sans', sans-serif; font-weight: 600; color: black; } .hyreval-small-title { font-size: 30px; font-weight: 300; letter-spacing: 2px; color: #646464; } .hyreval-mini-title { font-size: 21px; font-weight: 300; letter-spacing: 1px; text-align: center; margin-top: 40px; color: #e2b43a; font-family: 'Open Sans', sans-serif; } .heading span { font-weight: 800; color: #e2b43a; font-size: 25px; } .safety-note { font-weight: 800; font-size: 18px; } .services-warning { border: 4px solid #e2b43a; padding: 30px; border-radius: 30px; background-color: white; background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/08/background-services.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .products-section { background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/08/bg-hyr-scaled.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding:50px; } .card:hover { box-shadow: 0 30px 50px -18px rgba(0, 0, 0, 0.45); transition: all .4385s; } .hyreval-semi-title { text-align: center; margin-top: 14px; font-size: 30px; background-color: #f3f3f3; padding: 30px; } .hyreval-blockq { font-size: 17px; letter-spacing: 0.5px; font-style: normal; padding-left: 30px; } .wprt-bquocte h3 { font-size: 30px; text-decoration: none; font-style: normal; color: #e2b43a; letter-spacing: 1px; font-weight: 300; } .inner-animation-block h2 { border-bottom: 3px solid; text-align: center; background-color: rgba(243, 243, 243, 0.8); margin: 0; letter-spacing: 1px; padding: 30px; box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25); font-size: 30px; } .under-analysis { padding-top: 40px; background-color: white; border-top: 3px solid black; } @media only screen and (max-width: 750px) { .slider-header{ display:none !important; } } @media only screen and max-width800px{ .inner-animation-block h2 { font-size: 20px; padding: 15px; letter-spacing:0.5px; margin-top:25px; } .inner-animation-block { padding:15px; } } .hyreval-blockq strong { color: #e2b43a; } .full-width-outer { position: absolute; left: 50%; top: 19%; } .full-width-inner-slider { position: relative; left: -50%; top:50%; background: rgba(0, 0, 0, 0.5); padding:40px; } .full-width-outer .slider-title-heading { font-size: 50px; color: #fff; margin: 0; font-weight: 300; text-shadow: 2px 2px black; } .breadcrumb-trail { text-align: center; background-color: rgba(255, 255, 255, 0.65); border: solid 2px #A9A9A9; } .trail-end { color: white; margin-left: 20px; font-weight: 900 !important; text-shadow: 0px 2px black; text-transform: uppercase; } .breadcrumb-trail a { color: #fff; } .full-width-inner-slider .trail-end { color: black; font-weight: 900 !important; text-shadow: none; text-transform: uppercase; } @media only screen and (max-width: 769px) { .full-width-outer { top: 8%; } .full-width-outer .slider-title-heading { font-size: 30px; color: #fff; margin: 0; padding-bottom: 10px; text-align: center; font-weight: 300; text-shadow: 2px 2px black; } } @media only screen and (max-width: 426px) { .full-width-outer { top: 4.5%; } .full-width-outer .slider-title-heading { font-size: 19px; color: #fff; margin: 0; padding-bottom: 10px; text-align: center; font-weight: 300; text-shadow: 2px 2px black; } .full-width-inner-slider { position: relative; left: -50%; top: 50%; background: rgba(0, 0, 0, 0.5); padding: 7px; } .breadcrumb-trail { font-size:10px; } } @media only screen and (max-width: 326px) { .full-width-inner-slider { display: none; } } @media only screen and (min-width:1680px) and (max-width:1920px) { .slider-class { height:900px; } } .text-normal h3{ font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 40px; } .gallery-title-text { text-align:center; margin-bottom:0px; margin-top:15px; font-size:60px !important; background: #f3f3f3; padding: 35px; border-top: 5px solid; border-bottom: 5px solid; } .bottom-offset { margin-bottom:-24px; } .list-inner { font-size: 17px !important; letter-spacing: 2.0px !important; margin-bottom: 5px; } .list-inner-details { margin-bottom:15px; } @media only screen and (min-width: 1200px) { .row-services-2 .container { width: 1400px !important; } } .current-menu {border-left: solid 15px #ec0101; } .current-small-menu a {color: #ec0101 !important; border-left: solid 5px #ec0101 !important;} .current-small-menu-2 { border-left:solid 5px #ec0101 !important; } .current-small-menu-2 a { color:#ec0101 !important; } .current-small-menu-3 a { color:#ec0101 !important; } .current-small-menu-3 { border-left: 5px solid #ec0101 !important; } .inner-sub-menu { background-color: #f3f3f3 !important; color:#282828 !important; padding:14px 20px !important; border-bottom: 3px solid #f9f9f9; } .inner-sub-menu a{ font-size:16px !important; color:#282828 ; } .wprt-toggles.style-1 .red-icon .toggle-item .toggle-heading > .inner:after { color:red !important; } .inner-sub-menu-content { display: block; margin-left: 50px; margin-bottom: 15px; } .menu-border { border: solid 1px #e7e7e7; } .sub-menu { border-left: solid 2px #282828 ; font-size:16px !important; transition: all ease .238s;} .sub-menu:hover { border-left: solid 4px #e2b43a !important; } .slider-header { text-align: center; position: absolute; left: 0; right: 0; background: rgba(0,0,0,0.5); margin-left: auto; margin-right: auto; width: 500px; margin-top: -375px; } .slider-header h1 { font-size: 35px; color: #fff; border-bottom: 4px solid #e2b43a; margin: 30px; font-weight: 300; text-shadow: 2px 2px black; } .side-menu-margina { margin-top:-15px !important; } .slider-main-tile { font-family: 'Bebas Neue', cursive; color:white; transition: none 0s ease 0s; line-height: 60px; letter-spacing: 1px; font-weight: 300; font-size: 60px; } .side-menu-margin {margin-top:15px !important;} .yellow{color:#e2b43a !important;} .top-header-facebook-icon { height:35px; width:35px; background-image:url('https://www.hydromat.hr/wp-content/uploads/2020/09/facebook.png'); background-size: 35px 35px; transition: all ease-in .4385s; } .top-header-facebook-icon:hover { background-image:url('https://www.hydromat.hr/wp-content/uploads/2020/09/facebook-inverse.png'); transition: all ease-in .4385s; background-size: 35px 35px; } .top-header-linkedin-icon { height:35px; width:35px; background-image:url('https://www.hydromat.hr/wp-content/uploads/2020/09/linkedin.png'); background-size: 35px 35px; transition: all ease-in .4385s; margin-right:10px; } .top-header-linkedin-icon:hover { background-image:url('https://www.hydromat.hr/wp-content/uploads/2020/09/linkedin-white.png'); transition: all ease-in .4385s; background-size: 35px 35px; } .important-red { background-color:#F65555; text-align:center; color:white; max-width:100%; margin-left:auto; margin-right:auto; padding:25px; font-size: 18px; border: 5px solid red; margin-bottom:50px; border-radius:20px; background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/09/alert2.0.png); background-repeat: no-repeat; background-position: center; background-size: 63%; } .important-red h2{ color:white; } .important-red:hover h2 { letter-spacing:2.0px; transition: all .2385s; } .important-red:hover { transition: all .4385s; background-size: 75%; } .background-gray { background-color:rgba(231, 231, 231, 0.6); border:5px solid #d1d1d1; color:#282828; padding:35px; margin-bottom:50px; max-height:800px; transition: all ease-in .4385s; } .background-gray:hover { background-color:rgba(231, 231, 231, 1); border:5px solid #e2b43a; } .background-gray h2 { text-align:center; padding-bottom: 35px; border-bottom: 5px solid #d1d1d1; } .background-gray p { font-size:18px; padding-top:35px; border-top: 5px solid #d1d1d1; } .background-gray h3 { text-align:center; padding-top:35px; border-top:5px solid #d1d1d1; } .tech-spec { background-color:#282828; border:solid 5px #d1d1d1; padding:30px; margin-bottom: -15px; background-image:url('https://www.hydromat.hr/wp-content/uploads/2020/09/1119-1.png'); background-size: 1000px; background-repeat: no-repeat; } .tech-spec p { font-size:16px; color:white; background-color: rgba(192, 192, 192, 0.4); border-left:4px solid #e2b43a; transition: all ease-in .2385s; } .tech-spec p:hover { letter-spacing: 1px; border-left:6px solid #e2b43a; } .tech-spec h2 { text-align:center; padding-bottom:35px; color:silver; font-size:45px; } .hyreval-solo-class span{color:#e2b43a;} .inner-border { background-color: rgba(231, 231, 231, 0.6); border: 5px solid #d1d1d1; color: #282828; padding: 25px 15px 25px 15px; margin-bottom: 25px; min-height:210px; } .inner-border-overlap { min-height:390px !important; } .red-border { border:5px solid #F65555; } .span-important{ color: #e2b43a; text-decoration: underline; } .what-we-do-media-inner h4 { margin-bottom: 0px; font-size: 35px; letter-spacing: 1px; margin:0px; color: white; } @media only screen and (min-width: 260px) and (max-width: 420px) { .about-us-full-section h2 { font-size: 50px; color: black; font-weight: 200; margin-bottom: 15px; font-family: 'Bebas Neue', cursive; line-height: 1; margin-top: -55px !important; } #site-logo img { width: 215px; height: 36px; margin-top: 7%; margin-bottom: 14px; } .wt-small-separator { display:none !important; } .gallery-title-text { text-align: center !important; margin-bottom: 0px !important; margin-top: 10px !important; font-size: 30px !important; background: #f3f3f3 !important; padding: 0px !important; border-top: 5px solid; border-bottom: 5px solid; } .what-we-do-media-section { position: relative; margin-left:0px; margin-right: 0px; margin-top: -204px; } .inner-map h2 { color: white; } .inner-map { background:none; padding: 45px; padding-top: 100px; } .background-gray { padding:10px; height: auto !important; max-height: 1200px; } .products-section { padding: 5px; } } @media only screen and (min-width:764px) and (max-width:1025px) { .map-section { background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/07/map-bg-scaled.jpg); height: 540px; background-repeat: no-repeat; background-size: 100%; background-position: center; margin-top: -80px; margin-bottom: -68px; transition: all ease .938s; } .inner-map { background: none; } .wt-small-separator .yellow-top-heading { font-size:60px !important; } .wt-small-separator { width:100%; margin-left:auto; margin-right:auto; } } .about-us-full-section h2 { margin-top: 70px } .what-we-do-section { padding-top:205px; } /* GOTOV QUERRY */ .important-green { background-color: #4cbb17; text-align: center; color: white; max-width: 100%; margin-left: auto; margin-right: auto; padding: 25px; font-size: 18px; border: 5px solid #228b22; margin-bottom: 50px; border-radius: 20px; background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/09/5872.png); background-repeat: no-repeat; background-position: center; background-size: 30%; } .important-green h2{ color:white; } .important-green:hover h2 { letter-spacing:2.0px; transition: all .2385s; } .important-green:hover { transition: all .4385s; background-size: 45%; } .big-heading { margin-bottom: 40px; font-size: 60px; font-weight: 200; letter-spacing: 0.7px; line-height: 60px; text-align: center; margin-top: 30px; } .important-green-2 { background-color: #4cbb17; text-align: center; color: white; max-width: 100%; margin-left: auto; margin-right: auto; padding: 25px; font-size: 18px; border: 5px solid #228b22; margin-bottom: 50px; border-radius: 20px; background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/09/5872.png); background-repeat: no-repeat; background-position: center; background-size: 60%; } .important-green-2 h2{ color:white; } .important-green-2:hover { transition: all .4385s; background-size: 75%; padding: 25px; border: 5px solid #e2b43a; } .tech-spec-2 { background-color:#282828; border:solid 5px #d1d1d1; border-radius: 20px; padding:15px; margin-bottom: -15px; background-image:url('https://www.hydromat.hr/wp-content/uploads/2020/09/1119-1.png'); background-size: 1000px; background-repeat: no-repeat; } .tech-spec-2:hover { border: 5px solid #e2b43a; transition: all .4385s; } .tech-spec-2 p { font-size:16px; color:white; background-color: rgba(192, 192, 192, 0.4); border-left:4px solid #e2b43a; transition: all ease-in .2385s; } .tech-spec-2 p:hover { letter-spacing: 1px; border-left:6px solid #e2b43a; } .tech-spec-2 h2 { text-align:center; padding-bottom:35px; color:silver; font-size:30px; } strong { color:#e2b43a } .hsa-graph { border-bottom: solid 5px #e2b43a; padding: 25px; background-color: black; color: white; margin-bottom: 0px; margin-top:25px; border-radius:25px; } .hyreval-inner { padding: 25px; border: 5px solid #d1d1d1; background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/08/bg-hyr-scaled.jpg); margin-top: 20px; margin-bottom: 20px; min-height: 555px; transition: all ease-in .2385s; } .hyreval-inner:hover { border:solid 5px #e2b43a; } .hyreval-inner h3 { border-bottom: 5px solid; padding: 15px; background-color: #282828; } .hyreval-inner p { font-size:16px !important; background-color: rgba(192, 192, 192, 0.8); border-left: 4px solid #e2b43a; transition: all ease-in .2385s; } .hyreval-inner img { margin-top:20px; margin-bottom:20px; } .hyreval-inner-2 { padding: 25px; border: 5px solid #d1d1d1; background-image: url(https://www.hydromat.hr/wp-content/uploads/2020/08/bg-hyr-scaled.jpg); margin-top: 20px; margin-bottom: 20px; transition: all ease-in .2385s; } .hyreval-inner-2:hover { border:solid 5px #e2b43a; } .hyreval-inner-2 h3 { border-bottom: 5px solid; padding: 15px; background-color: #282828; } .hyreval-inner-2 p { font-size:16px !important; background-color: rgba(192, 192, 192, 0.8); border-left: 4px solid #e2b43a; transition: all ease-in .2385s; } .hyreval-inner-2 img { margin-top:20px; margin-bottom:20px; } .wprt-toggles-2 .toggle-item-2 .toggle-heading-2 { font-size: 22px; font-weight: 300; line-height: 30px; padding: 15px 25px; margin-bottom: 0; background-color: #f4f4f4; cursor: pointer; position: relative; -webkit-transition: all .238s; transition: all .238s; } .wprt-toggles-2.style-1 .toggle-item-2 .toggle-heading-2 { border-radius: 3px; margin-top: -4px; } .wprt-toggles-2.style-1 .toggle-item-2 .toggle-heading-2 > .inner:after { font-size: 20px; text-align: center; font-weight: 600; font-family: FontAwesome; content: "\f078"; color: red; position: absolute; right: 0; top: 45%; -webkit-transform: translate3d(0,-50%,0); -moz-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } .wprt-toggles-2.style-1 .toggle-item-2.active .toggle-heading-2 > .inner:after { font-family: FontAwesome; content: "\f078"; color: red; } .hyreval-pressure{ width: 400px; margin-left: auto; margin-right: auto; margin-top: 25px; } .background-position-team { background-position: top center; background-repeat: no-repeat; background-size: cover; } } .inner-type-md { padding: 15px; background-color: #f3f3f3; border: solid 10px #f9f9f9; } .inner-type-md h3{margin-top:0px !important; } @media only screen and (min-width: 260px) and (max-width: 420px) { .thumb-size { width: 100%; height: 250px; } .wprt-team.style-1 .text-wrap { height: 540px; } .wprt-team .name { padding-top: 0px; } } .photonic-slideshow-img { display: flex !important; flex-direction: column !important; width:1200px !important; } .animsition { opacity:1 !important; }