@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
body{margin: 0;}
html{background-color: #ffffff;}
/*--------------------------PRIVACY POLICY---------------------*/
#post-3{width: 1000px; margin-left: calc(50% - 500px);margin-right: calc(50% - 500px);font-family: 'Montserrat', sans-serif;margin-top: 80px;margin-bottom: 50px;}
#post-3 a{text-decoration: none;color: #20b8b2;font-weight: 700;}
.entry-title{font-size: 40px;font-weight: 700;color: #20b8b2;}
/*--------------------------LOGIN------------------------------*/
#login{display: none;}
.modal{
	width: 100%;
	height: 100%;
	padding-top: 100px;
	position: fixed;
	z-index: 200;
	background-color: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
}
.modal-content{
	width: 500px;
	height: 300px;
	border-radius: 5px;
	background-color: white;
	color: #5d5d5d;
	margin-left: calc(50% - 250px);
	margin-right: calc(50% - 250px);
}
.close_modal{
	float: right;
	z-index: 300;
	padding-right: 5px;
	font-size: 35px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	cursor: pointer;
}
.modal-content h1{
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 10px;
}
.modal-content form{
	width: 400px;
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 0px;
	float: left;
	height: 180px;
}
.modal-content label{
	width: 130px;
	margin-right: 10px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
}
.modal-content input[type=text], .modal-content input[type=password]{
	width: 200px;
	height: 29px;
	float: left; 
	margin-left: 10px;
	margin-top: 20px;
	margin-right: 20px;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	background-color: white !important;
}
.modal-content input[type=submit]{
	padding: 10px;
	background-color: #4a6ba1;
	text-decoration: none;
	color: #ffffff;
	font-size: 21px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	border-radius: 8px;
	width: 100px;
	margin-top: 20px;
	margin-left: calc(50% - 50px);
	margin-right: calc(50% - 50px);
	border-width: 0px;
}
.modal-content input[type=submit]:hover{
	background-color: #3B5580;
}
.login-help{
	height: 65px;
	width: 400px;
	margin-left: calc(50% - 200px);
	margin-right: calc(50% - 200px);
	float: left;
	font-family: 'Montserrat', sans-serif;
}
.login-help p{
	margin: 8px;
	text-align: center;
}
.login-help a{
	text-decoration: none;
	color: #4a6ba1;
}
/*--------------------------REGISTER---------------------------*/
.register_wrapper{
	width: 500px;
	height: auto;
	margin-top: 100px;
	margin-bottom: 100px;
	margin-left: calc(50% - 250px);
	margin-right: calc(50% - 250px);
}
.register_wrapper h2{
	font-size: 35px;
	font-family: 'Montserrat', sans-serif;
	color: #5d5d5d;
}
.register_wrapper form{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 100px;
}
.register_wrapper label{
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	color: #5d5d5d;
	width: 220px;
	margin: 20px;
	float: left;
	height: 35px;
}
.register_wrapper input[type=text], .register_wrapper input[type=password], .register_wrapper input[type=mail], .register_wrapper select{
	width: 200px;
	height: 29px;
	float: left; 
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	background-color: white !important;
	border-radius: 5px;
}
.register_wrapper input[type=submit], .register_wrapper input[type=reset]{
	padding: 10px;
	background-color: #4a6ba1;
	text-decoration: none;
	color: #ffffff;
	font-size: 21px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	border-radius: 8px;
	width: 120px;
	margin-top: 20px;
	margin-left: calc(25% - 60px);
	margin-right: calc(25% - 60px);
	border-width: 0px;
	float: left;
}
.register_wrapper p{
	width: 100%;
	margin-top: 30px;
	text-align: center;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	color: #5d5d5d;
	float: left;
}
.register_wrapper a{
	color: #4a6ba1;
	text-decoration: none;
}
.register_wrapper span{color: red; font-weight: 700; font-size: 18px;font-family: 'Montserrat', sans-serif;margin-left: 20px;}
/*--------------------------CONFIRM PAGE-----------------------*/
.confirm_wrapper {
	width: 100%;
	height: 500px;
	margin-top: 80px;
	float: left;
}
.confirm_msg{
	width: 500px;
	height: auto;
	margin-left: calc(50% - 250px);
	margin-right: calc(50% - 250px);
	float: left;
}
.confirm_msg h2{
	font-size: 30px;
	color: #5d5d5d;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	width: 100%;
}
.confirm_msg p{
	font-size: 20px;
	color: #9c9c9c;
	font-family: 'Montserrat', sans-serif;
	width: 100%;
}
/*--------------------------PASS RESET-------------------------*/
.passemailer_wrapper{
	width: 500px;
	height: 500px;
	margin-left: calc(50% - 250px);
	margin-right: calc(50% - 250px);
	float: left;
	margin-top: 80px;
}
.passemailer_wrapper h2{
	font-size: 30px;
	color: #5d5d5d;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	width: 100%;
}
.passemailer_wrapper p{
	font-size: 22px;
	color: #9c9c9c;
	font-family: 'Montserrat', sans-serif;
	width: 100%;
}
.passemailer_wrapper form{
	width: 100%;
	height: auto;
}
.passemailer_wrapper label{
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	color: #5d5d5d;
	width: 100px;
	margin-right: 30px;
	float: left;
	margin-top: 30px;
	height: 39px;
}
.passemailer_wrapper input[type=text]{
	width: 350px;
	float: left;
	height: 39px;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	color: #9c9c9c;
	border-radius: 5px;
	margin-top: 25px;
	margin-right: 20px;
	padding: 5px;
}
.passemailer_wrapper input[type=submit]{
	padding: 20px;
	background-color: #4a6ba1;
	text-decoration: none;
	color: #ffffff;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	border-radius: 8px;
	width: 180px;
	margin-left: calc(25% - 90px);
	margin-right: calc(25% - 90px);
	margin-top: 30px;
}
/*--------------------------PASS CHANGE------------------------*/
.passreset_wrapper{
	width: 500px;
	height: 500px;
	margin-left: calc(50% - 250px);
	margin-right: calc(50% - 250px);
	float: left;
	margin-top: 80px;
}
.passreset_wrapper h2{
	font-size: 30px;
	color: #5d5d5d;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	width: 100%;
}
.passreset_wrapper p{
	font-size: 22px;
	color: #9c9c9c;
	font-family: 'Montserrat', sans-serif;
	width: 100%;
}
.passreset_wrapper form{
	width: 100%;
	height: auto;
}
.passreset_wrapper label{
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	color: #5d5d5d;
	width: 100px;
	margin-right: 30px;
	float: left;
	margin-top: 30px;
	height: 39px;
}
.passreset_wrapper input[type=password]{
	width: 350px;
	float: left;
	height: 39px;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	color: #9c9c9c;
	border-radius: 5px;
	margin-top: 25px;
	margin-right: 20px;
	padding: 5px;
}
.passreset_wrapper input[type=submit]{
	padding: 20px;
	background-color: #4a6ba1;
	text-decoration: none;
	color: #ffffff;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	border-radius: 8px;
	width: 180px;
	margin-left: calc(25% - 90px);
	margin-right: calc(25% - 90px);
	margin-top: 30px;
}
/*--------------------------PROFILE EDIT-----------------------*/
.profile_wrapper{
	width: 900px;
	margin-left: calc(50% - 450px);
	margin-right: calc(50% - 450px);
	margin-top: 80px;
	margin-bottom: 80px;
	height: auto;
	float: left;
}
.profile_wrapper h4{
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	color: #5d5d5d;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: 700;
}
.profile_sec{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 40px;
}
.profile_header{
	width: 400px;
	margin-left: 250px;
	margin-right: 250px;
}
.profile_logo{
	width: 110px;
	height: 110px;
	margin-left: calc(50% - 55px);
	margin-right: calc(50% - 55px);
	float: left;
	border-radius: 50%;
	background-color: #20b8b2;
	margin-bottom: 30px;
}
.profile_logo img{
	width: 70px;
	height: 70px;
	margin: 20px;
	object-fit: cover;
}
.profile_logo_stu{
	width: 90px;
	height: 90px;
	float: left;
	border-radius: 50%;
	background-color: #20b8b2;
}
.profile_logo_stu img{
	width: 60px;
	height: 60px;
	margin: 15px;
	object-fit: cover;
}
.profile_header h3{
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	color: #5d5d5d;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: 700;
}
.profile_header p{
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	color: #9c9c9c;
	font-weight: 550;
}
.form_header{
	width: 700px;
	margin-left: 100px;
	margin-right: 100px;
	float: left;
	height: auto;
	margin-top: 80px;
	margin-bottom: 30px;
}
.form_header p, .interest_list p, .form_content p{
	font-size: 20px;
	color: #9c9c9c;
	font-family: 'Montserrat', sans-serif;
	text-align: justify;
}
.form_header label{
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	color: #5d5d5d;
	width: 220px;
	margin-right: 30px;
	float: left;
	margin-top: 30px;
	height: 39px;
}
.form_header input[type=text], .form_header select{
	width: 450px;
	float: left;
	height: 39px;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	color: #5d5d5d;
	border-radius: 5px;
	margin-top: 30px;
	padding: 5px;
}
.form_content{
	width: 700px;
	margin-left: 100px;
	margin-right: 100px;
	float: left;
	height: auto;
	margin-bottom: 30px;
}
.form_content label{
	width: 100%;
	margin-top: 30px;
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	color: #5d5d5d;
	float: left;
	height: 39px;
}
.form_content textarea{
	min-width: 100%;
	max-width: 100%;
	float: left;
	height: 200px;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	color: #5d5d5d;
	border-radius: 5px;
	padding: 5px;
}
#bus_map{
	width: 700px;
	float: left;
	height: 600px;
	margin-bottom: 30px;
	border-radius: 5px;
}
.bus_coordinates {
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	width: 220px;
	height: 40px;
	margin: 10px;
	float: left;
	font-family: 'Montserrat', sans-serif;
	padding: 5px 10px;
	font-size: 11px;
	line-height: 18px;
	border-radius: 3px;
	display: none;
}
.interest_list{
	width: 700px;
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 50px;
	margin-bottom: 50px;
	float: left;
}
.interest_list h3, .form_header h3{
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	color: #5d5d5d;
	width: 100%;
	text-align: center;
	float: left;
	margin-bottom: 20px;
}
.interest_list input[type=checkbox]{
	width: 42px;
	height: 42px;
	margin: 4px;
}
.profile_wrapper input[type=submit]{
	padding: 30px;
	background-color: #4a6ba1;
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	border-radius: 8px;
	width: 180px;
	margin-left: calc(25% - 90px);
	margin-right: calc(25% - 90px);
}
/*--------------------------PROFILE PUBLIC---------------------*/
.public_prof_wrapper{
	width: 1000px;
	margin-left: calc(50% - 500px);
	margin-right: calc(50% - 500px);
	margin-top: 50px;
	height: auto;
}
.public_logo{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	float: left;
	margin-right: 30px;
	background-color: #20b8b2;
}
.public_logo img{
	width: 100px;
	height: 100px;
	margin: 25px;
	object-fit: cover;
}
.public_header{
	float: left;
	width: calc(100% - 180px);
	height: 150px;
	font-family: 'Montserrat', sans-serif;
	color: #343434;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
}
.public_content{
	float: left;
	width: 100%;
	height: auto;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	color: #9c9c9c;
	text-align: justify;
	white-space: pre-line;
}
.public_content h4{
	font-size: 30px;
	color: #20b8b2;
	margin-top: 20px;
	margin-bottom: 20px;
}
.public_content p{
	margin: 0px;
}
.rating_wrapper{
	width: 500px;
	height: auto;
	margin-left: calc(50% - 250px);
	margin-right: calc(50% - 250px);
	float: left;
}
.rating_wrapper h3{
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
	color: #20b8b2;
	font-weight: 700;
}
.rating_wrapper form{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	border-radius: 5px;
}
.rating_wrapper label{
	float: left;
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	color: #343434;
	font-weight: 700;
	width: 124px;
	margin-right: 20px;
	margin-top: 20px;
}
.rating_wrapper .star{
	float: left;
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	color: #20b8b2;
	font-weight: 700;
	width: 25px;
	margin-right: 0px;
}
.rating_wrapper input[type=radio]{
	float: left;
	width: 30px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 10px;
	height: 29px;
}
.rating_wrapper textarea{
	min-width: 325px;
	max-width: 325px;
	float: left;
	margin-top: 20px;
	height: 150px;
	border-radius: 5px;
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	color: #9c9c9c;
	padding: 5px;
}
.rating_wrapper input[type=submit]{
	padding: 10px;
    background-color: #4a6ba1;
    text-decoration: none;
    color: #ffffff;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    border-radius: 8px;
    width: 180px;
	margin-top: 20px;
	margin-bottom: 80px;
    margin-left: calc(50% - 90px);
    margin-right: calc(50% - 90px);
}
.public_comments{
	width: 1050px;
	height: 500px;
	float: left;
	overflow-y:scroll;
	margin-bottom: 50px;
}
.public_prof_wrapper h4{
	font-size: 30px;
    color: #20b8b2;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.comment_card{
	width: 400px;
	min-height: 320px;
	margin: 50px;
	float: left;
	background-color: #20b8b2;
	border-radius: 5px;
}
.comment_header{
	width: 360px;
	margin: 20px;
	float: left;
}
.comment_header h3{
	color: #ffffff;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
}
.comment_header img{
	width: 200px;
	height: auto;
	margin-left: calc(50% - 100px);
    margin-right: calc(50% - 100px);
	float: left;
}
.comment_content {
	width: 360px;
	height: 200px;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-radius: 5px;
	background-color: white;
}
.comment_content p{
	width: 350px;
	height: 190px;
	margin: 5px;
	color: #9c9c9c;
    font-size: 18px;
	overflow-wrap: break-word;
    font-family: 'Montserrat', sans-serif;
}
/*--------------------------MENU STYLING-----------------------*/
.menu_bars {
  display: none;
}
#navbar{
	width: 100%;
	margin: 0;
	height: 60px;
	line-height: 60px;
}
.nav-wrapper{
	width: 1400px;
	height: 100%;
	position: relative;
	margin: 0 auto;
}
#navbar ul{
	display: inline-block;
  	width: 900px;
  	float: right;
  	padding-left: 0px !important;
  	list-style: none;
  	margin-top: -2px;
  	margin-bottom: 0;
}
#navbar li{
	width: 80px;
	margin: 0 15px;
	height: 60px;
	float: right;
	text-align: center;
}
#navbar a{
	text-decoration: none;
	font-size: 22px;
	color: #343434;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
