@charset "utf-8";
/* CSS Document */
body,
html{background: #fff;}
h1,h2,h3,h4,h5,h6{ font-family: 'Open Sans', arial, sans-serif;}
.top-text{padding:4px 20px 4px 20px;}
.call{font-weight:bold; color:#ee1724; padding-top:10px; position:relative;}

.available-text{border-left:1px solid #aaa; color:#888; font-weight:100; letter-spacing:2px; padding-left:8px;}
/****navbar*************/
.navbar{background:#000000;border: none;margin-bottom:0;border-radius:0;overflow: hidden;}
.logo{margin:0px;}
.logo a img{text-align:center;margin:0px;max-width:100%;}
.navbar-header button{border:2px solid #ee1724;}
.icon-bar{background:#ee1724;}
.affix {top: 0;width: 100%;z-index: 9999 !important;}
.affix + .container-fluid {padding-top: 70px;}
.navbar-nav li a{display: flex;padding: 20px 28px;text-decoration: none;display: inline-block;color: #fff!important;font-family: 'Open Sans', arial, sans-serif;font-weight: 100;font-size: 16px;text-transform:uppercase;outline: none;}
.navbar-collapse {padding-right: 0px;padding-left: 0px;}
.navbar-nav {width: 100%;text-align: center;}
.navbar-nav li {float: none;display: inline; margin:0;}
.navbar-nav li a:hover,
.navbar-nav li.active a{background: #ee1724;color: #ffffff;}
navbar-nav li a .active{background: #f66151;color: #ffffff;}
@media screen and (max-width:1200px){
.navbar-nav li a{padding: 20px 12px;}	
}
@media screen and (max-width:992px){
.navbar-nav li a{padding: 20px 5px;font-size:14px;}	
}
@media screen and (max-width:768px){
	.navbar-nav{margin:0;}
.navbar-nav li a{padding: 20px 12px;font-size:14px; display:block; text-align:left;}
}
@media screen and (max-width:420px){
.navbar-nav li a{padding: 12px 12px;}	

}
/* About Us Section
--------------------------------*/
.section-header h3 {
  font-size: 32px;
  color: #00477e;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
}

.section-header h3::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}
.section-header p {
  text-align: center;
  padding-bottom: 30px;
  color: #333;
}

/* Section with background
--------------------------------*/
.section-bg {
  background: #f7f7f7;
}

#about {
  background:#fff;
  background-size: cover;
  padding: 60px 0 40px 0;
  position: relative;
}

#about::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.92);
  z-index: 9;
}

#about .container {
  position: relative;
  z-index: 10;
}
.about-cols{display:flex!important;}
.about-cols .col-md-4{display:flex;}
.read-more{ font-size:13px;margin-bottom:0; text-transform:capitalize; text-align:right;}
.read-more:hover{color:#900;}
#about .about-col {
  background: #fff;
  border-radius: 0 0 4px 4px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}

#about .about-col .img {
}

#about .about-col .img img {
  border-radius: 4px 4px 0 0; max-width:100%;
}

#about .about-col h2 {
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding: 0;
  margin: 40px 12px 12px 12px;
}

#about .about-col h2 a {
  color: #000;
}

#about .about-col h2 a:hover {
  color: #18d26e;
}

.about-text {
	text-align:center;
  font-size: 18px;
  line-height: 28px;
  color: #333;
  margin-bottom: 12px;
}
.about-list li{font-size:18px; list-style-type:decimal; color:#ee1724;}
.img-fluid{width:100%; max-width:100%; height:auto;}
.google-map iframe{width:100%; height:350px; margin-bottom:64px;}
.google-map h3 { margin-top:32px;
  font-size: 24px;
  color: #00477e;
  text-transform: uppercase;
  text-align: center;
  font-weight: 100;
  position: relative;
  padding-bottom: 32px;
}

#footer {
  background: #000;
  padding: 0 0 6px 0;
  color: #eee;
  font-size: 14px; text-align:center;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
  margin-bottom:30px;
}

.footer-social-links a {
  font-size: 14px;
  display: inline-block;
  background: #333;
  color: #eee;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 30px;
  height: 30px;
  transition: 0.3s;
}

.footer-social-links a:hover {
  background: #00477e;
  color: #fff;
}
/*contact page*/
/*--contact--*/
.contact { overflow:hidden;
       padding: 4em 0 4em 0;
}

