/* Theme Name: Vega Theme URI: https://www.lyrathemes.com/vega/ Author: Lyra Themes Author URI: https://www.lyrathemes.com/ Description: Vega is a clean, minimal, responsive one page business theme. This simple theme can be used for a personal blog, business website, landing page, business portfolio, or any other creative website. Using Vega to create your new website will be a fast and easy experience, without getting overwhelmed with needless settings and choices. This multipurpose theme is built on the Bootstrap framework making it fully responsive and mobile friendly. This one page theme can also be used to set up a single page (one page) website. It has animated content, three pre-built color choices (orange, blue, and green), text and image logo options, full screen image banner, multiple home page displays, multiple blog feed displays, and custom CSS options. The one page home page displays the banner, welcome content, featured pages, two call to action rows with an optional parallax background effect, recent posts, and an open content row. You can set the background color for each front page section, and control the filter/overlay color for the CTA sections and front page banner too! Vega has been tested with WooCommerce and has basic WooCommerce support/integration. This simple business theme can also be used to create multilanguage websites (tested using qTranslateX). Backed by world class, one-on-one support, Vega is featured-packed yet simple enough to be used to create almost any kind of website. Version: 3.0.8 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: vega Domain Path: /languages/ Tags: one-column, two-columns, right-sidebar, grid-layout, flexible-header, custom-header, custom-colors, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, blog, news, portfolio */ /* - Headings - Special Headings - Links - Background Colors for Sections - Custom Icons - Buttons - Helper - Forms - Search Form - Images and Thumbnails - Video Embed - Structure - Header Navigation - Top Navigation - Page Banner - Image Banner - Blog Feed - Pagination - Post - Page - Widgets - Tag Cloud Widget - Icon List - Front Page - Content - Front Page - Featured Icons / 4 Columns with Icons - Front Page - CTA - Front Page - Open Content - Front Page - Recent Posts - 404 Page - Comments - Footer - Footer Widgets - Footer Nav - Back to Top - Jetpack - Wordpress Core - qTranslateX - Media Queries */ body{ font-family: 'Lato', sans-serif; font-size:14px; line-height:24px; color:#212121; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } /* Headings ------------------------------------------------------------------------*/ h1,h2,h3,h4,h5,h6{ font-family: 'Lato', sans-serif; line-height:1.36; font-weight:600; margin-top: 5px;} h1{ font-size:38px; } h2{ font-size:36px; } h3{ font-size:26px; } h4{ font-size:34px; } h5{ font-size:16px; } h6{ font-size:16px; } /* Special Headings ------------------------------------------------------------------------*/ .block-title{font-size: 32px; font-family:'Lato', sans-serif; font-weight:bold; margin:0 0 25px; /* text-transform:uppercase; */ position:relative; text-align:center; line-height:1.2; padding-bottom:10px; color:#3f3f3f; } .block-title:after{ display: none; content:""; height:0px; width:50px; position:absolute; bottom:-2px; left:50%; margin-left:-25px; border-bottom:1px solid #335BB8; } .block-title a{ color:inherit; } .block-title.block-title-left {text-align:left;} .block-title.block-title-left:after{ left:0; margin-left:0; } .page-content .block-title{ margin: 0 0 10px; } .home .block-title{font-weight:900; text-align: left; margin-left: 0px;} /* Links ------------------------------------------------------------------------*/ a{ color:#335BB8; text-decoration: none; } a:hover, a:focus{ color:#335BB8;} button:focus,input:focus,img:focus, a:focus {outline:0;} a.more-link { color: #333; text-transform: uppercase;} /* Background Colors for Sections ------------------------------------------------------------------------*/ .bg-white{ background-color:#fff } .bg-dark{ background-color:#4D4C4C; color:#fff; } .bg-primary{ background-color:#335BB8; color:#fff; } .bg-grey-light{ background-color:#F4F4F4; } .bg-grey-light-2{ background-color:#fafafa; } .bg-grey-light-3{ background-color:#fcfcfc; } .bg-smoke{ background-color:#F5F5F5; } .bg-footer{ background-color:#335BB8;} /* Custom Icons ------------------------------------------------------------------------*/ .ic{ display:inline-block; background-repeat:no-repeat; background-position:center center; vertical-align:middle } .ic-angle-up-white{ width:19px; height:11px; background-image:var(--wpr-bg-eebdc52e-3064-426d-88dc-513f0f6c4afd); background-position:0 0; } .ic-angle-left{ width:11px; height:19px; background-image:var(--wpr-bg-4491c3a8-0e1e-484c-b762-e087d9f2de10); background-position:0 0; } .ic-angle-left-white{ width:11px; height:19px; background-image:var(--wpr-bg-4f2ab6f1-6f82-4dad-bbe2-08fed43c7ead); background-position:0 0; } .ic-angle-right{ width:11px; height:19px; background-image:var(--wpr-bg-d8e50fba-500b-4b67-b09e-5b35cd5b71b9); background-position:right 0; } .ic-angle-right-white{ width:11px; height:19px; background-image:var(--wpr-bg-714e427f-7bee-4841-a147-29dd8456bd4d); background-position:right 0; } .ic-angle-up{ width:19px; height:11px; background-image:var(--wpr-bg-21797146-eba6-47d7-9f8c-ad069fde351b); background-position:0 0; } .ic-angle-down{ width:19px; height:11px; background-image:var(--wpr-bg-e4916312-428a-4f95-bcbc-1c9ba72d2b13); background-position:0 bottom; } .ic-angle-down-white{ width:19px; height:11px; background-image:var(--wpr-bg-d8352595-87e4-4fe8-9868-4216c026a1f6); background-position:0 bottom; } /* Buttons ------------------------------------------------------------------------*/ .btn{ font-family: 'Lato', sans-serif; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; font-size:13px; padding:12px 20px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .btn .fa{ font-size:14px; margin-right:5px; color:#9d9d9d; } .btn-inverse{ background-color:#3f3f3f; color:#fff; } .btn-inverse:focus, .btn-inverse:hover{ background-color:#292929; color:#fff; } .btn.btn-social-icon{ padding:0; } .btn.btn-social-icon .fa{ color:#fff; } .btn-primary-custom{ background-color:#335BB8; border-color:#335BB8; color:#fff; border: none;} .btn-primary-custom{ background-color:#335BB8; color:#fff; } .btn-primary-custom:focus, .btn-primary-custom:hover{ background-color:#DC483E; color:#fff; } .btn.btn-margin-top{margin-top:20px;} .btn.btn-margin-bottom{margin-bottom:10px;} /* Helper ------------------------------------------------------------------------*/ .light{ font-weight:300; } .spacer{ clear:both; width:100%; } .shadow{ z-index:1; -webkit-box-shadow:0 -11px 49px rgba(121,121,121,0.35); -moz-box-shadow:0 -11px 49px rgba(121,121,121,0.35); box-shadow:0 -11px 49px rgba(121,121,121,0.35); } .helper{ display:inline-block; width:0; height:100%; vertical-align:middle; } .separator{ clear:both; position:relative; } .center{ text-align:center !important; } .large{ font-size: 180px; line-height: 200px; padding-bottom: 20px; color: #777; } .clearfix:after { content: ""; display: table; clear: both; } /* Forms ------------------------------------------------------------------------*/ .form-control{ border-radius:0; height:40px; border-color:#aeaeae; } .form-control:focus { border-color: #335BB8; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(249, 98, 56, 0.6); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(249, 98, 56, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(249, 98, 56, 0.6); outline: 0 none; } .form-control::-webkit-placeholder{ color:#3e3e3e } .form-control::-moz-placeholder{ color:#3e3e3e } .form-control::placeholder{ color:#3e3e3e } .input-sm{ height:32px; } .input-lg{ height:54px; } textarea.input-lg{ height:auto; } .input-group-addon{ border-color:#aeaeae; } .input-group-btn > .btn { padding-bottom:10px; padding-top:9.5px; position:relative; } /* Search Form ------------------------------------------------------------------------*/ .search-form{ position:relative } .search-form .form-control{ border:0; padding-right:50px; -webkit-box-shadow:0 0 9px #bdbdbd inset; -moz-box-shadow:0 0 9px #bdbdbd inset; box-shadow:0 0 9px #bdbdbd inset; } .search-form .btn{ width:45px; position:absolute; right:0; top:0; height:100%; padding:0 } /* Images and Thumbnails ------------------------------------------------------------------------*/ img { max-width: 100%; height: auto; } .img-responsive.center{ margin-left:auto; margin-right:auto; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /* Video Embed ------------------------------------------------------------------------*/ .iframe-video {position: relative; padding-bottom: 65%; height: 0; overflow: hidden;} .iframe-video iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /* Structure ------------------------------------------------------------------------*/ .section{ position:relative; padding:100px 0 35px; /*65*/ } /* Header Navigation ------------------------------------------------------------------------*/ .header{background-color:#335BB8;} .header .social-menu{float:right} .header-left{padding-left:0px;} .top-menu{list-style:none;margin:0;padding:0;} .top-menu:after{content:"";display:table;clear:both} .top-menu>li{float:left;padding:0;margin:0} .top-menu>li>a{padding:6px 12px;color:#fff;display:block;font-size:22px;text-decoration:none;line-height:22px} .top-menu>li>a:focus, .top-menu>li>a:hover{color:#000;text-decoration:none} .social-menu{list-style:none;margin:0;padding:0} .social-menu li{display:inline-block;} .social-menu li:last-child{margin-right:0} .social-menu li a{color:#fff} .social-menu>li>a:focus,.social-menu>li>a:hover{color:#000;text-decoration:none} .top-menu.social-menu>li>a{position:relative;overflow:hidden;width:42px;padding-left:0;padding-right:0;white-space:nowrap} .top-menu.social-menu>li>a:before{width:42px;text-align:center;display:inline-block} /** * FontAwesome 5 support */ .fontawesome5 .social-menu a:before, .fontawesome5 .menu-social-container .menu a:before{font-family:'Font Awesome 5 Brands';} .fontawesome5 .menu-social-container .menu a[href*="youtube.com"]:before, .fontawesome5 .social-menu a[href*="youtube.com"]:before{content: "\f167";} .fontawesome5 .social-menu a[href^="mailto:"]:before, .fontawesome5 .menu-social-container .menu a[href^="mailto:"]:before{content: "\f0e0";} .social-menu a:before{font-family:'FontAwesome';} .menu-social-container .menu a[href*="facebook.com"]:before, .social-menu a[href*="facebook.com"]:before{content: "\f09a";} .menu-social-container .menu a[href*="twitter.com"]:before, .social-menu a[href*="twitter.com"]:before{content: "\f099";} .menu-social-container .menu a[href*="instagram.com"]:before, .social-menu a[href*="instagram.com"]:before{content: "\f16d";} .menu-social-container .menu a[href*="pinterest.com"]:before, .social-menu a[href*="pinterest.com"]:before{content: "\f231";} .menu-social-container .menu a[href*="wordpress.com"]:before, .social-menu a[href*="wordpress.com"]:before{content: "\f19a";} .menu-social-container .menu a[href*="linkedin.com"]:before, .social-menu a[href*="linkedin.com"]:before{content: "\f0e1";} .menu-social-container .menu a[href*="youtube.com"]:before, .social-menu a[href*="youtube.com"]:before{content: "\f16a";} .menu-social-container .menu a[href*="ok.ru"]:before, .social-menu a[href*="ok.ru"]:before{content: "\f263";} .menu-social-container .menu a[href*="tiktok.com"]:before, .social-menu a[href*="tiktok.com"]:before{content: "\e07b";} .menu-social-container .menu a[href*="vk.com"]:before, .social-menu a[href*="vk.com"]:before{content: "\f189";} .menu-social-container .menu a[href*="plus.google.com"]:before, .social-menu a[href*="plus.google.com"]:before{content: "\f0d5";} .menu-social-container .menu a[href*="mailto"]:before, .social-menu a[href*="mailto"]:before{content: "\f0e0";} .menu-social-container .menu a[href*="rss"]:before, .social-menu a[href*="rss"]:before{content: "\f09e";} .menu-social-container .menu a[href*="telegram.me"]:before, .social-menu a[href*="telegram.me"]:before{content: "\f2c6";} .menu-social-container .menu a[href*="t.me"]:before, .social-menu a[href*="t.me"]:before{content: "\f2c6";} .header-toggle{display:none;text-align:center;background-color:#f3f3f3;cursor:pointer;font-size:16px;} .header-toggle.open, .header-toggle:hover{background-color:#545454;color:#fff;} /* Top Navigation ------------------------------------------------------------------------*/ .navbar-custom{transition: all 1s ease; padding: 0 1rem; min-height:90px; margin:0; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background-color:#fff; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); -moz-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.2); } .navbar-custom .navbar-brand{ line-height:1; padding-top:15px; padding-bottom: 0; display: block; float: left;} a.navbar-brand.text-logo { text-transform: uppercase; font-weight: 900; font-size:30px; color:#010101;} .navbar-brand.image-logo img{ max-width: 180px; height: auto; margin-top: -10px;} .navbar-custom .navbar-nav > li > a{ font-family:'Lato', sans-serif; font-size:13px; font-weight:bold; font-weight:600; padding: 5px 10px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; text-transform: uppercase; color:#646464; } .navbar-custom .navbar-nav > li > a { line-height: 40px;} .navbar-custom .navbar-nav{ position:relative; flex-wrap: nowrap; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color:#335BB8 !important; background-color: transparent; } .navbar-custom .nav > li > a:hover, .navbar-custom .nav > li > a:focus, .navbar-custom .nav > .current > a, .navbar-custom .nav > .active > a, .navbar-custom .nav > .current-menu-ancestor > a, .navbar-custom .nav > .open > a{ background-color:transparent; color:#335BB8; text-decoration: none;} .navbar-custom .nav > .page-scroll > a{color:#646464 !important; font-size: 13px;} .navbar-custom .nav > .page-scroll > a:hover, .navbar-custom .nav > .page-scroll > a.showing{color:#335BB8 !important;} .navbar-custom ul .sub-arrow{ display:none } .navbar-custom ul .dropdown-menu .sub-arrow{display:inline-block;font-weight:700;line-height:1;margin-left:10px;overflow:hidden;text-indent:-10px; vertical-align:middle;} .navbar-custom ul .dropdown-menu .sub-arrow:after{font-family:'FontAwesome';content:"\f105";padding:0 2px;} .fontawesome5 .navbar-custom ul .dropdown-menu .sub-arrow:after{ font-family:'Font Awesome 5 Free'; font-weight: 900; } .navbar-custom span.scroll-up, .navbar-nav magnet.scroll-down{ position:absolute; display:none; visibility:hidden; height:20px; overflow:hidden; text-align:center; } .navbar-custom span.scroll-up-arrow, .navbar-custom span.scroll-down-arrow{ position:absolute; top:-2px; left:50%; margin-left:-8px; width:0; height:0; overflow:hidden; border-top:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid; border-left:7px dashed transparent; } .navbar-custom span.scroll-down-arrow{ top:6px; border-top:7px solid; border-right:7px dashed transparent; border-bottom:7px dashed transparent; border-left:7px dashed transparent; } .navbar-custom ul.sm-nowrap > li > a{ white-space:nowrap; } .navbar-nav .collapsible ul{ display:none; position:static !important; top:auto !important; left:auto !important; margin-left:0 !important; margin-top:0 !important; width:auto !important; min-width:0 !important; max-width:none !important; } .navbar-nav .collapsible ul.sm-nowrap > li > a{ white-space:normal;} .navbar-nav .dropdown-menu{ left:0; right:auto; min-width:175px !important; padding:10px 0; -webkit-border-radius:3px !important; -moz-border-radius:3px !important; border-radius:3px !important; border:0; margin-top:-2px !important; margin-left:0 !important; border-top:2px solid #335BB8; } .navbar-nav .dropdown-menu .dropdown-menu{ left:100% !important; top:-10px !important; } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap } .navbar-custom .dropdown-menu > li > a{ white-space:normal; font-size:13px; font-family:'Lato', sans-serif; padding:10px 15px; position:relative; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; color:#5c5c5c; font-weight:bold;font-weight:500; letter-spacing:0.5px } .navbar-custom .dropdown-menu .dropdown-menu > li > a{ color:#999999; } .navbar-custom .dropdown-menu > li > a .fa{ position:absolute; top:8px; right:20px; line-height:20px; font-size:16px } .navbar-custom .dropdown-menu > li > a:hover, .navbar-custom .dropdown-menu > li:hover > a, .navbar-custom .dropdown-menu > .open > a{ background:transparent; color:#335BB8; text-decoration: none; } .navbar-toggle{ font-size:22px; color:#585858; } @media (max-width:767px){ .navbar-custom .open .dropdown-menu > li > a, .navbar-custom .dropdown-menu > li > a, .navbar-custom .open .dropdown-menu .dropdown-header { padding: 5px 15px; } } .nav-wrapper{position:relative;z-index:55} @media (min-width:768px){ .nav-wrapper{height:90px;} } .navbar-fixed-top .navbar-collapse{ padding-right:15px; padding-left:30px; } /* fix for smartmenu */ .navbar-nav > li .scroll-up, .navbar-nav > li .scroll-down{display:none !important} .dropdown-toggle::after { display: none; } @media (max-width: 991px) { .navbar-nav {margin: 7.5px -15px;} .navbar-nav .dropdown-menu { border: 0 none !important; padding-left: 25px; } .navbar-header { height: 90px;width: 100%; display: flex; justify-content: space-between; } .navbar-brand { max-width: 50%; } .navbar-custom .navbar-brand { padding-top:30px; } } @media (min-width: 992px) { .dropdown-menu { -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .navbar-header { padding: 0; width: 20%; min-width: 330px;} .navbar-custom .navbar-nav > li { padding: 1rem 0; } } .dropdown:hover > .dropdown-menu { display: block; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } /* Page Banner ------------------------------------------------------------------------*/ .jumbotron{ margin:0; padding:80px 0 60px; line-height:26px; } /* .jumbotron.parallax-bg { background: none !important;} */ /* .home .jumbotron{ background:url(../../../../../../themes/vega/assets/img/bg_slide.png) repeat 0 0 #ebebea; margin:0; padding:180px 0 160px; line-height:26px; } */ .jumbotron p{ font-size:22px; font-weight:400; } .jumbotron .description{ font-size:22px; font-weight:400; } .jumbotron p span{ padding:10px; display:inline-block; background-color:#335BB8; } .jumbotron .block-title{ margin-bottom:30px; } .jumbotron h1, .jumbotron h2{ font-size:28px; } .jumbotron.banner-none{padding:50px 0 40px;} /* Image Banner ------------------------------------------------------------------------*/ .frontpage-banner.image-banner{ position:relative; overflow:hidden; color:#fff; } .frontpage-banner.image-banner.banner-featured-image { padding:100px 0 80px; } .frontpage-banner.image-banner.banner-custom-header { padding:100px 0 80px; } .frontpage-banner.banner-none { padding-top: 60px; padding-bottom: 50px; } .frontpage-banner.image-banner .container{ z-index:3; position:relative } .frontpage-banner.image-banner p{ font-size:20px; font-weight:bold; margin-bottom:20px; } .frontpage-banner.image-banner .description{ font-size:20px; font-weight:bold; } .frontpage-banner.image-banner.full-screen .container{ min-height:200px; height:100%; text-align:center } .frontpage-banner.image-banner.full-screen .inner{ display:inline-block; vertical-align:middle; } .frontpage-banner.image-banner.full-screen p{ font-size:20px; font-weight:bold; } .frontpage-banner.image-banner .block-title{ font-size:36px; font-weight:900; } /* .home .jumbotron.parallax-bg { background: none !important; } */ .frontpage-banner.frontpage-banner-parallax-bg{ margin:0; padding:100px 0 80px; line-height:26px; } /* .frontpage-banner.frontpage-banner-parallax-bg:before { width: 100%; height: 100%; background-color: #000; opacity: 0.35; content: ""; position: absolute; left: 0; top: 0; z-index: 2; } */ .image-banner .block-title{ color:#fff; } .frontpage-simple-banner{position:relative;} .frontpage-simple-banner .caption { z-index: 3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*.frontpage-simple-banner:before { width: 100%; height: 100%; background-color: #000; opacity: 0.35; content: ""; position: absolute; left: 0; top: 0; z-index: 2; } */ /* Blog Feed ------------------------------------------------------------------------*/ .no-results { font-size: 24px; color:#666; } .blog-feed .entry{ clear:both; padding-bottom:10px; margin-bottom:60px;} .blog-feed .entry .entry-image-left{ margin-bottom:30px; position:relative; overflow:hidden; display:block; max-width:100%; width: 300px; float: left; } .blog-feed .entry .entry-image-left img{ width:300px; float:left; height:auto;} .blog-feed .entry .entry-image-top{ margin-bottom:20px; } .blog-feed .entry .entry-image-top img{ max-width:99%; height:auto; } .blog-feed .entry .entry-image-two-col img{ height:auto; width:100%; } .blog-feed .entry h3{ margin:0 0 20px; line-height:1.2; } .blog-feed .entry h3 a{ color:inherit; } .blog-feed .entry .entry-content-right{ position:relative; padding-bottom:15px; margin-bottom:10px; margin-left:315px; padding-right:10px; text-align:justify; } .blog-feed .entry .entry-content-right p:last-child{ margin-bottom:0; } .blog-feed .entry .entry-content-right:after{ height:0; position:absolute; bottom:0; left:0; width:50px; content:""; border-bottom:1px solid #335BB8; } .blog-feed .entry .entry-meta{ font-family:'Lato', sans-serif; font-weight:600; font-size:12px; margin-bottom:15px; } .blog-feed .entry .entry-meta-right{ margin-left: 315px; } .blog-feed .entry .entry-meta a{ font-weight:600; color:inherit; } .blog-feed .entry .entry-meta .sep{ margin:0 5px; } .blog-feed .entry .entry-meta label{ font-weight:600; margin-bottom:0; margin-right:10px; } .blog-feed .entry .entry-buttons-right{ margin-left: 315px;} .blog-feed .entry .entry-buttons .btn{ min-width:125px; padding-left:5px; padding-right:5px; margin-right:5px; } /* Pagination ------------------------------------------------------------------------*/ .posts-pagination{margin-bottom:30px; margin-top:70px;} .posts-pagination-block a{ display:inline-block; width:50px; height:50px; line-height:44px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; text-align:center; font-size:40px; margin-right:-15px; position:relative; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -webkit-box-shadow:0 0 0 10px transparent; -moz-box-shadow:0 0 0 10px transparent; box-shadow:0 0 0 10px transparent; background-color:#e4e4e4; color:#000000; } .posts-pagination-block a:focus, .posts-pagination-block a:hover{ outline:none; z-index:2; -webkit-box-shadow:0 0 0 0 #335BB8; -moz-box-shadow:0 0 0 0 #335BB8; box-shadow:0 0 0 0 #335BB8; color:#fff; background-color:#335BB8;} .posts-pagination-block a:focus .ic-angle-right, .posts-pagination-block a:hover .ic-angle-right, .posts-pagination-block a:focus .ic-angle-left, .posts-pagination-block a:hover .ic-angle-left{ background-image:var(--wpr-bg-fc926ae3-f167-4afc-819a-e8d1d8028363) } /* Post ------------------------------------------------------------------------*/ .post-content .post{ margin-bottom:40px; padding-bottom:20px; } .post-content .post .entry-title{ position:relative; padding-bottom:20px; line-height:20px; margin:0 0 15px; } .post-content .post .entry-title:after{ height:0; position:absolute; bottom:0; left:0; width:50px; content:""; border-bottom:1px solid #335BB8; } .post-content .post .entry-meta{ font-family:'Lato', sans-serif; font-weight:600; font-size:12px; margin-bottom:15px; margin-top:20px; } .post-content .post .entry-meta a{ font-weight:600; } .post-content .post .entry-meta .sep{ margin:0 5px; } .post-content .post .entry-meta label{ font-weight:600; margin-bottom:0; margin-right:10px; } .post-content .post .entry-tags{ margin-bottom:28px } .post-content .post .entry-tags a{ font-size:11px; display:inline-block; padding:5px; position:relative; margin-right:5px; color:#7e7e7e; background-color:#e6e6e6; } .post-content .post .entry-tags a:focus, .post-content .post .entry-tags a:hover{ text-decoration:none; outline:none; background-color:#3f3f3f; color:#fff; } .post-content .post .entry-tags a:after{ position:absolute; right:-9px; top:0; content:""; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:6px solid #ffffff; } .post-content .post .entry-image{ margin-bottom:20px; } .post-content .post .entry-image img{ max-width:99%; height:auto; } .post-content .type-attachment{ margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #3f3f3f; } .post-content .type-attachment .entry-title{ position:relative; padding-bottom:20px; line-height:20px; margin:0 0 15px; } .post-content .type-attachment .entry-title:after{ height:0; position:absolute; bottom:0; left:0; width:50px; content:""; border-bottom:1px solid #335BB8; } .post-content .type-attachment .entry-meta{ font-family:'Lato', sans-serif; font-weight:600; font-size:12px; margin-bottom:15px; margin-top:20px; } .post-content .type-attachment .entry-meta a{ font-weight:600; } .post-content .type-attachment .entry-meta .sep{ margin:0 5px; } .post-content .type-attachment .entry-meta label{ font-weight:600; margin-bottom:0; margin-right:10px; } /* Page ------------------------------------------------------------------------*/ .page-content .page{ margin-bottom:40px; padding-bottom:20px; } .page-content .page .page-title{ position:relative; padding-bottom:20px; line-height:40px; margin:0 0 15px; } .page-content .page .page-title:after{ height:0; position:absolute; bottom:0; left:0; width:50px; content:""; border-bottom:1px solid #335BB8; } .post-content .post .entry-image{ margin-bottom:20px; } .post-content .post .entry-image img{ max-width:99%; height:auto; } /* Widgets ------------------------------------------------------------------------*/ .sidebar {margin-top:8px;} .sidebar img, .sidebar iframe, .sidebar object, .footer-widget img, .footer-widget iframe, .footer-widget object { max-width:100% !important; height:auto; } .widget{ margin-bottom:25px; } .widget-title{ position:relative; text-transform: uppercase; padding-bottom:19px; line-height:20px; margin:0 0 20px; color:#fff; border-bottom: none; } .widget-title a{ color:inherit } h3.widget-title{font-size: 18px; font-weight: normal;} .widget ul{ list-style:none; margin:0; padding:0; } .widget ul li{ margin-bottom:10px; } .widget ul li a{ display:inline-block; padding-left:20px; position:relative; color:#3f3f3f; } .widget ul li a:focus, .widget ul li a:hover{ color:#335BB8; } .widget ul li a:before{ content:"\f054"; position:absolute; left:0; top:1px; font-family:'FontAwesome'; color:inherit; font-size:12px; opacity:0.7; filter:alpha(opacity=70); color:#212121; } .fontawesome5 .widget ul li a:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; } .widget ul li.recentcomments{ position:relative;padding-left:20px } .widget ul li.recentcomments:before{ content:"\f054"; position:absolute; left:0; top:1px; font-family:'FontAwesome'; color:inherit; font-size:12px; opacity:0.7; filter:alpha(opacity=70); color:#212121; } .fontawesome5 .widget ul li.recentcomments:before{ font-family: 'Font Awesome 5 Free'; font-weight: 900; } .widget ul li.recentcomments a:before{ display:none } .widget ul li ul{ list-style:disc; margin:10px 0 0 33px; padding:0; font-size:12px } .widget ul li li{ margin-bottom:8px; } .widget ul li li a{ padding-left:0; } .widget ul li li a:before{ display:none; } /* Tag Cloud Widget ------------------------------------------------------------------------*/ .tagcloud{ padding-top:20px } .tagcloud a{ display:inline-block; padding:5px 8px; margin-bottom:10px; margin-right:3px; font-size:13px; background-color:#767a7c; color:#fff; } .tagcloud a:focus, .tagcloud a:hover{ text-decoration:none; background-color:#335BB8; color:#fff; } /* Icon List ------------------------------------------------------------------------*/ .icon-list{ list-style:none; margin:0 0 25px; padding:0 } .icon-list li{ padding-left:32px; position:relative; margin-bottom:15px; } .icon-list li .fa{ position:absolute; left:0; top:7px; font-size:14px; color:#212121; } .icon-list li a{ color:inherit } /* Front Page - Content ------------------------------------------------------------------------*/ .frontpage-content {text-align:center;} .frontpage-content .description { width: 75%; margin:0 auto;} /* Columns */ .columns-row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: stretch; } @media (min-width: 768px) { .row-8 .entry, .row-6 .entry, .row-4 .entry, .row-2 .entry { width: 48%; } } @media (min-width: 992px) { .row-8 .entry, .row-4 .entry { width: 23%; } .row-5 .entry { width: 19%; } .row-6 .entry, .row-3 .entry { width: 31%; } } /* Front Page - Featured Icons / 4 Columns with Icons ------------------------------------------------------------------------*/ .frontpage-4cols p{margin-bottom:40px;} .frontpage-4cols .description {width:75%; margin:0 auto;} .frontpage-4cols .cols{margin-top:20px;} .content-icon{ text-align:center; padding:20px 25px 40px; -webkit-box-shadow:0 0 0 transparent; -moz-box-shadow:0 0 0 transparent; box-shadow:0 0 0 transparent; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .content-icon:hover{ -webkit-box-shadow:0 0 15px rgba(0,0,0,0.06);-moz-box-shadow:0 0 15px rgba(0,0,0,0.06); box-shadow:0 0 15px rgba(0,0,0,0.06); } .content-icon .icon{ width:85px; height:85px; line-height:85px; text-align:center; -webkit-border-radius:85px; -moz-border-radius:85px; border-radius:85px; margin:0 auto 35px; font-size:30px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background-color:#fffefe; color:#335BB8; display:block;} .content-icon:hover .icon{ color:#3f3f3f; } .content-icon .title{ margin:0 0 15px; overflow:hidden; } .content-icon .title a {color: inherit;} .content-icon .body{ line-height:20px; text-overflow:ellipsis; margin:0 0 35px; } .content-icon .body p{ line-height:20px; font-size:13px; word-break: break-word; } .content-icon .body p:last-child{ margin-bottom:0 } .content-icon:hover .btn{ background-color:#335BB8; } /* Front Page - CTA ------------------------------------------------------------------------*/ .frontpage-cta {text-align:center; color: #fff} /* .frontpage-cta:before { width: 100%; height: 100%; background-color: #000; opacity: 0.35; content: ""; position: absolute; left: 0; top: 0; z-index: 0; } */ .frontpage-cta .description {width:85%; margin:0 auto;} .frontpage-cta .btn{margin-right:10px;margin-top:10px;text-decoration:none;} .frontpage-cta p{ text-align:center; font-family: 'Lato', sans-serif; line-height: 1.36; font-size:22px; font-weight:bold; /*letter-spacing:-1px*/} .frontpage-cta p.small{ font-size:14px; font-family:'Lato', sans-serif; margin-bottom:0px;line-height:20px;} .frontpage-cta a{color:#fff; text-decoration:underline;} .frontpage-cta a:hover{color:#fff;} /* .frontpage-cta.parallax-bg{color: #fff !important;} */ .frontpage-cta.parallax-bg.section{padding:130px 0 130px} .frontpage-cta.section{padding:130px 0 130px} .frontpage-cta.parallax-bg{position:relative;} .frontpage-cta.parallax-bg:before {width: 100%; height: 100%; /* background-color: #000; */ opacity: 0.35; content: ""; position: absolute; left: 0; top: 0; z-index: 2; } .frontpage-cta.parallax-bg .container {z-index: 3; position: relative; } .frontpage-cta.image-bg:before {width: 100%; height: 100%; /* background-color: #000; */ opacity: 0.35; content: ""; position: absolute; left: 0; top: 0; z-index: 2; } .frontpage-cta.image-bg .container {z-index: 3; position: relative; } /* Front Page - Open Content ------------------------------------------------------------------------*/ .frontpage-open1 .btn {margin-top:5px; } /* Front Page - Recent Posts ------------------------------------------------------------------------*/ .icon-link{ width:45px; height:45px; font-size:16px; line-height:45px; display:inline-block; vertical-align:middle; -webkit-border-radius:45px; -moz-border-radius:45px; border-radius:45px; text-align:center; margin:3px; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); transform:translateZ(0); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background-color:#140d0a; background-color:rgba(20,13,10,0.9); color:#fff; } .icon-link.white{ color:#3f3f3f; background-color:#fff; background-color:rgba(255,255,255,0.9) } .icon-link:after{ width:100%; position:absolute; height:100%; top:-3px; left:-3px; padding:3px; -webkit-transition:-webkit-transform 0.2s, opacity 0.2s; -webkit-transform:scale(.8); -moz-transition:-moz-transform 0.2s, opacity 0.2s; -moz-transform:scale(.8); -ms-transform:scale(.8); transition:transform 0.2s, opacity 0.2s; transform:scale(.8); opacity:0; content:''; -webkit-border-radius:45px; -moz-border-radius:45px; border-radius:45px; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-box-shadow:0 0 0 2px #fff; box-shadow:0 0 0 2px #fff; } .icon-link.white:after{ -webkit-box-shadow:0 0 0 2px #140d0a; box-shadow:0 0 0 2px #140d0a; } .icon-link:hover{ background-color:#ffffff; color:#140d0a; } .icon-link.white:hover{ background-color:#140d0a; color:#ffffff; } .icon-link:hover:after{ -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1; } .recent-entry{ margin-bottom:30px; } .recent-entry .recent-entry-image{ margin-bottom:30px; position:relative; overflow:hidden; display:block; max-width:100%; } .recent-entry .recent-entry-image img{ height:auto; width:100%; } .recent-entry .recent-entry-image .caption{ position:absolute; left:0; top:-100%; text-align:center; width:100%; height:100%; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear; background-color:#335BB8; background-color:rgba(245,81,69,0.54); } .recent-entry:hover .recent-entry-image .caption{ top:0; } .recent-entry .recent-entry-image .caption .icon-link{ opacity:0 } .recent-entry:hover .recent-entry-image .caption .icon-link{ opacity:1 } .recent-entry .recent-entry-image .caption .caption-inner{ display:inline-block; vertical-align:middle; } .recent-entry .recent-entry-title{ margin:0 0 20px; font-size: 18px; color: #335BB8; text-transform: uppercase; /*letter-spacing:-1px;*/} .recent-entry .recent-entry-title a{ color:inherit; } .recent-entry .recent-entry-content{ position:relative; padding-bottom:15px; font-size:13px; word-break: break-word; } .recent-entry .recent-entry-content p:last-child{ margin-bottom:0; } .recent-entry .recent-entry-content:after{ height:0; position:absolute; bottom:0; left:0; width:50px; content:""; border-bottom: none !important; } .recent-entry .recent-entry-meta{ font-family:'Lato', sans-serif; font-weight:600; font-size:12px; margin-bottom:15px; } .recent-entry .recent-entry-meta a{ font-weight:600; } .recent-entry .recent-entry-meta .sep{ margin:0 5px; } .recent-entry .recent-entry-meta label{ font-weight:600; margin-bottom:0; margin-right:10px;} .recent-entry .recent-entry-buttons .btn{ min-width:125px; padding-left:10px; padding-right:12px; margin-right:5px; margin-bottom:5px; } /* 404 Page ------------------------------------------------------------------------*/ .error-content{ text-align: center; } .error-content h2{font-size: 180px; line-height: 200px; padding-bottom: 20px; color: #777; } .error-content h3{text-transform:uppercase; } /* Google Map -----------------------------------------------------------------------*/ .map iframe{ display:block; max-width:100% } .map iframe{ border:5px solid #262525 !important } /* Comments ------------------------------------------------------------------------*/ .comments-area{border-top:1px solid #3f3f3f; padding-top:30px;} h3#comments{ color: #335BB8;font-family: "Lato",sans-serif;font-weight: 400;margin: 0 0 20px; } .commentlist{list-style:none;margin:0 0 40px;padding:0 0 15px;border-bottom:1px solid #3f3f3f} .commentlist ul{list-style:none;margin:0;padding:1px 0} .commentlist ul.children{margin-left:50px} .commentlist li{position:relative;padding:1px 0} .commentlist .avatar{width:80px;height:80px;float:left;background-color:#3f3f3f;left:-100px;top:0;position:absolute} .commentlist ul.children .avatar{width:50px;height:50px;left:-70px} .commentlist ul.children ul.children .avatar{width:35px;height:35px;left:-55px} .commentlist .comment-body{position:relative;margin-left:100px;padding:20px 20px 10px;min-height:80px;margin-bottom:30px;background-color:#f1f1f1;border:1px solid #d3d3d3;} .commentlist ul.children .comment-body{margin-left:70px} .commentlist ul.children ul.children .comment-body{margin-left:55px} .commentlist .comment-body:before{position:absolute;left:-11px;top:19px;content:"";width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:11px solid #d3d3d3;} .commentlist .comment-body:after{position:absolute;left:-10px;top:20px;content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #f1f1f1;} .commentlist ul.children .comment-body:before, .commentlist ul.children ul.children .comment-body:before{top:14px} .commentlist ul.children .comment-body:after, .commentlist ul.children ul.children .comment-body:after{top:15px} .commentlist .comment-author{line-height:1.3} .commentlist .comment-author .fn a, .commentlist .comment-author .fn{font-family:'Lato', sans-serif;font-size:13px;text-transform:uppercase;font-style:normal} .commentlist .comment-author .says{display:none} .commentlist .comment-meta{margin:0 0 10px;color:#999;font-size:12px} .commentlist .comment-meta a{color:inherit} #respond h3{color: #335BB8;font-family: "Lato",sans-serif;font-weight: 400;margin: 20px 0 20px;font-size: 20px; text-transform:uppercase;} #commentform input[type="text"],#commentform textarea{border:1px solid #aaa;height:40px;color:#555;font-size:14px;padding:6px 12px;line-height:1.42857;width:100%;max-width:500px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset} #commentform textarea{height:auto;max-width:inherit} #commentform label{display:block;font-weight:600;line-height:1.3;margin:0;padding:0 0 10px;/*position:absolute;left:0;top:0*/} #commentform p{position:relative;padding-top:25px} #commentform #submit{color:#3f3f3f;border:0;font-size: 13px;text-transform:uppercase;font-weight:600;padding: 13px 20px;} .comments-area .navigation a { color: black; text-transform: uppercase; } p.nocomments { font-size: 16px; text-transform: uppercase; color: #666; } /* Footer ------------------------------------------------------------------------*/ .footer{ padding:0 0 20px; background-color: #0E0D08 !important; background: linear-gradient(45deg, rgba(0,0,0,0.5214460784313726) 40%, rgba(207,181,59,0.5942752100840336) 100%); } .copyright{ text-align:right; font-size:11px; margin-right:45px; line-height:1.3; color:#fff; } .copyright a{ text-decoration:none; color:#fff; } .copyright a:hover{color:#fff;} /* Footer Widgets ------------------------------------------------------------------------*/ .footer-widgets{ padding:40px 0 10px } .footer-widgets .widget-title{ padding-bottom:10px; border-bottom:none; } .footer-widgets .widget-title:after{ content:""; height:0px; width:50px; position:absolute; bottom:-2px; left:0; margin-left:0px; border-bottom: none !important; } .footer-widgets .textwidget{padding-right:10px; color: #fff;} /* Footer Nav ------------------------------------------------------------------------*/ .nav-foot{ list-style:none; margin:0; padding:0 } .nav-foot li{ display:inline-block; font-family:'Lato', sans-serif; margin-right:20px; font-size:12px; } .nav-foot li a{ display:block; font-weight:600; color:#fff; } /* Back to Top ------------------------------------------------------------------------*/ #back_to_top{ position:fixed; opacity:0; bottom:-90px; left:0; width:100%; height:0px; z-index:1000; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); outline:none; -webkit-box-shadow:0 0 0 50px transparent; -moz-box-shadow:0 0 0 50px transparent; box-shadow:0 0 0 50px transparent; } #back_to_top.show{ opacity:1; bottom:0; -webkit-box-shadow:0 0 0 0 #000; -moz-box-shadow:0 0 0 0 #000; box-shadow:0 0 0 0 #000; } #back_to_top .container{ position:relative; height:0; } #back_to_top a{ text-align:center; line-height:46px; position:absolute; bottom:10px; right:0; width:50px; height:50px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; background-color:#000; color:#fff; -webkit-box-shadow:0 0 0 10px transparent; -moz-box-shadow:0 0 0 10px transparent; box-shadow:0 0 0 10px transparent; opacity:0.8; filter:alpha(opacity=80); filter:-ms-alpha(opacity=80); } #back_to_top.scroll a{ opacity:1; filter:alpha(opacity=100); filter:-ms-alpha(opacity=100); } #back_to_top a:hover{ opacity:1; filter:alpha(opacity=100); filter:-ms-alpha(opacity=100); outline:none; background-color:#3f3f3f; -webkit-box-shadow:0 0 0 0 #3f3f3f; -moz-box-shadow:0 0 0 0 #3f3f3f; box-shadow:0 0 0 0 #3f3f3f; } /* Jetpack ------------------------------------------------------------------------*/ #jp-carousel-comments-loading { display: none !important; } .jetpack-image-container img { width: 100%; height: auto; } /* Wordpress Core ------------------------------------------------------------------------*/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } img.alignright { max-width:100%; height:auto;} img.alignnone { max-width:100%; height:auto;} img.alignleft { max-width:100%; height:auto;} img.aligncenter { max-width:100%; height:auto;} .wp-caption { max-width: 100%; /* Image does not overflow the content area */ } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; margin-top: 10px; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .sticky, .gallery-caption, .bypostauthor {} /* qTranslateX ------------------------------------------------------------------------*/ .qtranxs_widget ul li a:before{content:none;} .qtranxs_widget ul li a{padding-left:0px} /* WOOCOMMERCE ------------------------------------------------------------------------*/ /*** Misc ***/ .woocommerce label { font-weight: normal; margin-right: 10px; } /*** Info ***/ .woocommerce-info { border-top-color: #666; } .woocommerce-info::before { color: #66; } /*** Buttons ***/ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: 0px; background-color: #212121; border-color: #212121; color: #fff; font-weight:normal; text-transform: uppercase; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ background-color: #000; border-color: #000;color:#fff; } /*** Product ***/ .woocommerce .quantity .qty{padding:2px;} .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ left:-5px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after { right: -5px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .woocommerce .panel { border: none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li {border-radius: 0px;} /*** Reviews ***/ .woocommerce #review_form #respond { padding-top: 20px;} .woocommerce span#reply-title { font-size: 20px; font-weight: bold; } .woocommerce .comment-form-rating { padding-top: 25px; } .woocommerce #commentform p { padding-top: 0px; } .woocommerce .woocommerce-tabs h2 { font-size: 18px; margin-bottom: 20px; } .woocommerce .related.products h2 { font-size: 18px; margin-bottom: 20px; } /* ----------------------------------------------------------------------*/ /* MEDIA QUERIES /* ----------------------------------------------------------------------*/ /* MIN WIDTH 1200 ------------------------------------------------------------------------*/ @media (min-width:1200px){ } /* MIN WIDTH 768 ------------------------------------------------------------------------*/ @media (min-width:768px){ .navbar-nav>li>a{ padding-top:25px; padding-bottom:25px } } /* MAX WIDTH 991 ------------------------------------------------------------------------*/ @media (max-width:991px){ .nav-foot{ text-align:center; margin-bottom:15px; } .copyright{ text-align:center; margin-right:0; } .navbar-brand.image-logo img{ max-height: 70px; } } /* MIN WIDTH 992 + MAX WIDTH 1199 ------------------------------------------------------------------------*/ @media (min-width:992px) and (max-width:1199px){ } /* MIN WIDTH 768 + MAX WIDTH 991 ------------------------------------------------------------------------*/ @media (min-width:768px) and (max-width:991px){ .recent-entry .recent-entry-meta .btn{ font-size:9px; line-height:18px; width:85px; } .navbar-custom .navbar-nav > li > a{ padding-left:10px; padding-right:10px; } } /* MAX WIDTH 767 ------------------------------------------------------------------------*/ @media (max-width:767px){ h1{ font-size:30px; } h2{ font-size:28px; } h3{ font-size:26px; } h4{ font-size:18px; } h5{ font-size:16px; } h6{ font-size:16px; } .center-on-mobile{ text-align:center !important; } .center-on-mobile *{ text-align:center !important; } .center-on-mobile ul{ display:inline-block; } .center-on-mobile ul li{ text-align:left !important; } .navbar-custom .navbar-nav > li > a { line-height: 20px; padding:5px 15px; display: block; } .navbar-custom .dropdown-menu{ padding:2px 0 2px 25px } .navbar-custom .open .dropdown-menu > li > a, .navbar-custom .open .dropdown-menu .dropdown-header{ padding:5px 15px } .navbar-custom .dropdown-menu > li > a .fa{ top:4px } .navbar-custom .dropdown-menu > li > a:hover, .navbar-custom .dropdown-menu > li:hover > a , .navbar-custom .dropdown-menu > .open > a{ color:#fff; background:#335BB8 } .navbar-custom .navbar-collapse{ -webkit-box-shadow:0 1px 0 rgba(58,57,57,0.1) inset; -moz-box-shadow:0 1px 0 rgba(58,57,57,0.1) inset; box-shadow:0 1px 0 rgba(58,57,57,0.1) inset; } .navbar-custom .nav > .current > a, .navbar-custom .nav > .open > a{ background-color:#335BB8; color:#fff; } .content-icon .body{ height:auto; } .top-menu{border-left:0;margin:0 -15px;text-align:center} .top-menu > li > a{padding:5px 15px} .header .top-menu{float:none;} .header .top-menu> li{border-bottom:0;float:none;display:inline-block;vertical-align:top} .header{max-height:0;margin:0;overflow:hidden;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} .header.open{max-height:300px} .header-toggle{display:block} } /* MAX WIDTH 680 ------------------------------------------------------------------------*/ @media (max-width:680px){ .blog-feed .entry .entry-image-left{ float:none;} .blog-feed .entry .entry-image-left img {width:100%;height:auto} .blog-feed .entry .entry-meta, .blog-feed .entry .entry-buttons, .blog-feed .entry .entry-content-right{ margin-left:0 } } /* MAX WIDTH 540 ------------------------------------------------------------------------*/ @media (max-width:540px){ } /* MAX WIDTH 480 ------------------------------------------------------------------------*/ @media (max-width:480px){ .recent-entry .recent-entry-meta .btn{ font-size:9px; line-height:18px; width:85px } .commentlist .avatar{left:0;top:-100px} .commentlist ul.children, .commentlist ul.children ul.children{margin-left:10px} .commentlist ul.children .avatar{left:0;top:-70px} .commentlist ul.children ul.children .avatar{left:0;top:-55px} .commentlist .comment-body{margin-left:0;margin-top:100px} .commentlist ul.children .comment-body{margin-left:0;margin-top:70px} .commentlist ul.children ul.children .comment-body{margin-left:0;margin-top:55px} .commentlist .comment-body:before{left:10px;top:-11px;border-top:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:11px solid #d3d3d3;} .commentlist .comment-body:after{left:11px;top:-10px;border-top:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #f1f1f1;} .commentlist ul.children .comment-body:before,.commentlist ul.children ul.children .comment-body:before{top:-11px} .commentlist ul.children .comment-body:after,.commentlist ul.children ul.children .comment-body:after{top:-10px} .frontpage-cta {padding:60px;} .frontpage-cta p{ font-size:18px; font-weight:bold; } } /* MAX WIDTH 400 ------------------------------------------------------------------------*/ @media (max-width:400px){ .recent-entry .recent-entry-meta .btn{ font-size:9px; line-height:18px; width:85px; } } /* FRONT PAGE BANNER ------------------------------------------------------------------------*/ @media (min-width:320px){ .image-banner.full-screen{ height:568px; } .frontpage-banner.frontpage-banner-parallax-bg{padding:60px 0;} .frontpage-banner.image-banner .block-title{font-size:24px;} .frontpage-banner.image-banner p {font-size: 18px;} } @media (min-width:360px){ .image-banner.full-screen{ height:640px; } .frontpage-banner.frontpage-banner-parallax-bg{padding:80px 0;} .frontpage-banner.image-banner .block-title{font-size:24px;} .frontpage-banner.image-banner p {font-size: 18px;} } @media (min-width:480px){ .image-banner.full-screen{ height:480px; } .frontpage-banner.frontpage-banner-parallax-bg{padding:100px 0;} .frontpage-banner.image-banner .block-title{font-size:24px;} .frontpage-banner.image-banner p {font-size: 18px;} } @media (min-width:768px){ .image-banner.full-screen{ padding-top: 56,25%; height: auto; } .frontpage-banner.image-banner .block-title{font-size:40px;} .frontpage-banner.image-banner p {font-size: 20px; font-weight:bold;} .frontpage-banner.frontpage-banner-parallax-bg{padding:120px 0;} } @media (min-width:1280px){ .image-banner.full-screen{ height:720px; } .frontpage-banner.frontpage-banner-parallax-bg{ margin:0; padding:100px 0 80px; } } @media (min-width:1366px){ .image-banner.full-screen{height:768px; } .frontpage-banner.frontpage-banner-parallax-bg{ margin:0; padding:100px 0 80px; } } @media (min-width:1920px){ .image-banner.full-screen{ height:1080px; } .frontpage-banner.frontpage-banner-parallax-bg{ margin:0; padding:100px 0 80px; } } .fixedmenu{ background: none !important; position: fixed; width: 100%; box-shadow: none; } .header, .header-toggle { display: none; } .navbar-custom{ background-color:#fff; box-shadow: none; } .carousel{ margin-top: 90px; /*width: 100%; overflow: hidden; position: relative;*/ } .navbar-custom.navbarbg{ background: #fff !important; box-shadow: 0 0 5px rgba(0,0,0,0.2); } .navbarbg .nav > .page-scroll > a{ color: #000 !important; } .navbar.navbar-custom .navbar-nav > li:hover > a{ color: #335BB8 !important; text-shadow: 0px 0px 0px #fff; } .navbarbg.navbar-custom .navbar-nav > li > a{ color: #3f3f3f !important; text-shadow: 0px 0px 0px #fff; } .vishbg{ background-image: var(--wpr-bg-19d7ca25-0f6d-4300-9e8d-42bca3cc4bf6); height: 50px; width: 100%; background-repeat-y: no-repeat; background-size: auto 100%; margin-bottom: 20px; } .hoverbg{ position: relative; margin-bottom: 20px; } .hoverbg div{ background: rgb(0,0,0); background: linear-gradient(45deg, rgba(0,0,0,0.5214460784313726) 40%, rgba(255,255,255,0.5942752100840336) 100%); position: absolute; width: 100%; height: 100%; top: 0; opacity: 0; visibility: hidden; transition: .55s opacity, .55s visibility; } .hoverbg:hover div{ opacity: 1; visibility: visible; } .scale { display: block; /* Строчно-блочный элемент */ overflow: hidden; /* Скрываем всё за контуром */ } .scale img { transition: 1s; /* Время эффекта */ display: block; /* Убираем небольшой отступ снизу */ } .scale:hover img { transform: scale(1.05); /* Увеличиваем масштаб */ } .scale2 { display: block; /* Строчно-блочный элемент */ overflow: hidden; /* Скрываем всё за контуром */ } .scale2 img { transition: 1s; /* Время эффекта */ display: block; /* Убираем небольшой отступ снизу */ } .scale2:hover img { transform: scale(1.35); /* Увеличиваем масштаб */ } .marginnone{ margin-bottom: 0; } .hoverbg div p{ display: block; text-align: center; height: 20px; color: #fff; padding: 10px; border: 1px solid; top: 50%; position: relative; margin: 0; height: 50px; font-size: 18px; width: 60%; margin: 0 auto; margin-top: -25px; transition: all 1s ease; } .hoverbg div p:hover{ color:#fff; background: #CFB53B; border: 1px #CFB53B solid; } .readmorebutton{ color: #335BB8; border: 1px solid; padding: 10px; transition: all 1s ease; } .readmorebutton:hover{ color:#fff; background: #CFB53B; text-decoration: none; } /* header hover animation */ .btn-11 { text-decoration: none; border: 1px solid rgb(255,255,255); position: relative; overflow: hidden; padding: 15px; font-size: 17px; width: 260px; display: block; text-align: center; margin: 0 auto; top: 50%; margin-top: -28px; } .btn-11:hover { box-shadow: 1px 1px 25px 10px rgba(255,255,255, 0.4); color: #335BB8; text-decoration: none; } .btn-11 span{ color: #fff; } /* end animation */ /* #menu-header * { box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #menu-header li { display: inline-block; list-style: outside none none; margin: 0 1.5em; overflow: hidden; padding: 0; } #menu-header a { padding: 0.1em 0; color: rgba(255, 255, 255, 0.5); position: relative; display: inline-block; letter-spacing: 1px; margin: 0; text-decoration: none; } #menu-header a:before, #menu-header a:after { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } #menu-header a:before { top: 100%; display: block; height: 3px; width: 100%; content: ""; background-color: #335BB8; } #menu-header a:after { padding: 0.1em 0; position: absolute; top: 100%; left: 0; content: attr(data-hover); color: #335BB8; white-space: nowrap; } #menu-header li:hover a, #menu-header .current-menu-item a { transform: translateY(-100%); } */ /* header hover animation @keyframes shake { 25% { transform: rotate(calc(var(--angle) * -1)); } 50% { transform: rotate(var(--angle)); } 100% { transform: rotate(0deg); } } .HOVER { --width: 100%; --time: 0.7s; position: relative; display: inline-block; color: white; overflow: hidden; font-size: 23px; padding: 10px 40px; border: 2px solid; margin: 0 10px; } .HOVER text { position: relative; z-index: 5; transition: color var(--time); } .HOVER:hover text { color: #fff; } .HOVER span { border-radius: 100%; position: absolute; display: block; content: ""; z-index: 0; width: 0; height: 0; background: #943E4E; transform: translate(-50%, -50%); transition: width var(--time), padding-top var(--time); } .HOVER:hover span { width: calc(var(--width)*2.25); padding-top: calc(var(--width)* 2.25); } .HOVER.FLASH:hover text { color: white; } .HOVER.FLASH span { background: #ff3b3b; } .animated { --angle: 5deg; animation: shake 0.3s; } .HOVER:hover { color: #fff; } /* end animation */ .btn1:link, .btn1:visited { text-transform: uppercase; text-decoration: none; padding: 15px 40px; display: inline-block; /* border-radius: 100px;*/ transition: all .2s; position: relative; float: right; } .btn1:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); color: #fff; } .btn1:active { transform: translateY(-1px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .btn1-white { background-color: #335BB8; color: #fff; } .btn1::after { content: ""; display: inline-block; height: 100%; width: 100%; /* border-radius: 100px;*/ position: absolute; top: 0; left: 0; z-index: -1; transition: all .4s; } .btn1-white::after { background-color: #335BB8; } .btn1:hover::after { transform: scaleX(1.4) scaleY(1.6); opacity: 0; } .btn1-animated { animation: moveInBottom 5s ease-out; animation-fill-mode: backwards; } @keyframes moveInBottom { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0px); } } button { position: relative; display: inline-block; cursor: pointer; outline: none; border: 0; vertical-align: middle; text-decoration: none; background: transparent; padding: 0; font-size: inherit; font-family: inherit; } button.learn-more { width: 12rem; height: auto; margin-bottom: 10px; } button.twowords{ width: 17rem; height: auto; } button.threewords{ width: 26rem; height: auto; } button.learn-more .circle { -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: relative; display: block; margin: 0; width: 3rem; height: 3rem; background: #335BB8; border-radius: 1.625rem; } button.learn-more .circle .icon { -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; bottom: 0; margin: auto; background: #fff; } button.learn-more .circle .icon.arrow { -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); left: 0.625rem; width: 1.125rem; height: 0.125rem; background: none; } button.learn-more .circle .icon.arrow::before { position: absolute; content: ""; top: -0.25rem; right: 0.0625rem; width: 0.625rem; height: 0.625rem; border-top: 0.125rem solid #fff; border-right: 0.125rem solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } button.learn-more .button-text { -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0.75rem 0; margin: 0 0 0 1.85rem; color: #335BB8; font-weight: 700; line-height: 1.6; text-align: center; text-transform: uppercase; margin-left: 45px; } button:hover .circle { width: 100%; } button:hover .circle .icon.arrow { background: #fff; -webkit-transform: translate(1rem, 0); transform: translate(1rem, 0); } button:hover .button-text a, button:hover .button-text{ color: #fff !important; transition: all 0.45s; } button .button-text a:hover{ text-decoration: none; } .brands a{ float: left; } .brands img{ height: 85px; padding: 20px; } .frontpagebrands a{ width: 16.6%; } .submenulist{ list-style: none; padding: 0; } .submenulist li{ color: #5D5D5D; /*padding-left: 10px;*/ border-right: 1px solid; } /*.submenulist li:before{ content: "•"; margin-right: 5px; }*/ .submenulistlarge li{ float: left; width: 100%; } .submenulistlarge li img{ position: absolute; top: 290px; right: 180px; opacity: 0; visibility: hidden; transition: .55s opacity, .55s visibility; width: 200px; } .submenulistlarge li:hover img{ opacity: 1; visibility: visible; } .submenulist li a{ color: #5D5D5D; text-decoration: none; } .lang-item a:hover{ color: #000; } .lang-item a{ text-decoration: none; color: #000; } .submenulist li:hover{ color: #335BB8; } .submenulist li:hover a{ color: #335BB8; text-decoration: none; } .submenulist li::marker{ margin-right: 5px; } .catalogtopmenu1{ display: none; } .catalogtopmenu2{ display: block; } .newsbuttontop { color: #335BB8; border: 3px solid #335BB8; padding: 5px; margin-top: 13px; display: block; width: 200px; text-align: center; text-transform: uppercase; background: none; transition: all 1s ease; font-weight: bold; } .newsbuttontop:hover{ color: #fff; background: #335BB8; text-decoration: none; } @media (min-width:990px){ #menu-item-721 ul.dropdown-menu{ margin-left: -295px !important; } #menu-item-2217 ul.dropdown-menu{ margin-left: -295px !important; } #menu-item-1848 ul.dropdown-menu{ margin-left: -295px !important; } .catalogtopmenu2{ display: none; } .catalogtopmenu1{ display: block; } } .woocommerce-loop-product__title{ text-transform: uppercase; font-weight: 500; font-size: 13px !important; } .products .product{ border: 1px solid #EFEFEF; padding: 20px !important; border-radius: 20px; background: none; } .products .product:hover{ background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(237,237,231,0.5970763305322129) 80%); box-shadow: 0px 0px 10px #DBDBD3; transition: all 0.45s; } .products .product li{ color: #000; font-size: 12px; } .products .product .button { display: none; } .products .product button.learn-more { width: 12rem; height: auto; margin: 0 auto; display: block; } .sr_zoomer{ display: none !important; } .related{ clear: both; } .woocommerce-tabs{ padding-top: 20px; } .jumbotron.banner-none .container{display: none;} .woocommerce div.product div.images .flex-control-thumbs li{ max-width: 100px; } .woocommerce img, .woocommerce-page img{ max-width: 500px; margin: 0 auto; } #container-category .learn-more{ float: left; } .woocommerce table.shop_attributes th { width: 350px; } .woocommerce-result-count, .woocommerce-ordering{ display: none; } .myvideo { position:relative; padding: 0 0 56.25% 0; height:0; overflow:hidden; } .myvideo iframe,.myvideo object,.myvideo embed { position:absolute; top:0; left:0; width:100%; height:100%; } .catbanner{ max-width: 1600px !important; } .gramms{ display: block; position: relative; float: left; text-align: center; } @media (min-width: 1200px) { .container { /*max-width: 95%;*/ } } .frontpage-banner.image-banner { position: relative; overflow: hidden; color: #fff; } .carousel-item img{ max-width: none; /*min-width: 50%; box-sizing: border-box;*/ } .ParallaxVideo { padding-top: 0 !important; } .item-responsive { position: relative; /* относительное позиционирование */ } .item-responsive:before { display: block; /* отображать элемент как блок */ content: ""; /* содержимое псевдоэлемента */ width: 100%; /* ширина элемента */ } .item-16by91 { padding-top: 56.25%; /* (9:16)*100% */ } .item-16by9 { padding-top: 3%; /* (9:16)*100%/2 */ } .item-4by4 { padding-top: 100%; } .item-9by161 { padding-top: 177.77%; /* (9:16)*100% */ } .item-9by16 { padding-top: 3%; /* (9:16)*100% */ } .item-responsive>.content { position: relative; /* абсолютное положение элемент */ display:flex; flex-wrap:nowrap; /* положение элемента top: 0; left: 0; right: 0; bottom: 0;*/ } .item-responsive>.content video{ width: 50% /*min-width: 100%; box-sizing: border-box;*/ } /* При необходимости (для блоков, имеющих данные классы) */ adding-top: 100%; /* (1:1)*100% */ } .mainslider{ max-width: 1920px; margin: 0 auto; max-height: 1080px; overflow: hidden; } .newsbutton{ color: #335BB8 !important; font-weight: normal; font-size: 20px; text-transform: uppercase; padding: 10px 30px; border: 1px solid; margin-left: 50px; transition: all 1s ease; } .newsbutton:hover{ color: #fff !important; background: #335BB8; text-decoration: none; } .newsbuttoncontact{ color: #335BB8 !important; font-weight: normal; font-size: 20px; text-transform: uppercase; padding: 10px 30px; border: 1px solid; transition: all 1s ease; background: none; } .newsbuttoncontact:hover{ color: #fff !important; background: #335BB8; text-decoration: none; } .dropdown-menu{ background: none; } input, select, textarea, .wp-block-button, .wp-block-button__link{ width: 100%; color: #335BB8; border: 1px solid; padding: 5px; } input[type="file"]{ border: none; } @media (min-width: 991px) { .navbar-custom .navbar-nav > li > a{ font-size: 11px; } } @media (min-width: 1200px) { .navbar-custom .navbar-nav > li > a{ font-size: 13px; } } @media (min-width: 1350px) { .navbar-custom{ padding: 0 1rem; } .navbar-header { padding: 0; width: 40%;} } @media (max-width: 1600px) { .slogan {display: none;} } @media (min-width: 1600px) { .slogan { display: block; padding-left: 1%; max-width: 400px !important; margin-top: 45px !important; float: left; } .navbar-custom .navbar-nav > li > a{ font-size: 13px; } } @media (max-width: 1350px) { .slogan{display: none; } .newsbutton{display: none;} } @media (max-width: 992px) { .slogansmall{display: block; max-width: 300px; height: 40px; margin-top: 30px; } } @media (max-width: 1100px) { } @media (min-width: 992px) { .dropdown-menu{background: #fff;} .navbar-custom{PADDING: 0;} .slogansmall{display: none;} } .frontpagebrands .hoverbg{ margin-bottom: 0; } .frontpagebrands img{ margin: 0 auto; height: auto; } @media (min-width: 768px) { .frontpagebrands img{ margin: 0 auto; height: 125px; } } .catalogtopmenu2 .submenulist li{ border-right: none; } .catalogtopmenu2 .submenulist li a{ color: #fff; } .company-today .item .caption { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(233,236,239,.7); min-height: 5rem; display: flex; justify-content: center; flex-direction: column; transition: background-color .5s,color .5s; padding: .5rem; font-size: 1.2em; } .no-gutters .item{ padding: 0; } @media (min-width: 1350px) { .navbar-custom{ padding: 0 1rem; }} @media (min-width: 1600px) { p{ font-size: 1em; } body { font-size: 1em; } .navbar-header { width: 45%; } } .example-2 .btn-tertiary{color:#555;padding:0;line-height:40px;width:300px;margin:auto;display:block;border:2px solid #555} .example-2 .btn-tertiary:hover,.example-2 .btn-tertiary:focus{color:#888;border-color:#888} .example-2 .input-file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1} .example-2 .input-file + .js-labelFile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;cursor:pointer} .example-2 .input-file + .js-labelFile .icon:before{content:"\f093"} .example-2 .input-file + .js-labelFile.has-file .icon:before{content:"\f00c";color:#5AAC7B} @media (min-width: 992px) and (max-width: 1200px){ .container {max-width: 100%;} } .bluebgimg{ background-image: var(--wpr-bg-06f30c16-dddc-4258-b8bf-a78ca0b263ef); } @media screen and (max-width: 600px) { .woocommerce ul.products li.product { float: none !important; width: auto !important; } } .menutogler{ font-size: 34px; color: #000; padding: 10px; margin-top: 25px; float: right; text-decoration: none; } .menutogler:hover{ color: #000; } @media (min-width: 992px){ .menutogler{display: none !important;} } .offcanvas ul{ margin: 0; } .offcanvas li{ padding: 7px; } .offcanvas a{ text-decoration: none; font-size: 17px; text-transform: uppercase; color: #010101; padding-left: 20px; } .offcanvas .dropdown-menu>li>a{ display: block; padding: 3px; clear: both; font-weight: 400; line-height: 1; color: #fff; white-space: break-spaces; text-transform: inherit; font-weight: normal; } .navbar-custom .navbar-nav > li > a{ text-decoration: none; } .offcanvas-end{ width: 100% !important; max-width: 320px; } .offcanvas .submenulist li a { text-transform: inherit; font-weight: normal; color: #010101; } .offcanvas{ background: #fff; transition: transform .5s ease-in-out; } @media (min-width: 1600px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1520px; }} @media (min-width: 1000px) and (max-width: 1400px){} .langselect li a{ color: #010101 !important; } .langselect li a:hover{ color: #335BB8 !important; } .langburg li a{ color: #010101 !important; } .langburg li a:hover{ color: #010101 !important; } .langselect li{ float: left; padding-right: 15px; text-transform: uppercase; } .langselect{ right: -5px; top: 18px; background: none; border-color: #010101 !important; list-style: none; margin: 0; display: flex; flex-direction: row-reverse; } .langburg li{ padding: 0; } .langburg li a{ padding-right: 20px; padding-left: 0; } .langburg{ position: relative; right: -5px; top: 18px; background: none; border-color: #010101 !important; list-style: none; display: block !important; padding-left: 0; margin-top: -10px !important; } .blind a img{ margin-top: -3px; } .blind a{ text-decoration: none !important; color: #010101 !important; font-size: 15px; } .blind a:hover{ color: #335BB8 !important; } .blind{ display: block; margin: 10px; } .navbar-header1{ position: relative; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 992px){ .blind,.langselect{display: none;} } .btn-close{ padding: 25px !important; margin: -16px -16px 0px auto !important; opacity: 1; color: #fff !important; border-radius: 0; background: #f5f5f5 url("data:image/svg+xml,") center/2em auto no-repeat !important; background-size: 45%; background-color: #335BB8; background-repeat: no-repeat; background-position: center; } .wpb_category_n_menu_accordion > ul > li > a{ background-color: #fff; } .wpb_category_n_menu_accordion ul > li li{ background: #F5F5F5; } .wpb_category_n_menu_accordion > ul > li > a:hover{ background-color: #fff; } .offcanvas-body{ padding: 0; } .wpb_category_n_menu_accordion > ul > li > a{ color: #010101 !important; } .offcanvas-body .wpb_category_n_menu_accordion > ul > li:not(:last-child) > a{ border: none !important; } .offcanvas-body .wpb_category_n_menu_accordion ul > li li a{ color: #010101 !important; } .wpb_category_n_menu_accordion li > a:hover > span.wpb-submenu-indicator{ color: #010101 !important; } .bt_widget-vi-on img{ margin-top: -2px; } .offcanvas-header{ background: #F5F5F5; padding-bottom: 0; } .offcanvas .bt_widget-vi-on { background: #F5F5F5; width: 100%; display: block; padding: 20px; } .langselect a img{ margin-top: -2px; border-radius: 10px; width: 20px !important; height: 20px !important; } .topbordermargin{ border-top: 2px solid #414956; } tbody, td, tfoot, th, thead, tr{ border-width: 1px; padding: 5px; } .carousel-item .item-responsive .content img{ max-width: 100%; } #it_epoll_survey-vote-button{ display: none !important; } .h2button{ line-height: 0.6 !important; } .h2buttonlink{ font-size: 22px; font-weight: normal; } button.sirlearn-more{ width: 340px; } @media (max-width: 700px){ .mobpaddingbut{margin-top: 10px;margin-left: 0 !important;} .frontpagebrands a{ width: 33%; height: 150px; } } .aprowcheck label{ display: flex; flex-wrap: nowrap; justify-content: flex-start; margin-bottom: 20px; } .aprowcheck label input{ width: 25px; margin-top: 20px; margin-right: 20px; } .fa-2x{ font-size: 1em !important; } #telegram-btn{ display: none; } } .highcharts-point{ fill: #335BB8; } .aftertablebutton{ color: #fff; padding: 20px; background: #0a58ca; border-radius: 5px; font-weight: bold; font-size: 20px; line-height: 62px; display: block; max-width: 600px; margin: 0 auto; } @media (max-width: 700px){ .page-content{ width: 100%; overflow-x: scroll; overflow-y: hidden; } .aftertablebutton{ font-size: 15px; padding: 15px; line-height: 30px; } } .miga_calendar{ margin: 0 auto; } .brands{ display: flex; flex-wrap: wrap; justify-content: space-around; } .vsp_image img{ max-height: 300px; width: auto; margin: 0 auto; } .vsptitle, .vspprice{ font-weight: bold; }