/* @Author: Themezinho @URL: http://www.themezinho.net This file contains the styling for the actual theme, this is the file you need to edit to change the look of the theme. // Table of contents // 1. Body 1.1 Elements of body 1.2 Fonts 1.3 Links 1.4 Html elements 1.5 Form Elements 1.6 Table valign trick 1.7 Carousel Dots 1.8 Pagination 1.9 Acordeon 2. Section Title 2.1 Elements of section title 2.2 Headlines 2.3 Numbers 3. Sidebar 3.1 Elements of sidebar 3.2 Transitions 3.3 Text intro 3.4 Search 3.5 Attorney list 3.6 Social Media 3.7 Show-Hide 4. Header 4.1 Elements of header 4.2 Topbar 4.3 Welcome 4.4 Phone 4.5 Timeline 4.6 Language 4.7 Social Media 4.8 Navbar Default 4.9 Dropdown Menu 5. Slider 5.1 Elements of slider 5.2 Banner 5.3 Headlines 5.4 Paragraph 6. Int Header 6.1 Elements of int header 6.2 Headlines 6.4 Breadcrumb 7. Introduction 7.1 Elements of introduction 7.2 Left side 7.3 Right side 7.4 Images 7.5 Headlines 8. Featured Cases 8.1 Elements of featured cases 8.2 Images 8.3 Headlines 8.4 Links 9. Practice Areas 9.1 Elements of practice areas 9.2 List 9.3 Icons 9.4 Headlines 9.5 Customized dots 10. Who We Are 10.1 Elements of who we are 10.2 Left side 10.3 Right side 10.4 Images 10.5 Signature 10.6 Headlines 10.7 Form download 11. About Us 11.1 Elements of about us 11.2 Images 11.3 Paragraphs 11.4 Blockquotes 12. Attorneys 12.1 Elements of attorneys 12.2 Lists 12.3 Images 12.4 Headlines 12.5 Paragraphs 12.6 Links 13. Testimonials 13.1 Elements of testimonials 13.2 Video Background 13.3 Testimonials container 13.4 Images 13.5 Headlines 13.6 Paragraphs 14. Logos 14.1 Elements of logos 14.2 Images 14.3 Images Hover 15. Counter Section 15.1 Elements of counter section 15.2 Icons 15.3 Headlines 15.4 Texts 16. Home News 16.1 Elements of home news 16.2 Images 16.3 Headlines 16.4 Paragraphs 16.5 Links 17. Consulting Form 17.1 Elements of consulting form 17.2 Form 17.3 Inputs 17.4 Images 18. Faq 18.1 Elements of faq 18.2 Customized acordeon 19. Error - 404 19.1 Elements of 404 19.2 Headlines 19.3 Images 19.4 Links 20. Gallery 20.1 Elements of gallery 20.2 Lists 20.3 Images 21. Demo Video 21.1 Elements of demo video 21.2 Video Wrapper 21.3 Videos 22. Career 22.1 Elements of career 22.2 Form 22.3 Inputs 22.4 Buttons 22.5 Job list 23. Elements 23.1 Elements of elements 23.2 Spacing 23.3 Customized elements 24. Blog 24.1 Elements of blog 24.2 Post 24.3 Images 24.4 Headlines 24.5 Blockquotes 24.6 Paragraphs 24.7 Links 25. Contact 25.1 Elements of contact 25.2 Headlines 25.3 Google Maps 25.4 Contact Form 25.5 Inputs 25.6 Buttons 26. Footer - Dark 26.1 Elements of footer 26.2 Footer top 26.3 Headlines 26.4 Address 26.5 Foote menu 26.6 Sub footer 27. Resolution Fixes 27.1 Medium ( Desktop ) 27.2 Small ( Tablets ) 27.3 Extra Small ( Mobiles ) */ /* FONTS */ @import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700italic,700&subset=latin,latin-ext); @font-face { font-family: 'montserrat'; src: url('../fonts/montserrat-regular-webfont.eot'); src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat-regular-webfont.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'montserrat'; src: url('../fonts/montserrat-bold-webfont.eot'); src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff'), url('../fonts/montserrat-bold-webfont.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'montserrat'; src: url('../fonts/montserrat-light-webfont.eot'); src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff'), url('../fonts/montserrat-light-webfont.ttf') format('truetype'); font-weight: 300; font-style: normal; } /* BODY */ *{ outline:none !important;} body{ position: relative; margin:0; padding:0; font-size:16px; font-family:Georgia; color:#656c7f; -webkit-font-smoothing: antialiased; z-index:0;} body{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .vc_col-xs-12, .vc_column_container {width: none !important ;} /* LINKS */ a{ color:#656c7f;} a:hover{ color:#656c7f; text-decoration:underline;} a:focus{ text-decoration:none; background:none;} .introduction .section-title, .career .section-title, .float_left { text-align: left !important; } .float_center { text-align: center !important; } /* HTML ELEMENTS */ p{ line-height:22px; margin-bottom:15px;} b{ font-variant:700;} img{ max-width:100%;} video{ max-width:100%;} ul{ margin:0; padding:0;} ul li{ margin:0; padding:0; list-style:none;} strong{ font-variant:700;} /* Button */ .button{ line-height:40px; display:inline-block; border:1px solid #ccc; padding:0 25px; font-size:12px;} .button:hover{ background:#474747; color:#fff; text-decoration:none; border:1px solid #474747;} .error-pages h2{font-size:70px; padding:100px 0px;} .blog blockquote p {margin-bottom:0px !important;} /* FORM ELEMENTS */ input[type="text"],input[type="email"]{ height:40px; padding:0 10px; border:1px solid #ccc; color: #333;} textarea{ height:120px; padding:10px; border:1px solid #ccc;} button[type="submit"]{ height:40px; border:none; background:#474747; color:#fff; padding:0 20px;} .form-group{ width:100%; float:left;} /* Flickr */ .flickr_wrap {padding:15px 0 10px 0px;} .flickr_badge_image {float:left;padding:0 10px 7px 0;} .flickr_badge_image img {float: left; border: 3px solid #e3e3e3; width: 76px; height: 76px;} .flickr_badge_image img:hover {border: 3px solid #474747;} .flickr_badge_image img:nth-child(3n+1) {margin-right:0px;} /* Comment form */ #comments .navigation { padding: 0 0 16px 0; } h4.comments_title i { margin-right: 12px; color: #ccc;} h4.comments_title{ font-weight: bold; color: #777; font-size: 16px; } .commentlist { list-style: none; padding: 10px; margin-bottom:50px; } .commentlist a{text-decoration:none ;color:#474747 !important;} .commentlist li.comment { margin: 30px 0 10px 0px; padding: 0 0 10px 0px; position: relative !important; border-bottom:solid 1px #e0e0e0; } .commentlist li.comment ul.children{margin:0 0 0 0; margin-left:4%; border-top:solid 1px #e0e0e0; padding:30px 0 0 0;} .commentlist li.comment ul.children li{border-bottom:0 !important; margin:0; padding:0} #comments .comment_text ul, #comments .comment_text ol { margin-bottom: 0; } .commentlist ol { list-style: decimal; } .commentlist .avatar { padding:4px;background-color:#e2e2e2;margin-right:10px;margin-top:-5px; } .comment_text cite { font-style: normal; font-size:12px; line-height:14px; font-weight:bold; } .comment_text cite a, .comment_text cite a:visited{color:#828282;} .comment_text cite a:hover{text-decoration:none} .comment_author .says { font-style: normal; } .comment-meta { font-size: 12px; margin: 0 0 18px 0; } .comment-meta a:link, .comment-meta a:visited { text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #ff4b33; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-style:italic; padding: 0 0 0px 0; float:right; } .reply a, a.comment-edit-link { color:#828282; text-decoration:none; font-size: 12px; } .reply a:hover, a.comment-edit-link:hover { text-decoration:none } .commentlist .children { list-style: none; } .commentlist .children li { } .nopassword, .nocomments { display: none; } #comments .pingback { margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; } .con_comment{padding:0 0 0 0} .commentlist .comment_author{ float:left; margin-top:7px; margin-right:10px;} .commentlist .comment_text{width:auto; margin-bottom:20px !important; } .commentlist .comment_text p{margin-bottom:20px !important} .commentlist ul.children .comment_author{} .commentlist ul.children .comment_text{} .commentlist .comment_text{margin-top:-15px} .comment_text .time{font-size:11px; margin-bottom:2px; display:block;} .comment_text .time a, .comment_text .time a:visited{color:#828282;} .comment_text .boldtext{font-weight:normal; font-size:22px} /* VALIGN TRICK */ .table{ width:100%; height:100%; display:table; text-align:center; margin:0; position:relative; z-index:2;} .table .inner{ display:table-cell; vertical-align:middle;} /* CAROUSEL DOTS */ .slick-dots{ width:100%; float:left; text-align:center; margin-top:30px;} .slick-dots li{ width:30px; height:5px; display:inline-block; background:#fff; margin:0 2px;} .slick-dots li.slick-active{ background:#474747;} .slick-dots li button{ float:left; text-indent:-99999px; background:none; border:none;} /* PAGINATION */ .pagination{ display:block;} .pagination *{ border-radius:0 !important;} .pagination li{ float:left;} .pagination li a{ padding:6px 25px;} .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#656c7f;} .pagination>li>a, .pagination>li>span{ color:#656c7f;} /* ACORDEON */ .panel { margin-bottom: 0px;} .panel-default {border:none; box-shadow: none;} .panel-group .panel{ border-radius:0; box-shadow:none; border:none;} .panel-default>.panel-heading{ border-radius:0; padding:0; background:none; border: none; padding-bottom: 10px;} .panel-default>.panel-heading+.panel-collapse>.panel-body{ border-top-color:transparent; margin-bottom:20px; padding:0 25px; font-weight:300; line-height:22px;} .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a{ width:100%; display:inline-block; padding:10px 0; font-size:23px; font-family:; color:#474747;} .panel-title a > .panel-collapse.collapse.in{ color: #656c7f; } .panel-title>a:hover{ text-decoration:none; color:#474747;} .panel-title .collapsed{ color:#656c7f;} .panel-group .panel+.panel{ margin-top:15px;} .panel-title i.icon {display: none;} /* SECTION TITLE */ .section-title{ width:100%; float:left; margin-bottom:60px; text-align:center;} .section-title .number{ width:100%; float:left; font-weight:700; color:#d0d3d8;} .section-title .number p{ margin:0;} .section-title h3{ margin:0; color:#474747; font-size:40px; font-weight:700;} /* SIDEBAR */ .side-bar{ width:340px; height:100%; position:fixed; left:0; top:0; background:#656c7f; color:#fff; padding:20px; z-index:9; transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); overflow-y:scroll;} .side-bar{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .side-bar.show-me{transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); } .side-bar .close-sidebar{ width:30px; height:30px; float:right; text-align:center; line-height:26px; border:2px solid #fff; border-radius:50%; cursor:pointer;} .side-bar .text-intro{ width:100%; float:left; margin-bottom:30px;} .side-bar .text-intro img{ display:block; margin-bottom:10px;} .side-bar .text-intro p{ font-weight:300; font-size:13px; line-height:20px; margin:0;} .side-bar .search{ width:100%; float:left; margin-bottom:30px;} .side-bar .search input[type="text"]{ width:80%; float:left; border:none; color:#656c7f;} .side-bar .search button[type="submit"]{ width:20%; float:left; border:none; padding:0;} .side-bar .attorney-list{ width:100%; float:left; margin-bottom:30px;} .side-bar .attorney-list ul{ width:100%; float:left;} .side-bar .attorney-list ul li{ width:100%; float:left; margin-bottom:10px;} .side-bar .attorney-list ul li h5{ margin:5px 0;} .side-bar .attorney-list ul li span{ font-size:12px; opacity:0.6;} .side-bar .attorney-list ul li figure{ max-width:40px; float:left; margin-right:10px;} .side-bar .social-media{ width:100%; float:left; margin-bottom:30px;} .side-bar .social-media ul{ width:100%; float:left;} .side-bar .social-media ul li{float:left; margin-right:20px;} .side-bar .social-media ul li a{ color:#fff; font-size:18px;} .side-bar .social-media ul li a:hover{ color:#474747;} .body-to-left{ margin-left:400px;} /* HEADER */ .header{ width:100%; float:left; background:#fff; border-top: 3px solid #474747;} .header *{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .header .top-bar{ width:100%; height:44px; line-height:44px; float:left; border-bottom:1px solid #d7d7d7;} .header .top-bar .welcome{ float:left; margin:0; line-height:44px;} .header .top-bar .phone{ float:right; color: #474747;} .header .top-bar .timeline{ float:left;} .header .top-bar .language{ float:left;} .header .top-bar .language img{ float:left; margin-top:16px; margin-right:6px;} .header .top-bar .social-media{ float:right;} .header .top-bar .social-media li{ float:left; margin-left:20px;} .header .top-bar .social-media li:first-child{margin-left:0;} .header .top-bar .social-media li a{ float:left; font-size:16px;} .header .top-bar .social-media li a:hover{ color:#474747;} .header .navbar-default{ width:100%; float:left; border-radius:0; border:none; background:none; margin:0; background:none;} .header .navbar-default .navbar-header{ width:100%; float:left; padding:20px 0;} .header .navbar-default .navbar-header .navbar-brand{ height:auto;} .header .navbar-default .navbar-header .navbar-nav{ float:right;} .header .navbar-default .navbar-header .navbar-nav li{ float:left;} .header .navbar-default .navbar-header .navbar-nav li:last-child a{ padding-right:0;} .header .navbar-default .navbar-header .navbar-nav li a{ color:#656c7f; text-transform: uppercase;} .header .navbar-default .navbar-header .navbar-nav li a:hover{ color:#474747;} .header .navbar-default .navbar-header .navbar-nav li .hamburger-menu{ padding-top:12px; padding-left:14px; float:left; cursor:pointer;} .header .navbar-default .navbar-header .navbar-nav li .hamburger-menu span{ width:25px; height:2px; display:block; background:#656c7f; margin-bottom:4px;} .header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{ background:none;} .header .navbar-nav>li>.dropdown-menu{ border-radius:0; background:#656c7f; border:none; padding:15px; left:0; right:auto;} .header .navbar-nav>li>.dropdown-menu:after{content:''; position:absolute; top:-6px; left:30px; width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #656c7f transparent;} .header .navbar-nav>li>.dropdown-menu li{ width:100%; float:left; padding:4px 0;} .header .navbar-nav>li>.dropdown-menu li a{ color:#fff !important; padding:0;} .header .navbar-nav>li>.dropdown-menu li a:hover{ background:none; color:#474747 !important;} .header .navbar-default .navbar-header .navbar-nav li:hover .dropdown-menu{ display:block;} /* HEADER - TRANSPARENT*/ .header.transparent { background:none; position:absolute; left:0; top:0; z-index:4; color:#fff;} .header.transparent .top-bar{ border-bottom:1px solid rgba(255,255,255,0.1);} .header.transparent .top-bar a{ color:#fff;} .header.transparent .navbar-default .navbar-header .navbar-nav li a{ color:#fff;} .header.transparent .navbar-default .navbar-header .navbar-brand>img{-webkit-filter: brightness(10); filter: brightness(10);} .header.transparent .navbar-default .navbar-header .navbar-nav li .hamburger-menu span{ background:#fff;} /* SLIDER */ .slider{ width:100%; float:left; position:relative;} .slider h2{ width:100%; text-align:center; color:#fff; margin:0; font-size:99px;} .slider h4{ width:100%; text-align:center; color:#fff; margin:0; font-size:50px;} .slider .long-text{ text-align:center; font-size:19px; font-family:; color:#fff;} .slider .long-text em{ text-decoration:underline; color:#f8ce3e;} .slider .banner{ width:100%; float:left;} .slider .video-bg{ width:100%; float:left; height:600px; overflow:hidden; position:relative;} .slider .video-bg:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(101,108,127,0.7); z-index:2;} .slider .video-bg video{ width:100%; float:left; position:absolute; left:0; top:0; z-index:1;} .slider .video-bg .container{ position:relative; z-index:3; height:100%; padding:0 10%;} .slider .tp-bullet{ width:30px !important; height:5px !important; background:#fff !important;} .slider .tp-bullet.selected{ background:#f85d3e !important;} .slider .consultation-bar{ width:51%; height:104px; float:left; background:#f85d3e; color:#fff; margin-top:-50px; padding:20px 0; position:relative; z-index:2;} .slider .consultation-bar:before{content:''; width:1000px; height:104px; position:absolute; left:-100%; top:0; background:#f85d3e; z-index:-1;} .slider .consultation-bar img{ float:left; margin-right:20px;} .slider .consultation-bar h5{ margin-top:5px; font-family:'Gorgia', serif; font-size:16px;} .slider .consultation-bar h3{ margin-bottom:0; margin-top:10px; font-size:31px;} /* STATIC IMAGE */ .static-image{ width:100%; height:100%; float:left; background:url(http://nagrobkipodkarpacie.pl/wp-content/themes/harvey/images/banner4.jpg); background-size:cover; position:relative;} .static-image h4{ color:#fff; font-family:; font-size:24px; margin-top:50px;} .static-image h2{ font-weight:700; font-size:70px; color:#474747;} .static-image p{ color:#fff; font-family:; margin-bottom:40px; font-size:18px; line-height:28px; padding:0 10%;} .static-image p em{ text-decoration:underline; color:#474747;} .static-image .button{ display:inline-block; padding:8px 18px; color:#fff; border:1px solid #fff;} .static-image .button:hover{text-decoration:none; background:#fff; color:#000;} /* INT HEADER */ .int-header{ width:100%; float:left; padding:20px 0; background:#474747;} .int-header h2{ margin:0; color:#fff; font-family:; font-weight:700;} .int-header ol.breadcrumb{ float:right; margin:0; padding:5px 0; background:none;} .int-header ol.breadcrumb li{ float:left; color:#fff;} .int-header ol.breadcrumb>li+li:before{content:"\f125"; font-family:ionicons; padding:0 20px; color:#fff;} .int-header ol.breadcrumb li a{ color:#fff;} /* INTRODUCTION */ .introduction{ width:100%; float:left; display:table; padding-top:50px;} .introduction .left-side{ width:50%; display: table-cell; vertical-align:middle;} .introduction .left-side.content-inner{ float:left;} .introduction .left-side.content-inner p{ font-size:16px; font-weight:300;} .introduction .left-side.content-inner p em{font-family:; font-style:italic; font-size:19px; } .introduction .left-side.content-inner ul{ float:left; margin:30px 0;} .introduction .left-side.content-inner ul li{ width:100%; float:left; margin:5px 0; font-size:12px; font-weight:300;} .introduction .left-side.content-inner ul li:before{content:''; width:2px; height:2px; border-radius:50%; background:#656c7f; float:left; margin-top:8px; margin-right:15px;} .introduction .right-side{ width:50%; display: table-cell; vertical-align:middle;} .introduction .right-side figure{ width:100%; float:left;} .introduction .right-side figure img{ max-width:100%; display:inline-block;} .introduction .right-side .icon{ width:50px; float:left; margin-right:15px; margin-top:10px; margin-bottom:20px;} .introduction .right-side h4{ font-size:16px; font-weight:700; color:#474747;} .introduction .right-side p{ font-weight:300; font-size:12px; margin-bottom:30px;} .introduction .intro_service h4{ font-size:16px; font-weight:700; color:#474747;} .introduction .intro_service img {float: left; margin-right: 15px; margin-top: 10px; margin-bottom: 20px;} /* FEATURED CASES */ .featured-cases{ width:100%; float:left; background:url(http://themes.multipixels.net/harvey/files/2016/03/shake-hand.jpg) no-repeat; padding:80px 0; text-align:center; position:relative;} .featured-cases:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#656c7f; opacity:0.8;} .featured-cases *{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .featured-cases .video{ width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden;} .featured-cases .video video{ width:100%; float:left;} .featured-cases .container{ position:relative; z-index:9;} .featured-cases figure{ width:100%; float:left; position:relative; margin-bottom:40px; overflow:hidden;} .featured-cases figure img{ width:100%; margin-bottom:20px;} .featured-cases figure figcaption{ width:100%; float:left;} .featured-cases figure figcaption span{ width:20px; height:1px; background:#fff; display:inline-block;} .featured-cases figure figcaption h4{ margin:0;} .featured-cases figure figcaption a{ display:block; font-size:23px; font-family:; color:#fff;} .featured-cases figure figcaption a:hover{ text-decoration:none;} .featured-cases figure:hover figcaption span{ width:100px;} .featured-cases figure:hover img{transform: scale(1.05);} .featured-cases .section-title h3{ color:#fff;} .featured-cases .section-title .sub-title{ color:#9da1ac;} .featured-cases p{ font-size:23px; line-height:34px; font-family:; margin-bottom:30px;} .featured-cases p em{ text-decoration:underline; color:#474747;} .featured-cases a{ display:inline-block; font-size:16px; font-weight:700; color:#474747; text-align:center;} .featured-cases a .border{ width:20px; height:2px; background:#474747; display:inline-block;} .featured-cases a:hover{text-decoration:none;} .featured-cases a:hover .border{ width:100px;} /* PRACTICE AREAS */ .practice-areas{ width:100%; float:left; padding:100px 0;} .practice-areas *{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .practice-areas ul{ width:100%; float:left;} .practice-areas ul li{ text-align:center;} .practice-areas ul li figure{ width:100%; float:left; margin-bottom:20px; text-align:center;} .practice-areas ul li figure img{ display:inline-block; float:none;} .practice-areas ul li span{ width:12px; height:1px; background:#474747; display:inline-block; margin-bottom:5px;} .practice-areas ul li h4 a{ display:block; font-size:16px; font-weight:700; color:#474747; margin-bottom:10px; text-decoration: none;} .practice-areas ul li p{ font-size:13px; font-weight:300;} .practice-areas ul li:hover span{ width:60px;} .practice-areas .slick-dots li{ background:#656c7f; opacity:0.4; cursor:pointer;} .practice-areas .slick-dots li.slick-active{ background:#474747; opacity:1;} /* TOP PRACTICE AREAS */ .top-practice-areas{ width:100%; float:left; padding:100px 0; padding-top: 0px;} .top-practice-areas .practice{ width:100%; float:left; position:relative;} .top-practice-areas .practice figure{ width:100%; float:left; margin-bottom:20px;} .top-practice-areas .practice figure img{ display:inline-block; float:none;} .top-practice-areas .practice span{ width:12px; height:1px; background:#f85d3e; display:inline-block; margin-bottom:5px;} .top-practice-areas .practice h4{ display:block; font-size:16px; font-weight:700; margin-bottom:10px;} .top-practice-areas .practice p{ font-size:13px; font-weight:300;} .practice-areas2{ width:100%; float:left; padding-top:100px;} /* WHO WE ARE */ .who-we-are{ width:100%; display: table; float:left;} .who-we-are *{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .who-we-are .left-side{ width:50%; display: table-cell; vertical-align:middle; text-align:right; overflow:hidden; position:relative; } .who-we-are .left-side:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background-size:cover;} .who-we-are .left-side.image1{background:url(http://nagrobkipodkarpacie.pl/wp-content/themes/harvey/images/image6.jpg); background-size:cover; background-position:center;} .who-we-are .left-side.image2{background:url(http://nagrobkipodkarpacie.pl/wp-content/themes/harvey/images/image25.jpg); background-size:cover; background-position:center;} .who-we-are .left-side .signature{ display:inline-block; text-align:left; padding-right:60px; padding-top: 437px;} .who-we-are .left-side .signature img{ display:block;} .who-we-are .left-side .signature h5{ display:block; color:#fff;} .who-we-are .right-side{ width:50%; display: table-cell; vertical-align:middle; background:#f5f5f5; padding:100px 0;} .who-we-are .right-side .content-inner{ width:100%; max-width:600px; padding-left:80px;} .who-we-are .right-side .content-inner .section-title{ margin-bottom:40px; text-align:left;} .who-we-are .right-side .content-inner .section-title h3{ color:#656c7f;} .who-we-are .right-side .content-inner p{ font-size:16px; line-height:27px; font-weight:300; margin-bottom:20px;} .who-we-are .right-side .content-inner .form-download{ width:100%; float:left; margin-top:20px;} .who-we-are .right-side .content-inner .form-download .app-form{ float:left; margin-right:100px;} .who-we-are .right-side .content-inner .form-download .app-form h5{ float:left; margin-right:20px; margin-top:20px;} .who-we-are .right-side .content-inner .form-download .app-form img{ float:right;} .who-we-are .right-side .content-inner .form-download a{ float:left; font-weight:700; margin-top:10px; padding:10px 25px; background:#474747; color:#fff;} .who-we-are .right-side .content-inner .form-download a:hover{ text-decoration:none; background:#656c7f;} /* ABOUT US */ .about-us{ width:100%; float:left; padding:60px 0; border-top:1px solid #f5f5f5;} .about-us figure{ width:100%; padding:10px; border:1px solid #f5f5f5;} .about-us figure img{ width:100%;} /* ATTORNEYS */ .attorneys{ width:100%; float:left; padding-top:100px;} .attorneys *{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .attorneys ul{ float:left; margin-left:-15px; margin-right:-15px;} .attorneys ul li{ width:25%; float:left; padding:0 15px; margin-bottom:100px; text-align:center;} .attorneys ul li figure{ width:100%; float:left; margin-bottom:20px; background:#656c7f;} .attorneys ul li figure img{ width:100%;} .attorneys ul li h4{ display:block; font-size:16px; font-weight:700; margin-top:5px; margin-bottom:25px; text-transform:uppercase; position:relative;} .attorneys ul li h4:after{content:''; width:20px; height:2px; background:#656d7f; position:absolute; left:50%; margin-left:-10px; bottom:-15px;} .attorneys ul li h4:after{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .attorneys ul li span{ width:100%; float:left; font-size:11px; margin-bottom:5px; color:#474747; text-transform:uppercase;} .attorneys ul li p{ font-weight:300; font-size:13px; line-height:20px;} .attorneys ul li a{ font-size:15px; margin:0 10px;} .attorneys ul li a:hover{ text-decoration:none; border-bottom:none;} .attorneys ul li:hover h4:after{width:76px; margin-left:-38px;} /* TESTIMONIALS */ .testimonials{ width:100%; float:left; position:relative; background:#eff0f2;} .testimonials.image-bg{ background:url(http://nagrobkipodkarpacie.pl/wp-content/themes/harvey/images/banner1.jpg) top center no-repeat; background-size:cover;} .testimonials.image-bg:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(101,108,127,0.7);} .testimonials .container{ position:relative; z-index:3; text-align:center;} .testimonials .section-title { padding-top: 100px;} .testimonials-carousel { padding-bottom: 100px;} .testimonials .testimonial{ display:inline-block; } .testimonials .testimonial figure{ width:80px; height:80px; display:inline-block; margin-bottom:20px;} .testimonials .testimonial figure img{ width:100%; border-radius:50%;} .testimonials .testimonial p{ padding:0 10%; font-weight:300;} .testimonials .testimonial h5{ display:block; font-weight:700; font-size:17px; margin-bottom:4px;} .testimonials .testimonial h4{ font-size:23px; color:#f85d3e; font-family:'Gorgia', serif;} .testimonials .testimonial .job-title{ display:block; color:#f85d3e; font-size:11px;} .testimonials .quote-icon{ width: 104px; background: #f85d3e; text-align: center; padding: 6px 0; border-radius: 4px; margin: 0 auto;} .testimonials .slick-prev{ width:55px; height:55px; background:url(http://nagrobkipodkarpacie.pl/wp-content/themes/harvey/images/left-arrow.png) no-repeat; border:none; text-indent:-9999px; cursor:pointer; position:absolute; left:0; top:40px;} .testimonials .slick-next{ width:55px; height:55px; background:url(http://nagrobkipodkarpacie.pl/wp-content/themes/harvey/images/right-arrow.png) no-repeat; border:none; text-indent:-9999px; cursor:pointer; position:absolute; right:0; top:40px;} /* LOGOS */ .logos{ width:100%; float:left; padding:100px 0;} .logos *{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .logos figure{ width:100%; float:left; border:1px dotted #fff; opacity:0.6; padding:10px 0;} .logos figure h6{ margin:0; display:inline-block;} .logos figure img{ width:100%;} .logos figure:hover{ opacity:1; border:1px dotted #eee;} /* COUNTER SECTION */ .counter-section{ width:100%; float:left; background:#474747; padding:100px 0; color:#fff;} .counter-section i{ display:inline-block; font-size:50px; float:left; margin-right:20px; padding-right:20px; border-right:1px dotted #fff;} .counter-section span{ display:block; margin-top:-5px; font-family:; font-size:32px;} .counter-section h4{ display:block; margin:0; font-size:16px;} /* Prices */ .prices{width:100%; float:left; padding:100px 0;} .prices .price-box{ width:100%; border:1px solid #f4f4f4; padding-bottom:30px; text-align: center;} .prices .price-box:hover{ border:1px solid #E8E8E8;} .prices .price-box:hover a{border:1px solid #E8E8E8; background:#E8E8E8;} .prices .price-box:hover a:hover{color:#333;} .prices .price-box:hover h2{ background:#E8E8E8;} .prices .price-box.selected {border:1px solid #474747; margin-top:-30px;} .prices .price-box.selected a{border:1px solid #474747; background:#474747; color:#fff;} .prices .price-box.selected a:hover{color:#fff;} .prices .price-box.selected h2{ color:#fff; background:#474747; padding:45px 0;} .prices .price-box.selected span{color:#fff;} .prices .price-box h2{ width:100%; float:left; background:#f4f4f4; margin-top:0; margin-bottom:30px; padding:30px 0;} .prices .price-box h2 span{ width:100%; float:left; font-size:18px; font-family:'Vollkorn', serif; margin-top:10px; font-weight:normal; color:#666;} .prices .price-box ul{ width:90%; margin:0; margin-left:5%; margin-bottom:30px; padding:0;} .prices .price-box ul li{ width:100%; border-bottom:1px solid #f4f4f4; margin:0; padding:15px 0;} .prices .price-box ul li{list-style:none;} /* HOME NEWS */ .home-news{ width:100%; float:left; padding:100px 0;} .home-news .content-inner {margin-left: -15px;} .home-news figure{ width:100%; max-width:300px; float:left; margin-right:40px; position:relative;} .home-news figure .date{ float:left; background:#474747; color:#fff; text-align:center; padding:7px 10px; position:absolute; top:6px; right:-30px; font-size:20px; font-weight:700;} .home-news figure .date span{ display:block; font-weight:300; font-size:14px;} .home-news h4 a{ margin-top:15px; font-size:16px; font-weight:700; line-height:24px; margin-bottom:20px;} .home-news p{ font-weight:300;} .home-news a{ float:left; font-weight:700; font-size:12px;} .home-news a:hover{ text-decoration:none;} .home-news a:after{content:''; width:10px; height:1px; background:#656c7f; display:block; margin-top:10px;} .home-news a:after{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .home-news a:hover:after{content:''; width:60px;} .home-news .home_portfolio h4 a{ margin-top:15px; font-size:16px; font-weight:700; line-height:24px; margin-bottom:20px;} .home-news .home_portfolio { margin-left: -15px; } .home-news .home_portfolio .home_port_content { float: left;} .home-news .home_portfolio p{ float: left; font-weight:300; padding-right: 20px;} .home-news .home_portfolio a{ float:left; font-weight:700; font-size:12px;} .home-news .home_portfolio a:hover{ text-decoration:none;} .home-news .home_portfolio a:after{content:''; width:10px; height:1px; background:#656c7f; display:block; margin-top:10px;} .home-news .home_portfolio a:after{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .home-news .home_portfolio a:hover:after{content:''; width:60px;} .clear{clear: both;} /* CONSULTING FORM */ .consulting-form{ width:100%; float:left; padding-top:100px; margin-top:100px; position:relative; background:url(http://themes.multipixels.net/harvey/files/2016/03/hero-n.jpg) no-repeat; } .consulting-form:after{content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:#f5f5f5; opacity:0.8;} .consulting-form *{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .consulting-form .container{ position:relative; z-index:9;} .consulting-form .content-inner {margin-top: -20px;} .consulting-form .section-title{ text-align:left;} .consulting-form form input[type="text"],.consulting-form form input[type="email"]{ width:100%;} .consulting-form form textarea{ width:100%; float:left; margin-bottom:15px;} .consulting-form form input[type=submit]{ border:2px solid #474747; height: 40px; background: #474747; color: #fff; padding: 0 20px;} .consulting-form form input[type=submit]:hover{ background:transparent; color:#474747;} .consulting-form .content-inner img{ margin-top:-280px; float:left; padding-left: 75px;} .consulting-form .form_wrapper .form_left{ float: left; width: 47%; } .consulting-form .form_wrapper .form_right{ float: right; width: 47%; } input[type=submit] { border:2px solid #474747; height: 40px; background: #474747; color: #fff; padding: 0 20px;} input[type=submit]:hover{ background:transparent; color:#474747;} /* FAQ */ .faq{ width:100%; float:left; padding:60px 0;} /* ERROR - 404 */ .error-404{ width:100%; height:100%; float:left; padding:100px 0;} .error-404 h2{ color:#000; font-size:50px;} .error-404 img{ display:block;} .error-404 a{ color:#474747; text-decoration:underline;} /* GALLERY */ .gallery{ width:100%; float:left; padding:60px 0;} .gallery *{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .gallery ul{ margin-left:-20px; margin-right:-20px;} .gallery ul li{ width:33.33333%; float:left; padding:20px;} .gallery ul li figure{ display: inline-block; width: auto; background-position: center center; background-repeat: no-repeat; overflow: hidden; float:left; background:#656c7f;} .gallery ul li figure:hover img{ opacity:0.9; } .gallery ul li figure img{ min-height: 100%; min-width: 100%; opacity:0.7;} /* DEMO VIDEO */ .demo-video{ width:100%; float:left; padding:60px 0;} .demo-video .video-wrapper{ width:100%; max-width:800px; margin-bottom:100px;} .demo-video .video-wrapper video{ width:100%;} /* CAREER */ .career{ width:100%; float:left; padding:60px 0;} .career .job-list{ width:100%; float:left; margin-bottom:60px;} .career .job-list li{ width:100%; float:left; margin:6px 0;} .career .job-list li span{ float:left; font-size:10px; color:#474747; margin-right:10px;} .career .job-list li h5{ width:100%; max-width:400px; float:left; margin:0; font-size:17px;} .career .job-list li a{ float:left; color:#474747; font-weight:700;} .career form{ width:100%; float:left;} .career small{ float:left; line-height:40px; margin-left:20px;} .career label{ width:120px; float:left; font-weight:400; line-height:40px;} .career input[type="text"]{ width:100%; max-width:320px;} .career input[type="file"]{ width:280px; float:left; border:1px solid #ccc; padding:10px 15px;} .career textarea{ width:100%; max-width:420px;} .career button[type="submit"]{border:2px solid #474747;} .career button[type="submit"]:hover{ background:transparent; color:#474747;} /* ELEMENTS */ .elements{ width:100%; float:left; padding:60px 0;} .elements .bottom-spacing{ margin-bottom:60px;} /* BLOG */ .blog{ width:100%; float:left; padding:60px 0;} .blog .post{ width:90%; float:left; margin-bottom:60px;} .blog .post .post-image{ width:100%; float:left; margin-bottom:20px;} .blog .post .post-image img{ width:100%;} .blog .post .post-date-author{ font-size:11px; color:#999;} .blog .post .post-title{ width:100%; float:left; margin:10px 0; color:#474747;} .blog .post p{ width:100%; float:left; margin-bottom:20px; font-weight:300;} .blog .post blockquote{ width:100%; float:left; margin:20px 0; border-left:3px solid #656c7f;} .blog .post a{ float:left; color:#474747;} .blog .post a:hover{ text-decoration:none; color:#555;} .blog .post .post-date-author a {margin-top: 4px;} .blog .post .post-date-author a:after{ display: none;} .blog .post a:after{content:''; width:10px; height:1px; background:#656c7f; display:block; margin-top:10px;} .blog .post a:after{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .blog .post a:hover:after{content:''; width:60px;} /* BLOG - PAGINATION */ .blog .pagi{ width:100%; float:left;} .blog .pagi>li{ float:left;} .blog .pagi ul li a{ float:left; border:1px solid rgba(0,0,0,0.05); font-weight:700; font-size:12px; text-decoration: none; padding:20px; font-weight:400; color:#2f2e33; border-radius:0 !important;} .blog .pagi ul li a:hover,.blog_wrapper .pagi ul li a.selected{ background:#474747; color:#fff;} .blog .blog-sidebar{ width:100%; float:left;} .blog .blog-sidebar .widgets{ width:100%; float:left;} .blog .blog-sidebar .widgets h2{ width:100%; float:left; font-size:17px; font-weight:700; color:#474747;} .blog .blog-sidebar .text-content{ width:100%; float:left;} .blog .blog-sidebar .text-content p{ font-weight:300; margin:0;} .blog .blog-sidebar .social-media{ float:left;} .blog .blog-sidebar .social-media ul{ width:100%; float:left;} .blog .blog-sidebar .social-media ul li{ width:30px; height:30px; float:left; line-height:30px; text-align:center; margin-right:3px; background:#656c7f;} .blog .blog-sidebar .social-media ul li a{ display:inline-block; color:#fff;} .blog .blog-sidebar .tags{ float:left;} .blog .blog-sidebar .tags a{ float:left; border:1px solid #eee; padding:4px 8px; margin-right:5px; margin-bottom:5px;} .blog .blog-sidebar .categories{ float:left;} .blog .blog-sidebar .categories ul{ width:100%; float:left;} .blog .blog-sidebar .categories ul li{ width:100%; float:left; font-size:16px; margin:4px 0;} .blog .blog-sidebar .gallery-thumbs{ float:left;} .blog .blog-sidebar .gallery-thumbs ul{ width:100%; float:left;} .blog .blog-sidebar .gallery-thumbs ul li{ width:33.33333%; float:left; padding:2px;} .blog .blog-sidebar .gallery-thumbs ul li figure{ width:100%; float:left;} .blog .blog-sidebar .gallery-thumbs ul li figure img{ width:100%;} .slider-content em {text-decoration: underline; color: #f8ce3e;} /* CONTACT */ .contact{ width:100%; float:left; padding:60px 0;} .contact *{-webkit-transition: .15s ease-in-out;-moz-transition: .15s ease-in-out;-ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out;} .contact h5{ font-weight:700;} .contact #map{ width:100%; height:400px; float:left; margin:20px 0px 60px 0px;} .contact .contact-form{ width:100%; float:left;} .contact .contact-form label{ width:120px; float:left; font-weight:400; line-height:40px;} .contact .contact-form input[type="text"]{ width:100%; max-width:320px;} .contact .contact-form textarea{ width:100%; max-width:420px;} .contact .contact-form button[type="submit"]{border:2px solid #474747;} .contact .contact-form button[type="submit"]:hover{ background:transparent; color:#474747;} /* FOOTER - DARK */ .footer-dark{ width:100%; float:left; background:#656c7f; color:#fff;} .footer-dark .footer-top{ width:100%; float:left; border-bottom:1px solid rgba(255,255,255,0.2); padding:30px 0; margin-bottom:40px;} .footer-dark .footer-top figure{ float:left; margin-right:20px;} .footer-dark .footer-top address{ display:inline-block; margin:0; font-weight:300;} .footer-dark .footer-top p{ margin:0;} .footer-dark .logo{ float:left; max-widht:100%;} .footer-dark p{ font-weight:300;} .footer-dark figure{ max-width:240px; float:left; margin-right:20px;} .footer-dark dl.footer-menu{ width:100%; float:left;} .footer-dark dl.footer-menu dt{ width:100%; float:left; font-weight:700; margin-bottom:10px;} .footer-dark dl.footer-menu dd{ width:100%; float:left; font-weight:300; line-height:22px;} .footer-dark dl.footer-menu dd a{ float:left; color:#fff;} .footer-dark .sub-footer{ width:100%; float:left; background:rgba(0,0,0,0.2); margin-top:30px; padding:20px 0;} .footer-dark .sub-footer .copyright{ float:left; font-size:12px; font-weight:300;} .footer-dark .sub-footer .creation{ float:right; font-size:12px; font-weight:300;} .footer-dark .sub-footer .creation i{ color:#474747;} /* MEDIUM RESOLUTION FIXES */ @media only screen and (max-width: 1139px), only screen and (max-device-width: 1139px) { .featured-cases p{ font-size:21px;} .who-we-are .right-side .content-inner{ padding:0 40px;} .attorneys ul li{ width:25%;} .attorneys ul li:last-child{ display:none;} .home-news figure{ max-width:240px;} .footer-dark figure{ max-width:180px;} } /* SMALL RESOLUTION FIXES */ @media only screen and (max-width: 969px), only screen and (max-device-width: 969px) { .header .navbar-default .navbar-header .navbar-nav li:last-child{ display:none;} .header .navbar-default .navbar-header .navbar-nav li a{ padding:10px;} .header .top-bar .phone{ float:left;} .navbar-brand>img{ height:15px;} .navbar-brand{ padding:14px 15px;} .header .top-bar .social-media li{ margin-left:15px;} .introduction .left-side{ width:58%;} .introduction .right-side{ width:42%;} .introduction .left-side .content-inner ul{ margin:20px 0;} .introduction .section-title{ margin-bottom:40px;} .introduction .left-side .content-inner p{ font-size:15px;} .featured-cases .col-sm-4{ padding:8px;} .featured-cases figure figcaption a{ font-size:18px;} .featured-cases p{ font-size:19px; line-height:24px;} .who-we-are .left-side{ width:100%; float:left; padding:100px 0;} .who-we-are .right-side{ width:100%; float:left;} .who-we-are .right-side .content-inner{ max-width:inherit;} .attorneys ul li{ width:50%; padding:0 20px; margin-bottom:30px;} .testimonials{ background:#656c7f;} .home-news figure{ max-width:inherit; margin-bottom:20px;} .home-news figure .date{ right:-10px;} .consulting-form{ margin-top:0; padding:100px 0;} .footer-dark figure{ max-width:300px; margin-bottom:30px;} } /* EXTRA SMALL RESOLUTION FIXES */ @media only screen and (max-width: 767px), only screen and (max-device-width: 767px) { .header .top-bar { font-size:13px;} .header .top-bar .social-media li{ margin-left:10px;} .header .navbar-brand{ padding:16px 0;} .header .navbar-default .navbar-collapse{ width:100%; float:left; margin-top:20px;} .header .navbar-default .navbar-header .navbar-nav li{ float:none;} .header .navbar-default .navbar-header .navbar-nav{ width:100%; float:none;} .header .navbar-nav>li>.dropdown-menu{ width:100%; position:static; background:none;} .header .navbar-nav>li>.dropdown-menu:before{ display:none;} .header .navbar-nav>li>.dropdown-menu:after{ display:none;} .header .navbar-nav>li>.dropdown-menu li{ text-align:left;} .header .navbar-nav>li>.dropdown-menu li a{ color:#656c7f !important;} .navbar-default .navbar-toggle{ margin:0; border:none; padding:0;} .navbar-default .navbar-toggle i{ font-size:36px;} .navbar-default .navbar-toggle:hover{ background:none;} .navbar-default .navbar-toggle:focus{ background:none;} .introduction .left-side{ width:100%;} .introduction .left-side .content-inner{ padding-right:0;} .introduction .right-side{ width:100%;} .counter-section i{ width:70px; margin-bottom:20px;} .featured-cases .col-sm-4{ padding:30px;} .featured-cases figure figcaption a{font-size:23px;} .who-we-are .right-side .content-inner .form-download .app-form{margin-right:50px;} .home-news figure img{ width:100%;} .home-news a{ width:100%; margin-bottom:40px;} .footer-dark .footer-top figure{ width:50px;} .footer-dark .footer-top p{ width:auto;} .footer-dark figure{ max-width:inherit; width:100%; margin:30px 0;} .footer-dark figure img{ width:100%;} .footer-dark p{ width:100%; float:left;} .footer-dark dl.footer-menu{ margin-top:20px;} }