/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)*/
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; }

/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #a9a7a5;
	background-color: #120F0C;
	}

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-weight: normal; /*line-height: 1em; */ }

h2 { font-size: 14px; /*margin-bottom: 10px;*/ }

h2, h3, h4 { line-height: 24px; }

/* Text elements
-------------------------------------------------------------- */
p { /*margin: 0 0 0.7em; line-height: 18px;*/ }

a, a:visited { color: #b4b4b4; text-decoration: none; cursor: pointer; outline: none; }

a:focus, a:hover { outline: none; color: #fff; }

blockquote { margin: 1.5em; color: #fff; font-style: italic; }

strong, dfn { font-weight: bold; }

em, dfn { font-style: italic; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

strong.hilite_txt { color: #05A1E4; }

/* Lists
-------------------------------------------------------------- */
ul, ol { /*margin: 0.5em 1em 1em 0; padding-left: 1.5em; line-height: 18px; */ }

ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }

dd { margin-left: 1.5em; }

/* Tables
-------------------------------------------------------------- */
/*
	Because of the need for padding on TH and TD, the vertical rhythm
	on table cells has to be 27px, instead of the standard 18px or 36px
	of other elements. */
table { margin-bottom: 5px; width: 100%; }

th { font-weight: bold; }

thead th { background: #f2e7d4; }

tfoot { font-style: italic; }

caption { background: #eee; }

.hidden_txt { text-indent: -9999px; line-height: 0; font-size: 0; }

.red { color: red; }

.blue { color: #0093dd; }

.orange { color: #ed8b00; }

.gray { color: #808080; }

* { padding: 0; margin: 0; }

html, body { height: 100%; }

.clear { clear: both; }

.no-border { border: none !important; }

.no-border-right { border-right: none !important; }

.no-border-left { border-left: none !important; }

.no-margin-right { margin-right: 0px !important; }

.no-margin-left { margin-left: 0px !important; }

.no-padding-left { padding-left: 0px !important; }

.no-padding-right { padding-right: 0px !important; }

.no-bg { background: none !important; }

.float-right { float: right !important; }

.float-left { float: left !important; }

.bold { font-weight: bold !important; }

.textInput { display: block; }

.hide { display: none !important; }

/* USING FOR SITE WITHOUT SLIDE IMAGE*/
.odd { background-color: #eeeeee !important; }

.clear-fix:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

* html .clear-fix { zoom: 1; }

/* IE6 */
*:first-child + html .clear-fix { zoom: 1; }

/* IE7 */
.grd-green { border: 1px solid #8db30a; background-color: #a9c644; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA9C644', endColorstr='#FF6E8C08'); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YzY0NCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjODlhODIyIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM3Nzk3MDgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZThjMDgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a9c644), color-stop(50%, #89a822), color-stop(51%, #779708), color-stop(100%, #6e8c08)); background: -webkit-linear-gradient(top, #a9c644 0%, #89a822 50%, #779708 51%, #6e8c08 100%); background: -moz-linear-gradient(top, #a9c644 0%, #89a822 50%, #779708 51%, #6e8c08 100%); background: -o-linear-gradient(top, #a9c644 0%, #89a822 50%, #779708 51%, #6e8c08 100%); background: linear-gradient(top, #a9c644 0%, #89a822 50%, #779708 51%, #6e8c08 100%); }

.grd-black { border: 1px solid #6d6d6d; background-color: #6c6c6c; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF6C6C6C', endColorstr='#FF262626'); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjNmM2YyIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNTE1MTUxIi8+PHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMzYjNiM2IiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjI2MjYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6c6c6c), color-stop(50%, #515151), color-stop(51%, #3b3b3b), color-stop(100%, #262626)); background: -webkit-linear-gradient(top, #6c6c6c 0%, #515151 50%, #3b3b3b 51%, #262626 100%); background: -moz-linear-gradient(top, #6c6c6c 0%, #515151 50%, #3b3b3b 51%, #262626 100%); background: -o-linear-gradient(top, #6c6c6c 0%, #515151 50%, #3b3b3b 51%, #262626 100%); background: linear-gradient(top, #6c6c6c 0%, #515151 50%, #3b3b3b 51%, #262626 100%); }

.container { overflow: hidden; }

.fll { float: left; }

.flr { float: right; }

.img-temp { margin: 0 0 10px 0; }

/***************** SETTING WIDTH FOR HEADER - CONTENT - FOOTER  ********************/
.container {
	width: 100%;
	height: auto;
	}
.header, .header-bg-change, .slider, .content, .footer   {
	width: 100%; 
	margin: 0px auto; 
	}
.w-content { 
	width: 960px; 
	margin: 0px auto; }
.header {
	background-image: url(../images/bg-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 120px;
    }
.slider {
	background-image: url(../images/bg_slider.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 400px;
	background-color: #1c1813;
	}
.content {
	background-color: #1c1813;
	border-top: 1px #594f42 solid;
	overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
	}
.footer {
	height: 50px;
	background-color: #120f0c;
	border-top: 1px #594f42 solid;
	line-height: 50px;
	color: #7C7A77;
	}
.footer a {
	float: right;
	}
.footer span {
	float: left;
	}
h4 {
	font-size: 16px;
	color: #ffc001;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/***************** HEADER SETTING ********************/
.header-bg-change {
	background-image: url(../images/bg_change.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 110px;
	}
#logo{
	background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
	width: 125px;
	height: 85px;
    text-indent: -9999px;
	float:left;
	margin-top: 17px;
	}
.main-menu {
    float: right;
    margin-top: 65px;
	height: 14px;
	}
.main-menu li {
    display: inline;
    float: left;   
  	text-align: right;
    vertical-align: middle;
	}
.main-menu li a {
	margin-left: 26px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
	}
.main-menu li a:hover, .main-menu li a:active {
	color: #ffc001;
}
.active-page{
	color: #ffc001 !important;
}
p {
	font-size: 12px;
    line-height: 19px;
	margin-top: 8px;
	}

/*****************SILDE SETTING *********************/
.camera_next{display:none !important;}
.camera_prev{display:none !important;}
.camera_target_content{width:963px !important;}
#camera_wrap_1{margin-bottom:30px !important;}


/***************** CONTENT SETTING *********************/
.content-text-left {
	background: #342e27;
	border:	1px #594f42 solid;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 436px;	
	float: left;
	padding: 17px;
	position: relative;
	}
h3 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
    }
.content-img-right {
	background: #342e27;
	border:	1px #594f42 solid;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 445px;
	float: right;
	padding: 15px;
	}
/********** FIITER IMAGE GRAY *********/
/*.filter-img{
	width: 212px;
	height: 113px;
	float: left;
    margin-bottom: 10px;
    margin-left: 15px;
	cursor: pointer;	
	}*/
 /* ------------------------- */
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
svg {
	width: 212px;
	height: 113px;
	cursor: pointer;
}
svg.class1 {
    background: url(../images/medal_01.jpg);
}
svg.class2 {
    background: url(../images/medal_02.jpg);
}
svg.class3 {
    background: url(../images/medal_03.jpg);
}
svg.class4 {
    background: url(../images/medal_04.jpg);
}
svg image {
    transition: all .6s ease;
}
svg image:hover {
    opacity: 0;
}
.m-r-15 {margin-right: 15px;}
.m-b-10 {margin-bottom: 10px;}
.m-b-15 {margin-bottom: 15px;}



/********** BUTTON *********/
.bt-contact-os, .bt-send-for {
	background-color: #8d8172;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    color: #FFFFFF !important;
    padding: 10px 10px 10px 20px;
    text-transform: uppercase;
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	}
.bt-contact-os{
	display: inline-block;
	margin-top: 10px;}
.bt-send-for {	
    display: inline-block;
    margin-top: 15px !important;
    }
.bt-contact-os:hover, .bt-send-for:hover {
	background-color:#ffc001;
	color: #1C1813 !important;	/*UPDATE*/
	}
.rec {
	background-color: #FFFFFF;
    display: inline-block;
    height: 4px;
    margin-bottom: 2px;
    margin-left: 8px;
    margin-right: -4px;
    width: 9px;
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	}
.arrow {
	border-color: transparent transparent transparent #FFFFFF;
    border-style: solid;
    border-width: 6px;
    display: inline-block;
    height: 0;
    left: 0;
    line-height: 0;
    margin-top: -2px;
    position: relative;
    vertical-align: middle;
    width: 0;
	transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	}
.bt-contact-os:hover .rec, .bt-send-for:hover .rec  {background-color: #584201;}
.bt-contact-os:hover .arrow , .bt-send-for:hover .arrow{	border-color: transparent transparent transparent #584201;}


/***************** OM-OS PAGE SETTING *********************/
.omos {
	background: none repeat scroll 0 0 #342E27;
    border: 1px solid #594F42;
    border-radius: 7px ;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	overflow: hidden;
	padding: 20px;
	}
.left-img{
	border: 1px solid #FFFFFF;
    float: left;
    height: 415px;
    margin: 0 25px 10px 0;
    width: 280px;
	}
.omos h3 {
	letter-spacing: 1px;
	line-height: 32px;}
.omos p {
	line-height: 18px;
	}
.m-t-20 {margin-top: 20px !important;}
.m-t-25 {margin-top: 25px !important;}

/***************** CONTACT SETTING *********************/
.contact-left span {
	display: block;
    font-weight: bold;
    margin-top: 25px ;
	color: #fff;
}
h5 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.red-b {
	color: #FF0000;
	font-weight: bold;
	font-size: 17px;
}
.contact-left {
	float: left;
	width: 450px;
	margin-right: 20px;
	}
.contact-form-right {
	float: right;
	width: 450px;
	
}
.contact-form-right form input {
	width: 380px;
	height:  28px;
	padding: 0 2px;
	color: #393530;
	border: 1px solid #7b6e5b;
	background-image: url(../images/bg_input.jpg);
	background-color: #fff;
	background-repeat: repeat-x;
}
.content label {
	font-weight: bold;
    color: #fff;
	margin-right: 3px;
	line-height: 30px;
}
.contact-form-right form textarea {
    height: 90px;
    width: 380px;
	padding: 4px 2px;
	color: #393530;
	border: 1px solid #7b6e5b;
	background-image: url(../images/bg_textareae.jpg);
	background-color: #fff;
	background-repeat: repeat-x;
}



/***************** SETTING *********************/
/***************** SETTING *********************/
/***************** SETTING *********************/
@media only screen and (max-width: 1140px) {
 p { 
 font-size:8px !important;
 line-height: 9px !important;
 }
 .content-text-left {line-height: 21px !important;
}