.unread{background: #42855f;}.navbar-brand{margin-top: -8px;}.panel-shadow{box-shadow: rgba(0, 0, 0, 0.3) 7px 7px 7px;}.panel-white{border: 1px solid #dddddd;}.panel-white .panel-heading{color: #333; background-color: #fff; border-color: #ddd;}.panel-white .panel-footer{background-color: #fff; border-color: #ddd;}.post .post-heading{height: 95px; padding: 20px 15px;}.post .post-heading .avatar{width: 60px; height: 60px; display: block; margin-right: 15px;}.post .post-heading .meta .title{margin-bottom: 0;}.post .post-heading .meta .title a{color: black;}.post .post-heading .meta .title a:hover{color: #aaaaaa;}.post .post-heading .meta .time{margin-top: 8px; color: #999;}.post .post-image .image{width: 100%; height: auto;}.post .post-description{padding: 0 15px ;}.post .post-description p{font-size: 16px;}.post .post-description .stats{margin-top: 20px;}.post .post-description .stats .stat-item{display: inline-block; margin-right: 15px;}.post .post-description .stats .stat-item .icon{margin-right: 8px;}.post .post-footer{border-top: 1px solid #ddd; padding: 15px;}.post .post-footer .input-group-addon a{color: #454545;}.post .post-footer .comments-list{padding: 0; margin-top: 20px; list-style-type: none;}.post .post-footer .comments-list .comment{display: block; width: 100%; margin: 20px 0;}.post .post-footer .comments-list .comment .avatar{width: 35px; height: 35px;}.post .post-footer .comments-list .comment .comment-heading{display: block; width: 100%;}.post .post-footer .comments-list .comment .comment-heading .user{font-size: 14px; font-weight: bold; display: inline; margin-top: 0; margin-right: 10px;}.post .post-footer .comments-list .comment .comment-heading .time{font-size: 12px; color: #aaa; margin-top: 0; display: inline;}.post .post-footer .comments-list .comment .comment-body{margin-left: 50px;}.post .post-footer .comments-list .comment > .comments-list{margin-left: 50px;}/*==================================================Template Name: Friend Finder Description: A Social Network Template Author: thunder-team Version: 1.1==================================================*//*==================================================[Table of Contents] -------------------------------------------------- - body - Typography - Common classes - Header - Homepage - Top Banner - Signup Form - Features - App Download - Image Divider - Site Facts - Live Feed - Newsfeed - Left Sidebar - Right Sidebar - Create Post Box - Post Contents - Nearby People - Friend List - Chat Room - Media: image and video - Timeline - Timeline Sidebar - Post Date - About Profile - Profile Album - Contact Us - Footer - Media Queries - Slide Animations - Scroll Down Arrow - Preloader==================================================*/html, body{height: 100%; width: 100%;}body{font-family: 'Raleway', sans-serif; /*color: #6d6e71;*/ color: #303134; font-size: 12px;}p{font-weight: 600;}/*==================================================Typography==================================================*/@font-face{font-family: "Agency FB"; src: url("../fonts/agency-fb.eot") /* EOT file for IE */}@font-face{font-family: "Agency FB"; src: url("../fonts/agency-fb.ttf") /* TTF file for CSS3 browsers */}h1, h2, h3, h4, h5, h6{color: #27aae1;}h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey{color: #6d6e71; margin: 0 auto 20px;}.text-white{color: #fff;}.text-white:hover{color: #fff;}.text-green{color: #8dc63f;}.text-green:hover{color: #39b54a;}.text-red{color: #ef4136;}.text-red:hover{color: #d6100b;}.profile-link{font-weight: 600;}.text-muted{color: #939598;}a{color: #27aae1;}a:hover{color: #149AC9;}a, a:active, a:focus{outline: none;}section h1.section-title{font-family: 'Agency FB', sans-serif; font-size: 215px; color: #E6E7E8; margin-bottom: -55px;}section h2.sub-title{font-family: 'Agency FB', sans-serif; color: #E6E7E8; font-size: 50px; margin: 40px 0;}.following{color: #8dc63f; font-size: 12px; margin-left: 20px;}/*==================================================Common==================================================*/.container{max-width: 1050px;}section .wrapper{padding-top: 100px; padding-bottom: 100px;}#page-contents{padding: 30px 0 50px;}.btn-primary{background: #27aae1; padding: 5px 20px; border: none; font-size: 14px; border-radius: 4px; color: #fff; position: relative; font-weight: 600; outline: none;}.btn-primary::before{content: ""; background: rgba(255, 255, 255, 0.2); position: absolute; width: 95%; height: 1px; top: 1px; left: 0; right: 0; margin: auto;}.btn-primary:hover{background: #149AC9; transition: all 1s;}.btn-secondary{background: linear-gradient(to bottom, rgba(109, 110, 113, 1), rgba(0, 0, 0, 1)); padding: 0 40px; border: none; min-height: 36px; font-size: 18px; border-radius: 6px; color: #fff; position: relative; outline: none;}.btn-secondary:hover{background: #000; transition: all 1s;}.btn-white{background: linear-gradient(to bottom, rgba(105, 106, 109, 0), rgba(255, 255, 255, 0)); padding: 0; border: none; min-height: 36px; font-size: 28px; border-radius: 6px; color: #fcf2ff; position: relative; outline: none;}.btn-blue{background: linear-gradient(to bottom, rgba(105, 106, 109, 0), rgba(255, 255, 255, 0)); padding: 0; border: none; min-height: 36px; font-size: 28px; border-radius: 6px; color: #4b77d5; position: relative; outline: none;}.btn-green{background: linear-gradient(to bottom, rgba(105, 106, 109, 0), rgba(255, 255, 255, 0)); padding: 0; border: none; min-height: 36px; font-size: 28px; border-radius: 6px; color: #13d500; position: relative; outline: none;}.btn-goodgreen{background: linear-gradient(to bottom, rgba(105, 106, 109, 0), rgba(255, 255, 255, 0)); padding: 0; border: none; min-height: 36px; font-size: 28px; border-radius: 6px; color: #44a522; position: relative; outline: none;}.btn-orange{background: linear-gradient(to bottom, rgba(105, 106, 109, 0), rgba(255, 255, 255, 0)); padding: 0; border: none; min-height: 36px; font-size: 28px; border-radius: 6px; color: #d56905; position: relative; outline: none;}.btn-red{background: linear-gradient(to bottom, rgba(105, 106, 109, 0), rgba(255, 255, 255, 0)); padding: 0; border: none; min-height: 36px; font-size: 28px; border-radius: 6px; color: #ff0003; position: relative; outline: none;}.btn-white:hover{color: #991118; transition: all 1s;}section img{margin: auto;}img.profile-photo{height: 58px; width: 58px; border-radius: 50%;}img.profile-photo-lg{height: 80px; width: 80px; border-radius: 50%;}img.profile-photo-md{height: 50px; width: 50px; border-radius: 50%;}img.profile-photo-sm{height: 40px; width: 40px; border-radius: 50%;}img.profile-photo-xs{height: 30px; width: 30px; border-radius: 50%;}.img-wrapper{position: relative;}.img-wrapper::after{content: ""; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; bottom: 0; transition: all 1s ease 0s;}.img-wrapper:hover:after{background-color: rgba(0, 0, 0, 0.4);}ul{padding-left: 15px;}ul li{list-style-image: url("../images/bullet.png");}.line-divider{background: none; height: 1px; border-top: 1px solid #e6e6e6; width: 100%; margin: auto; margin-bottom: 10px;}.map{width: 100%; height: auto; border: none;}.static{position: static;}textarea{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}/*==================================================Header==================================================*/#header{min-height: 50px;}.menu{background: #1F73A9; border: none; border-radius: 0; margin-bottom: 0;}.menu form{margin: 12px 0;}.menu form .form-group{position: relative;}.menu form .form-group i.icon{position: absolute; left: 15px; top: 5px; color: #fff;}.menu form .form-group input.form-control{background: rgba(255, 255, 255, 0.2); border: 0; box-shadow: none; min-width: 235px; color: #fff; height: 26px; border-radius: 13px; font-size: 12px; padding-left: 30px;}.menu ul.main-menu li.dropdown a{color: #fff; font-size: 12px; font-weight: 600;}.menu ul.main-menu li.dropdown a:hover, .menu ul.main-menu li.dropdown a:active, .menu ul.main-menu li.dropdown a:focus{color: #27aae1; background: none;}.menu ul.main-menu li.open a, .menu ul.main-menu li.open a:active, .menu ul.main-menu li.open a:focus{background: transparent; color: #27aae1;}.menu ul.main-menu li ul.dropdown-menu{background: #1F73A9; box-shadow: none; border: 0; padding: 0;}.menu ul.main-menu li ul.dropdown-menu li{list-style: none; padding: 5px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1)}.menu ul.main-menu li ul.dropdown-menu li a, .menu ul.main-menu li.open ul.dropdown-menu li a{color: #fff; font-size: 12px; line-height: 16px;}.menu ul.main-menu li ul.dropdown-menu li a:hover, .menu ul.main-menu li.open ul.dropdown-menu li a:hover{color: #e6e6e6;}.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: 0;}/*For Homepage Header*/#header.lazy-load{visibility: hidden; position: fixed; left: 0; right: 0; transition: .5s ease-in-out; transform: translateY(-50px); z-index: 99999;}#header.lazy-load.visible{visibility: visible; transform: translateY(0);}/*==================================================Homepage Top Banner==================================================*//*==================================================Features Section==================================================*/#features{background: #EFEFEF; background: radial-gradient(#fff 50%, #EFEFEF 90%); background: -moz-radial-gradient(#fff 50%, #EFEFEF 90%); background: -webkit-radial-gradient(#fff 50%, #EFEFEF 90%); background: -o-radial-gradient(#fff 50%, #EFEFEF 90%); text-align: center;}#features .feature-item .feature-icon{background: linear-gradient(to bottom, rgba(43, 57, 144, .8), rgba(39, 170, 225, .8) 65%), url("../images/blur.png") no-repeat; background-size: cover; background-position: center; width: 110px; height: 110px; border-radius: 55px; margin: auto; border: 6px solid #fff; box-shadow: 0 12px 12px rgba(39, 170, 225, 0.3); cursor: pointer; font-size: 35px; color: #fff; line-height: 100px;}#features .feature-item .feature-icon:hover{background: #27aae1; transition: all 1s;}#features .feature-item h3{font-family: 'Agency FB', sans-serif; color: #939598;}#incremental-counter .num{background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #fff; border-radius: 4px; color: #27aae1; display: inline-block; height: 64px; line-height: 62px; margin: 0 4px 20px; position: relative; left: -1px; text-align: center; width: 50px; font-size: 45px; font-size: 3.72625em; font-weight: normal; font-family: 'Agency FB', sans-serif;}#incremental-counter .num::before{background: #00aae6; content: ""; display: block; height: 1px; left: -1px; margin: -0.5px 0 0; position: absolute; right: -1px; top: 50%; width: auto;}#features img.face-map{margin: 0 auto -250px;}/*==================================================App Download Section==================================================*/#app-download{background: #fff; text-align: center;}#app-download ul.app-btn{padding: 0; margin: 0;}#app-download ul.app-btn li{list-style: none; padding-left: 10px; padding-right: 10px;}#app-download ul.app-btn li button{padding: 8px 15px;}#app-download ul.app-btn li button::after{content: ""; background: linear-gradient(to bottom, rgba(0, 0, 0, .1), transparent 70%); height: 36px; width: auto; position: absolute; left: 0; right: 0; top: 100%; border-radius: 6px;}/*==================================================Homepage Image Divider==================================================*/.img-divider{background: url("../images/bg/bg-2.jpg") no-repeat; background-size: cover; text-align: center; min-height: 460px; background-position: center;}/*==================================================Site Facts Section==================================================*/#site-facts{background: radial-gradient(rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 1) 100%), url("../images/bg/bg-4.jpg") fixed no-repeat; background-size: cover; height: 500px !important; text-align: center; color: #fff;}#site-facts .circle{background: #27aae1; width: 660px; height: 660px; border-radius: 50%; margin: auto; position: relative; top: -180px; padding: 75px; overflow: hidden;}#site-facts .circle ul.facts-list{padding: 0; margin: 0;}#site-facts .circle ul.facts-list li{list-style: none;}#site-facts .circle ul.facts-list li:nth-child(1){margin: 5px auto 50px;}#site-facts .circle ul.facts-list li:nth-child(1)::before{content: ""; border-left: 1px solid rgba(255, 255, 255, 0.2); height: 75px; position: absolute; top: 0;}#site-facts .circle ul.facts-list li:nth-child(1)::after{content: ""; border-left: 1px solid rgba(255, 255, 255, 0.2); height: 34px; position: absolute;}#site-facts .circle ul.facts-list li:nth-child(2)::after{content: ""; border-left: 1px solid rgba(255, 255, 255, 0.2); height: 34px; position: absolute;}#site-facts .circle ul.facts-list li:nth-child(3){margin: 50px auto 10px;}#site-facts .circle ul.facts-list li:nth-child(3)::after{content: ""; border-left: 1px solid rgba(255, 255, 255, 0.2); height: 75px; position: absolute; bottom: 0;}#site-facts .circle .fact-icon{background: rgba(255, 255, 255, .1); height: 60px; width: 60px; border-radius: 50%; margin: auto;}#site-facts .circle .fact-icon{font-size: 50px;}/*==================================================Live Feed Section Homepage==================================================*/#live-feed{background: #fff; text-align: center;}#live-feed ul.online-users li{margin: 0;}/*feed-block and ul.online-users css available below*//*==================================================Newsfeed Left Sidebar==================================================*//*Profile Card CSS*/.profile-card{background: linear-gradient(to bottom, rgba(39, 170, 225, .8), rgba(28, 117, 188, .8)), url(../images/covers/1.jpg) no-repeat; background-size: cover; width: 100%; min-height: 90px; border-radius: 4px; padding: 10px 20px; color: #fff; margin-bottom: 40px;}.profile-card img.profile-photo{border: 7px solid #fff; float: left; margin-right: 20px; position: relative; top: -30px; height: 70px; width: 70px; border-radius: 50%;}/*Newsfeed Links CSS*/ul.nav-news-feed{padding-left: 20px; padding-right: 20px; margin: 0 0 40px 0;}ul.nav-news-feed li{list-style: none; display: block; padding: 15px 0;}ul.nav-news-feed li div{position: relative; margin-left: 30px;}ul.nav-news-feed li div::after{content: ""; width: 100%; height: 1px; border-top: 1px solid #f1f2f2; position: absolute; bottom: -15px; left: 0;}ul.nav-news-feed li a{color: #6d6e71;}ul.nav-news-feed li i{font-size: 18px; margin-right: 15px; float: left;}ul.nav-news-feed i.ion-ios-paper{color: #8dc63f;}ul.nav-news-feed i.ion-ios-people{color: #662d91;}ul.nav-news-feed i.ion-ios-people-outline{color: #ee2a7b;}ul.nav-news-feed i.ion-chatboxes{color: #f7941e;}ul.nav-news-feed i.ion-images{color: #1c75bc;}ul.nav-news-feed i.ion-ios-videocam{color: #9e1f63;}/*Chat Block CSS*/#chat-block{margin: 0 0 40px 0; text-align: center;}#chat-content{box-shadow: rgba(0, 0, 0, 0.3) 7px 7px 7px;}#chat-block .title{background: #1F73A9;; padding: 5px 20px; width: 70%; height: 30px; border-radius: 15px; position: relative; margin: 0 auto 20px; color: #fff; font-size: 14px; font-weight: 600;}ul.online-users{padding-left: 20px; padding-right: 20px; text-align: center; margin: 0;}ul.online-users li{list-style: none; position: relative; margin: 3px auto !important; padding-left: 3px; padding-right: 3px;}ul.online-users li span.online-dot{background: linear-gradient(to bottom, rgba(141, 198, 63, 1), rgba(0, 148, 68, 1)); border: none; height: 12px; width: 12px; border-radius: 50%; position: absolute; bottom: -6px; border: 2px solid #fff; left: 0; right: 0; margin: auto;}/*==================================================Newsfeed Right Sidebar==================================================*/.suggestions.affix{position: fixed !important;}.follow-user{margin-bottom: 20px;}.follow-user div{margin-left: 50px; position: relative;}.follow-user div::after{content: ""; background: none; border-top: 1px solid #f1f2f2; position: absolute; width: 100%; left: 0; bottom: -10px;}/*==================================================Create Post Box CSS==================================================*/.create-post{width: 100%; min-height: 90px; padding: 20px; margin-bottom: 20px; border-bottom: 1px solid #f1f2f2;}.create-post .form-group{margin-bottom: 0; display: inline-flex;}.create-post .form-group img.profile-photo-md{margin-right: 10px;}.create-post .tools{padding: 8px 0 10px;}.create-post .tools ul.publishing-tools{display: inline-block; text-align: left; margin: 0; padding: 5px 0;}.create-post .tools ul.publishing-tools li a{color: #6d6e71; font-size: 18px;}.create-post .tools ul.publishing-tools li a:hover{color: #27aae1;}/*==================================================Post Contents CSS==================================================*/.post-content{background: #f8f8f8; border-radius: 4px; width: 100%; border: 1px solid #f1f2f2; margin-bottom: 20px; overflow: hidden; position: relative;}.post-content img.post-image, video.post-video, .google-maps{width: 100%; height: auto;}.post-content .google-maps .map{height: 300px;}.post-content .post-container{padding: 20px;}.post-content .post-container .post-detail{margin-left: 65px; position: relative;}.post-content .post-container .post-detail .post-text{line-height: 24px; margin: 0;}.post-content .post-container .post-detail .reaction{position: absolute; right: 0; top: 0;}.post-content .post-container .post-detail .post-comment{display: inline-flex; margin: 10px auto; width: 100%;}.post-content .post-container .post-detail .post-comment img.profile-photo-sm{margin-right: 10px;}.post-content .post-container .post-detail .post-comment .form-control{height: 30px; box-shadow: none; margin: 7px 0; min-width: 0;}/*==================================================Nearby People CSS==================================================*/.people-nearby .google-maps{background: #f8f8f8; border-radius: 4px; border: 1px solid #f1f2f2; padding: 20px; margin-bottom: 20px;}.people-nearby .google-maps .map{height: 300px; width: 100%; border: none;}.people-nearby .nearby-user{padding: 20px 0; border-top: 1px solid #f1f2f2; border-bottom: 1px solid #f1f2f2; margin-bottom: 20px;}/*==================================================Friend List CSS=Newsfeed and Timeline==================================================*/.friend-list .friend-card{border-radius: 4px; border-bottom: 1px solid #f1f2f2; overflow: hidden; margin-bottom: 20px;}.friend-list .friend-card .card-info{padding: 0 20px 10px;}.friend-list .friend-card .card-info img.profile-photo-lg{margin-top: -60px; border: 7px solid #fff;}/*==================================================Chat Room CSS==================================================*//*Chat Contact List*/.chat-room ul.contact-list li{width: 100%; margin-bottom: 0;}.chat-room ul.contact-list li a{border: none; padding: 10px 0; border-bottom: 1px solid #f1f2f2 !important;}.chat-room ul.contact-list li a:hover, .chat-room ul.contact-list li a:active, .chat-room ul.contact-list li a:focus{border: none; border-bottom: 1px solid #8dc63f !important; border-radius: 0; cursor: pointer; background: none;}.chat-room ul.contact-list li a .contact{margin-left: 10px; margin-right: 10px;}.chat-room ul.contact-list li a .contact .msg-preview{margin-left: 50px;}.chat-room ul.contact-list li a .contact .msg-preview small{position: absolute; top: 20px; right: 10px;}.chat-room ul.contact-list li a .contact .msg-preview .chat-alert{background: red; text-align: center; border-radius: 4px; padding: 1px 6px; position: absolute; right: 10px; bottom: 20px; color: #fff;}.chat-room ul.contact-list li a .contact .msg-preview .seen, .replied{color: #939598; position: absolute; right: 10px; bottom: 20px; font-size: 14px;}/*Chat Messages*/.chat-room .chat-body ul.chat-message{padding: 0; margin: 0;}.chat-room .chat-body ul.chat-message li{list-style: none; margin-bottom: 20px;}.chat-room .chat-body ul.chat-message li.left .chat-item{background: rgba(141, 198, 63, .1); margin-left: 50px; padding: 5px 10px; position: relative; border-radius: 10px;}.chat-room .chat-body ul.chat-message li.left .chat-item::before{border-bottom: 10px solid transparent; border-right: 8px solid rgba(141, 198, 63, .1); border-top: 10px solid transparent; content: ""; height: 0; left: -8px; position: absolute; top: 10px; width: 0;}.chat-room .chat-body ul.chat-message li.left .chat-item .chat-item-header{border-bottom: 1px dotted #caef8e; margin-bottom: 10px;}.chat-room .chat-body ul.chat-message li.right .chat-item{background: rgba(39, 170, 225, .1); margin-right: 50px; padding: 5px 10px; position: relative; border-radius: 10px;}.chat-room .chat-body ul.chat-message li.right .chat-item::after{border-bottom: 10px solid transparent; border-left: 8px solid rgba(39, 170, 225, .1); border-top: 10px solid transparent; content: ""; height: 0; right: -8px; position: absolute; top: 10px; width: 0;}.chat-room .chat-body ul.chat-message li.right .chat-item .chat-item-header{border-bottom: 1px dotted #bce8f7; margin-bottom: 10px;}.chat-room .chat-body ul.chat-message li .chat-item .chat-item-header h5{color: #4d4d4d;}.chat-room .chat-body ul.chat-message li .chat-item .chat-item-header small{position: absolute; top: 15px; right: 20px;}.chat-room .send-message{background: #f8f8f8; padding: 20px; border-radius: 4px;}.chat-room .send-message button{background: #000; color: #fff;}/*CSS for custom scrollbar*/.scrollbar-wrapper.scrollbar-dynamic{max-height: none;}.scrollbar-wrapper.tab-content{overflow-y: auto; height: 360px;}.scrollbar-wrapper.contact-list{overflow-y: auto; height: 400px; border: none; margin-bottom: 20px;}.scrollbar-wrapper{height: 100%; overflow: auto; width: 100%;}/*==================================================Media=Images and Videos CSS==================================================*/.media .media-grid{background: #f8f8f8; border: 1px solid #f1f2f2; border-radius: 4px; overflow: hidden; margin-bottom: 20px;}.media .media-grid img.post-image, video{width: 100%; cursor: pointer;}.media .media-grid .media-info{padding-left: 10px; padding-right: 10px;}.media .media-grid .media-info .reaction{padding: 10px 0; border-bottom: 1px solid #f1f2f2;}.media .media-grid .media-info .user-info{padding: 10px 0;}.media .media-grid .media-info .user-info .user{margin: -10px 0 0 50px;}.modal-content .post-content{margin: 0;}/*==================================================Timeline==================================================*/#profile_image-btn{color:#000;}.active{color:#000;}#cover_image-btn{color:#000;}#cover_image-btn:hover{color:#fff;}#profile_image-btn:hover{color:#fff;}.btn-file{position: relative; overflow: hidden;}.btn-file input[type=file]{position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block;}.timeline-cover{background-position: center; background-size: cover; min-height: 360px; border-radius: 0 0 4px 4px; position: relative; width: 100%; height: 100%;}/*Timeline Menu for Large Screens*/.timeline-cover .timeline-nav-bar{background: rgba(238, 238, 238, 0.24); width: 100%; position: absolute; bottom: 25px;}.timeline-cover .timeline-nav-bar .profile-info{position: absolute; text-align: center; padding: 0 20px; top: -100px; z-index: 999;}.timeline-cover .timeline-nav-bar .profile-info img.profile-photo{height: 200px; width: 200px; border-radius: 50%; border: 10px solid #fff; color: #444;}.timeline-cover .timeline-nav-bar ul.profile-menu{margin: 0; display: table;}.timeline-cover .timeline-nav-bar .profile-menu li{display: table-cell; vertical-align: middle; padding: 15px 0;}.timeline-cover .timeline-nav-bar .profile-menu li a{color: #fff; padding: 15px; text-decoration: none;}.timeline-cover .timeline-nav-bar .profile-menu li a.active{color: #27aae1;}.timeline-cover .timeline-nav-bar .profile-menu li a:hover{color: #27aae1;}.timeline-cover .timeline-nav-bar ul.follow-me{margin: 0; position: absolute; right: 15px; top: 0;}.timeline-cover .timeline-nav-bar .follow-me li{padding: 8px 15px; color: #fff;}/*Timeline Menu for Small Screens*/.timeline-cover .navbar-mobile{bottom: -185px; left: 0; position: absolute; right: 0; text-align: center;}.timeline-cover .navbar-mobile .profile-info img.profile-photo{border: 10px solid #fff; border-radius: 50%; height: 200px; margin: auto; width: 200px;}.timeline-cover .navbar-mobile .mobile-menu ul{margin: 0 0 20px;}.timeline-cover .navbar-mobile .mobile-menu ul li{padding-left: 10px; padding-right: 10px; position: relative;}.timeline-cover .navbar-mobile .mobile-menu ul li::after{content: ""; height: 20px; background: none; border-right: 1px solid #f1f2f2; position: absolute; right: 0;}.timeline-cover .navbar-mobile .mobile-menu ul li:nth-child(4)::after{content: none;}.timeline-cover .navbar-mobile .mobile-menu ul li a{color: #4d4d4d;}.timeline-cover .navbar-mobile .mobile-menu ul li a.active{color: #27aae1;}/*==================================================Timeline Sidebar Right==================================================*/.feed-item{text-align: left; margin-bottom: 13px; padding: 0 20px; position: relative;}.feed-item::before{border-left: 2px solid #8dc63f; position: absolute; height: 30px; content: ""; left: 0; top: 5px;}.feed-item img.profile-photo-sm{float: left; margin-right: 10px;}.feed-item .live-activity{border-bottom: 1px solid #f1f2f2;}/*==================================================Post Date==================================================*/.timeline .post-content{position: relative; overflow: visible;}.timeline .post-content::before{content: ""; position: absolute; background: none; width: 1px; height: 98%; left: -145px; border-left: 2px solid #6c89c6; top: 15px;}.timeline .post-content .post-date{position: absolute; margin-left: -125px;}.timeline .post-content .post-date::before{content: ""; background: #6c89c6; position: absolute; width: 20px; height: 20px; border-radius: 10px; left: -30px; top: 10px; border: 2px solid #fff;}.timeline .post-content img.post-image{border-radius: 4px 4px 0 0;}/*==================================================About Profile==================================================*/.about-profile{margin-bottom: 20px;}.about-profile .about-content-block{padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f1f2f2; line-height: 24px; margin-bottom: 10px;}.about-profile .about-content-block h4 i.icon-in-title{margin-right: 15px; color: #27aae1;}.about-profile .about-content-block .organization img.img-org{height: 40px; width: 40px; border-radius: 50%;}.about-profile .about-content-block .organization .work-info{margin-left: 50px;}.about-profile .about-content-block .google-maps .map{height: 150px;}ul.interests span.int-icons{color: #fff; font-size: 25px; color: #8dc63f; cursor: pointer;}.map-container{width: 100%;}.map-container iframe{display: block; width: 100%; position: relative; /* IE needs a position other than static */ pointer-events: none;}.map-container iframe.clicked{pointer-events: auto;}/*==================================================Profile Album==================================================*/ul.album-photos{padding: 0; margin: 0 auto 20px;; display: block; font-size: 0; text-align: center;}ul.album-photos li{list-style: none; display: inline-block; max-width: 195px; padding: 2px;}ul.album-photos li img{max-width: 100%;}/*==================================================Contact Us==================================================*/.contact-map{height: 250px;}.contact-us{background: #fff; padding: 40px; margin-top: -140px; border-radius: 4px;}.contact-us form.contact-form{margin-bottom: 20px;}.contact-us form.contact-form .form-group{position: relative}.contact-us form.contact-form .form-group i{color: #f1f2f2; font-size: 16px; left: 10px; position: absolute; top: 5px;}.contact-us form.contact-form .form-group input.form-control{box-shadow: none; height: 30px; padding-left: 30px; font-size: 12px; border: 1px solid #f1f2f2;}.contact-us form.contact-form .form-group textarea{box-shadow: none; font-size: 12px; border: 1px solid #f1f2f2;}.contact-us .reach{margin: 10px 0; position: relative; line-height: 40px;}.contact-us .reach span{border: 1px solid #f1f2f2; position: absolute; color: #8DC63F; height: 40px; width: 40px; border-radius: 50%; margin-right: 50px; text-align: center; font-size: 20px;}.contact-us .reach p{margin-left: 50px;}.contact-us ul.social-icons{margin-top: 20px;}/*==================================================Site Footer==================================================*/#footer{background: #fff; position: relative;}#footer::before{content: ""; background: linear-gradient(to right, #ffffff 0%, #53cbf1 50%, #ffffff 100%); height: 5px; width: 100%; position: absolute;}.footer-wrapper{padding: 50px 0; float: left; width: 100%;}.footer-wrapper h6{margin-bottom: 20px; font-weight: 600;}img.footer-logo{margin-bottom: 20px;}ul.social-icons{margin: 0;}ul.social-icons li{background: transparent; width: 30px; height: 30px; border: 1px solid #f1f2f2; border-radius: 4px; margin: 3px; text-align: center;}ul.social-icons li a{color: #6d6e71; font-size: 15px; line-height: 30px;}ul.social-icons li a:hover{color: #27aae1; transition: all 1s;}ul.footer-links li{line-height: 25px;}ul.footer-links li a{color: #6d6e71;}ul.footer-links li a:hover{color: #27aae1;}ul.contact{margin: 0; padding: 0;}ul.contact li{list-style: none; padding: 15px 0; border-bottom: 1px solid #f1f2f2; font-size: 12px; font-weight: 600; line-height: 15px;}ul.contact li i{font-size: 18px; margin-right: 20px; color: #27AAE1;}.copyright{background: #231F20; text-align: center; color: #fff; padding: 12px 0 4px;}/*==================================================CSS for width 992px==================================================*/@media only screen and (max-width: 992px){section h1.section-title{font-size: 175px; margin-bottom: -40px;}#features .feature-item{margin-bottom: 20px;}#features .item{margin-bottom: 20px;}.timeline #page-contents{margin-top: 185px !important;}}/*==================================================CSS for width 768px==================================================*/@media only screen and (max-width: 768px){.menu ul.main-menu li.dropdown ul.dropdown-menu li{background: #1F73A9}.sign-up-form{left: 0; right: 0; margin: auto;}section h1.section-title{font-size: 90px !important; margin-bottom: 0 !important;}#features .feature-item{margin-bottom: 20px;}#site-facts .circle{width: 100%; border-radius: 1000px;}.nearby-user{text-align: center;}.nearby-user button.btn-primary{float: none !important;}.post-content .post-container .post-detail .reaction{position: relative;}#footer .footer-wrapper ul{margin-bottom: 20px;}.contact-us .col-sm-7{margin-bottom: 20px !important;}}/*==================================================CSS for width 480px==================================================*/@media only screen and (max-width: 480px){.sign-up-form{left: 0; right: 0; margin: auto; width: 90%; overflow: hidden; border-radius: 0 0 4px 4px;}#app-download ul.app-btn li button{margin-bottom: 20px;}.post-contents .post-container .post-detail .reaction{position: relative;}}/*==================================================Slide Animations==================================================*/.slideUp, .slideDown{visibility: hidden;}.slideDown.appear{animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important;}@keyframes slideDown{0%{transform: translateY(-100%);}50%{transform: translateY(8%);}65%{transform: translateY(-4%);}80%{transform: translateY(4%);}95%{transform: translateY(-2%);}100%{transform: translateY(0%);}}@-webkit-keyframes slideDown{0%{-webkit-transform: translateY(-100%);}50%{-webkit-transform: translateY(8%);}65%{-webkit-transform: translateY(-4%);}80%{-webkit-transform: translateY(4%);}95%{-webkit-transform: translateY(-2%);}100%{-webkit-transform: translateY(0%);}}.slideUp.appear{animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important;}@keyframes slideUp{0%{transform: translateY(100%);}50%{transform: translateY(-8%);}65%{transform: translateY(4%);}80%{transform: translateY(-4%);}95%{transform: translateY(2%);}100%{transform: translateY(0%);}}@-webkit-keyframes slideUp{0%{-webkit-transform: translateY(100%);}50%{-webkit-transform: translateY(-8%);}65%{-webkit-transform: translateY(4%);}80%{-webkit-transform: translateY(-4%);}95%{-webkit-transform: translateY(2%);}100%{-webkit-transform: translateY(0%);}}/*==================================================Scroll Down Arrow==================================================*/.arrows{width: 60px; height: 72px; position: absolute; left: 0; right: 0; margin: auto; bottom: -90px;}.arrows path{stroke: #27aae1; fill: transparent; stroke-width: 1px; animation: arrow 2s infinite; -webkit-animation: arrow 2s infinite;}@keyframes arrow{0%{opacity: 0}40%{opacity: 1}80%{opacity: 0}100%{opacity: 0}}@-webkit-keyframes arrow /*Safari and Chrome*/{0%{opacity: 0}40%{opacity: 1}80%{opacity: 0}100%{opacity: 0}}.arrows path.a1{animation-delay: -1s; -webkit-animation-delay: -1s;}.arrows path.a2{animation-delay: -0.5s; -webkit-animation-delay: -0.5s;}.arrows path.a3{animation-delay: 0s; -webkit-animation-delay: 0s;}/*==================================================Preloader Animation CSS==================================================*/.spinner{width: 40px; height: 40px; background-color: #27aae1; position: absolute; top: 48%; left: 48%; box-shadow: 0 0 8px rgba(0, 0, 0, .3); -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out;}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform: perspective(120px)}50%{-webkit-transform: perspective(120px) rotateY(180deg)}100%{-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}}#spinner-wrapper{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.15); z-index: 9999999;}