/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)


   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td,
   article, aside, canvas, details, embed,
   figure, figcaption, footer, header, hgroup,
   menu, nav, output, ruby, section, summary,
   time, mark, audio, video {
   	margin: 0;
   	padding: 0;
   	border: 0;
   	font-size: 100%;
   	font: inherit;
   	vertical-align: baseline;
   }
   /* HTML5 display-role reset for older browsers 
   article, aside, details, figcaption, figure,
   footer, header, hgroup, menu, nav, section {
   	display: block;
   }
   body {
   	line-height: 1;
   }
   ol, ul {
   	list-style: none;
   }
   blockquote, q {
   	quotes: none;
   }
   blockquote:before, blockquote:after,
   q:before, q:after {
   	content: '';
   	content: none;
   }
   table {
   	border-collapse: collapse;
   	border-spacing: 0;
   }
   */




   // X-Small devices (portrait phones, less than 576px)
   // No media query for `xs` since this is the default in Bootstrap

   // Small devices (landscape phones, 576px and up)
   @media (min-width: 576px) { ... }

   // Medium devices (tablets, 768px and up)
   @media (min-width: 768px) { ... }

   // Large devices (desktops, 992px and up)
   @media (min-width: 992px) { ... }

   // X-Large devices (large desktops, 1200px and up)
   @media (min-width: 1200px) { ... }

   // XX-Large devices (larger desktops, 1400px and up)
   @media (min-width: 1400px) { ... }

   *{
   	margin: 0px;
   	padding: 0px;

   }

   body{
   	background:#fff;
   	color: #888;
     font-family: poppins, serif;
     font-size: 16px;
   }
   /*-----------------topbar--------------*/
   
   .topbar{
     background-color: #1c4695;
     height:45px;
     font-family:poppins, serif;
     text-align: right;
     padding-bottom:65px;
     
   }
   .topbar span{
     color: white;
     font-size: 15px;
     padding-right: 20px;
   }
   .topbar span a{
     text-decoration: none;
     color: white;
   }
   .topbar .links a{
     font-size: 18px;
     display: inline-block;
     background: #007bff;
     color:#fff;
     line-height: 1;
     padding: 8px 0;
     margin-right: 4px;
     border-radius: 50%;
     text-align: center;
     width: 36px;
     height: 36px;
     transition: .3s;
   }
   .topbar .links a:hover{
     background: #0067d5;
     color: #fff;;
   }
   .topbar .whatsapp a{
     font-size: 18px;
     display: inline-block;
     background:#1DAB3F;
     color:#fff;
     line-height: 1;
     padding: 8px 0;
     margin-right: 4px;
     border-radius: 50%;
     text-align: center;
     width: 36px;
     height: 36px;
     transition: .3s;
   }

   /*NAVIGATION*/



   
   .navbar-brand img{
   	height: auto;
   	width:300px;
     padding-left:50px;
   }
   .navbar{

   	background-color: #fff!important;
   	font-size: 18px;
   	padding-right :80px;
   	font-family: Poppins, sans-serif;
   }
   .nav-link{
   	color:#293f50 !important;

   }
   .nav-link:hover{
   	background-color:#EE643E; 
   	
   }
   .dropdown-menu{
   	background-color:#333; ;

   }
   .dropdown-item{
   	color: #fff;
   	display:block !important;
   	font-family: poppins, serif !important;
   	text-transform: capitalize !important;
   	border-radius: 5%;

   }
   .dropdown-item:hover{
   	background-color:#EE643E; 
   }
   .carousel-inner > .carousel-item > img {
   	width:100%;
   	height:500px;
   }
   .col-md-4{
   	margin-bottom: 20px;
   	width: 250px;
   	height: 250px;

   }
  
   @keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}

.single-featured-image-header img {
  animation: zoominoutsinglefeatured 15s forwards;
}

.fade-in {
  animation: fadeIn ease 10s;
  -webkit-animation: fadeIn ease 10s;
  -moz-animation: fadeIn ease 10s;
  -o-animation: fadeIn ease 10s;
  -ms-animation: fadeIn ease 10s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}
}

   /*======HOME ABOUT==========*/



   .aboutus{
   	background-image: url(images/abthome.png);
   	background-repeat: no-repeat;
   	background-size: cover;
   	height:300px;
   	width: 100%;
    margin-top: 50px;
    padding-top: 30px;
  }
  .aboutus p{
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: 200px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    border-bottom-left-radius:130px;
    border-top-right-radius: 130px;
    color: #fff;
    padding: 50px;
    height: 200px;
    width: 70%;
    position:relative;
    opacity: .9;
    
  }
  .btn{
  	background-color: #293f50;
  	border: none;
  	float: center;
  }
  .btn:hover{
  	background-color:#EE643E; 
  }



  /*======HOME OUR SERVICES==========*/


  h2{
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left:100px;
    padding: 20px;
    color:#293f50;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    font-family: Poppins, sans-serif;
  }
  .hservices{
   margin:20px;
 }
 .panel{
  border: 1px solid #1c4695;
  padding-bottom: 10px;
}
.hservices .panel-heading{
 font-family: Poppins, sans-serif;
 color: #1c4695;
 font-weight: bold;
 padding-left: 20px;
 padding-top: 20px;
 text-align: center;
}
.panel-heading a{
  color:#373B3F;
  text-decoration: none;
}
.panel-heading a:hover{

  color:#013D18;

}
.hservices .panel-footer{
  font-family: Poppins, sans-serif;

  padding-left: 20px;
  text-align: justify;
  color: #2E75B6;
  font-size: 16px;
}
.hservices .panel-body img{
  width: 300px;
  height:250px;
  padding-left: 30px;
  padding-top: 30px;
   padding-right: 30px;
  padding-bottom: 30px;
  
}




