@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700);

.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
}

.navbar-brand h6 {margin:0px; color:#fff; font-size:38.5px;}
.navbar-brand h6 .font_reg {
  font-weight: 400;
  margin-left: -14px;
  position: relative;
  top: -1px;
}
.navbar-brand h6 .font_ex_light {
  position:relative;
  top:-1px;
  font-weight:300;
}

a {
   -webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;	
}

a:hover{
	
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;	
}

.navbar-brand h6:hover {
	color:#21c1b8;
	-webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
   -o-transition: all 0.6s ease-in-out;
   transition: all 0.6s ease-in-out;
}

@media (min-width:768px) {
	
.navbar {
padding:75px 0 10px 0;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; 
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out; 
transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.top-nav-collapse {padding:10px 0 8px 0; background-color:rgba(38, 50, 75, 0.8); border-bottom:1px solid #26324b;}

.top-nav-collapse a h6 {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.top-nav-collapse a h6 {
  color:#21c1b8;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

}

.parallax_banner_content {padding:420px 0 90px 0;}
.parallax_banner_content p {color:#fff; font-size:30px; font-weight:300; line-height:54px;}
.banner_txt_semi {font-weight:700;}
.parallax_banner_content h6 {margin:65px 0 0 0px;}
.parallax_banner_content h6 a {
  background:#21c1b8; 
  padding:10px 35px; 
  text-align:center; 
  color:#fff; 
  border:2px solid #21c1b8;
  font-size:14px;
  font-weight:700; 
  vertical-align:middle;
  text-transform:uppercase;
  border-radius:25px;
 }
.parallax_banner_content h6 a:hover {
	border:2px solid #21c1b8;
	background-color:transparent;
	text-decoration:none;
}
.parallax_banner_content h6 a:focus {
	text-decoration:none;
	color:#fff;
}

#about {padding-top:75px; padding-bottom:60px; border-bottom:1px solid #c4d0e8;}

.hr {margin-top:25px; margin-bottom:25px; margin-right:0; width:70px; border-color:#dbe2ef;}

.about_h1 {margin:0px; font-size:30px; color:#3d62b3; font-weight:700; text-align:right;}

.about_p {
  color: #3d62b3;
  font-size: 15px;
  font-style: italic;
  font-weight: 400;
  line-height: 25px;
  margin: 30px 0 0;
  text-align: right;
}
.about_prh_p {
  color: #6f6f6f;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  margin:35px 0 0 0;
  padding:0 60px;

}
.about_prh_p_marg {margin-top:50px;}

.image_back {
  position:relative;
  margin-top:25px;
  padding-top:25px;
}
.image_back::before {
    content: "";
    width: 100px;
    height: 100%;
    background-color: rgba(30, 87, 251, 0.6);
    position: absolute;
    top: 0px;
    right: 20px;
}
.image_back img {border-bottom:25px solid #f5f5f5;}

#services {padding-top:35px; padding-bottom:65px; border-bottom:1px solid #c4d0e8;}

.contact_us {
    background: #21c1b8 none repeat scroll 0 0;
    border: 2px solid #21c1b8;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 35px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
	margin-top:60px;
	display:block;
}
.contact_us:hover {
	border:2px solid #21c1b8;
	background-color:transparent;
	text-decoration:none;
	color:#3d62b3;
}
.contact_us:focus {
  text-decoration:none;
  color:#fff;
}

#customers {padding-top:55px; padding-bottom:60px;}


.text_center_titl {text-align:center;}

.comment_box {margin-top:25px; padding-top:25px; padding-bottom:25px; position:relative;}
.comment_box::before {
    content:"";
    width:56%;
    height:100%;
    background-color:rgba(33, 193, 184, 0.2);
    position:absolute;
    top:0px;
    left:22%;
}
.comment_box_border {border:4px solid #3d62b3; padding:50px 35px; position:relative; z-index:99;}
.comment_box_border p {font-size:18px; color:#405c9a; font-weight:400; line-height:30px; margin:30px 0 0 0; text-align:center;}
.comment_box_border h6 {margin:20px 0 30px 0; text-align:center;}
.comment_box_border h6 hr {width:40px; border:3px solid #3d62b3;}

.comment_box_border h5 {margin:0px; text-align:center;}
.comment_box_border h5 a {
	font-size:16px; 
	font-weight:700; 
	color:#405c9a; 
	text-transform:uppercase; 
	text-align:center; 
	letter-spacing:3px;
}
.comment_box_border h5 a:hover {text-decoration:none; color:#000;}

.comment_box_border h4 {margin:20px 0 0 0; text-align:center;}
.comment_box_border h4 a {
	font-size:14px;
	color:#405c9a;
	font-weight:400;
	font-style:italic;
}
.comment_box_border h4 a:hover {text-decoration:none; color:#000;}
.comment_box_second {
  margin-top: 50px;
  padding-left: 35px;
  padding-right: 35px;
  position: relative;
}
.comment_box_second::before {
    content:"";
    width:100%;
    height:115px;
    background-color:rgba(33, 193, 184, 0.2);
    position:absolute;
    top:100px;
    left:0;
}
.comment_box_second_border {border:4px solid #3d62b3; padding:50px 20px; position:relative; z-index:99;}
.comment_box_second_border p {font-size:18px; color:#405c9a; font-weight:400; line-height:30px; margin:30px 0 0 0; text-align:center;}
.comment_box_second_border h6 {margin:20px 0 30px 0; text-align:center;}
.comment_box_second_border h6 hr {width:40px; border:3px solid #3d62b3;}

.comment_box_second_border h5 {margin:0px; text-align:center; }

.comment_box_second_border h5 a{
	font-size:16px; 
	font-weight:700; 
	color:#405c9a; 
	text-transform:uppercase; 
	letter-spacing:3px;
}
.comment_box_second_border h5 a:hover {color:#000; text-decoration:none;}

.comment_box_second_border h4 {margin:20px 0 0 0; text-align:center;}

.comment_box_second_border h4 a{
	font-size:14px;
	color:#405c9a;
	font-weight:400;
	font-style:italic;
}
.comment_box_second_border h4 a:hover {color:#000; text-decoration:none;}
	
#contact {margin-top:65px;}	

.top_ftr {background:#26324b;}
.top_ftr h1 {margin:37px 0; font-size:16px; font-weight:700; text-transform:uppercase; letter-spacing:2px;}

.btm_ftr {
	background:url(../images/map_back.jpg) no-repeat;
	width:100%;
	background-size:100% 100%;
	padding-top:45px;
}
.btm_ftr h6 {font-size:14px; color:#fff; font-weight:500; margin:13px 0;}
.btm_ftr h6 a {font-size:14px; color:#fff; font-weight:500;}
.btm_ftr h6 a:hover {color:#21c1b8; text-decoration:none;}
.btm_ftr h6 i {margin-right:20px; font-size:17px; position:relative; top:3px;}
.view_map {color:#fff; text-decoration:underline;}

.btm_ftr h5 {margin:50px 0 15px 0;}
.btm_ftr h5 hr {border-color:#707989; margin:0px;}

.btm_ftr h4 {font-size:14px; color:#fff; font-weight:500; margin:35px 0 0 0;}

.credit_card {margin:20px 0 -20px 0; padding:0px;}
.credit_card li {list-style:none; display:inline-block;}
.credit_card li a {}

.btm_ftr h3 {font-size:15px; color:#fff; font-weight:500; margin:0px 0 10px 0; opacity:0.30;}
.btm_ftr h3 a {font-size:15px; color:#fff; font-weight:500; margin:0px;}

.contact_form {position:relative; z-index:99; margin-top:-185px;}

.contact_border {border:3px solid #3ee5db; border-bottom:0px; padding-bottom:0px !important; padding:10px;}

.contact_back {background:#21c1b8; padding:60px 45px 0px 45px; margin-top:-30px; min-height:550px;}

.contact_back label {
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 5px;
  max-width: 100%;
  text-transform: uppercase;
}

.contact_back .form-control {
  background-color: #fff;
  background-image: none;
  border: 0 none;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #405c9a;
  display: block;
  font-size: 15px;
  height: 45px;
  line-height: 1.42857;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
}

textarea {
  height:105px !important;
  resize:vertical;
}

.btn_send_msg {
	font-size:14px; 
	background:#335795;
	border:2px solid #335795; 
	font-weight:700; 
	color:#fff; 
	border-radius:20px; 
	text-transform:uppercase; 
	letter-spacing:2px; 
	padding:10px 70px;
	margin-top:30px;
}
.btn_send_msg:hover {color:#fff; border:2px solid #335795; background-color:transparent;}

.image_services {position:relative;}
.images_marg {margin-top:15px; display:block;}
.images_marg:hover {cursor:auto;}
.image_opacity::before {
  content:""; 
  background-color:rgba(31, 31, 31, 0.50); 
  position:absolute; 
  top:0; 
  width:100%; 
  height:100%; 
  left:0;
}


.image_info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  height: 100%;
  padding-top:50px;
}
.image_info h1 {
	margin:10px 0 0 0; 
	font-size:18px; 
	font-weight:500; 
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
}
.image_info .img_wht {width:41px;}
.images_marg:hover .image_info .img_minus {display:none;}
.images_marg:hover .image_info .img_plus {display:block !important;}

.images_marg:hover .image_opacity::before {
   background-color:rgba(61, 98, 179, 1); 
   position:absolute; 
   top:0; 
   width:100%; 
   height:100%; 
   left:0;
}

.images_marg:hover .image_opacity .image_opacty {opacity:.25;}

.image_opacty {width: 100%;}

.marg_tp_60 {margin-top:50px;}

.row_new {margin-left:-7.5px; margin-right:-7.5px;}
.col_new_padd {
    padding-left:7.5px;
    padding-right:7.5px;
}

@media (min-width:768px) and (max-width:991px) {

.about_prh_p {padding:0px;}
.contact_us {padding:10px;}	
.image_info {padding-top:10px;}
.image_info .img_wht {width:30px;}
.image_info h1 {font-size:14px;}
.comment_box_border {padding:20px 15px;}
.comment_box_second {
  padding-left: 15px;
  padding-right: 15px;
}
.comment_box_second_border {padding:20px;}
.comment_box_second::before {
  height:38%;
  top: 80px;
}
.btn_send_msg {padding:10px 40px;}
.contact_back {
  padding: 60px 15px 0;
}
}

@media (max-width:767px) {
.navbar-default {background-color: rgba(38, 50, 75, 0.8);}
.navbar-brand {padding: 10px 0 10px 15px;}
.navbar-brand h6 {font-size: 30px;}
.navbar-brand h6 .font_reg {top:4px;}
.navbar-brand h6 .font_ex_light {top:4px;}
.parallax_banner_content {
  padding:200px 0 30px 0;
}
.parallax_banner_content p {
  font-size: 18px;
  font-weight: 300;
  line-height: 25px;
}

.parallax_banner_content h6 a {
  border-radius:10px;
  font-size: 12px;
  padding: 10px 15px;
}
#about {
  border-bottom: 1px solid #c4d0e8;
  padding-bottom: 15px;
  padding-top: 15px;
}
.about_h1 {font-size:25px;}
.about_prh_p {padding:0px;}
.about_prh_p_marg {margin-top: 20px;}
.about_prh_p {margin-top:15px;}
.image_back::before {width:50px;}
.contact_us {margin-top:20px;}
.marg_tp_60 {
  margin-top: 10px;
}
#services {padding-bottom:35px; padding-top:15px;}
#customers {
  padding-bottom: 35px;
  padding-top: 35px;
}
.comment_box_border {
  padding: 15px 10px;
}
.comment_box_border p {
  font-size: 16px;
  line-height: 25px;
  margin: 20px 0 0;
}
.comment_box_second_border p {
  font-size: 16px;
  line-height: 25px;
  margin: 20px 0 0;
}
.comment_box_second_border {
  padding: 15px 10px;
}
.comment_box_second {
  margin-top:20px;
  padding-left: 15px;
  padding-right: 15px;
}
.comment_box_second::before {
  height:40%;
  position: absolute;
  top: 65px;
}
#contact {
  margin-top: 0px;
}
.top_ftr h1 {
  font-size: 14px;
  margin: 25px 0;
}
.btm_ftr {padding-top:10px;}
.btm_ftr h6 i {
  float: left;
  margin-right: 10px;
  top: 2px;
}
.contact_form {
  margin-top: 30px;
  position: relative;
  z-index: 99;
}
.contact_back {
  background: #21c1b8 none repeat scroll 0 0;
  margin-top: -30px;
  min-height: 550px;
  padding: 15px;
}
.contact_back {min-height:auto;}
.btn_send_msg {
  border-radius:10px;
  font-size: 14px;
  margin-top: 10px;
  padding: 8px 30px;
}
.credit_card li a img {width:50px;}
.contact_back .form-control {height:35px;}
textarea {height:80px !important;}
.copy_marg {margin-top:15px !important;}
}


.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}