/* Action bar */

.action

{

	background-color: #000;

	text-align: right;

    padding: 10px 10px;

}

.action_phone,.action_email,li

{

	list-style: none;

   display: inline-block

}

.action_phone li,i,a

{

  font-size: 14px;

  color: #fff;

}

/* end */

/* nav bar */

.navbar{

	float: right;

	padding-right: 1%;

	margin-bottom: 0px !important;

}

.navbar-nav li{

	list-style: none;

	margin: 30px;

	font-family: 'Poppins', sans-serif;

	font-weight: 600;

}



.navbar-nav li a{

	color: #000;

	font-size: 18px;

	text-decoration: none;

}

#mylinks a{

	text-decoration: none;

}

/* end */

/* Home Banner */

#BGbanner{

  

	background: url("images/bg2.png");

    background-position: center;

    background-size: 100% 100%;

    background-repeat: no-repeat;

   padding: 30px;

   height: auto;

   width: 100%;

   position: relative;

}

#BGbanner h2{

	color: #ffffff;

	font-size: 45px;

	line-height: 130%;

	margin-bottom: 10px;

	font-weight: bold;

	font-family: 'Raleway', sans-serif;

}

#BGbanner p{

	color: #C0C0C0;

	font-size: 16px;

	line-height: 160%;

	margin-bottom: 40px;

	font-family: 'Raleway', sans-serif;

}

.button {

	font-family: 'Raleway', sans-serif;

	border: 1px solid #fff;

	color: white;

	padding: 12px 30px;

	text-align: center;

	text-decoration: none;

	display: inline-block;

	font-size: 16px;

	margin: 4px 2px;

	cursor: pointer;

	background-color: transparent;

}

.button:hover

{

	background-color: #6c5;

}

.align_content

{

	margin: 0px !important;

}

/* end */

body{

	font-family: 'Raleway', sans-serif;

}

.center {

	text-align: center;

	color: #505050;

	font-size: 18px;

	line-height: 25px;

}

.about_sub

{

	

	color: #505050;

	font-size: 18px;

	line-height: 25px;

}

#cont-style{

	margin-right: 0px;

	margin-left: 0px;

	padding-left: 0px;

	padding-right: 0px;

}

.set-margn{

	margin-left: 0px !important;

	margin-right: 0px !important;

}

.about {

	padding-top: 0px;

	padding-bottom: 20px;

	padding-left: 8%;

	padding-right: 10%;

}

.about_list

{

	display: grid;

	line-height: 30px;

	font-size: 16px;

}

.service {

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 8%;

	padding-right: 10%;

	background-color: #0352a6;

	color: #ffffff;

}

.contact {

	background-color: #F7F7F7;

	padding-top: 0px;

	padding-bottom: 30px;

/*	padding-left: 18%;

	padding-right: 20%;*/

}

.head{

	text-align: center;

	font-weight: 600;

}

#form-button {

	font-family: 'Raleway', sans-serif;

	border: 1px solid #05a;

	color: #05a;

	padding: 10px 35px;

	text-align: center;

	text-decoration: none;

	display: inline-block;

	font-size: 16px;

	margin: 4px 2px;

	cursor: pointer;

	background-color: transparent;

  }

  #form-button:hover

{

	background-color: #05a;

	color: #fff;

}

.head_line{

	position: relative;



    border: none;

    height: 6px;

    background: #9d9;

    margin-bottom: 10px;

    width: 120px;

}



.center_service {

	text-align: center;

	color: #DCDCDC;

	font-size: 20px;

}

.center_inner {

	text-align: center;

	font-size: 14px;

	color: #dcdcdc;

	margin-bottom: 20px;

	font-weight: 500;

	line-height: 25px;



}



.service_list {

	padding-left: 10%;

	padding-right: 10%;

	text-align: center;

	padding-top: 20px;

	padding-bottom: 20px;

}

.service_align {

	margin:20px 0px;

	font-size: 21px;

	font-weight: 600;	

}



.form-control {

	margin-top: 30px;

	margin-bottom: 30px;

	border-radius: 0px;

}

.input {

	border-radius: 0px;

	height: 45px;

}

#form-style {

	padding-top: 30px;

}