/*=======ABOUT PAGE==========*/

.about h1{
 font-family: poppins, serif;
 font-weight: bold;
 font-size: 50px;
 background-image: url(images/13.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 width: 100%;
 height: 300px;
 border-top: 250px;
 margin-left: 0px;
 text-align:left;
 padding-top: 200px;
 color: #000;


}
.about marquee{
 font-size: 25px;
 font-weight: bold;
 color: #1c4695;
}
.about .us{
 background: #1c4695;
 
}
.about .us p{
 background: #1c4695;
 font-size: 15px;
 color: #fff;
 height: 300px;
 width: 100%;
 opacity: .9;
letter-spacing: .02rem;
text-align: justify;
padding-top: 50px;
 padding-bottom: 50px;
 padding-left:100px;
 
}

.about .us img{
 background-size: cover;
 width: 100%;
 height:400px;
 padding-top: 50px;
 padding-bottom: 50px;
 padding-right: 100px;

 

}
.about p{
  padding-right: 100px;
  padding-left:100px;
  text-align: justify;
  color: #000;
  font-size: 14px;
}
.ourvalues {
  font-family: poppins, serif;
  width:100%;
  height:150px;
  background:#002060;


}

.ourvalues  .vision {
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}
.ourvalues  .vision h4{
  color:#fff;
  text-align: center;
}
.ourvalues  .vision  p{
 font-size: 16px;
 color:#fff;
 padding-left: 30px;
 padding-right: 30px;
 text-align:left;
}
.ourvalues  .mission {
  border-left:1px solid #fff;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-right: 10px;
}
.ourvalues  .mission h4{
  color:#fff;
  text-align: center;
}
.ourvalues  .mission  p{
 font-size: 16px;
 color:#fff;
 padding-left: 30px;
 padding-right: 30px;
 text-align:left;
}



   /*.breadcrumb{
  	background-image: url(images/backg1.png);
  	background-repeat: no-repeat;
  		background-size: cover;
  		margin-left: 0px;
  		color: #fff;
  		
  }
  .breadcrumb-item{
  	text-align: center;
  	font-size: 30px;
  	color: #fff;
 
  }
  .breadcrumb-item  a{
  	text-align: center;
  	font-size: 30px;
  	color: #fff;
 text-decoration: none;

 }*/



 /*==================SERVICES PAGE===========*/

/*.service{
	background-image: url(images/banner6.png);
	background-repeat: no-repeat;
	background-size:cover;
}
  .service-list p{
  	text-align:center;
  		color: #293f50;
padding-bottom: 30px;
padding-right: 20px;
font-weight: 30px;
}*/

.service{
  padding: 20px;
  color:#000;
  font-size: 18px;
  margin-bottom: 30px

}
.service img{
    width:300px;
    height: 200px;

  }
.service-list h6{
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
  text-decoration: none;
  font-family: poppins, serif;
  font-size: 30px; 
  color: #1c4695;

}
.service-list .col-md-6 ul li{
	padding-top: 0px;
	color: #000;
	padding-left: 10px;
	padding-bottom: 10PX;
	list-style-position: initial;
	font-size: 16px;
	font-family: poppins, serif;

}
.service-list img{
	width: 100%;
}
.carousel-inner{
	padding-bottom: 30PX;
}
.service-list p{
  color: #000;
  text-align: justify;
  font-size: 14px;
  
}

hr{
  color: #1c4695;
}
.col-sm-4 img{
  width:200px;
  height: 150px;
  padding: 5px;
  border:1px solid #1c4695;
}

    /*=================CAREER================*/
.career{
    background-image: url(images/career.png);
    background-repeat: no-repeat;
    background-size: cover;
    height:300px;
    width: 100%;
    margin-top: 50px;
    padding-top: 30px;

}
    
      .career h3{
        
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  text-decoration: none;
  font-family: poppins, serif;
  font-size: 30px; 
  color: #fff;
 }
 .career p{
  margin-top: 10px;
    margin-bottom: 30px;
    margin-left: 200px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    border-bottom-left-radius:130px;
    border-top-right-radius: 130px;
    color:#fff;
    padding: 50px;
    height: 200px;
    width: 70%;
    position:relative;
    opacity: .9;
    
}
.career p a{
  text-decoration: none;
  list-style-type: none;
  color: #fff;
}
  .career ul li{

  
    margin-left: 200px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    color:#1c4695;
    padding: 50px;
    margin-left: 100px;
   margin-right: 100px;

    width: 70%;
    position:relative;
    opacity: .9;
  font-family: poppins, serif;

}
.career h5{
        
  font-weight: bold;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  text-decoration: none;
  font-family: poppins, serif;
  font-size: 20px; 
  color: #1c4695;
 }



/*FOOTER




#footer{
  font-family: poppins, serif;
  background-image: url(images/6.jpg);
  background-repeat: no-repeat;
  opacity:.5;
 color: #eee;
  font-size: 14px;
}*/
#footer{
    /*background-image: url(images/SA.png);
    background-repeat: no-repeat;
    background-size: cover;
     opacity:.8;*/
       background-color: #1c4695;

}
#footer .footer-top{
	padding: 30px 0 20px 0;
 /* background-image: url(images/SA.png);
    background-repeat: no-repeat;
    background-size: cover;
     opacity:.8;**/
       background-color: #1c4695;
}
#footer .footer-top .footer-info{
	padding-right: 100px;
	padding-left: 50px;
  color: #fff;
}
#footer .footer-top .footer-info hr{
  color:#fff;
 height: 5px;

}