.contact-form label {display: block;font-size: 1em;color: #000;text-transform: uppercase;font-weight: 100;margin-bottom: 0.5em;}
.contact-form input[type="text"] {padding: 15px;width: 95%;color: #9198A3;font-size: 0.9em;background: #fff;outline: none;display: block;border: 1px solid #000;}
.contact-form textarea {padding: 15px;display: block;width: 95%;background: #fff;border: 1px solid #000;outline: none;color: #9198A3;font-size: 0.9em;-webkit-appearance: none;resize: none;height: 150px;}
.contact-form input[type="submit"] {display: inline-block;padding: 12px 48px;background:#252525;color: #FFF;font-size: 1em;line-height: 18px;text-transform: uppercase;border: none;outline: none;transition: 0.2s;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;}
.contact-form input[type="submit"]:hover{background:#ee1724;}
.address{font-size: 1em;color: #000;text-transform: uppercase;font-weight: 100;margin-bottom: 0.5em;}
.contact_email a:hover{
	  color:#18C9D2;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
}
/*coverage-text*/
.coverage{ padding:64px 0px 0px;}

.flex-row{display:flex;}
.coverage .flex-row{margin-top:48px;}
.coverage .col-md-6:first-child{padding:0px;}
.coverage .col-md-6:last-child{padding-left:64px;}
.coverage-heading1{font-family: 'Open Sans', arial, sans-serif; color:#000; margin:0; margin-bottom:32px;}
.coverage-text1{ font-weight:100; font-size:16px; line-height:26px; margin-bottom:32px;}
.list-group{padding:0; margin:0; margin-bottom:64px;}
.list-group-item{border:none; padding:3px 0px;}
/*payment page*/
.payment{padding-top:64px;}
.payment-banner{padding-bottom:64px; padding-left:12px; padding-right:12px;}
.payment-banner h4{font-weight:600; color:#000; padding-bottom:16px;}
.btn-paypal{background:#ee1724; padding:16px 32px; font-size:16px; color:#fff; position:relative;border:2px solid #ee1724;transition:1s; font-weight:700;}
.btn-paypal:hover{color:#000; background:rgba(240, 40, 40, 0.3); }
.payment .col-sm-6:first-child{background:url(../images/Fotolia_1.jpg) no-repeat center; background-size:cover;}
.payment .col-sm-6:last-child{padding-left:100px; background:#f6f6f6; padding-bottom:64px;}
.payment-heading1{font-size:40px; font-weight:100;font-family: 'Playfair Display', Georgia, serif; color:#ee1724; padding:64px 0px 24px;}
.payment-text1{font-weight:100; font-size:16px; line-height:26px; margin-bottom:32px; color:#5a5757;}
.payment-text1 span{font-weight:bold;}
.number-color{color:#ee1724;}
.paypal2{background-image:url(../images/paypal.png); background-position:left center; background-repeat:no-repeat; padding:16px 48px;}
.paypal2:hover{background-image:url(../images/paypal.png);background-position:left center; background-repeat:no-repeat; background-color:#aa1724; color:#fff;}
.fees{padding:64px 0px; background:#eee;}
.fees <br/>{margin-bottom:12px; display:none;}
.fees-text1{ line-height:30px;color:#555; font-weight:100;}
.font-bold{font-weight:600;color:#323639;}
/*office */
.btn-red{background:#ee1724; padding:16px 32px; font-size:16px; color:#fff;border:2px solid #ee1724;transition:1s; font-weight:700; width:90%; text-transform:uppercase; margin-top:64px;}
.btn-red:hover{color:#fff; opacity:0.7;}
/*mobile-notary-service*/
.text-bld{font-weight:bold;}
.mobile-notary-service{padding-top:64px; background:#eee;}
.mobile-notary-service .mobile-text{line-height:30px;}
@media screen and (max-width:992px){
.call{font-size:24px; padding-top:0;}	
.section-header p br{display:none;}
.about-cols{display:block!important;}
.about-cols .col-sm-4{display:block;}
#about .about-col{width:80%; margin:auto; margin-bottom:32px;}
.coverage .flex-row{display:block;}
.coverage .col-md-6{width:100%; margin-bottom:32px;}
}
@media screen and (max-width:768px){
.btn-red{width:100%;}
.payment-banner .btn-paypal{width:90%; font-size:14px;}
.flex-row{display:block;}
.payment .flex-row .col-sm-6{background:#fff;}
.payment .flex-row .col-sm-6:first-child{padding-left:0; padding-right:0;}
.payment .col-sm-6:last-child { padding-left: 64px;}
.payment .flex-row .col-sm-6 img{width:100%;}
.address{padding-top:32px;}
}
@media screen and (max-width:720px){
.call{font-size:18px;}	
}
@media screen and (max-width:600px){
.call{text-align:center; padding-left:4px;}
.payment-banner .btn-paypal{width:100%;}
.coverage-heading1{font-size:24px; margin-bottom:18px;}
.coverage-text1{font-size:14px;}
h3.coverage-heading1{font-size:20px;}	
.list-group{margin-bottom:0px;}
.list-group-item{font-size:14px;}
}
@media screen and (max-width:520px){
.payment-banner .btn-paypal{width:100%; font-size:12px; padding-left:0; padding-right:0;}
.payment-heading1 {font-size: 30px;}
.payment .col-sm-6:last-child { padding-left: 32px;}
}
@media screen and (max-width:420px){
.section-header h3 {font-size: 24px;}
#about .about-col h2{font-size:16px;}
.about-text, .about-list li{font-size:14px;}
.google-map h3{font-size:18px;}
#about .about-col{width:100%;}
#footer{font-size:12px;}
.mobile-text{font-size:16px; line-height:26px!important;}
.btn-red{font-size:12px;}
.well .font-bold{font-size:24px;}
.well h3{font-size:18px;}
.google-map iframe {height:auto;}
.payment-banner h4{font-size:16px;}
.payment-banner .btn-paypal{font-weight:100; font-size:8px;}
.payment-heading1{font-size:24px;}
.payment-text1{font-size:14px;}
.paypal2{font-size:14px;}
.fees h4{font-size:16px; line-height:26px;}
.address p{font-size:14px;}
.coverage .col-md-6:last-child {padding-left:24px;}
}