/*** Tags ***/
html { background-color: #fff; color: #fff; font-family: Arial, sans-serif; font-size: 12px; }
body { margin: 0; }
video { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: #fff; }
a:hover, a:focus { color: #333; }
img { max-width: 100%; height: auto; }

h1, h2, h3, h4, h5 { margin: 1em 0; }
h1 { font-size: 1em; margin: 0; }
h2, .highlight-1 { font-size: 3em; line-height: 1.5; font-weight: 200; }
h3 { font-size: 1.4em; line-height: 1.5; }
h4 { font-size: 1.2em; line-height: 1.5; color: #333; }
h5 { font-size: 1.083em; line-height: 1.5; color: #555; }
h6 { font-size: 1em; line-height: 1.5; margin: 1em 0; }

input, textarea, select { font-family: Arial, sans-serif; font-size: 12px; box-sizing: border-box; }
select option:disabled { color: #ddd; }

blockquote { position: relative; margin-left: 0; padding-left: 2em; }
blockquote:before { content: '"'; font-size: 4em; position: absolute; left: 0em; top: -.3em; }

address { font-style: normal; }

iframe { display: block; }

/*** Colors ***/

/* Text */
.text-tagerine, #main .text-tagerine { color: #f18e00; }
.text-red { color: #f00; }

/* Background */
.background-tagerine,
	html,
	#home-header,
	#home-footer { background-color: #f18e00; }

/* Background gradient */


/*** Image alignment ***/


/*** Text styles ***/


/*** Layout formating ***/
/* Text aligment */
.text-right { text-align: right; }
.text-center { text-align: center; }

/* Block alignment */
.aside-right { float: right; margin-left: 1.5em; margin-bottom: 1.5em; }

/* Lists */
.list-1,
	.menu,
	.sub-menu,
	#slider1Content { margin: 0; padding: 0; list-style: none; }

.list-2 > li { margin-bottom: 1em; }


/* Generic */
.central-column { max-width: 1000px; margin-left: auto; margin-right: auto; }

.mouse-over-effect > .mouse-out { display: block; }
.mouse-over-effect > .mouse-over { display: none; }
.mouse-over-effect:hover > .mouse-out, .mouse-over-effect:focus > .mouse-out { display: none; }
.mouse-over-effect:hover > .mouse-over, .mouse-over-effect:focus > .mouse-over { display: block; }

.director { display: flex; padding: 20px 0 20px; border-bottom: 2px solid #f18e00; }
.director .image { width: 160px; flex-shrink: 0; margin-top: 6px; }
.director .text { margin-left: 20px; }
.director .text h4 { margin: 0; color: #666; }
.director .text .designation { color: #666; font-weight: bold; }

.director.mgmt .text { margin: 0; }
.director.mgmt .text .designation { font-weight: normal; }

.contact-form { margin: 80px 0; }
.contact-form .submit { margin-left: 130px; }
.form-row { display: flex; margin: 10px 0; }
.form-row label { width: 130px; }

#site-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; position: relative; }

#language-selector { position: absolute; top: 4px; right: 0; }
#language-selector a { color: #333; }

#menu-main-nav-container {  }
#menu-main-nav-container a { white-space: nowrap; }

#menu-main-nav-container .menu > li { margin: 0 5px; position: relative; }
#menu-main-nav-container .menu > li:last-child { margin-right: 0; }

#menu-main-nav-container .menu > li > a { text-transform: uppercase; padding: 3px 5px; color: #333; font-weight: bold; font-size: 12.667px; }
#menu-main-nav-container .menu > li:hover > a , #menu-main-nav-container .menu > li:focus > a { color: #fff; }
#menu-main-nav-container .menu > li:last-child > a { padding-right: 0; }

#menu-main-nav-container .sub-menu { display: none; position: absolute; text-align: left; background: #666; margin-top: 3px; }
#menu-main-nav-container .sub-menu a { display: block; padding: 5px 8px; color: #ccc; }


#menu-main-nav { display: flex; text-align: center; }
#menu-main-nav {}

#menu-main-nav-toggler:before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='white' d='M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z'></path></svg>"); }

#hero { margin-bottom: 20px; }
#hero img { display: block; }

#body { display: flex; }

#body > aside { flex-shrink: 0; margin-left: 20px; }
#body > aside a { display: block; margin-bottom: 5px; }

#site-footer { margin: 30px 10px 10px; }
#site-footer > div { font-size: 10px; display: flex; justify-content: space-between; }

#main { background: #fff; color: #555; padding: 20px 20px 40px; border-radius: 20px; flex-grow: 1; }
#main a { color: #555; }
.cn #main { line-height: 22px; }
.cn #main p { margin-bottom: 1.4em; }

#back-to-top { margin: 30px 0 -15px; }

/* Slider */
.slider1Image { width: 100%; height: 100%; background: center / cover; }
.slider1Image img { width: 100%; display: block; }
.slider1Image .left { overflow-y: scroll; scrollbar-width: none; padding-top: 100px; padding-bottom: 100px; }
.slider1Image .left::-webkit-scrollbar { display: none; }

.cn .slider1Image span { line-height: 22px; }

/* Home */
#home-footer { padding: 12px; position: fixed; left: 0; bottom: 0; width: 100%; box-sizing: border-box; }
#home-footer #site-footer { margin-top: 10px; }

/* modifiers */
.margin-top-0 { margin-top: 0; }
.margin-top-2x { margin-top: 2em; }

.margin-bottom-0 { margin-bottom: 0; }

.font-size-14 { font-size: 14px; }
.font-size-15 { font-size: 15px; }

/*** min-width ***/
@media ( min-width: 881px ) {
	#menu-main-nav-container .sub-menu a:hover, #menu-main-nav-container .sub-menu a:focus { color: #fff; background: #000; }

	#menu-main-nav-container .menu-item-has-children:hover > .sub-menu { display: block; }
}

/*** max-width ***/
@media ( max-width: 1300px ) {
	.slider1Image .left { width: 40% !important; }
}

@media ( max-width: 1040px ) {
	.central-column { margin-left: 15px; margin-right: 15px; }
}

@media ( max-width: 1000px ) {
	#menu-main-nav-container .menu > li { margin: 0; }
}

@media ( max-width: 960px ) {
	#menu-main-nav-container .menu > li > a { text-transform: none; }
}

@media ( max-width: 880px ) {
	/* Main Nav */
	#menu-main-nav-toggler { display: inline-block; cursor: pointer; width: 25px; height: 25px; position: relative; text-align: center; margin-right: 0 !important; color: #fff; }
	div#menu-main-nav-toggler:before { content: ''; width: 25px; height: 25px; position: absolute; z-index: 2; left: 0; top: 0; background-size: 2em 2em; }

	#menu-main-nav > .current-menu-parent > a,
		#account-nav .account a:hover { background: none; }

	#menu-main-nav-container .menu > li { margin: 10px 0; }
	#menu-main-nav-container .menu > li > a { font-size: 1.1em; color: #fff; }
	#menu-main-nav-container .sub-menu { padding: .5em 0 .5em .8em; position: static; background: none; border: none; box-shadow: none; }
	#menu-main-nav-container .sub-menu > li { margin: 4px 0; }
	#menu-main-nav-container .menu > li > .sub-menu { display: none; }
	#menu-main-nav-container .sub-menu a:hover { color: #fff; }
	#menu-main-nav-container .menu .sub-menu .sub-menu,
		#menu-main-nav-container .menu li:hover .sub-menu .sub-menu { display: block; }
	#menu-main-nav-container .sub-menu .sub-menu a { text-transform: none; }

	
	#menu-main-nav .sub-menu a { text-transform: none; font-weight: normal; padding: 0; color: #fff; }
	
	#menu-main-nav-container .menu-item-has-children .opener { display: inline-block; font-size: 1.1em; width: 7px; cursor: pointer; color: #fff; margin-left: -10px; }
	#menu-main-nav-container .menu-item-has-children .opener:before { content: '+'; }
	#menu-main-nav-container .menu-item-has-children.open .opener:before  { content: '-'; }
	#menu-main-nav-container .menu-item-has-children.open > .sub-menu { display: block; }
	
	#menu-main-nav-popup-toggler { position: absolute; top: 0; right: 1.7em; cursor: pointer; z-index: 1; }
	#menu-main-nav-popup-toggler:before { font-size: 2em; font-weight: bold; content: "×"; }
	#menu-main-nav-popup-toggler:hover { text-shadow: 0 0 3px #fff; }
	
	#menu-main-nav-popup-container { display: none; position: fixed; top: 0; right: 0; z-index: 10; height: 100%; padding: 1.5em 1em .5em 1.5em; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; background: rgba(0, 0, 0, .9); color: #fff; width: 19em; flex-wrap: wrap; align-content: flex-start; }
	#menu-main-nav-popup-container a { color: #fff; }
	#menu-main-nav-popup-container a:hover,
		#menu-main-nav-popup-container a:focus { text-shadow: 0 0 3px #fff; }

	#menu-main-nav-popup-container .alt a,
	#menu-main-nav-popup-container .alt:hover a { background-color: #F42C51; color: #fff; margin-top: 1em; }

	#menu-main-nav-popup-container .opener { color: #fff; }
	#menu-main-nav-container.main-nav-on #menu-main-nav-popup-container { display: block; }
	
	#menu-main-nav { display: block; text-align: left; }
	#menu-main-nav > .current-menu-item > a,
		#menu-main-nav > li:hover > a { background: transparent; }

	#menu-main-nav a { padding: .2em 0; }
		
	#product-category-nav .menu a { border: none; display: inline-block; padding: 0.2em 0; }

	#main-nav { margin-left: 0; }
	#main-nav .menu { display: block; }

	#main-nav .menu > li > a { padding: 0; display: inline-block; }

	#main-nav .sub-menu { box-shadow: none; }
	#main-nav .sub-menu li { padding: 0; }
	#main-nav .sub-menu a { border: none; padding: 0.2em 0; }

	#menu-main-nav .cart.menu-item a { color: #fff; }
	
	/* Main nav - Icon */
	#menu-main-nav .my-account a:before,
	#menu-main-nav .cart a:before,
	#menu-main-nav .check-out a:before,
	.quick-contact .email:before,
	.quick-contact .phone:before { font-family: 'Font Awesome 5 Pro'; font-weight: normal; display: inline-block; width: 1.5em; text-align: center; margin-right: .2em; }
}

@media ( max-width: 700px ) {



	#body { display: block; }
	#body > aside { margin: 20px 0 0; display: flex; justify-content: space-between; }
	#body > aside > * { width: 31%; }
}

@media ( max-width: 600px ) {
	.slider1Image .left { width: 90% !important; left: 5%; box-sizing: border-box; }
}

@media ( max-width: 500px ) {
	.director { display: block; }
	.director .text { margin: 0; }

	.contact-form .submit { margin-left: 0; }
	.form-row { display: block; }
	.form-row label { display: block; }
	.form-row input, .form-row textarea { width: 100%; }

	#site-footer > div { display: block; text-align: center; }
	#site-footer > div > * { margin: 5px 0; }
}

@media ( max-width: 400px ) {

}