@charset "UTF-8";
/* Style CSS */

html, body {
	width:100%;
	height:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	font-family:'Calibri', sans-serif;
	font-size:12px;
	line-height:22px;
	background:none;
	background:url(../images/main-bg-light.jpg) repeat-y #fff center center;
	background-size:cover;
	background-attachment:fixed;
}
body.body_bg_dark {
	background:url(../images/main-bg.jpg) repeat-y #fff center center;
	background-size:cover;
	background-attachment:fixed;
}

img {
	max-width:100%;
}

.center_div {
	width:90%;
	height:auto;
	margin:0 auto;
	padding:0;
}

/* --- Header --- */
header.header_wrap {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	box-shadow:0 2px 2px #ddd;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}

/* Top Bar */
.top_bar {
	width:100%;
	height:6px;
	margin:0 auto;
	padding:0;
	background:#ffd900;
}

/* Header In */
.header_in_wrap {
	width:100%;
	height:100px;
	margin:0;
	padding:0%;
}

/* Logo */
.logo_wrap {
	width:auto;
	height:auto;
	vertical-align:middle;
	float:left;
	margin-top:10px;
	margin-left:20px;

}
.logo_wrap img {
	opacity:1;
	max-width:100%;
}

/* Header Right */
.h_right_wrap {
	float:right;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}

/* Menu Icon */
.menu_icon {
	width:50px;
	height:100px;
	margin:0;
	padding:0 20px;
	background:#ffd900;
	cursor:pointer;
	position:relative;
	display:none;
	background:url(../images/icon-menu.png) no-repeat #ffd900 center center;
}
.menu_icon:before {
    content:"";
    position:absolute;
    background: #ffd900;
    top:0;
    left:-10px;
    bottom: 0;
    width: 20px;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
}
.menu_icon:hover, .menu_icon:hover:before, .menu_icon_click:hover  {
	background-color:#ffdf5f;
}

.menu_icon_click {
	background:url(../images/icon-menu-close.png) no-repeat #ffd900 center center;
}

/* Navigation */
nav.nav_wrap {
	margin:0;
	padding:0;
	height:100px;
}

/* List */
ul.nav_list {
	width:auto;
	height:100%;
	margin:0 20px 0 0;
	padding:0;
	float:left;
}
ul.nav_list li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
ul.nav_list li a {
	font-family: 'Ruda', sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:normal;
	word-spacing:normal;
	display:inline-block;
	text-decoration:none;
	line-height:100px;
	margin:0;
	padding:0 25px;
	color:#000;
}
ul.nav_list li a:hover {
	background:#f5f5f2;
	color:#635400;
}
ul.nav_list li a.nav_current {
	text-decoration:underline;
	color:#a58c00;
}

/* Nav Social */
.nav_social {
	width:auto;
	height:100px;
	margin:0;
	padding:0 15px;
	background:#000;
	float:left;
	position:relative;
}
.nav_social a {
	display:inline-block;
	text-decoration:none;
	line-height:100px;
	padding:0 15px;
	float:left;
	position:relative;
	z-index:2;
}
.nav_social:before {
    content:"";
    position:absolute;
    background: #000;
    top:0;
    left:-10px;
    bottom: 0;
    width: 20px;
    -webkit-transform: skew(-10deg);
    -moz-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
	z-index:1;
}

.fb_hover, .fb_hover:before {
	background:#346DA6 !important;
}
.tw_hover, .tw_hover:before {
	background:#1CB7EB !important;
}
.lan_hover, .lan_hover:before {
	background:#DF5745 !important;
}

/* Translator */
.tran_wrap {
	position:absolute;
	top:110px;
	height:auto;
	right:10px;
	width:80px;
	background:#000;
	text-align:center;
	padding-top:10px;
	border-radius:4px;
	box-shadow:0 5px 10px #aaa;
	display:none;
}
.tran_wrap:before {
	width:80px;
	content:'';
	width:10px;
	height:10px;
	position:absolute;
	background:url(../images/drop-down-arrow.png) no-repeat;
	top:-10px;
	right:35px;
}
.trans_in {
	width:80px;
	margin:0!important;
	text-align:center;
	padding:0 !important;
}
.trans_in a {
	display:inline-block;
	margin:0 0 10px 3px;
	height:auto;
	padding:0 20px!important;
	line-height:10px !important;
}
.trans_in a img {
	width:25px !important;
	height:16px !important;
	opacity:1;
	border:none !important;
}
.trans_in a:hover img {
	opacity:0.8;
}

/* --- Header Margin Fix --- */
.margin_fix {
	width:100%;
	height:1px;
	margin:100px 0 0 0;
	padding:0;
}

/* --- Layout elements --- */
.box_t_f {
	width:calc( 68% - 60px );
	margin:0;
	padding:0 30px;
	height:auto;
	float:left;
}
.box_o_f {
	width:calc( 32% - 60px );
	margin:0;
	padding:0 30px;
	height:auto;
	float:left;
}

/* About Index */
.index_about {
	height:400px;
	margin:0;
	background: url(../images/t-f-bg.jpg) #000;
	background-size:cover;
	position:relative;
}
.index_about h1{
	color:#fff;
	font-size:30px;
	line-height:40px;
}
.index_about p{
	color:#fff;
	width:60%;
}
.index_about button.form_button {
	position:absolute;
	bottom:30px;
	left:30px;
}

/* List */
.list_content {
	margin:0 0 0 15px;
}

/* title  and content*/
.box_title {
	margin-top:50px;
}
.box_meta {
	color:#555;
}

/* --- Search --- */
.search_wrap {
	height:400px;
	margin:0;
}
.search_wrap button.form_button {
	margin:30px 0 0 0;
}

/* Catalogue */
.cat_wrap {
	height:400px;
	text-align:center;
}
.cat_wrap img {
	margin:20px 0 0 0;
}

/* Quality */
.qual_wrap {
	margin:0 2%;
	height:400px;
}

/* Contact Aside */
.aside_contact_wrap {
	height:400px;
	background: url(../images/o-f-bg.jpg) #000;
	background-size:cover;
}
.aside_contact_wrap h3.box_title, .aside_contact_wrap p.box_meta {
	color:#fff;
}
p.contact_info_aside, p.contact_info_aside a {
	color:#fff;
	font-family:'Ruda', sans-serif;
	font-weight:bold;
	margin:15px 0 20px 0;
	font-size:16px !important;
	line-height:26px !important;
	text-decoration:none;
	word-break:break-all;
}
p.contact_info_aside img {
	margin:0 10px 0 0;
	position:relative;
	top:7px;
}

/* Gradient */
.gradient_wrap {
	background: #f5f5f2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f5f5f2));
	background: -webkit-linear-gradient(#fff, #f5f5f2);
	background: -moz-linear-gradient(#fff, #f5f5f2);
	background: -ms-linear-gradient(#fff, #f5f5f2);
	background: -o-linear-gradient(#fff, #f5f5f2);
	background: linear-gradient(#fff, #f5f5f2);
}


/* --- Footer Map --- */
.map_wrap {
	width:100%;
	height:	220px;
	margin:0 auto;
	padding:0;
	background:#f1eee5;
	position:relative;
}

.map_wrap .map_in_wrap {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.address_wrap {
	display:inline-block;
	width:auto;
	height:220px;
	margin:0 0;
	padding:0 30px;
	background:#fff;
	position:relative;
}
.address_wrap h3 {
	margin:40px 0 0 0;
}
.address_wrap:after {
	content:'';
	width:16px;
	height:18px;
	position:absolute;
	background:url(../images/arrow-yellow.png) no-repeat;
	right:-16px;
	top:50%;
}

/* --- Footer Wrap --- */
.footer_wrap {
	margin:0;
	padding:10px 0;
	width:100%;
	height:auto;
	background:#000;
}
.footer_wrap p, .footer_wrap p a {
	font-family:'Calibri', sans-serif;
	margin:0;
	padding:0;
	color:#ccc;
	font-size:12px;
	line-height:22px;
	display:inline-block;
	font-weight:bold;
}
.footer_wrap p a {
	color:#09F;
}

/* --- Other Pages --- */

/* Main Title */
.main_title_wrap {
	width:100%;
	height:80px;
	margin:0;
	padding:30px 0;
	background:#f5f5f2;
}
.main_title_wrap h1 {
	line-height:80px;
	margin:0;
}
.main_title_wrap h1 img {
	margin:0 10px 0 0;
	position:relative;
	top:2px;
}

/* Main Content */
.main_content_wrap {
	height:auto;
	padding:40px 0;
}

/* Aside */
.aside_wrap {
	width:32%;
	float:right;
}
.aside_wrap .box_o_f {
	width:calc( 100% - 60px );
}

/* --- Product Page --- */
.product_row {
	width:calc( 100% - 40px );
	height:auto;
	margin:0 0 20px 0;
	padding:20px 20px 0 20px;
	position:relative;
	border-bottom:2px solid #ddd;
}

/* Img */
.prod_img_wrap {
	width:32%;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	background:#dfdfdf;
	overflow:hidden;
	text-align:center;
	float:left;
	position:relative;
}
.prod_img_wrap:after {
	content:'';
	position:absolute;
	background:url(../images/watermark.png) no-repeat center center;
	left:0;
	bottom:0;
	top:0;
	right:0;
}
.prod_img_wrap img {
	width:100%;
	height:auto;
	margin:0 0 -5px 0;
	padding:0;
}

/* Desc */
.prod_desc_wrap {
	width:calc( 100% - 35%);
	float:right;
	height:auto;
}
h4.prod_name {
	margin-top:0;
	padding:0;
	text-transform:none;
}
h4.product_count {
	font-size:18px;
	line-height:28px;
	color:#666;
	margin:20px 0 -10px 0;
}

/* Desc Table */
table.prod_desc_table {
	border:none;
	outline:none;
	margin:10px 0;
	padding:0;
	float:none;
	width:100%;
	height:auto;
	font-size:13px;
	line-height:23px;
	font-family:'Ruda', sans-serif;
}
table.prod_desc_table tr {
	display:block;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #ddd;
}
table.prod_desc_table tr:last-child {
	border-bottom:none;
}
table.prod_desc_table tr td {
	width:49%;
	height:auto;
	display:inline-block;
}
table.prod_desc_table tr td.desc_title {
	font-weight:bold;
	vertical-align:top;
}
table.prod_desc_table tr td.desc_data {
	font-family:'Raleway', sans-serif;
	font-weight:normal;
	vertical-align:top;
	letter-spacing:0.05em;
}

/* Stock */
.prod_stock {
	position:absolute;
	background:#999;
	width:auto;
	height:auto;
	padding:5px 10px;
	left:0;
	top:0;
	display:inline-block;
	z-index:99;
}
.prod_stock p {
	font-family:'Ruda',sans-serif;
	font-weight:bold;
	color:#fff;
	font-size:13px;
	line-height:23px;
	letter-spacing:normal;
	margin:0 0 0 5px;
	padding:0;
}
.prod_stock:after {
	content:'';
	width:10px;
	height:auto;
	position:absolute;
	right:-7px;
	top:0;
	bottom:0;
	background:#999;
	transform:skew(-10deg,0);
	z-index:1;
}

/* Stock colors */
.instock, .instock:after {
	background:#00b326;
}
.outstock, .outstock:after {
	background:#ff4141;
}

/* --- Contact Page --- */
.half_col {
	width:48%;
	float:left;
	height:auto;
	margin:0;
	padding:30px 0;
}

/* Contact Info */
.half_col_left {
	width:calc(48% - 40px);
	height:590px;
	padding-right:40px;
	float:left;
	background: #f5f5f2;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,255,255,0)), to(#f5f5f2));
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0), #f5f5f2);
	background: -moz-linear-gradient(90deg, rgba(255,255,255,0), #f5f5f2);
	background: -ms-linear-gradient(90deg, rgba(255,255,255,0), #f5f5f2);
	background: -o-linear-gradient(90deg, rgba(255,255,255,0), #f5f5f2);
	background: linear-gradient(90deg, rgba(255,255,255,0), #f5f5f2);
}
p.cnt_meta {
	margin:-10px 0 20px 0;
	color:#555;
	font-size:12px;
	line-height:22px;
}
p.contact_info {
	display:block;
	margin:15px 0 25px 0;
}
p.contact_info img{
	display:inline-block;
	margin:0 10px 0 0;
	vertical-align:top;
}
p.contact_info span {
	width:85%;
	vertical-align:top;
	display:inline-block;
	font-weight:600;
}
.sep_cnt {
	display:block;
	width:100%;
	height:2px;
	margin:30px 0;
	padding:0;
	background:#ddd;
}
img.social_icon {
	position:relative;
	top:0;
	margin:0 10px 10px 0;
}
img.social_icon:hover {
	top:-5px;
}

/* Contact Form */
.half_col_right {
	float:right;
}
.half_col_right button.form_button {
	float:right;
	margin:15px 0 0 0;
}

.sep_full {
	display:block;
	width:100%;
	height:2px;
	background:#ddd;
	margin:15px 0;
}

/* Prodcut Search Or */
.or {
	text-align:center;
	margin:-5px 0;
	text-transform:uppercase;
	font-weight:bold;
	color:#666;
}

/* About Spcl */
.abt_spcl {
	width:calc( 100% - 50px );
	height:auto;
	margin:10px 0;
	padding:20px 20px;
	text-align:center;
	background: url(../images/t-f-bg.jpg) no-repeat #000 center center;
	background-size:cover;
	border-left:10px solid #EEBF00;
}
.abt_spcl h3 {
	color:#fff;
	margin:0;
	box-shadow:0 0 10px #333;
}

/* --- Index Animation --- */
.anim_wrap {
	width:calc( 100% - 10px );
	height:100px;
	margin:0 auto;
	padding:50px 0;
	background:url(../images/t-f-bg-2.jpg) #000 no-repeat top center;
	background-size:cover;
	border-left:10px solid #EEBF00;
}
.rw-wrapper{
	width:100%;
	position: relative;
	margin: 0 auto 0 auto;
}
.rw-words{
	display: inline;
}
.rw-words-1 span{
	width:90%;
	text-indent:40px;
	line-height:100px;
	margin:0 0;
	padding:0;
	text-decoration:none;
	position: absolute;
	opacity: 0;
	overflow: hidden;
	-webkit-animation: rotateWord 12s linear infinite 0s;
	-ms-animation: rotateWord 12s linear infinite 0s;
	animation: rotateWord 12s linear infinite 0s;
	color:#fff;
}
.rw-words-1 span img {
	max-width:100%;
}
.rw-words-1 span:nth-child(2) {
    -webkit-animation-delay: 4s;
	-ms-animation-delay:4s;
	animation-delay: 4s;
}
.rw-words-1 span:nth-child(3) {
    -webkit-animation-delay: 8s;
	-ms-animation-delay:8s;
	animation-delay: 8s;
}
.rw-words-1 span:nth-child(4) {
    -webkit-animation-delay: 9s;
	-ms-animation-delay: 9s;
	animation-delay: 9s;
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	7% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	22% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	7% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	22% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	7% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	22% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 768px){
	.rw-sentence { font-size: 18px; }
}
@media screen and (max-width: 320px){
	.rw-sentence { font-size: 9px; }
}

/* --- Transition Elements --- */
.logo_wrap img, .nav_social a, .fb_hover, .fb_hover:before, .tw_hover, .tw_hover:before, .lan_hover, .lan_hover:before, .nav_click, .menu_icon_click, button.form_button, img.social_icon, input.form_input  {
	transition:all 0.2s;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition:all 0.2s;
}

a.link-style{
	color: #1066bd;
 	font-family:'Ruda',sans-serif;
	text-decoration: underline;
}