@charset "utf-8";
/* CSS Document */

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;
}

.change{
	color:#003e7c;
}

.color-w{
color:#FFF;
}

.email{
text-align:right;

}

/*-- Social Icons Start --*/

.follow{
float:left;
padding-top:3px;
}
	
.facebook{
	background:#375999;
	width:25px;
	height:25px;
	border-radius:5px;
	color: #FFF;
}

.facebook .fa-lg{
margin-top:7px;
margin-left:-10px;

}

.twitter{
	background:#3caef0;
	width:25px;
	height:25px;
	float:left;
	margin-right:10px;
	margin-left:10px;
		border-radius:5px;
color: #FFF;
	
}

.twitter .fa-lg{
margin-top:7px;

padding-left:5px;
}

.google-plus{
	background:#ea3c35;
	width:40px;
	height:25px;
	border-radius:5px;
	color: #FFF;
}

.google-plus .fa-lg{
margin-top:7px;
margin-left:-10px;
}

.google-plus{
	background:#ea3c35;
	width:30px;
	height:25px;
	float:left;
	border-radius:5px;
	color: #FFF;
}

.google-plus .fa-lg{
margin-top:7px;

padding-left:5px;
}

.facebook:hover, .twitter:hover, .google-plus:hover {
	color:#A9A9A9;
}


/*----- Upper Header ----*/
.upper-header{
	background-color:#fbbb11;
	padding:5px 0px 3px 0px;
	
}

/*--- main-header ---*/


.brand-centered {
  display: flex;
  justify-content: center;
   position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.navbar-brand
{
    position: absolute;
    width: 100%;
    left: 0;
    top: -50px;
    text-align: center;
    margin: auto;
}

.main-header{
background: rgba(0,63,126,1);
background: -moz-linear-gradient(top, rgba(0,63,126,1) 0%, rgba(43,120,196,1) 50%, rgba(0,63,126,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,63,126,1)), color-stop(50%, rgba(43,120,196,1)), color-stop(100%, rgba(0,63,126,1)));
background: -webkit-linear-gradient(top, rgba(0,63,126,1) 0%, rgba(43,120,196,1) 50%, rgba(0,63,126,1) 100%);
background: -o-linear-gradient(top, rgba(0,63,126,1) 0%, rgba(43,120,196,1) 50%, rgba(0,63,126,1) 100%);
background: -ms-linear-gradient(top, rgba(0,63,126,1) 0%, rgba(43,120,196,1) 50%, rgba(0,63,126,1) 100%);
background: linear-gradient(to bottom, rgba(0,63,126,1) 0%, rgba(43,120,196,1) 50%, rgba(0,63,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f7e', endColorstr='#003f7e', GradientType=0 );

}


.main-header #navbar ul li{
padding-bottom:1.8em;
padding-top:1.8em;


}
/* ---- Dropdown ------*/
.navbar {
    position: relative;
}

.main-header #navbar ul ul{
margin-top:-30px;
}

.main-header #navbar ul ul li{
	height:20px;
	border-top:1px dotted #ccc;
	
}

.main-header #navbar ul ul li:hover, .main-header #navbar ul ul li a:hover{
	background-color:#f5b520;
}

.main-header #navbar ul li a{
color:#FFF;
font-family: Cambria, Georgia, serif;
font-size:16px;
padding-right:4em;
font-weight:bold;
}

.main-header #navbar ul li a:hover{
	color:#f5b520;
}

.main-header #navbar ul ul li a{
color: #000;
margin-top:-10px;
}

.main-header #navbar ul ul li a:hover{
	color: #000;
}

.main-header #navbar ul .active a,.main-header #navbar ul .active{
color: #fbbb11;
font-weight:bold;
background-color:transparent;
}


.navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus {
  color: #fbbb11;
font-weight:bold;
background-color:transparent;
}

li.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}





/*demo styling only*/
.navbar-brand {
  padding: 0px; /* remove bootstrap padding on floated image containers -  */ 
}
.navbar-brand>img {
  height: auto;
  width: 100%;
  padding: 7px 14px 7px 0; /* padding for image ... text needs no padding */
  margin-top:1em;
}


.navbar-toggle {
  z-index: 1;
}

