html, body { padding: 0; margin: 0; } body { background-color: #F2F4F5; /* for boxed layout */ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; line-height: 26px; font-size: 16px; font-weight: 300; color: #545A5F; overflow-x: hidden; } a { color: #d61f26; } a:hover, a:focus { color: #d61f26; text-decoration: underline; } a, a:focus, a:hover, a:active { outline: none !important; } img { max-width: 100%; } #body-content { background-color: #FFF; /* for full width layout */ overflow: hidden; } /* Element cover */ .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(5, 16, 21, 0.4); } /* Lead */ .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 28px; } @media (min-width: 768px) { .lead { font-size: 19px; } } @media (max-width: 720px) {.lead {line-height: 24px!important;font-size: 17px !important;font-weight: 400!important;color: #484e51!important;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;}} /* Boxed layout (add class="boxed" in "" tag to enable boxed layout. Example: ) */ @media (min-width : 1200px) { body.boxed #body-content { max-width: 1220px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08); } body.boxed #header .header-container { width: 100%; max-width: 1250px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.boxed #header.transparent .header-container { width: 100%; max-width: 1170px; } body.boxed #header.transparent.header-filled .header-container { width: 100%; max-width: 1250px; } } /* ------------------------------------------------------------- * * Page preloader (display loading animation while page loads) /* ------------------------------------------------------------- */ .c-preloader { display: none; justify-content: center; align-items: center; text-align: center; height: 100%; } .c-preloader__spinner { min-width: 70px; min-height: 70px; } .c-preloader__spinner:before { content: 'Loading…'; position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; margin-top: -35px; margin-left: -35px; } @keyframes c-preloader__spinner { to {transform: rotate(360deg);} } @-webkit-keyframes c-preloader__spinner { to {-webkit-transform: rotate(360deg);} } .c-preloader__spinner:not(:required):before { content: ''; border-radius: 50%; border: 4px solid transparent; animation: c-preloader__spinner .8s ease infinite; -webkit-animation: c-preloader__spinner .8s ease infinite; } #preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #070F13; z-index: 99999; } @-webkit-keyframes scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } /* ------------------------------------------------------------- * * Top slidingbar /* ------------------------------------------------------------- */ #top-slidingbar-wrapper { position: absolute; top: 0; left: 0; width: 100%; padding: 0; z-index: 99998; overflow: visible; } #top-slidingbar { display: none; height: auto; color: #A4AAAD; background-color: #070F13; background-color: rgba(0, 13, 19, 0.95); overflow: hidden; position: relative; padding: 30px 0; } .top-slidingbar-heading { margin-top: 0; font-size: 16px; } @media (max-width: 991px) { #top-slidingbar { max-height: 440px; overflow-y: auto; } #top-slidingbar .col { margin-bottom: 30px; } #top-slidingbar .col:last-child { margin-bottom: 0; } } /* top-slidingbar trigger*/ #top-slidingbar-wrapper .top-slidingbar-trigger-wrapper { position: absolute; right: 0; z-index: 9; border-top: 35px solid #d61f26; border-left: 35px solid transparent; } #top-slidingbar-wrapper .top-slidingbar-trigger { position: absolute; width: 22px; height: 22px; line-height: 18px; bottom: 13px; right: 0px; text-align: center; font-size: 16px; font-weight: 600; color: #FFF; cursor: pointer; } /* top-slidingbar fixed */ #top-slidingbar-wrapper.slidingbar-fixed { position: fixed; } /* ------------------------------------------------------------- * * Header /* ------------------------------------------------------------- */ #header-wrap { } #header { position: relative; top: 0; left: 0; width: 100%; min-height: 68px; background-color: #FFF; z-index: 999; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #header .header-container { position: relative; } /* Dark header */ #header.header-dark { background-color: #F8F8F8 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Header custom background color */ #header.header-color { background-color: #d61f26; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Fluid header */ #header.header-fluid > .container { width: 100%; } /* If boxed layout enabled */ body.boxed #header.header-fluid .container { max-width: 1260px; } /* Fixed header */ #header.fixed-top, #header.fixed-top.transparent, #header.fixed-top.semi-transparent { position: fixed; background-color: transparent; border-bottom: 1px solid #ededed; } /* Hide header/menu on scroll down and show on scroll up */ .show-hide-on-scroll { position: fixed !important; } .show-hide-on-scroll.fly-up { margin-top: -150px !important; } .show-hide-on-scroll.no-move.fly-up { /* header no move if full screen menu is open */ margin-top: 0 !important; } @media (max-width: 768px) { /* header no move on small devices */ .show-hide-on-scroll { position: absolute !important; } .show-hide-on-scroll.fly-up { margin-top: 0 !important; } #header.header-dark { background-color: #070F13; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } /* Transparent header */ #header.transparent, #header.transparent.fly-up.header-filled { position: absolute; background-color: transparent !important; box-shadow: none; } /* Transparent header + bottom border */ #header.transparent.transparent-border { border-bottom: 1px solid rgba(255,255,255,0.28); } #header.transparent.transparent-border.header-filled { border: none; } /* Semi transparent header */ #header.semi-transparent { position: absolute; background-color: rgba(255, 255, 255, 0.92); } #header.header-dark.semi-transparent { background-color: rgba(0, 0, 0, 0.85); } #header.header-color.semi-transparent { background-color: rgba(247, 70, 91, 0.9); } /* Header filled */ #header.transparent.header-filled { background-color: #FFF; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); } #header.header-dark.transparent.header-filled { background-color: #070F13; } #header.header-color.transparent.header-filled { background-color: #d61f26; } #header.transparent.header-filled .container, #header.transparent.header-filled .container-fluid { margin-top: 0; margin-bottom: 0; } /* Header shadow */ #header.header-shadow:after { position: absolute; display: block; content: ""; left: 0; bottom: -10px; width: 100%; height: 10px; background-image: url(../img/header-shadow.png); background-repeat: no-repeat; background-position: top center; } #header.transparent.header-shadow:after { /* if header is transparent */ display: none; } #header.transparent.header-filled.header-shadow:after { /* if header is filled */ display: block; } /* Header sizes */ @media (min-width: 992px) { /* Header */ #header.header-md { min-height: 90px; border-bottom: 1px solid #ededed; } #header.header-lg { min-height: 100px; } #header.header-xlg { min-height: 120px; } /* Header logo */ #header.header-md .logo h1 { line-height: 80px; } #header.header-lg .logo h1 { font-size: 34px; line-height: 100px; } #header.header-xlg .logo h1 { font-size: 36px; line-height: 120px; } /* Header navbar links */ #header.header-md .navbar-nav > li > a, #header.header-md .navbar-nav .nav-link-separator { padding-top: 30px; padding-bottom: 30px; } #header.header-lg .navbar-nav > li > a, #header.header-lg .navbar-nav .nav-link-separator { padding-top: 40px; padding-bottom: 40px; } #header.header-xlg .navbar-nav > li > a, #header.header-xlg .navbar-nav .nav-link-separator { padding-top: 50px; padding-bottom: 50px; } /* Header navbar links (nav-pills) */ #header.header-md .navbar-nav.nav-pills > li > a { margin-top: 30px; margin-bottom: 24px; text-transform: uppercase; background-color: #ededed; border: 2px solid #ededed; } #header.header-lg .navbar-nav.nav-pills > li > a { margin-top: 34px; margin-bottom: 34px; } #header.header-xlg .navbar-nav.nav-pills > li > a { margin-top: 44px; margin-bottom: 44px; } /* Header menu hamburger button */ #header.header-md .fullscreen-menu .menu-button { top: 14px; } #header.header-lg .fullscreen-menu .menu-button { top: 24px; } #header.header-xlg .fullscreen-menu .menu-button { top: 34px; } /* Header size if header is filled */ #header.header-filled { min-height: 65px; background-color: #f8f8f8 !important; } #header.header-filled .logo { margin-top:10px; width: 117px !important; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; -ms-transition: ease 0.2s; -o-transition: ease 0.2s; transition: ease 0.2s;} @media (min-width: 600px) {#header.header-filled .logo {margin-top: -7px!important;}} #header.header-filled .logo h1 { line-height: 65px; font-size: 26px; } #header.header-filled .navbar-nav > li > a, #header.header-filled .navbar-nav .nav-link-separator { padding-top: 24px !important; padding-bottom: 24px !important; } #header.header-filled .navbar-nav.nav-pills > li > a { margin-top: 18px; margin-bottom: 18px; padding-top: 3px !important; padding-bottom: 3px !important; } #header.header-filled .fullscreen-menu .menu-button { top: 7px; } } /* ------------------------------------------------------------- * * Logo /* ------------------------------------------------------------- */ .logo { position: relative; float: left; z-index: 9; display: block; margin-left: -7px; -webkit-transition: ease 0.2s; -moz-transition: ease 0.2s; -ms-transition: ease 0.2s; -o-transition: ease 0.2s; transition: ease 0.2s; } @media (max-width: 460px) {.logo {margin-top: -2px!important;width: 80%;}} @media (max-width: 460px) {.logo img{width: 106px !important; margin-top: 13px !important;}} .mobile-logo { position: relative; float: left; z-index: 9; display: none; } #header.header-fluid .logo { left: 30px; } @media (max-width: 992px) { #header.header-fluid .logo { left: 20px; } .mobile-logo { position: relative; float: left; z-index: 9; display:block; margin-top: -5px !important; } } .logo a { text-decoration: none; } .logo h1 { margin: 0; text-transform: uppercase; font-weight: 500; font-size: 32px; color: #545A5F; line-height: 68px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 992px) { #header .logo h1 { font-size: 26px; } } .logo:hover h1 { letter-spacing: 2px; } /* If header is transparent */ #header.transparent .logo h1 { color: #FFF; } /* If header is filled */ #header.header-filled .logo h1 { color: #545A5F; } /* If header is dark or custom background color used */ #header.header-dark .logo h1, #header.header-dark.transparent .logo h1, #header.header-dark.semi-transparent .logo h1, #header.header-color .logo h1, #header.header-color.transparent .logo h1, #header.header-color.semi-transparent .logo h1 { color: #FFF; } @-webkit-keyframes fadeinout { 50% { opacity: 1; } } @keyframes fadeinout { 50% { opacity: 1; } } /* ------------------------------------------------------------- * * Menu/Navbar (Bootstrap default) /* ------------------------------------------------------------- */ .navbar { position: static; background-color: transparent; min-height: auto; margin-bottom: 0; border: none; border-radius: 0 !important; margin-right: -15px; } .navbar-nav { font-size: 0; } .navbar-nav > li { float: none; display: inline-block; } .navbar-nav > li > a { margin: 0 8px; padding: 24px 0; line-height: 21px; font-size: 13px; font-weight: 500; color: #545A5F; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .navbar-nav > li:first-child > a { margin-left: 0; } .navbar-nav > li:last-child > a { margin-right: 0; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: transparent; border-color: transparent; } .nav > li > a:focus, .nav > li > a:hover, .nav > .open > a, .nav > .open > a:focus, .nav > .open > a:hover, .nav > .active > a, .nav > .active > a:focus, .nav > .active > a:hover { background-color: transparent; border-color: transparent; color: #d61f26 !important; } /* Caret */ .caret { /* bootstrap default */ margin-left: 3px; } .caret-2 { margin-left: 3px; } /* Navbar links separator */ .navbar-nav .nav-link-separator { display: none; padding: 21px 0; font-size: 12px; font-weight: 400; color: #D8D8D8; line-height: 21px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav-separator .navbar-nav .nav-link-separator { display: block; } /* If navbar uppercase letters are allowed */ .nav-uppercase .navbar-nav > li > a { text-transform: uppercase; font-size: 13px; } /* Navbar align */ .navbar-left { float: left !important; margin-left: 0px !important; } .navbar-right { float: right !important; margin-right: -15px; } @media (min-width : 1200px) { #header.header-fluid .navbar-right { margin-right: 20px; } } .navbar-center { float: none !important; text-align: center; } /* If header is filled */ #header.header-filled .navbar-nav > li > a, #header.header-filled.transparent .navbar-nav > li > a { color: #FFFFFF; } #header.header-dark.header-filled .navbar-nav > .active > a, #header.header-dark.header-filled .navbar-nav > li > a:hover { color: #d61f26; } /* if header is dark */ #header.header-dark .navbar-nav > li > a, #header.header-dark.header-filled .navbar-nav > li > a { font-weight: 700; padding: 8px 16px; color: #949494; } #header.header-dark .nav > li > a:focus, #header.header-dark .nav > li > a:hover, #header.header-dark .nav > .open > a, #header.header-dark .nav > .open > a:focus, #header.header-dark .nav > .open > a:hover, #header.header-dark .nav > .open > a, #header.header-dark .nav > .open > a:focus, #header.header-dark .nav > .open > a:hover, #header.header-dark .nav > .active > a, #header.header-dark .nav > .active > a:focus, #header.header-dark .nav > .active > a:hover { color: #d61f26; } #header.header-dark .navbar-nav .nav-link-separator { color: #ABABAB; } /* if header is colored */ #header.header-color .navbar-nav > li > a, #header.header-color.header-filled .navbar-nav > li > a { color: #FFF; } #header.header-color .navbar-nav > li > a:hover, #header.header-color .navbar-nav > li.active > a, #header.header-color .navbar-nav > li.active > a:focus, #header.header-color .navbar-nav > li.active > a:hover, #header.header-color .navbar-nav > li > a:focus, #header.header-color .navbar-nav > .open > a, #header.header-color .navbar-nav > .open > a:focus { color: #000 !important; } #header.header-color.header-filled .navbar-nav > li > a:hover, #header.header-color.header-filled .navbar-nav > li.active > a, #header.header-color.header-filled .navbar-nav > li.active > a:focus, #header.header-color.header-filled .navbar-nav > li.active > a:hover, #header.header-color.header-filled .navbar-nav > li > a:focus, #header.header-color.header-filled .navbar-nav > .open > a, #header.header-color.header-filled .navbar-nav > .open > a:focus { color: #000 !important; } #header.header-color.transparent .navbar-nav > li > a:hover, #header.header-color.transparent .navbar-nav > li.active > a, #header.header-color.transparent .navbar-nav > li.active > a:focus, #header.header-color.transparent .navbar-nav > li.active > a:hover, #header.header-color.transparent .navbar-nav > li > a:focus, #header.header-color.transparent .navbar-nav > .open > a, #header.header-color.transparent .navbar-nav > .open > a:focus { color: #d61f26 !important; } #header.header-color.transparent.header-filled .navbar-nav > li > a:hover, #header.header-color.transparent.header-filled .navbar-nav > li.active > a, #header.header-color.transparent.header-filled .navbar-nav > li.active > a:focus, #header.header-color.transparent.header-filled .navbar-nav > li.active > a:hover, #header.header-color.transparent.header-filled .navbar-nav > li > a:focus, #header.header-color.transparent.header-filled .navbar-nav > .open > a, #header.header-color.transparent.header-filled .navbar-nav > .open > a:focus { color: #000 !important; } #header.header-color .navbar-nav .nav-link-separator { color: #FFF; } /* if header is transparent */ #header.transparent .navbar-nav > li > a { color: #FFF; } /* Navbar nav pills ===================== */ .navbar-nav.nav-pills > li + li { margin-left: 0; } .navbar-nav.nav-pills > li > a { margin: 17px 3px; padding: 4px 9px !important; font-size: 13px; color: #FFFFFF; border: 1px solid rgba(195, 195, 195, 0.06); border-radius: 0px; } .navbar-nav.nav-pills > li > a:hover { text-decoration: inherit; color: #D61F26 !important; background-color: #ffffff !important; border: 2px solid #dedede !important; } .navbar-nav.nav-pills > li > a:focus, .navbar-nav.nav-pills > .open > a, .navbar-nav.nav-pills > .open > a:focus { text-decoration: inherit; color: #D61F26 !important; background-color: #ffffff !important; border: 2px solid #dedede !important; } .navbar-nav.nav-pills > li.active > a, .navbar-nav.nav-pills > li.active > a:focus, .navbar-nav.nav-pills > li.active > a:hover { font-weight: 500; color: #D61F26 !important; cursor: pointer; background-color: #ffffff !important; border: 2px solid #dedede !important; } color: #ffffff !important; .customer-login { margin: 0 20px 0 0; } .navbar-nav.nav-pills > li.customer-login-mobile { display:none; margin-top: 12px; margin-bottom: 12px; } .navbar-nav.nav-pills > li.customer-login-mobile a:hover { display:block; background-color: #d61f26 !important; font-weight: 500; color: #FFF !important; cursor: pointer; border-color: #d61f26 !important; } .navbar-nav.nav-pills > li.customer-login > a { background-color: rgba(95, 8, 11, 0.43) !important; font-weight: 500; color: #FFF !important; cursor: pointer; border-color: rgba(138, 13, 18, 0.58) !important; float: none; display: block !important; margin: -57px 0 2px 20px; text-align: center; width: 150px; text-align: center !important; } .navbar-nav.nav-pills > li.customer-login > a:focus, .navbar-nav.nav-pills > li.customer-login > a:hover { background-color: #d61f26 !important; font-weight: 500; color: #FFF !important; cursor: pointer; border-color: #d61f26 !important; } /* if header is dark */ #header.header-dark.header-filled .navbar-nav.nav-pills > li.active > a, #header.header-dark.header-filled .navbar-nav.nav-pills > li.active > a:focus, #header.header-dark.header-filled .navbar-nav.nav-pills > li.active > a:hover, #header.header-dark.header-filled .navbar-nav.nav-pills > li > a:hover, #header.header-dark.header-filled .navbar-nav.nav-pills > li > a:focus, #header.header-dark.header-filled .navbar-nav.nav-pills > .open > a, #header.header-dark.header-filled .navbar-nav.nav-pills > .open > a:focus { } /* if header is colored */ #header.header-color .navbar-nav.nav-pills > li > a:hover, #header.header-color .navbar-nav.nav-pills > li.active > a, #header.header-color .navbar-nav.nav-pills > li.active > a:focus, #header.header-color .navbar-nav.nav-pills > li.active > a:hover, #header.header-color .navbar-nav.nav-pills > li > a:focus, #header.header-color .navbar-nav.nav-pills > .open > a, #header.header-color .navbar-nav.nav-pills > .open > a:focus { background-color: #FFF !important; color: #000 !important; border-color: rgba(0, 0, 0, 0) !important; } #header.header-color.header-filled .navbar-nav.nav-pills > li > a:hover, #header.header-color.header-filled .navbar-nav.nav-pills > li.active > a, #header.header-color.header-filled .navbar-nav.nav-pills > li.active > a:focus, #header.header-color.header-filled .navbar-nav.nav-pills > li.active > a:hover, #header.header-color.header-filled .navbar-nav.nav-pills > li > a:focus, #header.header-color.header-filled .navbar-nav.nav-pills > .open > a, #header.header-color.header-filled .navbar-nav.nav-pills > .open > a:focus { background-color: #FFF !important; color: #000 !important; border-color: rgba(0, 0, 0, 0) !important; } #header.header-color.transparent .navbar-nav.nav-pills > li > a:hover, #header.header-color.transparent .navbar-nav.nav-pills > li.active > a, #header.header-color.transparent .navbar-nav.nav-pills > li.active > a:focus, #header.header-color.transparent .navbar-nav.nav-pills > li.active > a:hover, #header.header-color.transparent .navbar-nav.nav-pills > li > a:focus, #header.header-color.transparent .navbar-nav.nav-pills > .open > a, #header.header-color.transparent .navbar-nav.nav-pills > .open > a:focus { background-color: #d61f26 !important; color: #FFF !important; border-color: rgba(0, 0, 0, 0) !important; } #header.header-color.transparent.header-filled .navbar-nav.nav-pills > li > a:hover, #header.header-color.transparent.header-filled .navbar-nav.nav-pills > li.active > a, #header.header-color.transparent.header-filled .navbar-nav.nav-pills > li.active > a:focus, #header.header-color.transparent.header-filled .navbar-nav.nav-pills > li.active > a:hover, #header.header-color.transparent.header-filled .navbar-nav.nav-pills > li > a:focus, #header.header-color.transparent.header-filled .navbar-nav.nav-pills > .open > a, #header.header-color.transparent.header-filled .navbar-nav.nav-pills > .open > a:focus { background-color: #FFF !important; color: #000 !important; border-color: rgba(0, 0, 0, 0) !important; } /* Navbar nav border bottom ============================= */ .navbar-nav.nav-border-bottom > li + li { margin-left: 0; } .navbar-nav.nav-pills.nav-border-bottom > li > a { padding-left: 0px !important; padding-right: 0px !important; box-shadow: inset 0 -2px transparent !important; } .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, .navbar-nav.nav-pills.nav-border-bottom > li.active > a, .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover { cursor: inherit; border-color: transparent !important; box-shadow: inset 0 -2px #d61f26 !important; } .navbar-nav.nav-tabs.nav-border-bottom > li > a:focus, .navbar-nav.nav-tabs.nav-border-bottom > .open > a, .navbar-nav.nav-tabs.nav-border-bottom > .open > a:focus, .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, .navbar-nav.nav-pills.nav-border-bottom > .open > a, .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { background-color: transparent !important; color: #d61f26 !important; box-shadow: inset 0 -2px #d61f26 !important; } /* if header is transparent */ #header.transparent .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.transparent .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.transparent .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.transparent .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.transparent .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.transparent .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.transparent .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { background-color: transparent !important; color: #d61f26 !important; box-shadow: inset 0 -2px #d61f26 !important; } #header.transparent.header-filled .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.transparent.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.transparent.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.transparent.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.transparent.header-filled .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.transparent.header-filled .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.transparent.header-filled .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { background-color: transparent !important; color: #d61f26 !important; box-shadow: inset 0 -2px #d61f26 !important; } /* if header is dark */ #header.header-dark.header-filled .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.header-dark.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.header-dark.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.header-dark.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.header-dark.header-filled .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.header-dark.header-filled .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.header-dark.header-filled .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { background-color: transparent !important; color: #d61f26 !important; box-shadow: inset 0 -2px #d61f26 !important; } /* if header is colored */ #header.header-color .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.header-color .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.header-color .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.header-color .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.header-color .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.header-color .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.header-color .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { background-color: transparent !important; color: #FFF !important; box-shadow: inset 0 -2px #FFF !important; } #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { background-color: transparent !important; color: #FFF !important; box-shadow: inset 0 -2px #FFF !important; } #header.header-color.transparent .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.header-color.transparent .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.header-color.transparent .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.header-color.transparent .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.header-color.transparent .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.header-color.transparent .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.header-color.transparent .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { background-color: transparent !important; color: #d61f26 !important; box-shadow: inset 0 -2px #d61f26 !important; } #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.transparent.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.transparent.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.transparent.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.transparent.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { background-color: transparent !important; color: #FFF !important; box-shadow: inset 0 -2px #FFF !important; } /* Make navigation toggle on desktop hover (use class: dropdown-hover). Note: Depend on bootstrap menu breakpoint. ====================================================================================================================*/ @media (min-width : 992px) { .dropdown-hover > .dropdown-menu { display: block; visibility: hidden; opacity: 0; } .dropdown-hover:hover > .dropdown-menu { visibility: visible; opacity: 1; } } /* Mobile menu (shange bootstrap menu breakpoint "768px", "992px", "1200px") ============================================================================== */ @media (max-width : 992px) { .header-filled {background-color: #000 !important;}} @media (min-width : 580px) and (max-width : 992px) {.navbar-toggle{margin-top: 20px !important;}} @media (min-width : 580px) and (max-width : 992px) {.logo img { width: 101px !important;}} @media (max-width : 992px) { /* Header */ #header .header-container { width: 100%; } #header.fixed-top, .show-hide-on-scroll { /* position: absolute !important; */ } #header.show-hide-on-scroll.fly-up { margin-top: 0 !important; } /* Navbar */ .navbar { float: none !important; } /* Navbar toggle buttom */ .navbar-header { float: none; } .navbar-toggle { position: relative; display: block; float: right; padding: 9px 10px; margin-top: 17px; margin-right: 5px !important; margin-bottom: 12px; background-image: none; border-radius: 0; border: none; } .navbar-toggle:focus, .navbar-toggle:hover { background-color: transparent; } .navbar-toggle .icon-bar, .navbar-default .navbar-toggle .icon-bar { width: 26px; height: 4px; background-color: #FFF; border-radius: 5px; } #header.header-filled .navbar-toggle .icon-bar, /* If header is filled */ #header.header-filled .navbar-default .navbar-toggle .icon-bar { background-color: #FFF; } #header.header-dark .navbar-toggle .icon-bar, /* If header is transparent, dark or custom background color used */ #header.transparent .navbar-toggle .icon-bar, #header.header-dark.transparent .navbar-toggle .icon-bar, #header.header-dark.semi-transparent .navbar-toggle .icon-bar, #header.header-color .navbar-toggle .icon-bar, #header.header-color.transparent .navbar-toggle .icon-bar, #header.header-color.semi-transparent .navbar-toggle .icon-bar { background-color: #727272; } /* Navbar nav */ .navbar-nav { float: none !important; margin: 0; margin-left: 0px !important; } .navbar-nav > li { float: none; display: block !important; text-align: left !important; } .nav-pills > li.customer-login { margin: -304px 0 2px 0px; width: 180px; } .nav-pills > li.customer-login { display: none !important;} .nav-pills > li.customer-login-mobile { display:block; } .nav-pills > li.customer-login-mobile a { background-color: rgba(95, 8, 11, 0.36) !important; font-weight: 500; color: #FFF !important; cursor: pointer; border-color: rgba(138, 13, 18, 0.58) !important; float: none; display: block !important; text-align: left !important; border-radius: 4px; border: 1px solid rgba(138, 13, 18, 0.58) !important; height: 45px; } .nav-pills > li.customer-login-mobile li a:hover { display:block; background-color: #d61f26 !important; font-weight: 500; color: #FFF !important; cursor: pointer; border-color: #d61f26 !important; } .navbar-nav .nav-link-separator { display: none !important; } /* Navbar collapse */ .navbar-collapse { max-height: 85vh; background-color: #FFF; margin-left: -15px; margin-right: -15px; border-top: 1px solid rgba(115, 115, 115, 0.13); -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.07); } .navbar.mobile-logo { position: relative; float: left; z-index: 9; display:none; } .navbar-collapse.collapse { display: none!important; } .collapse.in { display: block !important; overflow-y: auto !important; } .navbar-collapse .navbar-nav > li > a { margin: 0 !important; padding: 24px 20px !important; color: #545A5F !important; border-radius: 0px !important; } .navbar-collapse .navbar-nav li > a:hover { background-color: transparent; text-decoration: none !important; border-color: rgba(115, 115, 115, 0.13); } .navbar-collapse .navbar-nav > li > a:focus, .navbar-collapse .navbar-nav > li > a:hover, .navbar-collapse .navbar-nav .open > a, .navbar-collapse .navbar-nav .open > a:focus, .navbar-collapse .navbar-nav .open > a:hover, .navbar-collapse .navbar-nav > .open > a, .navbar-collapse .navbar-nav > .open > a:focus, .navbar-collapse .navbar-nav > .open > a:hover, .navbar-collapse .navbar-nav > .active > a, .navbar-collapse .navbar-nav > .active > a:focus, .navbar-collapse .navbar-nav > .active > a:hover { background-color: transparent; text-decoration: none !important; border-color: rgba(115, 115, 115, 0.13); } .navbar-collapse .navbar-nav > li:last-child > a { } .navbar-collapse .navbar-nav li a .caret { margin-left: 10px; } .dropdown-header { color: #8E969C !important; } /* Navbar collapse nav pills */ .navbar-collapse .navbar-nav.nav-pills > li > a { background: none; margin: 0; border: none; border-bottom: 1px solid rgba(115, 115, 115, 0.13); color: #545A5F !important; } .navbar-collapse .navbar-nav.nav-pills > li > a :last-child { display: inline-block;} .navbar-collapse .navbar-nav.nav-pills > li.active > a, .navbar-collapse .navbar-nav.nav-pills > li.active > a:focus, .navbar-collapse .navbar-nav.nav-pills > li.active > a:hover, .navbar-collapse .navbar-nav.nav-pills.nav-border-bottom > li.active > a, .navbar-collapse .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, .navbar-collapse .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover { background-color: transparent !important; border: none !important; border-bottom: 1px solid rgba(115, 115, 115, 0.13) !important; box-shadow: none !important; } .navbar-collapse .navbar-nav.nav-pills > li > a:focus, .navbar-collapse .navbar-nav.nav-pills > .open > a, .navbar-collapse .navbar-nav.nav-pills > .open > a:focus { background-color: transparent !important; text-decoration: none; border: none; color: #545A5F !important; border-bottom: 1px solid rgba(115, 115, 115, 0.13) !important; } /* Navbar collapse border bottom */ .navbar-nav.nav-tabs.nav-border-bottom > li + li, .navbar-nav.nav-pills.nav-border-bottom > li + li { margin-left: 0 !important; } .navbar-nav.nav-pills.nav-border-bottom > li > a { padding-left: 20px !important; padding-right: 20px !important; box-shadow: none !important; border-bottom: 1px solid rgba(115, 115, 115, 0.13) !important; } .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, .navbar-nav.nav-pills.nav-border-bottom > li.active > a, .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, .navbar-nav.nav-tabs.nav-border-bottom > li > a:focus, .navbar-nav.nav-tabs.nav-border-bottom > .open > a, .navbar-nav.nav-tabs.nav-border-bottom > .open > a:focus, .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, .navbar-nav.nav-pills.nav-border-bottom > .open > a, .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { color: #545A5F !important; box-shadow: none !important; border-bottom: 1px solid rgba(115, 115, 115, 0.13) !important; } /* Navbar collapse dropdown */ .navbar-collapse .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin: 0 !important; padding: 5px 0 ; background-color: rgba(0,0,0,0.05); text-align: left; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse .dropdown-submenu .caret { position: static; top: 19px; border-top: 4px dashed; border-left: 4px solid transparent; border-right: 4px solid transparent; } .navbar-collapse .navbar-nav .open .dropdown-menu li, .navbar-collapse .navbar-default .navbar-nav .open .dropdown-menu li { padding-left: 20px; } .navbar-collapse .navbar-nav .open .dropdown-menu li > a, .navbar-collapse .navbar-default .navbar-nav .open .dropdown-menu li > a { padding: 12px 10px 12px 10px; color: #8E969C; } .navbar-collapse .navbar-nav .open .dropdown-menu li:last-child > a, .navbar-collapse .navbar-default .navbar-nav .open .dropdown-menu li:last-child > a { border-bottom: none; } /* If navbar collapse is dark */ .navbar-collapse.mob-navbar-collapse-dark { background-color: #f8f8f8; } .navbar-collapse.mob-navbar-collapse-dark .navbar-nav li > a { color: #727272 !important; border-bottom: 1px solid rgba(115, 115, 115, 0.13); } .clm { height:30px; } .navbar-collapse.mob-navbar-collapse-dark .navbar-nav li > a:hover, .navbar-collapse.mob-navbar-collapse-dark .navbar-nav li.active > a, .navbar-collapse.mob-navbar-collapse-dark .navbar-nav li.active > a:focus, .navbar-collapse.mob-navbar-collapse-dark .navbar-nav li.active > a:hover, .navbar-collapse.mob-navbar-collapse-dark .navbar-nav li > a:focus, .navbar-collapse.mob-navbar-collapse-dark .navbar-nav > .open > a, .navbar-collapse.mob-navbar-collapse-dark .navbar-nav > .open > a:focus, .navbar-collapse.mob-navbar-collapse-dark .navbar-nav li > a:focus, .navbar-collapse.mob-navbar-collapse-dark .navbar-nav > .open > a, .navbar-collapse.mob-navbar-collapse-dark .navbar-nav > .open > a:focus { border-radius: 4px; text-decoration: inherit; color: #D61F26 !important; background-color: transparent !important; border-bottom: 1px solid rgba(115, 115, 115, 0.13) !important; border-left: none !important; border-top: none !important; border-right: none !important; } .navbar-collapse.mob-navbar-collapse-dark .navbar-nav li.customer-login-mobile > a:focus, .navbar-collapse.mob-navbar-collapse-dark .navbar-nav li.customer-login-mobile > a:hover { background-color: #d61f26 !important; font-weight: 500; color: #FFF !important; cursor: pointer; border-color: #d61f26 !important; } .navbar-collapse.mob-navbar-collapse-dark .navbar-nav .open .dropdown-menu { background-color: rgba(255, 255, 255, 0.05); } .navbar-collapse.mob-navbar-collapse-dark .dropdown-menu-color > .dropdown-header { font-weight: 400; color: #A7A7A7; } .navbar-collapse.mob-navbar-collapse-dark .navbar-nav .open .dropdown-menu li > a { color: #A7A7A7 !important; } .navbar-collapse.mob-navbar-collapse-dark .dropdown-menu .divider { background-color: rgba(255, 255, 255, 0.11); } .navbar-collapse.mob-navbar-collapse-dark .dropdown-header { color: #CACACA !important; } /* Navbar collapse links align */ .navbar-collapse.mob-navbar-align-center .navbar-nav li, .navbar-collapse.mob-navbar-align-center .navbar-nav .open .dropdown-menu li { padding: 0; text-align: center !important; } /* If header is dark */ #header.header-dark .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.header-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.header-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.header-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.header-dark .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.header-dark .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.header-dark .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { box-shadow: none !important; border-bottom: 1px solid rgba(115, 115, 115, 0.13) !important; color: #545A5F !important; } /* If header is colored */ #header.header-color .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.header-color .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.header-color .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.header-color .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.header-color .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.header-color .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.header-color .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { box-shadow: none !important; border-bottom: 1px solid rgba(115, 115, 115, 0.13) !important; color: #545A5F !important; } /* If header is transparent */ #header.transparent .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.transparent .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.transparent .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.transparent .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.transparent .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.transparent .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.transparent .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { box-shadow: none !important; border-bottom: 1px solid rgba(115, 115, 115, 0.13) !important; color: #545A5F !important; } /* If header is dark + mob-navbar-collapse-dark */ #header.header-dark .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.header-dark .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.header-dark .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.header-dark .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.header-dark .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.header-dark .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.header-dark .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { color: #DDD !important; box-shadow: none !important; } /* If header is colored + mob-navbar-collapse-dark */ #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.header-color .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.header-color .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.header-color .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.header-color .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.header-color .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.header-color .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.header-color .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { color: #DDD !important; box-shadow: none !important; } /* If header is transparent + mob-navbar-collapse-dark */ #header.transparent.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.transparent.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.transparent.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.transparent.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus, #header.transparent.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.transparent.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.transparent.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.transparent.header-color.header-filled .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li > a:hover, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a:focus, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li.active > a:hover, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > li > a:focus, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > .open > a, #header.transparent .mob-navbar-collapse-dark .navbar-nav.nav-pills.nav-border-bottom > .open > a:focus { color: #DDD !important; box-shadow: none !important; } } /* --------------------------------------------------------------------------------------------------------- * * Fullscreen overlay menu * More info: (http://www.jqueryscript.net/menu/Responsive-Fullscreen-Navigation-Menu-with-jQuery-CSS3.html /* --------------------------------------------------------------------------------------------------------- */ /* No scroll if menu is open */ body.no-scroll { overflow: hidden !important; } /* Style the navigation menu */ .fullscreen-menu .menu-nav { font-family: inherit; top: 0; left: 0; z-index: 99998; display: none; position: fixed; width: 100%; height: 100%; background: #070F13; overflow-y: auto; } .fullscreen-menu .menu-nav ul { max-width: 600px; margin: 80px auto 40px auto; padding: 0; } .fullscreen-menu .menu-nav li { list-style-type: none; text-align: center; } .fullscreen-menu .menu-nav li a { display: block; font-size: 200%; text-align: center; color: #fff; font-weight: 500; padding: 15px; } .fullscreen-menu .nav-uppercase.menu-nav li a { /* if uppercase letters are allowed */ text-transform: uppercase; } .fullscreen-menu .menu-nav li a:hover { color: #d61f26; } .fullscreen-menu .menu-nav li.active a { color: #d61f26; } @media (max-width: 768px) { .fullscreen-menu .menu-nav li a { font-size: 150%; padding: 10px; } } /* Style & animate the menu-button */ .fullscreen-menu .menu-button { position: absolute; z-index: 99999; display: block; height: 50px; width: 50px; top: 8px; right: 15px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #header.header-fluid .fullscreen-menu .menu-button { /* if header is fluid */ right: 40px; } .fullscreen-menu .hamburger { position: relative; background-color: transparent; width: 50px; height: 50px; } .fullscreen-menu .hamburger .menui { position: absolute; background-color: #545A5F; margin: 10px 0 0 12px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; transition-timing-function: cubic-bezier(.75, 0, .29, 1.01); } .fullscreen-menu .hamburger .top-menu { top: 5px; width: 25px; height: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .fullscreen-menu .hamburger .mid-menu { top: 13px; width: 25px; height: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .fullscreen-menu .hamburger .bottom-menu { top: 21px; width: 25px; height: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .fullscreen-menu .hamburger .top-animate { background: #fff !important; top: 13px !important; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fullscreen-menu .hamburger .mid-animate { opacity: 0; } .fullscreen-menu .hamburger .bottom-animate { background: #fff !important; top: 13px !important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg); } @media (max-width: 768px) { #header.header-fluid .fullscreen-menu .menu-button { right: 20px; } } /* If header is transparent */ #header.transparent .fullscreen-menu .hamburger .menui { background-color: #FFF; } /* If header is dark or custom background color used */ #header.header-dark .fullscreen-menu .hamburger .menui, #header.header-dark.transparent .fullscreen-menu .hamburger .menui, #header.header-dark.semi-transparent .fullscreen-menu .hamburger .menui, #header.header-color .fullscreen-menu .hamburger .menui, #header.header-color.transparent .fullscreen-menu .hamburger .menui, #header.header-color.semi-transparent .fullscreen-menu .hamburger .menui { background-color: #FFF !important; } /* If header is filled */ #header.header-filled .fullscreen-menu .hamburger .menui { background-color: #545A5F; } /* ------------------------------------------------------------- * * Sections /* ------------------------------------------------------------- */ section { position: relative; padding: 80px 0; } @media (max-width: 768px) { section { padding: 60px 0; } } .back-button { padding: 15px 60px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; font-weight: 500; text-transform: uppercase; z-index: 9; border: 2px solid rgba(0, 0, 0, 0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #f7f7f7; border: solid 1px #d0cdcd; color: #5f696e; text-decoration: none; margin: 0 auto; display: block; width: 170px; } .back-button:hover { background-color: #d61f26 !important; text-decoration: none; color: #fff !important; border-color: #d61f26; } @media (max-width: 480px) {.back-button{margin-top: -20px;margin-bottom: 10px;}} /* ------------------------------------------------------------- * * Dividers /* ------------------------------------------------------------- */ hr { position: relative; margin-top: 20px; margin-bottom: 20px; margin-left: 0; border: 0; border-top: 1px solid rgba(162, 162, 162, 0.3); text-align: left; } /* Divider styles */ hr.hr-dotted { border-style: dotted; } hr.hr-dashed { border-style: dashed; } hr.hr-double { border-style: double; border-top-width: 3px; } /* Divider sizes */ hr.hr-2x { border-top-width: 2px; } hr.hr-3x { border-top-width: 3px; } hr.hr-4x { border-top-width: 4px; } hr.hr-5x { border-top-width: 5px; } hr.hr-double.hr-2x { border-top-width: 6px; } hr.hr-double.hr-3x { border-top-width: 8px; } hr.hr-double.hr-4x { border-top-width: 11px; } hr.hr-double.hr-5x { border-top-width: 14px; } /* Divider widths */ hr.hr-width-1 { max-width: 50px; } hr.hr-width-2 { max-width: 100px; } hr.hr-width-3 { max-width: 200px; } hr.hr-width-4 { max-width: 300px; } hr.hr-width-5 { max-width: 400px; } hr.hr-width-6 { max-width: 500px; } hr.hr-width-7 { max-width: 600px; } hr.hr-width-8 { max-width: 700px; } hr.hr-width-9 { max-width: 800px; } hr.hr-width-10 { max-width: 900px; } /* ------------------------------------------------------------- * * Headings /* ------------------------------------------------------------- */ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.1; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 20px; } /* heading */ .heading { position: relative; margin-top: 30px; margin-bottom: 40px; z-index: 2; } .heading .heading-title { position: relative; margin: 0; font-size: 36px; font-weight: 500; z-index: 2; } .heading.heading-uppercase .heading-title, /* if uppercase letters are allowed */ .heading.heading-uppercase .heading-title-ghost { text-transform: uppercase; } .heading .heading-title-ghost { position: absolute; top: -24px; left: 0; width: 100%; font-size: 48px; font-weight: 500; line-height: 50px; z-index: 1; color: rgba(170, 173, 177, 0.22); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .heading.heading-hover:hover .heading-title-ghost, .page-header:hover .heading.heading-hover .heading-title-ghost { -moz-transform: translateY(5px); -ms-transform: translateY(5px); -webkit-transform: translateY(5px); transform: translateY(5px); } /* heading divider */ .heading hr { margin-top: 15px; margin-bottom: 30px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .heading.heading-hover:hover .hr-width-1, .page-header:hover .heading.heading-hover .hr-width-1 { max-width: 60px; } .heading.heading-hover:hover .hr-width-2, .page-header:hover .heading.heading-hover .hr-width-2 { max-width: 110px; } .heading.heading-hover:hover .hr-width-3, .page-header:hover .heading.heading-hover .hr-width-3 { max-width: 210px; } .heading.heading-hover:hover .hr-width-4, .page-header:hover .heading.heading-hover .hr-width-4 { max-width: 310px; } .heading.heading-hover:hover .hr-width-5, .page-header:hover .heading.heading-hover .hr-width-5 { max-width: 410px; } .heading.heading-hover:hover .hr-width-6, .page-header:hover .heading.heading-hover .hr-width-6 { max-width: 510px; } .heading.heading-hover:hover .hr-width-7, .page-header:hover .heading.heading-hover .hr-width-7 { max-width: 610px; } .heading.heading-hover:hover .hr-width-8, .page-header:hover .heading.heading-hover .hr-width-8 { max-width: 710px; } .heading.heading-hover:hover .hr-width-9, .page-header:hover .heading.heading-hover .hr-width-9 { max-width: 810px; } .heading.heading-hover:hover .hr-width-10, .page-header:hover .heading.heading-hover .hr-width-10 { max-width: 910px; } /* heading tescription */ .heading-tescription { margin-top: 10px; } /* heading sizes */ .heading-xs .heading-title { font-size: 24px; font-weight: 600; } .heading-xs .heading-title-ghost { top: -22px; font-size: 32px; font-weight: 600; line-height: 42px; } .heading-xs .heading-title + hr { margin-top: 15px; margin-bottom: 30px; } .heading-sm .heading-title { font-size: 30px; font-weight: 500; } .heading-sm .heading-title-ghost { top: -24px; font-size: 40px; font-weight: 500; line-height: 52px; } .heading-sm .heading-title + hr { margin-top: 15px; margin-bottom: 30px; } .heading-md .heading-title { font-size: 38px; font-weight: 500; } .heading-md .heading-title-ghost { top: -38px; font-size: 50px; font-weight: 500; line-height: 76px; } .heading-md .heading-title + hr { margin-top: 15px; margin-bottom: 30px; } .heading-lg .heading-title { font-size: 52px; font-weight: 500; } .heading-lg .heading-title-ghost { top: -41px; font-size: 68px; font-weight: 500; line-height: 90px; } .heading-lg .heading-title + hr { margin-top: 20px; margin-bottom: 30px; } .heading-xlg .heading-title { font-size: 68px; font-weight: 500; } .heading-xlg .heading-title-ghost { top: -54px; font-size: 88px; font-weight: 500; line-height: 115px; } .heading-xlg .heading-title + hr { margin-top: 15px; margin-bottom: 30px; } /* heading aligns */ .heading-center { text-align: center; } .heading-center hr { margin-left: auto; margin-right: auto; } .heading-right { text-align: right; } .heading-right hr { margin-left: auto; margin-right: 0; } @media (max-width: 768px) { .heading { margin-bottom: 40px; } .heading-md .heading-title, .heading-lg .heading-title, .heading-xlg .heading-title { font-size: 38px; } .heading-md .heading-title-ghost, .heading-lg .heading-title-ghost, .heading-xlg .heading-title-ghost { top: -26px; font-size: 48px; line-height: 54px; } } .portfolio-section {} .portfolio-section .heading {margin-bottom: 30px;} @media (max-width: 1600px) {.secretadmin{width: 60% !important; text-align: left !important;}} @media (max-width: 1200px) {.secretadmin{width: 60% !important; text-align: left !important;}} @media (max-width: 992px) {.secretadmin{width: 60% !important; text-align: left !important;}} @media (max-width: 768px) {.secretadmin{width: 60% !important; text-align: left !important;}} @media (max-width: 480px) {.secretadmin,.ml-form p label{width: 95% !important;text-align: left !important;padding: 0px 20px !important;}} .secretadmin { background-color: #ededed; color: #727272; padding: 15px 40px; border: 2px solid #949494; width: 60%; margin: 0 auto; border-radius: 4px; height: 263px; margin-top: 100px; } @media (max-width: 1920px) {.iplog{margin-top: 30px !important;width: 60% !important;}} @media (max-width: 1920px) {.iplog p{font-size: 16px;line-height: 22px;padding-left: 40px;margin-bottom: 0px;}} @media (max-width: 1600px) {.iplog{margin-top: 30px !important;width: 60% !important;}} @media (max-width: 1600px) {.iplog p{font-size: 16px;line-height: 22px;padding-left: 40px;margin-bottom: 0px;}} @media (max-width: 1200px) {.iplog{margin-top: 30px !important;width: 60% !important;}} @media (max-width: 1200px) {.iplog p{font-size: 14px;line-height: 16px;padding-left: 40px;margin-bottom: 0px;}} @media (max-width: 1024px) {.iplog{margin-top: 30px !important;width: 60% !important;}} @media (max-width: 1024px) {.iplog p{font-size: 14px;line-height: 16px;padding-left: 40px;margin-bottom: 0px;}} @media (max-width: 992px) {.iplog{margin-top: 30px !important;width: 60% !important;}} @media (max-width: 992px) {.iplog p{font-size: 14px;line-height: 16px;padding-left: 55px;margin-bottom: 0px;}} @media (max-width: 768px) {.iplog{margin-top: 30px !important;width: 60% !important;}} @media (max-width: 768px) {.iplog p{font-size: 14px;line-height: 16px;padding-left: 55px;margin-bottom: 0px;}} @media (max-width: 480px) {.iplog{margin-top: 30px !important;width: 95% !important;padding: 12px !important;}} @media (max-width: 480px) {.iplog p{font-size: 12px;line-height: 16px;padding-left: 55px;margin-bottom: 0px;}} .iplog { padding: 15px 30px; border: 2px solid #ff7d7d; margin: 20px auto 70px auto; width: 54% !important; background-color: #ffecec; color: #727272; text-align: center; border-radius: 4px; } .iplog_icon {color:#d61f26;float:left;font-size: 50px;} @media (max-width: 1920px) {.iplog_icon {color: #d61f26;float: left;font-size: 50px;margin-left: -15px;margin-top: -18px;}} @media (max-width: 1600px) {.iplog_icon {color: #d61f26;float: left;font-size: 50px;margin-left: -15px;margin-top: -18px;}} @media (max-width: 1200px) {.iplog_icon {color:#d61f26;float:left;font-size: 35px;margin-left:-10px;}} @media (max-width: 1024px) {.iplog_icon {color:#d61f26;float:left;font-size: 35px;margin-left:-10px;}} @media (max-width: 992px) {.iplog_icon {color:#d61f26;float:left;font-size: 50px;margin-left:-10px;}} @media (max-width: 768px) {.iplog_icon {color:#d61f26;float:left;font-size: 50px;margin-left:-10px;}} @media (max-width: 414px) {.iplog_icon {color:#d61f26;float:left;font-size: 55px;margin-left:0px;}} @media (max-width: 375px) {.iplog_icon {color:#d61f26;float:left;font-size: 70px;margin-left:0px;}} /* Button with dropdown ======================== */ .btn-group > .btn + .dropdown-toggle { padding-right: 10px; padding-left: 10px; border-left: 1px solid rgba(0, 0, 0, 0.06); } /* Button social ================= */ .btn-social { position: relative; padding-left: 55px; text-align: left; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Button social icon */ .btn-social > .btn-social-icon { position: absolute; left: 0; top: 0; bottom: 0; width: 42px; line-height: 40px; font-size: 1.4em; text-align: center; border-right: 1px solid rgba(0,0,0,0.12); } .btn-social > .btn-social-icon > i { position: absolute; top: 50%; left: 50%; text-align: center; padding-right: 0; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* Button social sizes */ .btn-social.btn-xs { padding-left: 55px; } .btn-social.btn-sm { padding-left: 55px; } .btn-social.btn-lg { padding-left: 60px; } .btn-social.btn-xlg { padding-left: 65px; } /* Button social min */ .btn-social-min { position: relative; width: 46px; height: 46px; line-height: 44px; padding: 0 !important; text-align: center; font-size: 17px; } .btn-social-min.btn-xs { width: 26px; height: 26px; line-height: 24px; } .btn-social-min.btn-sm { width: 35px; height: 35px; line-height: 33px; } .btn-social-min.btn-lg { width: 55px; height: 55px; line-height: 53px; } .btn-social-min.btn-xlg { width: 69px; height: 69px; line-height: 67px; } /* Button facebook */ .btn-facebook { background-color: #3b5998; color: #fff; } .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { color: #fff; background-color: #2d4373; } /* Button twitter */ .btn-twitter { background-color: #55acee; color: #fff; } .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter { color: #fff; background-color: #2795e9; } /* Button linkedin */ .btn-linkedin { background-color: #007bb6; color: #fff; } .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { color: #fff; background-color: #005983; } /* Button instagram */ .btn-instagram { background-color: #3f729b; color: #fff; } .btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram { color: #fff; background-color: #2b6492; } /* Button linkedin */ .btn-linkedin { background-color: #3f729b; color: #fff; } .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { color: #fff; background-color: #305777; } /* ------------------------------------------------------------- * * Social icons /* ------------------------------------------------------------- */ ul.social-icons { margin: 0; padding: 0; font-size: 0; list-style: none; } ul.social-icons > li { display: inline-block; } ul.social-icons > li + li { margin-left: 10px; } ul.pgp { margin: 0; padding: 0; font-size: 0; list-style: none; } ul.pgp > li { display: inline-block; } ul.pgp > li + li { margin-left: 10px; } .home-pages { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 992px) {.home-pages { font-size: 21px; vertical-align: middle; margin-top: -4px;}} .comment-pages { font-size: 1.3em !important; vertical-align: top !important; margin-top: 4px !important; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 992px) {.comment-pages { vertical-align: middle !important; margin-top: -4px !important;}} .toolbox-pages { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.27em !important; vertical-align: top !important; margin-top: 5px !important; } @media (max-width: 992px) {.toolbox-pages {vertical-align: middle !important; margin-top: -3px !important;}} .learn-pages { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.27em !important; vertical-align: top !important; margin-top: 5px !important; } @media (max-width: 992px) {.learn-pages { vertical-align: middle !important; margin-top: -2px !important; font-size: 19px !important; margin-left: -3px;}} /* ------------------------------------------------------------- * * Panels /* ------------------------------------------------------------- */ .panel-group .panel { border-radius: 0px; } .panel { background-color: transparent; } /* panel default */ .panel-default { border-color: #EDEDED; } .panel-default > .panel-heading { background-color: transparent !important; color: #545A5F; border-color: #EDEDED; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #EDEDED; } /* ------------------------------------------------------------- * * Nav pills /* ------------------------------------------------------------- */ .nav-pills > li { float: none; display: inline-block; } .nav-pills > li > a { background-color: #F1F1F1; padding: 10px 20px; font-size: 14px; color: #545A5F; text-decoration: none !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .nav-pills > li > a:hover { background-color: #ECECEC; text-decoration: none; color: #545A5F; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { background-color: #d61f26 !important; cursor: default; color: #FFF; } @media (max-width: 768px) { .nav-pills > li { float: none; display: block !important; margin: 0 0 2px 0; text-align: center; } .nav-pills > li + li { margin: 0 0 2px 0; } .nav-pills > .dropdown .dropdown-menu { width: 100%; text-align: center; } .nav-pills > li.customer-login { margin: -314px 0 2px 0px; width: 180px; } } /* Nav pills rounded */ .nav-pills.pills-rounded > li > a { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-pills.pills-rounded-2x > li > a { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .nav-pills.pills-rounded-3x > li > a { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .nav-pills.pills-rounded-4x > li > a { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .nav-pills.pills-rounded-5x > li > a { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* Nav pills gradient */ .nav-pills.pills-gradient > li > a { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#545A5F00000',GradientType=0 ); } /* Nav border bottom */ .nav-tabs.nav-border-bottom { border-color: transparent; } .nav-tabs.nav-border-bottom > li + li, .nav-pills.nav-border-bottom > li + li { margin-left: 5px; } .nav-tabs.nav-border-bottom > li > a, .nav-pills.nav-border-bottom > li > a { padding-left: 10px !important; padding-right: 10px !important; background-color: transparent !important; text-decoration: none !important; border-color: transparent !important; box-shadow: inset 0 -3px transparent; } .nav-tabs.nav-border-bottom > li > a:hover, .nav-pills.nav-border-bottom > li > a:hover { background-color: transparent !important; color: #d61f26 !important; box-shadow: inset 0 -3px #d61f26; } .nav-tabs.nav-border-bottom > li.active > a, .nav-tabs.nav-border-bottom > li.active > a:focus, .nav-tabs.nav-border-bottom > li.active > a:hover, .nav-pills.nav-border-bottom > li.active > a, .nav-pills.nav-border-bottom > li.active > a:focus, .nav-pills.nav-border-bottom > li.active > a:hover { background-color: transparent !important; font-weight: 500; color: #d61f26 !important; box-shadow: inset 0 -3px #d61f26; } /* ------------------------------------------------------------- * * Footer /* ------------------------------------------------------------- */ #footer {padding: 30px 0;border-top: 1px solid #ededed;} /* If class section angle used */ #footer.angle-left-top, #footer.angle-right-top {padding-top: 90px;} #footer .copyright {color: #717171;float: right;font-size: 1.115rem;} @media (min-width: 320px) and (max-width: 420px) {#footer .copyright {text-align: center;float:none; margin-bottom: 24px;}} .footer-links a{ margin: 10px auto; color: #717171; padding-right: 10px; padding-left: 10px; font-size: 85%; padding-top: 5px; font-size: 1.115rem; } .footer-links a:focus {text-decoration: none;color: #d61f26;} .footer-links a:hover {text-decoration: none;color: #d61f26;} @media (min-width: 320px) and (max-width: 420px) {.footer-links {}} @media (min-width: 320px) and (max-width: 420px) {.footer-links a{padding: 0 8px 0 8px;text-align: center;}} @media (min-width: 360px) and (max-width: 570px) {.footer-links a{padding: 0 10px 0 10px;text-align: center;}} .footer-links a:hover {text-decoration: none;color: #d61f26;} @media (max-width: 768px){.footer-links {font-size: 15px;width: 100%;text-align: center;}} .scroll-down-arrow { position: absolute; bottom: 30px; left: 50%; margin-left: -15px; width: 30px; height: 30px; z-index: 3; } .scroll-down-arrow span {position: relative;font-size: 20px;} .angle-left-bottom .scroll-down-arrow, .angle-right-bottom .scroll-down-arrow {bottom: 80px;} .scrolltotop { position: fixed; display: none; bottom: 30px; right: 30px; width: 34px; height: 34px; line-height: 31px; background-color: rgba(0, 0, 0, 0.5); text-align: center; font-size: 16px; color: #FFF; text-decoration: none; z-index: 9999; opacity: .7; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .scrolltotop:hover, .scrolltotop:focus { opacity: 1; color: #FFF; } .bg-dark { background-color: #F8F8F8 !important; } .clear { clear: both !important; display: block !important; } .display-block { display: block !important; } .display-inline-block { display: inline-block !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-uppercase { text-transform: uppercase !important; } .text-lowercase { text-transform: lowercase !important; } .text-normal { text-transform: none !important; } .overflow-hidden { overflow: hidden !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-auto { overflow: auto !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-scroll { overflow: scroll !important; } .overflow-y-scroll { overflow-y: scroll !important; } .overflow-x-scroll { overflow-x: scroll !important; } .full-cover { position: absolute !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } /* ------------------------------------------------------------- * * Hiding classes /* ------------------------------------------------------------- */ .hide { display: none !important; } /* hiding via media query breakpoints */ @media (max-width: 1200px) { .hide-from-lg { display: none !important; } } @media (max-width: 992px) { .hide-from-md { display: none !important; } } @media (max-width: 768px) { .hide-from-sm { display: none !important; } } @media (max-width: 480px) { .hide-from-xs { display: none !important; } } @media (min-width: 1200px) { .hide-to-lg { display: none !important; } } @media (min-width: 992px) { .hide-to-md { display: none !important; } } @media (min-width: 768px) { .hide-to-sm { display: none !important; } } @media (min-width: 480px) { .hide-to-xs { display: none !important; } } .font-alter-1 { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; } .page-social-facebook {background-color: #3b5998 !important;color: #FFF !important;border: #3b5998 !important;} .page-social-facebook i{color: #FFF !important;} .page-social-facebook:hover {background-color: #203d79 !important;color: #FFF !important;border: #203d79 !important;} .page-social-twitter {background-color: #55acee !important;color: #FFF !important;border: #55acee !important;} .page-social-twitter i{color: #FFF !important;} .page-social-twitter:hover {background-color: #3992d6 !important;color: #FFF !important;border: #3992d6 !important;} .page-social-linkedin {background-color: #007bb5 !important;color: #FFF !important;border: #007bb5 !important;} .page-social-linkedin i{color: #FFF !important;top: 3px !important;} .page-social-linkedin:hover {background-color: #015d88 !important;color: #FFF !important;border: #015d88 !important;} .t-title-default {text-transform:none;width:auto;font-size: 2.8rem !important;margin-left: 0px !important; margin-top: 100px !important;} @media only screen and (max-width: 768px) { .t-title-default {margin-top:18% !important;font-size: 2.2rem !important;} } @media only screen and (max-width: 768px) { .c-social-buttons {margin-right: 18px;} } .footer-container {margin-top: 56px;margin-bottom: -12px;} @media only screen and (max-width: 768px) {.footer-container {margin-top: 13px;margin-bottom: -12px;}} .footer-logo-image {width: 115px !important;margin-left: 14px;margin-top: 35px;} @media only screen and (max-width: 768px) {.footer-logo-image {width: 115px !important;margin-left: 14px;margin-top: 40px;float: left;}} .error-page-icon {font-size: 18em;margin-top: 100px;text-align: center;width: 100% !important;} @media only screen and (max-width: 768px) {.error-page-icon {font-size: 11em;margin-top: 49px;text-align: center;width: 100%;}} .error-page-title {margin-top: 16px;text-align: center;width: 100% !important;} @media only screen and (max-width: 768px) {.error-page-title {text-align: center;width: 100% !important;}} .error-page-content {text-align: center;width: 100% !important;} @media only screen and (max-width: 768px) {.error-page-content {text-align: center;width: 100% !important;}} .login-form-title { display: block; float: left; padding: 8px 0 0; width: 25%; padding-right: 15px !important; text-align: right; font-weight: normal; } .login-form-field { display: block; float: left; width: 68%; overflow: hidden; margin: 0 0 15px; } .login-form-control { cursor: auto; width: 100%; height: 45px; font-family: inherit; line-height: 1.42857143; font-size: 14px; padding: 9px 9px; color: #727272 !important; background-color: #ffffff !important; border: 1px solid rgb(210, 210, 210); border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s; -o-transition: border-color ease-in-out .15s; transition: border-color ease-in-out .15s; } .login-form-button { border: 2px solid #6F6F6F !important; background: #ededed; color: #ffffff; font-size: 13px; background-color: #6F6F6F; padding: 10px 33px; margin: 0px 3px; border-radius: 4px; padding: 10px 50px; } .login-form-button:hover, .login-form-button:focus, .login-form-button:active { color: #FFF; font-size: 13px; background-color: #444444; border: 2px solid #444444 !important; } .t-blog-title {margin-top: 18px !important;margin-bottom: -61px !important;} @media only screen and (max-width: 768px) {.t-blog-title {margin-top: -18px !important;}} .warning-label {text-align: center;background-color: #ffdbdb;width: fit-content;margin: auto;padding: 6px 18px;border-radius: 4px;color: #b76363;margin-top: 28px;} @media only screen and (max-width: 767px) { .warning-label { margin-bottom: 53px;margin-top: 5px;}}