/*


*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,700,900');
h1, h2, h3, h4, h5, h6, p, a, li, i, label, input, textarea, select {font-family: 'Roboto', sans-serif;}
a, a:hover {text-decoration: none;outline: 0 none;}

.masthead {
  height: 100vh;
  min-height: 500px;
  background-image: url('../img/hero-image@1x.jpg');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.aboutus {
  height: 100vh;
  min-height: 500px;
  background-color: #f9f9fa;
}
nav.navbar {height: 80px;padding: 0 0 0 20px;}
li.nav-item{font-size: 14px;font-weight: 500;line-height: normal;color: #5d5d5d;}
li.nav-item.active, li.nav-item:hover {color: #353647;position: relative;}
li.nav-item.active:after, li.nav-item:hover:after {
    content: "";
    background-color: #d73a51;
    width: 20px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 1px;
}
.sign-in-btn {
  width: 160px;
  height: 80px;
  background-color: #d73a51;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 80px;
  color: #ffffff;
  text-align: center;
}
.sign-in-btn i {margin-right: 5px;}
.sign-in-btn:hover {color: #ffffff;}
@media (min-width: 1200px) {
	.navbar-expand-xl .navbar-nav .nav-link {
	    padding-right: 1.5rem !important;
	    padding-left: 1.5rem !important;
	}
}

.masthead h1 {
  font-size: 50px;
  font-weight: 900;
  line-height: normal;
  color: #ffffff;
  margin-bottom: 24px;
}
.masthead p {
  font-size: 16px;
  line-height: normal;
  color: #dfe1e6;
  margin-bottom: 60px;
}
.hero-form .form-group {height: 80px;font-size: 14px;padding-top: 20px;margin: 0;}
.hero-form select.form-control {
  border: 0 none;
  font-size: 14px;
  line-height: normal;
  color: #353647;
  padding: 0 13px;
  height: auto;
  box-shadow: 0 0 0 transparent;
  outline: 0 none;
}
.hero-form select.form-control:focus {
	outline: 0 none !important;
	border: 0 none !important;
	box-shadow: 0 0 0 transparent !important;
}
.hero-form label {
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  color: #353647;
  padding-left: 13px;
  margin: 0;
}
.hero-form input.form-control {
  border: 0 none;
  font-size: 14px;
  line-height: normal;
  color: #000000;
  padding: 0 13px;
  height: auto;
  box-shadow: 0 0 0 transparent;
  outline: 0 none;
}
.hero-form input.form-control:focus {
  outline: 0 none !important;
  border: 0 none !important;
  box-shadow: 0 0 0 transparent !important;
}
.hero-form input::-moz-placeholder {
  color: #5d5d5d;
}
.hero-form  ::-webkit-input-placeholder {
  color: #5d5d5d;
}
.hero-form :-ms-input-placeholder {
  color: #5d5d5d;
}
.hero-form button.btn {
  width: 160px;
  height: 80px;
  border-radius: 5px;
  box-shadow: 0 31px 30px -30px #babac3;
  background-color: #d73a51;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
}
.hero-form button.btn i {margin-right: 5px;color: #ffffff;}
.br-1 {border-radius: 5px 0 0 5px;}
.br-2 {border-radius: 0 5px 5px 0;}
.hero-form .btn-wrap {padding-top: 0;}
ul.main-category-list {margin: 20px 0 0;}
.main-category-list li {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  margin-right: 30px !important;
}
.main-category-list li img {
	margin-right: 10px;
}
.copyright {padding: 30px 0;}
.copyright p {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #dfe1e6;
  margin: 0;
}
.modal-body {padding: 0 30px 50px;}
.modal-header {border-bottom: 0 none;}
.modal-body h3 {
  font-size: 28px;
  font-weight: bold;
  line-height: normal;
  color: #2c2d51;
  margin-bottom: 20px;  
}
.modal-body p {
  font-size: 15px;
  line-height: 1.43;
  color: #5d5d5d;
  margin-bottom: 30px;
}
#visiterform p {margin-bottom: 40px;}
.modal-body label {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.82;
  color: #72738e;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.modal-body input {
  height: calc(2.25rem + 2px);
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #dfe1e6;
  font-size: 15px;
  line-height: 1.43;
  color: #000000;
}
.modal-body input::-moz-placeholder {
	color: #5d5d5d;
}
.modal-body  ::-webkit-input-placeholder {
	color: #5d5d5d;
}
.modal-body :-ms-input-placeholder {
	color: #5d5d5d;
}
.modal-body select {
  height: calc(2.25rem + 2px);
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #dfe1e6;
  font-size: 15px;
  line-height: 1.43;
  color: #5d5d5d;
}
.modal-body textarea {
  height: 82px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #dfe1e6;
  font-size: 15px;
  line-height: 1.43;
  color: #0000;
}
.modal-body textarea::-moz-placeholder {
	color: #5d5d5d;
}
.modal-body  ::-webkit-textarea-placeholder {
	color: #5d5d5d;
}
.modal-body :-ms-textarea-placeholder {
	color: #5d5d5d;
}
.modal-body button.btn {
  width: 200px;
  height: 50px;
  border-radius: 4px;
  background-color: #d73a51;
  font-size: 14px;
  font-weight: bold;
  line-height: normal;
  color: #ffffff;
  text-align: center;
  margin: 0 auto;
  display: block;
  cursor: pointer;
}
.modal-body input:focus, .modal-body select:focus, .modal-body textarea:focus {
	outline: 0 none !important;
	box-shadow: 0 0 0 transparent !important;
}
.modal-header button.close:focus {
	outline: 0 none;
	border: 0 none;
	box-shadow: 0 0 0 transparent;
}
#listyourbusinessform button.btn {margin: 0;}
.form-control:disabled, .form-control[readonly] {background-color: #ffffff;}

.about-text h1 {
 font-size: 35px;
  font-weight: bold;
  line-height: normal;
  color: #2c2d51;
  margin-bottom: 30px;
}
.about-text p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  color: #5d5d5d;
  margin-bottom: 30px;
}
.contact-btn {
  width: 200px;
  height: 50px;
  border-radius: 4px;
  background-color: #d73a51;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 50px;
  color: #ffffff;
  text-align: center;
}
.contact-btn:hover {color: #ffffff;}
.about-text {transform: translateY(20%);}
.contact-btn:focus {outline: 0 none;box-shadow: 0 0 0 transparent;}

.terms-policies {background-color: #f9f9fa;padding-top: 140px}
.terms-policies h1 {
  font-size: 28px;
  font-weight: bold;
  line-height: normal;
  color: #2c2d51;
  margin-bottom: 20px;  
}
.terms-policies p {
  font-size: 15px;
  line-height: 1.43;
  color: #5d5d5d;
  margin-bottom: 30px;
}
.terms-policies h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: normal;
  color: #2c2d51;
  margin-bottom: 20px;  
}
.terms-policies h6 {
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  color: #2c2d51;
  margin-bottom: 10px;  
}
.terms-policies ol {margin: 0;padding-left: 15px;}
.copyright a {color: #ffffff;margin: 0 5px;}
.copyright a:hover {color: #ffffff;}
body.about .copyright, body.terms_policies .copyright,
body.terms_services .copyright {background-color: #f9f9fa;background-image: none;}
body.about .copyright p, body.about .copyright p a, body.about .copyright p a:hover, 
body.terms_policies .copyright p, body.terms_policies .copyright p a,
body.terms_policies .copyright p a:hover, body.terms_services .copyright p,
body.terms_services .copyright p a, body.terms_services .copyright p a:hover {color: #5d5d5d;}
body.terms_policies .copyright p a:hover, body.terms_services .copyright p a:hover,
body.about .copyright p a:hover {text-decoration: underline;}

@media only screen and (max-width: 480px) {
  div#navbarResponsive {
	    top: 80px;
	    left: 0;
	    background-color: #d73a51;
	    position: absolute;
	    width: 100%;
	    text-align: center;
	    padding: 30px 0;
	    z-index: 99999;
	    height: 100vh;
	}
	.navbar-nav {transform: translateY(50%);}
	li.nav-item {font-size: 16px;color: #ffffff;}
	.navbar-light .navbar-nav .nav-link {color: #ffffff;padding: 20px 0;}
	li.nav-item.active:after, li.nav-item:hover:after {bottom: 10px;background-color: #f6a1ad;}
	.masthead {height: 120vh;}
	.masthead h1 {font-size: 25px;margin-bottom: 20px;}
	.masthead p {font-size: 14px;margin-bottom: 30px;}
	.hero-form .form-group {
	    height: 60px;
	    font-size: 14px;
	    padding-top: 10px;
	    margin: 0 5px 10px;
	    border-radius: 5px;
	}
	.hero-form .btn-wrap {margin: 0;padding-top: 0;}
	.hero-form button.btn {width: 100%;height: 60px;margin: 0;}
	.main-category-list li {width: 40%;margin-bottom: 20px;}
	.main-category-list li:nth-child(2n) {margin-right: 0 !important;}
	.fixed-bottom {
	    position: relative;
	    background-color: transparent;
	    background-image: url(/img/hero-image@1x.jpg);
	    background-position: center bottom;
	    border: 0 none;
	    box-shadow: 0 0 0 transparent;
	}
  .aboutus {padding-top: 50px;height: 140vh;}
  .about-text {transform: translateY(6%);}
  .about-text h1 {font-size: 25px;margin-bottom: 20px;}
  .about-text p {font-size: 14px;margin-bottom: 20px;}
  .aboutus-wrapper .fixed-bottom {
    position: relative;
    background-color: #f9f9fa;
    background-image: none;
    background-position: center bottom;
    border: 0 none;
    box-shadow: 0 0 0 transparent;
  }
  .aboutus-wrapper .copyright p {color: #ababac;}
  
}
.error{
	border:1px solid red !important;
}
.successmessage{
	text-align: center;
	padding: 20px;
	width:100%;
}