/*--- Footer ---*/
.footer{
	margin-top:3em;
	padding-top:2em;
	padding-bottom:0.5em;
	
background: rgba(0,63,126,1);
background: -moz-linear-gradient(top, rgba(0,63,126,1) 0%, rgba(43,120,196,1) 50%, rgba(0,63,126,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,63,126,1)), color-stop(50%, rgba(43,120,196,1)), color-stop(100%, rgba(0,63,126,1)));
background: -webkit-linear-gradient(top, rgba(0,63,126,1) 0%, rgba(43,120,196,1) 50%, rgba(0,63,126,1) 100%);
background: -o-linear-gradient(top, rgba(0,63,126,1) 0%, rgba(43,120,196,1) 50%, rgba(0,63,126,1) 100%);
background: -ms-linear-gradient(top, rgba(0,63,126,1) 0%, rgba(43,120,196,1) 50%, rgba(0,63,126,1) 100%);
background: linear-gradient(to bottom, rgba(0,63,126,1) 0%, rgba(43,120,196,1) 50%, rgba(0,63,126,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f7e', endColorstr='#003f7e', GradientType=0 );
}

.footer h3{
color:#f5b520;
font-family: Cambria, Georgia, serif;
font-size:1.6em;
font-weight:bold;

}

.footer .map1{
	background-image: url(../images/map.png);
	background-repeat:no-repeat;
	color: #FFF;
}

.footer .f-contacts {
	color: #FFF;
	float:right;
}

.change-footer{
background-color:#f5b520;
border-radius:25px;
padding:5px;
color:#333;
}

.change-footer:hover{
background-color:#333;
color:#f5b520;
}

.footer .f-contacts ul li {
padding-bottom:10px;
}

.footer-lower{
	background-color:#333333;
	color:#FFF;
	text-align:center;
	padding:5px; 0px 5px 0px;
}

.footer-social{
	width:80%;
	margin:0 auto;
}

.footer .facebook{
	background:#375999;
	width:35px;
	height:30px;	
	border-radius:20px;
	color: #FFF;
}

.footer .facebook .fa-lg{
margin-top:8px;

padding-left:8px;
}

.footer .twitter{
	background:#3caef0;
	width:35px;
	height:30px;	
	margin-left:20px;
	border-radius:20px;
color: #FFF;
	
}

.footer .twitter .fa-lg{
margin-top:8px;

padding-left:10px;
}


.footer .google-plus{
	background:#ea3c35;
	width:35px;
	height:30px;	
	border-radius:20px;
	color: #FFF;
	margin-left:20px;
}

.footer .google-plus .fa-lg{
margin-top:8px;
padding-left:5px;
}

.footer .linkedin {
	background:#007ab5;
	width:35px;
	height:30px;
	float:left;
	margin-left:20px;
	border-radius:20px;
	padding:8px 0px 0px 8px; 
	color:#FFF;
	
}

.color-w:hover {
	color:#f5b520;
}

<!--- Servcies--->

.services{

}

.services h2{
font-family: Cambria, Georgia, serif;
text-align:center;
color:#053f7e;
font-size:1.6em;
font-weight:bold;
}

.services img{
width:100%;
margin-bottom:-20px;
}

.services img:hover{
box-shadow: 0 0 10px #222;
}

.services h3{
background-color:#fbbb11;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
font-family: Cambria, Georgia, serif;
text-align:center;
color:#000;
font-weight:bold;
width:100%;
font-size:1.3em;
}

.services p{
font-family: Cambria, Georgia, serif;
}

.services .item{

}

.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}

.send-inquiry{
text-align:center;
margin-top:2em;
}

.send-inquiry a{
	background-color:#013c7c;
	padding:10px 80px; 10px; 80px;
	border-radius:25px;
	color:#FFF;
}	

.send-inquiry a:hover{
	text-decoration:none;
	color:#fbbb11;
}

.block-content{
	margin-top:40px;
	margin-bottom:30px;
}


.block-content p{
color:#fff;
}