#footer .footer-top .footer-info h4{
 text-align: center;
 color: #fff;
}
#footer .footer-top .footer-info p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
	padding-left: 20px;
  text-align: left;
  color: #fff;
}
#footer .footer-top .social-links a{
	font-size: 18px;
	display: inline-block;
	background: #007bff;
	color:#fff;
	line-height: 1;
	padding: 8px 0;
	margin-right: 4px;
	border-radius: 50%;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: .3s;
 
}
#footer .footer-top .social-links a:hover{
	background: #0067d5;
	color: #fff;
}
#footer .footer-top h4{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;

}
#footer .footer-top .footer-links{
	margin-bottom: 30px;
	padding-left: 100px;
  color: #fff;
}
#footer .footer-top .footer-links ul{
	padding: 0;
	margin: 0;
  color: #fff;
}
#footer .footer-top .footer-links ul li{
	padding: 8px 0;
	list-style-type: none;
  color: #fff;
}
#footer .footer-top .footer-links ul a{
	color: #ecf5ff;
	text-decoration: none;
	font-size: 14px;
  color: #fff;

	
}
#footer .footer-top .footer-links ul a:hover{
	color: #fff;
}
#footer .footer-top .footer-link ul li:first-child{
	padding-top: 0px;
  color: #fff;
}
#footer .footer-top .footer-contact{
	margin-bottom: 30px;
	padding-left: 100px;
  color: #fff;
}
#footer .footer-top .footer-contact p{
	line-height: 26px;
	font-size: 14px;
	color: #fff;
}
#footer .footer-top .footer-contact p a{
	text-decoration: none;
	color: #fff;
	
}

#footer .copyright{
	padding-top: 30px;
	text-align: right;
  color: #fff;
}
#footer .credits{
	font-size: 13px;
	color: #f1f7ff;
}
#footer .credits a{
	color: #bfddfe;
}
#footer .credits a:hover{
	color: #f1f7ff;
}



/*===========PRODUCTS==============*/
.products h3{
  color: #1c4695;
  text-align: left;
  font-weight: bold;
}
.products p{
  color: #000;
  padding-bottom: 20px;
}
.products{
  background: #fff;
  padding-top: 12px;
  padding-bottom: 12px;

}

.plogos .carousel-inner{
 margin-left: 200px;
 padding-top: 20px;
}
.col-md-4{
  width: 25%;
  height: 100%;
  border-radius: 5px;
   margin: 10px;
    padding: 10px;
    padding-right: 0px;
   
}
.col-md-4 img{
  width: 50%;
     height: 10%;
}





/*===========CONTACT==============*/



    

    input[type=text], select, textarea {
      width: 100%;
      padding: 12px;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
      margin-top: 6px;
      margin-bottom: 16px;
      resize: vertical;
    }

    input[type=submit] {
      background-color: #4CAF50;
      color: white;
      padding: 12px 20px;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    input[type=submit]:hover {
      background-color: #45a049;
    }

    .contact{
      border-radius: 5px;
      background-color:#e8edf0;
      padding: 20px;
      padding-left: 100px;
    }
    .mapouter {
      position:relative;
      text-align:right;
      height:500px;
      width:600px;
    }
    .gmap_canvas {
      overflow:hidden;
      background:none!important;
      height:500px;
      width:600px;
    }