/*
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) #c5168d
# Mid grey (sub header) #666666
# -------------------------------------------------------------------*/
@font-face {
font-family: gotham;
src: url(../fonts/Gotham-Light.otf),
url(../fonts/GOTHAM-MEDIUM_2.TTF),
url(../fonts/GothamBook.ttf),
url(../fonts/GothamMedium.ttf);
}
@font-face {
font-family:abel;
src: url(../fonts/Abel-Regular.ttf),
url(../fonts/AbelPro-Bold.ttf);
}
@font-face {
font-family:"helvetica-condensed-bold";
src: url("../fonts/helvetica-condensed-bold.otf") format("opentype");
}
@font-face {
font-family:"helvetica-roman";
src: url("../fonts/helvetica-roman.ttf") format('truetype');
}
@font-face {
font-family:"helvetica-roman-bold";
src: url("../fonts/helvetica-roman-bold.ttf") format("truetype");
}
body {
font-family: "helvetica-roman";
font-size : 16px;
line-height : 1.7em;
color : #000;
font-weight : 400;
background : #ffffff;
}
/*-------------------
* Jumbotron
*-------------------*/
.jumbotron {
background : url("../img/header-banner-image.png");
background-size: contain;
padding : 0;
margin : 0;
height : 99vh;
vertical-align : middle;
position : relative;
background-attachment : fixed;
background-repeat : no-repeat;
background-position : 25% 0%;
overflow : hidden;
border-bottom: 10px solid #f5f5f5;
}
#register .container {background:#fffffff0;}
#section-intro .modal-content{
background: url("../img/theme-bg.png");
background-size: cover;
}
#speaker-modals .modal-content{
background: url("../img/theme-bg.png");
background-size: cover;
}
.speaker-quotes{
padding-top: 20px;
}
#speaker-modals .modal-bodys h3{
color: #138799;
font-family:"helvetica-condensed-bold";
}
#section-sponsor{padding-bottom: 60px!important}
.jumbotron .content {
color : #000000;
position : absolute;
top : 50%;
left : 6%;
right : 0;
height : 15%;
width : 100%;
margin : 0 400px ;
padding : 0 10%;
transform : translateY(-50%);
-webkit-transform : translateY(-50%);
-moz-transform : translateY(-50%);
}
.jumbotron .content h1 {
font-size: 24px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
display: block;border-bottom:2px solid #dedede;
margin-bottom: 6px!important;
}
.jumbotron .content h6 {
font-size: 16px;
font-weight: 600;
text-align: left;
text-transform: uppercase;
margin-bottom:5px;
}
.jumbotron .content p {
font-size: 16px;
text-align: left;
}
.jumbotron .content h2 {
color : #000000;
font-weight : bold;
}
.jumbotron .content p.lead {
font-size : 24px;
line-height : 1.5em;
color : rgba(255, 255, 255, .7);
}
.jumbotron .content .event-date {
font-size : 24px;
margin-bottom : 40px;
}
.jumbotron .btn {
margin-top : 40px;
background-color : #c5168d;
}
.about-event{ background-repeat: no-repeat;}
#section-intro .contain{ padding: 30px;
width: 55%;
background: #fff;
margin: 0 30px; }
@media (max-width :1366px) {
.about-event{ background-size: contain}
}
@media (max-width : 768px) {
#section-intro .contain{ padding:15px; width: 97%; margin-left:15px;margin-right: 30px; }
}
@media (max-width : 600px) {
.jumbotron .content {
min-height : auto;
}
.jumbotron .content h1 {
font-size : 26px;
}
.jumbotron .content p.lead {
font-size : 15px;
}
.image-title-video{
height: 40px;
width: 530px !important;
}
}
/* --------------------------------------
* Global Typography
*------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
margin : 0 0 15px;
color : #131d7b;font-weight: 600;
}
h1 {
font-size : 36px;
line-height : 1.2em;
font-family: "helvetica-condensed-bold";
}
h2 {
font-size : 30px;
line-height : 1.5em;
font-weight : 300;font-family: "helvetica-condensed-bold";
}
h3 {
font-size : 24px;
line-height : 1.5em;
font-weight : 300;font-family: "helvetica-condensed-bold";
}
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
*------------------------------------------*/
a {
color : #000000;
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.lead {
font-size : 19px;
line-height : 1.7em;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
/*Button Style*/
.btn {
padding: 7px 20px;
margin-bottom: 0;
font-size: 16px;
border-radius: 10px;
font-weight: 500;
border-width: 2px;
}
.btn-lg {
font-size : 18px;
padding : 15px 30px
}
/*btn-primary*/
.btn-primary {
background: #138799;
border-color: #138799;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:focus {
background : transparent;
color : #138799;
border-color : #138799;
}
/*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 : #c5168d;
border-color : #c5168d;
}
button:focus,
.btn:focus,
.btn:active:focus {
outline : none;
}
/* --------------------
* Section Background
* -------------------*/
.gray-bg {
background-color : #f0f1f3;
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;
z-index : 9;
}
/*Logo*/
.navbar-brand {
padding : 0;
height : auto;
margin : 5px 0 !important;
}
@media (max-width : 768px) {
.navbar-brand {
width : 200px;
}
.navbar-brand img {
max-width : 100%;
height : auto;
}
}
/*navbar*/
.navbar {
border-radius : 0;
padding : 0px 0;
background : transparent;
font-size : 15px;
text-transform : uppercase;
}
@media (max-width : 768px) {
.navbar {
padding : 10px;
}
}
/*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 : -15px;
}
.main-menu .nav li a {
color : #000;
font-weight : 500;
padding : 22px 0 10px 33px;
}
.main-menu .nav li a:hover,
.main-menu .nav li.active a {
color : #138799;
background : transparent;
}
.main-menu .nav li a:focus {
background : transparent;
}
@media (max-width : 768px) {
.main-menu .nav li {
text-align :left-side;
}
.main-menu .nav li a {
padding : 5px 0;
color: #0e1555;
}
.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;
}
.invisible-nav {
display: none;
}
@media (max-width: 768px) {
.sticky-nav{
padding-left: 10px;
padding-right: 10px;
}
}
/*---------------------------
* Section Wrapper
*---------------------------*/
.section-wrapper {
padding : 100px 0; position: relative;
}
/*---------------------------
* Section Title
*---------------------------*/
.section-title {
margin-bottom : 60px;
text-align : center;
}
.section-title h1 {
margin-bottom : 5px;
}
/* ----------------------------------------------
* About Event
*-----------------------------------------------*/
.about-event .lead {
font-size : 21px;
line-height : 1.7em;
}
.about-event h1 {
font-size: 34px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
display: block;border-bottom:2px solid #dedede;
margin-bottom: 6px!important; margin-right: 100px;
}
.about-event h6 {
font-size: 16px;
font-weight: 600;
text-align: left;
text-transform: uppercase;
margin-bottom:5px;
}
.about-event h2 {margin-top: 30px;
color: #c7918a;
font-family: "helvetica-condensed-bold";
font-weight: 600;}
.ab-leaf{ position: absolute;
right: 0;
top: 0px;
width: 281px;
}
.feature-2>.media>.media-body>a:after {
content: '\002B';
color: #009b4f;
font-weight: bold;
float: right;
margin-left: 5px;
}
.feature-2 > .media > .media-body > a.active:after {
content: "\2212";
}
.about-event .ab-left .feature-2 .media{margin-bottom: 10px;}
.about-event .ab-left .feature-2 .media .media-body a{
margin-bottom: 0;
display: block;
padding-right: 0;
cursor: pointer;
height: 40px;
color: #000;
padding: 3px;
}
.about-event .ab-left .feature-2 .media .media-body a img{ width:30px;
margin-right: 10px;}
/* .about-event .ab-left .feature-2 .media .media-body a:hover{background:#eee;} */
.about-event .ab-left .feature-2 .media .media-body .col .card-body{
background: #fff;
border: 2px solid #eee;
padding: 15px ;}
.about-event p{text-align: justify;}
.about-event address {
font-size : 15px;
color : #888888;
line-height : 1.8em;
}
.about-event address strong {
color : #353e55;
}
.border-curve{position: relative;}
.border-curve img {position: absolute;
left:-18%;
top: 0px;
width: 150%;}
.team .border-curve img {position: absolute;
left: -10px;
top:200px;
width: 100%;}
.top-more .border-curve img {top: 1310px; }
/* ----------------------------------------------
* Team Section
*-----------------------------------------------*/
.team{ background : url("../img/theme-bg.png"); background-repeat: no-repeat; background-size:cover;}
.team .thumbnail {
padding : 0 10px;
line-height : 22px;
background-color : transparent;
border : 0;
margin-bottom: 80px; height:330px;
}
.team .thumbnail p{color: #000000;font-size: 16px; min-height:90px;}
.team .section-title { margin-bottom: 100px;
display: block;}
.team .section-title h1 { margin-bottom: 5px;
color: #138799;
font-weight: 600;
text-transform: uppercase;
}
.participation {padding: 0}
.participation>.container-fluid>.row>div{padding: 0 20px;}
.participation .section-title h1, .participation h6 {
color: #000000;
}
.participation .row .col-md-4 h1{
color: #c7918a
}
.participation .row .col-md-4 h6, .participation .row .col-md-4 p,
.participation .row .col-md-4 ul li{color: #000000;}
.participation h1{
margin-bottom: 20px!important;text-align: left;
}
.participation .col-md-8 h6 {border-top: 1px solid #138799; font-family: "helvetica-roman-bold";
border-bottom: 1px solid #138799;text-align: center; color: #138799;}
.participation ul{ list-style: circle; padding-left: 15px;margin-bottom: 20px}
.paymode{width: 100%;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
padding: 4px 12px;
vertical-align: middle;
border-top: 1px solid transparent;
border:1px solid #000000 !important;
}
.table-striped>tbody>tr:nth-of-type(even) {
background-color: #c7f0ff;
}
.paymode .onetd{color:#138799;border-right: 1px solid #138799;position: relative;width: 25%; font-family: "helvetica-roman-bold";}
.ab-leaf2 {
position: absolute;
left: 0;
bottom:95px;
width: 281px;
}
.participation .border-curve img {
left: 15px;top:50px
}
.paymode .onetd:before{ width: 0;
position: absolute;
right: -1px;
top: 48%;
content: '';
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #138799;}
.paymode .onetd:after{ width: 0;
position: absolute;
right: -2px;
top: 48%;
content: '';
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #ffffff;}
.partnership thead tr th{ color: #000000;border:none;vertical-align: middle}
.partnership thead tr:nth-child(2){background: #ffedf8}
.partnership tbody tr td{ border:none;vertical-align: middle;padding: 7px 12px;}
.partnership tr:nth-child(2) th:nth-child(3),.partnership tr:nth-child(2) th:nth-child(4),
.partnership tr:nth-child(2) th:nth-child(5),.partnership tr:nth-child(2) th:nth-child(6),
.partnership tr:nth-child(2) th:nth-child(7)
{background: #fff;color: #000;}
.partnership thead tr th:nth-child(3){background:#000000;color: #fff;}
.partnership tbody tr:nth-child(1) td:nth-child(3),
.partnership tbody tr:nth-child(2) td:nth-child(3),
.partnership tbody tr:nth-child(3) td:nth-child(3),
.partnership tbody tr:nth-child(4) td:nth-child(3),
.partnership tbody tr:nth-child(5) td:nth-child(3),
.partnership tbody tr:nth-child(6) td:nth-child(3)
{background:#000000;color: #fff;text-align: center}
.partnership tbody tr:nth-child(1) td:nth-child(4),
.partnership tbody tr:nth-child(2) td:nth-child(4),
.partnership tbody tr:nth-child(3) td:nth-child(4),
.partnership tbody tr:nth-child(4) td:nth-child(4),
.partnership tbody tr:nth-child(5) td:nth-child(4),
.partnership tbody tr:nth-child(6) td:nth-child(4)
{background:#1f4a99;color: #fff;text-align: center}
.partnership tbody tr:nth-child(1) td:nth-child(5),
.partnership tbody tr:nth-child(2) td:nth-child(5),
.partnership tbody tr:nth-child(3) td:nth-child(5),
.partnership tbody tr:nth-child(4) td:nth-child(5),
.partnership tbody tr:nth-child(5) td:nth-child(5),
.partnership tbody tr:nth-child(6) td:nth-child(5)
{background:#1abfdf;color: #fff;text-align: center}
.partnership tbody tr:nth-child(1) td:nth-child(6),
.partnership tbody tr:nth-child(2) td:nth-child(6),
.partnership tbody tr:nth-child(3) td:nth-child(6),
.partnership tbody tr:nth-child(4) td:nth-child(6),
.partnership tbody tr:nth-child(5) td:nth-child(6),
.partnership tbody tr:nth-child(6) td:nth-child(6)
{background:#16aa4a;color: #fff;text-align: center}
.partnership tbody tr:nth-child(1) td:nth-child(7),
.partnership tbody tr:nth-child(2) td:nth-child(7),
.partnership tbody tr:nth-child(3) td:nth-child(7),
.partnership tbody tr:nth-child(4) td:nth-child(7),
.partnership tbody tr:nth-child(5) td:nth-child(7),
.partnership tbody tr:nth-child(6) td:nth-child(7)
{background:#a6ce3a;color: #fff;text-align: center}
.partnership thead tr th:nth-child(4) {background:#1f4a99;color: #fff;}
.partnership thead tr th:nth-child(5) {background:#1abfdf;color: #fff;}
.partnership thead tr th:nth-child(6) {background:#16aa4a;color: #fff;}
.partnership thead tr th:nth-child(7) {background:#a6ce3a;color: #fff;}
.partnership tbody tr { border-bottom: 1px solid #ccc;}
.partners .section-title h1 {
color: #c7918a;
font-weight: 600;
text-transform: uppercase;
text-align: left;
}
.journey{padding-bottom: 0;}
.journey .container-fluid {padding-left: 30px;}
.journey img{width: 100%;}
.foot-stripe{background:#04a7ae;color: #fff;padding: 30px; }
.foot-stripe h1{color: #fff!important}
.journey h1{color: #1abfdf}
.journey h1, .journey h4, .journey h6, .journey img{text-align: left; font-weight: 600}
.journey p{text-align: left;}
.collage img{width: 100%;}
.partners-bg{padding: 0;}
.partners-bg img{width: 100%;}
.testi{ background-image: url("../img/theme-bg.png");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover; border-bottom: none;
}
.testi .section-title h1 {
color: #138799!important;
text-align: center!important;
}
.client-logo .section-title h1 {
margin-bottom: 5px;
color: #138799;
font-weight: 600;
text-transform: uppercase;
text-align: center;
}
.testi .slide img{height: 150px;width: 150px;border-radius: 50%;border: 8px solid #138799;margin:30px auto}
.testi .slide p{font-size: 16px;color: #000000;}
.testi .slide small{color: #000000;}
.testi .carousel-inner .item{padding: 0 50px;}
.testi .carousel-inner{position: relative;}
.testi .carousel-inner .item i{font-size: 30px;}
.partners .ab-leaf2 {
position: absolute;
left: 0;
top: 0;
width: 281px;
}
.partners .border-curve img {
position: absolute;
left: 0;
top: -180px;
width: 100%;
}
.clients-name p{ color: #0a3452;
font-weight: 400;
font-size: 20px;
line-height: 30px; font-family: swz921n_0;}
.pricing-section .section-title h1{font-weight: 600;
text-transform: uppercase;
text-align: left;color: #1275bd}
.clients-name p span {color: #1292d6;}
.pricing-section .ab-leaf2 {
position: absolute;
left: 85%;
bottom: -100px;
width: 212px;
}
.pricing-section .border-curve img {
position: absolute;
left: 25%;
top:717px;
width: 75%;
}
@media (max-width : 767px) {
.team .thumbnail {
margin-bottom : 30px;color: #000000;
}
}
.thumbnail>a>img {
width: 130px;
border-radius: 15px;
height: 130px;
border: 7px solid transparent;margin-bottom: 10px;
}
.team .thumbnail a{position: relative;display: block;border-bottom: 3px solid transparent; }
.team .thumbnail a:after {
content: '';
position: absolute;
left: 115px;
top: 0px;
width: 100%;
height: 100%;
border: 2px solid #fff;
/* background: #000; */
width: 132px;
height: 132px;
border-radius: 10px;
}
.speaker-quotes-section-icon{
display: flex;
justify-content: center;
align-items: center;
}
.team .thumbnail .caption {
padding: 0px;
}
.team .thumbnail h3 {
font-size: 18px;
font-weight: 600;
padding: 10px 0;
color: #000000;
margin-bottom: 0px;
font-family: "helvetica-condensed-bold";
}
.team .thumbnail h3 small {
font-size: 13px;
color: #000000;
display: block;
font-weight: 400;
line-height: 15px; font-family: helvetica-roman;
}
.team .thumbnail>a:hover{border-bottom:3px solid #000000; }
.team .thumbnail>a>div{position: relative;}
.team .thumbnail .play-icon{ position: absolute;
left: 62%;
width: 30px;
height: 30px;
top: -30px;
border: none;
cursor: pointer;
z-index: 1;}
#cellcon{margin-bottom: 15px;}
/* --------------------------
* Agenda
*---------------------------*/
.section-ajenda .session {
padding : 0px 0;
border-left : 1px solid #eeeeee;
margin-bottom : 40px;
}
.section-ajenda .session time {
padding : 3px 10px 7px;
border-bottom : 1px solid #eeeeee;
display : inline-block;
}
.section-ajenda .session h2 {
margin : 20px 0 0 20px;
font-size : 25px;
}
.section-ajenda .session h3 {
margin : 10px 0 10px 10px;
font-size : 15px;
text-transform : uppercase;
}
.section-ajenda .session h3 span {
font-size : 15px;
display : block;
line-height : 1;
}
/* --------------------------
* Client Logo
*---------------------------*/
.client-logo 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; border: 2px solid #eee;
}
/*
.client-logo a:hover img {
}
*/
@media (max-width : 992px) {
.client-logo .section-margin {
margin-bottom : 30px;
}
}
/* ---------------------------
* Subscribe Form
* --------------------------- */
.subscribe-form {
text-align : center;
}
/*-------------------
* Form Style
*-------------------*/
.form-control {
height : 46px;
padding : 0 20px;
font-size : 16px;
line-height : 46px;
color : #969595;
border : 1px solid #f1f1f1;
border-radius : 0;
box-shadow : none;
}
.form-control.input-lg {
height : 60px;
padding : 0 20px;
font-size : 18px;
line-height : 60px;
color : #969595;
border : 1px solid #f1f1f1;
border-radius : 0;
box-shadow : none;
min-width : 400px;
}
.form-control:focus,
.form-control:active {
box-shadow : none;
border-color : #c5168d;
}
@media (max-width : 600px) {
.form-control.input-lg{
min-width: auto;
display: block;
}
}
/* --------------------------------------------
* Footer
*---------------------------------------------- */
/* Copyright */
.footer .copyright-section {
font-size :16px;
color : #000;
padding: 30px 0 10px 0;
}
.footer .copyright-section .copytext {
font-weight : 400;
display : block;color: #000;
}
/* --------------------------------------------
* Testimonial
*---------------------------------------------- */
/* carousel */
#quote-carousel {
padding: 0 10px 30px 10px;
margin-top: 30px;
text-align:center;
}
/* indicator position */
#quote-carousel .carousel-indicators {
right: 50%;
top: auto;
bottom: -10px;
margin-right: -19px;
}
/* indicator color */
#quote-carousel .carousel-indicators li {
background: #c0c0c0;
}
/* active indicator */
#quote-carousel .carousel-indicators .active {
background: #ff0000;
height:10px;
width:10px;
margin-bottom:1px;
}
/* typography */
.pricing_plans{
padding-top: 80px;
padding-bottom: 80px;
}
.pricing_plan{
padding: 30px;
border-top: solid 5px #c5168d;
position: relative;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.pricing_plan:after{
content: "";
position: absolute;
top:0;
right: 0;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 0px solid transparent;
border-top: 10px solid #c5168d;
}
.pricing_plan:hover{
-webkit-transform:scale(1.01);
-ms-transform:scale(1.01);
transform:scale(1.01);
-webkit-box-shadow: 0 0 50px rgba(0,0,0,.2);
box-shadow: 0 0 50px rgba(0,0,0,.2)
}
.pricing_plan .plan_title{
font-size: 30px;
}
.pricing_plan .plan_price{
background-color: #c5168d;
padding: 5px 20px;
color:white;
font-size: 16px;
display: inline-block;
}
.pricing_plan ul{
margin: 50px 0;
}
/* ---------------------------------------------- /*
* 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%;
}
.social ul {
list-style: none;
}
.social li {
display: inline-block;
padding-right: .3em;
}
.social li a {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
background: #fff;
-webkit-transition: all .8s ease;
transition: all .8s ease;
}
.social li:nth-child(1) a{color: #24cdff;border: solid 1px #24cdff;}
.social li:nth-child(2) a{color: #278ed8;border: solid 1px #278ed8;}
.social li:nth-child(3) a{color: #ff0000;border: solid 1px #ff0000;}
.social li:nth-child(4) a{color: #015b9c;border: solid 1px #015b9c;}
.social li a:hover {color: #c5168d;border-color:#c5168d}
/* #section-venue{background:#1f4a98;} */
.contact-left h2{color: #c7918a;font-size: 40px;}
.contact-left ul li,.contact-left ul li a{color: #000000;line-height: 33px;}
.contact-left ul li i{margin-right: 15px;}
#client {
background: #FFFFFF;
padding: 70px 0 70px;
}
#client img {
max-height: 50px;
margin: 0 20px;
opacity: 1;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
#contact-form {
margin: 0 auto;
}
#contact-form input {
position: relative;
padding: 5px 25px;
width: 100%;
}
#contact-form textarea {
position: relative;
padding: 10px 25px;
width: 100%;
height: 120px !important;
}
#contact-form .form-control {
border-radius: 0;
border: solid 1px #dadada;
background-color: #fff;
color: #333;
font-size: 1.2em;
height: 55px;
}
#contact-form .btn {
height: 55px;
width: 100%;
background-color: #138799;
color: #ffffff;
font-size: 17px !important;
line-height: 18px;
padding: 0 33px;
border: none;
border-radius: 0;
margin: 0;
-webkit-transition: all .8s ease;
transition: all .8s ease;
}
#contact-form .btn:hover {
background-color:transparent;color: #000000;
border:2px solid #fff;
-webkit-transition: all .8s ease;
transition: all .8s ease;
}
@media (max-width : 1200px)
{
.jumbotron { background-position: 15% 4%; }
#section-speaker .border-curve img {left: 26px!important; top: 129px!important; }
.partners .border-curve img {left: 45px!important; top: -180px!important; }
.clients-name p {font-size: 15px; line-height: 25px; }
}
@media (min-width: 1200px)
{
.speaker-container{width:1170px;}
}
@media (max-width: 1024px)
{
.curve-border{display:none;}
}
@media (max-width : 991px) {
.main-menu .nav li a {padding-left : 15px; }
.jumbotron {height: 100%; min-height: 1000px; background-position: 15% 4%; }
.border-curve{display: none;}
.curve-border{display:none;}
.ourteam .profileicon a:after {
display: none;}
.ourteam .profileicon {
margin-bottom : 30px;
}
}
.about-event h1 {margin-right: 0}
.about-event .col-sm-12{margin-right: 0}
.about-event .contents {padding-top: 0; }
.section-wrapper {padding: 40px 0;}
.team .thumbnail a::after {left: 84px;}
#section-speaker, #section-sponsor{background: #eee;}
.partners .section-title h1 {
padding: 0}
.participation .ab-leaf2 {bottom: 0;}
.partnership thead tr:nth-child(2) {
background: transparent; }
.participation .col-md-8{padding-right: 15px!important;margin-top: 40px;}
.form-horizontal .form-group {margin-right:0; margin-left: 0; }
.pricing-section .ab-leaf2 {left: 78%; }
.team .thumbnail a::after {left: 295px; }
.team .thumbnail .play-icon {left: 55%;}
.team .thumbnail a::after {display: none; }
.jumbotron {height: 100%; min-height: 99vh; }
.table-scroll{
overflow-x: auto;
}
.table-scroll::-webkit-scrollbar{
display: none;
}
.table-scroll{
-ms-overflow-style: none;
}
.table>thead>tr>th{
border-bottom: 1px solid #000000 !important;
border-top: 1px solid #000000 !important;
color:#000000;
text-align: center;
}
.virtual-content-table>table>tbody>tr>td{
border-right: 1px solid #000000 !important;
border-left: 1px solid #000000 !important;
border-bottom: 1px solid #000000 !important;
}
.virtual-content-table>table>thead>tr>th{
border-right: 1px solid #000000 !important;
border-left: 1px solid #000000 !important;
}
.summmit-opportunities-table>table>tbody>tr>td
{
text-align: center !important;
}
@media (max-width : 480px) {
.jumbotron {min-height:320px;border-bottom: 2px solid #f0f0f0; }
.pricing-section .ab-leaf2 {
left: 0;
}
.about-event .col-sm-12{margin-right: 0!important}
.mobile-bg{
height: 100px;
background: url(../img/header-summit.png);
background-size: contain;background-repeat: no-repeat;
}
.section-title h1,.about-event h1 ,.about-event h2{font-size: 26px; }
}
.feature-2 .modal-footer {
display: none;
}
.centered-heading{
display:flex;
justify-content: center;
font-weight: bold !important;
}
.modal-content {
border: 5px solid #00a1ff; border-radius: 0!important;}
.modal-bodys{padding: 20px}
.logos a {display: block; padding: 7px;margin-bottom: 30px;transition: .8s ease}
.logos a img{width: 100%}
.table-striped>tbody>tr>td{
text-align: center;
}
.speakers-profile
.ourteam .curve-border img {position: absolute;
left: -10px;
top: 150px;
width: 100%;}
.section-wrap{
padding : 100px 0; position: relative;
}
.speaker-container{
display: block;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.ourteam .profileicon {
padding : 0;
line-height : 22px;
background-color : transparent;
border : 0;
margin-bottom: 80px !important; height:200px;
}
.profileicon>a>img {
width: 130px;
border-radius: 50%;
height: 130px;
border: 14px solid #fff;
}
.profileicon a>img {
margin-left: auto;
margin-right: auto;
}
.ourteam .profileicon a {
position: relative;
display: block;
border-bottom: 3px solid transparent;
}
.ourteam .profileicon a:after {
content: '';
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
right: 0px;
width: 100%;
height: 100%;
border: 2px solid #07274e;
width: 132px;
height: 132px;
margin-left: auto;
margin-right: auto;
border-radius: 100%;
}
.ourteam .profileicon .caption {
padding: 0px;
}
.ourteam .profileicon h3 {
font-size: 18px;
font-weight: 600;
font-family: "helvetica-condensed-bold";
padding: 10px 0;
color: #000000;
margin-bottom: 0px
}
.ourteam .profileicon h3 small {
font-size: 12px;
color: #000;
display: block;
font-weight: normal;
line-height: 15px;
}
.ourteam .profileicon>a:hover>img{box-shadow: 0 0 24px #138799; }
.ourteam .profileicon>a:hover{border-bottom:3px solid #000000; }
.ourteam .profileicon>a>div{position: relative;}
.team .thumbnail .play-icon{ position: absolute;
left: 62%;
width: 30px;
height: 30px;
top: -30px;
border: none;
cursor: pointer;
z-index: 1;}
#cellcon{margin-bottom: 15px;}
.ourteam .profileicon {
margin-bottom : 30px;
}
.ourteam .section-title { margin-bottom: 100px;
display: block;}
.ourteam .section-title h1 { margin-top: 5px;
color: #92278f;
font-weight: 300;
text-transform: uppercase;
text-align: left;}