.bg-image{
	background-attachment: fixed !important;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.parallax{
	padding:50px 0;
}

.about-us .about-content{
text-align:left;
}

.about-us .about-content h2{
color:#fbbb11;
font-family: Cambria, Georgia, serif;
font-size:1.8em;

}

.about-us .about-content p{
font-size:16px;
line-height:24px;	
font-family: Cambria, Georgia, serif;
}

.about-link{
margin-top:1em;
}

.about-us .about-content a, .footer-link a{
background-color:#fbbb11;
font-size:16px;
padding:7px 20px 7px; 20px;
border-radius:25px;
color:#000;
}

.about-us .about-content a:hover, .footer-link a:hover{
background-color:#333;
color:#fbbb11;
text-decoration:none;
}


.factory-display h2{
font-family: Cambria, Georgia, serif;
text-align:center;
color:#053f7e;
font-size:1.6em;
font-weight:bold;
}

.factory-display img{
box-shadow: 0 0 10px #222;
}

.factory-display img:hover{
box-shadow: none;
}

.page-title{
margin-top:-20px;
}

.page-title h1{
	font-family: Cambria, Georgia, serif;
    color:#fbbb11;
	font-size:1.5em;
	font-weight:bold;
	
}


.about-post{

}

.about-post h2, .about-post p, .about-post li{
	font-family: Cambria, Georgia, serif;
}

.about-post .post-header h2{
font-family: Cambria, Georgia, serif;
color:#053f7e;
	
}

.about-post .img{
float:right;
text-align:justify;
-webkit-shape-outside:circle();
  shape-outside:circle();
  margin-right:2rem; 
  border-radius: 100%;
}

.about-post p{

text-align:justify;

}

.page-title{
	background-image:url(../images/banner_2.jpg);
	margin-bottom:0.5em;
}
.page-title a, .page-title a:hover{
	text-decoration:none;
}
.page-title{
	padding:10px 0px 15px 0;
}
.page-title h1{
	display:inline-block;
	margin-bottom:0px;
	margin-top:10px;
	color:#013c7c;
	font-family: Cambria, Georgia, serif;
}


.page-title .pull-right{
margin-top:15px;
color:#000;
text-align:right;
}

.page-title .pull-right a{

color:#013c7c;
}

.page-title .pull-right a:hover{

color:#fff;
}

.about-missions h3{
color:#fbbb11;
font-family: Cambria, Georgia, serif;

}

.factory-img{

}

.factory-img img{
margin-bottom:1.5em;


box-shadow: 0 0 0 0;
}

.factory-img img:hover, .single-product img:hover{
box-shadow: 0 0 10px #222;	
}

.packing p{
font-size:1.2em;
margin-bottom:2em;
font-family: Cambria, Georgia, serif;
}

.packing ul li{
padding-bottom:10px;
font-size:1.2em;
font-family: Cambria, Georgia, serif;
font-weight:bold;
}

.packing img{
margin-bottom:-10px;
}

.packing h3{
margin-bottom:2em;
font-size:1.2em;
font-family: Cambria, Georgia, serif;
}

.single-product1 img{
margin-top:1em;
margin-bottom:3em;

}

.single-product1 li{
font-family: Cambria, Georgia, serif;
font-size:1.2em;
    
}

.single-product1 h3{
font-size:1.3em;
font-weight:bold;
color:#003e7c;
font-family: Cambria, Georgia, serif;
}

.single-product1 p{
font-size:1.2em;
margin-bottom:1em;
font-family: Cambria, Georgia, serif;
}


.single-product img{
margin-top:1em;
margin-bottom:-10px;

}


.single-product h3{
font-size:1.2em;
color:#003e7c;
font-family: Cambria, Georgia, serif;
font-weight:bold;
}

.single-product p{
font-size:1em;
margin-bottom:1em;
font-family: Cambria, Georgia, serif;
}


.single-product .sidebar{
box-shadow: 0 0 10px #ccc;
margin-top:30px;
}

.single-product .sidebar h3{
	background-color:#003e7c;
	color:#FFF;
	padding:10px 0px;
}

.single-product .sidebar ul li{
padding:10px 0px 10px 5px;
border-bottom:1px solid #ccc;
}

.single-product .sidebar ul li:hover{
background-color:#fbbb11;

}

.single-product .sidebar ul li a:hover{
text-decoration:none;
font-weight:bold;
}

/*--contact--*/
.contact12 {
    padding: 3em 0;
}
.map {
    padding:3em 0;
}
.map iframe {
    width: 100%;
    height: 400px;
    border: 6px solid rgb(252, 188, 78);
}
.contact-left p {
    font-size: 1em;
    color: #868686;
    line-height: 1.8em;
}
.contact-left ul {
  margin: 1.5em 0 0 0;
  padding: 0;
}
.contact-left ul li {
    display: block;
    margin-top: 1em;
    font-size: 1em;
    color: #868686;
}
.contact-left ul li a{
	color: #868686;
}
.contact-left ul li a:hover{
	color:#EF3DBE;
}
.contact-left ul li span {
    width: 15px;
    height: 15px;
    margin-right: 0.5em;
}
.contact-form-left p {
  font-size: 1em;
  color: #868686;
  line-height: 1.5em;
}
.contact-grids-info {
    margin-top: 3em;
}
.contact-right input[type="text"], .contact-right input[type="number"], .contact-right input[type="email"] {
    border: 1px solid #EAEAEA;
    width: 100%;
    margin: 0 0 1em 0;
    outline: none;
    font-size: 0.9em;
    color: #868686;
    padding: 10px 12px;
    -webkit-appearance: none;
}
.contact-right textarea {
    border: 1px solid #EAEAEA;
    outline: none;
    font-size: .9em;
    color: #868686;
    padding: 10px 12px;
    width: 100%;
    resize: none;
    height: 15em;
    -webkit-appearance: none;
}
.contact-right input[type="submit"] {
    border: 1px solid #fbbb11;
    padding: .5em 0;
    width: 22%;
    margin-top: 0.8em;
    font-size: 1.1em;
    color: #FFFFFF;
    letter-spacing: 1px;
    outline: none;
    background-color: #013c7c;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -webkit-appearance: none;
}
input[type="text"]:hover, .contact-right textarea:hover, .contact-right input[type="number"]:hover, .contact-right input[type="mail"]:hover  {
    border-color: rgba(255, 0, 140, 0.29);
}
.contact-right input[type="submit"]:hover {
    background-color: #fff;
    color: #FF008C;
    border: 1px dotted #FF008C;
}
.glyphicon3 {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hdng{
	color: #013c7c;
    font-size: 2em;
    font-family: 'Dosis-Medium';
    text-align: center;
}

/*--- Slider ---*/
.padding-top{

margin-top:30px;
}

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
		  margin-bottom: 20px;
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
		  margin-bottom: 20px;
}