@charset "UTF-8"; /* * ----------------------------------------------------------------------------------------------- * 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.4.1 * ----------------------------------------------------------------------------------------------- * * * Table of Contents * ------------------------- * 1. Fonts * 2. Global & Helpers * 3. Overlays & Buttons * 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 * 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; } body { overflow-x: hidden; } /* * --------------------------------------------------------- * * 2. Global & Helpers * * --------------------------------------------------------- */ body { color: #000; font-size: 16px; background: #fff; margin: 0; } ::selection { background-color: #1ac6ff; color: #fff; } h1, h2, h3, h4, h5, h6 { margin-top: 20px; font-family: 'Lato', sans-serif; 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; } h1, .h1, h2, .h2, h3, .h3, h4, .h4 { margin-bottom: 15px; } h5, .h5, h6, .h6 { margin-bottom: 10px; } p { font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 25px; color: #1d1d1d; } a { color: #1ac6ff; text-decoration: none; } a:hover, a:active, a:focus { color: #1ac6ff; text-decoration: none; outline: none; } strong { font-family: 'Lato', sans-serif; font-weight: 700; } small { font-size: 15px; font-weight: 300; line-height: 26px; } hr { width: 100%; border-top: 1px solid #E9E9E9; display: inline-block; } dd { margin: 0px 0 5px 0; padding: 0 0 .5em 0; } address { margin: 0 0 1.5em; font-style: italic; } thead th { background: #eee; } tbody th { background: 0; } td, th { border: 1px solid #cecece; padding: 5px 15px; } input, button, select, textarea { margin: 0; outline: 0; vertical-align: middle; border: 1px solid #d1d8de;` -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .highlight { color: #1ac6ff; } .thin { font-family: 'PT Sans', sans-serif; font-weight: 300; } .light { color: #fff; background: transparent; } .dark { color: #000; background: #fff; } .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; } div[class*="ytp-player"].no-video-bg { background: transparent url('images/low_poly_background.jpg') top center no-repeat; } div[class*="ytp-player"] .video-conrols { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } div[class*="ytp-player"].no-video-bg .video-conrols { display: none; } 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; } 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:hover .controls-container { opacity: 1; } div[class*="ytp-player"] .controls-container { padding: 11px 13px; text-align: left; background-color: rgba(0,0,0,0.1); opacity: 0.3; -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; background-color: #1ac6ff; 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; } .icon-active { color: #1ac6ff; } .gap { padding-bottom: 50px; } hr.no-margin { margin-top:0px; } article { text-align: left; } .hiding { opacity: 0; } .visible { opacity: 1; } .wp-caption { background:#eee; padding:10px; text-align: center !important; } .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;} .inner { padding:90px 0px 50px 0px; } .inner .container { width:auto !important; padding-bottom: 50px; } .container-fluid { line-height: 0; } .wpb_single_image { margin-bottom:0; } .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 */ } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: static; } /* * --------------------------------------------------------- * * 3. Overlay & Buttons fixes * * --------------------------------------------------------- */ .btn { font-family:'Lato', Arial, sans-serif; } .lighter-overlay .btn-secondary { background: transparent; color: #1ac6ff; border: 1px solid #1ac6ff; } .lighter-overlay .btn-secondary:Hover, .btn-secondary.hovered { background: #1ac6ff; color: #fff; border: 1px solid #1ac6ff; } .lighter-overlay .btn-secondary:Active, .btn-secondary.pressed { background: #1ac6ff; color: #fff; border: 1px solid #1ac6ff;} .darker-overlay .btn-secondary { background: transparent; color: #fff; border: 1px solid #fff; } .darker-overlay .btn-secondary:Hover, .btn-secondary.hovered { background: #fff; color: #1ac6ff; border: 1px solid #fff; } .darker-overlay .btn-secondary:Active, .btn-secondary.pressed { background: #fff; color: #1ac6ff; border: 1px solid #fff;} .lighter-overlay p, .lighter-overlay span, .lighter-overlay h1, .lighter-overlay h2, .lighter-overlay h3, .lighter-overlay h4, .lighter-overlay h5, .lighter-overlay h6 { color: #1D1D1D; } .darker-overlay p, .darker-overlay span, .darker-overlay h1, .darker-overlay h2, .darker-overlay h3, .darker-overlay h4, .darker-overlay h5, .darker-overlay h6 { 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'); } i { color: #1ac6ff; } .lighter-overlay i { color: #1ac6ff; } .darker-overlay i { color: #fff; } .lighter-overlay .sub-title { color: #b5b5b5; } .darker-overlay .sub-title{ color: #fff; } .lighter-overlay .highlight, .darker-overlay .highlight { color: #1ac6ff; } /* * --------------------------------------------------------- * * 4. Visual Composer front-end * * --------------------------------------------------------- */ .vc_row-fluid { margin-bottom:20px; } .vc_row-fluid.no-margin { margin-bottom:0px; } .vc_row-fluid .container > .col-sm-12 { padding-left: 0px!important; padding-right: 0px!important; } .feedback h2 { margin-bottom:35px; } .section-header b, .sub-header b, .section-title b, .sub-title b { color: #1ac6ff; font-weight: 300; } h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, .h7 b { color: #1ac6ff; font-weight: 300; } .vc_vc_column .col-sm-1, .vc_vc_column .col-sm-2, .vc_vc_column .col-sm-3, .vc_vc_column .col-sm-4, .vc_vc_column .col-sm-5, .vc_vc_column .col-sm-6, .vc_vc_column .col-sm-7, .vc_vc_column .col-sm-8, .vc_vc_column .col-sm-9, .vc_vc_column .col-sm-10, .vc_vc_column .col-sm-11, .vc_vc_column .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 .post-date { position: absolute; top: 0; left: 0; display: block; width: 67px; height: 67px; padding: 8px 0 0; font-family: 'PT Sans', sans-serif; text-align: center; color: #fff; line-height: 1; background-color: #38caff; } .single .post .post-date { margin-top: 50px; padding-right: 0px;} .single .post .sticky-post-date { padding-right: 0px;} .post .post-date span { display: inline-block; width: 100%; } .post .post-date .day { color: #fff; padding-right: 0px; font-size: 34px; font-weight: 600; margin-bottom: -1px; } .post .post-date .month { color: #fff; padding-right: 0px; font-size: 16px; font-weight: 600; text-transform: uppercase; margin-top: 2px;} .post .post-date .year { color: #fff; padding-right: 0px; position: absolute; top: 110%; left: 0; font-size: 16px; color: #9d9d9d; } .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 0px; } .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 { position: relative; padding-left: 35px; } .post .post-meta .post-cat:before { position: absolute; top: 2px; left: 7px; display: block; width: 22px; height: 17px; content: ''; background: transparent url('images/icon/icon_folder-22x17.png'); vertical-align: top; } .post .post-meta a { color: inherit; } .post .post-meta a:hover { color: #1ac6ff; } .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: 0px; } .single .post .entry-content .post-thumbnail { margin: 10px 0px; } .single .post .entry-content .post-thumbnail img{ margin: 0px; } .post .more-link, .page .more-link { margin: 18px 0 0; display: inline-block; padding: 15px 52px; font-family: 'Lato'; font-weight: 700; font-size: 13px; text-transform: uppercase; line-height: 1; border: 1px solid #1ac6ff; border-radius: 3px; background-color: transparent; } .post .more-link:hover { color: #fff; background: #1ac6ff; } /* 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:0px !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: 0px 0px 25px 0px; 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 0px; padding-left: 10px; } .entry-content ul.nav-tabs.alt { padding:0px !important; } .entry-content ul.nav-tabs.alt li { margin:0px !important; padding:0px !important; } .more-link { margin-top: 10px; display: block;} .more-link:hover { color:#575757;} .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; color: #1ac6ff;} .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: 0px; } .search .post { padding-left: 0px; padding-bottom: 0px; padding-top: 70px; } .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 #1ac6ff; padding: 8px 15px; position: relative; margin: 0px 5px; display: inline-block; } .posts-links-box a .page-link-num { border: 1px solid #ddd; } .posts-links-box a:hover { color:#1ac6ff; } .page-link { color: #1ac6ff;} .page-link a { color:#575757; } .wrap404 { margin: 250px 0px 250px 0px; } .error404 .footer { display:none; } .blog .entry-navigation { margin:70px 0px 0px 0px; 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, .entry-navigation .next-post a { color:#575757 !important; } .entry-navigation .prev-post a:hover, .entry-navigation .next-post a:hover { color:#1ac6ff !important; } .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: 0px; } .tags-box { display: inline-block; position: relative; height: 35px; line-height: 35px; margin: 25px 0px 10px 0px;} .tags-box a { text-transform:uppercase; font-size:11px; font-weight:700; margin-right:15px;} .tags-box a:hover {color:#575757 !important;} .tags-box i {line-height: 27px;} .tags-box .tags-links { padding-left:15px; } .inner img.alignleft { float: left; margin: 5px 15px 15px 0px; } .inner img.alignright { float: right; margin: 5px 0px 15px 15px; } .inner img.aligncenter { margin: 10px 0px 15px 0px;} .inner div.alignleft { float:left; margin: 5px 15px 15px 0; } .inner div.alignright { float:right; margin: 5px 0px 15px 15px; } .inner div.aligncenter { margin: 5px auto 20px auto; } /* * --------------------------------------------------------- * * 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: 0px 3px;} .share-box .share i { 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;} .share-box .comments-count { text-transform:uppercase; color:#1ac6ff; font-weight:700; font-size:11pt; } .share-box .comments-count .fa { padding-right:7px; color:#d9d9d9; } .twitter.share { background:#2FC2EF; } .google.share { background:#ce482b; } .facebook.share { background:#4C66A4; } .pinterest.share { background:#d5393a; } .linkedin.share { background:#0073B2; } .comments-count .fa { color:#1ac6ff; } /* * --------------------------------------------------------- * * 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: 0px 25px 0px 0px;} /* * --------------------------------------------------------- * * 7. Comments * * --------------------------------------------------------- */ .comment { margin: 40px 0px; } .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: 0px; position: relative; font-size: 10pt; } .comment .reply a:hover { text-decoration:underline; } .comment .reply .reply-icon { color:#1ac6ff; font-size:13pt; padding-right:3px; } .comment .fn { padding-left: 21px; } .comment .fn, .comment .says{ text-transform:uppercase; font-size: 13pt; color:#1ac6ff; } .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 0px 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;} .comment-reply-title { margin-left:15px; text-transform:uppercase; } .comment-reply-title:before { font-family: 'FontAwesome'; content:"\f0e5"; padding-right:10px; color:#1ac6ff;} #commentform input, #commentform #comment { border-left: 3px solid #1ac6ff; margin-top:10px; width: 100%;} #commentform .comment-form-comment { margin-top: 20px; } #commentform #comment { width: 100%; height: 120px; line-height:30px;} #commentform #submit { border:0;background-color:transparent; background: #1ac6ff; color:#fff; text-transform:uppercase; font-size:13pt; padding: 15px 30px;} #commentform .form-allowed-tags { margin:10px 0px 0px 15px; color:#9d9d9d; display: inline-block;} .form-submit #submit_my_comment { width:auto; margin: 20px 0px 0px 15px; background:#1ac6ff; color:#fff; font-size:13pt; 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: 0px; } .widgetHeader h3 { font-size: 17px; font-family:'Lato', Arial, sans-serif; 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 { color:#9d9d9d !important; font-weight: 300; font-size: 16px; font-family: 'PT Sans', sans-serif;} #sidebar .widget_categories a:hover { color:#1ac6ff !important; } #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; color: #1ac6ff;} /* 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-family: 'PT Sans', sans-serif; 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 { background: #1ac6ff; 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; } #sidebar .widget_recent_comments .info .author a { color: #9d9d9d; } #sidebar .widget_recent_comments .info .author a:hover { color: #1ac6ff; } /* 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: 0px;} #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; color:#1ac6ff ; 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:0px; 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.comment-icon { margin-right: 10px; } #sidebar .avatar.wrap img { width: 60px; height: auto;} #sidebar .avatar.wrap.comment-icon .icon { font-size: 35pt; color: #CACACA; } #sidebar .comment-body.wrap { font-size: 11pt; line-height:25px; padding-bottom: 3px;} #sidebar .comment-body.wrap a { color:#000 !important; } #sidebar .comment-body.wrap a:hover { color:#1ac6ff !important; } #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: 0px; } #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:0px; } #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:0px;} #sidebar .sub-menu li {display:block; float:left; padding-bottom: 0px;} #sidebar .sub-menu li a { color: #1ac6ff; font-size: 100%; padding:0;} #sidebar .sub-menu li a:hover { background:0; color:#1ac6ff;} #sidebar .page_item_has_children ul, #sidebar .page_item_has_children { margin-bottom:0; padding-bottom:0px; } #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: 0px 10px; } #sidebar .widget.widget_socials li a:hover { opacity:0.8; } /* 10.5 Sidebar Search */ #sidebar .widget.widget_search i { color: #777;} #sidebar .widget.widget_search:hover i{ color: #1ac6ff;} /* 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; 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-bar { margin: 0 auto; padding: 0; list-style: none; } .navigation-bar-left { float: left; } /*.navigation-bar-right { float: right; }*/ .right-menu-wrap { text-align: right; } .navigation-bar > li { display: inline-block; } .navigation-bar > li a { display: inline-block; padding:15px; } .navigation-bar > li a:hover, .navigation-bar > li.current a { color: #fff; text-decoration: none; } .navigation-toggle { position: absolute; top: 0; right: 0; padding: 10px 10px; margin: 10px 15px; 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; background: #1ac6ff; opacity: 0.7; } .navigation-toggle .icon-bar+.icon-bar { margin-top: 4px; } .container > .navbar-collapse { margin: 0; } /* 12.1 Navigation header */ .navigation-header .navigation-bar > .menu-item { padding: 12px 0 0; } .navigation-header .navigation-bar > .menu-item > a { font-family:'Lato', Arial, sans-serif; display: inline-block; padding: 0px; margin:0 14px; font-size: 14px; text-transform: uppercase; line-height: 40px; color: #eff3f6; border-bottom: 2px solid transparent; } .navigation-header .navigation-bar > .menu-item > a:hover { color: #1ac6ff; } .navigation-header .navigation-bar > .menu-item.current > a { color: #1ac6ff; border-bottom: 2px solid #1ac6ff; opacity: 0.9; } .navigation-header .navigation-bar > .menu-item.menu-item-has-children.current > a { border-bottom: 0px solid #1ac6ff; opacity:1; margin: 0 0px; padding: 0 15px; } .navigation-header .navigation-bar > .menu-item.menu-item-has-children > a { margin: 0 0px; padding: 0 15px; } .navigation-header .navigation-bar > .menu-item.featured { padding: 6px 0px; } .navigation-header .navigation-bar > .menu-item.featured a { padding: 15px 0; line-height: 13px; border-width: 1px; } .navigation-header .navigation-bar > .menu-item.featured a { border: 1px solid #1ac6ff; color: #1ac6ff; padding: 10px 25px; display: inline-block; opacity: 1; border-radius: 3px; } .navigation-header .navigation-bar > .menu-item.featured a:hover { background: #1ac6ff; color: #fff; } /* 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; font-family: 'PT Sans', sans-serif; text-transform: none; line-height: 41px; color: #fff; 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 + .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; color: #1ac6ff; } .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; background: #1ac6ff; } .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'; color: #fff; } .navigation-header .dropdown-menu .dropdown:hover:after { color: #1ac6ff; } .navigation-header .dropdown-menu .dropdown .caret { display: none; } .navigation-header .dropdown-menu .dropdown-menu { display:none; position: absolute; top: 0; border-bottom: 0px solid #1ac6ff; margin: 0; list-style:none; padding-left:0; margin-left:0; background: #000; 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 .dropdown-menu, .navigation-header .dropdown-menu .dropdown-menu { background: #000; } .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: 0px 1px 5px 0px rgba(100,100,100,.3); -webkit-box-shadow: 0px 1px 5px 0px 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 > .menu-item > a { color: #000; } .fixmenu-clone.navigation-header .navigation-bar > .menu-item > a:hover { color: #1ac6ff; } .fixmenu-clone.navigation-header .navigation-bar > .menu-item.dropdown:hover > a, .fixmenu-clone.navigation-header .navigation-bar > .dropdown-menu .menu-item > a { color: #fff; } .fixmenu-clone.navigation-header .navigation-bar > .menu-item.dropdown:hover > a:hover { color: #1ac6ff; } .fixmenu-clone.navigation-header .navigation-bar > .menu-item.featured > a { color: #1ac6ff; } /* * --------------------------------------------------------- * * 14. Page elements * * --------------------------------------------------------- */ .sub-hero-header { font-family: 'Lato', sans-serif; font-weight: 300; } .sub-title { font-size:18px; font-family: 'PT Sans', sans-serif; font-weight: 300; color: #b5b5b5; padding: 0px 0px 10px 0px; } .well { border:none; border-top: 2px solid #1ac6ff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; padding-left: 60px; } .well h6 { color: #1ac6ff; } .well .icon { color: #1ac6ff; font-size: 50px; position: absolute; left: 5px; top: 40px; } .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 { color: #1ac6ff; 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 .btn-default, .long-block input { margin-top: 30px; } .subscribe-form input, .subscribe-form .btn { margin-right: 8px; } .subscribe-form .form-control { display: inline; width: auto; } .response_wrap { display: block; text-align: center; position: absolute; margin-left: 2px; bottom: -15px; } .subscribe-form .form-control { border-left: 3px solid #1ac6ff; } /* 14.1 Accordion */ /* .panel-group { text-align: left; } .panel-group .panel { -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .panel-group .panel > .panel-heading { border:none; padding: 0; border-bottom: none; border-top-right-radius: 0; border-top-left-radius: 0; } .panel-group .panel > .panel-heading a { background: #1ac6ff; color: #fff; width: 100%; display: block; font-size: 17px; line-height: 22px; padding: 15px; position: relative; padding-left: 50px; } .panel-group .panel > .panel-heading a.collapsed { color: #8e959c; background-color: #eff3f6; } .panel-group .panel > .panel-heading a.collapsed:Hover, .panel-group .panel > .panel-heading a:Hover { background: #dadfe4; color: #6b7681; } .panel-group .panel > .panel-heading a:before { position: absolute; content: '-'; color: #fff; font-weight: 300; left: 10px; top: 15px; font-size: 26px; width: 30px; text-align: center; } .panel-group .panel > .panel-heading a.collapsed:before { content: '+'; color: #8e959c; } .panel-group .panel > .panel-heading a:before::Hover { color: #8e959c; } .panel-group .panel > .panel-heading+.panel-collapse .panel-body { border:1px solid #dadfe4; border-top: none; padding: 16px 30px; } .panel-group .panel+.panel { margin-top: 8px; } */ /* 14.1 Tabbed slider */ .nav-tabs > li.ui-state-active a { } .nav-tabs > li > a { font-size: 13px; text-transform: uppercase; font-weight: 700; color: #30353A; margin-right: 0px; background-color: #eff3f6; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 20px 60px; border-left: 0; border-right: 0; } .nav-tabs > li > a:Hover { background: #1ac6ff; 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: 0px solid #ddd; border-radius: 3px; } .alt.nav-tabs li { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom:0; } .alt.nav-tabs > li.ui-state-active a, .alt.nav-tabs > li.ui-state-hover a { border: 0; } .alt.nav-tabs > li > a { border:0; font-family:'Lato', Arial, sans-serif; } .alt.nav-tabs > li.ui-state-active > a, .alt.nav-tabs > li.ui-state-active > a:hover, .alt.nav-tabs > li.ui-state-active > a:focus {font-weight: 400; color: #fff; background:#1ac6ff;border:0;} .alt.nav-tabs > li > a { font-size: 13px; text-transform: uppercase; font-weight: 400; color: #596068; margin-right: 0px; background-color: #fff; border:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 20px 60px 20px 60px;} .alt.nav-tabs > li > a:Hover { background: #1ac6ff; color: #fff;} .alt.tab-content .tab-pane { padding: 0; border: 0; text-align: left; } .wpb_tabs.wpb_content_element { margin-bottom:0px; } .tab-content.alt .vc_row-fluid { margin-bottom:0px; } .tab-content.alt .wpb_single_image { margin-bottom:0px; } /* 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 a { color: #8e959c; background-color: #eff3f6; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active a { background: #1ac6ff; color: #fff; } .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active a:hover { background: #1ac6ff; 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_accordion_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 */ .wpb_toggle { display: block;font-size: 17px;line-height: 22px;padding: 15px;position: relative;padding-left: 50px; font-weight: 700; color: #8e959c; background-color: #eff3f6; background-image: none; } .wpb_toggle_content p { font-weight: 300; font-size: 15px; line-height: 26px; padding: 12px 20px; } .wpb_toggle_title_active { background: #1ac6ff; color: #fff; } .wpb_toggle:before { position: absolute;font-weight: 300;left: 10px;top: 15px;font-size: 26px;width: 30px;text-align: center; } .wpb_toggle:before { content: '+'; color: #8e959c; } .wpb_toggle_title_active:before { content: '-'; color: #fff; } h4.wpb_toggle:after { content:''; } h4.wpb_toggle.wpb_toggle_title_active:after { content:''; } /* 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-family: 'Lato', sans-serif; font-weight: 300; } blockquote:before { font-family: "line-icons"; position: absolute; color: #1ac6ff; content: url('images/icon/quotes-a.png'); left: 0; top:25%; } blockquote:after { font-family: "line-icons"; position: absolute; color: #1ac6ff; content: url('images/icon/quotes-b.png'); right: 0; top:25%; } .single-quote blockquote:before { font-family: "line-icons"; position: absolute; color: #1ac6ff; content: url('images/icon/quotes-a.png'); left: 0; top:25%; } .single-quote blockquote:after { font-family: "line-icons"; position: absolute; color: #1ac6ff; 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 */ .table { border-color: #d1d8dd; text-align: left; } .table > thead > tr > th { background: #1ac6ff; color: #fff; border-bottom: 0; font-size: 13px; text-transform: uppercase; font-weight: 700; border-color: #d1d8dd; } .table > thead > tr > th, .table > tbody > tr > td { font-size: 15px; font-weight: 300; padding: 15px 20px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background: #fff; } .table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background: #eff3f6; } /* 14.8 Forms */ .NewsletterName, .NewsletterEmail { border-left:3px solid #1ac6ff !important; } /* 14.9 Buttns */ .btn { border: 1px solid #fff; font-size: 14px; border-radius: 3px; background: transparent; font-weight: 700; padding: 15px 40px; min-width: 162px; max-width: 100%; margin: 0 7px;} .btn:Hover, .btn.hovered { border: 1px solid #fff; } .btn:Active, .btn.pressed { opacity: 1; border: 1px solid #fff; border-top: 3px solid #17ade0; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .dropdown-toggle:Active, .dropdown-toggle.pressed { border-top: 0; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: 0; outline-offset: 0px; } .btn-default { background: transparent; color: #fff; border: 1px solid #fff; } .btn-default:Hover, .btn-default.hovered { background: #fff; color: #1ac6ff; border: 1px solid #fff; } .btn-default:Active, .btn-default.pressed { background: #fff; color: #1ac6ff; border: 1px solid #fff;} .btn-primary { background: #1ac6ff; border:1px solid #1ac6ff; color: #fff; } .btn-primary:hover, .btn-primary.hovered { background: #1ac6ff; border:1px solid #1ac6ff; opacity:0.9; } .btn-primary:Active, .btn-primary.pressed { background: #1ac6ff; border:1px solid #1ac6ff; } .btn-secondary { background: transparent; border:1px solid #1ac6ff; color: #1ac6ff; } .btn-secondary:hover, .btn-secondary.hovered {background: #1ac6ff; border:1px solid #1ac6ff; color: #fff; } .btn-secondary:Active, .btn-secondary.pressed {background: #1ac6ff; border:1px solid #1ac6ff; color: #fff;} .btn-invert { background: #fff; color: #535353; border: 1px solid #dadfe3; } .btn-invert:Hover, .btn-invert.hovered { background: #dadfe3; color: #535353; border: 1px solid #dadfe3; } .btn-invert:Active, .btn-invert.pressed { background: #dadfe3; color: #535353; border: 1px solid #dadfe3; } .btn-lg { font-size: 18px; padding: 22px 40px; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #1ac6ff; border-color: #1ac6ff; } /* 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-family: 'Lato', sans-serif; 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; border-color: #1ac6ff; font-size: 1.65em; } .vsc-text-icon.icon-solid .vsc-service-icon .icon { width: 2em; height: 2em; padding: 0.44em 0; border: 2px solid #1ac6ff; background: #1ac6ff; 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%; background-color: #1ac6ff; 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.gradient { background: #1ac6ff; 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 ); } .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%; color: #1ac6ff; 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; color: #1ac6ff; 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 { font-family: 'Lato', Arial, sans-serif; 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%; } /* 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-family: 'PT Sans'; 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 { font-family: 'PT Sans'; 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; font-family: 'Lato'; text-align: center; font-weight: 700; font-size: 13px; text-transform: uppercase; line-height: 1; border: 1px solid #1ac6ff; border-radius: 3px; background-color: transparent; } .wpb_grid .more-link:hover { color: #fff; background: #1ac6ff; } .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-family: 'PT Sans'; 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 { font-family: 'PT Sans'; 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; font-family: 'Lato'; text-align: center; font-weight: 700; font-size: 13px; text-transform: uppercase; line-height: 1; border: 1px solid #1ac6ff; border-radius: 3px; background-color: transparent; } .wpb_filtered_grid .more-link:hover { color: #fff; background: #1ac6ff; } .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 .post-cat { position: relative; padding-left: 28px; } .wpb_teaser_grid .post-meta .post-cat:before { position: absolute; top: -1px; left: 1px; display: block; width: 22px; height: 17px; content: ''; background: transparent url('images/icon/icon_folder-22x17.png'); vertical-align: top; } .wpb_teaser_grid .post-meta a { color: inherit; } .wpb_teaser_grid .post-meta a:hover { color: #1ac6ff; } /* * --------------------------------------------------------- * * 15. Countdown * * --------------------------------------------------------- */ .countdown .stat-info { font-size: 14px; font-weight: 700; color: #1ac6ff; text-transform: uppercase; } .countdown .stat { font-size: 100px; color: #1ac6ff; font-weight: 300; line-height: 100px; } .countdown hr { border-top: 1px solid #d1d8dd; width: 90%; margin-bottom: 10px; } .countdown .counter { position: relative; } .countdown .counter:after { position: absolute; content: '\2022'; color: #1ac6ff; right: -19px; top: 105px; } .countdown :last-child > .counter:after { display: none; } /* * --------------------------------------------------------- * * 16. Portfolio Grid * * --------------------------------------------------------- */ .grid-child{display: inline-block; font-size: 13px; line-height: 16px; padding: 15px; text-align: center; vertical-align: middle;} .helper{display:inline-block; vertical-align:middle; height:100%; width:0px;} .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 {background-color: #1ac6ff; color: #fff;} .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 .grid-item-on-hover {-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; opacity: 0; position: absolute;top: 0;width: 100%;background-color: rgba(26, 198, 255, 0.5);height: 100%;color: #fff;} .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 .grid-text {margin-bottom: 10px; color:#fff;} .vivaco-grid #portfolio-wrapper .grid-item-title {font-size: 16px; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight:700; color:#fff; margin-bottom: 0px;} .vivaco-grid #portfolio-wrapper .grid-item-subtitle { font-size: 16px; color:#fff; font-family: 'Lato', sans-serif; font-weight: 300; } .vivaco-grid .grid-item-title .highlight { color:#fff; } .portfolio-navigation { text-align: center; margin-top: 50px; } .portfolio-navigation, .portfolio-navigation a, .portfolio-navigation a { line-height:50px; color:#d9d9dd9 !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 0px 50px 0px; } .portfolio-single h6 { color:#1ac6ff; 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; } /* * --------------------------------------------------------- * * 17. Contact 7 forms * * --------------------------------------------------------- */ #registration .wpcf7-form { width: 80%; margin: 0 auto; background: #eff3f6; } .wpcf7-form { padding: 20px 20px; } .wpcf7-form .form-register { margin-top: 50px; background: #eff3f6; } .wpcf7-form:after { content: ''; display: block; clear: both; } .wpcf7-form .wpcf7-text, .wpcf7-form .wpcf7-textarea { border-left: 3px solid #1ac6ff; 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-top: 20px; display: inline-block; width: 100%; } .wpcf7-form .form-group .checkbox { margin-bottom: -10px; margin-top: 0px; } .wpcf7-form .form-group .checkbox label { line-height: 1.42857143; 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-group+.form-group { margin-top: -10px; } .form .form-control, .wpcf7-text, .wpcf7-textarea { height: 50px; border: 1px solid #d1d8dd; border-radius: 0; box-shadow: 0px 0px 0px transparent; background: #fff; font-size: 17px; font-weight: 300; } .form-group label { text-align: right; line-height: 50px; 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-top: 20px; } .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 .form-group { display: inline; } .wpcf7-form .form-register-small .wpcf7-submit { margin-top:0px; } .wpcf7-form .form-register-small .form-group { width:auto; margin-right:10px; margin-bottom: 5px; margin-top: 5px; } .wpcf7-form .form-register-small { max-width: 960px; margin:25px 0px 0px 0px; padding:15px 15px; background: rgba(0,0,0,0.3); border-radius: 3px; display: inline-block; } .wpcf7-form .form-register-small .form-control { font-size: 15px; height:45px; border-radius:0; border-left: 3px solid #1ac6ff;} .form-register-small .wpcf7-form-control-wrap, .form-register-small .wpcf7-form-control { display: inline !important; } .form-register-small .form-group .wpcf7-form-control{ width: auto;} .form-register-small label.error { display:block; position:absolute; } .form-register-small .form-group .wpcf7-form-control.fullname { width:27%; } .form-register-small .form-group .wpcf7-form-control.email { width:23%; } .form-register-small .form-group .wpcf7-form-control.password { width:20%; } span.wpcf7-not-valid-tip { color: #f00 !important; font-size: 90%; line-height: 0px; margin-top: 10px; } .wpcf7-response-output { color: #000 !important; } .form-register-small span.wpcf7-not-valid-tip { display: block; position: absolute; margin-top: 5px; left: 1%; } div.wpcf7-validation-errors.alt-error { border:0 !important; } .alt-error.wpcf7-response-output { color: #C0C0C0 !important; border:0; font-size:15px; margin-top:5px; } .alt-error.wpcf7-response-output.wpcf7-mail-sent-ok { color: #59E71C !important; } /* * --------------------------------------------------------- * * 18. Testimonials * * --------------------------------------------------------- */ .feedback { overflow: hidden; padding-bottom: 30px; } .feedback.section .section-header { margin-bottom: 30px; } #feedback-controls { background: #fff; padding: 10px 0px 30px; margin: 0 -15px; } .testimonials-avatar{ width: 69px; height: 69px; } .feedback .flexslider { margin-bottom:0px; background: transparent;} .feedback .flexslider ul,.feedback .flexslider ol { list-style:none; padding: 0; } .feedback .flex-manual .wrap { padding: 0px; } .feedback .flex-manual .switch { padding: 15px 0px; margin: 0px 0px 0px 30px; } .feedback .flex-manual .switch { opacity:0.75; height:75px; text-align:left; } .feedback .flex-active > .img-circle{ border-color:#fff; } .team-member .img-circle{ border-radius: 0; } .feedback .flex-manual .switch.flex-active, .flex-manual .switch:hover { opacity:1; cursor: pointer; cursor: hand; } .feedback .flex-manual .switch.flex-active .highlight, .flex-manual .switch:hover .highlight { opacity:1; cursor: pointer; cursor: hand; color:#1ac6ff; } .feedback .flex-manual .switch.flex-active p, .flex-manual .switch:hover p { opacity:1; cursor: pointer; cursor: hand; color:#525252; } .flex-manual .switch:hover .testimonial-position { opacity:1; cursor: pointer; cursor: hand; 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.flex-active { border-bottom:1px solid #1ac6ff; } .switch.flex-active .highlight { color:#1ac6ff; } .switch p, .switch .highlight { color:#dbdbdb; } .switch.flex-active .testimonial-position{ color:#525252; } .testimonial-name { font-size: 12pt; margin-top:5px; width: 100%; clear: both; font-family: 'Lato', sans-serif; font-weight: 700; } span.testimonial-position {color: #dbdbdb ; margin-top: -3px; display: block;} .switch p { padding: 12px 0px 0px 80px; font-size:12pt; } .switch img { line-height:70px; vertical-align:middle; margin-top: 5px;} .feedback .flex-manual .switch.flex-active .name { color: #1ac6ff; } .feedback .flex-direction-nav{ visibility: hidden; } /* * --------------------------------------------------------- * * 19. Pricing * * --------------------------------------------------------- */ .package-column , .package-details { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} .package-column { border: 1px solid #F0F0F0; background: #F7F7F7;} .package-column .package-time, .package-column .currency { color:#1ac6ff !important; } .package-column:hover { background: #1ac6ff; } .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 !important; } .package-column:hover .period .package-time, .package-column:hover .package-currency.currency { color:#fff !important; } .package-column.featured { background: #1ac6ff; } .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 { color: #fff ; border-color:#fff !important; } .package-detail .btn.btn-secondary:hover { color: #1ac6ff !important; background: #fff !important; border-color:#fff !important; } .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-family:'Lato', sans-serif; font-weight: 300; } .package-column .package-price { background:rgba(171, 172, 179, 0.1); padding: 15px; font-family:'Lato', sans-serif; font-weight: 300; } .package-column .package-price .price { color: #1ac6ff; 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; color: #1ac6ff; 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: 0px 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:transprarent; color:#A5A5A5; border:1px solid #A5A5A5; } /* * --------------------------------------------------------- * * 20. Tour slider * * --------------------------------------------------------- */ #featuredTab { position: relative; margin-top: 160px; } #featuredTab li { display: block; position: relative; } #featuredTab li > a { display: block; } #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; color: #1ac6ff; 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: 0px; margin-bottom: 0; } #featuredTab li.ui-tabs-active > a .tab-info { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; background: #1ac6ff; } #featuredTab li.ui-tabs-active > a .tab-icon { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; background: #1ac6ff; } #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:0px 0px 60px 0px; padding: 0px 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 0px 13px 0px; line-height: 27px; font-size: 16px; font-family: 'Lato', sans-serif; } /* * --------------------------------------------------------- * * 21. Team * * --------------------------------------------------------- */ .thumb-wrapper .title-wrap p.highlight { color: #fff; position: absolute; bottom: 0; left: 0; padding: 2px; font-size: 35px; line-height: 31px; font-family:'Lato', sans-serif; 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: 0px; -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:0px 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-family:'Lato', sans-serif; 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: 0px 0px 30px 0px; 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-family:'Lato', sans-serif; font-weight: 300; } .footer a:hover { text-decoration: underline; } .footer .logo-wrapper { margin-bottom: 0px; } .footer .footer-content { padding: 65px 0px 0px 0px; font-size: 0; } .footer .brand-logo { margin-top: -10px; } .footer .footer-title { color: #fff; font-family:'Lato', Arial, sans-serif; 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 0px; } .footer .list-inline li .icon { color: #1ac6ff; 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; color: #1ac6ff; font-size: 20px; } .copyright { font-family:'Lato', sans-serif; text-align: center; color: #fff; font-size: 14px; padding: 0px; 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-family: 'PT Sans', sans-serif; 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 { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.36); } .footer .widget_categories a:hover { color: #1ac6ff; text-decoration:none; } .footer .widget_categories a:before { content: ''; margin: 2px 14px 0 0; display: inline-block; width: 22px; height: 17px; background: transparent url('images/icon/icon_folder-22x17.png') center no-repeat; } /* 23.3 RECENT COMMENTS */ .footer .widget_recent_comments ul > li { margin-bottom: 12px; } .footer .widget_recent_comments .info > i { color: #fff; margin-right: 5px; } .footer .widget_recent_comments .info .author { color: #1ac6ff; } /* 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-family: 'PT Sans', sans-serif; font-size: 12px !important; 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; } .footer .widget_tag_cloud .tagcloud > a:hover { background: #1ac6ff; 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-family: 'PT Sans', sans-serif; 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-family: 'PT Sans', sans-serif; font-size: 16px; font-weight: 400; color: #fff; border: 1px solid rgba(255,255,255,0.95); border-radius: 2px; box-shadow: 0px 0px 0px transparent; 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-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; line-height: 40px; background: #2ab6ff; 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 { font-family: 'PT Sans', sans-serif; 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; color: #1ac6ff; text-shadow: 1px 1px 1px rgba(0,0,0,0.36); font-family: 'Lato', 'PT Sans', sans-serif; } .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-family: 'PT Sans', sans-serif; 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 { width: 1185px; } .column_container .container { 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: 0px; } #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; color: #1ac6ff; 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.ui-tabs-active > a .tab-info { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; background: #1ac6ff; } #featuredTab li.ui-tabs-active > a .tab-icon { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; background: #1ac6ff; } #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: 0px; padding: 0; border: none; z-index: 1; } } /* * --------------------------------------------------------- * * 25. Desktop medium screen 992px and 1199px * * --------------------------------------------------------- */ @media (min-width: 992px) and (max-width: 1199px) { .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; } /*.navigation-header .navigation-bar > li { padding: 16px 10px; }*/ .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 { -webkit-border-radius: 0px; -moz-border-radius: 0; 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; } } /* * --------------------------------------------------------- * * 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; } .navbar-collapse:after, .navbar-collapse:before { content: ''; display: none; } .navbar-collapse { position: relative; } .navbar-collapse > div { position: relative; left: 0; margin: 0; width: inherit; float: none; } .navigation .container { width: 100%; margin: 0; } .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; -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(0px); } .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 * { -webkit-transition: none; -o-transition: none; transition: none; }*/ #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; } .navbar-collapse { background: rgba(37, 37, 37, 1); text-align: center; } .fixmenu-clone.fixmenu-stick .navbar-collapse.open, .navbar-collapse.open { position: absolute; width: 100%; height: auto; max-height: none; margin: 0; padding: 10px 0; border-top:3px solid #1ac6ff; } .fixmenu-clone.navigation-header .navigation-bar > li > a { color: #fff; } .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:first-child > a { border-top-color: transparent !important; } .navigation-header .navigation-bar > .menu-item > a, .navigation-header .navigation-bar > .menu-item > a:hover, .navigation-header .navigation-bar > .menu-item.current > a { display: block; padding: 0; height: 100%; z-index:999; position:relative; line-height: 65px; border-bottom: 1px solid #1d1d1d; border-top: 1px solid #222; } .navigation-header .navigation-bar > .menu-item > a:hover { color: #1ac6ff; } .navigation-header .navigation-bar > .menu-item.featured { padding: 0; line-height: 100px; } .navigation-header .navigation-bar > .menu-item.featured > a { padding: 10px 25px; line-height: 13px; } .navigation-header .navigation-bar > .menu-item.featured > a:hover { display: inline-block; width: auto; height: auto; border-bottom: 1px solid #1ac6ff; border-top: 1px solid #1ac6ff; 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 .dropdown .caret { color: #1ac6ff; } .navigation-header .navigation-bar > .menu-item.dropdown.open { margin-top: -1px; } .navigation-header .navigation-bar > .menu-item.dropdown.open > .dropdown-toggle { background: rgba(30,30,30,1); border-top: 4px solid #1ac6ff; line-height: 59px; } /*.navigation-header .navigation-bar > .menu-item.dropdown.open > .dropdown-menu { border-bottom: 4px solid #1ac6ff; } */ .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 > a:hover, .navigation-header .dropdown-menu .dropdown-menu .menu-item.current > a { background-color: transparent; border-color: transparent; color: #9c9c9c; } .navigation-header .dropdown-menu .dropdown-menu .menu-item > a:hover { color: #1ac6ff; } .fixmenu-clone.navigation-header .dropdown-menu li a { 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 { color: #fff; } .fixmenu-clone.navigation-header .dropdown-menu > .menu-item.dropdown:hover > a:hover { color: #1ac6ff; border-bottom: 1px solid rgba(38,38,38,1); } .fixmenu-clone .dropdown-menu > li > a:hover, .fixmenu-clone .dropdown-menu > li > a:active a { background-color: #1ac6ff; color: #fff; } .fixmenu-clone.navigation-header .navigation-bar > .menu-item > a { color: #fff; } .fixmenu-clone.navigation-header .navigation-brand { padding-right: 0px; } .fixmenu-clone.navigation-header .navigation-toggle{ margin: 10px 15px; } .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; } /*.navigation-header .navigation-brand { margin-right: 0; width: 100%; float: none; margin-bottom: -10px; margin-top:0;} .navigation-header .navigation-brand .brand-logo { margin: 0 auto; } .navigation-header .navigation-bar > li { padding: 15px 5px; }*/ #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; } .wpcf7-form .form-register-small { max-width: 660px; } .form-register-small .form-group.submit-wrap .wpcf7-submit{ width:100%; margin-left: 0;} .form-register-small .form-group.submit-wrap { width:100%; display:block; margin-top: 12px; } .form-register-small .form-group.signup-wrapper { text-align:left; } .form-register-small .form-group .wpcf7-form-control.fullname { width: 273px; } .form-register-small .form-group.password-wrapper { margin-right:0; } .form-register-small .form-group.password-wrapper .form-control { width: 177px; } .form-register-small span.wpcf7-not-valid-tip { margin-left: 15px; line-height: 15px; margin-top:-85px; } .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 { -webkit-border-radius: 0px; -moz-border-radius: 0; 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: 0px 0px 0px 80px; font-size: 10pt; } .team-member .thumb-wrapper .socials { top: 145%; padding:0; opacity:1; } .team-member .thumb-wrapper .socials a { margin: 0px 10px; font-size: 20px; color:#1ac6ff; } .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; } .btn { padding: 15px 35px; } .team-member .thumb-wrapper .socials { top: 152%; } .footer .list-inline li .icon { font-size: 35px; } .register-version .signup-wrapper { padding-left: 0px; padding-right: 0px; } } /* * --------------------------------------------------------- * * 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 0px 50px 0px; } article.vsc-service-elem { margin:25px 0px; } blockquote p { padding: 0px; font-size: 14px; line-height: 25px; } .btn { margin: 5px; } .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:0px 10px 25px 0px; } .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%; } 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 0px 35px 0px; } .post h2, .blog h2, .entry-header .entry-title { font-size:30px; padding-bottom:1 0px; } .sticky.post .entry-header .entry-title, .blog .entry-header .entry-title { text-align:center; padding-bottom:0px; } .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: 0px; } .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 0px; text-align: left; } .author-box .avatar-wrap { margin: 25px 25px 32px 0px; } .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:0px; } #sidebar .date.wrap { padding-left: 35px; text-align: left; padding-left:0px; } .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 { margin-top: 50px; } .form-register .form-group { margin-bottom: 10px; margin-top: 0; margin-left: -15px; margin-right: -15px;} .form-register .form-group label { line-height: 30px; margin-top: 15px; 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: 0px; } #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: 0px 10px; font-size: 20px; color:#1ac6ff; } .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 0px 0px 0px; } .alt.nav-tabs > li > a { padding: 15px 12px; } .alt.tab-content .tab-pane { padding-bottom: 15px; } .alt.tab-content .tab-pane .btn { margin-top: 0px; } .countdown .stat { font-size: 40px; line-height: 40px; } .countdown .stat-info { font-size: 12px; } .countdown .counter:after { top: 45px; } .tab-content .btn { margin:0px 0px 15px 0px; } .logos li { display:inline; padding:10px !important; } .section-content article { text-align: center; } #featuredTab li.ui-tabs-active > a .tab-info { -webkit-border-radius: 0px; -moz-border-radius: 0; 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: 0px; } .feedback .flex-manual .switch { margin: 0px 0px 0px 0px; } blockquote { padding: 0px 35px; font-size: 14px; line-height: 25px;} .subscribe-form input { margin-right: 0px; } .team-member.member { padding-bottom: 50px; } .team-member .thumb-wrapper .socials { top: 150%; padding:0; opacity:1; } .team-member .thumb-wrapper .socials a { margin: 0px 5px; font-size: 17px; color:#1ac6ff; } .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: 0px solid #E9E9E9; } .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:0px 10px 25px 0px; } }