@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
 

body { font-family:'Roboto', 'Trebuchet MS', sans-serif;  color:#555555; font-weight:300; transition:all 9s ease-in; font-size:16px;  line-height:24px; }

img { max-width:100%;}	
.form-control::placeholder {  color: #aaa;}

.light-blue { background:#0ab1f0; color:#fff; border-radius:25px; padding:8px 22px; font-weight:500}
.light-blue:hover { background:#098fc2; color:#fff;}
.btn_outline { border:2px solid #0ab1f0; color:#0ab1f0; border-radius:25px; padding:8px 22px;}


.white { color: #fff; }
.blue  { color:#1676d3}
.pink { color:#fa2866; padding:0 6px;}
.gray { color:#7a7b7d; font-size:20px !important; padding:0 4px;}
.fullwidth { width:100%; }
.dark_blue_bg { background:#1a1e5d; color:#fff; }

.sitecontent    { }
.sitecontent h1 { }
.sitecontent h2 { font-size:46px; color:#000; line-height:56px; font-weight:bold;  }
.sitecontent h3 { font-size:38px; color:#000; font-weight:bold;  }
.sitecontent h5 { font-size:22px;  font-weight:400;  }

.custom_font {  font-family: 'Pacifico', cursive; font-size:24px; color:#fec931; padding-bottom:1rem; line-height:32px; }
.custom_font::before { content: "\2014"; font-size:36px; padding-right:15px;  }

.dark_blue_text { padding:30px 80px;  align-self:center; }
.dark_blue_text h1{ line-height:52px; font-size:42px; }
.dark_blue_text h2{ line-height:56px; font-size:46px; }
.dark_blue_banner_img { background:url(../images/banner.jpg) right no-repeat; min-height:550px; }
.dark_blue_content_img { background:url(../images/content_banner.jpg) center no-repeat; min-height:500px; }

.topbg { background:#f5f6fa; font-size:14px; font-weight:400;}
.top_contact { display:inline-block; padding-right:16px; }
.top_social { text-align:right;}

.navbar-toggler { border-color: rgba(0,0,0,.5) !important;}
.navbar-light .navbar-nav .nav-link {  color:#555 ; padding:0 1rem; font-weight:bold; }
.navbar-light .navbar-nav .active > .nav-link { color:#0061ae}
.navbar-light .navbar-nav .nav-link:hover { color:#0061ae}

.yellow_wave_bg { background:url(../images/yellow_bg.png) left top no-repeat; padding-top:5rem; padding-bottom:3rem;  }
 
.whoweare_bg { background:url(../images/weldon-light-logo.png) top center no-repeat; padding-top:1rem;  }



.certification 			 {  }
.certification ul 	  	 { list-style-type:none; text-align:center; padding:0; margin:0;}
.certification ul li  	 { display:inline-block; margin:0; text-align: center; }
.certification ul li img { margin:0 10px; padding: 0; width:120px; }

.location_bg {  background:url(../images/addres-bg.jpg) center no-repeat; color:#fff; text-align:center; background-size:cover;}

.footer-bg { background: #494d4f; color:#fff; text-align:center}  
.footer-bg ul { padding:0; margin:0 0 10px; list-style-type:none; }
.footer-bg ul li { display:inline-block; padding: 0 12px;}
.footer-bg ul li a {color:#fff; font-weight:400; }
.footer-bg a img:hover {color:#fff; font-weight:400; border-radius:6px; }

.copyright { font-size:14px; color:#b3b5b5; }  

	
	
/*------------------------inner pages--------------------------*/
.inner_banner_text { color:#fff; font-size:32px; line-height: 34px; font-weight:bold; text-align:center; padding-top:4rem; padding-bottom:4rem }

.about_bg { background:url(../images/banner1.jpg) center; position:relative; }
.seervice_bg { background:url(../images/banner1.jpg) center; height:150px; position:relative; }
.about_bg::before, .service_bg::before { background: rgba(0,0,0,.5); content:''; width:100%; height:100%; position: absolute; top:0;}
  
.contact_text_padding { padding:30px 50px;  align-self:center; }
.map_size {  min-height:550px; }
 
.certify_box { border:1px solid #ccc; padding:1rem; width:100%; height:250px; margin:0 auto; border-radius:6px;  display:table-cell; vertical-align:middle; text-align:center;}
 
 
/*-----services and gallery page-----*/
	figure.snip1 {
  position: relative;
  overflow: hidden;
  margin: 14px 0;
 /* min-width: 220px;
  max-width: 310px;
  max-height: 220px;
  background: #000000;*/
  width: 100%;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
}

figure.snip1 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;	
}

figure.snip1 img {
  max-width: 100%;
  position: relative;
  opacity: 1;
}

figure.snip1 figcaption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

figure.snip1 h2 {
  position: absolute;
  left: 40px;
  right: 40px;
  display: inline-block;
  background: rgba(26,30,93,.8);
  -webkit-transform: skew(0deg) rotate(0deg) translate(0, -50%);
  transform: skew(0deg) rotate(0deg) translate(0, -50%);
  padding: 12px 5px;
  margin: 0;
  top: 50%;
  text-transform: uppercase;
  font-weight: 400; font-size:18px; border-radius: 4px;
}

figure.snip1 h2 span {
  font-weight: 800;
}

figure.snip1:before {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  background: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(110deg) translateY(-50%);
  transform: rotate(110deg) translateY(-50%);
}

figure.snip1 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1.blue { background: #123851; }
figure.snip1.blue h2 {  background: #0a212f;}
figure.snip1.red {  background: #581a14;}
figure.snip1.red h2 {  background: #36100c; }
figure.snip1.yellow {  background: #7f5006; }
figure.snip1.yellow h2 {  background: #583804; }
figure.snip1:hover img,
figure.snip1.hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip1:hover h2,
figure.snip1.hover h2 {
  -webkit-transform: skew(0deg) rotate(0deg) translate(-150%, -50%);
  transform: skew(0deg) rotate(0deg) translate(-150%, -50%);
}

figure.snip1:hover:before,
figure.snip1.hover:before {
  -webkit-transform: rotate(110deg) translateY(-150%);
  transform: rotate(110deg) translateY(-150%);
}
/*-----end services and gallery page-----*/ 
	
	
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	 background:#1a1e5d;
	 border: none;
}
	
	
	
	
 /*-------------------------end inner pages----------------------*/
  
  

  
 
@media (max-width: 1200px) {
	.dark_blue_text { padding:20px 60px;  }
	.dark_blue_text h1{ line-height:42px; font-size:34px; }
	
	.sitecontent h2 { font-size:40px;line-height:48px;  }
	.sitecontent h3 { font-size:32px;  }
	}
	
	@media (max-width: 991px) {
		  .navbar-nav { margin-top:25px;}
		  .navbar-nav li { padding:6px 0;}
		  .light-blue { margin:10px 0}
		  .mobile_none { display:none;}
		  .about_tab_center { text-align:center;}
	}
  @media (max-width: 767px) {
	  

	  
	 .yellow_wave_bg {  padding-top:4rem; padding-bottom:0rem; background-size:contain;   }
	 .whoweare_bg {  background-size:contain; padding-bottom:0rem  } 
	 .brand 	  { background-size:contain;}
	 
	 .sitecontent h2 { font-size:36px; color:#000; line-height:46px; font-weight:bold;  }
	 
	 .dark_blue_text { padding:20px 15px; }
	 .dark_blue_text h1{ line-height:38px; font-size:30px; }
	 .dark_blue_text h2{ line-height:32px; font-size:28px; }
	 .dark_blue_banner_img, .dark_blue_content_img { min-height:200px; }
	 
	 .brand 		 { background-size:cover }
	 .brand ul 	  	 {  margin:1rem 0 ;}
	 .brand ul li, .certification ul li  { margin: 0px -2px 0px -2px; }

	 .mobile_text_center { text-align:center }
	 
	  .map_size { min-height:250px; }
      }
	  
	  @media (max-width: 575px) {
		.top_contact { display:block; padding-right:0px; text-align:center;}
		.top_social { text-align:center; margin-top:5px;}
		
		
		figure.snip1 { max-height: 220px;}
		figure.snip1 img {  width: 100%; }
	
		  }