/*
Template Name: finadvisor
Description: HTML5 / CSS3 One Page
Version: 1.0
Author: uiCookies.com
*/
/*------------------------------------------------------------------
[Table of contents]
1. Body
2. Global Typography
3. Section Background / .gray-bg / .white-bg
4. Header /
4.1. .top-bar
4.2. Navigation / .navbar
5. Hero Slider / .hero-slide
6. Services / .services
7. About Us / .about-us
8. Testimonial / .testimonialOne
9. Team / .team
10. Pricing Table / .pricing-section
11. Client Logo / .client-logo
12. Contact Section
12.1. #googleMap
12.2. Contact Form
13. Footer / .footer
14. Preloader / #preloader
# [Color codes]
# Body (text): #888
# Heading Color #0E1555
# Theme Color (link color) #f4e800
# changed to
# Mid grey (sub header) #666666
# -------------------------------------------------------------------*/
body {
font-family: Helvetica,Arial,sans-serif;
font-size : 17px;
line-height : 1.7em;
color : #353e55;
font-weight : 100;
background : #ffffff;
border : 10px solid #fff;
text-align: justify;
}
/* --------------------------------------
* Global Typography
*------------------------------------------*/
h1 {
font-family: "Orbitron",sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
margin : 0 0 15px;
/* color : #0e1555; */
color: #15467c;
}
h1 {
font-size : 36px;
line-height : 1.2em;
font-weight : 700;
}
h2 {
font-size : 30px;
line-height : 1.5em;
font-weight : 400;
}
h3 {
font-size : 24px;
line-height : 1.5em;
font-weight : 300;
}
h4 {
font-size : 18px;
line-height : 1.5em;
font-weight : 300;
}
h5 {
font-size : 16px;
line-height : 1.5em;
font-weight : 500;
}
h6 {
font-size : 15px;
line-height : 24px;
}
/* --------------------------------------
* LINK STYLE
*------------------------------------------*/
#main-wrapper > div.jumbotron.text-center > div > button a {
color : #f4e800;
}
a {
/* color : #f4e800; */
color: #15467c;
text-decoration : none;
-webkit-transition : all 0.3s ease 0s;
-moz-transition : all 0.3s ease 0s;
-o-transition : all 0.3s ease 0s;
transition : all 0.3s ease 0s;
}
a,
a:active,
a:focus,
a:active {
text-decoration : none;
outline : none
}
a:hover,
a:focus {
text-decoration : none;
color : #999999;
}
p {
margin-bottom : 20px;
}
p.lead {
font-size : 19px;
line-height : 1.7em;
}
ul {
margin : 0;
/* padding : 0; */
/* list-style : none; */
}
/*Button Style*/
.btn {
padding : 10px 30px;
margin-bottom : 0;
font-size : 14px;
border-radius : 0;
font-weight : 500;
border-width : 2px;
text-transform : uppercase;
}
.btn-scale {
white-space: normal
}
.btn-lg {
font-size : 16px;
padding : 15px 15px
}
/*btn-primary*/
.btn-primary {
background-color : #f4e800;
border-color : #f4e800;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:focus {
background : transparent;
color : #f4e800;
border-color : #f4e800;
}
/*btn-default*/
.btn-default {
color : #ffffff;
background-color : transparent;
border-color : #ffffff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active:focus {
background-color : transparent;
color : #f4e800;
border-color : #f4e800;
}
button:focus,
.btn:focus,
.btn:active:focus {
outline : none;
}
/* --------------------
* Section Background
* -------------------*/
.gray-bg {
/* background-color : #f0f1f3; */
background-color: #efefef;
border-top : 1px solid #eeeeee;
border-bottom : 1px solid #eeeeee;
}
.white-bg {
background-color : #ffffff;
}
/* --------------------
* main Wrapper
* -------------------*/
#main-wrapper {
background : #ffffff;
overflow : hidden;
}
/*-----------------------------
* NAVIGATION & HEADER STYLE
*-------------------------------*/
.header {
position : absolute;
left : 15px;
right : 15px;
top : 10px; /*40 original*/
z-index : 9;
}
/*Logo*/
.navbar-brand {
padding : 0;
height : auto;
margin : 1px 0 !important;
max-width: 100%; /*150 added*/
margin-block: 1rem; /*added*/
margin-left: -30px;
display: block;
}
.navbar-brand img {
width: 75px !important;
}
@media (max-width : 768px) {
.navbar-brand {
width : 150px; /*200 original*/
margin-left: -15px;
}
.navbar-brand img {
width: 70px !important;
/* height : auto; */
max-width: 100%; /*100px; commented*/
margin-block: 0.5rem; /*added*/
display: block;
}
}
/*navbar*/
.navbar {
border-radius : 0;
padding : 10px 0;
background : transparent;
margin : 0;
font-size : 15px;
text-transform : uppercase;
}
@media (max-width : 768px) {
.navbar {
padding : 0px;
}
}
/*navbar toggle*/
.navbar-toggle {
margin : 5px 0;
padding : 11px 10px;
background : transparent;
}
.navbar-toggle:hover {
color: #fff;
}
.navbar-toggle .icon-bar {
background: #fff;
}
/*Navigation Style*/
.main-menu .navbar-right {
margin-right : -20px;
}
.main-menu .nav li a {
color : #ffffff;
font-weight : 500;
padding : 15px 0 15px 30px;
color : transparent;
}
.main-menu .nav li a:hover,
.main-menu .nav li.active a {
/* color : #f4e800; */
color: #0c0c0c;
font-weight: bold;
background : transparent;
display: inline;
}
.main-menu .nav li a:focus {
background : transparent;
}
@media (max-width : 991px) {
.main-menu .nav li a {
padding-left : 10px;
}
}
/* 768 */
@media (max-width : 767px) {
.main-menu .nav li {
text-align : center;
}
.main-menu .nav li a {
/* padding : 5px 0; */
color: #0e1555;
/* font-size: 70%; */
}
.navbar-collapse {
margin-top : 10px;
background: #fff;
}
}
/* Sticky Menu */
.sticky-nav {
position : fixed;
right : 0;
left : 0;
top : 0;
z-index : 999;
background : #ffffff !important;
padding : 5px 0;
box-shadow : 0 2px 5px rgba(0, 0, 0, .1);
-webkit-transition : all .5s ease-in-out;
-moz-transition : all .5s ease-in-out;
transition : all .5s ease-in-out;
}
.sticky-nav .nav li a {
color : #0e1555;
}
.sticky-nav .navbar-toggle .icon-bar{
background: #333;
}
@media (max-width: 768px) {
.sticky-nav{
padding-left: 10px;
padding-right: 10px;
}
}
/*-------------------
* Jumbotron
*-------------------*/
.jumbotron {
background : url("../img/img-jumbotron-banner.jpg");
background-size : contain;
padding : 0;
margin : 80px;
/*height : 100vh;
min-height : 800px;*/
width : auto;
height : 100vh;
vertical-align : middle;
position : relative;
background-attachment : fixed;
background-repeat : no-repeat;
background-position : center center;
overflow : hidden;
}
@media (max-width : 768px) {
.jumbotron {
padding: 0;
margin: 0;
background-attachment: scroll;
height: 70vh;
min-height: 420px;
}
}
.jumbotron .content {
color : #ffffff;
position : absolute;
top : 50%;
left : 0;
right : 0;
height : auto;
width : 100%;
margin : 0 auto;
padding : 25px 10%;
transform : translateY(-50%);
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
background : rgba(0, 0, 0, 0.45);
text-shadow : 0 2px 6px rgba(0, 0, 0, 0.85);
}
.jumbotron .content h1 {
margin-top: 2vh;
color : #ffffff;
font-weight : bold;
/* font-size : 30px; */
margin-bottom: 40px;
}
.jumbotron .content p.lead {
font-size : 24px;
line-height : 1.5em;
color : rgb(255, 255, 255);
}
.jumbotron .content .event-date {
font-size : 30px;
font-family: "Orbitron",sans-serif !important;
margin-bottom : 40px;
}
.jumbotron .btn {
margin-top : 40px;
}
@media (max-width : 991px) {
#page-top a h1 {
font-size: 22px;
}
.jumbotron .content {
min-height : auto;
top: 40%;
}
.jumbotron .content h1 {
font-size : 30px !important;
margin-top: 20vh;
}
.jumbotron .content .event-date {
font-size : 20px;
}
.jumbotron .content p.lead {
font-size : 18px;
}
}
@media (max-width : 768px) {
.jumbotron .content {
min-height : auto;
top: 30%;
}
.jumbotron .content h1 {
font-size : 22px;
}
.jumbotron .content p.lead {
font-size : 16px;
}
}
@media (max-width : 320px) {
.jumbotron .content {
min-height : auto;
top: 30%;
}
.jumbotron .content h1 {
font-size : 18px;
}
.jumbotron .content p.lead {
font-size : 14px;
}
}
/*---------------------------
* Section Wrapper
*---------------------------*/
.section-wrapper {
padding : 80px 0;
}
/*---------------------------
* Section Title
*---------------------------*/
.section-title {
margin-bottom : 60px;
text-align : center;
}
.section-title h1 {
margin-bottom : 5px;
}
.section-title p {
font-size : 18px;
color : #888888;
}
/*---------------------------
* CFP Title
*---------------------------*/
.section-cfp p {
font-size : 19px;
line-height : 1.7em;
}
/* ----------------------------------------------
* Contact Section
*-----------------------------------------------*/
/* .section-contact div{
margin-top: -20px;
margin-bottom: -25px;
} */
/* ----------------------------------------------
* Venue Section
*-----------------------------------------------*/
.section-venue .lead {
font-size : 19px;
line-height : 1.7em;
}
.section-venue address {
font-size : 15px;
color : #888888;
line-height : 1.8em;
}
.section-venue address strong {
color : #353e55;
}
/* ----------------------------------------------
* Committee Section
*-----------------------------------------------*/
.section-committees h2 {
padding-top: 25px;
}
.section-committees h3 {
margin-bottom: 0px;
}
.section-committees .social-links li {
display : inline-block;
margin-right : 3px;
}
.section-committees .social-links li:last-child {
margin-right : 0;
}
.section-committees .social-links li a {
display : block;
font-size : 12px;
color : #ccc;
padding : 0 5px;
}
.section-committees .social-links li a:hover {
color : #333;
}
.commitee-member-photo {
width: 160px;
height: 160px;
border-radius: 20px;
object-fit: cover;
object-position: center top;
}
.committee.no-photo {
padding: 15px;
}
.committee.no-photo h3, .committee.no-photo small {
text-align: center;
}
.committee.no-photo .social-links {
margin-top: 10px;
}
.committee {
text-align: center;
}
/*---------------------------
* Section Dates
*---------------------------*/
.extended-date {
font-weight: bold;
background-color: #FFA500;
padding: 0.1em 0.3em;
border-radius: 0.2em;
color: #212529 !important;
}
.extended-to {
font-size: 0.9em;
margin-top: 0.3em;
color: #212529 !important;
}
.postponed-date {
color: #212529;
font-weight: bold;
}
.date-item-content {
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
/* --------------------------
* Agenda
*---------------------------*/
.section-ajenda .session {
padding : 15px 0;
border-left : 1px solid #eeeeee;
margin-bottom : 40px;
}
.section-ajenda .session time {
padding : 5px 25px 15px;
border-bottom : 1px solid #eeeeee;
display : inline-block;
}
.section-ajenda .session h2 {
margin : 20px 0 0 20px;
}
.section-ajenda .session h3 {
margin : 20px 0 20px 20px;
font-size : 20px;
text-transform : uppercase;
}
.section-ajenda .session h3 span {
font-size : 14px;
display : block;
line-height : 1;
}
/* --------------------------
* sponsor section
*---------------------------*/
.section-sponsors a img {
width : 100%;
opacity : 1;
-webkit-transition : all 0.8s ease 0s;
-moz-transition : all 0.8s ease 0s;
-o-transition : all 0.8s ease 0s;
transition : all 0.8s ease 0s;
}
.section-sponsors a:hover img {
opacity : .5;
}
/* Keep each sponsor/technical co-sponsor logo at its own natural aspect ratio:
size the box to a fixed height, let the image sit inside it at its native
proportions (object-fit: contain) instead of being stretched to fill a
fixed-width column. */
.section-sponsors .section-margin {
display : flex;
align-items : center;
justify-content : center;
height : 110px;
margin-top : 25px;
margin-bottom : 20px;
}
.section-sponsors .section-margin img {
width : auto;
height : auto;
max-width : 100%;
max-height : 100%;
object-fit : contain;
}
@media (max-width : 992px) {
.section-sponsors .section-margin {
margin-bottom : 30px;
}
}
/* ------------------
* Google Map
* ------------------*/
#googleMap {
height : 320px;
border : 5px solid #ffffff;
margin-bottom : 5px;
}
/* --------------------------------------------
* Footer
*---------------------------------------------- */
/* Copyright */
.footer .copyright-section {
font-size : 13px;
color : #888888;
padding : 30px 0;
}
.footer .copyright-section .copytext {
font-weight : 400;
display : block;
}
/* ---------------------------------------------- /*
* Preloader
/* ---------------------------------------------- */
#preloader {
background : #ffffff;
bottom : 0;
left : 0;
position : fixed;
right : 0;
top : 0;
z-index : 9999;
}
#status,
.status-mes {
background-image : url(../img/preloader.gif);
background-position : center;
background-repeat : no-repeat;
height : 200px;
left : 50%;
margin : -100px 0 0 -100px;
position : absolute;
top : 50%;
width : 200px;
}
.status-mes {
background : none;
left : 0;
margin : 0;
text-align : center;
top : 65%;
}