#logo{
	float:left;
	width: 120px;
	height: 60px;
	margin: 0;
}
#logo img{
	width: 100%;
	height: auto;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}
.homepage_wrapper{
	width: 100%;
	float: left;
	height: auto;
	margin: 0;
}
/*--------------------------WELCOME SECTION STYLING-----------------------*/
.welcome_wrapper{
	float: left;
	width: 100%;
	height: 1000px;
	background-image: url('https://mapp2go.net/wp-content/uploads/2021/10/welcome_background.png');
	background-size: 100%;
	background-position: bottom;
	background-repeat: no-repeat;
}
.welcome{
	width: 540px;
	height: 300px;
	position: absolute;
	top: 150px;
	right: 8%;
	z-index: 10;
}
.welcome_header{
	width: 100%;
	float: left;
	margin: 0;
	height: 140px;
	z-index: 11;
}
.welcome_header img{
	height: 100%;
	width: auto;
	float: left;
	margin: 0;
}
.welcome_header h2{
	float: left;
	font-size: 42px;
	width: 400px;
	max-height: 100px;
	margin-top: 20px;
	color: #5d5d5d;
	font-family: 'Montserrat', sans-serif;
}
.welcome p{
	height: 160px;
	width: calc(100% - 60px);
	float: left;
	margin: 0 30px;
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	text-align: justify;
	color: #9c9c9c;
}
.goto_button{
	padding: 30px;
	background-color: #4a6ba1;
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	border-radius: 8px;
	width: 180px;
	margin-left: calc(50% - 90px);
	margin-right: calc(50% - 90px);
}
.goto_button:hover{
	background-color: #3B5580;
}
/*--------------------------ABOUT SECTION STYLING-----------------------*/
.about_wrapper{
	float: left;
	width: 1200px;
	margin-left: calc(50% - 600px);
	margin-right: calc(50% - 600px);
	height: auto;
	font-family: 'Montserrat', sans-serif;
}
.about_student,.about_business{
	width: 100%;
	background-color: #ffffff;
	height: auto;
	float: left;
}
.about_student h2,.about_business h2{
	font-size: 50px;
	text-align: center;
	width: 100%;
	color: #4a6ba1;
}
.about_card_left, .about_card_right{
	height: 300px;
	width: 500px;
	margin: 50px;
}
.about_card_left h2, .about_card_right h2{
	color: #5d5d5d;
	font-size: 40px;
}
.about_card_left p, .about_card_right p{
	color: #9c9c9c;
	font-size: 22px;
}
.about_card_left img, .about_card_right img{
	object-fit: cover;
}
.about_card_left{float: left;}
.about_card_right{float: right;}
.register_now{
	width: 1200px;
	margin-left: calc(50% - 600px);
	margin-right: calc(50% - 600px);
	margin-top: 80px;
	height: auto;
	float: left;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 100px;
}
.register_now p{
	width: 800px;
	margin: auto;
	font-size: 24px;
	color: #9c9c9c;
	text-align: center;
	padding-bottom: 60px;
}
.register_now a{
	padding: 30px;
	background-color: #4a6ba1;
	text-decoration: none;
	color: #ffffff;
	font-size: 21px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	border-radius: 8px;
	width: 200px;
	margin-left: calc(50% - 100px);
	margin-right: calc(50% - 100px);
}
.register_now a:hover{
	background-color: #3B5580;
}
/*--------------------------GALLERY------------------------------*/
.gallery_wrapper{
	float: left;
	width: 100%;
	height: auto;
	padding-bottom: 50px;
}
.gallery{
	float: left;
	width: 1400px;
	margin-left: calc(50% - 700px);
	margin-right: calc(50% - 700px);
	min-height: 400px;
	background-color: #c2c2c2;
}
/*--------------------------FOOTER STYLING-----------------------*/
.footer{
	float: left;
	width: 100%;
	background-color: #3B5580;
	height: 400px;
}
.footer_center{
	width: 1200px;
	height: 300px;
	margin-left: calc(50% - 600px);
	margin-right: calc(50% - 600px);
	margin-top: 30px;
	margin-bottom: 30px;
}
.footer_section{
	width: 280px;
	height: 280px;
	margin: 10px;
	float: left;
}
.footer_section p{
	width: 100%;
    font-size: 18px;
    color: white;
    font-family: 'Montserrat', sans-serif;
}
.footer_section a{
	text-decoration: none;
	font-size: 18px;
	color: #20b8b2;
	font-weight: 700;
}
.footer_menu{
	width: 200px;
	margin-left: 40px;
	margin-right: 40px;
	height: auto;
	color: #ffffff;
	font-family: 'Montserrat', sans-serif;
}
.footer_menu h2{
	font-size: 24px;
	font-weight: 700;
	width: 100%;
	border-bottom: 2px solid white;
}
.footer_menu ul{
	list-style: none;
	width: 100%;
	height: auto;
	padding: 0px;
}
.footer_menu li{
	width: 100%;
	height: 34px;
	float: left;
}
.footer_menu a{
	text-decoration: none;
	font-size: 20px;
	padding: 5px;
	color: white;
	font-weight: 700;
}
.footer_menu a:hover{
	color: #20b8b2;
}
.footer_contact{
	width: 200px;
	margin-left: 40px;
	margin-right: 40px;
	height: auto;
}
.footer_contact p{
	width: 100%;
	font-size: 18px;
	color: white;
	font-family: 'Montserrat', sans-serif;
}
.footer_section img{
	width: 100%;
	height: auto;
	float: left;
}
.footer_bottom{
	width: 1200px;
	margin-left: calc(50% - 600px);
	margin-right: calc(50% - 600px);
	height: 40px;
}
.footer_bottom p{font-family: 'Montserrat', sans-serif;color: #ffffff;font-size: 18px; font-weight: 700;}
/*---------------------------CONTACT------------------*/
.contact_header{
	width: 1200px;
	margin-left: calc(50% - 600px);
	margin-right: calc(50% - 600px);
	height: auto;
	float: left;
	margin-top: 80px;
	font-family: 'Montserrat', sans-serif;
}
.contact_header h2{font-size: 40px; font-weight: 700; color: #343434;}
.contact_header p{font-size: 20px; color: #9c9c9c;}
.contact_wrapper{
	width: 900px;
	margin-left: calc(50% - 450px);
	margin-right: calc(50% - 450px);
	height: auto;
	float: left;
	font-family: 'Montserrat', sans-serif;
	color: #343434;
	font-size: 25px;
	font-weight: 700;
	margin-top: 30px;
}
.contact_wrapper input[type=submit]{
	padding: 25px;
	background-color: #4a6ba1;
	text-decoration: none;
	color: #ffffff;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	border-radius: 8px;
	width: 180px;
	margin-left: calc(50% - 90px);
	margin-right: calc(50% - 90px);
}
.contact_wrapper input[type=submit]:hover{
	background-color: #3B5580;
}
.contact_wrapper p{
	width: 500px !important;
	margin-left: 200px;
	margin-right: 200px;
}
.contact_wrapper input[type=text], .contact_wrapper input[type=email]{width: 100%; height: 40px; padding: 5px; font-size: 20px; color: #9c9c9c;}
.contact_wrapper textarea{width: 100%; height: 200px; padding: 5px; font-size: 20px; color: #9c9c9c;}
/*---------------------------MAP--------------------------*/
.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right{display: none !important;}
.mapboxgl-popup-tip{display: none;}
.mapboxgl-popup-content{background-color: #20b8b2;border: 2px solid white;font-family: 'Montserrat', sans-serif;color: #ffffff;width: 300px;height: auto; padding: 20px;}
.pop_header{width: 100%; float: left; height: 50px;}
.pop_header img{width: 50px; height: auto; float: left;}
.pop_header h2{width: calc(100% - 50px); float: left;font-size: 20px; font-weight: 700;min-height: 25px; margin: 0px;text-align: center;}
.pop_header .rating{width: calc(100% - 50px);height: 25px;  float: left; margin-top: 10px;}
.rating img{width: 150px; height: auto; margin-left: calc(50% - 75px);margin-right: calc(50% - 75px);object-fit: cover;}
.mapboxgl-popup-content button{font-size: 26px; color: white;}
.mapboxgl-popup-content p{font-size: 14px; text-align: justify; float: left;margin-bottom: 0px; margin-top: 30px;}
.mapboxgl-popup-content a{font-size: 14px; text-align: left; float: left; padding-top: 10px;text-decoration: none; color: white; font-weight: 700;}
.mapboxgl-user-location-dot::before{background-color: #20b8b2;}
.mapboxgl-user-location-dot{background-color: #20b8b2;}
.mapboxgl-ctrl{clear: none !important;}
.mapboxgl-ctrl-group > button{width: 40px; height: 40px;}
.mapboxgl-ctrl-geocoder{width: 300px !important;}
/*--------------------------MAP FILTER----------------------*/
.marker_0, .marker_1, .marker_2, .marker_3, .marker_4, .marker_5, .marker_6, .marker_7, .marker_8, .marker_9, .marker_10, .marker_11, .marker_12{display: block;}
#img0, #img1, #img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9, #img10, #img11, #img12{filter: brightness(100%);}
.filter{
	height: 50px;
	width: auto;
	position: absolute;
	bottom: 10px;
	left: 5px;
	background-color: #20b8b2;
	border-radius: 5px;
	border: 2px solid white;
	z-index: 100;
}
.filter img{
	width: 30px;
	height: auto;
	float: left;
	margin: 10px;
}
/*---------------------------RESPONSIVE----------------------*/
@media screen and (max-width: 1400px) {
	.nav-wrapper{width: 100%;}
	#navbar ul {width: 450px;}
	.contact_header{width: calc(100% - 40px);margin-left: 20px; margin-right: 20px;margin-top: 50px;}
	.contact_wrapper{width: calc(100% - 40px);margin-left: 20px; margin-right: 20px;}
	.contact_wrapper form{width: 100%;}
	.contact_wrapper p{width: 500px;margin-left: calc(50% - 250px);margin-right: calc(50% - 250px);}
	.footer{width: 100%; height: auto;}
	.footer_center{width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; height: auto;float: left;}
	.footer_bottom{float: left;width: calc(100% - 40px);margin-left: 20px; margin-right: 20px; height: auto;}
	.footer_bottom p{text-align: center;}
	.footer_section{width: 200px; margin-left: calc(25% - 100px); margin-right: calc(25% - 100px); float: left;min-height: 200px;height: auto;}
	.footer_menu{margin: 0px;}
	.footer_contact{margin: 0px;}
	.about_wrapper{width: 100%;margin-left: 0px; margin-right: 0px;}
	.about_card_left{float: left;width: 500px; margin-left: calc(25% - 250px) !important;margin-right: calc(25% - 250px) !important;}
	.about_card_right{float: left;width: 500px; margin-left: calc(25% - 250px) !important;margin-right: calc(25% - 250px) !important;}
	.gallery_wrapper{width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
	.gallery{width: 100%; height: auto; margin: 0px;}
}
@media screen and (max-width: 1200px){
	.about_student{width: 100%;}
	.about_business{width: 100%;}
	.register_now{width: 100%;margin: 0px;}
	.register_now p{width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
	.gallery_wrapper{margin-top: 80px;}
}
@media screen and (max-width: 1000px){
	.welcome{position: relative; margin-top: 100px; margin-left: calc(50% - 270px); margin-right: calc(50% - 270px);top: 0; right: 0;}
	.welcome_wrapper{background-image:url('');height: auto;margin-bottom: 120px;}
	.about_card_left{float: left;width: calc(100% - 40px);height: auto; margin-left: 20px !important;margin-right: 20px !important;}
	.about_card_right{float: left;width: calc(100% - 40px);height: auto; margin-left: 20px !important;margin-right: 20px !important;}
	.about_card_left img{width: 600px; margin-left: calc(50% - 300px);margin-right: calc(50% - 300px);}
	.about_card_right img{width: 600px; margin-left: calc(50% - 300px);margin-right: calc(50% - 300px);}
	.about_card_left p{text-align: center;}
	.about_card_right p{text-align: center;}
	.profile_wrapper{width: 100%; margin-left: 0px;margin-right: 0px;}
	.profile_header{width: calc(100% - 40px) !important; margin-left: 20px !important; margin-right: 20px !important;}
	.form_header{width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;}
	.form_header input[type=text]{width: calc(100% - 250px);}
	.form_header select{width: calc(100% - 250px);}
	.form_content{width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;}
	#bus_map{width: 100%;}
	.public_comments{width: 100%; height: 600px;}
	.comment_card{margin-left: calc(50% - 200px);margin-right: calc(50% - 200px);}
	.public_prof_wrapper{width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;}
	#post-3{width: calc(100% - 40px); margin-left: 20px;margin-right: 20px;}
}
@media screen and (max-width: 700px){
	.filter{width: 350px; height: auto; left: 0px;bottom: 0px; margin-left: calc(50% - 175px);margin-right: calc(50% - 175px);}
	.mapboxgl-ctrl-top-left{display: none;}
	.mapboxgl-ctrl-top-right{width: 100%;}
	.mapboxgl-ctrl-geocoder{float: left !important;width: 100% !important; min-width: 0px !important;}
	#map{height: calc(100% - 60px) !important;}
	.welcome{position: relative; width: calc(100% - 40px);margin-top: 80px; margin-left: 20px; margin-right: 20px;top: 0; right: 0; height: auto;}
	.welcome_header{height: auto;}
	.welcome_header img{height: 120px; margin-top: 20px;}
	.welcome_header h2{width: calc(100% - 140px);}
	.welcome p{margin-top: 40px;height: auto;}
	.welcome a{margin-top: 50px; float: left;width: 90px;margin-left: calc(50% - 75px);margin-right: calc(50% - 75px);}
	.form_header input[type=text]{width: 100%;}
	.form_header select{width: 100%;}
	.public_header h3{margin-top: 20px; margin-bottom: 20px;}
	.public_content{margin-top: 40px;}
}
@media screen and (max-width: 600px) {
	.contact_wrapper p{width: 100% !important; margin-left: 0px; margin-right: 0px;}
	#navbar ul {width: 100px;}
	.menu li{display: none;}
  	.menu_bars {float: right;display: block; margin: 19px;}
	.menu.responsive {position: relative; width: 100% !important;}
  	.menu_bars {position: absolute; right: 0; top: 0;}
  	.menu.responsive li {float: right !important;display: block;text-align: center;width: 100% !important;margin: 0px !important;}
	.menu.responsive li:first-child{margin-top: 60px;}
	.footer_section{width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;height: auto;}
	.footer_section p{width: 200px;margin-left: calc(50% - 100px);margin-right: calc(50% - 100px);}
	.footer_menu{width: 200px;margin-left: calc(50% - 100px);margin-right: calc(50% - 100px);}
	.footer_contact{width: 200px;margin-left: calc(50% - 100px);margin-right: calc(50% - 100px);}
	.footer_section img{width: 200px;margin-left: calc(50% - 100px);margin-right: calc(50% - 100px);}
	.mapboxgl-ctrl-geocoder.mapboxgl-ctrl{max-width: calc(100% - 120px) !important; margin-left: 10px;}
	.about_card_left img{width: calc(100% - 40px); margin-left: 20px;margin-right: 20px;}
	.about_card_right img{width: calc(100% - 40px); margin-left: 20px;margin-right: 20px;}
	.modal-content{width: 100%; min-height: 400px; margin: 0px;}
	.modal-content form{width: calc(100% - 40px);margin-left: 20px; margin-right: 20px;height: auto;}
	.modal-content input[type=text]{width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
	.modal-content input[type=password]{width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
	.login-help{width: 100%;height: auto; margin: 0px;}
	.register_wrapper{width: calc(100% - 40px);margin-left: 20px; margin-right: 20px;}
	.register_wrapper input[type=text]{width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
	.register_wrapper input[type=password]{width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
	.register_wrapper input[type=mail]{width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
	.register_wrapper select{width: calc(100% - 40px); margin-left: 20px; margin-right: 20px;}
	.passemailer_wrapper{width: calc(100% - 40px);margin-left: 20px; margin-right: 20px;}
	.passemailer_wrapper input[type=text]{width: calc(100% - 130px); margin-right: 0px;}
	.passemailer_wrapper input[type=submit]{margin-left: calc(50% - 90px);margin-right: calc(50% - 90px);}
	.passreset_wrapper{width: calc(100% - 40px);margin-left: 20px; margin-right: 20px;}
	.passreset_wrapper label{width: 150px;}
	.passreset_wrapper input[type=password]{width: calc(100% - 180px); margin-right: 0px;}
	.passreset_wrapper input[type=submit]{margin-left: calc(50% - 90px);margin-right: calc(50% - 90px);}
	.confirm_wrapper{width: 100%; margin: 0px;}
	.confirm_msg{width: calc(100% - 40px);margin-left: 20px; margin-right: 20px;}
	.form_content label{height: auto;}
	.profile_wrapper input[type=submit]{width: 140px;padding: 20px;margin-left: calc(25% - 70px);margin-right: calc(25% - 70px);}
	.comment_card{width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;height: auto;min-height: 240px;}
	.comment_header{width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;}
	.comment_content{width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;height: auto;}
	.comment_content p{height: auto;width: calc(100% - 10px); min-height: 100px;}
	.rating_wrapper{width: 100%; margin: 0px;}
	.public_header{width: calc(100% - 40px);margin-left: 20px; margin-right: 20px;}
	.public_header h3{margin-top: 20px; margin-bottom: 20px;}
	.public_logo{margin-left: calc(50% - 75px);margin-right: calc(50% - 75px);}
	.rating_wrapper .star{width: 20px; font-size: 20px;}
	.rating_wrapper label{width: 100%; margin-right: 0px;}
	.rating_wrapper textarea{width: 100%; min-width: 100%; max-width: 100%;}
}