@charset "UTF-8"; @import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css); /* * ----------------------------------------------------------------------------------------------- * Theme Name: Startuply WP * Theme URI: http://startuplywp.com * Description: Startuply - Multi-purpose Responsive Startup Theme * Tags: white, light, dark, two-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, flexible-header, theme-options, translation-ready * Text Domain: vivaco * Author: Vivaco * Author URI: http://vivaco.com * License: GNU General Public License version 3.0 * License URI: http://www.gnu.org/licenses/gpl-3.0.html * Version: 1.5 * ----------------------------------------------------------------------------------------------- * * * Table of Contents * ------------------------- * 1. Fonts * 2. Global & Helpers * 3. Color & Overlay * 4. Visual Composer front-end additions * 5. Posts & pages * 6. Social share box * 7. Author bio box * 8. Comments * 9. Comment form * 10. Sidebar * 10.1 Sidebar Categories * 10.2 Sidebar Tags * 10.3 Sidebar Recent posts & comments * 10.4 Sidebar Socials * 10.5 Sidebar Search * 10.6 Sidebar Meta * 11. Preloader * 12. Navigation * 12.1 Navigation header * 12.2 Navigation dropdown * 12.3 Sticky menu * 12.4 Always mobile menu * 14. Page elements * 14.1 Tabbed slider * 14.2 Alternative tab slider * 14.3 Accordion slider * 14.4 Toggle * 14.5 Team wrapper * 14.6 Blockquotes * 14.7 Tables * 14.8 Forms * 14.9 Buttons * 14.10 Text Icon * 14.11 Canvas Title * 14.12 Progress Bar * 14.13 Pie Chart * 14.14 Counter * 14.15 Post Grid * 15. Countdown * 16. Portfolio Grid * 17. Contact 7 form * 18. Testimonials * 19. Pricing * 20. Tour * 21. Team * 22. Footer * 23. Footer widgets * 23.1 Archives * 23.2 Categories * 23.3 Recent comments * 23.4 Recent posts * 23.5 Tag cloud * 23.6 Contact form 7 * 23.7 Calendar * 23.8 Meta * 23.9 Search * 23.9.1 About * 24. Desktop large screen 1200px * 25. Desktop medium screen 992px and 1199px * 26. Desktop medium screen 1024px * 27. Tablet device Landscape 1024px and 768px * 28. Tablet device Portrait 768px and 1024px * 29. Mobile responsive 767px * 30. Mobile responsive 540px * 31. Mobile responsive 480px * 32. Mobile responsive 340px * */ /* * **************************************************************************************** * * ATTENTION! WE ADVICE TO EDIT ONLY CHILD-THEME STYLES FOR EASE OF USE AND STABLE UPDATES! * * **************************************************************************************** */ /* * --------------------------------------------------------- * * 1. Fonts * * --------------------------------------------------------- */ input, body { font-family: 'PT Sans', Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; font-size: 16px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h7, strong, .heading-font, .btn, nav, .more-link { font-family: 'Lato', sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: 300; } p { font-size: 16px; line-height: 25px; } strong { font-weight: 700; } small { font-size: 15px; font-weight: 300; line-height: 26px; } address { font-style: italic; } a { font-family: inherit; font-size: inherit; line-height: inherit; } a:hover, a:active, a:focus { outline: none; text-decoration: none; } .thin { font-weight: 300; } h1, .h1 { font-size: 58px; } h2, .h2 { font-size: 47px; } h3, .h3 { font-size: 34px; } h4, .h4 { font-size: 28px; } h5, .h5 { font-size: 24px; } h6, .h6 { font-size: 17px; } /* * --------------------------------------------------------- * * 2. Global & Helpers * * --------------------------------------------------------- */ html, body { position: relative; margin: 0; width: 100%; color: #1d1d1d; background: #fff; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { margin-top: 20px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4 { margin-bottom: 15px; } h5, .h5, h6, .h6 { margin-bottom: 10px; } hr { width: 100%; border-top: 1px solid #e9e9e9; display: inline-block; } dd { margin: 0 0 5px; padding: 0 0 .5em 0; } address { margin: 0 0 1.5em; } thead th { background: #eee; } tbody th { background: 0; } td, th { border: 1px solid #cecece; padding: 5px 15px; } input, button, select, textarea { margin: 0; outline: none; vertical-align: middle; border: 1px solid #d1d8de; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .resp-center, .center { text-align: center; } .content-right { text-align: right; } .rounded { overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .row { position: relative; } .row p { margin: 0; } .vc_row-fluid { position: relative; } .row-overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .yt-video-layout { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; } div[class*="ytp-player"] .column_container { z-index: 1; } div[class*="ytp-player"].no-video-bg { background: transparent url('images/low_poly_background.jpg') top center no-repeat; } div[class*="ytp-player"].no-video-bg .video-conrols { display: none; } div[class*="ytp-player"] .video-conrols { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } div[class*="ytp-player"] .video-conrols .yt-play-btn-big { position: absolute; top: 50%; left: 50%; margin: -41px 0 0 -28px; display: block; width: 56px; height: 82px; background: transparent url('images/icon/yt_play_big_56x82.png') center no-repeat; cursor: pointer; z-index: 999; } div[class*="ytp-player"] .video-conrols .bottom { position: absolute; bottom: 8px; left: 0; right: 0; height: 42px; text-align: center; } div[class*="ytp-player"] .video-conrols .bottom .controls-container:hover, div[class*="ytp-player"] .video-conrols .bottom:hover .controls-container { opacity: 1; } div[class*="ytp-player"] .controls-container { position: relative; padding: 11px 13px; text-align: left; background-color: rgba(0,0,0,0.1); opacity: 0.3; z-index: 999; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } div[class*="ytp-player"] .controls-container.center { display: inline-block; } div[class*="ytp-player"] .controls-container.left, div[class*="ytp-player"] .controls-container.right { display: block; } div[class*="ytp-player"] .controls-container.left { float: left; } div[class*="ytp-player"] .controls-container.right { float: right; } div[class*="ytp-player"] .controls-container > * { height: 20px; } div[class*="ytp-player"] .controls-container i { position: relative; margin-right: 20px; display: inline-block; width: 20px; cursor: pointer; } div[class*="ytp-player"] .controls-container i:before, div[class*="ytp-player"] .controls-container i:after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; background: transparent url('images/icon/yt_controls_40x40.png') no-repeat; } div[class*="ytp-player"] .controls-container .yt-play-toggle:before { opacity: 1; background-position: 0 0; } div[class*="ytp-player"] .controls-container .yt-play-toggle:after { opacity: 0; background-position: 0 -20px; } div[class*="ytp-player"] .controls-container .yt-play-toggle.active:before { opacity: 0; } div[class*="ytp-player"] .controls-container .yt-play-toggle.active:after { opacity: 1; } div[class*="ytp-player"] .controls-container .yt-mute-toggle:before { opacity: 1; background-position: -20px 0; } div[class*="ytp-player"] .controls-container .yt-mute-toggle:after { opacity: 0; background-position: -20px -20px; } div[class*="ytp-player"] .controls-container .yt-mute-toggle.active:before { opacity: 0; } div[class*="ytp-player"] .controls-container .yt-mute-toggle.active:after { opacity: 1; } div[class*="ytp-player"] .controls-container .yt-volume-slider { display: inline-block; width: 90px; position: relative; } div[class*="ytp-player"] .controls-container .yt-volume-slider:before { content: ''; position: absolute; top: 50%; left: 0; right: 0; margin-top: -3px; display: block; height: 6px; background-color: #e1e1e1; border-radius: 3px; } div[class*="ytp-player"] .controls-container .yt-volume-slider .ui-slider-handle { position: absolute; top: 2px; margin-left: -8px; display: block; width: 16px; height: 16px; background-color: #fff; border-radius: 50%; cursor: pointer; -webkit-transition: left 0.1s ease; -o-transition: left 0.1s ease; transition: left 0.1s ease; } div[class*="ytp-player"] .controls-container .yt-volume-slider .ui-slider-range { position: absolute; top: 50%; left: 0; margin-top: -3px; height: 6px; border-radius: 3px 0 0 3px; -webkit-transition: width 0.1s ease; -o-transition: width 0.1s ease; transition: width 0.1s ease; } .entry-title, .title, .comment-body, .cat-item { -ms-word-wrap: break-word; word-wrap: break-word; } .img-responsive-full { max-width: 100%; width: 100%; } .section { min-height: 50px; padding-top: 30px; padding-bottom: 30px; position: relative; text-align: center; } .wrapper { width: 70%; margin: 0 auto; } .container { z-index: 1; position: relative; max-width: 960px; } .gap { padding-bottom: 50px; } hr.no-margin { margin-top: 0; } article { text-align: left; } .hiding { opacity: 0; } .visible { opacity: 1; } .wp-caption { background:#eee; padding: 10px; text-align: center !important; max-width: 100%; } .wp-caption-text { color: #818181; font-size: 14px; padding-top: 5px; margin-bottom: 5px; text-align: center;} .gallery-caption { color:#fff; } .bypostauthor { color:#000; } .alignright { text-align: right; } .alignleft { text-align: left; } .aligncenter { text-align: center; } .wp-caption img { border: 0 none; height: auto; margin: 0 !important; max-width: 100%; padding: 0; width: auto; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .lighter-overlay, .darker-overlay { width: 100%; display: inline-block; } .vc_row-fluid.lighter-overlay, .vc_row-fluid.darker-overlay { display: block; } .vc_row-fluid.lighter-overlay:not(.container), .vc_row-fluid.darker-overlay:not(.container) { width: auto; } .inner { padding: 90px 0 50px; } .inner .container { width:auto !important; padding-bottom: 50px; } .container-fluid { line-height: 0; } .wpb_single_image { margin-bottom:0; } .wpb_single_image .vc_single_image-wrapper { max-width: 100%; } .back-to-top { text-align: center; color: #fff; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 12px; position: fixed; right: 20px; bottom: 20px; opacity: 0.4; filter: alpha(opacity=40); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; z-index: 9999; } .back-to-top:hover { opacity: 1; filter: alpha(opacity=100); } #showHere { opacity:0; height:1px; } @-moz-document url-prefix() { .wpb_start_animation { display: inline; } /* FF animation bugfix magic */ } /* * --------------------------------------------------------- * * 3. Color & Overlay * * --------------------------------------------------------- */ *:before, a, a:hover, a:active, a:focus, i, i:before, i:hover, i:hover:before, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .h7 b, .featured > a, .current > a:not(.dropdown-toggle), .dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown:hover:after, .base_clr_txt, .base_clr_txt:hover, .base_clr_txt:focus, .base_clr_txt:active, .gform_wrapper .button, .darker-overlay .base_clr_txt { color: #1ac6ff; } a.selected, input[type="submit"], input[type="submit"]:focus, input[type="submit"]:hover, .current > a:not(.dropdown-toggle):after, .dropdown-toggle:before, .tagcloud > a:hover, .featured > a:hover, .featured > a:active, .more-link:hover, .more-link:active, .nav li.active a, .nav li.ui-state-active a, .nav li.ui-state-hover a, .nav li.active a:hover, .nav li.active a:focus, .nav li.ui-state-active a:hover, .nav li.ui-state-active a:focus, .nav li.ui-state-hover a:hover, .nav li.ui-state-hover a:focus, .ui-state-active a .tab-info, .ui-state-active a .tab-info:hover, .ui-state-active a .tab-info:focus, .ui-state-active a, .bx-controls a, .tagcloud > a:hover, .tagcloud > a:active, .ui-slider-range, .gform_wrapper .gf_progressbar_wrapper .gf_progressbar_percentage, .base_clr_bg, .base_clr_bg:hover, .base_clr_bg:focus, .base_clr_bg:active, .base_clr_bg.gradient { background-color: #1ac6ff; } .more-link, .flex-active, .featured > a, .featured > a:hover, .featured > a:active, .featured > a:focus, .base_clr_brd, .base_clr_brd:hover, .base_clr_brd:focus, .base_clr_brd:active, input[type="submit"], input[type="submit"]:focus, input[type="submit"]:hover { border-color: #1ac6ff; } textarea, input[type="text"], input[type="email"], input[type="password"], textarea:focus, textarea:hover, input[type="text"]:focus, input[type="text"]:hover, input[type="email"]:focus, input[type="email"]:hover, input[type="password"]:focus, input[type="password"]:hover { border-left-color: #1ac6ff; } .base_clr_bg.gradient { background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1ac6ff), color-stop(100%,#3de9ff)); background: -webkit-linear-gradient(left, #1ac6ff 0%,#3de9ff 100%); background: -moz-linear-gradient(left, #1ac6ff 0%, #3de9ff 100%); background: -ms-linear-gradient(left, #1ac6ff 0%,#3de9ff 100%); background: -o-linear-gradient(left, #1ac6ff 0%,#3de9ff 100%); background: linear-gradient(to right, #1ac6ff 0%,#3de9ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ac6ff', endColorstr='#3de9ff',GradientType=1 ); } .lighter-overlay i, .lighter-overlay p, .lighter-overlay h1, .lighter-overlay h2, .lighter-overlay h3, .lighter-overlay h4, .lighter-overlay h5, .lighter-overlay h6 { color: #1d1d1d; } ::selection { color: #fff; background-color: #1ac6ff; } ::-moz-selection { color: #fff; background-color: #1ac6ff; } .light, .darker-overlay i, .darker-overlay p, .darker-overlay span, .darker-overlay h1, .darker-overlay h2, .darker-overlay h3, .darker-overlay h4, .darker-overlay h5, .darker-overlay h6, .more-link:hover, .darker-overlay .sub-title { color: #fff; } .lighter-overlay blockquote:after { content: url('images/icon/quotes-b.png'); } .lighter-overlay blockquote:before { content: url('images/icon/quotes-a.png'); } .darker-overlay blockquote:after { content: url('images/icon/quotes-b-white.png'); } .darker-overlay blockquote:before { content: url('images/icon/quotes-a-white.png'); } /* * --------------------------------------------------------- * * 4. Visual Composer front-end * * --------------------------------------------------------- */ .vc_row-fluid .vc_col-sm-12, .vc_row-fluid.container > .vc_col-sm-12, .vc_row-fluid .container > .vc_col-sm-12 { padding-left: 0; padding-right: 0; } .feedback h2 { margin-bottom:35px; } h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .h7 b { font-weight: 300; } .vc_vc_column .vc_col-sm-1, .vc_vc_column .vc_col-sm-2, .vc_vc_column .vc_col-sm-3, .vc_vc_column .vc_col-sm-4, .vc_vc_column .vc_col-sm-5, .vc_vc_column .vc_col-sm-6, .vc_vc_column .vc_col-sm-7, .vc_vc_column .vc_col-sm-8, .vc_vc_column .vc_col-sm-9, .vc_vc_column .vc_col-sm-10, .vc_vc_column .vc_col-sm-11, .vc_vc_column .vc_col-sm-12 { width: 100% !important; } /* * --------------------------------------------------------- * * 5. Posts & pages * * --------------------------------------------------------- */ .blog .blogs, .single .post, .category .blogs, .archive .blogs, .search .blogs, .page .blogs { padding-top: 50px; } .post .post-meta, .page .post-meta { margin-bottom: 25px; } .post { position: relative; margin-bottom: 70px; padding-left: 100px; } .post .entry-content .post-thumbnail { width: 100%; overflow: hidden; } .post .entry-content .post-thumbnail > a { position: relative; display: inline-block; overflow: hidden; } .post.sticky .entry-content .post-thumbnail { margin-bottom: 20px; } .post .entry-content .post-thumbnail:hover img { -webkit-transform: scale(1.2) rotate(4deg); -moz-transform: scale(1.2) rotate(4deg); -ms-transform: scale(1.2) rotate(4deg); transform: scale(1.2) rotate(4deg); } .post .entry-content .post-thumbnail img { display: block; max-width: 100%; } .post .title-wrap { margin: 0; } .post .entry-header { margin-top: -10px; } .post .entry-header .entry-title, .post .title-wrap .entry-title { margin: 0; padding: 0; font-size: 35px; line-height: 1.2; text-transform: uppercase; font-weight: 300; } .post .title-wrap .entry-title a:hover { opacity:0.7; } .post .post-meta { margin: 12px 0; } .post .post-meta span { display: inline-block; color: #9d9d9d; font-size: 16px; padding-right: 4px; } .post .post-meta span > i { padding-right: 7px; } .post .post-meta .post-comments { padding-left: 7px; } .post .post-meta .post-author { text-transform: capitalize; } .post .post-meta .post-cat > i { font-size: 18px; vertical-align: top; margin-top: 3px; } .post .post-meta a:not(:hover):not(:active) { color: inherit; } .post .post-date { position: absolute; top: 0; left: 0; display: block; width: 67px; height: 67px; padding: 8px 0 0; text-align: center; color: #fff; line-height: 1; } .single .post .post-date {margin-top: 50px; padding-right: 0;} .single .post .sticky-post-date { padding-right: 0; } .post .post-date span { display: inline-block; width: 100%; color: #fff; } .post .post-date .day { padding-right: 0; font-size: 34px; font-weight: 600; margin-bottom: -1px; } .post .post-date .month { padding-right: 0; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-top: 2px;} .post .post-date .year { padding-right: 0; position: absolute; top: 110%; left: 0; font-size: 16px; color: #9d9d9d; } .post .entry-content p { margin: 12px 0 0; } .entry-content img { max-width: 100%; margin: 10px 0; height: auto; } .entry-content .post-thumbnail img{ margin: 0; } .single .post .entry-content .post-thumbnail { margin: 10px 0; } .single .post .entry-content .post-thumbnail img{ margin: 0; } .post .more-link, .page .more-link { margin: 18px 0 0; display: inline-block; padding: 15px 52px; font-weight: 700; font-size: 13px; text-transform: uppercase; line-height: 1; border-radius: 3px; border: 1px solid; } /* Old styles - do something with it */ #hero p, #hero .wpb_single_image { margin-bottom: 0;} .sub-hero-header{ font-size: 23px; font-weight: 300; } .static-header h4 { text-align: center; display: block; position: absolute; bottom: 20px; left: 0; right: 0; width: 100%; margin-bottom: 0; } #register-page .text-heading { padding-top: 125px; } .cat-title {padding-top: 0 !important;} .fix-section h2 {margin:0;} .page-template-page-home-php p, .home p { line-height: 27px; } .page .comments-count { margin-top:45px; } a.more-link i { padding-left: 15px; } p.sub-header { padding: 0 0 25px; color:#b5b5b5;} .post-comments { color:#9d9d9d; padding-left:7px;} .entry-image a { display: inline-block; position: relative; width: 100%; height: 100%; } .entry-image-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(26, 198, 255, 0.5); opacity: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .entry-image-overlay:hover { opacity: 0.3; } .customlist, .entry-content ul { list-style-image: url(images/icon/list-icon-default.png); padding: 5px 15px; } .customlist li, .entry-content li { line-height:25px; margin: 10px 0; padding-left: 10px; } .entry-content ul.nav-tabs.alt { padding: 0 !important; } .entry-content ul.nav-tabs.alt li { margin: 0 !important; padding: 0 !important; } .more-link { margin-top: 10px; display: block;} .search-results .search-form { margin-top: 25px; } .search-results .search-form input[type="text"] { font-size:16px; padding: 10px 5px 10px 5px; } .search-query { text-transform: none; } .search-form { position:relative; margin-bottom: 15px; } .search-form input[type="text"]{ position: relative; padding: 10px 15px; color: #686868; display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 25px;} .search-form [type="submit"]{ background: none; border: none; position: absolute; top: 50%; right: 3%; margin-top: -9px; cursor: pointer; font-size: 14px; color: #d9d9d9; } .search .post .post-date { position: relative; background-color: transparent; width: auto; height:auto;} .search .page .post-meta { margin-bottom: 0; } .search .post { padding: 70px 0 0; } .posts-links-box { display: inline-block; position: relative; width: 100%; text-align: center; } .page-link { margin-top: 25px; } .posts-links-box .page-link-num { margin-top: 25px; border: 1px solid; padding: 8px 15px; position: relative; margin: 0 5px; display: inline-block; } .posts-links-box a .page-link-num { border: 1px solid #ddd; } .page-link a { color: #575757; } .wrap404 { margin: 250px 0 250px; } .error404 .footer { display:none; } .blog .entry-navigation { margin:70px 0 0; border-bottom: 0; } .entry-navigation { border-top:1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; height: 60px; line-height: 60px; margin-bottom: 30px; } .entry-navigation .prev-post, .entry-navigation .next-post { font-size: 14px; text-transform: uppercase; font-weight: 700; } .entry-navigation .prev-post a:not(:hover):not(:active), .entry-navigation .next-post a:not(:hover):not(:active) { color:#575757; } .entry-navigation .prev-post i, .entry-navigation .next-post i { font-size: 10px; line-height: 16px; color: #000; } .entry-navigation .prev-post { float:left; } .entry-navigation .next-post { float:right; } .entry-navigation .prev-post i { padding-right: 20px; } .entry-navigation .next-post i { padding-right: 0; } .tags-box { display: inline-block; position: relative; height: 35px; line-height: 35px; margin: 25px 0 10px 0; } .tags-box a { text-transform:uppercase; font-size:11px; font-weight:700; margin-right:15px; } .tags-box a:hover { color: #575757; } .tags-box i { line-height: 27px; } .tags-box .tags-links { padding-left: 15px; } .inner img.alignleft { float: left; margin: 5px 15px 15px 0; } .inner img.alignright { float: right; margin: 5px 0 15px 15px; } .inner img.aligncenter { margin: 10px 0 15px;} .inner div.alignleft { float:left; margin: 5px 15px 15px 0; } .inner div.alignright { float:right; margin: 5px 0 15px 15px; } .inner div.aligncenter { margin: 5px auto 20px; } /* * --------------------------------------------------------- * * 6. Social share box * * --------------------------------------------------------- */ .share-box { display: inline-block; position: relative; } .share-box .share { width: 30px; height: 30px; background: #fff; color: #fff; display: inline-block; line-height: 30px; display: inline-block; text-align: center; margin: 0 3px; } .share-box .share i:before { color: #fff; } .share-box .share:hover i { opacity: 0.9; } .share-box span { padding-right: 15px; text-transform: uppercase; } .share-box p, .share-box span { display: inline-block; position: relative; line-height: 50px; } .share-box .title { color: #9d9d9d;} .twitter.share { background: #2fc2ef; } .google.share { background: #ce482b; } .facebook.share { background: #4c66a4; } .pinterest.share { background: #d5393a; } .linkedin.share { background: #0073b2; } /* * --------------------------------------------------------- * * 7. Author bio box * * --------------------------------------------------------- */ .author-box { margin-bottom: 25px; } .author-box .sep { margin-top: 35px; } .author-box .author { clear: both; display: inline-block; line-height: 25px; } .author-box .name { padding-bottom: 5px; clear: both; padding-bottom: 5px; text-transform: uppercase; margin-top: 10px; } .author-box .avatar { display: block; } .author-box .avatar-wrap { float: left; margin: 0 25px 0 0; } /* * --------------------------------------------------------- * * 7. Comments * * --------------------------------------------------------- */ .comment { margin: 40px 0; } .comment-author.vcard img { width: 60px !important; height: 60px !important; } .comment .fn, .comment .says { top: 10px; position: relative; } .comment .comment-meta { top: -30px; position: relative; } .comment .comment-meta a { color:#ddd; } .comment p { position: relative; } .comment .reply { top: 0; position: relative; font-size: 10pt; } .comment .reply a:hover { text-decoration:underline; } .comment .reply .reply-icon { font-size:13pt; padding-right:3px; } .comment .fn { padding-left: 21px; } .comment .fn, .comment .says { text-transform:uppercase; font-size: 13pt; } .comment .comment-meta, .comment p, .comment .reply { padding-left:85px; } .comment .comment-meta, .comment .reply { text-transform:uppercase; } .comment .comment-meta{ color:#9d9d9d; font-size: 95%; top: -55px;} .comment .children { list-style:none; } .comment .comment-data em { margin: 15px 0 15px 42px; display: block; font-weight: 700; } .comments-navigation { display: block; line-height: 15px; margin: 25px 5px; text-align: center; } .comment-data { margin-top: -25px;} .comment-body { margin-top: -5px; font-weight: 600;} .comment-body a:hover { opacity:0.7; } ol.commentlist { list-style:none; padding-left:0; } /* * --------------------------------------------------------- * * 9. Comment form * * --------------------------------------------------------- */ #respond { background: #eff3f6; padding: 20px 20px; } #author, #email, #url { height: 50px; line-height: 30px; padding-left: 5px; } .logged-in-as { margin-left: 15px; margin-bottom: 0; } .title-reply:before { font-family: 'FontAwesome'; content:"\f0e5"; padding-right: 10px; vertical-align: top; } .comment-reply-title { margin-left: 15px; text-transform: uppercase; } #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="password"], #commentform input[type="search"], #commentform input[type="tel"], #commentform #comment { margin-top: 10px; width: 100%; resize: vertical; } #commentform .comment-form-comment { margin-top: 20px; } #commentform #comment { width: 100%; height: 120px; line-height: 30px; } #commentform #submit { border: 0; color: #fff; text-transform: uppercase; font-size: 17px; padding: 15px 30px; } #commentform .form-allowed-tags { margin: 10px 0 0 15px; color: #9d9d9d; display: inline-block; } .form-submit #submit_my_comment { width: auto; margin: 20px 0 0 15px; color: #fff; font-size: 17px; font-weight: 700; padding: 15px 70px; text-transform: uppercase; } /* * --------------------------------------------------------- * * 10. Sidebar * * --------------------------------------------------------- */ #sidebar { margin-bottom: 60px; padding-top: 30px; overflow: hidden; } #sidebar ul { list-style: none; padding-left: 0; } #sidebar ul li { line-height: 30px; padding-bottom: 5px; display: inline-block; width: 100%; } #sidebar-content { float: left; clear: both; padding-bottom: 30px; padding-top: 25px; width: 100%; padding-left: 35px; } .sidebar-inner-content { clear: both; width: 100%; } .widgetHeader { border-bottom: 1px solid #e7e7e7;margin-bottom: 15px; margin-top: 10px; padding-bottom: 0; } .widgetHeader h3 { font-size: 17px; text-transform: uppercase; font-weight: 500; } #sidebar img, #sidebar select, #sidebar input, #sidebar textarea { max-width: 100%; } /* 10.1 SIDEBAR CATEGORIES */ #sidebar .widget_categories a:not(:active):not(:hover) { color: #9d9d9d; font-weight: 300; font-size: 16px; } #sidebar .widget_categories ul { padding-left: 15px; list-style: none; } #sidebar .widget_categories ul li{ line-height: 30px; padding-left: 10px; width: 100%; display: list-item; } #sidebar .widget_categories ul li:before { font-family: 'FontAwesome'; content: "\f114"; margin:0 10px 0 -22px; } /* 10.3 SIDEBAR TAGS */ #sidebar .widget_tag_cloud .tagcloud { font-size: 0; } #sidebar .widget_tag_cloud .tagcloud > a { font-size: 12px !important; margin: 0 5px 5px 0; display: inline-block; height: 22px; padding: 0 10px; font-size: 10px; text-transform: uppercase; font-weight: 500; color: #fff; line-height: 22px; background: rgba(0,0,0,0.2); vertical-align: top; -webkit-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } #sidebar .widget_tag_cloud .tagcloud > a:hover { text-decoration: none; } /* 23.3 RECENT COMMENTS */ #sidebar .widget_recent_comments ul > li { margin-bottom: 5px; } #sidebar .widget_recent_comments .info > i { margin-right: 5px; } #sidebar .widget_recent_comments .info { color: #000; } #sidebar .widget_recent_comments .info .author { color: #9d9d9d; } /* 23.4 RECENT POSTS */ #sidebar .widget_recent_entries ul > li { margin-bottom: 6px; min-height: 64px; } #sidebar .widget_recent_entries .info { position: relative; padding: 10px 0 0 75px; } #sidebar .widget_recent_entries .info .avatar { width: 64px; height: 64px; display: block; position: absolute; top: 0; left: 0; } #sidebar .widget_recent_entries .info .avatar.rounded { border-radius: 50%; } #sidebar .widget_recent_entries .info .title { display: block; line-height: 20px; margin-bottom: 0; } #sidebar .widget_recent_entries .info .title a { font-weight: 600; line-height: 1; } #sidebar .widget_recent_entries .info .title a:hover { opacity:0.7; } #sidebar .widget_recent_entries .info .date { display: block; } /* 10.3 SIDEBAR RECENT POSTS & COMMENTS */ #sidebar .info { clear: both; color:#9d9d9d; } #sidebar .info .avatar.comment-icon { padding-left: 1px; font-size:17pt; width: 30px; display: table; margin-right: 10px; } #sidebar .info .avatar.comment-icon .fa { vertical-align: middle; display: table-cell; text-align: center; } #sidebar .wrap { display:inline-block; float: left; width:70%;} #sidebar .avatar.wrap { margin-right: 15px; margin-bottom: 15px; margin-top: 0; width: 60px; height: 60px; overflow: hidden; } #sidebar #recentcomments .avatar.wrap { margin-right: 10px; margin-bottom: 7px; margin-top: 3px; width: 25px; height: 60px; overflow: hidden; } #sidebar .avatar.wrap img { width: 60px; height: auto; } #sidebar .comment-body.wrap { font-size: 11pt; line-height: 25px; padding-bottom: 3px; } #sidebar .comment-body.wrap a { color: #000; } #sidebar .date.wrap { text-transform: uppercase; font-size: 10pt; color: #9d9d9d; line-height: 20px; } #sidebar .comments.wrap { font-size: 10pt; line-height: 20px; } #sidebar .comments.wrap i { font-size: 11pt; padding-right: 2px; color: #d9d9d9; } #sidebar .widget_search { margin-bottom: 0; } #sidebar .widget_calendar caption { line-height: 40px; text-transform:uppercase; } #sidebar #wp-calendar td, #sidebar #wp-calendar th { padding: 8px 13px; text-align: center; } #sidebar .sub-menu { display: inline-block; position: relative; float: left; width: 100%; background: transparent; color: blue; border: 0; padding-left: 20px; padding-top: 0; margin-top: 0; } #sidebar .sub-menu .sub-menu { left: 0; } #sidebar .sub-menu > li > .sub-menu { display: inline-block; position: relative; float: left; background: transparent; color: blue; border: 0; padding-left: 20px; padding-top: 0; margin-top: 0;} #sidebar .sub-menu li {display: block; float: left; padding-bottom: 0;} #sidebar .sub-menu li a { font-size: 100%; padding: 0; } #sidebar .sub-menu li a:hover { background:0; } #sidebar .page_item_has_children ul, #sidebar .page_item_has_children { margin-bottom:0; padding-bottom: 0; } #sidebar .page_item_has_children a { padding-bottom:10px; } #sidebar .page_item_has_children li { padding-left: 20px; } #sidebar .page_item_has_children .children .children { padding-left: 5px; } #sidebar #cat , #sidebar #calendar_wrap, #sidebar .widget_archive { margin-bottom: 25px; } #sidebar #cat , #sidebar #calendar_wrap, #sidebar .widget_archive a:hover { opacity:0.7; } #sidebar .sub-menu .menu-item-has-children:after { content: ' ' !important; } /* 10.4 SIDEBAR SOCIALS */ #sidebar .widget.widget_socials li { display: inline; padding:0; line-height: 45px;} #sidebar .widget.widget_socials li a { font-size:30px; margin: 0 10px; } #sidebar .widget.widget_socials li a:hover { opacity:0.8; } /* 10.5 SIDEBAR SEARCH */ #sidebar .widget.widget_search button:not(:hover) i:before { color: #777; } /* 10.6 SIDEBAR META */ #sidebar .widget_meta ul li a { position: relative; padding-left: 25px; } #sidebar .widget_meta ul li a:before { position: absolute; top: 50%; left: 1px; margin-top: -2px; display: block; width: 0; height: 0; border-style: solid; border-width: 2.5px 0 2.5px 5px; border-color: transparent transparent transparent #d9d9d9; content: '';} #sidebar .widget_meta ul li a:hover { opacity:0.8; } /* * --------------------------------------------------------- * * 11. Preloader * * --------------------------------------------------------- */ #mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #f6f6f6; z-index: 10000; height: 100%; } #loader { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url("images/loading.gif"); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; } /* * --------------------------------------------------------- * * 12. Navigation * * --------------------------------------------------------- */ .navbar { border-top: 0; margin: 0; min-height: none; } .navigation { background: #fafafa; z-index: 2; } .navigation-header { position: absolute; left: 0; right: 0; background-color: transparent; z-index: 99; } .navigation-brand { float: left; } .navigation-brand:after { content: ''; display: table; } .navigation-brand .brand-logo { width: 200px; height: 66px; text-align: left; } .navigation-brand .brand-logo .logo, .footer .brand-logo .logo { background: url(images/logo.png) left center no-repeat; display: block; height:66px; line-height:66px; max-width: 100%; } /* .fixmenu-clone .brand-logo .logo { background:url(images/logo-inverted.png) left center no-repeat; } */ .navigation-brand .brand-logo h4 { margin-top:15px; } .navigation-brand .brand-logo a { color:#fff; } .navigation-brand .brand-logo .logo, .widget_about .logo.retina { background-size: auto auto; } .navigation-bar { margin: 0 auto; padding: 0; list-style: none; } .navigation-bar-left { float: left; } .right-menu-wrap { text-align: right; } .navigation-bar > li { display: inline-block; } .navigation-bar > li a { display: inline-block; padding:15px; } .navigation-toggle { position: absolute; top: 0; right: 0; padding: 10px 10px; margin: 10px; border-radius: 4px; border: none; outline: none; background: transparent; z-index: 2; } .navigation-toggle:after { content: ''; clear: both; height: 1%; } .navigation-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; opacity: 0.7; } .navigation-toggle .icon-bar + .icon-bar { margin-top: 4px; } .featured > a:hover, .featured > a:active { border-width: 1px; border-style: solid; } .container > .navbar-collapse { margin: 0; } .navigation-header .navigation-bar .menu-item > a { -webkit-transition: color 0.3s ease, opacity 0.3s ease; -o-transition: color 0.3s ease, opacity 0.3s ease; transition: color 0.3s ease, opacity 0.3s ease; } /* 12.1 Navigation header */ .navigation-header .navigation-bar > .menu-item { padding: 12px 0 0; } .navigation-header .navigation-bar > .menu-item > a { display: inline-block; padding: 0 14px; margin: 0; font-size: 14px; text-transform: uppercase; line-height: 40px; } .navigation-header .navigation-bar > .dropdown > .dropdown-toggle:not(:hover), .navigation-header .menu-extra-container .navigation-bar .menu-item:not(.featured).current a:not(.dropdown-toggle):not(:hover):not(:active), .navigation-header .navigation-bar > .menu-item:not(.current):not(.featured) > a:not(:active):not(:hover) { color: #fff; } .navigation-header .navigation-bar .menu-item a > i { margin-right: 10px; } .navigation-header .navigation-bar > .menu-item.current > a { position: relative; opacity: 0.9; } .navigation-header .navigation-bar > .menu-item:not(.featured).current > a:after { position: absolute; bottom: -2px; right: 14px; left: 14px; display: block; height: 2px; content: ''; } .navigation-header .menu-extra-container .navigation-bar > .menu-item:not(.featured).current > a:after { display: none; } .navigation-header .navigation-bar > .menu-item.menu-item-has-children.current > a { border-bottom: none; opacity: 1; margin: 0; padding: 0 15px; } .navigation-header .navigation-bar > .menu-item.featured { padding: 6px 0; } .navigation-header .navigation-bar > .menu-item.featured > a, .navigation-header .navigation-bar > .menu-item.featured.current > a { display: inline-block; line-height: 13px; border-width: 1px; border-style: solid; padding: 10px 25px; opacity: 1; border-radius: 3px; } .navigation-header .navigation-bar > .menu-item.featured > a:hover, .navigation-header .navigation-bar > .menu-item.featured.current > a:hover { color: #fff; } .navigation-header .navigation-bar > .dropdown .caret { -webkit-transition: none; -o-transition: none; transition: none; } /* 12.2 Navigation dropdown */ .navigation-header .dropdown .dropdown-toggle { -webkit-transition: none; -o-transition: none; transition: none; } .navigation-header .dropdown:hover .dropdown-toggle { background: rgba(0,0,0,0.7); -webkit-transition: none; -o-transition: none; transition: none; } .navigation-header .dropdown:hover > .dropdown-menu { display: block; } .navigation-header .dropdown-menu { min-width: 250px; margin: 0; position: absolute; padding: 0; list-style:none; background: rgba(0,0,0,0.7); border-radius: 0; border: 0; } .navigation-header .dropdown-menu .menu-item { position: relative; padding: 0 16px; height: 42px; } .navigation-header .dropdown-menu .menu-item:last-child a { border-bottom: none; } .navigation-header .dropdown-menu .menu-item a { display: inline-block; min-width: 100%; height: 42px; padding: 0; text-transform: none; line-height: 41px; border-bottom: 1px solid #2a2a2a; -webkit-transition: color 0.25s ease, border 0.25s ease, background 0.25s ease; -o-transition: color 0.25s ease, border 0.25s ease, background 0.25s ease; transition: color 0.25s ease, border 0.25s ease, background 0.25s ease; } .navigation-header .dropdown-menu .menu-item:not(.active) > a:not(:active):not(:hover) { color: #fff; } .navigation-header .dropdown-menu .menu-item + .menu-item a { border-top: 1px solid #202020; } .navigation-header .dropdown-menu .menu-item + .menu-item.dropdown:hover a { border-color: transparent; } .navigation-header .dropdown-menu > .menu-item > a:active, .navigation-header .dropdown-menu > .menu-item > a:hover, .navigation-header .dropdown-menu > .current > a, .navigation-header .dropdown-menu > .current > a:hover, .navigation-header .dropdown-menu > .current > a:active, .navigation-header .dropdown-menu > .active > a, .navigation-header .dropdown-menu > .active > a:hover { background-color: transparent; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: transparent; } .navigation-header .dropdown:hover > .dropdown-toggle:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 4px; } .navigation-header .dropdown-menu > .menu-item.dropdown:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; background-color: transparent; z-index: -1; -webkit-transition: background 0.25s ease; -o-transition: background 0.25s ease; transition: background 0.25s ease; } .navigation-header .dropdown-menu > .menu-item.dropdown:hover:before { color: #000; } .navigation-header .dropdown-menu .dropdown:after { content: "\f0da"; position: absolute; top: 50%; right: 8px; margin: -10px -3px 0 0; font-family: 'FontAwesome'; } .navigation-header .dropdown-menu .dropdown:not(:hover):not(:active):after { color: #fff; } .navigation-header .dropdown-menu .dropdown .caret { display: none; } .navigation-header .dropdown-menu .dropdown-menu { display:none; position: absolute; top: 0; border-bottom: none; margin: 0; list-style:none; padding-left:0; margin-left:0; left: 100%; } .navigation-header .dropdown-menu .dropdown-menu .menu-item { padding: 0 14px; } .navigation-header .dropdown-menu .dropdown-menu .menu-item a { border: none; } .fixmenu-clone.navigation-header .dropdown:hover .dropdown-toggle, .navigation-header .dropdown:hover .dropdown-toggle { background-color: rgba(37,37,37,1); position: relative; z-index: 9999; } .fixmenu-clone.navigation-header .dropdown-menu, .navigation-header .dropdown-menu { background: rgba(37,37,37,1); } .fixmenu-clone.navigation-header .dropdown-menu > .menu-item.dropdown:hover:before, .navigation-header .dropdown-menu > .menu-item.dropdown:hover:before { background-color: #000; } /* 12.3 Sticky menu */ .fixmenu-clone { background-color:#fff; position: fixed ; top: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow: 0 1px 5px 0 rgba(100,100,100,.3); -webkit-box-shadow: 0 1px 5px 0 rgba(100,100,100,.3); -webkit-transform: translateY(-1000px); -ms-transform: translateY(-1000px); transform: translateY(-1000px); } .fixmenu-clone.fixmenu-unstick { -webkit-transform: translateY(-1000px); -ms-transform: translateY(-1000px); transform: translateY(-1000px); } .fixmenu-clone { background-image: none !important; } .fixmenu-clone .navigation-brand { background-image: none !important; } .fixmenu-clone.fixmenu-stick { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .logo-inverted, .fixmenu-clone .logo { display: none; } .fixmenu-clone .logo-inverted { display: block; } .fixmenu-clone.navigation-header .navigation-bar > .dropdown > .dropdown-toggle:not(:hover), .fixmenu-clone.navigation-header .navigation-bar > .menu-item:not(.current):not(.featured) > a:not(:active):not(:hover) { color: #000; } .fixmenu-clone.navigation-header .navigation-bar > .menu-item:not(.current):not(.featured).dropdown:hover:not(:hover) > a:not(:active):not(:hover), .fixmenu-clone.navigation-header .navigation-bar > .dropdown-menu .menu-item > a { color: #fff; } /* 12.4 Always mobile menu */ body.mobile-always .navigation-toggle { display: block!important; } body.mobile-always .navbar-collapse.collapse { padding: 0; } body.mobile-always .navigation-header .navbar-collapse { padding-bottom: 50px; } body.mobile-always .navbar-collapse > div { position: relative; left: 0; margin: 0; width: inherit; float: none; } body.mobile-always .navigation .container { width: 100%; margin: 0; position: static; max-width: none; } body.mobile-always .fixmenu-clone { background: transparent; } body.mobile-always .fixmenu-clone.navigation-header .navigation-brand { background-color: #fff; } body.mobile-always .fixmenu-clone .navbar-collapse.open { padding: 0; border: none; } body.mobile-always .navigation .container { padding:0; } body.mobile-always .navigation-brand { float: none; margin-right: 0 !important; position: relative; } body.mobile-always .navigation-brand .brand-logo { margin-left: 0; position: relative; z-index: 2; } body.mobile-always .navigation-brand .brand-logo .logo, body.mobile-always .navigation-brand .brand-logo { height: 55px; } body.mobile-always .navigation-brand .brand-logo { padding-left: 15px; } body.mobile-always .navigation-header .navigation-brand { margin: 0; } body.mobile-always .navbar-collapse { position: absolute; top: 0; right: -270px; display: block; width: 270px; padding: 0; background: rgba(37, 37, 37, 1); text-align: center; -webkit-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; overflow: hidden; overflow-y: auto; direction: rtl; -webkit-transform:translateZ(0); } body.mobile-always .navbar-collapse * { direction: ltr; } body.mobile-always .navbar-collapse.collapsing { height: auto; } body.mobile-always .navigation-header, body.mobile-always #main-content { -webkit-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; } body.mobile-always #main-content { position: relative; right: 0; } body.mobile-always #main-content.collapsed { right: 270px; } body.mobile-always .navigation-header { left: auto; right: 0; width: 100%; -webkit-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; } body.mobile-always .navigation-header.collapsed { right: 270px; } body.mobile-always .navigation-bar > li { display: block; } body.mobile-always .navigation-brand:after { content: ''; clear: both; } body.mobile-always .navigation-bar-left, .navigation-bar-right { float: none; } body.mobile-always .navigation-header .navigation-bar { margin: 0; } body.mobile-always .navigation-header .right-menu-wrap { text-align: center; } body.mobile-always .navigation-header .navigation-bar > .menu-item { min-height: 65px; padding: 0; } body.mobile-always .navigation-header .navigation-bar > .menu-item > a { margin: 0 14px; padding: 0; } body.mobile-always .navigation-header .navigation-bar > .menu-item:first-child > a { border-top-color: transparent !important; } body.mobile-always .navigation-header .navigation-bar > .menu-item.current > a:after { display: none; } body.mobile-always .navigation-header .navigation-bar > .menu-item:not(.featured) > a, body.mobile-always .navigation-header .navigation-bar > .menu-item:not(.featured).current > a { display: block; padding: 0; height: 100%; z-index: 999; position: relative; line-height: 65px; } body.mobile-always .navigation-header .navigation-bar > .menu-item:not(.featured):not(.open) > a { border-bottom: 1px solid #1d1d1d; border-top: 1px solid #222; } body.mobile-always .navigation-header .navigation-bar > .menu-item.featured { padding: 0; line-height: 65px; } body.mobile-always .navigation-header .navigation-bar > .menu-item.featured > a { padding: 10px 25px; line-height: 13px; } body.mobile-always .navigation-header .dropdown:hover > .dropdown-toggle:before { display: none; } body.mobile-always .navigation-header .dropdown:hover > .dropdown-menu { display: none; } body.mobile-always .navigation-header .menu-item.dropdown > .dropdown-toggle { opacity: 1; } body.mobile-always .navigation-header .navigation-bar > .menu-item.dropdown.open { margin-top: -1px; } body.mobile-always .navigation-header .navigation-bar > .menu-item.dropdown.open > .dropdown-toggle { margin: 0; background: rgba(30,30,30,1); border-width: 4px 0 0 0; border-style: solid; line-height: 59px; } body.mobile-always .navigation-header .dropdown:hover .dropdown-toggle { background-color: transparent; } body.mobile-always .navigation-header .dropdown.open > .dropdown-menu, body.mobile-always .navigation-header .dropdown.open:hover > .dropdown-menu { display: block; box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } body.mobile-always .navigation-header .dropdown-menu { position: relative; min-width: 250px; width: 100%; background: rgba(24,24,24,1); } body.mobile-always .navigation-header .navigation-bar .dropdown-menu .menu-item { min-height: 40px; height: auto; padding: 0; } body.mobile-always .navigation-header .navigation-bar .dropdown-menu .menu-item > a:first-child { border-top: 1px solid rgba(18,18,18,1); } body.mobile-always .navigation-header .navigation-bar .dropdown-menu .menu-item > a, body.mobile-always .navigation-header .navigation-bar .dropdown-menu .menu-item > a:hover, body.mobile-always .navigation-header .navigation-bar .dropdown-menu .menu-item.current > a { height: 40px; background-color: rgba(24,24,24,1); border-bottom: 1px solid rgba(38, 38, 38, 1); border-top: 1px solid rgba(29, 29, 29, 1); line-height: 40px; } body.mobile-always .navigation-header .dropdown-menu .dropdown:after { display: none; } body.mobile-always .navigation-header .dropdown.open > .dropdown-menu, body.mobile-always .navigation-header .dropdown.open:hover > .dropdown-menu { display: block; box-shadow: none; } body.mobile-always .navigation-header .dropdown.open > .dropdown-toggle { background: rgba(24,24,24,1); } body.mobile-always .navigation-header .dropdown-menu .dropdown .caret { display: inline-block; } body.mobile-always .navigation-header .dropdown-menu .dropdown-menu { position: relative; top: auto; left: auto; border: none; padding: 0; background-color: rgba(7, 7, 7, 1); } body.mobile-always .navigation-header .dropdown-menu .dropdown-menu .menu-item { padding: 0; } body.mobile-always .navigation-header .dropdown-menu .dropdown-menu .menu-item > a:first-child { border-top: transparent; } body.mobile-always .navigation-header .dropdown-menu .dropdown-menu .menu-item > a, body.mobile-always .navigation-header .dropdown-menu .dropdown-menu .menu-item.current > a { background-color: transparent; border-color: transparent; } body.mobile-always .navigation-header .dropdown-menu .dropdown-menu .menu-item > a:not(:active):not(:hover), body.mobile-always .navigation-header .dropdown-menu .dropdown-menu .menu-item:not(.current):not(.featured) > a:not(:active):not(:hover) { opacity: 0.6; } body.mobile-always .fixmenu-clone.navigation-header .current > a:after { display: none; } body.mobile-always .fixmenu-clone.navigation-header .navigation-bar > .menu-item:not(.current):not(.featured) > a:not(:active):not(:hover) { color: #fff; } body.mobile-always .fixmenu-clone.navigation-header .dropdown-menu .dropdown-menu { background-color: rgba(7, 7, 7, 1); } body.mobile-always .fixmenu-clone.navigation-header .dropdown-menu > .menu-item.dropdown:hover:before { display: none; } body.mobile-always .fixmenu-clone.navigation-header .dropdown-menu > .menu-item.dropdown:hover > a:hover { border-bottom: 1px solid rgba(38,38,38,1); } body.mobile-always .fixmenu-clone.navigation-header .navigation-brand { padding-right: 0; } body.mobile-always .fixmenu-clone.navigation-header .navigation-toggle { margin: 10px; } body.mobile-always .fixmenu-clone .menu-item-has-children:after { color: #fff; } /* * --------------------------------------------------------- * * 14. Page elements * * --------------------------------------------------------- */ .sub-hero-header { font-weight: 300; } .sub-title { font-size:18px; font-weight: 300; color: #b5b5b5; padding: 0 0 10px 0; } .lighter-overlay .sub-title { color: #b5b5b5; } .alert { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; font-size: 17px; line-height: 22px; padding: 16px; padding-left: 60px; } .alert .icon { font-size: 28px; position: absolute; left: 15px; top: 13px; } .alert-success { background-color: #d8f0e4; color: #68a74c; } .alert-info { background-color: #e2f6fa; color: #4c95a4; } .alert-warning { background-color: #faf3e2; color: #a68128; } .alert-danger { background-color: #fae2e2; color: #ad5254; } .close { font-weight: 300; font-size: 28px; color: inherit !important; opacity: .8; } .social-icons { margin-top: 25px; } .social-icons li { margin-bottom: 50px; width: 16%; width: 16.2%; text-align: center; } .social { font-size: 30px } .long-block {text-align: left; padding-top: 15px; padding-bottom: 25px;} .long-block h2 { margin-bottom: 0; letter-spacing: -1px; } .long-block .icon { font-size: 60px; position: relative; margin-right: 15px; margin-top: 20px; width: auto; height: auto; line-height: 75px; } .long-block .icon:before { color: #fff; } .long-block .icon:hover:before { color: #fff; } .long-block .btn, .long-block input { margin-top: 30px; } .subscribe-form input, .subscribe-form .btn { margin-right: 23px; margin-bottom: 10px; } .subscribe-form .btn { margin-right: 0px; } .subscribe-form .form-control { display: inline; width: auto; } .response_wrap { display: block; text-align: center; padding-bottom: 10px; } /* 14.1 Tabbed slider */ .nav-tabs li a { font-size: 13px; text-transform: uppercase; font-weight: 700; color: #30353A; margin-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 20px 60px; border-left: 0; border-right: 0; } .nav-tabs li:not(.ui-state-active):not(.ui-state-hover) a { background-color: #fff; } .nav-tabs li a:hover { color: #fff; } .tab-content .tab-pane { padding: 16px 30px; border: 1px solid #ddd; border-top: 0; } .wpb_column .wpb_wrapper .wpb_content_element .tab-pane p { margin: 0; } #featuredTab { min-height: 400px} #featuredTab p { margin-bottom: 0; } .section.wpb_tour { padding-top: 0; } /* 14.2 Alternative tab slider */ .alt.nav-tabs { margin-bottom: 50px; border: 0; display: inline-block; } .alt.nav-tabs { border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: none; border-radius: 3px; } .alt.nav-tabs li { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 0; } .alt.nav-tabs li a, .alt.nav-tabs li.ui-state-active a, .alt.nav-tabs li.ui-state-hover a { border: 0; } .alt.nav-tabs li.ui-state-active a { font-weight: 400; color: #fff; border: 0; } .alt.nav-tabs li a { font-size: 13px; text-transform: uppercase; font-weight: 400; color: #596068; margin-right: 0; border-radius: 0; padding: 20px 60px 20px 60px; } .alt.nav-tabs li a:hover { color: #fff; } .alt.tab-content .tab-pane { padding: 0; border: 0; text-align: left; } .wpb_tabs.wpb_content_element { margin-bottom: 0; } .tab-content.alt .wpb_single_image { margin-bottom: 0; } /* 14.3 Accordion slider */ .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { margin: 0; } .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header { margin: 0; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a { display: block;font-size: 17px;line-height: 22px;padding: 15px;position: relative;padding-left: 50px; font-weight: 700; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a:before { position: absolute; font-weight: 300; left: 10px; top: 15px; font-size: 26px; width: 30px; text-align: center; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-default a:before { content: '+'; color: #8e959c; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active a:before { content: '-'; color: #fff; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-default:not(.ui-state-active) a { color: #8e959c; background-color: #eff3f6; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active a { color: #fff; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active a:hover { color: #fff; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-hover a { background: #dadfe4; color: #6b7681; } .wpb_content_element .wpb_accordion_wrapper .wpb_accordi .on_content { border: 1px solid #dadfe4;border-top: none;padding: 16px 30px !important; } .wpb_accordion .wpb_content_element p { font-weight: 300; font-size: 15px; line-height: 26px; } .wpb_accordion_section { margin-top: 8px; } /* 14.4 Toggle */ /* 14.5 Team wrapper */ .thumb-wrapper { position: relative; display: block; width: 100%; } .thumb-wrapper .img-responsive { width: 100%; z-index: 0; } .thumb-wrapper .overlay { position: absolute; bottom: 0; background: rgba(255, 156, 0, 0.5); color: #fff; font-size: 18px; text-align: center; width: 100%; z-index: 1; display: table-cell; padding: 15px; top: auto; vertical-align: middle; font-weight: 300; } .thumb-wrapper:hover .overlay { top: 0; cursor: url('images/magnify-cur.cur'); cursor: url('images/magnify-cur.png') 20 20, auto; } /* 14.6 Blockquotes */ blockquote { position: relative; display: block; padding: 0 100px; text-align: center; font-size: 20px; line-height: 33px; border: 0; font-weight: 300; min-height: 40px;} blockquote p { position: relative; display: block; text-align: center; line-height: 33px; border: 0; min-height: 40px; font-size: 20px; font-weight: 300; } blockquote:before { font-family: "line-icons"; position: absolute; content: url('images/icon/quotes-a.png'); left: 0; top: 25%; } blockquote:after { font-family: "line-icons"; position: absolute; content: url('images/icon/quotes-b.png'); right: 0; top: 25%; } .single-quote blockquote:before { font-family: "line-icons"; position: absolute; content: url('images/icon/quotes-a.png'); left: 0; top: 25%; } .single-quote blockquote:after { font-family: "line-icons"; position: absolute; content: url('images/icon/quotes-b.png'); right: 0; top: 25%; } .single-quote .quote-author { width: 100%; text-align: center; display: block; font-size: 13pt; } /* 14.7 Tables */ /* 14.8 Forms */ .form .form-control.NewsletterName, .form .form-control.NewsletterEmail { border-left-width: 3px; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], textarea { width: 272px; background-color: #fff; border-width: 1px 1px 1px 3px; border-style: solid; border-top-color: #e7e7e7; border-right-color: #e7e7e7; border-bottom-color: #e7e7e7; font-size: 17px; color: #9c9c9c; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"] { height: 50px; padding: 0 10px 0 20px; line-height: 50px; } textarea { padding: 5px 20px; resize: vertical; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, textarea:focus, input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, textarea:hover { color: #000; border-top-color: #e7e7e7; border-right-color: #e7e7e7; border-bottom-color: #e7e7e7; } .subscribe-form input[type="submit"] { margin-left: 0; border-color: #fff; } .subscribe-form input[type="submit"]:not(:active):not(:hover) { background-color: transparent; color: #fff; } .subscribe-form input[type="submit"]:active, .subscribe-form input[type="submit"]:hover, .subscribe-form input[type="submit"]:focus { background-color: #fff; border-color: #fff; } .wrapper-response-block, .wrapper-response-block span { display: inline-block; width: 100%; line-height: 1; text-align: left; } .wrapper-response-block { margin-top: -5px; height: 26px; } input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, input[type="password"].wpcf7-not-valid, input[type="search"].wpcf7-not-valid, input[type="tel"].wpcf7-not-valid, textarea.wpcf7-not-valid { background-color: #fbe8e8; -webkit-box-shadow: none; box-shadow: none; } /* Gravity Forms */ .gform_wrapper form .gform_heading { margin: 0 0 10px; width: 100%; } .gform_wrapper .gform_heading .gform_title { font-size: 34px; text-transform: uppercase; margin: 0; } .gform_wrapper .gform_heading .gform_description { display: inline-block; width: 100%; margin: 15px 0; font-size: 16px; line-height: 1; } .gform_wrapper form .gf_progressbar_wrapper { margin: 0 0; width: 100%; padding: 0 0 8px; border-bottom-style: solid; border-bottom-color: #fff; } .gform_wrapper form .gf_progressbar_wrapper h3.gf_progressbar_title { margin: 0 0 12px 0 !important; color: inherit; opacity: 1; font-size: 16px; } .gform_wrapper .gf_progressbar_wrapper .gf_progressbar { width: 100%; background-image: none; background-color: #f1f1f1; } .gform_wrapper .gf_progressbar_wrapper .gf_progressbar { margin: 0 0 12px 0; border-radius: 0; border: none; } .gform_wrapper .gf_progressbar_wrapper .gf_progressbar_percentage { background-image: none; } .gform_wrapper .gf_progressbar_wrapper .gf_progressbar_percentage span { font-size: 13px; color: #fff; margin: 0 4px; } .gform_wrapper.gf_browser_chrome form ul.gform_fields li.gfield span.name_first, .gform_wrapper.gf_browser_chrome form ul.gform_fields li.gfield span.name_middle, .gform_wrapper.gf_browser_chrome form ul.gform_fields li.gfield span.name_last { padding-top: 0; margin-bottom: 10px; } .gform_wrapper form .ginput_complex label, .gform_wrapper form .gfield_time_hour label, .gform_wrapper form .gfield_time_minute label, .gform_wrapper form .gfield_time_ampm label, .gform_wrapper form .gfield_date_month label, .gform_wrapper form .gfield_date_day label, .gform_wrapper form .gfield_date_year label, .gform_wrapper form .instruction { display: inline-block; font-size: 14px; letter-spacing: 0; line-height: 1; } .gform_wrapper form .ginput_complex label, .gform_wrapper form .gfield_time_hour label, .gform_wrapper form .gfield_time_minute label, .gform_wrapper form .gfield_time_ampm label, .gform_wrapper form .gfield_date_month label, .gform_wrapper form .gfield_date_day label, .gform_wrapper form .gfield_date_year label, .gform_wrapper form .instruction { margin: 5px 0; } .gform_wrapper .gform_body .top_label .gfield_label { line-height: 1; font-size: 15px; } .gform_wrapper .gform_body .top_label .gfield_label .gfield_required { color: inherit; font-size: 19px; margin-left: 3px; line-height: inherit; } body .gform_wrapper .gform_body label.gfield_label + div.ginput_container { margin-top: 5px; } .gform_wrapper .gform_body input[type="text"], .gform_wrapper .gform_body input[type="url"], .gform_wrapper .gform_body input[type="email"], .gform_wrapper .gform_body input[type="tel"], .gform_wrapper .gform_body input[type="number"], .gform_wrapper .gform_body input[type="password"] { padding: 0 10px 0 20px; text-indent: 0; min-width: 100px; } .gform_wrapper .gform_body .top_label input.large, .gform_wrapper .gform_body .top_label select.large, .gform_wrapper .gform_body .top_label textarea.textarea, .gform_wrapper .gform_body .hidden_label input.large, .gform_wrapper .gform_body .hidden_label select.large, .gform_wrapper .gform_body .hidden_label textarea.textarea { width: 100%; } .gform_wrapper .gform_body textarea { padding: 10px 20px; min-height: 90px; height: auto; line-height: 16px; } .gform_wrapper .gform_body textarea.small, .gform_wrapper .gform_body textarea.large, .gform_wrapper .gform_body textarea.medium { height: auto; } .gform_wrapper .gform_body select { color: #777; overflow-y: auto; min-width: 100px; } .gform_wrapper .gform_body select option { padding: 3px 5px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .gform_wrapper .gform_body ul.gfield_checkbox li input[type="checkbox"] { min-width: 19px; } .gform_wrapper .gform_body ul.gfield_radio li input[type="checkbox"] + input[type="text"], .gform_wrapper .gform_body ul.gfield_radio li input[type="radio"] + input[type="text"] { height: 30px; line-height: 30px; } .gform_wrapper .gform_body ul li.gfield { margin-bottom: 10px; } .gform_wrapper .gform_body .gfield_html.gfield_no_follows_desc .gform_wrapper.gf_browser_chrome .gform_body ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome .gform_body ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome .gform_body ul.gform_fields li.gfield select { margin-left: 0; } .gform_wrapper .gform_body div.charleft.warningTextareaInfo { font-size: 13px; line-height: 1; margin-top: 5px; color: inherit; opacity: 0.7; } .gform_wrapper .gform_body .gsection { border-bottom-style: solid; } .gform_wrapper .gform_body .field_description_below .gfield_description { width: 100%; padding: 5px 0; line-height: 1.3; font-size: 14px; font-family: 'PT Sans', sans-serif; } .gform_wrapper .gform_body .gform_page_footer { margin: 15px 0; width: 100%; border-top: 1px solid #fff; padding: 15px 0 0; text-align: justify; } .gform_wrapper .gform_ajax_spinner, .gform_wrapper .gform_body .gform_page_footer img { display: none; } .gform_wrapper .gform_body .gform_page_footer:after { display: inline-block; width: 100%; content: ''; } .gform_wrapper .gform_body .gform_page_footer *:last-child { margin-right: 0; } .gform_wrapper .gform_footer .button.gform_next_button, .gform_wrapper .gform_footer .button.gform_button, .gform_wrapper .gform_body .gform_page_footer .button.gform_next_button, .gform_wrapper .gform_body .gform_page_footer .button.gform_button { margin-right: 10px; } .gform_wrapper .gform_footer .button, .gform_wrapper .gform_body .gform_page_footer .button { position: relative; height: 50px; min-width: 144px; max-width: 100%; padding: 19px 30px; font-size: 14px; font-weight: 400; text-transform: uppercase; line-height: 12px; border-color: #fff; background-color: transparent; border: none; border-width: 1px; border-style: solid; border-radius: 3px; -webkit-box-shadow: inset 0 200px 0 transparent; box-shadow: inset 0 200px 0 transparent; -webkit-transition: color 0.2s ease, border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; -o-transition: color 0.2s ease, border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; transition: color 0.2s ease, border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; } .gform_wrapper .gform_footer .button:not(:active):not(:hover), .gform_wrapper .gform_body .gform_page_footer .button:not(:active):not(:hover) { color: #fff; } .gform_wrapper .gform_footer .button:hover, .gform_wrapper .gform_footer .button:active, .gform_wrapper .gform_body .gform_page_footer .button:hover, .gform_wrapper .gform_body .gform_page_footer .button:active { background-color: #fff; border-color: #fff; } .gform_wrapper .gform_footer .button:active, .gform_wrapper .gform_body .gform_page_footer .button:active { -webkit-box-shadow: inset 0 200px 0 rgba(0,0,0,0.1); box-shadow: inset 0 200px 0 rgba(0,0,0,0.1); } .gform_wrapper .gform_body .gform_page_footer .button.gform_next_button, .gform_wrapper .gform_body .gform_page_footer .button.gform_previous_button { max-width: 45%; min-width: 0; width: 50%; padding: 15px 0; } .gform_wrapper form div.validation_error { padding: 10px 0; line-height: 16px; font-size: 14px; font-weight: 400; color: #fd8282; border-top: 1px solid #fd8282; border-bottom: 1px solid #fd8282; } .gform_wrapper form li.gfield.gfield_error.gfield_contains_required { margin-top: 0; margin-bottom: 10px !important; padding-left: 0 !important; } .gform_wrapper form li.gfield.gfield_error, .gform_wrapper form li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent; margin-bottom: 0 !important; padding: 0 !important; border: none; } .gform_wrapper form li.gfield.gfield_error.gfield_contains_required label.gfield_label, .gform_wrapper form li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin-top: 0; } .gform_wrapper form .gfield_error .gfield_label { color: inherit; } .gform_wrapper form .top_label .gfield_description.validation_message, .gform_wrapper form .gfield_description.validation_message { padding: 5px 0 0 !important; } .gform_wrapper form li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper form li.gfield_error ul.gfield_checkbox, .gform_wrapper form li.gfield_error ul.gfield_radio { color: inherit; } .gform_wrapper form .validation_message { color: #fd8282; font-weight: 400; font-size: 12px; line-height: 1; } .gform_wrapper form li.gfield_error input[type=text], .gform_wrapper form li.gfield_error input[type=url], .gform_wrapper form li.gfield_error input[type=email], .gform_wrapper form li.gfield_error input[type=tel], .gform_wrapper form li.gfield_error input[type=number], .gform_wrapper form li.gfield_error input[type=password], .gform_wrapper form li.gfield_error textarea { background-color: #fbe8e8; border-width: 1px 1px 1px 3px; border-color: #e7e7e7 #e7e7e7 #e7e7e7 #e7e7e7; background-color: #fbe8e8; } /* 14.9 Buttons */ .btn { position: relative; margin: 0 7px; height: 50px; min-width: 144px; max-width: 100%; padding: 18px 30px; font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 12px; border-width: 1px; border-style: solid; border-radius: 3px; -webkit-box-shadow: inset 0 200px 0 transparent; box-shadow: inset 0 200px 0 transparent; -webkit-transition: color 0.2s ease, border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; -o-transition: color 0.2s ease, border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; transition: color 0.2s ease, border 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; } .btn.btn-lg { height: 70px; min-width: 184px; padding: 29px 50px; font-size: 20px; line-height: 11px; } .btn.btn-sm { height: 37px; min-width: 94px; padding: 11px 20px; font-size: 13px; line-height: 13px; border-radius: 2px; } .btn.btn-solid { color: #fff; border: none; padding: 19px 30px; } .btn.btn-solid.btn-lg { padding: 30px 50px; } .btn.btn-solid.btn-sm { padding: 12px 20px; } .btn.btn-solid:hover { -webkit-box-shadow: inset 0 200px 0 rgba(255,255,255,0.1); box-shadow: inset 0 200px 0 rgba(255,255,255,0.1); } .btn.btn-solid:active { -webkit-box-shadow: inset 0 200px 0 rgba(0,0,0,0.1); box-shadow: inset 0 200px 0 rgba(0,0,0,0.1); } .btn.btn-outline { border-color: #fff; } .btn.btn-outline:not(:active):not(:hover) { color: #fff; } .btn.btn-outline:hover { background-color: #fff; } .btn.btn-outline:active { -webkit-box-shadow: inset 0 200px 0 rgba(0,0,0,0.1); box-shadow: inset 0 200px 0 rgba(0,0,0,0.1); } .btn.btn-outline-color:not(:active):not(:hover) { background-color: transparent; } .btn.btn-outline-color:hover, .btn.btn-outline-color:active { color: #fff; } .btn.btn-outline-color:active { -webkit-box-shadow: inset 0 200px 0 rgba(0,0,0,0.1); box-shadow: inset 0 200px 0 rgba(0,0,0,0.1); } .dropdown-toggle:active, .dropdown-toggle.pressed { border-top: 0; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: 0; outline-offset: 0; } /* 14.10 Text icon */ .vsc-text-icon { position: relative; margin: 0 0 30px; padding: 0; } .vsc-text-icon .vsc-service-content h6 { margin-top: 0; line-height: 27px; font-size: 16px; font-weight: 700; } .vsc-text-icon .vsc-service-content p { font-size: 15px; color: #8a8a8a; } .vsc-text-icon .vsc-service-icon { display: block; text-align: center; } .vsc-text-icon .vsc-service-icon .icon { margin: 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .vsc-text-icon .vsc-service-icon .icon:before { line-height: 1; } .vsc-text-icon.icon-top { padding-top: 65px; } .vsc-text-icon.icon-top .vsc-service-icon { position: absolute; top: 0; left: 0; width: 100%; } .vsc-text-icon.icon-top .vsc-service-content { text-align: center; } .vsc-text-icon.icon-bottom { padding-bottom: 70px; } .vsc-text-icon.icon-bottom .vsc-service-icon { position: absolute; bottom: 0; left: 0; width: 100%; } .vsc-text-icon.icon-bottom .vsc-service-content { text-align: center; } .vsc-text-icon.icon-left { padding-left: 86px; } .vsc-text-icon.icon-left .vsc-service-content { text-align: left; } .vsc-text-icon.icon-left .vsc-service-icon { position: absolute; left: 0; top: 50%; display: inline-block; width: 84px; } .vsc-text-icon.icon-left .vsc-service-icon .icon { margin-top: -1em; } .vsc-text-icon.icon-right { padding-right: 86px; } .vsc-text-icon.icon-right .vsc-service-content { text-align: right; } .vsc-text-icon.icon-right .vsc-service-icon { position: absolute; right: 0; top: 50%; display: inline-block; width: 84px; } .vsc-text-icon.icon-right .vsc-service-icon .icon { margin-top: -1em; } .vsc-text-icon.icon-single.icon-right .vsc-service-icon .icon, .vsc-text-icon.icon-single.icon-left .vsc-service-icon .icon { width: 1em; height: 1em; font-size: 3.2em; margin-top: -0.5em; border-width: 0; border-style: none; background: none; border-radius: 0; } .vsc-text-icon.icon-border .vsc-service-icon .icon { width: 2em; height: 2em; padding: 0.44em 0; border-width: 2px; font-size: 1.65em; } .vsc-text-icon.icon-solid .vsc-service-icon .icon { width: 2em; height: 2em; padding: 0.44em 0; border-width: 2px; border-style: solid; font-size: 1.65em; color: #fff; } .vsc-text-icon.icon-solid.icon-round .vsc-service-icon .icon, .vsc-text-icon.icon-border.icon-round .vsc-service-icon .icon { border-radius: 50%; } .vsc-text-icon.icon-solid.icon-square .vsc-service-icon .icon, .vsc-text-icon.icon-border.icon-square .vsc-service-icon .icon { border-radius: 0; } .vsc-text-icon.icon-solid.icon-round-square .vsc-service-icon .icon, .vsc-text-icon.icon-border.icon-round-square .vsc-service-icon .icon { border-radius: 3px; } .vsc-text-icon.icon-border.icon-border-solid .vsc-service-icon .icon { border-style: solid; } .vsc-text-icon.icon-border.icon-border-dashed .vsc-service-icon .icon { border-style: dashed; } .vsc-text-icon.icon-border.icon-border-dotted .vsc-service-icon .icon { border-style: dotted; } /* 14.11 Canvas Title */ .canvas-title-block { position: relative; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: top center; } .canvas-title-block .canvas-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.35); z-index: 0; } .canvas-headline { position: relative; margin: 0; text-align: center; overflow: hidden; line-height: 1; } .canvas-title-block .canvas-headline { padding: 0 15px; width: inherit; height: 100%; vertical-align: middle; line-height: 1; z-index: 1; } .canvas-title-block .canvas-headline span { display: block; width: 100%; max-width: 1170px; margin-left: auto; margin-right: auto; line-height: inherit; text-align: inherit; } .canvas-headline .text { display: inline; font-style: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; line-height: inherit; white-space: nowrap; text-align: inherit; } .canvas-title-block svg { position: relative; width: 100%; height: 100%; z-index: 1; } /* 14.12 Progress Bar */ .vsc_progress_bar { position: relative; height: auto; margin-bottom: 12px; padding-top: 35px; overflow: hidden; z-index: 1; } .vsc_progress_bar.all_inside { padding-top: 10px; } .vsc_progress_bar:before { content: ''; position: absolute; top: 35px; left: 0; bottom: 0; right: 0; display: block; background: #f1f1f1; border-radius: inherit; z-index: -1; } .vsc_progress_bar.all_inside:before { top: 10px; } .vsc_progress_bar .vsc_bar { display: block; width: 0%; vertical-align: middle; -webkit-transition: width 1s ease; -moz-transition: width 1s ease; -o-transition: width 1s ease; transition: width 1s ease; z-index: 1; } .vsc_progress_bar .vsc_bar.no-animation { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .vsc_progress_bar .vsc_label, .vsc_progress_bar .vsc-bar-value { position: absolute; top: 0; display: inline-block; padding: 0 4px; height: 35px; text-transform: uppercase; line-height: 35px; z-index: 2; } .vsc_progress_bar .vsc_label { left: 0; font-size: 15px; font-weight: 700; color: #000; } .vsc_progress_bar .vsc-bar-value { right: 0; font-size: 17px; font-weight: 400; color: #8d8d8d; } .vsc_progress_bar.all_inside .vsc_bar, .vsc_progress_bar.value_inside .vsc_bar { position: relative; } .vsc_progress_bar.value_inside .vsc_label { top: -35px; } .vsc_progress_bar.all_inside .vsc_label { height: 100%; font-size: 13px; color: #fff; line-height: inherit; } .vsc_progress_bar.all_inside .vsc-bar-value, .vsc_progress_bar.value_inside .vsc-bar-value { height: 100%; font-size: 13px; color: #fff; line-height: inherit; } .vsc_progress_bar .vsc_bar.striped:before { position: relative; display: block; width: 100%; height: 100%; content: ''; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .vsc_progress_bar .vsc_bar.striped.stripes-animation:before { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } /* 14.13 Pie Chart */ .vsc_pie_chart { z-index: 0; text-align: center; opacity: 0; } .vsc_pie_chart.vsc_ready { opacity: 1; } .vsc_pie_chart .vsc_pie_wrapper { position: relative; margin: 0 auto; } .vsc_pie_chart canvas { position: relative; z-index: 1; } .vsc_pie_chart .wpb_pie_chart_heading { margin: 15px 0 0; font-size: 15px; font-weight: 600; text-transform: uppercase; color: #000; } .vsc_pie_chart .vsc_pie_chart_value, .vsc_pie_chart .vsc_pie_chart_icon, .vsc_pie_chart .vsc_pie_wrapper .wpb_pie_chart_heading, .vsc_pie_chart .vsc_pie_chart_inside { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-align: center; z-index: 2; } .vsc_pie_chart .vsc_pie_chart_inside .vsc_pie_chart_value, .vsc_pie_chart .vsc_pie_chart_inside .vsc_pie_chart_icon, .vsc_pie_chart .vsc_pie_chart_inside .wpb_pie_chart_heading { position: static; top: auto; left: auto; height: auto; line-height: 1; } .vsc_pie_chart .vsc_pie_wrapper .vsc_pie_chart_inside .wpb_pie_chart_heading { margin: 0; font-size: 15px; } .vsc_pie_chart .vsc_pie_chart_inside { padding: 50% 0 0; } .vsc_pie_chart .vsc_pie_chart_value { font-size: 25px; font-weight: 300; } .vsc_pie_chart .vsc_pie_chart_inside .vsc_pie_chart_value { margin: -17px auto 10px; font-size: 17px; font-weight: 600; } .vsc_pie_chart .vsc_pie_chart_icon { font-size: 43px; } .vsc_pie_chart .vsc_pie_chart_inside .vsc_pie_chart_icon { margin: -30px auto 10px; font-size: 32px; } .vsc_pie_chart .vsc_pie_chart_icon .icon { display: inline-block; line-height: 1; width: auto; height: auto; margin: 0; vertical-align: baseline; } .vsc_pie_chart .vsc_pie_wrapper .wpb_pie_chart_heading { margin: 0; font-size: 22px; } .vsc_pie_chart .vsc_pie_chart_inside { text-align: center; } .vsc_pie_chart_back { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 6px solid #f7f7f7; border-radius: 999px; border-radius: 50%; opacity: 0.3; filter: alpha(opacity=30); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* 14.14 Counter */ .vsc_counter { padding-bottom: 20px; text-align: center; vertical-align: top; opacity: 0; z-index: 0; } .vsc_counter.no-animation, .vsc_counter.vsc_ready { opacity: 1; } .vsc_counter .vsc_counter_label { margin-bottom: 25px; display: inline-block; width: 100%; line-height: 1; white-space: nowrap; } .vsc_counter .vsc_counter_label .icon { display: inline-block; width: auto; height: auto; padding-top: 5px; margin: 0; font-size: 54px; font-weight: inherit; text-align: center; line-height: 70px; vertical-align: middle; } .vsc_counter .vsc_counter_label.top .icon { display: block; } .vsc_counter .vsc_counter_label.left .icon { margin-right: 15px; } .vsc_counter .vsc_counter_label .icon + .vsc_counter_value { font-size: 70px; } .vsc_counter.separator .vsc_counter_label { position: relative; } .vsc_counter.separator .vsc_counter_label:after { content: ''; position: absolute; top: 50%; right: -15px; margin-top: -17px; width: 1px; height: 34px; background: #d5d4d3; } .vsc_counter.separator .vsc_counter_label.top:after { margin-top: 22px; } .vsc_counter .vsc_counter_value { display: inline-block; max-width: 100%; font-size: 100px; font-weight: 300; font-style: normal; line-height: 1; vertical-align: middle; overflow: hidden; } .vsc_counter .vsc_counter_title { margin: 0 0 0; font-size: 13px; font-weight: 600; text-transform: uppercase; line-height: 1; color: #333; } .vsc_counter i.units { font-style: normal; font-size: 65%; color:#1ac6ff; } /* 14.15 Post Grid */ .wpb_grid .wpb_teaser_grid_heading { margin: 0 0 60px; font-size: 47px; font-weight: 300; text-align: center; text-transform: uppercase; line-height: 50px; } .wpb_grid .wpb_thumbnails { padding-left: 0; } .wpb_grid ul.wpb_thumbnails-fluid li { margin-bottom: 40px; padding: 0 18px; } .wpb_grid .post-thumb { position: relative; margin-bottom: 10px; width: 100%; overflow: hidden; } .wpb_grid .post-thumb a { display: block; } .wpb_grid .post-thumb img { width: 100%; } .wpb_grid .vc_col-sm-1 .post-thumb:before, .wpb_grid .vc_col-sm-2 .post-thumb:before, .wpb_grid .vc_col-sm-3 .post-thumb:before, .wpb_grid .vc_col-sm-4 .post-thumb:before { content: ''; display: block; padding-top: 100%; } .wpb_grid .vc_col-sm-1 .post-thumb a, .wpb_grid .vc_col-sm-2 .post-thumb a, .wpb_grid .vc_col-sm-3 .post-thumb a, .wpb_grid .vc_col-sm-4 .post-thumb a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .wpb_grid .vc_col-sm-1 .post-thumb img, .wpb_grid .vc_col-sm-2 .post-thumb img, .wpb_grid .vc_col-sm-3 .post-thumb img, .wpb_grid .vc_col-sm-4 .post-thumb img { display: block; width: auto; height: 100%; } .wpb_grid .post-title { margin: 5px 0; font-size: 26px; font-weight: 600; line-height: 35px; text-transform: uppercase; } .wpb_grid ul.wpb_thumbnails-fluid li > div > *:first-child { margin-top: 0; } .wpb_grid .entry-content { line-height: 25px; font-size: 16px; } .wpb_grid .entry-content { display: block; width: 100%; } .wpb_grid .more-link { margin: 35px 0 0; display: block; width: 100%; max-width: 170px; padding: 16px 0; text-align: center; font-weight: 700; font-size: 13px; text-transform: uppercase; line-height: 1; border-radius: 3px; } .wpb_grid .more-link:not(:hover):not(:active) { background-color: transparent; } .wpb_grid .more-link:hover, .wpb_grid .more-link:active { color: #fff; } .wpb_grid .wpb_teaser_grid_heading { margin: 0 0 60px; font-size: 47px; font-weight: 300; text-align: center; text-transform: uppercase; line-height: 50px; } .wpb_grid .wpb_thumbnails { padding-left: 0; } .wpb_grid ul.wpb_thumbnails-fluid li { margin-bottom: 40px; padding: 0 18px; } .wpb_grid .post-thumb { position: relative; margin-bottom: 10px; width: 100%; overflow: hidden; } .wpb_grid .post-thumb a { display: block; } .wpb_grid .post-thumb img { width: 100%; } .wpb_filtered_grid .wpb_teaser_grid_heading { margin: 0 0 60px; font-size: 47px; font-weight: 300; text-align: center; text-transform: uppercase; line-height: 50px; } .wpb_filtered_grid .wpb_thumbnails { padding-left: 0; } .wpb_filtered_grid ul.wpb_thumbnails-fluid li { margin-bottom: 40px; padding: 0 18px; } .wpb_filtered_grid .post-thumb { position: relative; margin-bottom: 10px; width: 100%; overflow: hidden; } .wpb_filtered_grid .post-thumb a { display: block; } .wpb_filtered_grid .post-thumb img { width: 100%; } .wpb_filtered_grid .vc_col-sm-1 .post-thumb:before, .wpb_filtered_grid .vc_col-sm-2 .post-thumb:before, .wpb_filtered_grid .vc_col-sm-3 .post-thumb:before, .wpb_filtered_grid .vc_col-sm-4 .post-thumb:before { content: ''; display: block; padding-top: 100%; } .wpb_filtered_grid .vc_col-sm-1 .post-thumb a, .wpb_filtered_grid .vc_col-sm-2 .post-thumb a, .wpb_filtered_grid .vc_col-sm-3 .post-thumb a, .wpb_filtered_grid .vc_col-sm-4 .post-thumb a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .wpb_filtered_grid .vc_col-sm-1 .post-thumb img, .wpb_filtered_grid .vc_col-sm-2 .post-thumb img, .wpb_filtered_grid .vc_col-sm-3 .post-thumb img, .wpb_filtered_grid .vc_col-sm-4 .post-thumb img { display: block; width: auto; height: 100%; } .wpb_filtered_grid .post-title { margin: 5px 0; font-size: 26px; font-weight: 600; line-height: 35px; text-transform: uppercase; } .wpb_filtered_grid ul.wpb_thumbnails-fluid li > div > *:first-child { margin-top: 0; } .wpb_filtered_grid .entry-content { line-height: 25px; font-size: 16px; } .wpb_filtered_grid .entry-content img { max-width: 100%; } .wpb_filtered_grid .more-link { margin: 35px 0 0; display: block; width: 100%; max-width: 170px; padding: 16px 0; text-align: center; font-weight: 700; font-size: 13px; text-transform: uppercase; line-height: 1; border-radius: 3px; background-color: transparent; } .wpb_teaser_grid .categories_filter, .wpb_categories_filter { margin-bottom: 20px; padding: 0 30px; text-align: center; } .wpb_teaser_grid .categories_filter li, .wpb_categories_filter li { float: none; display: inline-block; line-height: 16px; } .wpb_teaser_grid .post-meta { margin: 10px 0 0; font-size: 0; text-align: left; } .wpb_teaser_grid .post-meta:after { display: inline-block; width: 100%; content: ''; } .wpb_teaser_grid .post-meta span { display: inline-block; color: #9d9d9d; font-size: 16px; padding-right: 0; margin-right: 5px; line-height: 16px; margin-bottom: 10px; vertical-align: top; } .wpb_teaser_grid .post-meta span > i { padding-right: 7px; } .wpb_teaser_grid .post-meta .post-author { text-transform: capitalize; } .wpb_teaser_grid .post-meta a:not(:active):not(:hover) { color: inherit; } .vc_grid-item .vc_button-2-wrapper { display: none; } .vc_grid-item .vc_gitem-zone-mini { background-color: #fff; } .vc_grid-item .vc_gitem-post-data { font-size: 700; } /* 14.15 Content Slider */ /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ .vsc_content_slider .slider-content { padding-bottom: 30px; } .vsc_content_slider .bx-wrapper { position: relative; margin: 0 auto; padding: 0 35px; *zoom: 1; } .vsc_content_slider .bx-wrapper img { max-width: 100%; display: block; } .vsc_content_slider .bx-wrapper .bx-viewport { height: auto !important; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .vsc_content_slider .bx-wrapper .bx-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .vsc_content_slider .bx-wrapper .bx-pager { position: absolute; bottom: -30px; left: 35px; right: 35px; height: 30px; padding: 9px 0; text-align: center; } .vsc_content_slider .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; *zoom: 1; *display: inline; } .vsc_content_slider .bx-wrapper .bx-pager a { display: inline-block; width: 10px; height: 10px; margin: 0 10px; outline: 0; border-radius: 50%; text-indent: -9999px; opacity: 0.7; -webkit-transition: opacity 0.2s ease, background 0.2s ease; -o-transition: opacity 0.2s ease, background 0.2s ease; transition: opacity 0.2s ease, background 0.2s ease; opacity: 1; } .vsc_content_slider .bx-wrapper .bx-pager a:not(:hover):not(.active) { background-color: #d9d9d9; } .vsc_content_slider .bx-wrapper .bx-pager:hover a { opacity: 1; } .vsc_content_slider .bx-wrapper .bx-prev { left: 10px; border-width: 1px 0 0 1px; } .vsc_content_slider .bx-wrapper .bx-next { right: 10px; border-width: 0 1px 1px 0; } .vsc_content_slider .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; display: inline-block; width: 31px; height: 30px; border-style: solid; background-color: transparent; z-index: 999; -webkit-transition: opacity 0.2s ease, border 0.2s ease; -o-transition: opacity 0.2s ease, border 0.2s ease; transition: opacity 0.2s ease, border 0.2s ease; -webkit-transform: rotate(-53deg) skew(-15deg); -ms-transform: rotate(-53deg) skew(-15deg); -o-transform: rotate(-53deg) skew(-15deg); transform: rotate(-53deg) skew(-15deg); opacity: 0; } .vsc_content_slider:hover .bx-wrapper .bx-controls-direction a { opacity: 1; } .vsc_content_slider .bx-wrapper:hover .bx-controls-direction a { opacity: 1; } .vsc_content_slider .bx-wrapper .bx-controls-direction a:not(:hover) { border-color: #d9d9d9; } .vsc_content_slider .bx-wrapper .bx-controls-direction a:before { color: inherit; } .vsc_content_slider .bx-wrapper .bx-controls-direction a.disabled { opacity: 0; pointer-events: none; } /* * --------------------------------------------------------- * * 15. Countdown * * --------------------------------------------------------- */ /* * --------------------------------------------------------- * * 16. Portfolio Grid * * --------------------------------------------------------- */ .grid-child { display: inline-block; vertical-align: middle; } .helper { display: inline-block; vertical-align: middle; height: 100%; width: 0; } .vivaco-grid #options { text-align: center; } .vivaco-grid #options ul { display: inline-block;list-style: none; margin: 20px auto; } .vivaco-grid #options li { float: left; line-height: 1; margin: 0 3px; } .vivaco-grid #options li .btn { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; min-width: 100%; text-transform: uppercase; } .vivaco-grid #options li .selected { color: #fff; } .vivaco-grid #options li .selected { background-color: #1ac6ff; } .vivaco-grid #portfolio-wrapper { margin: 20px 0 60px; } .vivaco-grid #portfolio-wrapper ul { list-style: none; margin: 0; padding: 0; } .vivaco-grid #portfolio-wrapper .portfolio { position: relative; display: block; text-align: center; } .vivaco-grid #portfolio-wrapper .portfolio .grid-item { max-width: 100%; overflow: hidden; } .vivaco-grid #portfolio-wrapper .portfolio .grid-item .portfolio { height: 100%; } .vivaco-grid #portfolio-wrapper .portfolio > img { -webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; } .vivaco-grid #portfolio-wrapper .portfolio .grid-item-on-hover { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0; position: absolute; top: 0; width: 100%; background-color: rgba(26, 198, 255, 0.9); height: 100%; color: #fff; } .vivaco-grid #portfolio-wrapper .portfolio .grid-text-title { margin: 0 0 10px; font-size: 13px; line-height: 16px; text-align: center; color: #fff; -webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; -webkit-transform: translateY(-300px); -ms-transform: translateY(-300px); -o-transform: translateY(-300px); transform: translateY(-300px); } .vivaco-grid #portfolio-wrapper .portfolio .grid-text-subtitle { font-size: 13px; line-height: 16px; text-align: center; -webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; -webkit-transform: translateY(300px); -ms-transform: translateY(300px); -o-transform: translateY(300px); transform: translateY(300px); } .vivaco-grid #portfolio-wrapper .portfolio:hover > .grid-item-on-hover { opacity: 1; cursor: url('images/magnify-cur.cur'); cursor: url('images/magnify-cur.png') 20 20, auto; } .vivaco-grid #portfolio-wrapper .portfolio:hover > img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .vivaco-grid #portfolio-wrapper .grid-item-on-hover:hover .grid-text-title { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .vivaco-grid #portfolio-wrapper .grid-item-on-hover:hover .grid-text-subtitle { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .vivaco-grid #portfolio-wrapper .grid-item-title { font-size: 16px; text-transform: uppercase; font-weight: 700; color: #fff; margin: 0; } .vivaco-grid #portfolio-wrapper .grid-item-subtitle { display: inherit; font-size: 16px; color: #fff; font-weight: 300; margin: 0; } .vivaco-grid #portfolio-wrapper h3 b { font-weight: 600; } .vivaco-grid .grid-item-title .base_clr_txt { color: #fff; } .portfolio-navigation { text-align: center; margin-top: 50px; } .portfolio-navigation, .portfolio-navigation a, .portfolio-navigation a { line-height: 50px; color: #d9d9d9 !important; font-size: 20px; } .portfolio-navigation a, .portfolio-navigation i { line-height: 30px; color: #d9d9d9 !important; font-size: 20px; height: 50px;} .portfolio-navigation i { font-size: 35pt; } .no-padding {padding: 0 !important; width: 100%;} .entry-content .portfolio img { padding: 0; height: auto; margin: 0; } .entry-content li.grid-item {margin: 0 !important;padding: 0;} .portfolio-navigation .next a { float: left; } .portfolio-navigation .prev a { float: right; } .portfolio-navigation .home a { color: #1d1d1d; } .portfolio-single h2 { margin: 50px 0; } .portfolio-single h6 { margin-bottom: 5px; } .portfolio-single .wpb_gallery_slides { margin-top: 25px;} .portfolio-single .flexslider { border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } .portfolio-single.flexslider .slides img { max-width: 100% !important; width: auto !important;} .flex-control-paging li a { background: #dfdfdf !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; width: 8px !important; height: 8px !important;} .flex-control-paging li a.flex-active {background: #1ac6ff !important;} .flex-direction-nav a { width: 15px !important; background: url(images/icon/arrow_nav.png) 0 0 no-repeat !important; color: transparent !important; text-shadow: none !important; } .flex-direction-nav .flex-next { background-position: top right !important; } .flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before, .flex-direction-nav a:before { content: none !important; } /* * --------------------------------------------------------- * * 17. Contact 7 forms * * --------------------------------------------------------- */ #registration .wpcf7-form { width: 100%; margin: 0 auto; background: #eff3f6; } .wpcf7-form { padding: 52px 36px 38px; } .wpcf7-form .form-register { background: #eff3f6; } .wpcf7-form:after { content: ''; display: block; clear: both; } .wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea { color: #000; } .wpcf7-form-control.wpcf7-textarea{ line-height: 2; height: 150px; } .form-register .wpcf7-form-control-wrap { display: block !important; } .wpcf7-form .form-group { margin: 0 auto 38px; display: inline-block; width: 100%; } .wpcf7-form .form-group > div { padding: 0; } .wpcf7-form .form-group .checkbox { margin-top: -10px; } .wpcf7-form .form-group .checkbox label { line-height: 1.42857; line-height: 25px;} .agree-text { font-size: 13px; line-height: 21px; padding-top: 15px; text-align: center; margin-bottom: 100px; } label.error { color: #ff4040; line-height: 0px !important; margin-top: 10px; text-align: left; font-size: 10pt; display: block; } .form .form-group { margin-bottom: 25px; } .form .form-group:after { content: ''; display: block; clear: both; } .form .form-control, .wpcf7-text, .wpcf7-textarea { height: 50px; border-width: 1px; border-style: solid; border-radius: 0; box-shadow: none; font-size: 17px; font-weight: 300; } .form .form-control, .wpcf7-text, .wpcf7-textarea { border-left-width: 3px; } .form-group label { text-align: right; line-height: 18px; font-size: 16px; padding: 16px 10px 16px 0; margin-bottom: 0; } .form-register .form-group .wpcf7-form-control { width: 100%; } .NewsletterName { max-width: 212px; } .NewsletterEmail { max-width: 212px; } .form-group label{ font-size: 15px; color: #000; } .wpcf7-form .wpcf7-submit { margin: -28px 0 0; } .wpcf7-not-valid-tip, .wpcf7-validation-errors { line-height: 1; } .ajax-loader{ display: none; } input[type=checkbox] { margin: 4px 15px 0 0; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: button; border: 1px solid #d1d8dd; background-color: #fff; color: #000; width: 19px; height: 19px; cursor: pointer; } input[type=checkbox]:checked { color: #000; } input[type=checkbox]:checked::before { content: '\2713'; position: relative; top:-2px; left: 3px; font-size: 17px; color: #333; text-align: center; line-height: 15px; } input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline: none; } .wpcf7-form .form-register-small { margin-top: 25px; display: inline-block; width: 100%; max-width: 960px; padding: 20px 20px 10px 20px; text-align: justify; font-size: 0; background: rgba(0,0,0,0.3); border-radius: 3px; } .wpcf7-form .form-register-small:after { display: inline-block; width: 100%; content: ''; } .wpcf7-form .form-register-small .form-group, .wpcf7-form .form-register-small .form-group span { width: auto; display: inline-block; vertical-align: top; } .wpcf7-form .form-register-small .form-group { margin: 0 4px 10px; min-width: 20%; max-width: 200px; } .wpcf7-form .form-register-small .form-group:last-child { margin-right: 0; } .wpcf7-form .form-register-small .form-group.submit-wrap { max-width: none; } .wpcf7-form .form-register-small .form-group .wpcf7-form-control, .wpcf7-form .form-register-small input { display: inline-block; } .wpcf7-form .form-register-small input[type="submit"] { margin: 0; width: auto; } .wpcf7-form .form-register-small .wpcf7-submit { margin-top: 0; } .form-register-small label.error { display: block; position: absolute; } span.wpcf7-not-valid-tip { color: #f00; font-size: 90%; line-height: 0; margin-top: 10px; } .wpcf7-response-output { color: #000; } .form-register-small span.wpcf7-not-valid-tip { display: block; position: absolute; margin-top: 5px; left: 1%; } div.wpcf7-validation-errors.alt-error { background-color: red; } .alt-error.wpcf7-response-output { color: #c0c0c0; border: 0; font-size: 15px; margin-top: 5px; } .alt-error.wpcf7-response-output.wpcf7-mail-sent-ok { color: #59e71c; } /* * --------------------------------------------------------- * * 18. Testimonials * * --------------------------------------------------------- */ .feedback { overflow: hidden; padding-bottom: 30px; } .feedback.section .section-header { margin-bottom: 30px; } #feedback-controls { background: #fff; padding: 10px 0 30px; margin: 0 -15px; } .testimonials-avatar{ width: 69px; height: 69px; } .feedback .flexslider { margin-bottom: 0; background: transparent; } .feedback .flexslider ul, .feedback .flexslider ol { list-style: none; padding: 0; } .feedback .flex-manual .wrap { padding: 0; } .feedback .flex-manual .switch { padding: 15px 0; margin: 0 0 30px; } .feedback .flex-manual .switch { opacity: 0.75; height: 75px; text-align: left; } .feedback .flex-active > .img-circle{ border-color: #fff; } .flex-active { border-width: 0 0 1px; border-style: solid; } .team-member .img-circle{ border-radius: 0; } .feedback .flex-manual .switch.flex-active, .flex-manual .switch:hover { opacity: 1; cursor: pointer; } .feedback .flex-manual .switch.flex-active .base_clr_txt, .flex-manual .switch:hover .base_clr_txt { opacity: 1; cursor: pointer; cursor: pointer; } .feedback .flex-manual .switch.flex-active p, .flex-manual .switch:hover p { opacity: 1; cursor: pointer; color: #525252; } .flex-manual .switch:hover .testimonial-position { opacity: 1; cursor: pointer; color: #525252; } .feedback .flex-manual, .flex-manual .switch { height: 105px; margin-top: 20px; } .feedback .flex-manual { margin-top: 15px; border-bottom: 1px solid #e9e9e9; } .switch { text-align: left; } .switch p, .switch:not(.flex-active):not(:hover) .base_clr_txt { color: #dbdbdb; } .switch.flex-active .testimonial-position{ color: #525252; } .testimonial-name { font-size: 12pt; margin-top: 5px; width: 100%; clear: both; font-weight: 700; } span.testimonial-position { color: #dbdbdb; margin-top: -3px; display: block; } .switch p { padding: 12px 0 0 80px; font-size: 12pt; } .switch img { line-height: 70px; vertical-align: middle; margin-top: 5px;} .feedback .flex-direction-nav{ visibility: hidden; } /* * --------------------------------------------------------- * * 19. Pricing * * --------------------------------------------------------- */ .package-column , .package-details, .package-column .package-price .currency { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} .package-column { border: 1px solid #f0f0f0; } .package-column:not(:hover):not(.featured) { background: #f7f7f7;} .package-column:hover > .package-price { background: rgba(71, 72, 76, 0.2); } .package-column:hover > .package-detail ul li { border-color: rgba(255,255,255,0.3); } .package-column:hover > .package-price .price, .package-column:hover > .package-price .period, .package-column:hover > .package-title, .package-column:hover > .package-detail ul li { color: #fff; } .package-column:hover .period .package-time, .package-column:hover .package-currency.currency { color: #fff; } .package-column.featured > .package-price { background: rgba(71, 72, 76, 0.2); } .package-column.featured > .package-price .price, .package-column.featured > .package-price .period, .package-column.featured > .package-title, .package-column.featured > .package-detail ul li { color: #fff; border-color: rgba(255,255,255,0.3); } .package-column.featured > .package-detail .btn.btn-secondary, .package-column:hover > .package-detail .btn.btn-secondary { border-color: #fff; } .package-column.featured > .package-detail .btn.btn-secondary:not(:hover), .package-column:hover > .package-detail .btn.btn-secondary:not(:hover) { color: #fff; } .package-detail .btn.btn-secondary:hover { background: #fff; border-color: #fff; } .package-column .signup .btn { width: 100%; } .package-column .package-title { color: #47484c; font-size: 25px; padding: 20px 0 18px; text-transform: uppercase; line-height: 1; font-weight: 300; } .package-column .package-price { background: rgba(171, 172, 179, 0.1); padding: 15px; font-weight: 300; } .package-column .package-price .price { font-size: 115px; font-weight: 300; line-height: 125px; position: relative; } .package-column .package-price .currency { font-size: 47px; line-height: 47px; font-weight: 500; position: relative; top: -40px; } .package-column .package-price .period { font-size: 15px; text-transform: uppercase; line-height: 1; } .package-column .package-detail { padding: 30px 15% 50px; } .package-column .package-detail ul { margin-bottom: 30px; } .package-column .package-detail ul li { line-height: 25px; font-weight: 500; font-size: 16px; color: #4c4c4d; border-bottom: 1px solid #dadfe3; padding: 15px 0; } .package-column .package-detail ul li:last-child { border-bottom: none; } .pricing-table ul { padding-left: 0; list-style: none; } .pricing-table .pricing-column { text-align: center; padding: 0 10px; } .package-column.disabled { background: #fafafa; } .package-column.disabled .package-title { color: #8b8b8b; } .package-column.disabled .package-price { background: #e0e0e0; } .package-column.disabled .package-price .price { color: #afafaf; } .package-column.disabled .package-detail ul li { color: #8b8b8b; } .package-column.disabled .package-detail .btn { color: #dadfe3; background: transparent; color: #a5a5a5; border: 1px solid #a5a5a5; } /* Small fix for inverted button colors in pricing */ .package-column > .package-detail .btn:not(:active):not(:hover) { background: transparent; border-color: #1ac6ff; color:#1ac6ff; } .package-column:hover > .package-detail .btn:not(:active):not(:hover) { background: transparent; border-color: #fff; color:#fff; } /* * --------------------------------------------------------- * * 20. Tour slider * * --------------------------------------------------------- */ #featuredTab { position: relative; margin-top: 160px; } #featuredTab li { display: block; position: relative; } #featuredTab li > a { display: block; background-color: transparent; } #featuredTab li > a:after { content: ''; clear: both; display: block; } #featuredTab li > a .tab-info { float: left; text-align: left; display: block; width: 346px; padding: 25px 28px; position: relative; z-index: 2; } #featuredTab li > a .tab-icon { float: right; text-align: right; display: block; width: 113px; position: relative; z-index: 2; } #featuredTab li > a .tab-info .tab-title { font-size: 17px; line-height: 21px; font-weight: 700; text-transform: uppercase; padding-bottom: 10px; } #featuredTab li > a .tab-info .tab-desc { font-size: 15px; line-height: 28px; color: #5f5f5f; font-weight: 300; display: block; } #featuredTab li > a .icon { font-size: 50px; padding: 21px 7px; display: block; padding: 46px 28px; } #featuredTab li.ui-tabs-active { padding-bottom: 0; margin-bottom: 0; } #featuredTab li.ui-tabs-active > a .tab-info { border-radius: 5px 0 0 5px; } #featuredTab li.ui-tabs-active > a .tab-icon { border-radius: 0 5px 5px 0; } #featuredTab li.ui-tabs-active > a .tab-info .tab-title, #featuredTab li.ui-tabs-active > a .tab-info .tab-desc, #featuredTab li.ui-tabs-active > a .icon { color: #fff; } #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after { content: ''; width: 99%; border-bottom: 1px solid #dadfe3; display: block; position: absolute; bottom: 0; right: 0; } #featuredTab li a .tab-icon:after { left: 0; right: auto; } #featuredTab li:last-child a .tab-info:after, #featuredTab li:last-child a .tab-icon:after, #featuredTab li.ui-tabs-active a .tab-info:after, #featuredTab li.ui-tabs-active a .tab-icon:after { display: none; } .section-content #featuredTab .tab-content{ z-index: 999; } #featuredTab .tab-content .tab-pane { border: none; padding: 0; } article.vsc-service-elem { margin: 0 0 60px 0; padding: 0 10px; } article.vsc-service-elem .icon { font-size: 3.3em; width: 100%; height: auto; line-height: 1 font-weight: 700;} article.vsc-service-elem p.thin { font-size: 15px; color: #8a8a8a;} article.vsc-service-elem p.normal { font-size: 15px; color: #1d1d1d; font-weight: 700;} article.vsc-service-elem:hover .icon { opacity: 0.6; } .vsc-service-content h6 { margin: 10px 0 13px; line-height: 27px; font-size: 16px; } /* * --------------------------------------------------------- * * 21. Team * * --------------------------------------------------------- */ .thumb-wrapper .title-wrap p.base_clr_txt { color: #fff; position: absolute; bottom: 0; left: 0; padding: 2px; font-size: 35px; line-height: 31px; font-weight: 100; } .team-member .title-wrap { background-image: url(images/team_overlay.png); background-repeat: repeat-x; background-size: 100% 100%; position: absolute; height: 100%; width: 100%; bottom: 0; text-align: left;} .team-member .socials{ margin-top: 25px; text-align: center;} .team-member .thumb-wrapper .overlay { opacity: 0; top: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;} .team-member .thumb-wrapper .team-text { background: rgba(26, 198, 255, 0.7); opacity: 0; position: absolute; bottom: 0; top: 0 !important; color: #fff; font-size: 18px; text-align: center; width: 100%; z-index: 1; display: table-cell; padding: 15px 5px; top: 43%; vertical-align: middle; font-weight: 300; } .team-member .socials a { margin: 0 8px; font-size: 32px; display: inline; } .team-member .socials a i.icon{ width: 30px; height: 30px; } .team-member .thumb-wrapper:hover .overlay { opacity: 1; top: 0; cursor: pointer; background: rgba(255, 156, 0, 0); cursor: pointer 20 20, auto;} .team-member .thumb-wrapper:hover .team-text { opacity: 1;} .team-member .thumb-wrapper .title-wrap {opacity: 1; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;} .team-member .thumb-wrapper:hover .title-wrap {opacity: 0;} .team-member .socials a:hover i { color: #575757 !important; } .row .wpb_column .wpb_wrapper .wpb_content_element p, .wpb_column .wpb_wrapper .wpb_content_element .team-member p {margin-bottom: 0;} .team-member .thumb-wrapper p { color: #696969; } .team-member .h7 { margin-top: 25px; margin-bottom: 0; } .team-member .team-text {text-align: center;} .team-member .thumb-wrapper .team-text p{ color: #fff;} .team-member .thumb-wrapper .team-text p.team-subtitle{ margin-top: 20px; margin-bottom: 15px; font-size: 16px; font-weight: 700; } .team-member .thumb-wrapper .team-text p.member-content{ line-height: 20px; font-size: 14px; } /* * --------------------------------------------------------- * * 22. Footer * * --------------------------------------------------------- */ .footer { -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; background-attachment: fixed; color: #ababab; font-weight: 300; padding: 0 0 30px; background: url('images/low_poly_background.jpg') top center no-repeat; } .footer p, .footer li { color: #fff; } .footer p { font-size: 15px; line-height: 25px; } .footer p, .footer li { font-weight: 300; } .footer a:hover { text-decoration: underline; } .footer .logo-wrapper { margin-bottom: 0; } .footer .footer-content { padding: 65px 0 0; font-size: 0; } .footer .brand-logo { margin-top: -10px; } .footer .footer-title { color: #fff; font-size: 17px; text-transform: uppercase; font-weight: 500; text-align: left; margin-bottom: 25px; line-height: 1.5; text-shadow: 1px 1px 1px rgba(0,0,0,0.36); } .footer .list-inline { text-align: center; margin: 0 auto; } .footer .list-inline li { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; margin: 7px 0; } .footer .list-inline li .icon { font-size: 50px; } .footer .list-unstyled li { position: relative; padding-left: 30px; margin-bottom: 15px; font-size: 15px; line-height: 24px; } .footer .list-unstyled li .icon { position: absolute; left: 0; font-size: 20px; } .copyright { text-align: center; color: #fff; font-size: 14px; padding: 0; font-weight: 300; opacity: 0.4; } .footer .socials a:hover { text-decoration: none; opacity: 0.7; } #footer {position: relative;} /* * --------------------------------------------------------- * * 23. Footer widgets * * --------------------------------------------------------- */ .footer .footer-content .widget.col-xs-1,.footer .footer-content .widget.col-sm-1,.footer .footer-content .widget.col-md-1,.footer .footer-content .widget.col-lg-1,.footer .footer-content .widget.col-xs-2,.footer .footer-content .widget.col-sm-2,.footer .footer-content .widget.col-md-2,.footer .footer-content .widget.col-lg-2,.footer .footer-content .widget.col-xs-3,.footer .footer-content .widget.col-sm-3,.footer .footer-content .widget.col-md-3,.footer .footer-content .widget.col-lg-3,.footer .footer-content .widget.col-xs-4,.footer .footer-content .widget.col-sm-4,.footer .footer-content .widget.col-md-4,.footer .footer-content .widget.col-lg-4,.footer .footer-content .widget.col-xs-5,.footer .footer-content .widget.col-sm-5,.footer .footer-content .widget.col-md-5,.footer .footer-content .widget.col-lg-5,.footer .footer-content .widget.col-xs-6,.footer .footer-content .widget.col-sm-6,.footer .footer-content .widget.col-md-6,.footer .footer-content .widget.col-lg-6,.footer .footer-content .widget.col-xs-7,.footer .footer-content .widget.col-sm-7,.footer .footer-content .widget.col-md-7,.footer .footer-content .widget.col-lg-7,.footer .footer-content .widget.col-xs-8,.footer .footer-content .widget.col-sm-8,.footer .footer-content .widget.col-md-8,.footer .footer-content .widget.col-lg-8,.footer .footer-content .widget.col-xs-9,.footer .footer-content .widget.col-sm-9,.footer .footer-content .widget.col-md-9,.footer .footer-content .widget.col-lg-9,.footer .footer-content .widget.col-xs-10,.footer .footer-content .widget.col-sm-10,.footer .footer-content .widget.col-md-10,.footer .footer-content .widget.col-lg-10,.footer .footer-content .widget.col-xs-11,.footer .footer-content .widget.col-sm-11,.footer .footer-content .widget.col-md-11,.footer .footer-content .widget.col-lg-11,.footer .footer-content .widget.col-xs-12,.footer .footer-content .widget.col-sm-12,.footer .footer-content .widget.col-md-12,.footer .footer-content .widget.col-lg-12 { display: inline-block; float: none; vertical-align: top; font-size: 16px; } .footer .widgetBody { padding-bottom: 40px; text-shadow: 1px 1px 1px rgba(0,0,0,0.36); } .footer .widgetBody ul { padding: 0; margin: 0; } .footer .widgetBody ul > li { font-size: 16px; list-style-type: none; } .footer .widgetBody a { text-shadow: none; } .footer .widgetBody a:hover{ text-decoration: none; opacity: 0.9; } /* 23.1 ARCHIVES */ .footer .widget_archive ul > li { margin-bottom: 6px; } /* 23.2 CATEGORIES */ .footer .widget_categories ul > li { margin-bottom: 6px; } .footer .widget_categories ul .children { padding-top: 1px; padding-left: 20px; } .footer .widget_categories a:not(:active):not(:hover) { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.36); } .footer .widget_categories a:hover { text-decoration: none; } .footer .widget_categories a:before { content: '\f114'; margin: 2px 10px 0 0; display: inline-block; width: 22px; height: 17px; line-height: 17px; font-size: 18px; font-family: 'FontAwesome'; } /* 23.3 RECENT COMMENTS */ .footer .widget_recent_comments ul > li { margin-bottom: 12px; } .footer .widget_recent_comments .info > i { color: #fff; margin-right: 5px; } /* 23.4 RECENT POSTS */ .footer .widget_recent_entries ul > li { margin-bottom: 12px; min-height: 50px; } .footer .widget_recent_entries .info { position: relative; padding: 1px 0 0 65px; } .footer .widget_recent_entries .info .avatar { width: 50px; height: 50px; display: block; position: absolute; top: 0; left: 0; } .footer .widget_recent_entries .info .avatar.rounded { border-radius: 50%; } .footer .widget_recent_entries .info .title { display: block; } .footer .widget_recent_entries .info .title a { font-weight: 600; line-height: 1; } .footer .widget_recent_entries .info .date { display: block; } .footer .widget_recent_entries .info .date .post-date { color: #fff; text-transform: uppercase; font-size: 10pt; } /* 23.5 TAG CLOUD */ .footer .widget_tag_cloud .tagcloud { font-size: 0; } .footer .widget_tag_cloud .tagcloud > a { margin: 0 5px 5px 0; display: inline-block; height: 22px; padding: 0 10px; font-size: 12px !important; text-transform: uppercase; font-weight: 500; color: #fff; line-height: 22px; vertical-align: top; -webkit-transition: background 0.2s ease; -o-transition: background 0.2s ease; transition: background 0.2s ease; } .footer .widget_tag_cloud .tagcloud > a:not(:active):not(:hover) { background-color: rgba(0,0,0,0.2); } .footer .widget_tag_cloud .tagcloud > a:hover { text-decoration: none; } /* 23.6 CONTACT FORM 7 */ .footer .widget_cf7 .wpcf7-form { padding: 0; } .footer .widget_cf7 .wpcf7-form .wpcf7-form-control-wrap { display: inline-block; width: 100%; margin: 0 0 6px; } .footer .widget_cf7 .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip { display: inline-block; width: 100%; line-height: 1; margin: 0; } .footer .widget_cf7 div.wpcf7-validation-errors { padding: 0.8em 1em; margin: 10px 0 0; color: #ddd !important; font-weight: 600; } .footer .widget_cf7 .wpcf7-form .form-control, .footer .widget_cf7 .wpcf7-form .wpcf7-text, .footer .widget_cf7 .wpcf7-form .wpcf7-textarea { max-width: 100%; height: 46px; padding: 0 15px; line-height: 46px; font-size: 16px; font-weight: 400; color: #fff; border: 1px solid rgba(255,255,255,0.95); border-radius: 2px; box-shadow: none; background: transparent; } .footer .widget_cf7 .wpcf7-form .wpcf7-form-control.wpcf7-textarea { height: 120px; padding: 5px 15px; line-height: 1.4; resize: none; } .footer .widget_cf7 .wpcf7-form .wpcf7-submit { margin: 4px 0 0; height: 40px; padding: 0 20px; font-weight: 700; text-transform: uppercase; line-height: 40px; border-radius: 3px; border: none; cursor: pointer; } /* Placeholder style */ .footer .widget_cf7 .wpcf7-form input::-webkit-input-placeholder, .footer .widget_cf7 .wpcf7-form textarea::-webkit-input-placeholder { color: #fff; } .footer .widget_cf7 .wpcf7-form input:-moz-placeholder, .footer .widget_cf7 .wpcf7-form textarea:-moz-placeholder { color: #fff; opacity: 1; } .footer .widget_cf7 .wpcf7-form input::-moz-placeholder, .footer .widget_cf7 .wpcf7-form textarea::-moz-placeholder { color: #fff; opacity: 1; } .footer .widget_cf7 .wpcf7-form input:-ms-input-placeholder, .footer .widget_cf7 .wpcf7-form textarea:-ms-input-placeholder { color: #fff; } /* 23.7 CALENDAR */ .footer #calendar_wrap { overflow: hidden; } .footer .widget_calendar { text-align: center; } .footer .widget_calendar caption { margin: 0 0 10px; color: #fff; } .footer .widget_calendar table { width: 100%; } .footer .widget_calendar thead th { background: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.36); } .footer .widget_calendar td, .footer .widget_calendar th { padding: 5px 0; border-color: #fff; text-align: center; color: #fff; } /* 23.8 META */ .footer .widget_meta ul li { margin-bottom: 6px; } .footer .widget_meta ul li a { position: relative; padding-left: 25px; } .footer .widget_meta ul li a:before { position: absolute; top: 50%; left: 1px; margin-top: -2px; display: block; width: 0; height: 0; border-style: solid; border-width: 2.5px 0 2.5px 5px; border-color: transparent transparent transparent #fff; content: ''; } /* 23.9 SEARCH */ .footer .widget_search input[type='text'] { position: relative; display: block; width: 100%; height: 46px; padding: 0 15px; font-size: 16px; color: #fff; line-height: 46px; border: 1px solid rgba(255,255,255,0.95); background-color: transparent; border-radius: 2px; } .footer .widget_search .search-form [type="submit"] { margin-top: -10px; } .footer .widget_search .search-form [type="submit"] i { -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; } .footer .widget_search .search-form [type="submit"]:hover i { color: #10a9db; } /* Placeholder style */ .footer .widget_search input::-webkit-input-placeholder { color: #fff; } .footer .widget_search input:-moz-placeholder { color: #fff; opacity: 1; } .footer .widget_search input::-moz-placeholder { color: #fff; opacity: 1; } .footer .widget_search input:-ms-input-placeholder { color: #fff; } /* 23.9.1 ABOUT */ .widget_about .logo.retina {display: none;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) { .widget_about .logo {display: none !important;} .widget_about .logo.retina {display: block !important;} } /* * --------------------------------------------------------- * * 24. Desktop large screen 1200px * * --------------------------------------------------------- */ @media (min-width: 1200px) { .container { max-width: 1200px; } .column_container .container { width: 100%; max-width: 1170px; } #sc-gallery .wrapper { width: 90%; } #sc-skillbar .wrapper, #sc-table .wrapper, #sc-form .wrapper { width: 40%; } #sc-countdown .wrapper { width: 50%; } .social-icons { margin-top: 25px; } .social-icons li { margin-bottom: 50px; width: 16%; width: 16.2%; text-align: center; } .static-header .video-container { max-width: 755px; } #featuredTab { position: relative; margin-top: 115px; } #featuredTab li { display: block; position: relative; width: 100%; border-bottom: none; margin-bottom: 0; line-height: 0; } #featuredTab li > a:after { content: ''; clear: both; display: block; } #featuredTab li > a .tab-info { float: left; text-align: left; display: block; width: 345px; padding: 25px 28px; position: relative; z-index: 2; } #featuredTab li > a .tab-icon { float: right; text-align: right; display: block; width: 113px; position: relative; z-index: 2; } #featuredTab li > a .tab-info .tab-title { font-size: 17px; line-height: 21px; text-transform: uppercase; padding-bottom: 10px; font-weight: 700;} #featuredTab li > a .tab-info .tab-desc { font-size: 16px; line-height: 22px; color: #5f5f5f; font-weight: 500; display: block;} #featuredTab li > a .icon { font-size: 50px; padding: 21px 7px; display: block; padding: 46px 28px; } #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after { content: ''; width: 99%; border-bottom: 1px solid rgba(255, 255, 255, .2); display: block; position: absolute; bottom: 0; right: 0; } #featuredTab li a .tab-icon:after { left: 0; right: auto; } #featuredTab li:last-child a .tab-info:after, #featuredTab li:last-child a .tab-icon:after, #featuredTab .tab-content { position: absolute; top: -60px; right: 0; padding: 0; border: none; z-index: 1; } } /* * --------------------------------------------------------- * * 24. Desktop screen 1024px * * --------------------------------------------------------- */ @media screen and ( min-width: 1025px ) { .navigation-header .navigation-bar > .dropdown > .dropdown-toggle:not(:hover) > .caret { color: inherit; } } /* * --------------------------------------------------------- * * 25. Desktop medium screen 992px and 1199px * * --------------------------------------------------------- */ @media (min-width: 992px) and (max-width: 1199px) { .container { width: 100%; } .package-column .package-detail { height: 425px; } .long-block, .long-block article { text-align: center; } .long-block .pull-left { float: none !important; } .long-block .icon { top: 0; margin-bottom: 20px; margin-right: 0; display: block; } .navigation-header .navigation-brand { margin-right: 30px; } .long-block { padding-top: 10px; padding-bottom: 35px; } #sc-gallery .wrapper { width: 100%; } #sc-skillbar .wrapper, #sc-table .wrapper, #sc-form .wrapper { width: 60%; } #sc-countdown .wrapper { width: 60%; } .list-inline img { max-width: 90%; } .social-icons { margin-left: 25px; } .social-icons li { width: 15%; width: 15%; } #sc-longblock article { width: 80%; } .alt.tab-content .tab-pane { padding-bottom: 25px; } .alt.tab-content .tab-pane .btn { margin-top:-15px; margin-right: 15px;} #clients ul.list-inline li { padding-left: 15px; padding-right: 15px; } #response { margin-left: 40%; } .static-header .video-container { max-width: 595px; } #featuredTab { margin-top: 0; } #featuredTab li { display: inline-block; width: 33%; border-bottom: 1px solid rgba(255, 255, 255, .2); margin-bottom: 20px; opacity: 0.7;} #featuredTab li.ui-tabs-active { margin-top: 0; padding-bottom: 0; opacity: 1; } #featuredTab li > a:after, #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after #featuredTab li.ui-tabs-active > a:after { display: none; } #featuredTab li > a .tab-info { width: 100%; } #featuredTab li.ui-tabs-active > a .tab-info { border-radius: 0; } #featuredTab li > a .tab-icon { display: none; } #featuredTab .tab-content { padding: 0; border: none; z-index: 1; } #featuredTab .tab-content .tab-pane { text-align: center; } } @media (max-width: 992px) { .form-group label { text-align: left; padding: 5px 0; } .wpcf7-form .form-group { margin-bottom: 10px; } .wpcf7-form { padding-left: 15px; padding-right: 15px; } } /* * --------------------------------------------------------- * * 26. Desktop medium screen 1024px * * --------------------------------------------------------- */ @media (max-width: 1024px) { .static-header, #newsletter, .feedback, .footer { background-size: auto !important; background-size: auto !important; background-position: top center; background-attachment: scroll !important;} .navigation-toggle { display: block!important; } .navbar-collapse.collapse { padding: 0; } .navigation-header .navbar-collapse { padding-bottom: 50px; } .navbar-collapse > div { position: relative; left: 0; margin: 0; width: inherit; float: none; } .navigation .container { width: 100%; margin: 0; position: static; max-width: none; } .fixmenu-clone { background: transparent; } .fixmenu-clone.navigation-header .navigation-brand { background-color: #fff; } .fixmenu-clone .navbar-collapse.open { padding: 0; border: none; } .navigation .container { padding:0; } .navigation-brand { float: none; margin-right: 0 !important; position: relative; } .navigation-brand .brand-logo { margin-left: 0; position: relative; z-index: 2; } .navigation-brand .brand-logo .logo, .navigation-brand .brand-logo { height: 55px; } .navigation-brand .brand-logo { padding-left: 15px; } .navigation-header .navigation-brand { margin: 0; } .navbar-collapse { position: absolute; top: 0; right: -270px; display: block; width: 270px; padding: 0; background: rgba(37, 37, 37, 1); text-align: center; -webkit-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; overflow: hidden; overflow-y: auto; direction: rtl; -webkit-transform:translateZ(0); } .navbar-collapse * { direction: ltr; } .navbar-collapse.collapsing { height: auto; } .navigation-header, #main-content { -webkit-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; } #main-content { position: relative; right: 0; } #main-content.collapsed { right: 270px; } .navigation-header { left: auto; right: 0; width: 100%; -webkit-transition: right 0.4s ease; -o-transition: right 0.4s ease; transition: right 0.4s ease; } .navigation-header.collapsed { right: 270px; } .navigation-bar > li { display: block; } .navigation-brand:after { content: ''; clear: both; } .navigation-bar-left, .navigation-bar-right { float: none; } .navigation-header .navigation-bar { margin: 0; } .navigation-header .right-menu-wrap { text-align: center; } .navigation-header .navigation-bar > .menu-item { min-height: 65px; padding: 0; } .navigation-header .navigation-bar > .menu-item > a { margin: 0 14px; padding: 0; } .navigation-header .navigation-bar > .menu-item:not(.featured).current > a:after { display: none; } .navigation-header .navigation-bar > .menu-item:first-child > a { border-top-color: transparent !important; } .navigation-header .navigation-bar > .menu-item:not(.featured) > a, .navigation-header .navigation-bar > .menu-item:not(.featured).current > a { display: block; padding: 0; height: 100%; z-index: 999; position: relative; line-height: 65px; } .navigation-header .navigation-bar > .menu-item:not(.featured):not(.open) > a { border-bottom: 1px solid #1d1d1d; border-top: 1px solid #222; } .navigation-header .navigation-bar > .menu-item.featured { padding: 0; line-height: 65px; } .navigation-header .navigation-bar > .menu-item.featured > a { padding: 10px 25px; line-height: 13px; } .navigation-header .dropdown:hover > .dropdown-toggle:before { display: none; } .navigation-header .dropdown:hover > .dropdown-menu { display: none; } .navigation-header .menu-item.dropdown > .dropdown-toggle { opacity: 1; } .navigation-header .navigation-bar > .menu-item.dropdown.open { margin-top: -1px; } .navigation-header .navigation-bar > .menu-item.dropdown.open > .dropdown-toggle { margin: 0; background: rgba(30,30,30,1); border-width: 4px 0 0 0; border-style: solid; line-height: 59px; } .navigation-header .dropdown:hover .dropdown-toggle { background-color: transparent; } .navigation-header .dropdown.open > .dropdown-menu, .navigation-header .dropdown.open:hover > .dropdown-menu { display: block; box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .navigation-header .dropdown-menu { position: relative; min-width: 250px; width: 100%; background: rgba(24,24,24,1); } .navigation-header .navigation-bar .dropdown-menu .menu-item { min-height: 40px; height: auto; padding: 0; } .navigation-header .navigation-bar .dropdown-menu .menu-item > a:first-child { border-top: 1px solid rgba(18,18,18,1); } .navigation-header .navigation-bar .dropdown-menu .menu-item > a, .navigation-header .navigation-bar .dropdown-menu .menu-item > a:hover, .navigation-header .navigation-bar .dropdown-menu .menu-item.current > a { height: 40px; background-color: rgba(24,24,24,1); border-bottom: 1px solid rgba(38, 38, 38, 1); border-top: 1px solid rgba(29, 29, 29, 1); line-height: 40px; } .navigation-header .dropdown-menu .dropdown:after { display: none; } .navigation-header .dropdown.open > .dropdown-menu, .navigation-header .dropdown.open:hover > .dropdown-menu { display: block; box-shadow: none; } .navigation-header .dropdown.open > .dropdown-toggle { background: rgba(24,24,24,1); } .navigation-header .dropdown-menu .dropdown .caret { display: inline-block; } .navigation-header .dropdown-menu .dropdown-menu { position: relative; top: auto; left: auto; border: none; padding: 0; background-color: rgba(7, 7, 7, 1); } .navigation-header .dropdown-menu .dropdown-menu .menu-item { padding: 0; } .navigation-header .dropdown-menu .dropdown-menu .menu-item > a:first-child { border-top: transparent; } .navigation-header .dropdown-menu .dropdown-menu .menu-item > a, .navigation-header .dropdown-menu .dropdown-menu .menu-item.current > a { background-color: transparent; border-color: transparent; } .navigation-header .dropdown-menu .dropdown-menu .menu-item > a:not(:active):not(:hover), .navigation-header .dropdown-menu .dropdown-menu .menu-item:not(.current):not(.featured) > a:not(:active):not(:hover) { opacity: 0.6; } .fixmenu-clone.navigation-header .navigation-bar > .menu-item.current > a:after { display: none; } .fixmenu-clone.navigation-header .navigation-bar > .menu-item:not(.current):not(.featured) > a:not(:active):not(:hover) { color: #fff; } .fixmenu-clone.navigation-header .dropdown-menu .dropdown-menu { background-color: rgba(7, 7, 7, 1); } .fixmenu-clone.navigation-header .dropdown-menu > .menu-item.dropdown:hover:before { display: none; } .fixmenu-clone.navigation-header .dropdown-menu > .menu-item.dropdown:hover > a:hover { border-bottom: 1px solid rgba(38,38,38,1); } .fixmenu-clone.navigation-header .navigation-brand { padding-right: 0; } .fixmenu-clone.navigation-header .navigation-toggle { margin: 10px; } .fixmenu-clone .menu-item-has-children:after { color: #fff; } } /* * --------------------------------------------------------- * * 27. Tablet device Landscape 1024px and 768px * * --------------------------------------------------------- */ @media (min-width: 768px) and (max-width: 1024px) { p { font-size: 14px; line-height: 25px; } #landing-page .plain-version.static-header { min-height: 460px; } #color-landing-page .static-header { min-height: 770px; } .video-version .text-heading { padding-top: 20%; } .text-heading { padding-top: 95px; } .wrapper { width: 90%; } .static-header, #newsletter, .feedback, .footer { background-size: auto !important; background-size: auto !important; background-position: top center; background-attachment: scroll !important;} .list-inline img { max-width: 90%; } #clients ul.list-inline li { padding-left: 15px; padding-right: 15px; } #sc-gallery .wrapper { width: 100%; } #sc-skillbar .wrapper, #sc-table .wrapper, #sc-form .wrapper { width: 60%; } #sc-countdown .wrapper { width: 80%; } .form-register-small .form-group .signup-wrapper { max-width: 750px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .form-register-small { padding: 15px 15px; } .form-register-small span.wpcf7-not-valid-tip { margin-left: 15px; line-height: 15px; margin-top:-85px; } .wpcf7-form .form-register-small { padding: 15px; } .wpcf7-form .form-register-small .form-group { margin: 0 2px 10px; min-width: none; max-width: 160px; } .wpcf7-form .form-register-small .form-group.submit-wrap { width: 200px; } .wpcf7-form .form-register-small .wpcf7-submit { padding: 15px 10px; } .social-icons { margin-left: 25px; } .social-icons li { width: 15%; } .long-block { text-align: center; padding-top: 10px; padding-bottom: 35px;} .long-block, .long-block article { text-align: center; } .long-block .icon { top: 0; margin-bottom: 20px; margin-right: 0; display: block; } .long-block .pull-left { float: none !important; } .long-block .btn.btn-default { margin-left: auto; margin-right: auto; } .alt.tab-content .tab-pane { padding-bottom: 20px; } #landing-page .static-header h1 { font-size: 48px; } #landing-page .static-header { min-height: 775px; } .static-header .video-container { max-width: 442px; } #featuredTab { margin-top: 0; } #featuredTab li { display: inline-block; width: 33%; border-bottom: 1px solid #d0d0d0; margin-bottom: 20px; } #featuredTab li.ui-tabs-active { margin-top: 0; padding-bottom: 0; } #featuredTab li > a:after, #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after #featuredTab li.ui-tabs-active > a:after { display: none; } #featuredTab li > a .tab-info { width: 100%; } #featuredTab li.ui-tabs-active > a .tab-info { border-radius: 0; } #featuredTab li > a .tab-icon { display: none; } #featuredTab .tab-content { padding: 0; border: none; z-index: 1; } #featuredTab .tab-content .tab-pane { text-align: center; } .package-column .package-detail { height: 400px; } .package-column .package-price .price { font-size: 80px; } .switch p { padding: 0 0 80px; font-size: 10pt; } .team-member .thumb-wrapper .socials { top: 145%; padding: 0; opacity: 1; } .team-member .thumb-wrapper .socials a { margin: 0 10px; font-size: 20px; } .team-member .thumb-wrapper .overlay { background: transparent; } #response { margin-left: 40%; } #guarantee h2, #guarantee p { text-align: center; } } /* * --------------------------------------------------------- * * 28. Tablet device Portrait 768px and 1024px * * --------------------------------------------------------- */ @media (max-width: 1024px) and (orientation: portrait) { p { font-size: 14px; line-height: 25px; } .team-member .thumb-wrapper .socials { top: 152%; } .footer .list-inline li .icon { font-size: 35px; } .register-version .signup-wrapper { padding-left: 0; padding-right: 0; } } /* * --------------------------------------------------------- * * 29. Mobile responsive 767px * * --------------------------------------------------------- */ @media (max-width: 767px) { p { font-size: 14px; line-height: 25px; } h2 { text-align: center; } #brand_logos .wpb_single_image { margin-top: 20px; margin-bottom: 20px !important;} .inner { padding: 75px 0 50px; } article.vsc-service-elem { margin: 25px 0; } blockquote p { padding: 0; font-size: 14px; line-height: 25px; } .static-header, #newsletter, .feedback, .footer { background-size: auto !important; background-size: auto !important; background-position: bottom left; background-attachment: scroll !important;} .list-inline img { max-width: 35%; } .nav-tabs .btn { margin: 0 10px 25px 0; } .alt.nav-tabs { width: 100%; } .nav-tabs > li { float: none; } .wrapper { width: 100%; } .register-version .signup-wrapper { max-width: 750px; margin: 0 auto; padding-left: 15px; padding-right: 15px; } .register-version#hero .btn-primary { width: 100%; } .form-register-small { display: block; } .form-register .form-group label.error { text-align: right; } #registration .wpcf7-form { width: 100%; } .wpcf7-form { padding-left: 10px; padding-right: 10px; } .wpcf7-form .form-register-small { padding: 15px; } .wpcf7-form .form-register-small .form-group { margin: 0 0 10px; min-width: none; max-width: none; width: 100%; } .wpcf7-form .form-register-small .form-group.submit-wrap { width: 100%; } .wpcf7-form .form-register-small .wpcf7-submit { padding: 15px 30px; } span.wpcf7-not-valid-tip { color: #f00 !important; font-size: 90%; line-height: 15px; margin-top: 5px; } .tags-box { line-height: 20px; height: 20px; margin: 25px 0 35px; } .post h2, .blog h2, .entry-header .entry-title { font-size: 30px; padding-bottom: 0; } .sticky.post .entry-header .entry-title, .blog .entry-header .entry-title { text-align: center; padding-bottom: 0; } .post .share-box { margin-top: -110px; position: absolute; width: 250px; left: 0; } .post .post-meta { margin-bottom: 25px; } .blog .post-meta { margin-bottom: 10px; } .sticky .post-meta { margin-bottom: 0; } .thumb-wrapper .title-wrap .sticky-img-title a { top: 20px; text-align: left !important; font-size: 21px;} .post .entry-header .entry-title, .blog .entry-header .entry-title { margin: 10px 25px 10px 0; text-align: left; } .author-box .avatar-wrap { margin: 25px 25px 32px 0; } .author-box .avatar-wrap img { width: 100px; height: 100px; } .comment .comment-meta { top: -60px; line-height: 15px; } .subscribe-form .btn { margin-left: 50px; margin-top: 10px; } #sidebar-content { padding-left: 0; } #sidebar .date.wrap { padding-left: 35px; text-align: left; padding-left: 0; } .feedback .flex-manual, .flex-manual .switch { height: 85px; } .switch p { padding-top: 0; } #sc-gallery .wrapper { width: 100%; } #sc-skillbar .wrapper, #sc-table .wrapper, #sc-form .wrapper { width: 100%; } #sc-countdown .wrapper { width: 100%; } #sc-button ul.list-inline > li { display: block; margin-bottom: 8px; } .social-icons li { width: 15%; } #sc-dropsocial .row > :first-child { padding-bottom: 40px; text-align: center; } .dropdown .btn { width: 100%; } .social-icons { margin-top: 0; } .long-block { text-align: center;} .long-block .icon { top: 0; margin-bottom: 20px; margin-right: 0; display: block; } .long-block .pull-left { float: none !important; } .long-block .btn.btn-default { margin-left: auto; margin-right: auto; } .table > thead > tr > th, .table > tbody > tr > td { padding: 15px; } .thumb-wrapper { width: 100%; margin-bottom: 5px; } blockquote:before { top: 10%; } blockquote:after { top: 90%; } .text-heading { padding-top: 150px; } .form-register .form-group { margin-bottom: 10px; margin-top: 0; margin-left: -15px; margin-right: -15px;} .form-register .form-group label { line-height: 30px; text-align: left; } .form-register-small label.error { display: inline-block; position: relative; } .form-register .form-group .checkbox { margin-bottom: 20px; margin-top: 30px; } .form-register-small .form-group { margin-left: 0; margin-right: 0; } .form-register-small .form-group .wpcf7-form-control { width: 100% !important; margin-bottom: 10px; } .form-register-small .form-group.submit-wrap .wpcf7-submit{ width: 100%; margin-left: 0; } .form-register-small span.wpcf7-not-valid-tip { display: block; position: relative; margin-top: -10px; line-height: 25px;} .NewsletterName, .NewsletterEmail { width: 100% !important; margin-bottom: 10px; max-width: 100%; } .section-title, .feedback h2 { font-size: 35px; text-align: center; } .sub-title { text-align: center; } .wpb_text_column p { text-align: center; } .sub-hero-header { font-size: 18px; line-height: 24px; } .text-heading .btn { margin-bottom: 30px; } .static-header .video-container { max-width: 98%; } .long-block h2 { font-size: 34px; text-align: center; } .sub-heading br { display: none; } .logos li { display: inline; padding: 10px !important; } #process .pull-right { float: none !important; } #process article { padding-top: 0; } #process .col-sm-6 { padding-bottom: 0; } #featuredTab { margin-top: 0; } #featuredTab li { display: inline-block; width: 32%; border-bottom: 1px solid #d0d0d0; margin-bottom: 0; } #featuredTab li.ui-tabs-active { margin-top: 0; padding-bottom: 0; } #featuredTab li > a:after, #featuredTab li a .tab-info:after, #featuredTab li a .tab-icon:after #featuredTab li.ui-tabs-active > a:after { display: none; } #featuredTab li > a .tab-info { width: 100%; padding: 15px; line-heigh: 18px; } #featuredTab li > a .tab-info .tab-desc { line-height: 22px; } #featuredTab li.ui-tabs-active a .tab-info { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } #featuredTab li > a .tab-icon { display: none; } #featuredTab .tab-content { padding: 0; border: none; z-index: 1; } #featuredTab .tab-content .tab-pane { text-align: center; } .package-column { margin-bottom: 30px; } #clients .container .wpb_single_image { margin-bottom: 20px; } .team-member .thumb-wrapper .socials { top: 145%; padding: 0; opacity: 1; } .team-member .thumb-wrapper .socials a { margin: 0 10px; font-size: 20px; } .team-member .thumb-wrapper .overlay { background: transparent; } .footer-content > div { margin-bottom: 30px; } .footer-content > div:last-child { margin-bottom: 0; } .footer .list-inline li .icon { font-size: 30px; } .footer .footer-title { text-align: left; } .footer .list-inline { text-align: left; } .social-wrap{ display: block; height: 80px; } .social-wrap > ul { float: left; } .social-wrap:after { clear: both; } #guarantee h2, #guarantee p { text-align: center; } } /* * --------------------------------------------------------- * * 30. Mobile responsive 540px * * --------------------------------------------------------- */ @media (max-width: 540px) { .revo #main-slider .list-inline { display: none !important; } .static-header, #newsletter, .feedback, .footer { background-size: auto !important; background-size: auto !important; background-position: top center; background-attachment: scroll !important;} #featuredTab li { width: 100%; } } /* * --------------------------------------------------------- * * 31. Mobile responsive 480px * * --------------------------------------------------------- */ @media (max-width: 480px) { .btn { display: block; } .section { padding: 35px 0; } .revo #main-slider .rev-big, .revo #main-slider .rev-normal { display: none; } .static-header, #newsletter, .feedback, .footer { background-size: auto !important; background-size: auto !important; background-position: top center; background-attachment: scroll !important;} #color-landing-page .static-header { min-height: 570px; } .video-version .text-heading { padding-top: 35%; } #register-page .text-heading { padding-top: 65px; } .text-heading { padding-top: 85px; } .text-heading h1 { font-size: 35px; } .text-heading .btn { margin-bottom: 10px; } .plain-version .text-heading { padding-top: 30%; } #about { padding: 40px 0 0; } .alt.nav-tabs > li > a { padding: 15px 12px; } .alt.tab-content .tab-pane { padding-bottom: 15px; } .alt.tab-content .tab-pane .btn { margin-top: 0; } .countdown .stat { font-size: 40px; line-height: 40px; } .countdown .stat-info { font-size: 12px; } .countdown .counter:after { top: 45px; } .tab-content .btn { margin: 0 0 15px; } .logos li { display: inline; padding: 10px !important; } .section-content article { text-align: center; } #featuredTab li.ui-tabs-active > a .tab-info { border-radius: 0; } #featuredTab li > a .tab-info .tab-title { font-size: 15px; } #featuredTab li > a .tab-info .tab-desc { font-size: 14px; } #features { margin-bottom: 0; } .feedback .flex-manual .switch { margin: 0; } blockquote { padding: 0 35px; font-size: 14px; line-height: 25px;} .subscribe-form input { margin-right: 0; } .team-member.member { padding-bottom: 50px; } .team-member .thumb-wrapper .socials { top: 150%; padding: 0; opacity: 1; } .team-member .thumb-wrapper .socials a { margin: 0 5px; font-size: 17px; } .team-member .h7 { margin-top: 7px; } .form .form-group { margin-bottom: 15px; } .long-block { padding-top: 10px; padding-bottom: 35px; } .long-block .btn-default, .long-block input { margin-top: 20px; } #response { margin-left: 22%; margin-top: 5px; font-size: 80%; } #guarantee p { margin-top: 7px; } .footer .footer-title { text-align: left; } .footer .list-inline { text-align: left; } .social-wrap{ display: block; height: 140px; } .social-wrap > ul { float: left; } .social-wrap:after { clear: both; } .feedback .flex-manual { border-bottom: none; } .feedback .flex-manual, .feedback .flex-manual .switch { height: 100px; } .form-register-small .submit-wrap { text-align: center; margin-top: 15px; } .form-register-small { padding: 15px 10px; display: block; margin-top: 30px; } .form-register-small .form-group { margin-left: 0; margin-right: 0; } .footer .footer-content { padding: 35px 0 15px; } } /* * --------------------------------------------------------- * * 32. Mobile responsive 340px * * --------------------------------------------------------- */ @media (max-width: 340px) { .navigation-brand .brand-logo { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); margin-left: -10px; } .nav-tabs .btn { margin: 0 10px 25px 0; } } /* * --------------------------------------------------------- * * 33. rtl shit * * --------------------------------------------------------- */ .control-label { float:right; } input,body { direction: rtl; text-align: right; font-size: 16px; font-family: 'Open Sans Hebrew', serif !important; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], .wpcf7-textarea { text-align:right; border-left-color: #e7e7e7; border-left-width: 1px; border-right-width: 3px; } .wpcf7-textarea:focus, textarea:hover, input[type="text"]:focus, input[type="text"]:hover, input[type="email"]:focus, input[type="email"]:hover, input[type="password"]:focus, input[type="password"]:hover,input[type="tel"]:focus, input[type="tel"]:hover { border-right-color: #1ac6ff; border-left-color: #e7e7e7; } input[type="submit"] { font-size: 26px; font-family: 'Open Sans Hebrew', serif ; } .control-label, .navigation-header .navigation-bar > .menu-item > a { font-size: 18px; font-family: 'Open Sans Hebrew', serif; } .navigation-header .navigation-bar > .menu-item > a:hover { color:white; border-bottom: 2px solid #1ac6ff; } .sub-title > .sub-hero-header > b { font-weight: 100; } .wpcf7-not-valid-tip { direction:rtl; } div.wpcf7-validation-errors { color:#f00; border: 2px solid #fbe8e8; background-color: #fbe8e8; padding-top:2%; padding-bottom:2%; direction:rtl; } .section-title,.sub-hero-header { font-family: 'Open Sans Hebrew', serif ; } input[type="submit"]:hover { -webkit-box-shadow: inset 0 200px 0 rgba(255,255,255,0.27); -moz-box-shadow: inset 0 200px 0 rgba(255,255,255,0.27); box-shadow: inset 0 200px 0 rgba(255,255,255,0.27); } .navigation-brand { float: right; } .login-button { float: left; } .register-button { float: left; } .navigation-header .navigation-bar > .menu-item.register-button > a:hover { border-bottom: none; color: #1ac6ff; } .navigation-header .navigation-bar > .menu-item.register-button { padding-top: 0; margin-top: 12px; height: initial; } .container,.navigation.navigation-header.main-menu.fixmenu-clone.fixmenu-stick { padding-top: 12px !important; } .container.inner { margin-top: 2%; } .brand-logo { margin-left :12px; } .register-button:hover >a { color: #1ac6ff !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h7, strong, .heading-font, .btn, nav, .more-link { font-family: 'Open Sans Hebrew', serif; } .info-text,.right-aligned,#featuredTab li > a .tab-info { text-align:right; font-weight: 100; } .info-text ~ .btn { left: 20%; } .call-to-action .col-md-12 { float:right; } .navigation-header .navigation-bar > .menu-item > a { font-family: 'Open Sans Hebrew', serif; font-size: 18px } .navigation-header .navigation-bar > .menu-item > a:hover { color:white; border-bottom: 2px solid #1ac6ff; } .nav-tabs>li { float:right; } .nav-tabs { padding-right:0; } #featuredTab .tab-content { left:30%; } .btn,.alt.nav-tabs li a { font-size:20px; } .pull-left {/* I know, I know..*/ float:right !important; } .pull-left .thin { text-align: right; } .sub-hero-header b { /* I know, I know..*/ font-weight: 100 !important; } .switch p { padding: 12px 80px 0 0; text-align: right; } .flex-viewport { direction: ltr; text-align: right; } .flex-viewport p { direction:rtl; } .btn.btn-solid:hover { -webkit-box-shadow: inset 0 200px 0 rgba(255,255,255,0.27); -moz-box-shadow: inset 0 200px 0 rgba(255,255,255,0.27); box-shadow: inset 0 200px 0 rgba(255,255,255,0.27); } .package-column:not(:hover):not(.featured) { background: #f7f7f7; border: 1px solid #e3e3e3; } .package-column .package-price{ background: rgba(171, 172, 179, 0.27); padding: 15px; font-weight: 300; } .package-column .package-detail{ padding: 30px 15% 30px; } .package-column .package-price .currency{ top:0; } .pricing-row .section-title { color: #1ac6ff; } .entry-content.row { text-align: right; } .blogs { float:right; } .search-form > button { right: auto; left: 3%; } #sidebar .widget_categories ul li:before { float: right; font-family: 'FontAwesome'; content: "\f114"; margin: 0 -22px 0 10px; } .post .post-meta span > i { padding-left: 7px; padding-right: 0px; } #sidebar .widget_meta ul li a:before { position: absolute; top: 50%; right: 1px; margin-top: -2px; display: block; width: 0; height: 0; border-style: solid; border-width: 2.5px 5px 2.5px 0px; border-color: transparent #d9d9d9 transparent transparent; content: ''; } #sidebar .widget_meta ul li a { position: relative; padding-right: 25px; padding-left: 0px; } .post { text-align: right; } .comments-count { display: none; } #meta-2 { display: none; } /*pack style*/ h3.section-title.text-center { margin-top: 40%; } h2.section-title.text-center { margin-bottom: 5%; }