/* Template: Sofbox - Responsive Software Landing Page Author: iqonicthemes.in Version: 3.0 Design and Developed by: iqonicthemes.in NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required! */ *::-moz-selection { background: #00416A; color: #fff; text-shadow: none; } ::-moz-selection { background: #00416A; color: #fff; text-shadow: none; } ::selection { background: #00416A; color: #fff; text-shadow: none; } header.menu-sticky.header-white { background: #fff; } .button-blue-shadow, .button-line-shadow { -webkit-box-shadow: 0px 20px 70px -16px rgba(228, 229, 230, 1); -moz-box-shadow: 0px 20px 70px -16px rgba(228, 229, 230, 1); box-shadow: 0px 20px 70px -16px rgba(228, 229, 230, 1); } .button { background-image: linear-gradient(to right, #00416A 0%, #E4E5E6 51%, #00416A 100%); } .button:hover, .button:focus { background-position: right center; } /*--------------------------------------------------------------------- Text Color -----------------------------------------------------------------------*/ .iq-banner .iq-video, .iq-works-box .step, .iq-font-blue,.iq-footer3 .link li a:hover, .iq-banner-04 .iq-video,.our-pricing-1 .iq-icon, .iq-border-block .step,.pricing-price, .iq-footer .iq-contact .contact-block i, .iq-footer .post-blog a:hover, .iq-footer .footer-menu li a:hover, .iq-footer .iq-copyright a:hover, .iq-amazing-tab .nav.nav-tabs li a.active i, .iq-amazing-tab .nav.nav-tabs li a.active:hover i, .iq-amazing-tab .nav.nav-tabs li a.active:focus i, .iq-amazing-tab .nav.nav-tabs li a:hover, .iq-amazing-tab .nav.nav-tabs li a:hover i, .iq-fancy-box .iq-icon, .counter-info .iq-video, .iq-progress-bar-text, .iq-blog-detail a:hover, .iq-blog-detail .blog-title a:hover h5, .iq-footer-box .iq-icon i, .footer-copyright a, .iq-breadcrumb .breadcrumb li.active, .iq-breadcrumb .breadcrumb li a:hover, .pagination .page-link, .iq-sidebar-widget .iq-widget-search i, .iq-widget-menu ul li a span:hover, .iq-widget-menu ul ul li a span:hover, .iq-sidebar-widget .iq-recent-post .media-body>a:hover, .iq-tags li a:hover, .iq-widget-archives li a:hover, .iq-comment-list .iq-comment-metadata i, header.header-fancy .navbar .navbar-nav .nav-item a:hover, header.header-fancy .navbar .navbar-nav .nav-item a:focus, header.header-fancy .navbar .navbar-nav .nav-item a.active, header.header-fancy .navbar .navbar-nav .nav-item a.active:focus, header.header-fancy .navbar .navbar-nav .nav-item a.active:hover, header.header-white .navbar .navbar-nav .nav-item a:hover, header.header-white .navbar .navbar-nav .nav-item a:focus, header.header-white .navbar .navbar-nav .nav-item a.active, header.header-white .navbar .navbar-nav .nav-item a.active:focus, header.header-white .navbar .navbar-nav .nav-item a.active:hover, .iq-works-box.round-icon .icon-bg i, .terms-of-service .btn.btn-link, .iq-amazing-tab .nav.nav-tabs li a.active1 i, .iq-amazing-tab .nav.nav-tabs li a.active1:hover i, .iq-banner-03 .iq-video, header.dark .navbar .navbar-nav .nav-item a.active, .button-line,.button-line-shadow,.iq-team-1 .iq-star i,.iq-footer3 .iq-contact i,.iq-footer3 .iq-copyright a ,.iq-works-box a,header.dark .navbar .navbar-nav .nav-item a:hover,.iq-banner-09 i,.heading-title-2 i,.iq-fancy-box-1 .iq-icon ,.iq-footer3 .menu li a:hover { color: #00416A; } /*--------------------------------------------------------------------- Background Color -----------------------------------------------------------------------*/ .heading-title .title:before, .iq-amazing-tab .nav.nav-tabs li a:before, .iq-border-block:before, .iq-border-block:after, .iq-border-block > .border-box:before, .iq-border-block > .border-box:after, .iq-amazing-tab .nav.nav-tabs li a:hover:before, .iq-amazing-tab .nav.nav-tabs li a:focus:before, .iq-fancy-box:hover .iq-icon, .iq-client:before, .owl-carousel .owl-nav i:hover, .iq-team .share ul li a:hover, .iq-accordion .ad-title:before, .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .owl-carousel.arrow-1 .owl-nav i:hover, .button.bt-white:hover, .button.bt-white:focus, .info-share li a:hover, .iq-error h6, .pagination .page-item.active .page-link, .blue-bg, header.header-white .navbar .navbar-nav .nav-item a::before, header.dark .navbar .navbar-nav .nav-item a::before, .button-line:hover, .button-line:focus,.button-blue-shadow,.button-line-shadow:hover,.iq-banner-07 .iq-video,.ani-moving-square,.ani-hamburger .hamburger-line { background: #00416A; } header.menu-sticky, #back-to-top .top:hover,.iq-feature .step-number,.our-pricing-1 .iq-icon:hover { background: rgba(228, 229, 230, 0.9); } /*--------------------------------------------------------------------- Background Gradient ---------------------------------------------------------------------*/ .iq-over-blue-10:before ,.iq-over-Gradient-top{ background: rgba(0, 65, 106, 0.1); background: -moz-linear-gradient(-45deg, rgba(0, 65, 106, 0.1) 0%, rgba(228, 229, 230, 0.1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 65, 106, 0.1)), color-stop(100%, rgba(228, 229, 230, 0.1))); background: -webkit-linear-gradient(-45deg, rgba(0, 65, 106, 0.1) 0%, rgba(228, 229, 230, 0.1) 100%); background: -o-linear-gradient(-45deg, rgba(0, 65, 106, 0.1) 0%, rgba(228, 229, 230, 0.1) 100%); background: -ms-linear-gradient(-45deg, rgba(0, 65, 106, 0.1) 0%, rgba(228, 229, 230, 0.1) 100%); background: linear-gradient(135deg, rgba(0, 65, 106, 0.1) 0%, rgba(228, 229, 230, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#000428', GradientType=1); } .iq-over-blue-20:before ,.iq-over-Gradient-top,.iq-banner-07 .iq-waves .waves{ background: rgba(0, 65, 106, 0.2); background: -moz-linear-gradient(-45deg, rgba(0, 65, 106, 0.2) 0%, rgba(228, 229, 230, 0.2) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 65, 106, 0.2)), color-stop(100%, rgba(228, 229, 230, 0.2))); background: -webkit-linear-gradient(-45deg, rgba(0, 65, 106, 0.2) 0%, rgba(228, 229, 230, 0.2) 100%); background: -o-linear-gradient(-45deg, rgba(0, 65, 106, 0.2) 0%, rgba(228, 229, 230, 0.2) 100%); background: -ms-linear-gradient(-45deg, rgba(0, 65, 106, 0.2) 0%, rgba(228, 229, 230, 0.2) 100%); background: linear-gradient(135deg, rgba(0, 65, 106, 0.2) 0%, rgba(228, 229, 230, 0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#000428', GradientType=1); } .iq-over-blue-30:before ,.iq-over-Gradient-top{ background: rgba(0, 65, 106, 0.3); background: -moz-linear-gradient(-45deg, rgba(0, 65, 106, 0.3) 0%, rgba(228, 229, 230, 0.3) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 65, 106, 0.3)), color-stop(100%, rgba(228, 229, 230, 0.3))); background: -webkit-linear-gradient(-45deg, rgba(0, 65, 106, 0.3) 0%, rgba(228, 229, 230, 0.3) 100%); background: -o-linear-gradient(-45deg, rgba(0, 65, 106, 0.3) 0%, rgba(228, 229, 230, 0.3) 100%); background: -ms-linear-gradient(-45deg, rgba(0, 65, 106, 0.3) 0%, rgba(228, 229, 230, 0.3) 100%); background: linear-gradient(135deg, rgba(0, 65, 106, 0.3) 0%, rgba(228, 229, 230, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#000428', GradientType=1); } .iq-over-blue-40:before ,.iq-over-Gradient-top{ background: rgba(0, 65, 106, 0.4); background: -moz-linear-gradient(-45deg, rgba(0, 65, 106, 0.4) 0%, rgba(228, 229, 230, 0.4) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 65, 106, 0.4)), color-stop(100%, rgba(228, 229, 230, 0.4))); background: -webkit-linear-gradient(-45deg, rgba(0, 65, 106, 0.4) 0%, rgba(228, 229, 230, 0.4) 100%); background: -o-linear-gradient(-45deg, rgba(0, 65, 106, 0.4) 0%, rgba(228, 229, 230, 0.4) 100%); background: -ms-linear-gradient(-45deg, rgba(0, 65, 106, 0.4) 0%, rgba(228, 229, 230, 0.4) 100%); background: linear-gradient(135deg, rgba(0, 65, 106, 0.4) 0%, rgba(228, 229, 230, 0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#000428', GradientType=1); } .iq-over-blue-50:before ,.iq-over-Gradient-top{ background: rgba(0, 65, 106, 0.5); background: -moz-linear-gradient(-45deg, rgba(0, 65, 106, 0.5) 0%, rgba(228, 229, 230, 0.5) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 65, 106, 0.5)), color-stop(100%, rgba(228, 229, 230, 0.5))); background: -webkit-linear-gradient(-45deg, rgba(0, 65, 106, 0.5) 0%, rgba(228, 229, 230, 0.5) 100%); background: -o-linear-gradient(-45deg, rgba(0, 65, 106, 0.5) 0%, rgba(228, 229, 230, 0.5) 100%); background: -ms-linear-gradient(-45deg, rgba(0, 65, 106, 0.5) 0%, rgba(228, 229, 230, 0.5) 100%); background: linear-gradient(135deg, rgba(0, 65, 106, 0.5) 0%, rgba(228, 229, 230, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#000428', GradientType=1); } .iq-over-blue-60:before ,.iq-over-Gradient-top{ background: rgba(0, 65, 106, 0.6); background: -moz-linear-gradient(-45deg, rgba(0, 65, 106, 0.6) 0%, rgba(228, 229, 230, 0.6) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 65, 106, 0.6)), color-stop(100%, rgba(228, 229, 230, 0.6))); background: -webkit-linear-gradient(-45deg, rgba(0, 65, 106, 0.6) 0%, rgba(228, 229, 230, 0.6) 100%); background: -o-linear-gradient(-45deg, rgba(0, 65, 106, 0.6) 0%, rgba(228, 229, 230, 0.6) 100%); background: -ms-linear-gradient(-45deg, rgba(0, 65, 106, 0.6) 0%, rgba(228, 229, 230, 0.6) 100%); background: linear-gradient(135deg, rgba(0, 65, 106, 0.6) 0%, rgba(228, 229, 230, 0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#000428', GradientType=1); } .iq-over-blue-70:before ,.iq-over-Gradient-top{ background: rgba(0, 65, 106, 0.7); background: -moz-linear-gradient(-45deg, rgba(0, 65, 106, 0.7) 0%, rgba(228, 229, 230, 0.7) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 65, 106, 0.7)), color-stop(100%, rgba(228, 229, 230, 0.7))); background: -webkit-linear-gradient(-45deg, rgba(0, 65, 106, 0.7) 0%, rgba(228, 229, 230, 0.7) 100%); background: -o-linear-gradient(-45deg, rgba(0, 65, 106, 0.7) 0%, rgba(228, 229, 230, 0.7) 100%); background: -ms-linear-gradient(-45deg, rgba(0, 65, 106, 0.7) 0%, rgba(228, 229, 230, 0.7) 100%); background: linear-gradient(135deg, rgba(0, 65, 106, 0.7) 0%, rgba(228, 229, 230, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#000428', GradientType=1); } .iq-over-blue-80:before ,.iq-over-Gradient-top{ background: rgba(0, 65, 106, 0.8); background: -moz-linear-gradient(-45deg, rgba(0, 65, 106, 0.8) 0%, rgba(228, 229, 230, 0.8) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 65, 106, 0.8)), color-stop(100%, rgba(228, 229, 230, 0.8))); background: -webkit-linear-gradient(-45deg, rgba(0, 65, 106, 0.8) 0%, rgba(228, 229, 230, 0.8) 100%); background: -o-linear-gradient(-45deg, rgba(0, 65, 106, 0.8) 0%, rgba(228, 229, 230, 0.8) 100%); background: -ms-linear-gradient(-45deg, rgba(0, 65, 106, 0.8) 0%, rgba(228, 229, 230, 0.8) 100%); background: linear-gradient(135deg, rgba(0, 65, 106, 0.8) 0%, rgba(228, 229, 230, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#000428', GradientType=1); } .iq-over-blue-85:before ,.iq-over-Gradient-top{ background: rgba(0, 65, 106, 0.85); background: -moz-linear-gradient(-45deg, rgba(0, 65, 106, 0.85) 0%, rgba(228, 229, 230, 0.85) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 65, 106, 0.85)), color-stop(100%, rgba(228, 229, 230, 0.85))); background: -webkit-linear-gradient(-45deg, rgba(0, 65, 106, 0.85) 0%, rgba(228, 229, 230, 0.85) 100%); background: -o-linear-gradient(-45deg, rgba(0, 65, 106, 0.85) 0%, rgba(228, 229, 230, 0.85) 100%); background: -ms-linear-gradient(-45deg, rgba(0, 65, 106, 0.85) 0%, rgba(228, 229, 230, 0.85) 100%); background: linear-gradient(135deg, rgba(0, 65, 106, 0.85) 0%, rgba(228, 229, 230, 0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#000428', GradientType=1); } .iq-over-blue-90:before ,.iq-over-Gradient-top{ background: rgba(0, 65, 106, 0.9); background: -moz-linear-gradient(-45deg, rgba(0, 65, 106, 0.9) 0%, rgba(228, 229, 230, 0.9) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 65, 106, 0.9)), color-stop(100%, rgba(228, 229, 230, 0.9))); background: -webkit-linear-gradient(-45deg, rgba(0, 65, 106, 0.9) 0%, rgba(228, 229, 230, 0.9) 100%); background: -o-linear-gradient(-45deg, rgba(0, 65, 106, 0.9) 0%, rgba(228, 229, 230, 0.9) 100%); background: -ms-linear-gradient(-45deg, rgba(0, 65, 106, 0.9) 0%, rgba(228, 229, 230, 0.9) 100%); background: linear-gradient(135deg, rgba(0, 65, 106, 0.9) 0%, rgba(228, 229, 230, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#000428', GradientType=1); } .iq-over-blue-95:before ,.iq-over-Gradient-top header.menu-sticky { background: rgba(0, 65, 106, 0.95); background: -moz-linear-gradient(-45deg, rgba(0, 65, 106, 0.95) 0%, rgba(228, 229, 230, 0.95) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 65, 106, 0.95)), color-stop(100%, rgba(228, 229, 230, 0.95))); background: -webkit-linear-gradient(-45deg, rgba(0, 65, 106, 0.95) 0%, rgba(228, 229, 230, 0.95) 100%); background: -o-linear-gradient(-45deg, rgba(0, 65, 106, 0.95) 0%, rgba(228, 229, 230, 0.95) 100%); background: -ms-linear-gradient(-45deg, rgba(0, 65, 106, 0.95) 0%, rgba(228, 229, 230, 0.95) 100%); background: linear-gradient(135deg, rgba(0, 65, 106, 0.95) 0%, rgba(228, 229, 230, 0.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#246bad', endColorstr='#000428', GradientType=1); } .iq-works-box:hover, .iq-works-box.round-icon:hover .icon-bg { box-shadow: 0 0 40px rgba(228, 229, 230, 0.6); -webkit-box-shadow: 0 0 40px rgba(228, 229, 230, 0.6); -moz-box-shadow: 0 0 40px rgba(228, 229, 230, 0.6); } .iq-team .iq-team-img:before ,.iq-over-Gradient-top{ background: rgba(228, 229, 230, 0); background: -moz-linear-gradient(top, rgba(228, 229, 230, 0) 0%, rgba(228, 229, 230, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228, 229, 230, 0)), color-stop(100%, rgba(228, 229, 230, 1))); background: -webkit-linear-gradient(top, rgba(228, 229, 230, 0) 0%, rgba(228, 229, 230, 1) 100%); background: -o-linear-gradient(top, rgba(228, 229, 230, 0) 0%, rgba(228, 229, 230, 1) 100%); background: -ms-linear-gradient(top, rgba(228, 229, 230, 0) 0%, rgba(228, 229, 230, 1) 100%); background: linear-gradient(to bottom, rgba(228, 229, 230, 0) 0%, rgba(228, 229, 230, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000428', endColorstr='#000428', GradientType=0); } svg #followPath { stroke: #104c73; } svg #airplain { fill: #104c73; } .ani-cube .cube-face.face_top, .ani-cube .cube-face.face_bottom { background: #104c73; } .ani-cube .cube-face.face_front, .ani-cube .cube-face.face_back { background-color: #678ba2; } .ani-cube .cube-face.face_right, .ani-cube .cube-face.face_left { background-color: #295977;} /*--------------------------------------------------------------------- Boder Color ---------------------------------------------------------------------*/ .iq-objects .iq-objects-04, .iq-objects-software .iq-objects-03, .iq-objects-asked .iq-objects-03, .owl-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .contact-form .section-field input:focus, .contact-form .section-field.textarea textarea:focus, .info-share li a:hover, .pagination .page-item.active .page-link, .iq-sidebar-widget .iq-widget-search input:focus, .iq-tags li a:hover, .blockquote, blockquote, .button-line,.button-line-shadow,.iq-team-1 .team-blog,.iq-banner-02.style-1 .banner-objects .banner-objects-02,.iq-pricing-01:hover, .iq-pricing-01.active { border-color: #00416A; } @media(max-width:992px) { .navbar-light .navbar-toggler span, header .navbar .navbar-nav .nav-item a:hover, header .navbar .navbar-nav .nav-item a:focus, header .navbar .navbar-nav .nav-item a.active, header .navbar .navbar-nav .nav-item a.active:focus, header .navbar .navbar-nav .nav-item a.active:hover { color: #00416A; } }