html,body,p,input {position: relative; font-family: 'Roboto', sans-serif; font-size: 14px; margin: 0; padding: 0; height: 100%; color: #111;}
img {border: 0}
a, a:visited {text-decoration: none; color: #3e9c3b; transition: .5s}
a:hover {color: #d77943;}

.floating-form {
	font-family:Arial, Helvetica, sans-serif;
  width:40%;
  margin: 40px 0;
  background: #f5f5f5;
  padding: 40px;
}

/****  floating-Lable style start ****/
.floating-label { 
  position:relative; 
  margin-bottom:20px; 
}
.floating-input , .floating-select {
  font-size:14px;
  padding:14px 14px;
  display:block;
  width:100%;
  heig/ht:30px;
  background-color: transparent;
  border:none;
  border:1px solid #757575;
}

.floating-input:focus , .floating-select:focus {
     outline:none;
     border-bottom:2px solid #5264AE; 
}

label {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:5px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top:-18px;
  font-size:14px;
  color:#5264AE;
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-18px;
  font-size:14px;
  color:#5264AE;
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

*, *:before, *:after {
-webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-textarea {
   min-height: 245px;
   max-/height: 260px; 
   overflow:scroll;
  overflow-x: hidden; 
}

/* highlighter */
.highlight {
  position:absolute;
  height:50%; 
  width:100%; 
  top:15%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#5264AE; }
  to 	{ width:0; background:transparent; }
}

/****  floating-Lable style end ****/
.yc {text-align: left; margin: 0 0 20px 0; font-weight: 700; color: #666}
.sm {float: left; border: none; 1px solid #999; border-radius: 5px; background: 999; color: #fff; padding: 10px 30px; transition: all .5s ease;  -webkit-appearance: none;}
.sm:hover {background: #390; color: #fff;}

.coun/ter {position: absolute; bottom: 20px; right: 0; width: auto; padding: 10px; background: #dfdfdf; border-radius: 10px; margin: 0 0 0 0}
.counter td {font-size: 10px; font-/weight: 700; padding: 0px 5px; backgr/ound: #6699cc; color: #111; borde/r-bottom: 2px solid #fff}
.counter img {margin: 0 0px 0 0px;}
.counter tr:nth-child(2) td { bord/er-top: 1px solid #eee}
.counter td:nth-child(3) {text-align: right}

.paginate {
font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 10px 0 30px 0;
}
.paginate a {
	padding: 5px 10px;
	margin:2px;
	border:1px solid #999;
	border-radius: 5px;
	text-decoration:none;
	color: #666;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	border-radius: 5px;
	color: #000;
}
.paginate span.current {
    margin: 2px;
	padding: 5px 10px;
	border: 1px solid #999;		
	border-radius: 5px;
		font-weight: bold;
		background-color: #999;
		color: #FFF;
	}
.paginate span.disabled {
		padding:5px 10px;
		margin:2px;
		border:1px solid #eee;
	border-radius: 5px;
		color:#DDD;
	}

/*ToTop*/
.ui-to-top {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 100;
	width: 48px;
	height: 48px;
	border-radius: 6px;
	color: #fff;
	background: #ebb85e;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	transition: transform 0.45s ease-in-out, background 0.3s cubic-bezier(0.2, 1, 0.3, 1);
	trans/form: translate3d(0, 100px, 0);
}

.ui-to-top::before, .ui-to-top::after {
	content: '^';
	font-family: 'Material Design Icons';
	font-size: 20px;
	line-height: 48px;
	vertical-align: middle;
	transition: transform 0.3s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.3, 1);
}

.ui-to-top::before {
	display: block;
}

.ui-to-top::after {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	opacity: 0;
	transform: translate3d(0, 0, 0);
}

.ui-to-top:hover::before {
	opacity: 0;
	transform: translate3d(0, -30%, 0);
}

.ui-to-top:hover::after {
	opacity: 1;
	transform: translate3d(0, 0, 0) translateY(-50%);
}

.ui-to-top:hover {
	color: #fff;
	background: #eec275;
	text-decoration: none;
}

.ui-to-top:focus {
	color: #fff;
}

.ui-to-top.active {
	transform: translate3d(0, 0, 0);
}
/* 	.caption {
		position: absolute;
		float: left; 
		width: 500px;
		line-height: 50px;
		to/p: 50%; left: calc(50% - 250px); rig/ht: auto;
		font-size: 1.2em;
		text-transform: uppercase;
		background: url(../images/g70.png);
		border-radius: 70px;
		pad/ding: 10px 30px;
		color: #efefef;
		font-family: Arial, Helvetica, sans-serif;
		font-/weight: 700;
		text-align: center;
		z-index: 9;
    -webkit-animation-name: caption; 
    -webkit-animation-duration: 1s; 
    animation-name: caption;
    animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
	.caption1 {displ/ay: none;
		opacity:0;
		position: absolute;
		float: left; 
		width: 400px;
		line-height: 50px;
		to/p: 50%; left: calc(50% - 200px); rig/ht: auto;
		font-size: 1.2em;
		text-transform: uppercase;
		background: url(../images/g70.png);
		border-radius: 70px;
		pad/ding: 10px 30px;
		color: #efefef;
		font-family: Arial, Helvetica, sans-serif;
		font-/weight: 700;
		text-align: center;
		z-index: 9;
    -webkit-animation-name: caption; 
    -webkit-animation-duration: 1s; 
    animation-name: caption1;
    animation-duration: 1s;
	animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.caption2 {
		opacity:0;
		position: absolute;
		float: left; 
		width: 720px;
		line-height: 100px;
		to/p: 50%; left: calc(50% - 360px); rig/ht: auto;
		text-align: center;
		background: url(../images/br70.png);
		font-size: 2.75em;
		text-transform: uppercase;
		color: #efefef;
		border-radius: 70px;
		z-index: 9;
	-webkit-animation-name: caption2;
    -webkit-animation-duration: 2s; 
    -webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
    animation-name: caption2;
    animation-duration: 2s;
	animation-delay: 3s;
	animation-fill-mode: forwards;
}

Standard syntax 
	@keyframes caption {0%   {opacity: 0;top: calc(45% - 25px);}	100% {opacity: 1;top: calc(35% - 25px);}}
	@keyframes caption1 {0%   {opacity: 0;bottom: calc(45% - 25px);}	100% {opacity: 1;bottom: calc(35% - 25px);}}
	@keyframes caption2 {0%   {opacity: 0;top: calc(40% - 50px);}    100% {opacity: 1;top: calc(50% - 50px);}}

@media screen and (max-width : 1400px){
.caption2 {line-height: 80px; margin: 10px 0;}
.caption,.caption1 {line-height: 40px!important; margin: -10px 0;}
}
@media screen and (max-width : 760px){
.caption,.caption1 {width: 70%;	height: 27px!important;	line-height: 30px!important; margin: 0; left: calc(50% - 35%); rig/ht: auto; font-size: .8em;}
.caption2 {width: 80%; line-height: 50px; left: calc(50% - 40%); margin: 0; font-size: 1.2em;}
	@keyframes caption2 {0%   {opacity: 0;top: calc(40% - 25px);}    100% {opacity: 1;top: calc(50% - 25px);}}
}
*/


	.caption {
		position: absolute;
		float: left; 
		widt/h: 520px;
		line-height: 28px;
		height: 120px;
		bottom: 45px; le/ft: 0; left: 0;
		font-size: 18px;
		text-transform: uppercase;
		background: url(../images/g50.png);
		border-top-right-radius: 70px;
		border-bottom-right-radius: 70px;
		padding: 20px 30px;
		color: #efefef;
		font-family: Arial, Helvetica, sans-serif;
		font-/weight: 700;
		text-align: left;
		z-index: 9;
    -webkit-animation-name: caption; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: caption;
    animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.caption div,.caption img {white-space: nowrap;
    opacity: 0;
	-webkit-animation-name: caption1; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */
	-webkit-animation-fill-mode: forwards;
    animation-name: caption1;
    animation-duration: 2s;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}
.caption div:nth-child(4) {font-size: 1.5em}
	
/* Safari 4.0 - 8.0 */
@-webkit-keyframes caption {
    0%   {left: -50%;}
    100% {left: 0;}
}
@-webkit-keyframes caption1 {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes caption {
    0%   {left: -50%;}
    100% {left: 0;}
}
@keyframes caption1 {
    0%   {opacity: 0;}
    100% {opacity: 1;}
}












	.swiper-container {
      position: relative;
	  width: 100%;
      height: 100%;
    }
    .swiper-slide {
      background-position: center!important;
      background-size: cover;
    }
.top {dis/play: none; z-index: 999; width: 100%; height: 100px; position: fixed; top: 0; background: #fff; border-bottom: 1px solid #eee; opa/city: .7}
.add1 {position: relative; position: absolute; top: 10px; right: 0; font-size: 12px; font-weight: 700; line-height: 30px; background: #d77943;padding: 0 60px; margin-top: -10px; border-bottom-left-radius: 30px}
.top1 {position: relative; width: 1200px; text-align: right; height: 100px; backgr/ound: #f00}
.logo {float: left; height: 80px; margin: 10px 0 0 0}
.logo1 {float: left; text-align: left; line-height: normal; margin: 20px 0 0 20px; font-size: 1.3em; color: #3e9c3b; font-family: Arial; font-weight: 700; }
.logo1 p {color: #c2171f; font-size: .9em!important; margin: 0}
.lang {float: right; margin: -3px 20px 0 0;}
.lang img {width: 30px; height: 30px; border-radius: 30px}
.call,.call:hover {float: right; line-height: 40px; font-family: "Times New Roman", Times, serif; background: #d77943; padding-right: 10px; margin: 10px 0 0 0; border-top-left-radius: 50px; border-bottom-left-radius: 50px; font-size: 1.25em; color: #fff; font-weight: 700; marg/in: 10px 0 0 0; text-decoration: none}
.call img {dis/play: none; float: left; height: 30px; margin: 5px; border-radius: 30px; border: 2px solid #fff;}
.menu {posi/tion: absolute; bot/tom: 0px; rig/ht: 0px; z-i/ndex: 99999}
.page {dis/play: none; width: 1200px; overflow: hidden; hei/ght: 300px; paddin/g-top: 50px; backgr/ound: #fff; padding: 0; }
.page1000 {width: 1000px}
.content {text-align: left; margin: 40px 0; min-height: 500px}
.slide {height: calc(70% - 100px); width: 100%; margin-top: 80px;}
.d50 {float: left; width: 50%; heig/ht: 340px; text-align: left; padd/ing: 0 2%;}
.d25 {float: left; width: 25%; heig/ht: 340px; text/-align: left; padd/ing: 0 2%;}
.d25:nth-child(odd) {float: left;}
.d25:nth-child(even) {float: right;}
.gt {margin: 20px; padding: 20px; font-size: 20px; color: #333; border: 1px solid #ddd; border-radius: 5px;}
.gt p {margin: 10px; text-align: left; margin: 10px 0 20px 0}
.gt p:first-child {font-si/ze: 22px; text-al/ign: center; font-weight: 700;}
vi/deo {width: 100px; height: 100%; background: #eee;}
.video {max-width: 270px; max-height: 270px; margin: 5%;}
.home-title {text-align: center; text-transform: uppercase; font-/weight: 700; font-size: 1.5em; margin: 50px 0 20px 0; color: #3e9c3b}
.home-title1 {float: left; text-/align: center; text-/transform: uppercase; font-/weight: 700; font-size: 1.2em; margin: 50px 0 20px 0; color: #111}
.page-title {text-align: left; text-transform: uppercase; font-/weight: 700; font-size: 1.75em; margin: 0px 0; color: #3e9c3b}
.more {float: right; text-decoration: none; display: block; padd/ing: 8px 20px; text-align: center; border-/radius: 5px; line-height: 30px; background: #3e9c3b; color: #fff; text-transform: uppercase; font-wei/ght: 700; margin: 20px 0 20px 0; transition: .5s}
.more:hover {background: #d77943; col/or: #111;}
.more1 {float: right; }
.more1 a {display: block; transition: .5s; background: #ddd; border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding: 10px 30px; color: #111; font-size: 14px; text-decoration: none; }
.more1 a:hover {background: #3e9c3b; color: #fff; }
.more2 {position: absolute; width: 100px; line-height: 40px; bottom: 10px; right: calc(50% - 50px)!important; background: #3e9c3b url(none); color: #fff; text-transform: uppercase; font-wei/ght: 700; transition: .5s; clear: both;}
.title {text-align: center; text-transform: uppercase; font-weight: 700; font-size: 2em; margin: 100px 0 0px 0;}
.title1 {text-align: right; text-transform: uppercase; font-style: italic; font-weight: 700; font-size: 1em; margin: 40px 0 0px 0;}
.title1 span {color: #e59344; }
.title1 a {position: relative; color: #111; text-decoration: none; transition: .2s}
.title1 a:hover {color: #090;}
.title1 a div {position: absolute; top: -15px; right: -55px; height: 50px; width: 50px; background-size: 80%!important; background-position: center!important; background-repeat: no-repeat!important; border-radius: 30px; border: 1px solid #ddd; transition: .5s}
.title1 a div:hover {box-shadow: 0 0 10px 2px #ddd; bor/der: 1px solid #999;} 
.home-may0 {position: relative; float: left; width: 32%; margin: 0 2% 2% 0; height: 170px; background-position: center!important; background-size: cover!important; auto 100%!important; background-repeat: no-repeat; }
.home-may0 div:first-child {position: absolute; top: 0; left: 0; transition: .5s; float: left; line-height: 250px; height: 100%; width: 100%; backgr/ound: url(../images/dot70.png); }
.home-may0:hover div:first-child { background: url(../images/g70.png);}
.home-may0 a {display: block; text-shadow: 2px 2px 4px #000000; color: #fff; text-d/ecoration: none; font-size: 22px; font-/weight: 700;}
.home-may {float: left; width: 18%; min-height: 350px; margin: 0 2.5% 2% 0; transition: .5s; box-/shadow: #ccc 0px 0px 25px 7px; box-shadow: #ccc 0px 0px 5px 1px; padding: 20px 0 0 0;}
.home-may:hover {box-/shadow: #ccc 0px 0px 5px 1px; box-shadow: #ccc 0px 0px 25px 7px}
.home-may03,.home-may5 {margin-right: 0!important}
.home-may a {color: #111; text-decoration: none;}
.home-may img {max-width: 80%;}
.home-may div:first-child {transition: .5s; flo/at: left; height: 130px; margin: 20px 0 0 0; width: 80%; background-position: center!important; background-size: cover!important; auto 100%!important; background-repeat: no-repeat!important; border: 1px solid #ddd;}
.home-/may a:hover div:first-child {background-size: auto 120%!important;}
.home-may div:nth-child(2) {position: relative; flo/at: left; text-align: center; height: 50px; wid/th: 50%; backgr/ound: #ddd; overflow:  hidden;}
.home-may div:nth-child(2) p { pa/dding: 2%; margin: 10px; font-size: 14px!important; }
.home-may div:nth-child(2) div {display: none; position: absolute; float: left; width: 100px; bottom: 20px; left: calc(50% - 50px); text-align: center; padding: 5px 20px; background: #d77943; color: #fff; pa/dding: 2%; margin/-left: 10px; transition: .5s; font-/style: italic; font-size: 12px; text-transform: uppercase}
.home-may a:hover div:nth-child(2) div {background: #3e9c3b; col/or: #fff;}
.mays {display: none; position: absolute; bottom: 100px; left: 0px; right: 0; hei/ght: 200px; backg/round: #eee; z-index: 99}
.may {float: left; width: 20%; backg/round: #ddd}
.may a {display: block; text-decoration: none; color: #111; }
.may div:first-child {position: relative; width: 150px; border: 10px solid #ddd; bor/der: 10px solid rgba(255, 255, 255, 0.5); line-height: 130px;  height: 150px; border-radius: 100px; background-size: contain!important; background: #3e9c3b; background-repeat: no-repeat; overflow:hidden; transition: .5s;}
.may div:first-child div{text-align: center; text-transform: uppercase; font-style: italic; font-weight: 700; font-size: 1em; mar/gin: 10px; bottom: 0px; width: 100%;  line-height: 40px;  background: #3e9c3b; position: absolute; transition: .5s; paddi/ng: 5px;}
.may a:hover div:first-child {width: 180px; line-height: 160px;  height: 180px; border-radius: 130px; margin-top: -20px; margin-bottom: -10px; bor/der: 10px solid #e9c358; }
.may a:hover div:first-child div{background: #e9c358; line-height: 50px}
.may div:first-child span {text-shadow: #000 2px 5px 5px; opacity: .65; font-weight: bolder; color: #fff; font-style: italic; font-family: "Times New Roman", Times, serif; font-size: 3em; margin: 0 10px 0 0;}
.may-d {width: 50%; margin: 30px;}
.may-d div {float: left; width: 25%; line-height: 30px; border-bottom: 1px solid #0E36CD}	
.back {display: block; margin: 30px; padding: 40px 0 0 0; width: 150px; height: 150px; border-radius: 100px; border: 5px solid #ddd; font-size: 13px; font-style: italic; text-decoration: none; color: #111; font-weight: 700}
.back:hover {border: 5px solid #F5E179; color: #111; }
.tb {padding: 40px 0; background: #ddd; mar/gin: 0 0 40px 0;}
.footer {he/ight: 500px; background:  #ddd; padding: 30px 0 10px 0; margin: 40px 0 0 0;}
.add {float: left; text-align:left; width: 50%; hei/ght: 400px; padding: 20px 0; border-radius: 10px; backgro/und: #fff}
.map {position: relative; float: right; width: 50%; height: 400px; border: none; padding: 0; margin: 0; border-radius: 10px}
.map {background: url(../images/map1.jpg); background-size: 100%!important; background-position: center; bottom right!important; transition: .5s; margin-bottom: 20px}
.map:hover {background-size: 120%!important; background-position: center!important; }
.add p,.add div,.add br {text-align: left; margin: 0px!important; font-family: Arial, Helvetica, sans-serif!important}
.swiper1,.swiper3 {display: block;}
.swiper2,.swiper4 {display: none;}
.may-d-img {margin: 30px}
	.fl,.ffl {float: left; width: 50%}
	.fr,.ffr {float: right; width: 50%}
	.ffl,.ffr {width: auto!important; margin: 20px 0;}
	
.tkv {font-size: 10px!important; text-decoration: none; color: #333}
.phone{top: 250px; bot/tom: 50px;right: 0px;}
.gal {float: left; height: 500px; width: 500px; margin: 30px 0 50px 0px; back/ground: #d00}
.gal1 {float: left; height: 500px; width: 500px; margin: 30px 0 50px 0px; background-size: contain!important; background-position: center!important; background-repeat: no-repeat!important; border: 1px solid #ddd;}
.gcontent {float: right; width: 650px; text-align: left; margin: 30px 0 50px 0px; }

.cat {display: block; float: left; background: #ddd; color: #111; font-size: 14px; padding: 10px 30px; width: 31.3%; margin: 5px 1%; border-radius: 20px; text-decoration: none; transition: .5s;}
.cat:hover {background: #3e9c3b; color: #fff; }
.counter-value {position: absolute; opacity: .8; top: 20px; left: calc(50% - 40px); width: 80px!important; height: 80px!important; line-height: 80px!important; border-radius: 50px; border: 2px solid #fff; color: #fff; background: none;}
.ship,.order {wid/th: 49%; hei/ght: 70px; margin: 0 calc(1% - 1px); border: 1px solid #3f3f3f}
.total {margin-bottom: 30px}
.dl {float: none; width: 100%; bord/er: 1px solid #ddd; margin: 40px 0; clear: both}
.dl td {border-bottom: 1px solid #ddd; padding: 5px 10px; font-size: 14px;}
.dl td:first-child {font-weight: 700;}
.dl tr:first-child td {background: #ddd;}
.dl tr:last-child td {border-top: 3px solid #ddd;}
.dl th {font-size: 14px;}

.button1 {
  background-color:#33CC33;
  font-weight:normal;
  font-size: 11px;
  border: none;
  border/-radius: 20px;
  text-transform: uppercase;
  font-wei/ght:bold; 
  padding:0px 10px;
  color:#FFFFFF;
  height: 25px;
  mar/gin:-5px 10px; 
}
.button1:hover{
	 background: #f00;
  box-shadow: 2px 2px 10px #ccc;
}

.button {
  background-color:#33CC33;
  font-weight:normal;
  font-size: 14px;
  border: none;
  border/-radius: 20px;
  text-transform: uppercase;
  font-/weight:bold; 
  padding: 10px 20px;
  color:#fff;
  min-width: 130px;
  h/eight: 30px;
  margin: 20px 10px; 
}
.button:hover{
	background: #096409;
	color: #fff;
  	box-shadow: 2px 2px 10px #ccc;
}
table.cart td {padding: 0 20px}
.cart {bor/der: 1px solid #E6E6E6;}

.fdn {float: left; margin: 0 40px 0 calc((100% - 994px) / 2)!important}
.fdk {float: left; margin: 0!important}
.fdks {width: 90%!important; margin: 0!important; padding: 0!important; background: none!important}
.fdks input {padding: 5px 10px!important}
.dkdn {margin: 20px 0!important;}
.dkdn a {fl/oat: left; padding: 10px 20px; background: #33CC33; color: #FFF; text-align: center; border-radius: 20px}
.dkdn a:hover {background: #930; }
.logout {display: none; text-transform: none!important; font-size: 14px; margin: 0 0 0 20px}
.tkl,.tkr {float: left; text-align: left; font-weight: normal!important;}
.tkl {width: 30%; border-right: 1px solid #ddd; }
.tkr {width: 70%; padding: 0 0 0 40px}
.tkl div:first-child,.tkr div:first-child {font-size: 16px; font-weight: 700; margin: 0 0 40px 0}
.transfer {border: 1px solid #CBE2EB; width: 350px; background: #efefef;}
.haccp {width: 50px; float: right; margin: -5px 10px 0 0;}


@media screen and (max-width : 760px){
html,body,p,input {font-size: 16px;}
.button:nth-child(3),.button:nth-child(4) {margin: 0px 10px;}
.dkdn {margin: 40px 0!important;}
.transfer {width: 90%;}
.tkl,.tkr {float: none; width: 100%; margin: 0; border: none; padding: 0}
.tkr {margin: 40px 0 0 0}
.dl th {font-size: 12px; padding: 5px 0; white-/space:nowrap}

.fdn {float: none; margin: 0!important}
.fdk {float: none; margin: 0!important}

.cart {width: 100%}
.cart td img {width: 50%!important; margin: 0!important;}
.cart tr:first-child {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
.cart tr {
    border-bottom: 1px solid #ddd;
    display: block;
	padding: 20px 0;
    margin-/bottom: .625em;
	}
.cart tr:last-child,.cart tr:last-child td {padding: 0!important;}
.cart tr:last-child td:nth-child(5) {float: left!important; width: 50%; text-align: left!important; padding: 0 20px!important;}
.cart tr:last-child td:nth-child(6) {float: right!important; width: 50%; text-align: right!important; padding: 0 20px!important;}

.cart td {
    border: none!important; 
    display: block;
    font/-size: .8em;
    text-align: center!important;
	heig/ht: auto;
	padding: 2px 20px!important;
}
.cart td::before {
	content: attr(data-label);
    flo/at: left;
	}
.cart td:first-child {text-align: left!important;}
.cart td:nth-child(2) {text-align: center!important;}
.cart td:last-child {text-align: right!important;}

.page,.page1000 {width: 100%;}
.top {height: 90px; z-index: 999!important; opa/city: .5}
.top1 {width: 90%; line-height: 60px; padding-top: 20px}
.logo {position: absolute; top: 0px; left: 70px; float: none; height: 70px; z-index: 999!important}
.logo1 {display: none; position: absolute; top: 5px; right: 15px; float: none; width: 42%; height: auto; margin: 0; z-index: 99;}
.call {position: absolute; top: 30px; right: 0px; float: none; line-height: 35px; padding: 0 8px; margin: 0; font-size: 1.2em; co/lor: #333;  font-/weight: 700; text-decoration: none; z-index: 999; opacity: .7;}
.call img {display: none; fl/oat: left; hei/ght: 30px; ri/ght: 0}
.lang {position: absolute; top: 70px; right: 10px; z-index: 999!important: 0 0 20px 0;}
.slide {position: relative; height: 50%; width: 100%; margin: 70px 0 40px 0;}
.mays {display: none}
.add1 {position: absolute; top: 78px; right: 0; font-size: 12px; font-weight: 700; line-height: 22px; background: #d77943;padding: 0 20px; margin-top: -10px; border-bottom-left-radius: 0px; border-top-left-radius: 30px}
.swiper2,.swiper4 {display: block;}
.swiper1,.swiper3,.total {display: none;}
	.home-may0 {width: 49%; height: 70px; margin: 1% 0; border: none;}
	.home-may0 div:first-child {line-height: 70px; font-size: 14px; overflow: hidden;}
	.home-may {width: 100%; height: auto; mar/gin: 0 0 4% 0; margin: 0; box-shadow: none; border-bottom: 1px solid #ddd; text-align: center; }
	.home-may:hover {box-shadow: none; }
	.home-may0:nth-child(odd),.ship, .d25:nth-child(odd) {float: right!important}
	.home-may0:nth-child(even),.order, .d25:nth-child(even) {float: left!important;}
	.home-/may0:nth-child(10) {float: none!important;}
	.ship,.order {width: 49%; height: 70px; margin: 1% 0; border: 1px solid #3f3f3f; z-index: 9999999!important}
.home-may a {color: #111;}
.home-may div:first-child {transition: .5s; float: left; height: 220px; margin: 0 10%; width: 80%; background-position: center!important; background-size: cover!important; background-repeat: no-repeat!important; }
.home/-may a:hover div:first-child {background-size: auto 120%!important;}
.home-may div:nth-child(2) {position: relative; float: left; height: 50px; width: 100%;text-/align: left; font-size: 14px; overflow:  hidden;}
.home-may div:nth-child(2) p { padding: 0; margin: 10px 0; }
.home-may div:nth-child(2) div {display: none;position: absolute; bottom: 0; left: 0; right: 0; text-align: center; line-height: 30px; background: #e9c358; color: #111; padding: 0%; margin: 0px; transition: .5s; font-style: italic; font-/weight: 700; text-/transform: uppercase}
.home-may a:hover div:nth-child(2) div {background: #C93F0A; color: #fff;}
.home-title {text-align: center; text-transform: uppercase; font-weight: 700; font-size: 1.5em; margin: 20px 0; color: #3e9c3b}
.home-title1 {float: none; margin: 20px 0; clear: both}
.d50 {position: relative; float: none; width: 90%; text/-align: center; backgr/ound: #f00}
.d25 {float: left; width: 48%; heig/ht: 340px; text/-align: left; padd/ing: 0 2%;}
.video {max-width: 270px; max-height: 270px; margin: 5% 0;}
.gt {padding: 20px; margin: 0 0 30px 0; border: none;}	
.gt p {font-size: 16px; color: #333;}
.mo/re {fl/oat: none; text-align: center; text-decoration: none; disp/lay: inline; padding: 8px 0px; border-radius: 5px; line-/height: 40px; background: #d77943; color: #111; text-transform: uppercase; font-wei/ght: 700; margin: 20px calc(50% - 100px) 30px 0; transition: .5s; clear: both; width: 200px}
.more1 {fl/oat: none; margin: 20px 0 50px 0; overflow:hidden; max-width: 96%; white-space: nowrap;}
.more1 a {border-/radius: 20px!important; paddi/ng: 0;}
.title {text-align: center; text-transform: uppercase; font-weight: 700; font-size: 1.5em; margin: 0px 0 40px 0;}
.title1 {text-align: center; margin: 20px 0; di/splay: none; padding: 0 8%;}
.page-title {text-align: center; font-size: 1.25em;  margin: 20px 0; padding: 0 8%;; }
.may-d {width: 100%; margin: 0px 0;}
.may-d div {float: none; width: 75%; line-height: 30px; border-bottom: 1px solid #0E36CD; overflow: hidden; padd/ing: 5px}	
.may-d div:first-child,.may-d div:nth-child(2),.may-d div:nth-child(3),.may-d div:nth-child(4) {display:none}
.may-d div:nth-child(5):before,.may-d div:nth-child(6):before,.may-d div:nth-child(7):before,.may-d div:nth-child(8):before,.may-d div:last-child:before {content: attr(x); backg/round: #f00}
.may-d-img {margin: 20px 0}
.may-d-img img {width: auto; max-width: 100%;}
.fl,.fr,.ffr,.ffl {float: none; width: 100%!important; backgro/und: #f00; height: auto!important}
.add,.add div,.map {float: none; width: 100%!important; height: auto; text-align:center!important}
.add {width: 90%!important; margin-bottom: 20px;}
.counter {margin: 20px 0 0px 0}
.counter td {text-/align: left; border: none; padding: 0 5px 0 0}
.counter td img {margin: 0} 
.add p {text-align: center}
.add p:first-child img {max-width: 90%;}
.map {height: 300px; background-size: 100%!important}
.map:hover {background-size: 150%!important}
.footer {hei/ght: 660px; font-size: 14px; text-/align: center}
.tkv {display: block; padding: 20px 0 20px 0!important;}
.floating-form {width:100%; margin: 0; padding: 20px; background: none;}
.fl {display: none;}	
.caption { height: 90px; bottom: 20px; padding: 10px 20px 0 10px; line-height: 23px}
.caption {font-size: 1em}
.capt/ion div:nth-child(3) {font-size: 1.5em}

.phone{top: -55px!important; bott/om: none; lef/t: 130px; right: 30px!important; z-index: 0!important}
.gal,.gal1 {float: none; height: 400px; width: 100%; margin: 0 0 20px 0; back/ground: #d00; border: none;}
.gcontent,.content {float: none; width: auto; padding: 0 4%;}
.content img {float: none; width: 100%!important; height: auto!important; margin: 20px 0!important;}
.cat {flo/at: none; width: auto;}
.counter-value {position: absolute; opacity: .4; top: 15px; left: calc(50% - 40px); width: 80px!important; height: 80px!important; line-height: 80px!important; border-radius: 50px; border: 1px solid #fff; color: #fff; background: none;}
}

@media screen and (max-width : 320px){
.call {position: absolute; top: 30px; right: 10px; float: none; line-height: 35px; padding-right: 8px; margin: 0; font-size: 1.3em; color: #333;  font-/weight: 700; text-decoration: none; z-index: 9;}
.slide {height: 40%; width: 100%}
}

/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.floating-form {width:70%;}
.page,.content1,.gcontent1,.top1 {width: 96%!important; padding: 0!important; margin: auto 2%!important}
.gal {float: left; height: 500px; width: 48%; margin: 30px 0 50px 0px; back/ground: #d00}
.gal1 {float: left; height: 500px; width: 48%; margin: 30px 0 50px 0px; background-size: contain!important; background-position: center!important; background-repeat: no-repeat!important; border: 1px solid #ddd;}
.gcontent {float: right; width: 48%; text-align: left; margin: 30px 0 50px 0px; }
}
/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.logo {margin: 10px 0 0 80px}
.logo1 {display: none}