#top1 i{
 	margin-left: 10px;
 	color: #fff;
	font-family: 'Roboto', sans-serif;
 }
.top_icons{
	color: #fff;
	margin-right: 10px;
}
 #top1 p{
 	color: #fff;
 	margin-left: 35px;
 	font-family: 'Roboto', sans-serif;
 	margin-top: -18px
 }
#top1:after{
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background-color: #1D2B49 !important;
	margin-top: 7px;

}

 #navigation{
	position: absolute;
	top: 4em;
}
.dropdown-toggle{
	background-color: transparent !important;
}
.dropdown-toggle:hover{
	background-color: transparent !important;
}

#navigation i{
	font-size: 20px;
	color: #fff;
	margin-right: 10px;
	margin-top: 20px;
}
.nav li a{
	color: #fff;
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
}
#dropdown li a{
	color: #7C7B7B;
	font-size: 15px;

}
.nav li a:hover{
	background-color: transparent;

}
.navbar.black{
	background-color: #17232d;
	transition: ease 1s;
	margin-top: -4em
}
.navbar-header span{
  background-color: gray;
}
.navbar-toggle .icon-bar{
	position: relative;
	transition: all 500ms ease-in-out;

}
.navbar-toggle.active .icon-bar:nth-of-type(1){
	top: 6px;
	transform: rotate(45deg);
}
.navbar-toggle.active .icon-bar:nth-of-type(2){
	background-color: transparent;
}
.navbar-toggle.active .icon-bar:nth-of-type(3){
	top: -6px;
	transform: rotate(-45deg);
}
@media only screen and (max-width: 768px){
	.logo img{
		width: 200px !important;
	}
	.navbar-collapse{
		
		top: -10%;
		right: 0%;
		clip-path: circle(0px at top right);
		background-color: rgba(72, 207, 205 );
		transition: all 500ms ease-in-out;
		width: 100%;
	}
.collapse{
	clip-path: circle(150% at top right); 
	margin-top: -50px;
}
.flag{
	margin-top: -20px !important;
}

}
.dropdown-menu li a:hover{
	color:#FFFFFF;
	background-color:#10a8ec;
}
.dropdown-menu li a{
	color: black; 
}
.dropdown .dropdown-menu .caret {
	border: 4px solid transparent;
	border-left-color: #000;
	float: right;
	margin-top: 6px;
} 

.dropdown-menu .dropdown-menu {
	left: 100%;
	margin: 0;
	right: auto;
	top: -1px;
}
#btm h5{
	color: #22b8d4;
	margin-top: 30px;
	font-weight: bold;
	font-family: 'Rajdhani', sans-serif;
}
#btm p{
	font-family: 'Roboto', sans-serif;
}
.btm_contect i{
	margin-top: 30px;
	 display: block;
}
.btm_contect .fa{
	color: rgba(72, 207, 205 );
}
.btm_contect p{
	color: gray !important;
	margin-left:  23px;
	margin-top: -15px;
	font-size: 15px
}

.btm_information a{
	margin-top: 13px;
	color: gray

}
#btm a:hover{
	text-decoration: none;

}
.btm_social .fa{
	color: white;
	display: block;
}
.btm_social p{
	margin-left:  23px;
	margin-top: -15px;
	color: gray
}
.btm_social a i{
	margin-top: 27px;
}
.form input{
	background-color:  transparent;
	color: white;

}
.form button{
	background-color: transparent;
	float: right;
	margin-top: -38px;
	font-size: 20px;
}
.btm_news p{
	color: gray;
	margin-bottom: 20px;

}
.btm_new1 .fa{
	color: #B1B1B1 ;
	border: 1px solid #B1B1B1;
	font-size: 15px;
	padding: 5px;
	margin-left: 7px
}
.btm_new1 .fa-facebook{
	width: 25px;
    position: relative;
    text-align: center;
}
.btm_new1 .fa-facebook:hover{
	background-color: #3b5998;
}
.btm_new1 .fa-twitter:hover{
	background-color: #00acee;
}
.btm_new1 .fa-feed:hover{
	background-color: #ee802f;
}
.btm_new1 .fa-google-plus:hover{
	background-color: #DD4B39;
}
.prod_box{
	display:block;
	padding:3px;
	border:solid 2px #CCC;
	background:#FFFFFF;
	margin-bottom:25px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
}
.prod_box:hover{
	border:solid 2px #000;
	text-decoration:none;
}
.prod_name{
	text-align:center;
	font-weight:bold;
	color:#000;
	margin-bottom:0px;
}
.prod_code{
	text-align:center;
	color:#000;
}
.prod_header{
	background-color: #17232d;
	color:#FFF;
	text-transform:capitalize;
	padding:10px 10px;
	margin-top:0px;
}
.prod_header_left{
	font-size:20px;
	font-weight:bold;
	background-color: #17232d;
	color:#FFF;
	text-transform:capitalize;
	padding:10px 10px;
	margin-top:0px;
}
.txt_detail{
	font-family: 'Roboto Condensed', sans-serif;
}