@font-face{
	font-family: 'welearn';
    src: url('fonts/geometric.woff') format('woff');
}
@font-face{
	font-family: 'welearn_s';
    src: url('fonts/geometric.woff') format('woff');
}
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
body{
	color: #444;
	background: #f3f3f3;
	font: 12px tahoma;
	/*direction: ltr;
	overflow: hidden; */
	}
li{
	list-style: none;
}
:focus{
	outline: 0;
}
.clear{
	clear: both;
}
a{
	text-decoration: none;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out:
	-0-transition: all .2s ease-in-out;
	color:#2ecc71;
}
.masthead{
	width: 100%;
	height: 50px;
	background: #2c3e50;
	position: relative;
}
.masthead_about{
	width: 100%;
	height: 50px;
	background: #6a89cc;
	position: relative;
}
.masthead_products{
	width: 100%;
	height: 50px;
	background: #0fb9b1;
	position: relative;
}
.masthead_contact{
	width: 100%;
	height: 50px;
	background: #f1c40f;
	position: relative;
}
.masthead_suppliers{
	width: 100%;
	height: 50px;
	background: #27ae60;
	position: relative;
}
.masthead_news{
	width: 100%;
	height: 50px;
	background: #e74c3c;
	position: relative;
}

.main_masthead{
	width: 1100px;
	margin: 0 auto;
}	

.main_masthead > ul > li{
	display: inline-block;
	float: left;
	position: relative;
}	
.main_masthead > ul > li >	a{
	color: #FDFDFD;
	display: block;
	padding: 12px 15px;
	font: 13px/2 'welearn';
}	
.main_masthead > ul > li > a:hover{
	background: #a5b1c2;
}
.search{
	float: right;
	margin: 8px 0 0 0;
}
.search input{
	background: #d1d8e0  url(images/search.png) 97% no-repeat;
	padding: 8px 35px 8px 10px;
	border: 2px solid #a5b1c2;
	color: #2d3436;
	direction: ltr;
	text-align: left;
	font: 11px Tahoma;
	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out:
	-0-transition:all .2s ease-in-out;

}
.search input:focus{
	border:2px solid #778ca3;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out:
	-0-transition: all .2s ease-in-out;
}
#main{
	width: 1180px;
	margin: 23px auto;
}
#header-nav{
	margin: 0 auto;
}
#header-nav ul > li{
	width: 120px;
	height: 100px;
	background: #ccc ;
	float: left;
}
#header-nav ul > li> a{
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #FDFDFD;
	font: 13px tahoma;
}
#header-nav ul > li> a:hover{
	font: 15px tahoma;
}
#header-nav .fa{
	margin: 10px auto;
}
.nav-text{
		line-height: 8px;
}
.logo{
	float: right;
	padding: 0px 35px 3px 5px;
}
#main .wellcom h3{
	text-align: center;
	font: 42px tahoma;
}
#main .about-us h3{
	text-align: center;
	font: 42px tahoma;
}
#main .about-us h3{
	text-align: center;
	font: 42px tahoma;
}
#main .products h3{
	text-align: center;
	font: 42px tahoma;
}
#main .contact h3{
	text-align: center;
}	
#main .suppliers h3{
	text-align: center;
	font: 42px tahoma;
}	
#main .wellcom .main-wellcom{
	text-align: center;
	font: 32px tahoma;
}
#main .about-us .main-about-us{
	padding: 42px;
	text-align: justify;
	font: 16px/1.5 tahoma !important;
}
#main .news .main-news{
	width: 1000px;
	float:center;
	margin: 1px 40px;
	padding: 42px;
	text-align: justify;
	font: 16px/2 Arial !important;
}
#main .products .main-products{
	text-align: justify;
	font: 16px tahoma;
}
#main .contact .main-contact{
	text-align: justify;
	font: 11px/2 tahoma !important;
}
#main .suppliers .main-suppliers{
	text-align: justify;
	font: 28px/2 tahoma;
}
.suppliers{
	width: 1000px;
	height: 650px;
	float:center;
	margin: 1px 40px;
	
}
.news{
	width: 1000px;
	height: 650px;
	float:center;
	margin: 1px 40px;
	
}


.main-suppliers img{
	float: left;
	width: 350px;
	height: 250px;
	border:2px solid #e2e2e2;
    border-radius:6px;

}
.main-suppliers .Suppl p{

	width: 700px;
	height: 100px;
	padding: 105px 100px;
	margin: 20px 300px;
	line-height: 40px;
	direction: ltr;
	font:16px tahoma !important;


}

