/* This is typography stylesheet of template, This file contains typography of the Template. */ /*================================================ [ Table of contents ] ================================================ :: General :: Page section margin padding :: Text color :: Row eq height And No Gutter :: Extra class :: Loading :: Back to top :: Basic margin padding ====================================== [ End table content ] ======================================*/ /************************* General *************************/ body { font-family: 'Poppins', sans-serif; font-weight: normal; font-style: normal; font-size: 14px; color: #626262; } a, .btn { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } a:focus { text-decoration: none !important; } a:focus, a:hover { color: #be0017; text-decoration: none !important; } a, button, input { outline: medium none !important; color: #be0017; } .uppercase { text-transform: uppercase; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: normal; color: #363636; margin-top: 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } label { font-weight: normal; } h1 { font-size: 36px; font-style: normal; font-weight: 700; line-height: 40px; } h2 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; } h3 { font-size: 28px; font-style: normal; font-weight: 600; line-height: 32px; } h4 { font-size: 22px; font-style: normal; font-weight: 500; line-height: 26px; } h5 { font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px; } h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; } .fw-1 { font-weight: 100; } .fw-2 { font-weight: 200; } .fw-3 { font-weight: 300; } .fw-4 { font-weight: 400; } .fw-5 { font-weight: 500; } .fw-6 { font-weight: 600; } .fw-7 { font-weight: 700; } .fw-8 { font-weight: 800; } .fw-9 { font-weight: 900; } ul { margin: 0px; padding: 0px; } p { font-weight: normal; line-height: 1.5; color: #626262; } hr { margin: 0; padding: 0px; border-bottom:1px dashed #eceff8; border-top: 0px; } *::-moz-selection { background: #be0017; color: #fff; text-shadow: none; } ::-moz-selection { background: #be0017; color: #fff; text-shadow: none; } ::selection { background: #be0017; color: #fff; text-shadow: none; } /*************************** Page section margin padding ****************************/ .page-section-ptb { padding: 80px 0; } .page-section-pt { padding: 80px 0 0; } .page-section-pb { padding: 0 0 80px; } .page-section-1-ptb { padding: 120px 0; } .page-section-1-pt { padding: 120px 0 0; } .page-section-1-pb { padding: 0 0 120px; } /************************* Text color *************************/ .theme-color { color: #be0017; } .text-white { color: #fff; } .text-black { color: #363636; } .text-gray { color: #999999; } img.bottom-img { position: absolute; bottom: 0; left: 0; right: 0; } /******************************************** Row-eq-height And No Gutter /*********************************************/ .no-gutter{ margin-right:0; margin-left:0;} .no-gutter > [class*='col-'] { padding-right:0; padding-left:0;} .row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;} .row-eq-height.full-height > [class*='col-'] > div{height: 100%;} /* Vertical Align */ .valign{display: table;} .valign > [class*='col-']{display:table-cell; float:none;} [data-valign-overlay="top"]{vertical-align:top;} [data-valign-overlay="middle"]{vertical-align:middle;} [data-valign-overlay="bottom"]{vertical-align:bottom;} /************************* Extra class *************************/ .o-hidden { overflow: hidden; } .position-re { position: relative; } .full-width{width: 100% !important;} section { background: #ffffff; } /******************************************* Loading *******************************************/ #pre-loader { background-color: #ffffff; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; } #pre-loader img { text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; } /************************* back to top *************************/ #back-to-top .top { z-index: 999; position: fixed; margin: 0px; color: #fff; transition:all .5s ease-in-out; position:fixed; bottom:105px; right:15px; border-radius: 3px; z-index: 999; background: transparent; font-size: 14px; background: #be0017; width: 40px; height: 40px; text-align: center; } #back-to-top i { padding-top: 2px; font-size: 20px; } #back-to-top span { display: block; line-height: 8px; font-size: 11px; } /************************* Basic margin padding *************************/ .m-0 { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; } .p-0 { padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } /************************* Margin top *************************/ /*.mt-0 { margin-top: 0 !important; }*/ .mt-10 { margin-top: 10px !important; } .mt-15 { margin-top: 15px !important; } .mt-20 { margin-top: 20px !important; } .mt-30 { margin-top: 30px !important; } .mt-40 { margin-top: 40px !important; } .mt-50 { margin-top: 50px !important; } .mt-60 { margin-top: 60px !important; } .mt-70 { margin-top: 70px !important; } .mt-80 { margin-top: 80px !important; } .mt-90 { margin-top: 90px !important; } .mt-100 { margin-top: 100px !important; } .mt-110 { margin-top: 110px !important; } .mt-120 { margin-top: 120px !important; } .mt-130 { margin-top: 130px !important; } .mt-140 { margin-top: 140px !important; } .mt-150 { margin-top: 150px !important;} /************************* Margin right *************************/ /*.mr-0 { margin-right: 0!important }*/ .mr-10 { margin-right: 10px !important; } .mr-15 { margin-right: 15px !important; } .mr-20 { margin-right: 20px !important; } .mr-30 { margin-right: 30px !important; } .mr-40 { margin-right: 40px !important; } .mr-50 { margin-right: 50px !important; } .mr-60 { margin-right: 60px !important; } .mr-70 { margin-right: 70px !important; } .mr-80 { margin-right: 80px !important; } .mr-90 { margin-right: 90px !important; } .mr-100 { margin-right: 100px !important; } .mr-110 { margin-right: 110px !important; } .mr-120 { margin-right: 120px !important; } .mr-130 { margin-right: 130px !important; } .mr-140 { margin-right: 140px !important; } .mr-150 { margin-right: 150px !important; } /************************* Margin bottom *************************/ /*.mb-0 { margin-bottom: 0!important }*/ .mb-10 { margin-bottom: 10px !important; } .mb-15 { margin-bottom: 15px !important; } .mb-20 { margin-bottom: 20px !important; } .mb-30 { margin-bottom: 30px !important; } .mb-40 { margin-bottom: 40px !important; } .mb-50 { margin-bottom: 50px !important; } .mb-60 { margin-bottom: 60px !important; } .mb-70 { margin-bottom: 70px !important; } .mb-80 { margin-bottom: 80px !important; } .mb-90 { margin-bottom: 90px !important; } .mb-100 { margin-bottom: 100px !important; } .mb-110 { margin-bottom: 110px !important; } .mb-120 { margin-bottom: 120px !important; } .mb-130 { margin-bottom: 130px !important; } .mb-140 { margin-bottom: 140px !important; } .mb-150 { margin-bottom: 150px !important; } /************************* Margin left *************************/ /*.ml-0 { margin-left: 0!important }*/ .ml-10 { margin-left: 10px !important; } .ml-15 { margin-left: 15px !important; } .ml-20 { margin-left: 20px !important; } .ml-30 { margin-left: 30px !important; } .ml-40 { margin-left: 40px !important; } .ml-50 { margin-left: 50px !important; } .ml-60 { margin-left: 60px !important; } .ml-70 { margin-left: 70px !important; } .ml-80 { margin-left: 80px !important; } .ml-90 { margin-left: 90px !important; } .ml-100 { margin-left: 100px !important; } .ml-110 { margin-left: 110px !important; } .ml-120 { margin-left: 120px !important; } .ml-130 { margin-left: 130px !important; } .ml-140 { margin-left: 140px !important; } .ml-150 { margin-left: 150px !important; } /************************* Padding top *************************/ /*.pt-0 { padding-top: 0!important }*/ .pt-10 { padding-top: 10px !important; } .pt-15 { padding-top: 15px !important; } .pt-20 { padding-top: 20px !important; } .pt-30 { padding-top: 30px !important; } .pt-40 { padding-top: 40px !important; } .pt-50 { padding-top: 50px !important; } .pt-60 { padding-top: 60px !important; } .pt-70 { padding-top: 70px !important; } .pt-80 { padding-top: 80px !important; } .pt-90 { padding-top: 90px !important; } .pt-100 { padding-top: 100px !important; } .pt-110 { padding-top: 110px !important; } .pt-120 { padding-top: 120px !important; } .pt-130 { padding-top: 130px !important; } .pt-140 { padding-top: 140px !important; } .pt-150 { padding-top: 150px !important; } /************************* Padding right *************************/ /*.pr-0 { padding-right: 0!important }*/ .pr-10 { padding-right: 10px !important; } .pr-15 { padding-right: 15px !important; } .pr-20 { padding-right: 20px !important; } .pr-30 { padding-right: 30px !important; } .pr-40 { padding-right: 40px !important; } .pr-50 { padding-right: 50px !important; } .pr-60 { padding-right: 60px !important; } .pr-70 { padding-right: 70px !important; } .pr-80 { padding-right: 80px !important; } .pr-90 { padding-right: 90px !important; } .pr-100 { padding-right: 100px !important; } .pr-110 { padding-right: 110px !important; } .pr-120 { padding-right: 120px !important; } .pr-130 { padding-right: 130px !important; } .pr-140 { padding-right: 140px !important; } /************************* Padding bottom *************************/ /*.pb-0 { padding-bottom: 0!important }*/ .pb-10 { padding-bottom: 10px !important; } .pb-15 { padding-bottom: 15px !important; } .pb-20 { padding-bottom: 20px !important; } .pb-30 { padding-bottom: 30px !important; } .pb-40 { padding-bottom: 40px !important; } .pb-50 { padding-bottom: 50px !important; } .pb-60 { padding-bottom: 60px !important; } .pb-70 { padding-bottom: 70px !important; } .pb-80 { padding-bottom: 80px !important; } .pb-90 { padding-bottom: 90px !important; } .pb-100 { padding-bottom: 100px !important; } .pb-110 { padding-bottom: 110px !important; } .pb-120 { padding-bottom: 120px !important; } .pb-130 { padding-bottom: 130px !important; } .pb-140 { padding-bottom: 140px !important; } .pb-150 { padding-bottom: 150px !important; } /************************* Padding left *************************/ /*.pl-0 { padding-left: 0!important }*/ .pl-10 { padding-left: 10px !important; } .pl-15 { padding-left: 15px !important; } .pl-20 { padding-left: 20px !important; } .pl-30 { padding-left: 30px !important; } .pl-40 { padding-left: 40px !important; } .pl-50 { padding-left: 50px !important; } .pl-60 { padding-left: 60px !important; } .pl-70 { padding-left: 70px !important; } .pl-80 { padding-left: 80px !important; } .pl-90 { padding-left: 90px !important; } .pl-100 { padding-left: 100px !important; } .pl-110 { padding-left: 110px !important; } .pl-120 { padding-left: 120px !important; } .pl-130 { padding-left: 130px !important; } .pl-140 { padding-left: 140px !important; } .pl-150 { padding-left: 150px !important; } /*min height*/ .min-h-100 { min-height: 100px; } .min-h-200 { min-height: 200px; } .min-h-230 { min-height: 230px; } .min-h-260 { min-height: 260px; } .min-h-290 { min-height: 290px; } .min-h-320 { min-height: 320px; } .min-h-350 { min-height: 350px; } .min-h-380 { min-height: 380px; } .min-h-410 { min-height: 410px; } .min-h-440 { min-height: 440px; } .min-h-470 { min-height: 470px; } .min-h-500 { min-height: 500px; } .min-h-550 { min-height: 550px; } /*max height*/ .max-h-200 { max-height: 200px; } .max-h-230 { max-height: 230px; } .max-h-260 { max-height: 260px; } .max-h-290 { max-height: 290px; } .max-h-320 { max-height: 320px; } .max-h-350 { max-height: 350px; } .max-h-380 { max-height: 380px; } .max-h-410 { max-height: 410px; } .max-h-440 { max-height: 440px; } .max-h-470 { max-height: 470px; } .max-h-500 { max-height: 500px; } .max-h-550 { max-height: 550px; } /*********************************************************** S K I N ***********************************************************/ /************************* General *************************/ /** selection **/ *::-moz-selection { background: #be0017; color: #fff; text-shadow: none; } ::-moz-selection { background: #be0017; color: #fff; text-shadow: none; } ::selection { background: #be0017; color: #fff; text-shadow: none; } /************************* Background Color *************************/ .theme-bg, .accordion.gray .acd-group.acd-active .acd-heading, .accordion.gray .acd-group .acd-heading:hover, .accordion.shadow .acd-group.acd-active .acd-heading, .accordion.shadow .acd-group .acd-heading:hover, .accordion.accordion-border .acd-group.acd-active .acd-heading, .accordion.accordion-border .acd-group .acd-heading:hover, .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span, .data-table .table-1 thead, .dropcap, del, mark, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .feature-box .border, .portfolio-item .portfolio-overlay, .portfolio-item a.popup:hover, .section-title.line .title:before, .section-title.bg span, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .price.active .header, .membership-pricing-table table .plan-header-standard, .play-video, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial.green, .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider, .footer .footer-tags li a:hover, .section-title:nth-child(odd) .title-effect::before, .isotope-filters button.active, .isotope-filters button:hover, .blog-entry.blockquote, .blog-entry.blockquote blockquote, .blog-entry.blockquote .blog-detail, .blog-box .post-category a, .blog .timeline li:hover .timeline-badge, .blog .timeline li.entry-date-bottom a:hover, .contact-box i, .custom-content, .owl-carousel .owl-nav i, .services-text-box-green, .popup-video-banner a:hover span, .login-bg .login-title, .login-social li a.fb:hover, .login-social li a.twitter:hover, .login-social li a.pinterest:hover, .register-bg .register-title, .process .process-step strong, #back-to-top .top, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .footer-widget-social a i:hover, .shpping-cart strong.item, .header.fancy .topbar, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .modal-subscribe .subscribe-icon, .product .product-image .add-to-cart a, .testimonial.theme-bg, .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination li a:focus, .pagination li a:hover, .pagination li span:focus, .pagination li span:hover { background: #be0017;} .popup-video-image a i, .conference-video .popup-video a i:hover, .movie-light-bg, .law-timeline .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon, .login-box-theme:before, .login-box-theme:after, .blog-overlay .tag, .blog.blog-simple .tag, .section-title.line-dabble .title:after, .book-counter .counter .icon, .plumber-contact .contact-form .section-field .form-control, .feature-box .feature-border, .skill-bar, .button.button-border:hover, .button.button-border:focus, .tab .nav.nav-tabs > li > a.active, .page-item.active .page-link, .button.button-border.gray:hover, .button.button-border.gray:focus, .bootstrap-datetimepicker-widget table td span.active, .section-title span.theme-bg, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus, .wishlist-page .table td.total a:hover, .wishlist-page .table td.total a:hover, .service ul li a:hover, .service ul li a.active { background: #be0017;} /************************* Color *************************/ a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li.active .drop-down li.active a, .mega-menu .menu-links > li.active .drop-down a:hover, .mega-menu .drop-down-multilevel li:hover > a, .mega-menu .drop-down a:hover, .mega-menu .drop-down-tab-bar a:hover, .mega-menu .drop-down a:hover i, .mega-menu .drop-down-tab-bar a:hover i, .search .search-btn:hover, .search .search-box i:hover, .accordion .acd-group.acd-active .acd-heading, .accordion .acd-group .acd-heading:hover, .accordion.animated .acd-group.acd-active .acd-heading, .accordion.animated .acd-group .acd-heading:hover, .button.border.white:hover, .button.border.white:focus, .button.icon-color, .counter.theme-color span, .data-table .table-2 .table thead, .dropcap.dropcap-border, .dropcap.gray, .feature-box i, #two+label:before, #two+label:after, .remember-checkbox a, .button.white, .no-title .portfolio-item .portfolio-overlay a:hover, .no-title .portfolio-item .portfolio-overlay a:hover, .list-group-item.active>.badge, .nav-pills>.active>a>.badge, .btn-primary .badge, ul.list li:after, .blog-entry .entry-meta ul li a i, .button.arrow, .pricing-content .pricing-table-list ul li i, .tab-border .nav.nav-tabs > li.active > a, .tab-border .nav.nav-tabs > li.active > a:focus, .tab-border .nav.nav-tabs > li.active > a:hover, .team .team-contact span.call, .testimonial-info:before, .author-info span, .text-white .testimonial.clean .author-info, .footer-useful-link ul li a:hover, .footer-widget a:hover, .footer-widget a, .footer .usefull-link ul li a:hover, .footer .copyright ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .page-title.gray-bg ul.page-breadcrumb li span, .page-title.gray-bg ul.page-breadcrumb li a:hover, .page-title.pattern ul.page-breadcrumb li span, .page-title.pattern ul.page-breadcrumb li a:hover, section:hover .title-effect:nth-child(even), section:focus .title-effect:nth-child(even), .theme-bg .button.icon-color:hover i, .sidebar-widget .recent-post .recent-post-info a:hover, .sidebar-widget .recent-post .recent-post-info span, .sidebar-widget .widget-categories li a:hover, .sidebar-widget .widget-categories li a:hover i, .blog-single .blog-entry.blockquote blockquote cite, .port-post-social a:hover, .comments-1 .comments-info a, .blog-entry .blog-detail .entry-title a:hover, .blog-entry .entry-meta ul li a:hover, .contact-3 .contact-add i, .happy-clients .tab-content .quoter-icon, .google-map .map-icon:before, .play-video:hover, .popup-video .play-video:hover a, .play-video:hover a, .portfolio-item-2 .portfolio-hover .hover-name a:hover, .portfolio-item-2 .portfolio-hover .hover-icon a:hover, .footer-contact .contact-box .contact-icon i, .resume-block .resume-icon span, .clients-info a, .popup-video-banner a span, .port-meta li b, .product .product-price ins, .deal-banner .caption span.off, .shop-single .product-detail .product-detail-price ins, .sidebar-widget .widget-link li a:hover, .sidebar-widgets-wrap .recent-item .recent-title a:hover, .shadow .nav.nav-tabs > li.active > a, .shadow .nav.nav-tabs > li.active > a:focus, .shadow .nav.nav-tabs > li.active > a:hover, .membership-pricing-table table .recommended-plan-ribbon, .search-cart i.icon:hover, .cart-price ins, .cart-item .cart-name a:hover, .topbar ul li a:hover, .topbar-call ul li i, .header.fancy .mega-menu .menu-links > li.active > a, .header.fancy .mega-menu .menu-links > li > a:hover, .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li>a:hover, .personal-typer-banner h1, .personal-typer-banner h2, .st-menu ul.menu li a:hover:before, .st-menu ul.menu li a.active:before, .st-menu ul.menu li a.active, .st-menu ul.menu li a:hover, .header.light .mega-menu .menu-links > li.active > a, .interior-counter .counter span, .table-gym thead tr th, .blog-entry .entry-meta ul li i, .mega-menu .menu-links > li.active .drop-down li.active a i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .shop-split-content ins, ul.list.theme-color li i, .header.text-dark .topbar ul li a:hover, .header.text-dark .mega-menu .menu-links > li > a:hover, .header.text-dark .mega-menu .menu-links > li.active > a, .header.text-dark .search-cart i.icon:hover, .header.text-dark .search .search-btn:hover, .header.text-dark .mega-menu .drop-down a:hover i.fa, .header.text-dark .mega-menu .drop-down-tab-bar a:hover i.fa, .header.text-dark .mega-menu .drop-down a:hover, .header.text-dark .mega-menu .drop-down-tab-bar a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.text-dark .mega-menu .drop-down-multilevel a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.text-dark .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.text-dark .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.text-dark .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .header.text-dark .mega-menu .menu-links > li.active .drop-down li.active a, .header.text-dark .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover i.fa, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover i.fa, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down li a:hover, .header.dark-dropdown .mega-menu .drop-down a:hover, .header.dark-dropdown .mega-menu .drop-down-tab-bar a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover, .header.dark-dropdown .mega-menu .menu-links > li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a, .header.dark-dropdown .mega-menu .drop-down-multilevel a:hover i.fa-indicator, .header.dark-dropdown .mega-menu .drop-down-multilevel li.active a i.fa-indicator, .testimonial.text-white.clean .author-info { color: #be0017; } .portfolio-item.simple-effect .portfolio-overlay a:hover, .portfolio-item.simple-effect .portfolio-overlay span a:hover, .blockquote-section blockquote.quote:before, .play-video-section .play-video a, .dark-theme-bg .addresss-info i, .isotope-filters.dark-bg button.active, .timer-banner .slider-content .timer-box .countdown-timer .countdown span.dot, .conference-video .popup-video a i, .christmas-event .blog-detail .entry-title a:hover, .christmas-event .entry-meta ul li i, .christmas-event .entry-meta ul li a i, .christmas-event .entry-meta ul li a:hover, header.one-page.light .navbar-inverse .navbar-nav>.active>a, header.one-page.light .navbar-inverse .navbar-nav>.active>a:focus, header.one-page.light .navbar-inverse .navbar-nav>.active>a:hover, header.one-page.light .navbar-inverse .navbar-nav>li>a:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .architecture-portfolio .isotope-filters button.active, .architecture-portfolio .isotope-filters button:hover, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:focus, .one-page.dark-text .navbar-inverse .navbar-nav>.active>a:hover, .one-page.dark-text .navbar-inverse .navbar-nav>li>a:hover, .login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .page-title.light-overlay ul.page-breadcrumb li span, .page-title.light-overlay ul.page-breadcrumb li a:hover, .wishlist-page .table td.price.price-2, .blog.blog-simple .entry-meta ul li a i, .blog.blog-simple .entry-meta ul li a:hover, .header.light .search .search-btn:hover, .one-page .navbar.affix .navbar-nav>li.active>a, .one-page .navbar.affix .navbar-nav>li>a:hover, .search .search-box button:hover, .button.button-border.white:hover, .button.button-border.white:focus, .header.light .mega-menu .menu-links > li > a:hover, #header.pizza-menu .mega-menu .menu-links > li.active > a, #header.pizza-menu .mega-menu .menu-links > li > a:hover, #onepagenav .mega-menu .menu-links > li > a:hover, #onepagenav .mega-menu .menu-links > li.active > a, .tab-border .nav.nav-tabs > li > a.active, .tab-border .nav.nav-tabs > li > a.active:focus, .tab-border .nav.nav-tabs > li > a.active:hover, .shadow .nav.nav-tabs > li > a.active, .shadow .nav.nav-tabs > li > a.active:focus, .shadow .nav.nav-tabs > li > a.active:hover, .counter.theme-color span, .isotope-filters.filters-vertical button.active, .isotope-filters.filters-vertical button:hover, .counter.theme-color, .header.fancy .search .search-btn:hover, .counter.theme-color span, .isotope-filters.filters-vertical button.active, .isotope-filters.filters-vertical button:hover, .counter.theme-color, .header.fancy .search .search-btn:hover, .quote:before, .black-bg .button.icon-color:hover, .addresss-info.invoice-addresss li a { color: #be0017; } /************************* Border Color *************************/ .button, .button.gray:hover, .button.gray.active, .button.gray:focus, .button.border:hover, .button.border:focus, .button.border, .button.border.gray:hover, .button.border.gray:focus, .button.black:hover, .button.black.active, .button.black:focus, .button.icon-color i, .btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .data-table .table-2 .table thead tr th, .dropcap.dropcap-border, .feature-text.round:hover .feature-icon i, .feature-text.round:hover .feature-icon span, .feature-text.theme-icon .feature-icon span, .feature-text.theme-icon .feature-icon i, .feature-text.square:hover .feature-icon i, .feature-text.square:hover .feature-icon span, .remember-checkbox label:before, .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .panel-primary>.panel-heading, .panel-primary, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .pricing-table.active .pricing-top, .pricing-table.active.boxed, .membership-pricing-table table .plan-header-standard, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .nav-border .nav.nav-tabs > li.active > a, .nav-border .nav.nav-tabs > li.active > a:focus, .nav-border .nav.nav-tabs > li.active > a:hover, .testimonial-avatar img, .our-history .timeline > li > .timeline-badge, .isotope-filters button.active, .isotope-filters button:hover, .sidebar-widget .widget-categories li a:hover i, .blog .timeline li:hover .timeline-badge, .blog .timeline li:hover .timeline-panel, .video-background-banner .slider-content, .service-blog ul, .service-blog.left ul, .personal-typer-banner h2, .personal-typer-banner b { border-color: #be0017; } .border-memu .navbar-inverse .navbar-nav>.active>a, .border-memu .navbar-inverse .navbar-nav>.active>a:focus, .border-memu .navbar-inverse .navbar-nav>.active>a:hover, .border-memu .navbar-inverse .navbar-nav a:hover, .agency-banner .slider-content h1, .login-box-left li.active a, .login-box-left li a:hover, .login-box-left li.active a, .login-box-left li a:hover, .blog-box.blog-2.blog-border .blog-info .tag, .tab.nav-bt .nav li.active, .tab.nav-bl .nav li.active, .tab.nav-br .nav li.active, .book-about blockquote, .hotel-banner-checkout .checkout, .tab .nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:focus, .nav.nav-tabs > li.active > a:hover, .button.button-border, .button.button-border:hover, .button.button-border:focus, .nav.nav-tabs > li > a.active:focus, .nav.nav-tabs > li > a.active:hover, .page-item.active .page-link, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li a:hover, .button.button-border.gray:hover, .button.button-border.gray:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus, .tab.nav-bt .nav.nav-tabs > li> a.active, .tab.nav-bl .nav.nav-tabs > li > a.active, .tab.nav-br .nav.nav-tabs > li > a.active, .isotope-filters.dark-bg button.active, .isotope-filters button:hover, .isotope-filters.filters-vertical button.active, .isotope-filters.filters-vertical button:hover, .wishlist-page .table td.total a:hover, .isotope-filters.dark-bg button.active, .isotope-filters button:hover, .isotope-filters.filters-vertical button.active, .isotope-filters.filters-vertical button:hover, .wishlist-page .table td.total a:hover, .spa-border:before, .team.team-list { border-color: #be0017; } /*border left border right*/ .blog .timeline li:hover .timeline-panel:before { border-left-color: #be0017; border-right-color:#be0017; } /************************* important *************************/ .rev-color { color: #be0017 !important; } .rev-button, .rev-btn, .badge-primary, .nav-pills .nav-link.active, .nav-pills .show>.nav-link, .bg-primary { background: #be0017 !important; } .rev-button:hover, .rev-btn:hover { background: #ffffff !important; color: #323232 !important; } .rev-bg { background: #be0017 !important; } .border-primary { border-color: #be0017 !important; } .footer .footer-social ul li a:hover, .slider-content .typer { color: #be0017 !important; } .progress-bar-new, .progress-bar { background-color: #be0017; } /************************* dark color *************************/ .agency-form .contact-form, .agency-counter .row { background: #dc5244; } /************************* box shadow *************************/ #onepagenav.onepage-hover-01 .mega-menu .menu-links > li > a:hover, #onepagenav.onepage-hover-01 .mega-menu .menu-links > li.active > a { box-shadow: inset 178px 0px 0px 0px #be0017; } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(255, 121, 108, 0.5); } /************************* Rgba Background Color *************************/ .st-menu ul.menu li a:before { background: rgba(255, 121, 108, 0.4); } .service-plumber .feature-box:hover:before, .service-plumber .feature-box.active:before { background: rgba(255, 121, 108, 0.9); } .bg-overlay-theme-10:before { background: rgba(255, 121, 108, 0.1); } .bg-overlay-theme-20:before { background: rgba(255, 121, 108, 0.2); } .bg-overlay-theme-30:before { background: rgba(255, 121, 108, 0.3); } .bg-overlay-theme-40:before { background: rgba(255, 121, 108, 0.4); } .bg-overlay-theme-50:before { background: rgba(255, 121, 108, 0.5); } .bg-overlay-theme-60:before { background: rgba(255, 121, 108, 0.6); } .bg-overlay-theme-70:before { background: rgba(255, 121, 108, 0.7); } .bg-overlay-theme-80:before { background: rgba(255, 121, 108, 0.8); } .bg-overlay-theme-90:before { background: rgba(255, 121, 108, 0.9); }