/* footer */



.footer{

	background-color: #3d3d44;

	padding: 30px 0px 0px 0px;

}

.foo {

	justify-content: center;

	padding: 30px  0px;



}

.foo li a{

	color: #BEBEBE;

	text-decoration: none;

}

.logo-footer{

	padding-left: 22%;

	padding-top: 10px;

}

.faicon

{

	padding-top: 30px;

	padding-bottom: 30px;

}

.footer_address

{

	color: #fff;

	font-size: 18px;

	line-height: 30px;

	font-weight: 500;

	padding-top: 50px;

	/* padding-bottom: 30px; */

}

.copy{

	background-color: #000000;

	text-align: center;

	padding: 5px 0px;

}

.copy p{

	color: #808080;

	font-size: 13px;

}



.footer_phone

{

	display: flex;

	text-indent: 10px;

	font-size: 18px;

	padding: 10px 0px;

}

.footer_phone:hover

{

	color: #9d9;

}

.footer_email

{

	display: flex;

	text-indent: 10px;

	font-size: 18px;

}



.foo-navbar{



	padding-right: 1%;

	margin-bottom: 0px !important;

}

.foo-navbar-nav li{

	list-style: none;

	display: block;

	margin: 20px;

	font-family: 'Raleway', sans-serif;

	font-weight: 600;

}



.foo-navbar-nav li a{

	color: #000;

	font-size: 18px;

	text-decoration: none;

}

/* Mobile NAv */

.mobile-container {

  max-width: 480px;

  margin: auto;

  background-color: #555;

  height: 500px;

  color: white;

  border-radius: 10px;

}



.topnav {

  overflow: hidden;

  background-color: #333;

   position: fixed;  

  width: 100%;

  z-index: 1; 



}



.topnav #myLinks {

  display: none;

}



.topnav a {

  color: white;

  padding: 14px 16px;

  text-decoration: none;

  font-size: 17px;

  display: block;

}



.topnav a.icon {

  background: black;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

  font-size: 25px;



}



.topnav a:hover {

    background-color: #000;

    color: #fff !important;

}



.active {

  background-color: #000000;

  color: white;

}



#menu{

	padding: 6px;

}

.mob-logo{

	width: 105px;
}



/* Media Query */

@media only screen and (min-width : 768px) {

   .navbar-toggler {

        display: none!important;

    }

    .mobile-container{

		display: none;

	}

	.contact{

		padding: 0px -20px;

	}

	.topnav{

		display: none;

		top: 40px;

	}





}



@media only screen and (max-width : 768px) {

	.action

	{

		position: fixed;

		z-index: 1;

		top: 0;

		width: 100%;

	}

	.topnav{

		top: 40px;

	}

	h1 {

		font-size: 3vw;

	}

	.BGbanner {

		margin-top: 50px;

	}

    .foo {

        padding: 0px;

	

    }

	.faicon

	{

		padding-top: 10px;

	}

	.logo{

		display: none;

	}

	.align_content{

		padding-left: 1%;

		margin-top: 50px;

		margin-bottom: 30px;

	}



	.BGbanner h2{

		color: #ffffff;

		font-size: 30px;

		line-height: 130%;

		margin-bottom: 10px;

		font-weight: bold;

		font-family: 'Raleway', sans-serif;

	}

	.BGbanner p{

		color: #C0C0C0;

		font-size: 14px;

		line-height: 160%;

		margin-bottom: 20px;

		font-family: 'Raleway', sans-serif;

	}

	.button {

	    font-family: 'Raleway', sans-serif;

	    border: 1px solid #fff;

	    color: white;

	    padding: 10px 20px;

	    text-align: center;

	    text-decoration: none;

	    display: inline-block;

	    font-size: 12px;

	    margin: 4px 2px;

	    cursor: pointer;

	    background-color: transparent;

	}

	.center_inner{

		padding-bottom: 30px;

	}

	.service {

		margin-bottom: -40px;

	}





}





/*footer linkedin logo*/

p.footer_logos {

    color: #fff; 

    font-size: 18px;

    line-height: 30px;

    font-weight: 500;

    padding-top: 50px;

    /* padding-bottom: 30px; */

}