#main .why h3{
	text-align: center;
	direction: ltr;
	font: 40px tahoma;
}
.footer-nav{
	width: 100%;
	height: 300px;
	background: #2c3e50;
	margin: 20px auto 0;
	clear: both;
	position: relative;
}
.footer-nav_about{
	width: 100%;
	height: 300px;
	background: #6a89cc;
	margin: 20px auto 0;
	clear: both;
	position: relative;
}
.footer-nav_news{
	width: 100%;
	height: 300px;
	background: #e74c3c;
	margin: 20px auto 0;
	clear: both;
	position: relative;
}
.footer-nav_products{
	width: 100%;
	height: 300px;
	background: #0fb9b1;
	margin: 20px auto 0;
	clear: both;
	position: relative;
}
.footer-nav_contact{
	width: 100%;
	height: 300px;
	background: #f1c40f;
	margin: 20px auto 0;
	clear: both;
	position: relative;
}
.footer-nav_suppliers{
	width: 100%;
	height: 300px;
	background: #27ae60;
	margin: 20px auto 0;
	clear: both;
	position: relative;
}
.main-footer{
	width: 1100px;
	margin: 0 auto;
}
.about{
	width: 300px;
	height: 300px;
	float: left;
	font: 14px/1.3 tahoma !important;

}
.news{
	height: 9400px;
	float: left;
	font: 14px/1.3 Arial !important;

}
.about h5, .social h5, .standards h5{
	font: 16px tahoma !important;
	padding: 5px 39px;
	margin: 10px auto;
	color: #FDFDFD;
	direction: ltr;
}
.about p{
	margin: 5px 39px;
	font: 14px/1.3 tahoma !important;
	direction: ltr;
	text-align:justify;
	color: #FDFDFD;
}
.social{
	width: 300px;
	height: 300px;
	margin: 0 50px;
	float: left;
}
.social ul li{
	margin: 10px 2px;
	float: left;
}
.social ul li:hover{
	margin: 5px 2px;
}
.standards{
	width: 300px;
	height: 300px;
	margin: 0 50px;
	float: left;

}
.standards ul li{
	width: 40px;
	height: 40px;
	margin: 5px 2px;
	border-radius: 2px;
	background: #222;
	float: left;
}
.standards ul li:hover{
	margin: 0px 2px;

}
.products-post{
	width: 1100;
	float: left;
	margin-bottom: 1px;
}
.post-title{
	text-align:center;
    font:20px tahoma;
}
.post-title a{
    color: #34495E;
}
.post-img img{
	margin-top: 35px;
    margin-right: auto;
    margin-left: auto;
    display: block;
	width: 900px;
	height: 550px;
	border:1px solid #e2e2e2;
    border-radius:6px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.5);


}
.post{
    width: 1050px;
 	margin: 15px 40px;
    float: left;
    background: #FFF;
    border:1px solid #e2e2e2;
    border-bottom: 2px solid #e6e6e6;
}
.post-content{
    padding: 15px 65px 5px 65px;
}
.post-content p{
    font: 16px/2 Tahoma;
    text-align: justify;
    padding: 10px 10px;
}
.post footer{
    border-top: 1px solid #e2e2e2;
    margin: 15px auto;
}
.post footer div{
    width:50px;
    padding:5px 3px;
    border-left:1px solid #e2e2e2;
    float:right;
    font:12px Tahoma;
    margin:0 auto;
    text-align: center;
	float: left;

}
.post footer a{
    color: #e6e6e6 !important;
}
.post footer a:hover{
    color: #2ECC71 !important;
}
.post footer button{
	background: #FDFDFD !important;
    color: #e6e6e6 !important;
    border:1px solid #FDFDFD;
 
}

.post footer button:hover{
    color: #2ECC71 !important;
}
.more-link{
	width: auto !important;
	float: right !important;
	padding:5px 15px !important;
	border-radius: 15px;
	background: #808080 !important;
	margin: 3px 10px !important;
	color: #FDFDFD !important;

}
.more-link a{
	color: #FDFDFD !important;
}
.more-link:hover{
	background: #34495E !important;
	color: #FDFDFD !important;
}
.more-link a:hover{
	color: #222 !important;
	
}
#demo2_tip{
	font: 28px !important;
	color: #222 !important;
	text-align: left !important;
	direction: ltr !important;

}
#demo3_tip{
	font: 28px !important;
	color: #222 !important;
	text-align: left !important;
	direction: ltr !important;

}
.main-footer h3{
	margin: 10px 40px !important;
}

.danger {
  margin-bottom: 25px;
  padding: 4px 22px;
  margin-top: 5px;
  background-color: #ffdddd;
  border-left: 6px solid #f44336;
}
.info {background-color: #2196F3;} /* Blue */