@import url(https://fonts.googleapis.com/css?family=Raleway:500);
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
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; -webkit-font-smoothing:antialiased; outline:none; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Raleway', sans-serif; }
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; }
/* End of the Reset Style */
::-moz-selection { color: #ffffff; background: #ac0e0f; }
::selection { color: #ffffff; background: #ac0e0f; }
/* End of Selection Style */
div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #f7f7f7 url(../images/loader.gif) no-repeat center center; }
/* Pre Loader */
#wrapper { width:1280px; height:auto; display:table; margin:0 auto; }
header { width:100%; height:100px; background:#ac0e0f; border-bottom:1px solid #fff; }
header #logo { float:left; margin:12px 0 0 27px; }
.rm-toggle.rm-button { margin-top: 25px; }
.rm-css-animate.rm-menu-expanded { max-height: none; display: block; }
.rm-container.rm-layout-expanded { float: right; margin-right:15px; }
.rm-nav li a, .rm-top-menu a { padding: 0 1rem; font-size: 15px; line-height: 30px; }
.rm-layout-expanded .rm-nav > ul > li > a, .rm-layout-expanded .rm-top-menu > .rm-menu-item > a { height: 30px; line-height: 30px; }

/* Slider Style */
#Slider { width:100%; height:563px; background:url(../images/slider-gradient.png) repeat-x top; }
.btn-detail {
    font-size: 16px;
    color: #fff;
	background:url(../images/btn.png) no-repeat;
	width:185px; height:41px; line-height:41px; text-align:center;
    text-decoration: none !important;
    outline: none !important;
    margin: 1em auto;
    display: table; transition:all ease 300ms;
}

.btn-detail:hover, .btn-detail:focus {
    color: #fff; background-size:100%;
    border: 1px solid #fff;
}
/* Content slider */
#content { width:100%; display:table; padding:25px 0; background:url(../images/slider-gradient.png) repeat-x top; }
#content h2 { font-size:35px; color:#de2b2b; margin:10px 0; }
#content h2 b { color:#3f3f3f; }
#content p { color:#3f3f3f; font-size:16px; text-align:justify; line-height:24px; margin:12px 0; display:inline-block; }
#content #cleft { width:55%; float:left; margin-left:1%; }
#content #cright { width:40%; float:right; margin-right:1%; }
#content #cright #prodlist { margin-top:35px; width:100%; height:auto; }
#content ul#products { width:auto; display:table; margin:15px auto 0; }
#content ul#products li { float:left; width:300px; height:auto; margin-right:20px; margin-bottom:15px; }
#content ul#products li a { text-decoration:none; }
#content ul#products li a h3 { font-size:18px; color:#3f3f3f; text-align:center; background:#eee; padding:8px 0; transition:300ms ease all; }
#content ul#products li:last-child { margin-right:0; }
#content ul#products li img { width:100%; height:auto; border:2px solid #eee; padding:3px; display:table; transition:300ms ease all; }
#content ul#products li a:hover img { border:2px solid #de2b2b; }
#content ul#products li a:hover h3 { background:#de2b2b; color:#fff; }

#content ul#application { width:auto; display:table; margin:15px auto 0; }
#content ul#application li { float:left; width:280px; height:auto; margin-right:20px; margin-bottom:15px; }
#content ul#application li a { text-decoration:none; }
#content ul#application li a h3 { font-size:16px; color:#3f3f3f; text-align:center; background:#eee; padding:8px 0; transition:300ms ease all; }
#content ul#application li:last-child { margin-right:0; }
#content ul#application li img { width:100%; height:auto; border:2px solid #eee; padding:3px; display:table; transition:300ms ease all; }
#content ul#application li a:hover img { border:2px solid #de2b2b; }
#content ul#application li a:hover h3 { background:#de2b2b; color:#fff; }
#content #cleft ul { width:100%; margin:5px auto 20px; }
#content #cleft ul li { line-height:24px; font-size:14px; color:#3f3f3f; margin-left:20px; list-style:disc; padding-left:10px; }
#content #cleft ul.slist { width:48%; float:left; margin:5px auto 20px; }
#content #cleft ul.slist li { line-height:24px; font-size:14px; color:#3f3f3f; margin-left:20px; list-style:disc; padding-left:10px; }
section#map { width:100%; height:auto; margin:0; padding: 25px 25px 10px; background:url(../images/slider-gradient.png) repeat-x top; position:relative; }
section#map #map_canvas { width:100%; min-height:400px; height:auto; border: 1px solid #ccc; }
section#map #ccontent {
    position: absolute;
    top: 27px;
    left: 28px;
    z-index: 999;
    background: rgba(255,255,255,0.8);
    padding: 15px; border:1px solid #ccc;
}
/* Footer */
footer { background:#ac0e0f; min-height:185px; border-top:3px solid #bebfc1; margin-top:10px; display:table; width:100%;}
footer > div { float:left; padding:10px 5px; margin:10px 3.5%; }
footer > div h3 { font-size:15px; color:#f49696; line-height:25px; }
footer > div ul { font-size:13px; list-style:none; }
footer > div ul li { background:url(../images/bullets.png) no-repeat left center; line-height:24px; margin-left:3px; }
footer > div ul li a { color:#eee; text-decoration:none; padding-left:15px; display:block; transition:all ease 0.3s; }
footer > div ul li a:hover { color:#000; }
footer > div p { line-height:18px; font-size:13px; color:#eee; text-align:center; margin:10px auto; }
footer > div p a { color:#fdd000; font-size:12px; text-decoration:none; }
footer > div p a:hover { color:#ccc; }
footer > div ul.share { display:table; margin:10px auto; }
footer > div ul.share li { float:left; background:none; margin:0 3px; }
footer > div ul.share li a { background-image:url(../images/social-icons.png); background-repeat:no-repeat; height:24px; width:24px; display:block; text-indent:-99999px; transition:all ease 0.3s; }
footer > div ul.share li a.twit { background-position:0 0; }
footer > div ul.share li a.fb { background-position:-24px 0; }
footer > div ul.share li a.gplus { background-position:-48px 0; }
footer > div ul.share li a.linked { background-position:-72px 0; }
footer > div ul.share li a.twit:hover { background-position:0 -24px; }
footer > div ul.share li a.fb:hover { background-position:-24px -24px; }
footer > div ul.share li a.gplus:hover { background-position:-48px -24px; }
footer > div ul.share li a.linked:hover { background-position:-72px -24px; }