/* Theme Name: Armada Theme URI: http://vinirama.com/armada Author: ViniRama Author URI: http://vinirama.com/ Description: Mobile App And Web Design WordPress Theme Version: 1.0.8 License: Custom License URI: http://themeforest.net/licenses Text Domain: armada Tags: white, green, gray, custom-menu, editor-style, featured-images, sticky-post, translation-ready ## Style Table Of Contents ## 01.00 CSS Reset ## 02.00 Foundation ## 03.00 Typography ## 04.00 Layout ## 05.00 Header ## 05.01 Header - Search ## 05.02 Header - Top ## 05-03 Header - Menu ## 06.00 Navigation ## 06.01 Navigation - Sub Menu ## 07.00 Branding ## 08.00 Entry ## 08.01 Entry - Pagination ## 08.02 Entry - Author ## 08.03 Entry - Share ## 08.04 Entry - Comment ## 08.05 Entry - Reply ## 09.00 Footer ## 09.01 Footer - Banner ## 09.02 Footer - Widget ## 09.03 Footer - Bottom ## 10.00 Wordpress ## 10.01 Wordpress - Specific ## 10.02 Wordpress - Widget ## 11.00 Element ## 12.00 Module ## 14.00 Plugin ## 15.00 Responsive ## 16.00 Print */ /*-------------------------------------------------------------- ## 01.00 CSS Reset --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; outline: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: none repeat scroll 0 0 transparent; } /*-------------------------------------------------------------- ## 02.00 Foundation --------------------------------------------------------------*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { -ms-word-wrap: break-word; word-wrap: break-word; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; } img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: disc; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*-------------------------------------------------------------- ## 03.00 Typography --------------------------------------------------------------*/ h1 { font-size: 28px; margin-bottom: 30px; } h2 { font-size: 24px; margin-bottom: 30px; } h3 { font-size: 20px; margin-bottom: 30px; } h4 { font-size: 18px; margin-bottom: 30px; } h5 { font-size: 16px; margin-bottom: 30px; } h6 { font-size: 14px; margin-bottom: 30px; } p { font-size: 14px; line-height: 22px; margin-bottom: 25px; } address { font-style: italic; margin-bottom: 30px; } cite, em, i { font-style: italic } ol, ul, table, dd { margin-bottom: 30px; } ul, ol { padding-left: 25px; } table { width: 100%; } table td, table th { padding: 8px 12px; border: 1px solid #dedede; } blockquote cite { display: block; margin-top: 20px; } blockquote { border-left: 4px solid #dedede; padding-left: 20px; margin-bottom: 30px; } pre { background-color: #f5f5f5; border: 1px solid #dedede; padding: 15px; margin-bottom: 30px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; max-width: 100%; overflow: auto; } /*-------------------------------------------------------------- ## 04.00 Layout --------------------------------------------------------------*/ #page { -ms-word-wrap: break-word; word-wrap: break-word; font-size: 14px; } #page .container { width: 1200px; margin: 0 auto; padding-left: 40px; padding-right: 40px; } #page:before, #page:after, #primary:before, #primary:after, #main:before, #main:after, #secondary:before, #secondary:after, #footer:before, #footer:after, .gallery-list:before, .gallery-list:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } #page:after, #primary:after, #main:after, #secondary:after, #footer:after, .gallery-list:after { clear: both; } #content { min-height: 600px; position: relative; z-index: 1000; } #content.content-builder #primary { padding: 0; width: 100%; } #content.content-builder #secondary { display: none; } #content.content-builder .container { padding: 0; } #content.content-builder .row-content { margin: 0; } #content.content-builder .entry-content { margin-bottom: 0; } #content.content-builder .panel-grid { margin: 0; } #content.content-builder .panel-full .panel-grid-cell { padding-left: 0 !important; padding-right: 0 !important; } #content.content-builder .panel-parallax { background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-clip: border-box; background-origin: padding-box; background-position: 50% 50%; } #content.content-full .container { padding: 40px; } #content.content-full .container .row-content { margin: 0; } #content.content-full #primary { float: left; padding: 0; } #content.content-full #secondary { display: none; } #content.content-sidebar-right .container { padding: 40px; } #content.content-sidebar-right #primary { float: left; } #content.content-sidebar-right #secondary { float: right; padding-left: 45px; } #content.content-sidebar-left .container { padding: 40px; } #content.content-sidebar-left #primary { float: right; } #content.content-sidebar-left #secondary { float: left; padding-right: 45px; } #content.content-full #primary { width: 100%; } #content.content-full #secondary { display: none; } #content #secondary .widget { padding: 0 15px; margin-bottom: 20px; } .error404 #content.content-sidebar-right #primary, .error404 #content.content-sidebar-left #primary { padding: 180px 0; width: 100%; } .page-box #masthead, .page-box #slider-main, .page-box #branding, .page-box #content, .page-box #footer { max-width: 1200px; margin: 0 auto; } .page-box #content { overflow-x: hidden; } .page-box #content.content-full .entry-content { margin-bottom: 0; } .page-box #content.content-builder .panel-grid .panel-row-style, .page-box #content.content-builder .panel-grid { max-width: 1200px; } .panel-widget-style { background-repeat: no-repeat; background-size: cover; background-position: center; } .page-full #content { width: 100%; } .page-full #content .container { width: 1200px; margin-left: auto; margin-right: auto; } .page-full #content .container { margin-top: 0; } .page-full #content.content-builder { width: 100%; overflow-x: hidden; } .page-full #content.content-builder .container .panel-grid { } .page-full #content.content-builder .panel-grid .panel-row-style.panel-full { width: 100%; } #content.page-builder .panel-grid .widget-title { font-size: 22px; margin-bottom: 40px; } /*-------------------------------------------------------------- ## 05.00 Header --------------------------------------------------------------*/ #masthead { position: absolute; left: 0; right: 0; -webkit-transition: height .4s ease, opacity .3s ease; -o-transition: height .4s ease, opacity .3s ease; transition: height .4s ease, opacity .3s ease; z-index: 9000; } #masthead .container { position: static; } .sticky-wrapper #masthead { z-index: 9000; left: 0; right: 0; } #masthead.stuck { z-index: 9000; position: fixed; left: 0; right: 0; -webkit-box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2); opacity: 0.95; } #masthead.stuck:hover { opacity: 1; } #masthead.stuck #primary-menu > li > a { padding: 25px 16px; } #masthead.stuck #logo { margin-top: 8px; } #masthead.stuck #logo h1 { margin-top: 10px; font-size: 26px; color: #ffffff; } #masthead.stuck #button-shop, #masthead.stuck #button-search, #masthead.stuck #button-menu { padding: 25px 16px 20px 16px; } #masthead.stuck #button-shop { padding-bottom: 24px; } #masthead.stuck #button-shop .menu-shop-sub { margin-top: 24px; } .masthead-fill { display: block; height: 120px; } /*-------------------------------------------------------------- ## 05.01 Header - Search --------------------------------------------------------------*/ #site-search { display: none; } #site-search .container { padding-top: 30px; padding-bottom: 30px; } #site-search .search-form { border: 1px solid #ffffff; } #site-search .search-form label { display: block; margin-right: 50px; } #site-search .search-form label input[type="text"] { background-color: rgba(0, 0, 0, 0); height: 50px; display: inline-block; border-radius: 0; padding: 10px 20px; border: 0px solid rgba(0, 0, 0, 0); border-right: 0; box-shadow: none; outline: 0; width: 100%; font-size: 20px; font-weight: 400; color: #ffffff; } #site-search .search-form button[type=submit] { background-color: rgba(0, 0, 0, 0); height: 48px; width: 50px; float: right; border-radius: 0; padding: 8px 10px 6px 10px; border: 1px solid transparent; line-height: 18px; font-size: 14px; vertical-align: middle; text-align: center; margin-right: 0; } #site-search .search-form button[type=submit] i { font-size: 24px; color: #ffffff; } #site-search .search-form button[type=submit]:hover { border: 1px solid #000000; } /*-------------------------------------------------------------- ## 05.02 Header - Top --------------------------------------------------------------*/ #top { height: 48px; } #top .site-info { float: left; } #top .top-address { float: right; } #top .top-address a, #top .top-address span { line-height: 48px; margin-left: 10px; } #top .top-address a i, #top .top-address span i { margin-right: 8px; font-size: 18px; } #top .top-address .button-sub, #top .top-address .button-dark { padding: 5px 10px; line-height: 20px; font-size: 13px; border-radius: 3px; } #top .top-address .button-dark i { margin-top: 2px; } #top p { line-height: 48px; margin: 0; font-weight: 600; } #top p a { font-weight: 600; } #top .social-media a { display: inline-block; width: 32px; height: 32px; padding-top: 6px; margin: 8px 0 0 4px; text-align: center; border-radius: 99px; border: 1px solid #000000; } #top .social-media a i { font-size: 16px; margin: 0; } .hide { display: none; } /*-------------------------------------------------------------- ## 05-03 Header - Menu --------------------------------------------------------------*/ #menu { min-height: 68px; } #logo { float: left; margin-top: 15px; -webkit-transition: all 0.1s ease-in-out 0s; -moz-transition: all 0.1s ease-in-out 0s; -ms-transition: all 0.1s ease-in-out 0s; -o-transition: all 0.1s ease-in-out 0s; transition: all 0.1s ease-in-out 0s; } #logo img { margin: 5px; } #logo h1 { font-size: 30px; font-weight: 700; margin: 6px 0 0 0; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } #logo h1 a:hover { text-decoration: none; } #button-menu { display: none; } #button-shop, #button-search, #button-menu { float: right; padding: 28px 16px; cursor: pointer; } #button-shop i, #button-search i, #button-menu i { font-size: 16px; } #mobile-navigation { display:none; } #mobile-navigation.mm-menu.mm-current{ display:block; } /*-------------------------------------------------------------- ## 06.00 Navigation --------------------------------------------------------------*/ #site-navigation { float: right; } #primary-menu { margin-bottom: 0; font-weight: 600; text-transform: uppercase; } #primary-menu li { list-style: none; float: left; } #primary-menu li a { display: inline-block; padding: 30px 16px; font-size: 15px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; position: relative; display: inline-block; } #primary-menu li a:hover { text-decoration: none; } /*-------------------------------------------------------------- ## 05.01 Navigation - Sub Menu --------------------------------------------------------------*/ .menu-shop-sub, #primary-menu .sub-menu { font-size: 14px; position: absolute; z-index: 7000; display: none; top: auto; width: 200px; padding: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } #primary-menu .sub-menu li { width: 100%; } #primary-menu .sub-menu li a { display: block; font-weight: 500; padding: 12px 16px; font-size: 15px; letter-spacing: 0; text-transform: none; } #primary-menu .sub-menu li a:hover { text-decoration: none; } #primary-menu .sub-menu .menu-item-has-children { position: relative; display: block; } #primary-menu .sub-menu .menu-item-has-children .sub-menu { display: none; top: 0; margin-top: 0; left: 200px; width: 200px; padding: 0; } #button-shop { padding-bottom: 30px; } #button-shop-cart { padding: 6px 8px; font-weight: 600; border-radius: 1px; } #button-shop-cart i { margin-right: 6px; } #button-shop-cart:hover { text-decoration: none; } #button-shop-cart { font-size: 13px; font-weight: 600; } #menu-shop-sub { z-index: 8000; } .menu-shop-sub, .sub-menu, .mega-menu-item { border-top: 4px solid #ffffff; } /*-------------------------------------------------------------- ## 07.00 Branding --------------------------------------------------------------*/ #branding { padding-top: 128px; height: 320px; -webkit-transition: all .4s ease, opacity .3s ease; -o-transition: all .4s ease, opacity .3s ease; transition: all .4s ease, opacity .3s ease; overflow: hidden; } .branding-dock { margin-top: 120px !important; } #branding .container { padding-top: 50px; padding-bottom: 40px; } #branding .title-header { float: left; } #branding .breadcrumb { font-size: 14px; margin-top: 10px; float: right; background-color: rgba(0, 0, 0, 0); font-weight: 600; max-width: 360px; } #branding h2 { display: block; font-size: 28px; font-weight: 600; max-width: 640px; margin-bottom: 15px; text-transform: uppercase; } #branding p { display: inline-block; font-size: 16px; max-width: 520px; } .page-header { margin: 0; } .page-header h1 { font-size: 22px; margin: 0; padding-bottom: 20px; } /*-------------------------------------------------------------- ## 08.00 Entry --------------------------------------------------------------*/ .entry-header { position: relative; left: 0; right: 0; padding-left: 95px; min-height: 75px; margin-bottom: 30px; } .search-results .entry-header { padding-left: 85px; } .entry-title { font-size: 28px; line-height: 36px; text-transform: uppercase; font-weight: 700; margin: 0 0 15px 0; } .blog-standard .entry-title a { margin-top: 18px; min-height: 45px; display: inline-block; } .entry-meta { margin-bottom: 30px; } .entry-meta a { line-height: 24px; display: inline-block; } .entry-meta a:hover { text-decoration: none !important; } .entry-meta .posted-on a { margin-left: 0; } .tags-links a { line-height: 24px; display: inline-block; } .entry-calendar { position: absolute; top: 0; left: 0; text-align: center; text-transform: uppercase; margin-bottom: 40px; } .entry-calendar .meta-day { width: 70px; height: 70px; display: block; font-weight: 600; font-size: 34px; padding-top: 8px; border: 3px solid #dedede;border-radius: 99px; margin-bottom: 10px; } .entry-calendar .meta-month { display: block; font-weight: 600; font-size: 16px; } .entry-picture { margin-bottom: 30px; } .entry-picture img { width: 100%; height: auto; } .entry-picture .icon-sub i { font-size: 24px; } .entry-excerpt, .entry-summary, .entry-content { margin-bottom: 30px; } .entry-content iframe, .entry-content embed { width: 100%; } .entry-footer { margin-bottom: 40px; } .entry-footer .tags-links { display: block; padding-top: 20px; margin-top: 20px; } .entry-link { font-weight: 700; padding: 30px 40px; margin-bottom: 30px; } .entry-link a { font-size: 20px; letter-spacing: -0.5px; line-height: 38px; font-weight: 400; margin-bottom: 20px; } .entry-quote { font-weight: 700; padding: 30px 40px; margin-bottom: 30px; } .entry-quote p { font-size: 28px; letter-spacing: -0.5px; line-height: 38px; font-weight: 400; margin-bottom: 20px; } .entry-quote p .fa-quote-left { margin-right: 15px; } .entry-quote p .fa-quote-right { margin-left: 15px; } .entry-quote blockquote { border: 0; margin: 0; padding: 0; } .entry-quote cite { font-size: 18px; display: block; width: 100%; font-style: italic; text-align: right; font-weight: 400; } .entry-video { margin-bottom: 30px; } .entry-video iframe { width: 100%; } .entry-video { margin-bottom: 30px; } .entry-gallery { position: relative; top: 0; left: 0; width: 100%; margin-bottom: 30px; min-height: 300px; } .entry-gallery .slider-gallery .owl-wrapper-outer { width: 100%; overflow: hidden; } .entry-gallery .slider-gallery .owl-item, .entry-gallery .slider-gallery .slider-item { width: 100%; } .entry-gallery .slider-gallery .slider-item img { width: 100% !important; margin-bottom: 0; } .entry-gallery .caption { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.8); padding-top: 25px; padding-left: 15px; min-height: 70px; } .entry-gallery .caption h4 { font-size: 20px; font-weight: 600; } .entry-gallery .slider-prev { bottom: 15px; right: 70px; } .entry-gallery .slider-next { bottom: 15px; right: 15px; } .entry-gallery .slider-prev { top: 50%; left: 30px; } .entry-gallery .slider-next { top: 50%; right: 30px; } .entry-gallery .slider-prev, .entry-gallery .slider-next { position: absolute; text-align: center; width: 48px; height: 48px; opacity: 1; } .entry-gallery .slider-prev i, .entry-gallery .slider-next i { font-size: 22px; padding-top: 15px; } /*-------------------------------------------------------------- ## 08.01 Entry - Pagination --------------------------------------------------------------*/ .pagination { text-align: center; margin: 0; display: block; } .pagination ul { text-align: center; padding: 0; margin: 0; } .pagination ul li { display: inline-block; font-size: 16px; font-weight: 600; margin-right: 8px; } .pagination ul li a, .pagination ul li a:hover { text-decoration: none; } .pagination ul li i { margin-right: 5px; } .page-numbers, .prev.page-numbers, .next.page-numbers { padding: 6px 10px; border-radius: 1px; } .post-navigation { margin-bottom: 0; } .post-navigation .screen-reader-text { display: none; } .post-navigation:before, .post-navigation:after { display: table; content: ""; } .post-navigation:after { clear: both; } .post-navigation .nav-links { margin-bottom: 20px; } .nav-links { height: 50px; } .nav-links .nav-previous { float: left; display: inline-block; position: relative; } .nav-links .nav-next { float: right; display: inline-block; position: relative; } .nav-links .nav-previous a { max-width: 320px; padding-left: 30px !important; } .nav-links .nav-next a { max-width: 320px; padding-right: 30px !important; } .page-links { clear: both; } .post-navigation .nav-previous:after { content: "\f053" !important; font-family: "FontAwesome" !important; position: absolute; left: 10px; top: 4px; color: #ffffff; } .post-navigation .nav-next:after { content: "\f054" !important; font-family: "FontAwesome" !important; position: absolute; right: 10px; top: 4px; color: #ffffff; } .page-links a, .page-links > span { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); display: inline-block; font-size: 12px; height: 24px; line-height: 2; margin: 0 5px 5px 0; text-align: center; width: 24px; } .page-links a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); background-color: #333; border-color: #333; color: #fff; } .page-links a:hover, .page-links a:focus { background-color: #707070; background-color: rgba(51, 51, 51, 0.7); border-color: transparent; color: #fff; } .page-links > .page-links-title { border: 0; color: #707070; color: rgba(51, 51, 51, 0.7); height: auto; margin: 0; padding-right: 0.5em; width: auto; } .blog-standard { position: relative; } /*-------------------------------------------------------------- ## 08.02 Entry - Author --------------------------------------------------------------*/ .entry-author { position: relative; left: 0; top: 0; padding-left: 120px; margin-bottom: 40px; min-height: 80px; } .entry-author .thumbnail { position: absolute; left: 0; top: 0; min-height: 130px; text-align: center; } .entry-author .thumbnail img { width: 80px; height: 80px; border-radius: 99px; border: 4px solid #f5f5f5; } .entry-author .author-info h4 { margin-bottom: 10px; } .screen-reader-text { margin-bottom: 20px; } .related { margin-bottom: 40px; } /*-------------------------------------------------------------- ## 08.03 Entry - Share --------------------------------------------------------------*/ .entry-share { margin-bottom: 40px; } .entry-share h3 { font-size: 20px; } .entry-share .share-item a { display: block; width: 100px; text-align: center; color: #ffffff; padding: 20px 10px 10px; border-radius: 2px; margin: 0 auto; } .entry-share .share-item a i { display: block; font-size: 26px; margin-bottom: 15px; color: #ffffff; } .entry-share .share-item a span { display: block; } .entry-share .share-item a:hover { opacity: 0.8; text-decoration: none; } /*-------------------------------------------------------------- ## 08.04 Entry - Comment --------------------------------------------------------------*/ #comment-nav-above { margin-bottom: 30px; } #comment-nav-above:before, #comment-nav-above:after { display: table; content: ""; } #comment-nav-above:after { clear: both; } #comment-nav-below { margin-bottom: 40px; } #comment-nav-below:before, #comment-nav-below:after { display: table; content: ""; } #comment-nav-below:after { clear: both; } .logged-in-as a { font-weight: 600; } .bypostauthor { display: block; } .comment-list { list-style: none; margin: 0; } .comment-list .children { list-style: none; margin-left: 30px; } .comment-list li, .comment-list .children li { clear: both; } .comment-list .comment-body { margin-bottom: 20px; } .comment-author .avatar { float: left; height: 60px; margin-right: 20px; width: 60px; } .comment-meta .comment-author b { padding-top: 8px; display: inline-block; } .comment-meta .comment-metadata { padding-top: 5px; padding-bottom: 20px; display: inline-block; } .comment-meta .comment-content { display: block; } .comment-body:before, .comment-body:after { display: table; content: ""; } .comment-body:after { clear: both; } .comment-body { position: relative; top: 0; left: 0; } .comment-list .reply { position: absolute; top: 20px; right: 0; } .comment-list .edit-link { position: absolute; top: 20px; right: 0; } .comment-list .reply a, .comment-list .edit-link a { color: #ffffff; padding: 5px 10px; font-size:14px; text-transform: uppercase; font-weight: 600; } .comment-list .reply a:hover, .comment-list .edit-link a:hover { color: #ffffff; text-decoration: none; } .comment-list .edit-link { margin-right: 80px; } .nav-links .nav-previous a, .nav-links .nav-next a { line-height: 24px; } .nav-links .nav-previous a:hover, .nav-links .nav-next a:hover { text-decoration: none; } /*-------------------------------------------------------------- ## 08.05 Entry - Reply --------------------------------------------------------------*/ #respond { clear: both; } #commentform { margin-left: -15px; margin-right: -15px; } #commentform .comment-notes { display: block; width: 100%; } #commentform p { float: left; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } #commentform p.form-submit { margin-bottom: 0; } .comment-list #commentform #submit { margin-bottom: 30px; } /*-------------------------------------------------------------- ## 09.00 Footer --------------------------------------------------------------*/ #footer { position: relative; background-size: cover; background-repeat: no-repeat; z-index: 0; } /*-------------------------------------------------------------- ## 09.01 Footer - Banner --------------------------------------------------------------*/ .footer-banner { text-align: center; } .footer-banner .container { padding-top: 40px; } /*-------------------------------------------------------------- ## 09.02 Footer - Widget --------------------------------------------------------------*/ #footer-widget .container { padding: 40px 0 0 0; min-height: 200px; } #footer-widget aside { margin-bottom: 40px; } #footer-social { padding-top: 40px; } #footer-social a { float: left; display: block; color: #ffffff; width: 20%; font-size: 17px; text-align: center; font-weight: 400; padding: 10px 20px; margin: 0; background-color: #364149; transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; } #footer-social a:hover { text-decoration: none; } #footer-social a i { margin-right: 10px; color: #ffffff; } #footer-social .icon-facebook a:hover { background-color: #3e5ea4; } #footer-social .icon-twitter a:hover { background-color: #31c7f9; } #footer-social .icon-googleplus a:hover { background-color: #f55d11; } #footer-social .icon-youtube a:hover { background-color: #d81203; } #footer-social .icon-linkedin a:hover { background-color: #0098e3; } #footer-social .icon-email a:hover { background-color: #70cb47; } #footer-address { padding-top: 40px; padding-bottom: 20px; } #footer-address .icon-address h3 { font-size: 19px; font-weight: 600; } #footer-address .icon-address small { font-size: 17px; } #footer-address .text img { width: auto; display: block; margin-bottom: 15px; } #footer-address .text { font-size: 14px; line-height: 22px; margin-bottom: 30px; } .icon-address { position: relative; padding-left: 80px; margin-bottom: 40px; } .icon-address i { position: absolute; top: 0; left: 15px; font-size: 34px; width: 42px; } .icon-address h3 { font-size: 22px; font-weight: 400; margin-bottom: 0; } .icon-address h3 small { padding-top: 5px; display: block; font-size: 18px; font-weight: 300; } /*-------------------------------------------------------------- ## 09.03 Footer - Bottom --------------------------------------------------------------*/ #bottom { font-weight: 600; } #bottom a:hover { text-decoration: underline; } #bottom p { line-height: 60px; margin: 0; } #bottom .site-copyright { float: left; } #bottom #footer-navigation { float: right; } #bottom #footer-navigation ul { display: inline-block; margin-bottom: 0; font-size: 14px; list-style: none; } #bottom #footer-navigation ul li { float: left; margin-left: 15px; } #bottom #footer-navigation ul li a { display: inline-block; line-height: 60px; } #bottom .social-media { float: right; } #bottom .social-media a { line-height: 60px; margin-left: 15px; } #bottom .social-media a i { font-size: 20px; } /*-------------------------------------------------------------- ## 10.00 Wordpress --------------------------------------------------------------*/ .error-404 { text-align: center; } .error-404 .page-header { padding-top: 160px; } .error-404 .page-header .page-title { font-size: 36px; } .error-404 .page-content { padding-bottom: 160px; } .error-404 .search-404 { max-width: 600px; margin: 0 auto; } .error-404 .search-404 form { min-height: 40px; margin-bottom: 20px; } .home .tag-sticky-2, .home .sticky, .blog .sticky{ background: #f5f5f5; padding: 20px; border: 2px solid #000000; margin-bottom: 40px; } .home .tag-sticky-2 .blog-standard, .home .tag-sticky-2 .entry-footer, .home .sticky .entry-footer, .blog .sticky .entry-footer { margin-bottom: 0; } .home .tag-sticky-2 .lines, .blog .sticky .lines { display: none; } /*-------------------------------------------------------------- ## 09.01 Wordpress - Specific --------------------------------------------------------------*/ .alignnone, .aligncenter, .alignright, .alignleft { max-width: 100%; height: auto; } .alignnone img, .aligncenter img, .alignright img, .alignleft img { max-width: 100%; height: auto; } .alignnone { margin: 5px 0 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a > img.alignright { float: right; margin: 5px 0 20px 20px; } a > img.alignnone { margin: 5px 20px 20px 0; } a > img.alignleft { float: left; margin: 5px 20px 20px 0; } a > img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { max-width: 100%; background-color: rgba(0, 0, 0, 0.05); padding: 5px; text-align: center; } .wp-caption.alignnone { margin: 5px 0 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; padding: 0; width: auto; } .wp-caption .wp-caption-text { line-height: 17px; margin: 4px 5px; } .more-link { text-transform: uppercase; } .more-link span { padding: 0; } .more-link .btn:hover { color: #1b92bf; } .post-password-form { position: relative; } .post-password-form input[type="password"] { width: 100%; height: 44px; } .post-password-form label { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-size: 14px; font-weight: 700; line-height: 1.5; text-transform: uppercase; } .post-password-form input[type="submit"] { padding: 10px; position: absolute; right: 0; bottom: 0; } .list-icon-circle li, .list-icon-square li, .list-icon li { padding-bottom: 12px !important; } .gallery { margin-bottom: 20px; } .gallery:before, .gallery:after { content: " "; display: table; } .gallery:after { clear: both; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .title-header, .post-navigation .nav-previous a, .entry-content { -ms-word-wrap: break-word; word-wrap: break-word; } .entry-content ul.no-list-style { list-style: none; padding-left: 0; } .entry-content li { padding-bottom: 0; } .entry-content li i { font-size: 18px; margin-right: 15px; } .entry-content p { margin-bottom: 25px; } .entry-content p img { max-width: 100%; } /*-------------------------------------------------------------- ## 10.02 Wordpress - Widget --------------------------------------------------------------*/ .widget_search .screen-reader-text { display: none; } .widget_search label { width: 100%; } .widget_search label { float: left; width: 70%; } .widget_search .search-field { width: 100%; border: 1px solid #dddddd; padding: 6px 5px 6px 10px; font-weight: normal; height: 40px; border-radius: 2px; } .widget_search .search-form { position: relative; top: 0; left: 0; } .widget_search .search-form label { width: 100%; } .widget_search .search-form .button-search { position: absolute; right: 0; width:40px; height: 40px; } .page-content .screen-reader-text { display: none; } .page-content label { width: 100%; } .page-content label { float: left; width: 70%; } .page-content .search-field { width: 100%; border: 1px solid #dddddd; padding: 6px 5px 6px 10px; font-weight: normal; height: 40px; border-radius: 2px; } .page-content .search-form { position: relative; top: 0; left: 0; } .page-content .search-form label { width: 100%; } .page-content .search-form .button-search { position: absolute; right: 0; width:40px; height: 40px; } .widget_calendar #wp-calendar { width: 100%; } .widget_calendar caption { padding: 5px 0; text-align: center; border: 1px solid #f2f2f2; } .widget_calendar thead tr th { padding: 5px 0; text-align: center; background: #f5f5f5; border: 1px solid #dedede; } .widget_calendar tbody tr td { text-align: center; border: 1px solid #f2f2f2; padding: 3px 0; } .widget_calendar tfoot tr td { padding: 5px 5px; } .widget_calendar tfoot tr .pad, .widget_calendar tfoot tr #prev, .widget_calendar tfoot tr #next { border: 0px; } .widget_calendar tfoot tr #next a { float: right; } .footer .widget_calendar tbody tr td { border: 1px solid #dedede; } .widget_tag_cloud a { font-size: 13px; display: inline-block; background-color: #dedede; padding: 5px 8px; margin: 2px 0; border-radius: 2px; color: #2f373c; transition: all 200ms ease-out; } .widget_tag_cloud a:hover { background-color: #dedede; color: #2f373c; } #recentcomments, .widget_product_categories ul, .widget_nav_menu ul, .widget_archive ul, .widget_pages ul, .widget_categories ul, .widget_recent_entries ul, .widget_meta ul { padding: 0; } #recentcomments .recentcomments, .widget_product_categories ul li, .widget_nav_menu ul li, .widget_archive ul li, .widget_pages ul li, .widget_categories ul li, .widget_recent_entries ul li, .widget_meta ul li { padding-bottom: 10px; list-style: none; } #recentcomments .recentcomments a, .widget_product_categories ul li a, .widget_nav_menu ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_categories ul li a, .widget_recent_entries ul li a, .widget_meta ul li a { font-weight:600; padding: 0 0 0 25px; display: inline-block; position: relative; border-radius: 0; background: none; } #recentcomments .recentcomments { position: relative; top: 0; left: 0; } #recentcomments .recentcomments:before, .widget_product_categories ul li a:before, .widget_nav_menu ul li a:before, .widget_archive ul li a:before, .widget_pages ul li a:before, .widget_categories ul li a:before, .widget_recent_entries ul li a:before, .widget_meta ul li a:before { content: "\f105"; font-family: "FontAwesome"; position: absolute; left: 5px; top: 1px; display: block; font-size: 20px; line-height: 20px; font-weight: 400; } #recentcomments .recentcomments { padding: 0 0 10px 25px; } .widget_nav_menu .sub-menu, .widget_nav_menu ul li, .widget_nav_menu ul li a, .widget_nav_menu ul li:hover a, .widget_nav_menu ul li a:hover { background-color: rgba(0, 0, 0, 0) !important; } .widget_nav_menu ul li.menu-item-has-children a { } .widget_nav_menu ul li { padding-top: 0; padding-bottom: 0; } .widget_nav_menu ul li a { padding-top: 7px; padding-bottom: 7px; } .widget_nav_menu ul li ul { padding-left: 20px; } .widget_nav_menu .sub-menu { border-top: 0; } .widget-title-big { font-size: 30px; line-height: 32px; font-weight: 400; margin-bottom: 30px; } #secondary .widget-title, #secondary .widget-head h3, #footer .widget-title { font-size: 20px; line-height: 24px; font-weight: 600; margin-bottom: 20px; } #secondary .widget { margin-bottom: 40px; } .screen-reader-text, .comments-title, #reply-title { font-size: 20px; line-height: 28px; margin: 0 0 30px 0; } .screen-reader-text { margin-bottom: 15px; } .title { padding-left: 15px; border-left: 6px solid #000000; margin: 0 0 25px 0; } /*-------------------------------------------------------------- ## 11.00 Element --------------------------------------------------------------*/ .line { display: block; height: 4px; margin-bottom: 20px; width: 100%; overflow: hidden; z-index: 100; } .line:after { overflow: hidden; position: absolute; padding-left:40px; content: ""; display: block; height: 4px; margin-bottom: 20px; width: 40px; z-index: 50; } .line-bar { display: block; height: 4px; margin: 0 auto 20px auto; width: 40px; overflow: hidden; z-index: 100; } .line-center { display: block; height: 6px; background-color: #ffffff; margin: 20px auto 0 auto; width: 60px; } .lines { display: block; height: 4px; margin-bottom: 30px; width: 100%; overflow: hidden; z-index: 100; } .lines:after { overflow: hidden; position: absolute; padding-left:40px; content: ""; display: block; height: 4px; margin-bottom: 20px; width: 40px; z-index: 50; } /*-------------------------------------------------------------- ## 11.01 Element - Label --------------------------------------------------------------*/ .label-small, .label-main { font-size: 14px; font-weight: 600; font-size: 14px; padding: 2px 6px 4px 6px; } .entry-meta a:hover, .label-small:hover, .label-main:hover { text-decoration: none !important; } /*-------------------------------------------------------------- ## 11.02 Element - Icon --------------------------------------------------------------*/ .list-icon-circle, .list-icon-square, .list-icon { list-style: none; } .list-icon-circle, .list-icon-square, .list-icon i { margin-right: 15px; } .list-icon-square i { text-align: center; padding-top: 8px; width: 36px; height: 36px; } .list-icon-circle i { text-align: center; padding-top: 8px; width: 36px; height: 36px; border-radius: 99px; } .text-icon-left { position: relative; left: 0; right: 0; padding-left: 50px; margin-bottom: 30px; } .text-icon-left .text-icon { position: absolute; left: 0; right: 0; } .text-icon-left .text-icon i { font-size: 28px; } .text-icon-left .text-icon-content h3 { margin-bottom: 15px; font-size: 20px; } .text-icon-left .text-icon-content p { margin-bottom: 0; } .text-icon-center { text-align: center; } .text-icon-center .text-icon { margin: 0 auto; margin-bottom: 20px; } .text-icon-center .text-icon i { font-size: 24px; } .text-icon-center .text-icon-content h3 { margin-bottom: 15px; } .text-icon-center .text-icon-content p { margin-bottom: 0; } .text-icon-square .text-icon { text-align: center; padding: 7px; width: 38px; height: 38px; } .text-icon-circle .text-icon { text-align: center; padding: 7px; width: 38px; height: 38px; border-radius: 99px; } .list-picture-left { position: relative; left: 0; right: 0; padding-left: 110px; margin-bottom: 35px; } .list-picture-left .list-picture { position: absolute; left: 0; right: 0; } .list-picture-left .list-picture i { font-size: 28px; } .list-picture-left .list-picture-content h3 { margin-bottom: 15px; font-size: 20px; } .list-picture-left .list-picture-content p { margin-bottom: 0; } .icon-small, .icon-medium, .icon-big { display: inline-block; text-align: center; margin-left: 6px; margin-right: 6px; } .icon-small i { width: 40px; height: 40px; font-size: 24px; } .icon-medium { width: 40px; height: 40px; padding-top: 10px; } .icon-medium i { font-size: 22px; } .icon-circle { width: 48px; height: 48px; padding-top: 10px; border: 2px solid #ffffff; border-radius: 99px; text-align: center; } .icon-circle i { font-size: 24px; color: #ffffff; } .carousel-caption .icon-circle { margin-top: 15px; margin-left: 4px; } /*-------------------------------------------------------------- ## 11.03 Element - Button --------------------------------------------------------------*/ .button-icon { display: inline-block; text-align: center; padding-top: 7px; width: 34px; height: 34px; } .button-icon i { font-size: 20px; } .button-edge, .button-small, .button-medium, .button-big, input[type=submit] { color: #ffffff; display: inline-block; text-align: center; white-space: nowrap; border: 0; text-transform: uppercase; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; text-shadow: none; font-weight: 700; border-radius: 1px; } .button-small i, .button-medium i, .button-big i { margin-right: 10px; font-size: 20px; } .button-edge { padding: 8px 10px; border: 2px solid #000000; } .button-small { font-size: 14px; padding: 8px 10px; font-weight: 600; } .button-medium, .nav-links .nav-previous a, .nav-links .nav-next a, .edit-link a, input[type=submit] { font-size: 15px; padding: 10px 14px; font-weight: 600; } .button-medium.button-edge { padding: 8px 12px; } .button-big { font-size: 17px; padding: 12px 16px; } .button-big.button-edge { padding: 10px 14px; } .button-edge:hover, .button-small:hover, .button-medium:hover, .button-big:hover, .edit-link:hover a { text-decoration: none; } .text .button-medium { margin-right: 15px; } .button-go { width:48px; height:48px; line-height:48px; text-align:center; text-decoration: none; position:fixed; z-index:9999; bottom:15px; right:40px; display:none; border-radius: 2px; } .entry-content .button-small, .entry-content .button-medium, .entry-content .button-big { margin: 0 10px 20px 0; } .button-facebook:hover { background-color: #295aae; } .button-twitter:hover { background-color: #4cdfff; } .button-googleplus:hover { background-color: #e43f1f; } .button-linkedin:hover { background-color: #12afee; } .button-instagram:hover { background-color: #f52b56; } .button-email:hover { background-color: #78cb3b; } .button-facebook:hover i { color: #ffffff; } .button-twitter:hover i { color: #ffffff; } .button-googleplus:hover i { color: #ffffff; } .button-linkedin:hover i { color: #ffffff; } .button-instagram:hover i { color: #ffffff; } .button-email:hover i { color: #ffffff; } /*-------------------------------------------------------------- ## 11.04 Element - Form --------------------------------------------------------------*/ form { text-align: left; } .input-icon { position: relative; left: 0; top: 0; margin-bottom: 25px; } .input-icon i { position: absolute; left: 10px; top: 12px; font-size: 16px; } .input-icon input, .input-icon textarea { padding: 6px 6px 6px 30px; border: 1px solid #dedede; background-color: #f9f9f9; } button.input-icon { padding-left: 30px; } button.input-icon i { position: absolute; left: 10px; top: 8px; font-size: 16px; margin-right: 10px; } .input-caption { margin-bottom: 25px; } .input-caption i { font-size: 16px; margin-right: 6px; } .input-caption input, .input-caption textarea { margin-top: 10px; padding: 6px; border: 1px solid #dedede; background-color: #f9f9f9; } .input-group-icon { position: relative; left: 0; top: 0; margin-bottom: 25px; } .input-group-icon button { position: absolute; right: 0; top: 0; font-size: 16px; padding: 10px 12px; height: 40px; font-size: 14px; } .input-group-icon input, .input-group-icon textarea { padding: 6px; border: 1px solid #dedede; background-color: #f9f9f9; height: 40px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { outline: 0; } select{ width: 100%; padding: 10px 10px 10px 5px; } input[type=text],input[type=email],input[type=url],input[type=number] { width: 100%; height: 40px; border: none; padding: 0px 10px; border: 1px solid #d9d9d9; } input[type=text]:focus, textarea:focus,input[type=email]:focus, input[type=url]:focus { outline: none; } textarea { width: 100%; max-width: 100%; min-height: 124px; border: none; padding:15px 10px; border: 1px solid #d9d9d9; } textarea, input[type=text],input[type=email], input[type=url] { font-size: 14px; } input[type=radio], input[type=checkbox] { margin-right: 15px; } .form-group { margin-bottom: 15px; } .form-group .form-icon { margin-bottom: 15px; font-size: 16px; } .form-group .form-icon span { font-weight: 700; color: #ef5040; } .form-group .form-icon i { font-size: 18px; margin-right: 15px; } .form-group input[type="text"], .vr-form-group input[type="email"] { padding: 6px 10px; width: 100%; height: 40px; -webkit-appearance: none; border: 1px solid #dddddd; } .form-group input[type="text"]:focus, .form-group input[type="email"]:focus, .form-group textarea:focus { border: 1px solid #000000; box-shadow: none; outline: 0; } .form-group textarea { border: 1px solid #000000; padding: 6px 10px; width: 100%; box-shadow: none; } input[type=submit], button[type=submit] { display: inline-block; text-align: center; white-space: nowrap; color: #ffffff; font-weight:700; text-transform: uppercase; cursor: pointer; border: 1px solid transparent; text-shadow: none; font-size: 14px; padding: 9px 12px; } /*-------------------------------------------------------------- ## 11.05 Element - Separator --------------------------------------------------------------*/ .separator-center { position: relative; text-align: center; margin-bottom: 40px; line-height: 22px; } .separator-center:before { position: absolute; top: 5px; left: 10px; background: url('assets/img/separator.png'); content: ""; display: inline-block; width: 100%; height: 15px; } .separator-center h2 { font-size: 22px; border: 0; position: relative; margin: 0; } .separator-center h2 span { padding: 0 20px; background: #ffffff; } .separator-left { position: relative; text-align: left; margin-bottom: 40px; line-height: 22px; } .separator-left:before { position: absolute; top: 5px; left: 10px; background: url('assets/img/separator.png'); content: ""; display: inline-block; width: 100%; height: 15px; } .separator-left h2 { font-size: 22px; border: 0; position: relative; margin: 0; } .separator-left h2 span { padding: 0 20px; background: #ffffff; } /*-------------------------------------------------------------- ## 11.06 Element - Icon --------------------------------------------------------------*/ .icon-facebook { background-color: #3e5ea4; } .icon-twitter { background-color: #31c7f9; } .icon-googleplus { background-color: #f55d11; } .icon-youtube { background-color: #d81203; } .icon-pinterest { background-color: #d81203; } .icon-linkedin { background-color: #0098e3; } .icon-mail { background-color: #70cb47; } /*-------------------------------------------------------------- ## 11.07 Element - Counter --------------------------------------------------------------*/ .counter { display: inline-block; margin: 0 30px 30px 30px; } .counter, .fx-counter { text-align: center; } .counter .counter-body, .fx-counter .body { font-size: 52px; font-weight: 600; letter-spacing: 4px; margin-bottom: 20px; max-height: 60px; overflow: hidden; } .counter .counter-body span, .fx-counter .counter-body span { line-height: 52px; } .counter h3, .fx-counter h3 { font-size: 20px; font-weight: 400; } .counter h3 i { font-size: 18px; margin-right: 10px; } /*-------------------------------------------------------------- ## 11.08 Element - Bar --------------------------------------------------------------*/ .bar, .fx-bar { position: relative; left: 0; top: 0; margin-bottom: 20px; background-color: #f5f5f5; } .bar span, .fx-bar span { border-radius: 2px; overflow: visible; position: relative; height: 40px; width: 0; display: block; background-color: #dedede; } .bar .bar-head, .fx-bar .bar-head { color: #ffffff; position: absolute; left: 15px; top: 10px; font-size: 16px; font-weight: 600; } .bar .bar-head i { font-style: normal; } .bar .bar-graph { border-radius: 2px; } /*-------------------------------------------------------------- ## 11.09 Element - Pie --------------------------------------------------------------*/ .pie-center { text-align:center; } .pie-center h3 { margin-bottom:15px; } .pie-center p { padding-left:10px; padding-right:10px; } .pie-center .chart { position:relative; display:inline-block; width:120px; height:120px; margin-bottom:20px; } .pie-center .chart canvas { position:absolute; top:0; left:0; } .pie-center .chart .percent { color:#5c636d; display:inline-block; font-size:32px; font-weight:bold; line-height:120px; z-index:2; } .pie-center .chart .percent:after { content:'%'; margin-left:0.1em; font-size:.8em; } .pie-center .chart .angular { margin-top:100px; } .pie-center .chart .angular .chart { margin-top:0; } /*-------------------------------------------------------------- ## 11.10 Element - Quote --------------------------------------------------------------*/ .quote { margin-bottom: 30px; border-left: 4px solid #dedede; padding-left: 20px; } .quote blockquote { border-left: 0px solid rgba(0, 0, 0, 0); padding-left: 0; margin: 0; } .quote blockquote p { font-size: 18px; line-height: 26px; margin-bottom: 20px; } .quote .fa-quote-left { margin-right: 15px; } .quote .fa-quote-right { margin-left: 15px; } .quote cite { float: right; font-size: 16px; margin-top: 15px; } .quote-big { margin-bottom: 30px; } .quote-big .fa-quote-left { margin-right: 15px; } .quote-big .fa-quote-right { margin-left: 15px; } .quote-big blockquote { border-left: 0px solid rgba(0, 0, 0, 0); padding-left: 0; margin: 0; } .quote-big blockquote p { font-size: 20px; line-height: 28px; margin-bottom: 20px; } .quote-big cite { font-size: 18px; float: right; } /*-------------------------------------------------------------- ## 11.11 Element - Accordion --------------------------------------------------------------*/ .accordion-group { text-align: left; } .accordion-group .panel-collapse .panel-body { border-top: 0;} .accordion-group .panel { border: 0; border-radius: 0; box-shadow: none; background-color: rgba(0, 0, 0, 0); } .accordion-group .panel-title a { font-weight: 400; font-size: 22px; text-decoration: none; } .accordion-group .panel-title a:hover { text-decoration: none; } .accordion-group .panel-title i { padding: 8px 6px 6px 8px; width: 30px; height: 32px; float: right; font-size: 18px; } .accordion-group p { margin-bottom: 0; } .accordion-group .panel-heading { min-height: 50px; background-color: rgba(0, 0, 0, 0); border-radius: 0; border: 0; box-shadow: none; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .accordion-group .panel-title { line-height: 30px; min-height: 30px; } .accordion-group .panel-body { border: 0 solid rgba(0, 0, 0, 0); box-shadow: none; } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0; } .light .panel { background-color: rgba(0, 0, 0, 0); } /*-------------------------------------------------------------- ## 11.12 Element - Tab --------------------------------------------------------------*/ .tabs h4 { margin-bottom: 0; font-size: 16px; } .tabs .nav-tabs li.active { border-top: 4px solid #dedede; padding-top: 0; } .tabs .nav-tabs li.active a { background-color: #ffffff; } .tabs .nav-tabs li { padding: 0; margin: 0 -1px -1px 0; padding-top: 4px; } .tabs .nav-tabs li a { border-color: #dedede; background-color: #f5f5f5; border-radius: 0; margin: 0; } .tabs .tab-content { border: 1px solid #dedede; padding: 15px; margin: -1px 0 0 0; min-height: 160px; background-color: #ffffff; } .tabs.tab-mega .nav-tabs { margin-bottom: 30px; border: 0; } .tabs.tab-mega .nav-tabs li.active { border-bottom: 4px solid #dedede; padding-top: 0; border-top: 0; } .tabs.tab-mega .nav-tabs li { width: 20%; } .tabs.tab-mega .nav-tabs li a { border: 0; background-color: rgba(0, 0, 0, 0); position: relative; left: 0; top: 0; padding-left: 52px; display: inline-block; } .tabs.tab-mega .nav-tabs li h4 { font-size: 18px; line-height: 22px; min-height: 45px; } .tabs.tab-mega .nav-tabs li i { font-size: 22px; position: absolute; left: 10px; top: 15px; } .tabs.tab-mega .tab-content .alignleft { max-width: 500px; } .tabs.tab-mega .tab-content { border: 0; padding: 15px; margin: -1px 0 0 0; min-height: 160px; background-color: rgba(0, 0, 0, 0); } /*-------------------------------------------------------------- ## 11.12 Element - Box --------------------------------------------------------------*/ .box-center { text-align: center; border: 1px solid #dedede; border-top: 4px solid #dedede; padding: 20px 20px 20px 15px; box-shadow: 0 1px 3px #e4e4e4; } .box-left { border: 1px solid #dedede; border-top: 4px solid #dedede; padding: 20px 20px 20px 15px; box-shadow: 0 1px 3px #e4e4e4; } /*-------------------------------------------------------------- ## 11.13 Element - Banner --------------------------------------------------------------*/ .banner-center { text-align: center; margin-bottom: 20px; } .banner-center .banner-inner { max-width: 979px; margin: 0 auto; } .banner-center h2 { font-size: 30px; line-height: 42px; letter-spacing: -0.5px; font-weight: 400; margin: 0; } .banner-center h2 strong { font-weight: 700; } .banner-center p { font-size: 17px; margin: 20px 0 0 0; line-height: 26px; font-weight: 600; } .banner-center .button-big { margin: 40px 10px 0 10px; } .banner-left .banner-head { float: left; padding-left: 40px; } .banner-left .banner-head h2 { margin: 0 0 10px 0; font-size: 28px; line-height: 38px; font-weight: 400; margin-bottom: 10px; } .banner-left .banner-head h2 strong { font-weight: 700; } .banner-left .banner-head p { margin: 0; font-size: 16px; line-height: 28px; font-weight: 600; } .banner-left .banner-foot { display: inline-block; float: right; margin: 0; padding: 20px 40px 0 0; } /*-------------------------------------------------------------- ## 11.14 Element - Social Media --------------------------------------------------------------*/ .social-media-widget .social-media-body { margin-left: -8px; margin-right: -8px; } .social-media-widget .social-media-item { width: 33%; margin-bottom: 15px; } .social-media-widget .social-media-item a { display: block; min-height: 80px; color: #ffffff; text-align: center; padding-top: 20px; padding-bottom: 10px; border-radius: 2px; } .social-media-widget .social-media-item a:hover { opacity: 0.8; text-decoration: none; } .social-media-widget .social-media-item i { color: #ffffff; font-size: 24px; } .social-media-widget .social-media-item a:hover span { color: #ffffff; } .social-media-widget .social-media-item span { margin-top: 10px; display: block; font-size: 14px; font-weight: 600; } .social-media-group { max-width: 900px; margin: 0 auto 40px auto; } .social-media-group .social-media-head { text-align: center; padding: 30px; background-color: rgba(0, 0, 0, 0.3); margin-bottom: 6px; } .social-media-group .social-media-head h3 { font-size: 24px; margin: 0; font-weight: 300; } .social-media-group .social-media-head h3 strong { margin-bottom: 0; font-weight: 400; } .social-media-group .social-media-body { margin: 0 -3px; } .social-media-group .social-media-item { padding: 0 3px; text-align: center; } .social-media-group .social-media-item a { width: 100%; } .social-media-group .social-media-item i { color: #ffffff; display: inline-block; height: 100px; padding-top: 40px; font-size: 30px; width: 100%; border-radius: 0; background-color: rgba(0, 0, 0, 0.3); transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -webkit-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; } .social-media-group .icon-facebook:hover { background-color: #3e5ea4; opacity: 1; } .social-media-group .icon-twitter:hover { background-color: #31c7f9; opacity: 1; } .social-media-group .icon-googleplus:hover { background-color: #f55d11; opacity: 1; } .social-media-group .icon-youtube:hover { background-color: #d81203; opacity: 1; } .social-media-group .icon-linkedin:hover { background-color: #0098e3; opacity: 1; } .social-media-group .icon-email:hover { background-color: #70cb47; opacity: 1; } .social-media-group .icon-facebook:hover i { color: #ffffff; } .social-media-group .icon-twitter:hover i { color: #ffffff; } .social-media-group .icon-googleplus:hover i { color: #ffffff; } .social-media-group .icon-youtube:hover i { color: #ffffff; } .social-media-group .icon-linkedin:hover i { color: #ffffff; } .social-media-group .icon-email:hover i { color: #ffffff; } /*-------------------------------------------------------------- ## 13.00 Module --------------------------------------------------------------*/ .thumbnail { border: 0; background-color: rgba(0, 0, 0, 0); padding: 0; border-radius: 0; margin: 0; } .gallery-unevens, .blog-mansonry, .gallery-mansonry, .shop-mansonry { float: left; width: 100%; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } /*-------------------------------------------------------------- ## 13.01 Module - Mega Menu --------------------------------------------------------------*/ #mega-menu { z-index:8000; display: none; } #primary-menu > .menu > .menu-item { position: static; top: 0; left: 0; margin-right: 10px; } #primary-menu .mega-menu-shop { min-height: 70px; padding-left: 95px; margin-bottom: 25px; font-weight: 600; } #primary-menu .mega-menu-item .mega-menu-picture { padding: 0; } #primary-menu .mega-menu-item .mega-menu-insert, #primary-menu .mega-menu-item .mega-menu-insert { min-height: 220px; } #primary-menu .mega-menu-Shop .mega-menu-picture, #primary-menu .mega-menu-shop .mega-menu-picture { position: absolute; left: 0; width: 70px; height: 70px; } #primary-menu .mega-menu-item { display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 9000; margin: 0 auto 0 auto !important; max-width: 1200px; } #primary-menu .mega-menu-item .container { padding-top: 30px; padding-bottom: 30px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; min-height: 220px; } #primary-menu .mega-menu-item h3 { margin-top: 16px; margin-bottom: 0; } #primary-menu .mega-menu-item h3 a { font-size: 16px; font-weight: 700; line-height: 22px; padding: 0; text-transform: uppercase; } #primary-menu .mega-menu-Shop h3 a, #primary-menu .mega-menu-shop h3 a { font-size: 14px; } #primary-menu .mega-menu-item p { margin-bottom: 0; } #primary-menu .mega-menu-item .mega-menu-widget { margin-bottom: 0; } #primary-menu .mega-menu-item .mega-menu-insert ul { opacity: 1.0; } #primary-menu .mega-menu-item .mega-menu-insert ul li a { background-color: rgba(0, 0, 0, 0); } #primary-menu .mega-menu-item .mega-menu-insert .sub-menu { background-color: rgba(0, 0, 0, 0); opacity: 1 !important; border-top: 0px !important; box-shadow: none; } /*-------------------------------------------------------------- ## 13.02 Module - Slider --------------------------------------------------------------*/ #slider-main { width: 100%; background-size: cover; z-index: 0; height: 560px; background-color: #dedede; -webkit-transition: all .4s ease, opacity .3s ease; -o-transition: all .4s ease, opacity .3s ease; transition: all .4s ease, opacity .3s ease; } #slider-main .carousel-inner { overflow: hidden; } #slider-main .carousel-inner .item { min-height: 700px; background-size: cover; } #slider-main .video { margin: 0 auto; width: 100% !important; } #slider-main .slider-bg-full { padding-top: 0 !important; } #slider-main .slider-bg-full .picture { width: 100%; } #slider-main .carousel-caption { display: block; padding: 0 40px; text-shadow: none; top: 120px; max-width: 1200px; width: 1200px; left: 10px; right: 10px; margin-left: auto; margin-right: auto; } #slider-main .carousel-caption .caption-header, #slider-main .carousel-caption .caption-header h2 { font-size: 38px; font-weight: 400; margin-bottom: 0; } #slider-main .carousel-caption .caption-header strong { font-weight: 700; } #slider-main .carousel-caption .caption-header { margin-bottom: 25px; } #slider-main .carousel-caption .caption-content p { font-size: 18px; line-height: 26px; margin-bottom: 20px; } #slider-main .carousel-caption .caption-content { margin: 0; max-width: 520px; } #slider-main .carousel-caption a { display: inline-block; } #slider-main .carousel-caption .button-image-main, #slider-main .carousel-caption .button-image-dark, #slider-main .carousel-caption .button-big { margin: 25px 20px 40px 0; } #slider-main .slider-item-center .picture { display: block; margin: 0 auto !important; } #slider-main .carousel-indicators { bottom: 30px; left: 0; right: 0; margin: 0 auto !important; z-index: 99999; } #slider-main .carousel-indicators li.active { background-color: rgba(255, 255, 255, 1); width: 16px; height: 16px; border: 1px solid #ffffff; border-radius: 99px; } #slider-main .carousel-indicators li { background-color: rgba(255, 255, 255, 0.05); border: 2px solid #ffffff; border-radius: 99px; width: 16px; height: 16px; margin: 0 8px 0 0; } #slider-main .slider-item-v-top .caption-header { padding-top: 80px; } #slider-main .slider-item-v-center .caption-header { padding-top: 120px; } #slider-main .slider-item-v-bottom .caption-header { padding-top: 200px; } #slider-main .slider-item-center { text-align: center; } #slider-main .slider-item-center .caption-content { margin: 0 auto; max-width: 800px; } #slider-main .slider-item-left { padding-left: 45px; text-align: left; } #slider-main .slider-item-right { padding-right: 45px; text-align: right; } #slider-main .slider-item-right .button-image-main, #slider-main .slider-item-right .button-main { float: right; margin: 30px 0 0 20px; clear: right; } #slider-main .slider-item-right .button-image-dark, #slider-main .slider-item-right .button-dark { float: right; margin: 30px 0 0 20px; } #slider-main .slider-item-right .picture { position: absolute; left: 0; top: 0; } #slider-main .slider-item-right .caption-content { float: right; } #slider-main .slider-item-left .picture { position: absolute; right: 0; top: 0; } #slider-main .carousel-caption ul { list-style: none; margin-bottom: 0; } #slider-main .carousel-caption ul li i { font-size: 22px; margin-right: 15px; } #slider-main .carousel-caption ul li { font-size: 22px; margin-bottom: 10px; } #slider-main .slider-prev { top: 45%; left: 30px; margin-top: 60px } #slider-main .slider-next { top: 45%; right: 30px; margin-top: 60px } #slider-main .slider-prev, #slider-main .slider-next { position: absolute; text-align: center; width: 48px; height: 48px; opacity: 1; } #slider-main .slider-prev i, #slider-main .slider-next i { font-size: 22px; padding-top: 15px; } /*-------------------------------------------------------------- ## 13.03 Module - Blog --------------------------------------------------------------*/ .blog-standard { margin-bottom: 40px; } .blog-standard .lines { margin-bottom: 0; } .sticky .blog-standard { border-bottom: 0 none rgba(0, 0, 0, 0); margin-bottom: 10px; } .blog-grid { margin-bottom: 40px; } .blog-grid .thumbnail { margin-bottom: 20px; } .blog-grid .thumbnail img { margin-bottom: 0; } .blog-grid h3 { font-size: 21px; font-weight: 600; margin-bottom: 20px; } .blog-grid p { margin-bottom: 20px; } .blog-box { position: relative; text-align: left; margin-bottom: 40px; } .blog-box .inner-hover { padding: 20px; border: 1px solid #000000; background-color: #ffffff; } .blog-box .thumbnail { text-align: center; margin: -20px -20px 20px -20px ; } .blog-box .thumbnail img { width: 100%; } .blog-box.blog-box-slider { text-align: center; margin: -20px -20px 20px -20px ; } .blog-box.blog-box-quote { margin: -20px -20px 20px -20px ; } .blog-box.blog-box-quote p { font-size: 22px; line-height: 30px; } .blog-box.blog-box-quote cite { font-size: 15px; } .blog-box h3 { margin-bottom: 15px; } .blog-box h3 a { font-size: 22px; line-height: 26px; font-weight: 400; } .blog-box.blog-meta { font-size: 13px; margin-bottom: 10px; } .blog-box p { font-size: 14px; line-height: 22px; margin: 20px 0 5px 0; } .blog-box .blog-foot { text-align: center; } .blog-box .button-small { margin-top: 20px; } .light .inner-hover { border: 0 solid rgba(0, 0, 0, 0); } .related .blog-box h3 { margin-bottom: 0; } .related .blog-box h3 { margin-bottom: 0; } .related .blog-box h3 a { font-size: 18px; line-height: 22px; font-weight: 600; } .blog-classic { position: relative; left: 0; top: 0; padding-left: 300px; min-height: 260px; margin-bottom: 40px; } .blog-classic.no-thumbnail { padding-left: 0; } .blog-classic .entry-header { padding: 0; margin-bottom: 20px; } .blog-classic .entry-header .entry-meta { margin: 0; } .blog-classic .entry-thumbnail { position: absolute; left: 0; top: 0 } .blog-classic .entry-calendar { position: absolute; top: 15px; left: 15px; text-align: center; text-transform: uppercase; width: 64px; padding: 0; } .blog-classic .entry-calendar .meta-day { border: 0; border-radius: 0; display: block; font-weight: 400; padding: 2px 0 12px 0; text-align: center; font-size: 36px; margin-bottom: 0; width: 64px; height: 54px; } .blog-classic .entry-calendar .meta-month { width: 64px; display: block; font-weight: 400; font-size: 15px; letter-spacing: 1px; padding: 3px 0; } .blog-widget { position: relative; min-height: 70px; padding-left: 85px; margin-bottom: 25px; } .blog-widget.blog-widget-no-thumb { padding-left: 0; } .blog-widget .thumbnail { position: absolute; top: 0; left: 0; width: 70px; height: 70px; } .blog-widget .thumbnail img { border-radius: 99px; width: 70px; height: 70px; } .blog-widget h3 { font-size: 18px; line-height: 24px; padding-top: 10px; margin: 0 0 10px 0; } .blog-widget h3 a { font-size: 18px; line-height: 24px; font-weight: 600; } .blog-widget p, .blog-widget span { font-size: 14px; } .blog-widget.vr-wg-no-thumb { padding-left: 0; } /*-------------------------------------------------------------- ## 13.04 Module - Gallery --------------------------------------------------------------*/ .gallery-unevens { margin-left: -2px; margin-right: -2px; } .gallery-unevens .gallery-uneven { background-position: center; background-size: cover; background-repeat: no-repeat; padding: 0; } .gallery-unevens .gallery-uneven .thumbnail { width: 100%; height: 100%; } .gallery-unevens .gallery-uneven .hover-content { top: 65%; } .gallery-sortable { margin-bottom: 40px; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; padding: 0; } .gallery-sortable .gallery-list { margin: 0; padding: 0; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .gallery-sortable .gallery-filter { text-align: center; margin-bottom: 20px; } .gallery-sortable .gallery-filter ul li { display: inline-block; margin: 0 8px 20px 8px; } .gallery-sortable .gallery-filter ul li a { display: inline-block; padding: 7px 12px; font-size: 15px; font-weight: 500; text-transform: uppercase; border-radius: 1px; } .gallery-sortable .gallery-filter ul li a { text-decoration: none; } .gallery-row { max-width: 100% !important; margin: 0; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .gallery-box { position: relative; text-align: left; margin-bottom: 30px; } .gallery-box .inner-hover { padding: 20px 20px 12px 20px; border: 1px solid #000000; background-color:#ffffff; box-shadow: 0 1px 3px #e4e4e4; } .gallery-box .thumbnail { text-align: center; margin: -20px -20px 15px -20px ; } .gallery-box .thumbnail img { width: 100%; } .gallery-box h3 { font-size: 20px; font-weight: 400; margin-bottom: 5px; } .gallery-box p { font-size: 14px; line-height: 18px; margin-bottom: 5px; } .gallery-box .vr-meta { position: absolute; right: 30px; bottom: 30px; } .gallery-box .vr-meta-view, .gallery-box .vr-meta-like { display: inline-block; } .gallery-box .vr-meta-view { margin-right: 5px; } .row-full { margin: 0; } .gallery-full { overflow: hidden; } .gallery-full .thumbnail { margin-left: -15px; margin-right: -15px; } .gallery-full .thumbnail img { width: 100%; } .gallery-full .fx-hover-icon { margin-top: -40px; } .gallery-full h3 { font-size: 22px; } .gallery-full p { font-size: 15px; } .gallery-widget { margin-right: -5px; margin-left: -5px; } .gallery-widget .gallery-widget-4 { float: left; width: 49%; padding: 5px; } .gallery-widget .gallery-widget-6 { float: left; width: 33%; padding: 5px; } .gallery-widget .gallery-widget-0 .thumbnail { width: 100%; } /*-------------------------------------------------------------- ## 13.05 Module - Feature --------------------------------------------------------------*/ .feature-list { text-align: left; margin-bottom: 40px; } .feature-list .feature-head { min-height: 60px; padding-left: 80px; margin-bottom: 15px; } .feature-list .thumbnail { border-radius: 2px; position: absolute; top: 0; left: 0;width: 60px; height: 60px; padding-top: 14px; text-align: center; margin: 0 0 20px 15px; } .feature-list .thumbnail i { font-size: 30px; } .feature-list h3 { font-size: 22px; line-height: 28px; font-weight: 600; margin: 0 0 20px 0; } .feature-list p { line-height: 24px; margin-bottom: 0; } .feature-grid { text-align: center; padding-left: 15px; margin-bottom: 40px; } .feature-grid .thumbnail { border-radius: 2px; margin-left: auto; margin-right: auto; width: 60px; height: 60px; padding-top: 14px; text-align: center;margin-bottom: 20px; border-radius: 4px; } .feature-grid .thumbnail i { font-size: 30px; } .feature-grid h3 a { font-size: 20px; line-height: 28px; font-weight: 600; margin-bottom: 20px; } .feature-grid p { line-height: 24px; margin-bottom: 0; } /*-------------------------------------------------------------- ## 13.06 Module - Project --------------------------------------------------------------*/ .project-list { position: relative; min-height: 100px; margin-bottom: 40px; } .project-list .inner { } .project-list .thumbnail { float: left; width: 45%; text-align: center; } .project-list .project-body { position: relative; float: left; width: 52%; padding-left: 20px; } .project-list h3 { margin: 0 0 10px 0; font-size: 24px; line-height: 26px; } .project-list h3 a { font-size: 24px; line-height: 26px; } .project-list p { line-height: 24px; padding: 15px 0 20px 0; margin-bottom: 0; } .project-grid { text-align: center; margin-bottom: 40px; } .project-grid h3 { font-size: 22px; margin-bottom: 25px; font-weight: 700; } .project-grid h3 a { line-height: 26px; font-weight: 400; } .project-grid .thumbnail, .project-grid p { padding: 0 15px; margin-bottom: 20px; } .project-grid .thumbnail img { width: 90%; } /*-------------------------------------------------------------- ## 13.07 Module - Pricing --------------------------------------------------------------*/ .pricing-grid { text-align: center; margin-bottom: 40px; } .pricing-grid .pricing-inner { border: 1px solid #dedede; background-color: #ffffff; } .pricing-grid .pricing-head { color: #ffffff; padding: 20px 0 20px 0; z-index: 1000; } .pricing-grid .pricing-head h3 { color: #ffffff; font-size: 24px; font-weight: 400; margin: 0 0 30px 0; } .pricing-grid .thumbnail { padding-top: 20px; padding-bottom: 20px; } .pricing-grid .pricing-head i { font-size: 36px; margin-bottom: 20px; } .pricing-grid span { display: block; font-size: 32px; margin-bottom: 5px; } .pricing-grid small { display: block; font-size: 16px; } .pricing-grid ul { list-style: none; padding: 0 !important; margin-bottom: 0; background-color: #ffffff; border-left: 1px solid #dedede; border-right: 1px solid #dedede; } .pricing-grid ul li { text-align: left; padding: 15px 20px; border-top: 1px solid #dedede; } .pricing-grid ul li:last-child { border-bottom: 1px solid #dedede; } .pricing-grid ul li i { font-size: 18px; margin-right: 15px; } .pricing-grid ul li .fa-check { color: #70c14a; } .pricing-grid ul li .fa-times { color: #ed5946; } .pricing-grid .pricing-foot { padding: 15px 0; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; } .pricing-grid .button-small { margin: 0; } .pricing-grid.focus { margin-top: 0; } .pricing-widget { text-align: center; margin-bottom: 40px; border-radius: 2px; } .pricing-widget .pricing-inner { border: 1px solid #dedede; background-color: #ffffff; } .pricing-widget .pricing-head { border-radius: 2px; color: #ffffff; padding-top: 25px; padding-bottom: 25px; z-index: 1000; } .pricing-widget .pricing-head h3 { color: #ffffff; font-size: 24px; font-weight: 400; margin: 0 0 20px 0; } .pricing-widget .pricing-head i { font-size: 36px; margin-bottom: 20px; } .pricing-widget .pricing-head .pricing-price { margin-bottom: 20px; } .pricing-widget .thumbnail { padding-top: 20px; padding-bottom: 20px; } .pricing-widget .thumbnail i { font-size: 42px; } .pricing-widget span { display: block; font-size: 32px; margin-bottom: 5px; } .pricing-widget small { display: block; font-size: 16px; } .pricing-widget .button-small { margin: 0; } .pricing-groups .pricing-group { padding: 0; } .pricing-group { text-align: center; margin-bottom: 40px; } .pricing-group .pricing-inner { border: 1px solid #dedede; background-color: #ffffff; } .pricing-group .pricing-head { color: #ffffff; text-align: center; padding: 30px 0; z-index: 1000; } .pricing-group .pricing-head h3 { color: #ffffff; font-size: 24px; font-weight: 400; padding-left: 0 !important; border-left:0 solid rgba(0, 0, 0, 0) !important; } .pricing-group .pricing-head span { display: block; font-size: 32px; margin-bottom: 5px; } .pricing-group .pricing-head small { display: block; font-size: 16px; } .pricing-group .pricing-head .pricing-price { margin-bottom: 20px; } .pricing-group ul { list-style: none; padding: 0 !important; margin-bottom: 0; background-color: #ffffff; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; } .pricing-group ul li { text-align: left; font-size: 15px; padding: 15px 20px; border-top: 1px solid #dedede; } .pricing-group ul li:last-child { border-bottom: 1px solid #dedede; } .pricing-group ul li i { font-size: 18px; margin-right: 15px; } .pricing-group .button-small { margin: 0; } .pricing-group:first-child ul { border-left: 2px solid #dedede; } .pricing-group:last-child ul { border-right: 2px solid #dedede; } /*-------------------------------------------------------------- ## 13.07 Module - Staff --------------------------------------------------------------*/ .staff-widget { position: relative; min-height: 70px; padding-left: 85px; margin-bottom: 25px; } .staff-widget .thumbnail { position: absolute; top: 0; left: 0; width: 70px; height: 70px; } .staff-widget .thumbnail img { border-radius: 99px; } .staff-widget h3 { font-size: 18px; line-height: 24px; padding-top: 10px; margin-bottom: 5px; } .staff-widget h3 a { font-size: 18px; line-height: 24px; font-weight: 600; } .staff-widget p { font-size: 13px; } .staff-widget.no-thumbnail { padding-left: 0; } .staff-grid { margin-bottom: 40px; } .staff-grid .inner-hover { padding: 15px; border: 1px solid #000000; box-shadow: 0 1px 3px #e4e4e4; } .staff-grid .thumbnail { text-align: center; margin-bottom: 15px; } .staff-grid .thumbnail img { width: 100%; } .staff-grid h3 { margin-bottom: 10px; } .staff-grid h3 a { font-size: 20px; line-height: 26px; font-weight: 400; margin: 0; } .staff-grid span { display: inline-block; margin-bottom: 15px; } .staff-grid .staff-foot { border-top: 1px solid #dedede; padding-top: 10px; } .staff-list { position: relative; top: 0; left: 0; margin-bottom: 40px; } .staff-list .inner { } .staff-list .thumbnail { float: left; width: 45%; text-align: center; } .staff-list .thumbnail img { width: 100%; } .staff-list h3 { font-size: 22px; margin: 10px 0 10px 0; font-weight: 400; } .staff-list span { margin-bottom: 20px; font-size: 15px; } .staff-list p { font-size: 15px; line-height: 22px; max-height: 66px; margin: 0; } .staff-list .staff-body { position: relative; float: left; width: 52%; padding-left: 20px; } .staff-list .staff-foot { margin-top: 15px; margin-bottom: 15px; } .staff-list .staff-foot a { margin-right: 0; } /*-------------------------------------------------------------- ## 13.08 Module - Testimonial --------------------------------------------------------------*/ .testimonial-list { text-align: left; margin-bottom: 40px; min-height: 120px; max-width: 800px; } .testimonial-list .thumbnail { position: absolute; top: 0; left: 15px; width: 100px; height: 100px; } .testimonial-list .testimonial-body { padding-left: 140px; } .testimonial-list img { border-radius: 360px; width: 100%; } .testimonial-list span { display: inline-block; padding: 6px 5px 4px 10px; margin-bottom: 10px; } .testimonial-list span i { font-size: 18px; margin-right: 5px; } .testimonial-list cite { display: block; font-style: normal; font-weight: 600; font-size: 16px; } .testimonial-list cite small { font-weight: 600; font-size:15px; } .testimonial-list blockquote { font-size: 18px; line-height: 26px; font-weight: 400; margin-bottom: 20px; padding: 0; border-left: 0; } .testimonial-list blockquote .fa-quote-left { font-size: 20px; margin-right: 10px; } .testimonial-list blockquote .fa-quote-right { font-size: 20px; margin-left: 10px; } .testimonial-grid { text-align: left; margin-bottom: 40px; min-height: 120px; max-width: 800px; } .testimonial-grid .testimonial-foot { position: relative; top: 0; left: 0; padding-left: 105px; min-height: 80px; } .testimonial-grid .thumbnail { position: absolute; top: 0; left: 0; width: 80px; height: 80px; } .testimonial-grid img { border-radius: 360px; width: 100%; } .testimonial-grid span { display: inline-block; padding: 6px 5px 4px 10px; margin-bottom: 10px; } .testimonial-grid span i { font-size: 18px; margin-right: 5px; } .testimonial-grid cite { display: block; font-style: normal; font-weight: 600; font-size: 16px; padding-top: 15px; } .testimonial-grid cite small { font-size: 14px; display: inline-block; font-weight: 600; margin-top: 5px; } .testimonial-grid blockquote { font-size: 20px; line-height: 28px; font-weight: 400; margin-bottom: 20px; padding: 0; border: 0 solid rgba(0, 0, 0, 0); } .testimonial-grid blockquote .fa-quote-left { font-size: 20px; margin-right: 10px; } .testimonial-grid blockquote .fa-quote-right { font-size: 20px; margin-left: 10px; } #footer-widget .testimonial-grid { margin-bottom: 0; } .testimonial-slider { margin-bottom: 40px; } .testimonial-slider .slider-item { padding: 0 15px; } /*-------------------------------------------------------------- ## 13.09 Module - Client --------------------------------------------------------------*/ .client-grid { margin-bottom: 40px; } .client-grid { text-align: center; } .client-group { max-width: 900px; margin: 0 auto 40px auto; } .client-group .client-head { text-align: center; padding: 30px; background-color: rgba(0, 0, 0, 0.3); margin-bottom: 6px; } .client-group .client-head h3 { font-size: 24px; margin: 0; font-weight: 300; } .client-group .client-head h3 strong { font-weight: 400; } .client-group .client-body { margin: 0 -3px; } .client-group .client-item { padding: 0 3px; margin-bottom: 6px; } .client-group .client-item a { display: block; width: 100%; background-color: rgba(0, 0, 0, 0.3); } .client-slider .slider-item { padding: 0 15px; } .client-slider .client-grid { margin-bottom: 15px; } .client-slider { margin-bottom: 40px; } /*-------------------------------------------------------------- ## 14.00 Plugin Contact Form 7, WC Star Rating, Mobile Menu, QuickSand, Nice Scroll etc --------------------------------------------------------------*/ p.stars a { color: #d5ced3; } p.stars a:hover { color: #ff902e; } div.wpcf7 img.ajax-loader { margin-left: 20px; } div.wpcf7-response-output { padding: 10px 15px; color: #ffffff; background-color: #ff902e; border: 0; margin: 0; border-radius: 2px; } span.wpcf7-not-valid-tip { padding: 10px 15px; color: #ffffff; background-color: #f9503e; border: 0; border-radius: 2px; margin: 10px 0 0 0; } .title-lines { margin-bottom: 15px; } .comments-title { margin-bottom: 15px; } .so-panel .widget-title { font-size: 24px; } .page-header { border-bottom: 0; } .lb-data .lb-caption { font-size: 20px; font-weight: 400; } .nicescroll-rails { z-index: 99999 !important; } .mm-menu .menu-item a:hover, .mm-menu .sub-menu .menu-item a:hover { font-weight: 600; } .input-icon input[type="text"], .input-icon input[type="email"], .input-icon input[type="number"], .input-icon input[type="url"], .input-icon input[type="password"], .input-icon input[type="search"] { padding-left: 35px !important; } .input-group-icon button i { color: #ffffff !important; } button.input-icon i { color: #ffffff; top: 10px; } button.input-icon { padding-left: 35px !important; } .sticky-wrapper { height: 0 !important; } .container.shop-right #secondary { float: right; padding: 0 15px 0 45px; } .container.shop-right #primary { float: left; } .aio-menu { padding: 0; margin: 0; list-style: none; } .aio-menu li a { display: block; position: relative; padding: 12px 15px 12px 15px; border-bottom: 1px solid #dedede; font-size: 16px; font-weight: 600; } .aio-menu li a:before { content: "\f105"; font-family: "FontAwesome"; position: absolute; right: 15px; top: 12px; display: block; font-size: 20px; line-height: 20px; font-weight: 600; } .aio-menu .sub-menu { margin: 0; padding: 0; list-style: none; background-color: rgba(0, 0, 0, 0); } .aio-menu .sub-menu a { padding-left: 30px; } #load { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:10000; } .load-status { width:120px; height:120px; position:absolute; left:50%; top:50%; margin:-60px 0 0 -60px; } /*-------------------------------------------------------------- ## 15.00 Responsive --------------------------------------------------------------*/ @media (min-width: 1200px) { .page-full #masthead .container, .page-full #branding .container, .page-full #footer .container { padding-left:0; padding-right: 0; } .page-full #footer-social .container { padding-left: 15px !important; padding-right: 15px !important; } .page-full .content-sidebar-right .container, .page-full .content-sidebar-left .container, .page-full .content-full .container { padding-left: 0 !important; padding-right: 0 !important; } .page-box #masthead, .page-box #branding, .page-box #slider-main, .page-box #content, .page-box #footer { border-left: 1px solid #dedede; border-right: 1px solid #dedede; } #menu #button-shop { padding-right: 0 !important; } .mega-menu-item .container { padding-left: 30px !important; padding-right: 30px !important; } #slider-main { height: 700px; } #slider-main .carousel-caption { top: 160px; width: 100%; height: auto; padding: 0 40px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 33%; } .woocommerce #container #content .container { padding-left: 40px !important; padding-right: 40px !important; } } @media (max-width: 1200px) { html, #page, #page .container { width: 100%; max-width: 100%; } #button-shop { padding-right: 0; } #slider-main { height: 700px; } #slider-main .carousel-caption { top: 160px; width: 100%; height: auto; padding: 0 40px; } #slider-main .carousel-caption .caption-header { font-size: 28px; } #slider-main .carousel-caption .caption-content { font-size: 15px; } #slider-main .carousel-caption .picture { top: 30px; width: 500px; } .content-builder { overflow-x: hidden; } .page-full .panel-grid .panel-row-style { padding-left: 40px !important; padding-right: 40px !important; } .page-full .panel-grid .panel-row-style.panel-full { padding-left: 0 !important; padding-right: 0 !important; } #top .container, #menu .container, #footer-widget .container, #bottom .container { padding-left: 40px; padding-right: 40px; } .mega-menu-item .container { padding-left: 30px; padding-right: 30px; } #footer .container { padding-left: 40px; padding-right: 40px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 33%; } } @media (max-width: 991px) { #top .site-address, #site-navigation { display: none; } #button-menu { display: block; } #slider-main .carousel-caption { width: 100%; padding: 0 40px; } /* slider-item-left*/ #slider-main .carousel-caption h2 { font-size: 24px; } #slider-main .carousel-caption p { font-size: 14px; } #slider-main .carousel-caption .button-big { font-size: 15px; } #slider-main .slider-item-left h2, #slider-main .slider-item-left p { text-align: left; } #slider-main .slider-item-right h2, #slider-main .slider-item-right p { text-align: right; } #slider-main .carousel-caption .picture { top: 40px; width: 280px; } #content { margin-top: 0px; } #content #primary { width: 100%; } #content #secondary { padding-top: 40px; width: 100%; } #content #secondary .search-form { min-height: 40px; } #content.content-sidebar-right #secondary, #content.content-sidebar-left #secondary { padding: 40px 15px 0 15px; } #slider-main .carousel-caption .picture { top: 90px; width: 400px; } #content { margin-top: 0px; } #footer-menu { padding: 0; } #footer .container { padding-left: 40px; padding-right: 40px; } #content.content-full #primary { padding: 0; } #footer .site-copyright { display: none; } #footer #footer-navigation { width: 100%; text-align: center; } .panel-grid-cell { width: 100% !important; } .banner-left { text-align: center; } .banner-left .banner-head { width: 100%; padding-left: 0;} .banner-left .banner-foot { width: 100%; padding-right: 0; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 50%; } .tabs .nav-tabs li { display: block; width: 100%; } } @media (max-width: 767px) { #page .container { padding-left: 30px; padding-right: 30px; } #top .site-info { width: 100%; text-align: center; } #top .social-media { display: none; } .content-builder .container { padding-left: 0 !important; padding-right: 0 !important; } #top .top-address, #branding .breadcrumb { display: none; } .title-header { width: 100%; text-align: center; } .page-full .panel-grid .panel-row-style { padding-left: 30px !important; padding-right: 30px !important; } .page-full .panel-grid .panel-row-style.panel-full { padding-left: 0 !important; padding-right: 0 !important; } #slider-main .slider-prev { top: 55%; left: 80%; right: 20px; margin-top: 0; margin-right: 500px; } #slider-main .slider-next { top: 55%; right: 20px; margin-top: 0; } #slider-main .carousel-caption { width: 100%; padding-left: 40px; padding-right: 40px; } #slider-main .caption-header { padding-top: 80px !important; font-size: 28px; } #slider-main .carousel-caption .caption-header, #slider-main .carousel-caption .caption-header h2 { font-size: 30px !important; } #slider-main .carousel-caption .caption-content, #slider-main .carousel-caption .caption-content p { font-size: 16px !important; } #slider-main .icon-circle { display: none !important; } #content { margin-top: 0px; } #content.content-full, #content.content-sidebar-right .container, #content.content-sidebar-left .container { padding: 40px 30px; } #content.content-full .container { padding: 0 !important; } #footer aside { margin-bottom: 30px; } #footer .container { padding-left: 30px; padding-right: 30px; } #footer-social a { width: 100%; } .button-go { bottom: 60px; } .tabs.tab-mega .nav-tabs li { width: 100%; } .entry-share .share-item a { margin-bottom: 30px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; } .blog-mansonry { width: 100%; } .blog-mansonry .blog-box, .gallery-mansonry .gallery-box { width: 100%; padding: 0; } .woocommerce #container #content .container { padding-left: 30px !important; padding-right: 30px !important; } .woocommerce-page #content .container, .woocommerce #content .container { overflow-x: hidden !important; } #slider-main .picture { display: none !important; } } @media (max-width: 479px) { #slider-main .carousel-caption .caption-header, #slider-main .carousel-caption .caption-header h2 { font-size: 26px !important; } #slider-main .carousel-caption .caption-content, #slider-main .carousel-caption .caption-content p { font-size: 14px !important; } #slider-main .icon-circle { display: none !important; } #slider-main .button-image-main, #slider-main .button-image-dark { margin-bottom: 0 !important; } #slider-main .carousel-caption { width: 100%; padding-left: 30px !important; padding-right: 30px!important; } } @media screen and (-webkit-min-device-pixel-ratio:0) { .panel-parallax { -webkit-transform: translateZ(0) !important; background-attachment: scroll !important; } } /*-------------------------------------------------------------- ## 16.00 Print --------------------------------------------------------------*/ @media print { *, *:before, *:after { background: transparent !important; color: #000000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #dedede; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #ffffff !important; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000000 !important; } .label { border: 1px solid #000000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #ffffff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dedede !important; } }