/* Theme Name: Aedificator Author: Stefan C. Theme URI: https://www.pwtthemes.com/theme/aedificator-free-responsive-wordpress-theme Author URI: http://www.stefanciobanu.com Description: Aedificator is an awesome theme with fully responsive and compatible with newest version of WordPress, is easy to customizable, SEO Optimizable, Fast loading and an awesome panel options. Aedificator Theme is perfect for a construction business, but also for various other business or personal blog, The customization of this theme is very easy. Version: 1.0.2 Tags: entertainment, one-column, two-columns, right-sidebar, grid-layout, footer-widgets, custom-menu, custom-background, editor-style, featured-images, full-width-template, theme-options, threaded-comments, translation-ready License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: aedificator */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } html { width: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font: normal 400 13px/1 'ralewaysemibold', Arial, sans-serif; word-wrap: break-word; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display: block; } ol { list-style: inside decimal; } ul { list-style: inside disc; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } blockquote { background: none repeat scroll 0 0 #EEEEEE; border-left: 5px solid #f68a15; font-style: italic; margin: 10px 0; padding: 10px 15px 5px; quotes: none; } table { border-collapse: collapse; border-spacing: 0; border-bottom: 1px solid #f68a15; margin: 15px 0; width:100%; } td { border: 1px solid #f68a15; padding: 10px; } th { background: none repeat scroll 0 0#f68a15; border: 1px solid #f68a15; color: #FFFFFF; font-weight: bold; padding: 10px; text-transform: uppercase; } th a { color: #FFFFFF; } cite, em, i { font-style: italic; } pre, code, kbd { background-color: #EEEEEE; font-family: monospace; font-size: 13px; line-height: 20px; } pre { padding: 18px; overflow: auto; white-space:pre-wrap; margin: 10px 0; } ins { background: none repeat scroll 0 0 #EEEEEE; } dt { font-weight: bold; line-height: 1.4; } dd { margin-bottom: 20px; line-height: 1.4; } address { margin: 0 0 15px; display: block; line-height: 20px; } abbr, acronym, dfn { border-bottom: 1px dotted #f68a15; cursor: help; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sub { top: 2px; } embed, iframe, object { max-width: 100%; } figure { display: inline-block; padding: 10px; text-align: center; width: 22%; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; max-width: 100%; text-decoration: none; } /* change colours to suit your needs */ ins { background-color: #ff9; color: #000; text-decoration: none; } /* change colours to suit your needs */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } /* change border colour to suit your needs */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } a:focus, input:focus, select:focus, textarea:focus { outline: 0; } img{ max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; } input, textarea { -webkit-appearance: none; -moz-border-radius: 0px; /* Mozila Firefox border radius */ -webkit-border-radius: 0px; /* Safari, Chrome border radius */ -khtml-border-radius: 0px; /* KHTML border radius */ -icab-border-radius: 0px; /* icab border radius */ border-radius: 0px; /* CSS3 Opera border radius */ -opera-border-radius: 0px; -o-border-radius: 0px; -border-radius: 0px; } audio { max-width: 100%; } @-ms-viewport{ width: device-width; } /** grid system **/ .clear { display: block; width: 100%; height: 0px; clear: both; overflow: hidden; visibility: hidden; font: 400 0px/0px Arial; } .wrapper, .clearfix, .column-container, .gutter, .meta, .comment-body { *zoom: 1; } .clearfix:before, .clearfix:after, .column-container:before, .column-container:after, .meta:before, .meta:after, .comment-body:before, .comment-body:after { content: ''; display: block; width: 100%; height: 0px; overflow: hidden; visibility: hidden; text-indent: -99999px; } .clearfix:after, .column-container:after, .meta:after, .comment-body:after { clear: both; } .container { margin: 0 auto; width: 1170px; } .gutter { margin-left: 15px; margin-right: 15px; } .contact-form-columns { margin-left: 8px; margin-right: 8px; } .contact-form-columns .gutter { margin-left: 7px; margin-right: 7px; } .fullwidth { display: block; width: 100%; } .column-container .column-1-12, .column-container .column-2-12, .column-container .column-1-5, .column-container .column-3-12, .column-container .column-4-12, .column-container .column-5-12, .column-container .column-6-12, .column-container .column-7-12, .column-container .column-8-12, .column-container .column-9-12, .column-container .column-10-12, .column-container .column-11-12, .column-container .column-12-12 { float: left; } .column-1-12 { width: 8.333333333333333%; } .column-2-12 { width: 16.66666666666667%; } .column-1-5 { width: 20%; } .column-3-12 { width: 25%; } .column-4-12 { width: 33.33333333333333%; } .column-5-12 { width: 41.66666666666667%; } .column-6-12 { width: 50%; } .column-7-12 { width: 58.33333333333333%; } .column-8-12 { width: 66.66666666666667%; } .column-9-12 { width: 75%; } .column-10-12 { width: 83.33333333333333%; } .column-11-12 { width: 91.66666666666667%; } .column-12-12 { width: 100%; } .left, .column-container .left { float: left; } .right, .column-container .right { float: right; } .center, .column-container .center { float: none; margin-left: auto; margin-right: auto; } /** theme colors **/ /** white **/ .color-white, .menu-top .current-menu-item a, .menu-top .current_page_item a, .menu-top .current-menu-item a:hover, .menu-top .current_page_item a:hover, .menu-top .current-menu-item a.hover, .menu-top .current_page_item a.hover, .menu-top-mob a, .menu-tabs a:hover, .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover, .menu-tabs a:hover .fa, .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover .fa, .article-image .fa, .section-overlay, .welcome-carousel, .button, .wpcf7-submit, #submit, .section-overlay .button:hover, .section-subscribe, .pagination a, .pagination a:hover, .social-links a, .social-links a:hover, .contact-info .social-links a, .contact-info .social-links a:hover, .section-overlay h4, .menu-filter .current-menu-item a, .menu-filter .current_page_item a, .menu-filter .current-menu-item a:hover, .menu-filter .current_page_item a:hover, .progress-bar li, .ui-progressbar, .footer h1 span, .footer h1 a:hover span, .footer h3 { color: #ffffff; } .border-white, .owl-theme .owl-controls .owl-page span, .subscribe .button { border-color: #ffffff; } .bg-white, html, body, .wpcf7-text, .wpcf7-textarea, .comment-form #author, .comment-form #email, .comment-form #url, .comment-form #comment, .searchform, .header, .menu-top .sub-menu, .menu-top .children, .owl-theme .owl-controls .owl-page.active span, .icon-menu { background-color: #ffffff; } /** gray **/ .color-gray, html, body, .meta, .contact-info a { color: #606060; } .wellcome-user, .wpcf7-form .label label, .comment-form p label { color: #b1b1b1; } .color-gray-dark, .header h1 span, h2, h2 a, h3, h4, .welcome-carousel h6 .x-large, .menu-top a, .menu-top .current-menu-item .sub-menu a, .menu-top .current_page_item .sub-menu a, .menu-top .current-menu-item .children a, .menu-top .current_page_item .children a, .menu-tabs a, .ui-tabs .ui-tabs-nav .ui-tabs-anchor, .social a:hover, .wpcf7-text, .wpcf7-textarea, .comment-form #author, .comment-form #email, .comment-form #url, .comment-form #comment, .searchform #s, .button:hover, .wpcf7-submit:hover, #submit:hover, .read-more:hover, .testimonial .author-name, .contact-info-label, .meta a, .tags span, .comment-body .fn, .comment-body .comment-reply-link, .project-title, .project-title a, .menu-filter a, .italic-large { color: #121212; } .top-bar, .top-bar a, .search-form .search-field, .article-team h2, .article-team h2 a { color: #41403f; } .section-subtitle { color: #535353; } .section-overlay .section-subtitle { color: #cacaca; } .sidebar-block, .sidebar-block a { color: #6c6a6a; } .meta-sidebar, .comment-body .comment-meta, .comment-body .comment-meta a { color: #c7c7c7; } .tags, .tags a { color: #888787; } .footer, .footer a, .footer .copyright-bar a:hover, .copyright-bar a:hover, .footer .social a:hover { color: #a4b0b6; } .copyright-bar { color: #64696c; } .border-gray { border-color: #606060; } .subscribe .button:hover { border-color: #121212; } .top-bar, .owl-theme .owl-controls.clickable .owl-page:hover span, .partners-carousel, .partners-carousel:before, .partners-carousel:after, .commentlist, .commentlist li, .meta, .menu-tabs, .menu-tabs li, .ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-nav li, .accordion, .accordion h3, .ui-accordion .ui-accordion-header, .ui-accordion-content-active, .searchform, .popular-posts li, .sidebar-block .widget ul li, .sidebar-block ul li, .menu-filter, .menu-filter li { border-color: #ededed; } .wpcf7-text, .wpcf7-textarea, .comment-form #author, .comment-form #email, .comment-form #url, .comment-form #comment { border-color: #f2f2f2; } .bg-gray, .pagination a.current-page { background-color: #606060; } .search-form { background-color: #ededed; } .section-about { background-color: #f8f8f8; } .social-links a { background-color: #d0d0d0; } .pagination a, .footer { background-color: #222d34; } .welcome-carousel, .copyright-bar { background-color: #20262a; } /** black **/ .color-black { color: #000000; } .border-black { border-color: #000000; } .bg-black { background-color: #000000; } /** orange **/ .color-orange, a, h1, h2 a:hover, .top-bar a:before, .top-bar a:hover, .icon-menu, .menu-top a:hover, .menu-top .sub-menu a:hover, .menu-top .children a:hover, .menu-top .current-menu-item .sub-menu a:hover, .menu-top .current_page_item .sub-menu a:hover, .menu-top .current-menu-item .children a:hover, .menu-top .current_page_item .children a:hover, .menu-top a.hover, .menu-top .sub-menu a.hover, .menu-top .children a.hover, .menu-top .current-menu-item .sub-menu a.hover, .menu-top .current_page_item .sub-menu a.hover, .menu-top .current-menu-item .children a.hover, .menu-top .current_page_item .children a.hover, .menu-tabs a .fa, .ui-tabs .ui-tabs-nav .ui-tabs-anchor .fa, .social a, .contact-info a:hover, .meta a:hover, .meta .fa, .tags a:hover, .comment-body .comment-reply-link:hover, .sidebar-block a:hover, .project-title a:hover, .menu-filter a:hover, .sub-title, .member-post, .article-team h2 a:hover, .footer a:hover, .footer h1 a, .menu-footer .current-menu-item a, .menu-footer .current_page_item a, .copyright-bar a { color: #f68a15; } .border-orange, .menu-tabs .current-menu-item a, .menu-tabs .current_page_item a, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .menu-tabs a:hover, .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover, .menu-tabs .current-menu-item a:after, .menu-tabs .current_page_item a:after, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor:after { border-color: #f68a15; } .menu-top .sub-menu, .menu-top .children, .button, .wpcf7-submit, #submit, .icon-menu { border-color: #ef8e10; } .menu-top-mob li { border-color: #f49a24; } .bg-orange, .menu-top .current-menu-item a, .menu-top .current_page_item a, .menu-top-mob a, .button, .wpcf7-submit, #submit, .get-quote-block .button:hover, .social-links a:hover, .pagination a:hover, .menu-filter .current-menu-item a, .menu-filter .current_page_item a, .progress-bar li .ui-progressbar-value, .ui-progressbar .ui-progressbar-value { background-color: #ef8e10; } .menu-tabs a:hover, .ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover { background-color: #f68a15; } /** fonts **/ @font-face { font-family: 'ralewaysemibold'; src: url('assets/css/fonts/raleway-semibold-webfont.eot'); src: url('assets/css/fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('assets/css/fonts/raleway-semibold-webfont.woff2') format('woff2'), url('assets/css/fonts/raleway-semibold-webfont.woff') format('woff'), url('assets/css/fonts/raleway-semibold-webfont.ttf') format('truetype'), url('assets/css/fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewaybold'; src: url('assets/css/fonts/raleway-bold-webfont.eot'); src: url('assets/css/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('assets/css/fonts/raleway-bold-webfont.woff2') format('woff2'), url('assets/css/fonts/raleway-bold-webfont.woff') format('woff'), url('assets/css/fonts/raleway-bold-webfont.ttf') format('truetype'), url('assets/css/fonts/raleway-bold-webfont.svg#ralewaybold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ralewayextrabold'; src: url('assets/css/fonts/raleway-extrabold-webfont.eot'); src: url('assets/css/fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('assets/css/fonts/raleway-extrabold-webfont.woff2') format('woff2'), url('assets/css/fonts/raleway-extrabold-webfont.woff') format('woff'), url('assets/css/fonts/raleway-extrabold-webfont.ttf') format('truetype'), url('assets/css/fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bitterbold'; src: url('assets/css/fonts/bitter-bold-webfont.eot'); src: url('assets/css/fonts/bitter-bold-webfont.eot?#iefix') format('embedded-opentype'), url('assets/css/fonts/bitter-bold-webfont.woff2') format('woff2'), url('assets/css/fonts/bitter-bold-webfont.woff') format('woff'), url('assets/css/fonts/bitter-bold-webfont.ttf') format('truetype'), url('assets/css/fonts/bitter-bold-webfont.svg#bitterbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bitteritalic'; src: url('assets/css/fonts/bitter-italic-webfont.eot'); src: url('assets/css/fonts/bitter-italic-webfont.eot?#iefix') format('embedded-opentype'), url('assets/css/fonts/bitter-italic-webfont.woff2') format('woff2'), url('assets/css/fonts/bitter-italic-webfont.woff') format('woff'), url('assets/css/fonts/bitter-italic-webfont.ttf') format('truetype'), url('assets/css/fonts/bitter-italic-webfont.svg#bitteritalic') format('svg'); font-weight: normal; font-style: normal; } /** typography **/ p, .accordion, .welcome-text, .section-subtitle, .get-quote-block, .testimonial .quotes, .subscribe, .article-we-do, .commentlist, .sidebar-block { line-height: 1.5; } .bold, b { font-family: 'bitterbold'; font-weight: normal; font-style: normal; } .italic, i { font-family: 'bitteritalic'; font-weight: normal; font-style: normal; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } /** h1-h6 **/ h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 { font-family: 'bitterbold'; font-size: 30px; line-height: 1; text-transform: uppercase; } .footer h1 { margin-bottom: 10px; } h2 { font-family: 'ralewayextrabold'; font-size: 24px; line-height: 1; text-transform: uppercase; margin-bottom: 20px; } .article-we-are h2 { font-size: 18px; margin-bottom: 15px; text-transform: none; } .article-we-do h2 { font-size: 18px; } .article-latest-news h2, .article-service h2 { font-size: 16px; } .article-welcome h2 { margin-bottom: 7px; } .article-about h2 { font-family: 'ralewaybold'; font-size: 18px; text-transform: none; } .article-team h2 { font-family: 'ralewaybold'; font-size: 16px; text-transform: none; margin-bottom: 7px; } h3 { font-family: 'ralewaybold'; font-size: 18px; line-height: 20px; text-transform: uppercase; margin-bottom: 20px; } .comments h3 { margin-bottom: 25px; margin-top:15px; } .sidebar-container h3{ margin-bottom: 30px; } .footer h3 { font-family: 'ralewayextrabold'; font-size: 16px; } h4 { font-family: 'ralewayextrabold'; font-size: 24px; text-transform: uppercase; margin-bottom: 20px; } .section-page-title h4 { font-family: 'ralewaysemibold'; font-size: 22px; line-height: 30px; text-align: center; text-transform: none; margin-bottom: 0; } .section-testimonials h4, .section-latest-news h4, .section-faq h4 { margin-bottom: 50px; } .starting-point h4 { font-size: 28px; } .section-testimonials h4 { padding-right: 100px; } .section-contact h4 { font-size: 18px; margin-bottom: 35px; } .section-contact h4 .fa:before { margin-right: 13px; } .section-faq h4 { text-align: center; } .section-team h4 { margin-bottom: 15px; } h5 {} h6 { font-family: 'ralewayextrabold'; font-size: 36px; line-height: 1; text-transform: uppercase; margin-bottom: 10px; } h6 .x-large { font-size: 48px; } h6 .xx-large { font-size: 60px; } .welcome-carousel h6 span { display: block } /** general styles **/ nav ol, nav ul, aside ol, aside ul, .menu-tabs, .header ol, .header ul, .footer ol, .footer ul, .social, .social-links, .commentlist, .menu-filter, .filter, .progress-bar { list-style: outside none; } /** comments **/ .commentlist { border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 40px; } .commentlist .comment{ border-top-style: solid; border-top-width: 1px; list-style: outside none none; padding-top: 25px; } .comment-body { position: relative; } .comment-body .comment-author img { float: left; margin: 0 25px 25px; } .comment-respond { margin-top:40px; } .comment-body .says { display: none; } .comment-body .fn, .comment-body .comment-meta, .comment-body p, .comment-body .reply { display: block; padding-left: 0px; } .comment-body .fn, .comment-body .comment-meta { padding-right: 75px; } .comment-body .reply { font-family: 'ralewaybold'; text-align: right; line-height: 1.6; position: absolute; top: 0; left: 0; right: 0; } .comment-body .fn { font-family: 'ralewaybold'; font-size: 14px; font-weight: normal; font-style: normal; } .comment-body .comment-meta { font-family: 'bitteritalic'; font-size: 14px; margin-bottom: 10px; } /** forms **/ .wpcf7-form .outerwrapp{ padding: 0 20px; overflow: hidden; *zoom: 1; _padding: 0; } .wpcf7-form .innerwrapp{ position: relative; left: -20px; _left: 0 } .wpcf7-form .label, .comment-form p { margin-bottom: 16px; position: relative; } .wpcf7-form .label label, .comment-form p label { white-space: nowrap; word-wrap: normal; position: absolute; top: 0; left: 0; border-color: transparent; background-color: transparent; z-index: 1; } .wpcf7-text, .wpcf7-textarea { _padding: 15px 0; _width: 99% } .wpcf7-text, .wpcf7-textarea, .wpcf7-form .label label, .comment-form p label, .comment-form #author, .comment-form #email, .comment-form #url, .comment-form #comment { font-family: 'ralewaysemibold'; font-size: 13px; line-height: 18px; display: block; border-style: solid; border-width: 1px; width: 100%; padding: 15px 19px; cursor: text; } .wpcf7-text, .wpcf7-textarea, .wpcf7-form .label label { width: 90%; } .wpcf7-text, .comment-form #author, .comment-form #email, .comment-form #url { height: 18px; } .wpcf7-textarea, .comment-form #comment { height: 234px; resize: none; overflow: auto; } /** search forms **/ /** search-form **/ .search-form, .search-form .search-field { font-family: 'ralewaysemibold'; font-size: 14px; line-height: 20px; height: 20px; } .search-form { position: relative; width: 140px; padding: 7px 40px 7px 20px; -moz-border-radius: 17px; /* Mozila Firefox border radius */ -webkit-border-radius: 17px; /* Safari, Chrome border radius */ -khtml-border-radius: 17px; /* KHTML border radius */ -icab-border-radius: 17px; /* icab border radius */ border-radius: 17px; /* CSS3 Opera border radius */ -opera-border-radius: 17px; -o-border-radius: 17px; -border-radius: 17px; } .search-form .search-field { width: 100%; margin: 0; padding: 0; border: 0 none; background: transparent; } .search-form .icon-search { position: absolute; top: 50%; right: 15px; margin-top: -7px; } /** searchform **/ .searchform, .searchform label, .searchform #s { font-family: 'ralewaysemibold'; font-size: 13px; line-height: 17px; height: 17px; } .searchform { position: relative; border-width: 1px; border-style: solid; padding: 15px 45px 15px 25px; -moz-border-radius: 2px; /* Mozila Firefox border radius */ -webkit-border-radius: 2px; /* Safari, Chrome border radius */ -khtml-border-radius: 2px; /* KHTML border radius */ -icab-border-radius: 2px; /* icab border radius */ border-radius: 2px; /* CSS3 Opera border radius */ -opera-border-radius: 2px; -o-border-radius: 2px; -border-radius: 2px; } .searchform label, .searchform #s { cursor: text; } .searchform label { display: block; position: absolute; overflow: hidden; top: 15px; bottom: 15px; left: 25px; right: 45px; white-space: nowrap; word-wrap: normal; z-index: 1; } .searchform #s { width: 100%; margin: 0; padding: 0; border: 0 none; background: transparent; } .searchform #searchsubmit { position: absolute; top: 50%; right: 20px; margin-top: -7px; } /** comment-form **/ .comment-form p { line-height: 1; margin-right: 40px; } .comment-form p.comment-form-author, .comment-form p.comment-form-email, .comment-form p.comment-form-url { width: 50%; } .comment-form p.form-submit { margin: 0; } /** buttons **/ .button, .wpcf7-submit, #submit { font-family: 'ralewayextrabold'; font-size: 13px; text-transform: uppercase; text-align: center; display: block; border-width: 2px; border-style: solid; margin: 0; cursor: pointer; } a.button { width: 150px; line-height: 13px; padding: 13px 0; } input.button, .wpcf7-submit, #submit { width: 154px; height: 43px; padding: 0; } .button:hover, .wpcf7-submit:hover, #submit:hover, .get-quote-block .button, .subscribe .button { background-color: transparent; } .read-more { font-family: 'ralewaybold'; font-size: 12px; line-height: 1; text-transform: uppercase; } /** icons **/ .top-bar .icon-envelope:before, .top-bar .icon-phone:before { font-family: 'FontAwesome'; margin-right: 7px; } .top-bar .icon-envelope:before { content: "\f003"; } .top-bar .icon-phone:before { content: "\f095"; } input.icon-search, #searchsubmit { cursor: pointer; } .icon-search, #searchsubmit { display: block; width: 14px; height: 14px; line-height: 14px; font-size: 0px; overflow: hidden; margin: 0; padding: 0; border: 0 none; background: url('assets/images/search.png') no-repeat 50% 50% transparent; } .author-avatar, .author-avatar img, .comment-author img { display: block; width: 62px; height: 62px; overflow: hidden; -moz-border-radius: 31px; /* Mozila Firefox border radius */ -webkit-border-radius: 31px; /* Safari, Chrome border radius */ -khtml-border-radius: 31px; /* KHTML border radius */ -icab-border-radius: 31px; /* icab border radius */ border-radius: 31px; /* CSS3 Opera border radius */ -opera-border-radius: 31px; -o-border-radius: 31px; -border-radius: 31px; } /** menu-tabs **/ .tabs-container, .ui-tabs { padding: 0; } .menu-tabs, .ui-tabs .ui-tabs-nav { font-family: 'ralewayextrabold'; font-size: 12px; line-height: 20px; text-transform: uppercase; padding: 0; border-right-width: 1px; border-right-style: solid; } .menu-tabs li, .ui-tabs .ui-tabs-nav li, .ui-tabs .ui-tabs-nav li.ui-tabs-active { width: auto; float: none; display: block; margin: 0; padding: 0; white-space: normal; border-top-width: 1px; border-top-style: solid; } .menu-tabs li:first-child, .ui-tabs .ui-tabs-nav li:first-child { border-top: 0 none; } .menu-tabs li.first-child, .ui-tabs .ui-tabs-nav li.first-child { border-top: 0 none; } .menu-tabs a, .ui-tabs .ui-tabs-nav .ui-tabs-anchor { width: auto; float: none; display: block; position: relative; margin: 0 -1px 0 0; padding: 25px 25px 25px 30px; border-left-width: 5px; border-left-style: solid; border-right-width: 2px; border-right-style: solid; border-color: transparent; cursor: pointer; } .menu-tabs a .fa, .ui-tabs .ui-tabs-nav .ui-tabs-anchor .fa { font-size: 20px; line-height: 1; text-align: center; width: 40px; margin-right: 15px; } .menu-tabs .current-menu-item a, .menu-tabs .current_page_item a, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor .ui-tabs .ui-tabs-nav li.ui-tabs-active a { cursor: default; } .sub-menu .current-menu-item a, .children .current-menu-item a { color:#f68a15; } .menu-tabs .current-menu-item a:after, .menu-tabs .current_page_item a:after, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor:after { content: ''; display: block; width: 0px; height: 0px; border-right-width: 12px; border-top-width: 6px; border-right-width: 6px; border-left-width: 0px; border-style: solid; border-top-color: transparent; border-bottom-color: transparent; position: absolute; right: 0; top: 50%; margin: -6px 0 0 0; } .tab-content, .ui-tabs .ui-tabs-panel { padding: 0; } /** accordion **/ .accordion { border-top-width: 1px; border-top-style: solid; } .ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-icons, .ui-accordion .ui-accordion-content { padding: 0; margin: 0; } .accordion h3, .ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-icons { font-size: 16px; line-height: 21px; text-transform: none; padding-top: 17px; padding-bottom: 17px; cursor: pointer; } .ui-accordion .ui-accordion-content { padding-bottom: 17px; } .accordion h3, .ui-accordion .ui-accordion-header, .ui-accordion-content-active { border-bottom-width: 1px; border-bottom-style: solid; } .accordion h3.ui-accordion-header-active, .accordion h3.ui-state-active, .ui-accordion .ui-accordion-header.ui-accordion-header-active, .ui-accordion .ui-accordion-header.ui-state-active { border-bottom: 0 none; } .accordion h3 { position: relative; } .accordion h3:after { font-family: 'FontAwesome'; content: "\f067"; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; right: 0; top: 50%; margin-top: -10px; } .accordion h3.ui-accordion-header-active:after, .accordion h3.ui-state-active:after { content: "\f068"; } /** progress-bar **/ .progress-bar li, .ui-progressbar { font-size: 11px; line-height: 16px; height: auto; position: relative; } .progress-bar li, .progress-bar .ui-progressbar { margin-bottom: 20px; } .progress-bar li:last-child, .progress-bar .ui-progressbar:last-child { margin-bottom: 0; } .progress-bar li, .ui-progressbar, .bar-title { overflow: hidden; } .progress-bar li .ui-progressbar-value, .ui-progressbar .ui-progressbar-value { position: absolute; top: 0; bottom: 0; height: 100%; left: 0; margin: 0; z-index: 1; } .progress-bar li .bar-title, .ui-progressbar .bar-title, .progress-bar li .bar-progress, .ui-progressbar .bar-progress { position: relative; z-index: 2; } .progress-bar li .bar-title, .ui-progressbar .bar-title { display: block; padding: 5px 13px; } .progress-bar li .bar-progress, .ui-progressbar .bar-progress { white-space: nowrap; word-wrap: normal; text-align: right; display: block; height: 16px; padding: 0px 13px 0 0; width: 27px; position: absolute; left: 0; top: 50%; margin: -8px 0 0 -40px; } /** widgets **/ .sidebar-block .widget { margin-bottom: 30px; } .footer aside, .footer aside p, .footer .widget, .footer .widget p, .footer .no-widget, .footer .no-widget p { line-height: 1.6; } .sidebar-block .recentcomments { padding-bottom: 10px; padding-top: 10px; } .sidebar-block .current-menu-item a { color:#f68a15; } /** popular-posts, menu-sideabr **/ .popular-posts li, .sidebar-block .widget ul li, .sidebar-block ul li { border-top-width: 1px; border-top-style: solid; } .popular-posts li a, .sidebar-block .widget ul li a, .sidebar-block ul li a { padding-top: 10px; padding-bottom: 10px; display: inline-block; } .sidebar-block .widget .recentcomments a { padding-top: 0px; padding-bottom: 10px; display: inline-block; } .popular-posts li:first-child, .sidebar-block .widget ul li:first-child, .sidebar-block ul li:first-child { border-top: 0 none; } .popular-posts li.first-child, .sidebar-block .widget ul li.first-child, .sidebar-block ul li.first-child { border-top: 0 none; } .popular-posts li:last-child, .sidebar-block .widget ul li:last-child, .sidebar-block ul li:last-child { padding-bottom: 0; } .popular-posts li.last-child, .sidebar-block .widget ul li.last-child, .sidebar-block ul li.last-child { padding-bottom: 0; } .sidebar-block .widget ul li { position: relative; padding-left: 15px; *display: inline; *padding-left: 0; } .sidebar-block .widget ul a:before { font-family: 'FontAwesome'; content: "\f105"; font-size: 14px; line-height: 14px; height: 14px; position: absolute; left: 0; top: 12px; } /** no-widget **/ .no-widget .text-box { margin-bottom: 25px; } .text-box p { margin-bottom: 20px; } .social { font-family: 'FontAwesome'; font-size: 15px; line-height: 1; } .social li { display: inline; margin-left: 7px; margin-right: 7px; } .social li:first-child { margin-left: 0; } .social li.first-child { margin-left: 0; } .social li:last-child { margin-right: 0; } .social li.last-child { margin-right: 0; } /** menu-footer **/ .footer .widget ul li { margin-bottom: 10px; } .footer .widget ul li .sub-menu, .footer .widget ul li .children { margin-top: 10px; margin-left:10px; } .footer .widget .textwidget p { margin-bottom:10px; } .sidebar-block .textwidget p { margin-bottom:10px; } /** owl-carousel **/ .welcome-carousel .owl-controls .owl-buttons div { top: 50%; margin-top: -17px; } .welcome-carousel .owl-controls .owl-buttons div.owl-prev { right: auto; left: 50%; margin-left: -570px; } .welcome-carousel .owl-controls .owl-buttons div.owl-next { left: auto; right: 50%; margin-right: -570px; } /** welcome-carousel **/ .welcome-carousel .owl-pagination { bottom: 140px; } .welcome-carousel .item { padding-top: 170px; padding-bottom: 180px; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; } .welcome-text, .welcome-text p { font-family: 'bitteritalic'; font-size: 15px; } .welcome-text h6, .welcome-text p { -moz-text-shadow: 1px 1px 3px #121221; /* Mozila Firefox text shadow */ -webkit-text-shadow: 1px 1px 3px #121221; /* Safari, Chrome text shadow */ -khtml-text-shadow: 1px 1px 3px #121221; /* KHTML text shadow */ -icab-text-shadow: 1px 1px 3px #121221; /* icab text shadow */ text-shadow: 1px 1px 3px #121221; /* CSS3 Opera text shadow */ -opera-text-shadow: 1px 1px 3px #121221; -o-text-shadow: 1px 1px 3px #121221; -text-shadow: 1px 1px 3px #121221; } .welcome-text.left { float: left; } .welcome-text.right { float: right; } .welcome-text.center { float: none; margin: 0 auto; text-align: center; } .welcome-text.center .button { margin-left: auto; margin-right: auto; } .welcome-text .button { margin-top: 15px; } .welcome-carousel .welcome-text h6, .welcome-carousel .welcome-text p, .welcome-carousel .welcome-text .button { position: relative; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all .7s ease .5s; -moz-transition: all .7s ease .5s; -ms-transition: all .7s ease .5s; -o-transition: all .7s ease .5s; transition: all .7s ease .5s; } .welcome-carousel .welcome-text h6 { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .welcome-carousel .welcome-text p { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .welcome-carousel .welcome-text .button { -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } .welcome-carousel .animate-top-down .welcome-text h6, .welcome-carousel .animate-top-down .welcome-text p, .welcome-carousel .animate-top-down .welcome-text .button { top: -65px; top: 0\9; } .welcome-carousel .animate-top-down .welcome-text h6 { -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; } .welcome-carousel .animate-top-down .welcome-text .button { -webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .welcome-carousel .animate-down-top .welcome-text h6, .welcome-carousel .animate-down-top .welcome-text p, .welcome-carousel .animate-down-top .welcome-text .button { bottom: -65px; bottom: 0\9; } .welcome-carousel .animate-left-right .welcome-text h6, .welcome-carousel .animate-left-right .welcome-text p, .welcome-carousel .animate-left-right .welcome-text .button { left: -65px; left: 0\9; } .welcome-carousel .animate-right-left .welcome-text h6, .welcome-carousel .animate-right-left .welcome-text p, .welcome-carousel .animate-right-left .welcome-text .button { right: -65px; right: 0\9; } .welcome-carousel .active .welcome-text h6, .welcome-carousel .active .welcome-text p, .welcome-carousel .active .welcome-text .button { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .welcome-carousel .active .animate-top-down .welcome-text h6, .welcome-carousel .active .animate-top-down .welcome-text p, .welcome-carousel .active .animate-top-down .welcome-text .button { top: 0; } .welcome-carousel .active .animate-down-top .welcome-text h6, .welcome-carousel .active .animate-down-top .welcome-text p, .welcome-carousel .active .animate-down-top .welcome-text .button { bottom: 0; } .welcome-carousel .active .animate-left-right .welcome-text h6, .welcome-carousel .active .animate-left-right .welcome-text p, .welcome-carousel .active .animate-left-right .welcome-text .button { left: 0; } .welcome-carousel .active .animate-right-left .welcome-text h6, .welcome-carousel .active .animate-right-left .welcome-text p, .welcome-carousel .active .animate-right-left .welcome-text .button { right: 0; } /** testimonials-carousel **/ .testimonials-carousel .owl-controls .owl-buttons div { margin-right: 15px; } /** partners-carousel **/ .partners-carousel { padding-top: 50px; padding-bottom: 50px; position: relative; } .partners-carousel:before, .partners-carousel:after { content: ''; display: block; height: 0px; font-size: 0px; line-height: 0px; position: absolute; left: 0px; right: 0px; } .partners-carousel, .partners-carousel:before, .partners-carousel:after { border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; } .partners-carousel:before { top: 5px; border-bottom: 0 none; } .partners-carousel:after { bottom: 5px; border-top: 0 none; } /** header **/ .header, .menu-top-container { position: relative; z-index: 13; } /** top-bar **/ .top-bar, .top-bar p { font-size: 12px; line-height: 1.2; } .top-bar { padding-top: 15px; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; } .top-bar-container .left { text-align: left; } .top-bar-container .right { text-align: right; } /** contact-information **/ .contact-information { word-spacing: 25px; } .contact-information a, .contact-information span { word-spacing: 0; font-family: bitteritalic; } /** header-block **/ .header-block {} /** logo **/ .header-block .logo { float: left; white-space: nowrap; padding-top: 25px; padding-bottom: 25px; } /** search-form **/ .header-block .search-form { float: right; margin: 23px 0; } /** menu **/ .header-block .menu-top-container { float: right; padding: 0 25px ; } .menu-top-container .icon-menu, .menu-top-container .menu-top-mob { display: none; } .menu-top { font-family: 'ralewaybold'; font-size: 12px; line-height: 18px; text-transform: uppercase; white-space: nowrap; } .menu-top li { position: relative; float: left; } .menu-top a { display: block; padding: 31px 20px; } .menu-top .sub-menu,.menu-top .children { white-space: normal; position: absolute; border-top-width: 3px; border-top-style: solid; top: 100%; left: 0; width: 180px; display: none; } .menu-top .sub-menu .sub-menu,.menu-top .children .children { top: 0; left: 100%; border-top: 0 none; } .menu-top .sub-menu li, .menu-top .children li { float: none; } .menu-top .sub-menu a, .menu-top .children a { padding-top: 7px; padding-bottom: 7px; background: transparent; } .menu-top-container .current-menu-item .sub-menu a, .menu-top-container .current-menu-item .children a { background:#ffffff; } .menu-top-container .sub-menu .current-menu-item a, .menu-top-container .children .current-menu-item a { background:#ffffff; } .menu-top .sub-menu a.icon-arrow, .menu-top .children a.icon-arrow { position: relative; padding-right: 25px; } .menu-top .sub-menu a.icon-arrow:after, .menu-top .children a.icon-arrow:after { font-family: 'FontAwesome'; content: "\f054"; display: block; height: 18px; line-height: 18px; position: absolute; right: 15px; top: 50%; margin-top: -9px; } .icon-menu, .menu-top-mob a { display: block; padding-left: 15px; padding-right: 15px; } .icon-menu { font-size: 20px; line-height: 1; text-transform: uppercase; padding-top: 7px; padding-right: 50px; padding-bottom: 7px; border-width: 1px; border-style: solid; position: relative; } .icon-menu:after { font-family: 'FontAwesome'; content: "\f0c9"; line-height: 20px; height: 20px; display: inline-block; position: absolute; right: 15px; top: 50%; margin-top: -10px; } .menu-top-container .menu-top-mob { position: absolute; top: 100%; left: 0; right: 0; padding-top: 3px; } .menu-top-mob { font-size: 16px; line-height: 16px; text-transform: uppercase; } .menu-top-mob li { border-top-width: 1px; border-top-style: solid; } .menu-top-mob > li:first-child { border-top: 0 none; } .menu-top-mob > li.first-child { border-top: 0 none; } .menu-top-mob a { padding-top: 7px; padding-bottom: 7px; } .menu-top-mob .sub-menu, .menu-top-mob .children{ font-size: 15px; } .menu-top-mob .sub-menu a, .menu-top-mob .children a { padding-left: 30px; } .menu-top-mob .sub-menu .sub-menu, .menu-top-mob .children .children{ font-size: 14px; } .menu-top-mob .sub-menu .sub-menu a, .menu-top-mob .children .children a { padding-left: 45px; } /** content **/ .content {} .left .sidebar-block { margin-right: 15px; } .right .sidebar-block { margin-left: 15px; } /** sections **/ .section, .get-quote-block { background-repeat: no-repeat; background-size: cover; clear:both; } .section .section-overlay, .section-testimonials, .section-latest-news, .section-we-do, .section-services, .section-contact, .section-faq, .section-blog, .section-projects, .section-about { padding-top: 100px; padding-bottom: 100px; } .section-latest-news { padding-top: 0px; } .section-welcome, .section-team { padding-top: 100px; } .section-partners-container { padding-bottom: 100px; } .section-projects, .section-team { padding-bottom: 50px; } .section-team { padding-bottom: 100px; } .section-overlay { background: url(assets/images/overlay-gray.png) repeat 50% 50% transparent; } .section-subtitle { font-family: 'bitteritalic'; font-size: 14px; margin-bottom: 45px; } /** section-page-title **/ .section-page-title { background-position: 50% 50%; } .section-page-title .section-overlay { padding-top: 60px; padding-bottom: 60px; } /** section-get-quote **/ .get-quote-block { background-position: 50% 50%; margin-top: -55px; position: relative; z-index: 3; } .get-quote-block, .get-quote-block p { font-size: 20px; } .get-quote-block .section-overlay { padding: 40px 250px 40px 50px; position: relative; } .get-quote-block .button { position: absolute; right: 50px; top: 50%; margin-top: -22px; } /** section-we-are **/ .section-we-are { padding-top: 50px; padding-bottom: 20px; } /** section-starting-point **/ .section-starting-point { background-position: 50% 0; } .starting-point { font-size: 15px; } .starting-point, .starting-point p { text-align: center; line-height: 1.2; } .starting-point .italic { margin-bottom: 20px; } .starting-point .button { margin: 35px auto 0 auto; } /** section-we-do **/ .section-we-do { background-position: 50% 50%; } .section-we-do, .section-we-do .container, .tabs-container { position: relative; } .section-we-do .title-wrapp { float: none; margin: 0 auto; text-align: center; } .section-we-do .fixed-image, .tabs-container .fixed-image { position: absolute; right: 0; bottom: 0; } .section-we-do .tabs-container .fixed-image { bottom: -100px; } .fixed-image, .column-container .fixed-image { float: none; } .fixed-image img { display: block; width: 100%; } /** section-latest-project **/ .section-latest-project { background-position: 50% 50%; } .section-latest-project .section-subtitle { width: 50%; } /** section-testimonials **/ .section-testimonials { background-position: 50% 50%; } .testimonial { font-size: 13px; } .testimonial .quotes, .testimonial .author-name { margin-bottom: 20px; } .testimonial .quotes { font-family: 'bitteritalic'; } .testimonial .quotes:before { content: '" '; } .testimonial .quotes:after { content: ' "'; } .testimonial .author-name { font-family: 'ralewayextrabold'; line-height: 1; text-transform: uppercase; } /** section section-partners **/ .section-partners {} .logo-image { text-align: center; } .logo-image img { display: block; margin: 0 auto; } /** section-latest-news **/ .section-latest-news { background-position: 50% 50%; } /** section-subscribe **/ .section-subscribe { background-position: 50% 50%; padding-top: 45px; padding-bottom: 45px; margin-top:40px; } .subscribe { position: relative; padding-right: 175px; } .subscribe, .subscribe p { font-size: 20px; } .subscribe .button { position: absolute; right: 0; top: 50%; margin-top: -22px; } /** section-services **/ .section-services { background-position: 50% 50%; } /** section-map **/ .section-map { overflow: hidden; margin-bottom:40px; } .section-map img, .section-map frame, .section-map embed { display: block; width: 100% } .section-map img { height: auto; } .section-map frame, .section-map embed { height: 450px; } /** section-contact **/ .section-contact { background-position: 50% 50%; } .contact-info { } .contact-info .contact-info-row { margin-bottom: 30px; } .contact-info .contact-info-row:last-child { margin-bottom: 0; } .contact-info .contact-info-row.last-child { margin-bottom: 0; } .contact-info-label { text-transform: uppercase; line-height: 1.1; margin-bottom: 5px; } .social-links { font-family: 'FontAwesome'; font-size: 13px; line-height: 20px; } .social-links li { display: inline; margin-left: 4px; margin-right: 4px; } .social-links li:first-child { margin-left: 0; } .social-links li.first-child { margin-left: 0; } .social-links li:last-child { margin-right: 0; } .social-links li.last-child { margin-right: 0; } .social-links a { display: inline-block; width: 20px; height: 20px; text-align: center; -moz-border-radius: 10px; /* Mozila Firefox border radius */ -webkit-border-radius: 10px; /* Safari, Chrome border radius */ -khtml-border-radius: 10px; /* KHTML border radius */ -icab-border-radius: 10px; /* icab border radius */ border-radius: 10px; /* CSS3 Opera border radius */ -opera-border-radius: 10px; -o-border-radius: 10px; -border-radius: 10px; } /** section-faq **/ .section-faq { background-position: 50% 50%; padding-top: 50px; } /** section-blog **/ .section-blog { background-position: 50% 50%; } /** section-projects **/ .section-projects { background-position: 50% 50%; } .menu-filter, .menu-filter li { border-width: 1px; border-style: solid; } .menu-filter { font-size: 12px; line-height: 15px; text-align: center; display: table; margin: 0 auto 50px auto; border-collapse: collapse; border-spacing: 0; } .menu-filter li { display: table-cell; } .menu-filter a { display: block; padding: 12px 20px; } .filter-cotainer .filter .column-3-12 { display:none; } .filter-cotainer .menu-filter li { cursor:pointer; } .filter-cotainer .menu-filter li .active{ color:#ffffff; background:#f68a15; } /** section-welcome **/ .section-welcome { background-position: 50% 50%; } /** section-about **/ .section-about { background-position: 50% 50%; } /** section-team **/ .section-team { background-position: 50% 50%; } .team-title { text-align: center; margin: 0 180px 50px 180px; } /** articles **/ .article-image { position: relative; overflow: hidden; } .article-image img { display: block; max-width: 100%; height: auto; } .article-image .fa { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: #f68a15; opacity:0.5; } .article-image .fa:before { font-size: 28px; text-align: center; line-height: 34px; display: block; width: 34px; height: 34px; position: absolute; top: 50%; left: 50%; margin: -17px 0 0 -17px; } .meta, .article-latest-news .meta, .article-blog .meta, .container .single-post .meta { font-family: 'bitteritalic'; font-size: 13px; line-height: 1; padding-bottom: 10px; margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; } .meta .separe { font-family: 'ralewaysemibold'; padding-left: 7px; padding-right: 7px; } .meta .left { text-align: left; } .meta .right { text-align: right; } .meta .fa:before { margin-right: 5px; } .tags { font-family: 'bitteritalic'; font-size: 14px; } .tags span { font-family: 'ralewaybold'; text-transform: uppercase; } .pagination { font-size: 14px; line-height: 30px; margin-top: 50px; } .pagination a { display: inline-block; width: 30px; height: 30px; text-align: center; margin-left: 1px; margin-right: 1px; } .pagination a.page-prev, .pagination a.page-next { width: 65px; } .pagination a.current-page {} .pagination a:first-child { margin-left: 0 } .pagination a.first-child { margin-left: 0 } .pagination a:last-child { margin-right: 0 } .pagination a.last-child { margin-right: 0 } /** article-blog, single-post **/ .article-blog, .container .single-post { margin-bottom: 50px; } .article-blog .article-image, .container .single-post .article-image { margin-bottom: 25px; } .article-blog p, .container .single-post p { margin-bottom: 20px; } .container .single-post .tags { margin-bottom: 0; margin-top: 30px; } /** article-we-are **/ .article-we-are { margin-bottom: 30px; } .article-we-are .article-image { margin-bottom: 25px; } /** article-we-do **/ .article-we-do h2, .article-we-do p, .article-we-do ul { margin-bottom: 20px; } .article-we-do ul li { margin-bottom: 10px; } .listsubservice { margin:15px 0; } .listsubservice li { font-size: 15px; list-style: outside none none; } .listsubservice li a:hover{ color:#535353; } /** article-latest-news **/ .article-latest-news {} .article-latest-news .article-image { margin-bottom: 30px; } .article-latest-news p { margin-bottom: 20px; } /** article-service **/ .article-service { margin-bottom: 30px; } .article-service .article-image { margin-bottom: 25px; } .article-service h2, .article-service p { margin-bottom: 15px; } /** project-single **/ .project-single { text-align: center; margin-bottom: 50px; } .project-single .article-image { margin-bottom: 25px; } .project-title { font-size: 14px; text-transform: uppercase; } /** article-welcome **/ .article-welcome {} .article-welcome .article-image { width: 33.33333333333333%; float: right; } .article-welcome .article-text { width: 66.66666666666667%; float: right; } .article-welcome p { margin-bottom: 30px; line-height: 2; } .article-welcome .sub-title, .article-welcome .italic-large { line-height: 1.5; margin-bottom: 20px; } .italic-large { font-family: 'bitteritalic'; font-size: 18px; } /** article-about **/ .article-about .article-image { margin-bottom: 25px; } /** article-team **/ .article-team { text-align: center; } .article-team .article-image { margin-bottom: 25px; } .member-post { font-family: 'bitteritalic'; } /** footer **/ .footer { clear: both; } /** widgets-container **/ .widgets-container { padding-top: 85px; padding-bottom: 50px; } .widgets-container .no-widget, .widgets-container .widget { margin-bottom: 25px; } /** copyright-bar **/ .copyright-bar { font-size: 12px; line-height: 14px; padding-top: 28px; padding-bottom: 28px; } .copyright-bar-container .left { text-align: left; } .copyright-bar-container .right { text-align: right; } .aboutblogtop { padding-bottom: 0; } .popular-posts li li:first-child, .sidebar-block .widget li ul li:first-child, .sidebar-block li ul li:first-child { border-top-width: 1px; border-top-style: solid; border-color: #ededed; } /** Formatig CSS **/ .wpcf7-form-control-wrap { display: block; margin: 10px 0 20px; } .wpcf7-submit { display: inline-block !important; } .wpcf7-response-output { border: medium none !important; margin: 20px 0 !important; padding: 0 !important; } .wpcf7-not-valid-tip { margin-top:5px; } .wp-pagenavi a, .wp-pagenavi span { background: #222d34 none repeat scroll 0 0; border: 1px solid #222d34; color: #ffffff; font-family: bitteritalic; font-size: 14px; margin: 1px; padding: 7px 15px; text-decoration: none; } .wp-pagenavi a:hover, .wp-pagenavi span.current { background: #ef8e10 none repeat scroll 0 0; border-color: #ef8e10; } .container .single-post h1, .container .single-post h2, .container .single-post h3, .container .single-post h4, .container .single-post h5, .container .single-post h6 { color: #505050; margin: 15px 0 !important; clear: both; } .container .single-post h1 { font-size: 30px; line-height:40px; } .container .single-post h2 { font-size: 26px; line-height:36px; } .container .single-post h3 { font-size: 22px; line-height:30px; } .container .single-post h4 { font-size: 18px; line-height:24px; } .container .single-post h5 { font-size: 16px; line-height:20px; } .container .single-post h6 { font-size: 14px; } .container .single-post ul, .container .single-post ol { margin-bottom: 35px; } .su-list { float: left; margin-right: 100px; } .container .single-post ul { margin-bottom: 0; margin-left: 20px; } .container .single-post ul li { line-height: 1.5; padding-left: 0px; } .container .single-post ol { margin-bottom: 0; margin-left: 20px; } .container .single-post ol li { line-height: 1.6; padding-left: 10px; } .container .single-post img { height: auto; margin-bottom: 10px; } .wp-caption { max-width: 100%; } .wp-caption .wp-caption-text { font-style: italic; font-weight: 300; } .sticky { background-color: #f3f3f3; padding: 18px; } .gallery-caption { font-style: italic; font-weight: 300; } .bypostauthor { display: inline-block; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { margin: 5px 20px 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } img.alignright { margin: 5px 0 5px 20px; } .wp-caption.alignright { margin: 5px 0 5px 10px; } img.aligncenter { margin: 5px auto; } img.alignnone { margin: 5px 0; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .pagination .left a { float:left; padding: 5px 23px; text-transform: uppercase; width: auto; } .pagination .right a { float:right; padding: 5px 23px; text-transform: uppercase; width: auto; } .footer .widget select, .sidebar-block .widget select { margin:10px 0; width:100%; padding:5px; } .footer .widget table caption, .sidebar-block .widget table caption { margin-bottom:10px; } .footer .widget table thead, .sidebar-block .widget table thead { background:#f68a15; color:#ffffff; } .footer .widget table td, .footer .widget table th, .sidebar-block .widget table td, .sidebar-block .widget table th { padding: 5px; text-align: center; } .footer .widget table #today, .sidebar-block .widget table #today { color:#f68a15; font-weight: bold; } .footer .widget .textwidget img, .sidebar-block .widget .textwidget img { height: auto; margin: 10px 0; } /** css queries **/ /** desktop **/ @media only screen and (min-width:1025px) and (max-width:1280px) { .container { width: auto; margin: 0 20px; } .gutter { margin-left: 10px; margin-right: 10px; } .contact-form-columns { margin-left: 5px; margin-right: 5px; } .contact-form-columns .gutter { margin-left: 5px; margin-right: 5px; } .testimonials-carousel .owl-controls .owl-buttons div { margin-right: 10px; } h1 { font-size: 20px; } .footer h1 { margin-bottom: 20px; } .header-block .logo { padding-top: 20px; padding-bottom: 20px; margin-right: 25px; } .header-block .search-form { margin-top: 13px; margin-bottom: 13px; margin-left: 25px; } .search-form { width: 100px; } .header-block .menu-top-container { padding: 0; } .menu-top a { padding: 21px 20px; } .welcome-carousel .owl-controls .owl-buttons div.owl-prev { left: 30px; margin-left: 0; } .welcome-carousel .owl-controls .owl-buttons div.owl-next { right: 30px; margin-right: 0; } } @media only screen and (min-width:769px) and (max-width:1024px) { .container { width: auto; margin: 0 20px; } .gutter { margin-left: 10px; margin-right: 10px; } .contact-form-columns { margin-left: 5px; margin-right: 5px; } .contact-form-columns .gutter { margin-left: 5px; margin-right: 5px; } .testimonials-carousel .owl-controls .owl-buttons div { margin-right: 10px; } h1 { font-size: 20px; } .footer h1 { margin-bottom: 20px; } .header-block .logo { padding-top: 30px; padding-bottom: 30px; } .header-block .menu-top-container { padding: 0; float: none; clear: both; } .menu-top { text-align: center; } .menu-top li { width: 16.66666666666667%; } .menu-top a { padding: 20px; } .menu-top .sub-menu, .menu-top .children { text-align: left; } .menu-top .sub-menu li, .menu-top .children li { width: auto; } .welcome-carousel .owl-controls .owl-buttons div.owl-prev { left: 30px; margin-left: 0; } .welcome-carousel .owl-controls .owl-buttons div.owl-next { right: 30px; margin-right: 0; } .tabs-container .column-3-12 { width: 35%; } .tabs-container .column-6-12, .tabs-container .column-9-12 { width: 65%; } .tabs-container .fixed-image { display: none; } .services-container .column-6-12 { width: 50%; } .title-wrapp { width: auto; } } /** tablet **/ @media only screen and (min-width:481px) and (max-width:768px) { .container { width: auto; margin: 0 15px; } .gutter { margin-left: 7px; margin-right: 7px; } .contact-form-columns { margin-left: 4px; margin-right: 4px; } .contact-form-columns .gutter { margin-left: 3px; margin-right: 3px; } h1 { font-size: 28px; } .top-bar, .top-bar p, .get-quote-block, .get-quote-block p, .subscribe, .subscribe p, .article-welcome, .welcome-text, .welcome-text.left, .welcome-text.center, .welcome-text.right, .pagination { text-align: center; } .sidebar-block, .footer, .copyright-bar-container .left, .copyright-bar-container .right { text-align: left; } .top-bar-container .left, .top-bar-container .right, .widgets-container .column-3-12, .copyright-bar-container .left, .copyright-bar-container .right, .welcome-text, .welcome-text.left, .welcome-text.center, .welcome-text.right, .we-are-container .column-4-12, .latest-news-container .column-4-12, .services-container .column-6-12, .tabs-container .services-container .column-6-12, .title-wrapp, .blog-columns-container .left, .blog-columns-container .right, .blog-columns-container .column-9-12, .blog-columns-container .column-3-12, .article-welcome .article-image, .article-welcome .article-text, .about-articles-container .column-4-12, .contact-columns-container .column-8-12, .contact-columns-container .column-4-12 { width: auto; float: none; } .menu-top-container .menu-top, .owl-theme .owl-buttons, .owl-theme .owl-pagination, .tabs-container .fixed-image, .article-welcome .article-image { display: none; } .menu-top-container .icon-menu { display: block; } .header-block { padding-bottom: 22px; } .header-block .search-form { margin: 22px 0; } .wellcome-user { margin-bottom: 7px; } .search-form { width: 125px; } .search-form .icon-search { right: 20px; } .header-block .menu-top-container { padding: 0; float: none; clear: both; } .section .section-overlay, .section-testimonials, .section-latest-news, .section-we-do, .section-services, .section-contact, .section-faq, .section-blog, .section-projects, .section-about, .section-welcome { padding-top: 75px; padding-bottom: 75px; } .section-page-title .section-overlay { padding-top: 50px; padding-bottom: 50px; } .welcome-carousel .item { padding-top: 75px; padding-bottom: 100px; } .welcome-text .button { margin-left: auto; margin-right: auto; } .get-quote-block .section-overlay { padding: 25px 30px; } .get-quote-block .button, .subscribe .button { position: static; top: auto; left: auto; margin: 15px auto 0 auto; } .subscribe { padding-right: 0; } .section-latest-news { padding-bottom: 40px; } .section-latest-news .article-latest-news { margin-bottom: 35px; } .tabs-container .column-3-12 { width: 20%; } .tabs-container .column-6-12, .tabs-container .column-9-12 { width: 80%; } .menu-tabs a, .ui-tabs .ui-tabs-nav .ui-tabs-anchor { text-align: center; padding: 13px 10px } .menu-tabs a .fa, .ui-tabs .ui-tabs-nav .ui-tabs-anchor .fa { width: auto; margin-right: 0; } .menu-tabs a span, .ui-tabs .ui-tabs-nav .ui-tabs-anchor span { display: none; } .filter .column-3-12 { width: 50%; } .menu-filter { display: block; } .menu-filter, .menu-filter li { border: 0 none; } .menu-filter li, .menu-filter a { display: inline; line-height: 39px; padding: 9px 12px; } .menu-filter a, .menu-filter .current-menu-item a, .menu-filter .current_page_item a { background: none; } .menu-filter a, .menu-filter a:hover, .menu-filter .current-menu-item a, .menu-filter .current_page_item a, .menu-filter .current-menu-item a:hover, .menu-filter .current_page_item a:hover { color: #121212; } .sidebar-block { padding-top: 50px; } .right .sidebar-block, .left .sidebar-block { margin-left: 0; margin-right: 0; } .searchform { width: 240px; text-align: left; } .meta, .meta .left, .meta .right { text-align: left; } .meta .left, .meta .right { display: inline; width: auto; float: none; } .meta .left { margin-right: 10px; } .meta .right { margin-left: 10px; } .article-about { margin-bottom: 40px; } .team-title { margin-left: 0; margin-right: 0; } .team-container .column-3-12 { width: 50%; } .article-team { margin-bottom: 30px; } .contact-form { margin-bottom: 50px; } .footer h1, .footer h3 { margin-bottom: 10px; } .widgets-container { padding-top: 50px; padding-bottom: 25px; } .text-box p, .footer .widget ul li { margin-bottom: 7px; } } /** mobile **/ @media only screen and (max-width:480px) { .container { width: auto; margin: 0 15px; } .gutter { margin-left: 7px; margin-right: 7px; } .contact-form-columns { margin-left: 4px; margin-right: 4px; } .contact-form-columns .gutter { margin-left: 3px; margin-right: 3px; } h1 { font-size: 28px; } .header-block .logo { padding-top: 0; padding-bottom: 0; margin-bottom: 20px; } .top-bar, .top-bar p, .header-block .logo, .welcome-text, .welcome-text.left, .welcome-text.center, .welcome-text.right, .pagination, .get-quote-block, .get-quote-block p, .latest-project, .section-testimonials, .section-latest-news, .section-subscribe, .project-descr, .section-blog, .section-welcome { text-align: center; } .sidebar-block, .footer, .copyright-bar-container .left, .copyright-bar-container .right { text-align: left; } .header-block .logo, .header-block .search-form, .top-bar-container .left, .top-bar-container .right, .widgets-container .column-3-12, .copyright-bar-container .left, .copyright-bar-container .right, .welcome-text, .welcome-text.left, .welcome-text.center, .welcome-text.right, .column-container .column-1-12, .column-container .column-2-12, .column-container .column-3-12, .column-container .column-4-12, .column-container .column-5-12, .column-container .column-6-12, .column-container .column-7-12, .column-container .column-8-12, .column-container .column-9-12, .column-container .column-10-12, .column-container .column-11-12, .column-container .column-12-12, .title-wrapp, .article-welcome .article-text { width: auto; float: none; } .header-block { padding-top: 25px; padding-bottom: 25px; } .wellcome-user { margin-bottom: 7px; } .menu-top-container .menu-top, .owl-theme .owl-buttons, .owl-theme .owl-pagination, .section-we-do .tabs-container .fixed-image, .menu-tabs a span, .ui-tabs .ui-tabs-nav .ui-tabs-anchor span, .article-welcome .article-image { display: none; } .menu-top-container .icon-menu { display: block; } .header-block .search-form { margin: 0 0 20px 0; } .search-form, .section-latest-project .section-subtitle { width: auto; } .search-form .icon-search { right: 20px; } .header-block .menu-top-container { padding: 0; float: none; clear: both; } .get-quote-block .section-overlay { padding: 25px 30px; } .get-quote-block .button, .subscribe .button { position: static; top: auto; left: auto; margin: 15px auto 0 auto; } .tabs-container .column-3-12 { width: 75px; float: left; } .tabs-container .column-6-12, .tabs-container .column-9-12 { margin-left: 75px; } .services-container .column-6-12, .services-container .column-9-12 { margin-left: 0; } .menu-tabs a, .ui-tabs .ui-tabs-nav .ui-tabs-anchor { text-align: center; padding: 13px 5px } .menu-tabs a .fa, .ui-tabs .ui-tabs-nav .ui-tabs-anchor .fa { width: auto; margin-right: 0; } .section-testimonials h4, .subscribe { padding-right: 0; } .testimonial .author-avatar { margin-left: auto; margin-right: auto; } .article-latest-news { margin-bottom: 30px; } .menu-filter { display: block; } .menu-filter, .menu-filter li { border: 0 none; } .menu-filter li, .menu-filter a { display: inline; line-height: 39px; padding: 9px 12px; } .menu-filter a, .menu-filter .current-menu-item a, .menu-filter .current_page_item a { background: none; } .menu-filter a, .menu-filter a:hover, .menu-filter .current-menu-item a, .menu-filter .current_page_item a, .menu-filter .current-menu-item a:hover, .menu-filter .current_page_item a:hover{ color: #121212; } .meta, .meta .left, .meta .right { text-align: center; } .meta .left, .meta .right { display: block; width: auto; float: none; padding: 2px 0; } .comment-form { text-align: left; } .comment-form p.comment-form-author, .comment-form p.comment-form-email, .comment-form p.comment-form-url { width: auto; } .sidebar-block { padding-top: 50px; } .right .sidebar-block, .left .sidebar-block, .team-title { margin-left: 0; margin-right: 0; } .section-welcome, .section-about, .contact-form { padding-bottom: 50px; } .article-about, .article-team { margin-bottom: 35px; } .welcome-carousel .item { padding-top: 75px; padding-bottom: 100px; } .welcome-text .button { margin-left: auto; margin-right: auto; } .footer h1, .footer h3 { margin-bottom: 10px; } .widgets-container { padding-top: 50px; padding-bottom: 25px; } .text-box p, .footer .widget ul li { margin-bottom: 7px; } figure { width: 100%; } } /** retina display **/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( min-device-pixel-ratio: 1.5), only screen and ( min-resolution: 144dpi), only screen and ( min-resolution: 1.5dppx) { /* Retina-specific stuff here */ }