/* -------------------------------- 

Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "LeelawUI";
  background-color: #ffffff;
}

a {
  color:#fe6da4;
  text-decoration: none;
}

img {
  max-width: 100%;
}



/* -------------------------------- 

dropdown menu

-------------------------------- */
.cd-morph-dropdown {
  position: relative;
  height: 70px;
  background-color: transparent;
}
.cd-morph-dropdown::before {
  /* never visible - used in JS to check mq */
  content: 'mobile';
  display: none;
}
.cd-morph-dropdown .nav-trigger {
  /* menu icon - visible on small screens only */
  position: absolute;
  top: 0;
  right: 0;
  height: 70px;
  width: 70px;
  /* replace text with icon */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
}
.cd-morph-dropdown .nav-trigger span, .cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before {
  /* these are the 3 lines of the menu icon */
  position: absolute;
  background-color: #FFFFFF;
  height: 3px;
  width: 30px;
}
.cd-morph-dropdown .nav-trigger span {
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}
.cd-morph-dropdown .nav-trigger span::after, .cd-morph-dropdown .nav-trigger span::before {
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}
.cd-morph-dropdown .nav-trigger span::before {
  -webkit-transform: translateY(-9px);
      -ms-transform: translateY(-9px);
          transform: translateY(-9px);
}
.cd-morph-dropdown .nav-trigger span::after {
  -webkit-transform: translateY(9px);
      -ms-transform: translateY(9px);
          transform: translateY(9px);
}
.cd-morph-dropdown.nav-open .nav-trigger span {
  background-color: transparent;
}
.cd-morph-dropdown.nav-open .nav-trigger span::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cd-morph-dropdown.nav-open .nav-trigger span::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.cd-morph-dropdown .main-nav {
  display: none;
}
.cd-morph-dropdown .morph-dropdown-wrapper {
  display: none;
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  padding: 1.2em 5%;
  box-shadow: inset 0 2px 0 #ffc5db;
  background-color:#FFFFFF;
  border-bottom:4px solid #ffc5db;
}
.cd-morph-dropdown.nav-open .morph-dropdown-wrapper {
  display: block;
}
.cd-morph-dropdown .dropdown-list > ul > li {
  margin-bottom: 3.3em;
}
.cd-morph-dropdown .label {
  display: block;
  font-size: 2rem;
  font-weight:bold;
  color:#000000;
  margin-bottom: .8em;
}
.cd-morph-dropdown .content li::after {
  clear: both;
  content: "";
  display: block;
}
.cd-morph-dropdown .gallery .content li {
  margin-bottom: 1.6em;
}
.cd-morph-dropdown .gallery .content a {
  display: block;
}
.cd-morph-dropdown .gallery .content a::before {
  /* icon on the left */
  content: '';
  display: inline-block;
  float: left;
  height: 55px;
  width: 60px;
  margin-right: 1em;
  background: none;
  border-radius: 0;
  -webkit-transition: background 3s;
  transition: background 3s;
}
.cd-morph-dropdown .gallery .content a span, .cd-morph-dropdown .gallery .content a em  {
  display: block;
  line-height: 1em;
}
.cd-morph-dropdown .gallery .content a em{
  font-size: 1.6rem;
  padding: .4em 0 .3em;
  color: #a04242;
  font-weight:bold;
  font-style:normal;
  
}
.cd-morph-dropdown .gallery .content a span {
  font-size: 1.5rem;
  font-weight:normal;
  color: #fe6da4;
}
.cd-morph-dropdown .gallery .content a:hover::before {
  background-color: transparent;
}
.cd-morph-dropdown .gallery li:nth-of-type(1) a::before {
  background:url(../img/menu/feeder_icon.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(2) a::before {
  background:url(../img/menu/plastic_cage_icon.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(3) a::before {
  background:url(../img/menu/stainless_cage_icon.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(4) a::before {
  background:url(../img/menu/Automatic_electronics_icon.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(5) a::before {
  background:url(../img/menu/grooming_icon.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(6) a::before {
  background:url(../img/menu/ped_icon.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(7) a::before {
  background:url(../img/menu/leash_icon.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(8) a::before {
  background:url(../img/menu/Stroller_icon.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(9) a::before {
  background:url(../img/menu/toy_icon.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(10) a::before {
  background:url(../img/menu/toilet_icon.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(11) a::before {
  background:url(../img/menu/other_icon.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(12) a::before {
  background:url(../img/menu/sellout.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(14) a::before {
  background:url(../img/menu/cattree.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(15) a::before {
  background:url(../img/menu/cattree01.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(16) a::before {
  background:url(../img/menu/cattree02.svg) no-repeat;
}
.cd-morph-dropdown .gallery li:nth-of-type(17) a::before {
  background:url(../img/menu/cattree03.svg) no-repeat;
}
.cd-morph-dropdown .links .content > ul > li {
  margin-top: 1em;
}
.cd-morph-dropdown .links-list a {
  display: block;
  margin-left: 20px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #fe6da4;
}

.cd-morph-dropdown .btn {
    display: block;
    width: 100%;
    height: 50px;
    margin: 0.5em 0 0;
    font-size: 1.8rem;
    text-align: center;
    color: #FFFFFF;
    line-height: 50px;
    background: #fe6da4;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cd-morph-dropdown .btn:hover {
    background: #fd3d86;
    color: #FFFFFF;
}
.cd-morph-dropdown .links-list a:hover {
  color: #fd3d86;
}
.cd-morph-dropdown .content h2 {
  color: #000000;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2rem;
  margin: 10px 0 10px 0px;
}
@media only screen and (min-width: 768px) {
  .cd-morph-dropdown {
    position: absolute;
    height: 60px;
    left: 0;
    top: -76px;
    width: 100%;
    padding: 0;
    text-align: center;
	border-bottom:4px solid rgba(255, 197, 219, 1);
    background-color:rgba(254, 109, 164, 0.7);/*(254, 109, 164, 0.8)สีชมพูrgba(33, 27, 29, 0.8)สีดำเข้ม*/
	z-index:4;
  }
  .cd-morph-dropdown::before {
    content: 'desktop';
  }
  .cd-morph-dropdown .nav-trigger {
    display: none;
  }
  .cd-morph-dropdown .main-nav {
    display: inline-block;
  }
  .cd-morph-dropdown .main-nav > ul > li {
    display: inline-block;
    float: left;
	border-right:1px dashed #ffffff;
  }
  .cd-morph-dropdown .main-nav > ul > li > a {
    display: block;
    padding: 0 1.8em;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    font-size: 1.6rem;
	letter-spacing:0.05em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity 3s;
    transition: opacity 3s;
  }
  .cd-morph-dropdown .links-list a {
  		color: #fe6da4;
	}
	.cd-morph-dropdown .links-list a:hover {
  		color: #fd3d86;
	}
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li > a {
    /* main navigation hover effect - on hover, reduce opacity of elements not hovered over */
    opacity: 1;/*.6*/
  }
  .cd-morph-dropdown.is-dropdown-visible .main-nav > ul > li.active > a {
    opacity: 1;
  }
  .cd-morph-dropdown .morph-dropdown-wrapper {
    /* dropdown wrapper - used to create the slide up/slide down effect when dropdown is revealed/hidden */
    display: block;
    top: 60px;
    /* overwrite mobile style */
    width: auto;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
    /* Force Hardware acceleration */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .morph-dropdown-wrapper {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .cd-morph-dropdown .dropdown-list {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform, width, height;
    -webkit-transition: visibility .3s;
    transition: visibility .3s;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  }
  .no-csstransitions .cd-morph-dropdown .dropdown-list {
    display: none;
  }
  .cd-morph-dropdown .dropdown-list::before {
    /* dropdown top triangle */
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 0;
    width: 0;
    border: 12px solid transparent;
    border-bottom-color:#ffc5db;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
  }
  .cd-morph-dropdown .dropdown-list > ul {
    position: relative;
    z-index: 4;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list {
    visibility: visible;
    -webkit-transition: width .3s, height .3s, -webkit-transform .3s;
    transition: width .3s, height .3s, -webkit-transform .3s;
    transition: transform .3s, width .3s, height .3s;
    transition: transform .3s, width .3s, height .3s, -webkit-transform .3s;
  }
  .cd-morph-dropdown.is-dropdown-visible .dropdown-list::before {
    opacity: 1;
  }
  .cd-morph-dropdown .dropdown {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
  }
  .cd-morph-dropdown .dropdown.active {
    opacity: 1;
    visibility: visible;
  }
  .cd-morph-dropdown .dropdown.move-left .content {
    -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  .cd-morph-dropdown .dropdown.move-right .content {
    -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
            transform: translateX(100px);
  }
  .cd-morph-dropdown .label {
    /* hide the label on bigger devices */
    display: none;
  }
  .cd-morph-dropdown .content {
    padding: 2.2em 1.8em;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    text-align: left;
  }
  .cd-morph-dropdown .content > ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .cd-morph-dropdown .content > ul > li {
    width: 48%;
    float: left;
    margin-right: 4%;
    margin-top: 0;
  }
  .cd-morph-dropdown .content > ul > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .cd-morph-dropdown .gallery .content {
    /* you need to set a width for the .content elements because they have a position absolute */
    width: 540px;
    padding-bottom: .8em;
  }
  .cd-morph-dropdown .gallery .content li {
    margin-bottom: 1.8em;
  }
  .cd-morph-dropdown .links .content > ul > li {
    margin-top: 0;
  }
  .cd-morph-dropdown .links .content,
  .cd-morph-dropdown .button .content {
    width: 400px;
  }
  .cd-morph-dropdown .links-list a {
    font-size: 1.6rem;
    margin-left: 0;
  }
  .cd-morph-dropdown .content h2 {
    font-size: 1.6rem;
    text-transform: none;
    font-weight: bold;
    color: #000000;
    margin: 0 0 .6em;
  }
  .cd-morph-dropdown .bg-layer {
    /* morph dropdown background */
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    background:#FFFFFF;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
	z-index:3;
  }
  .cd-morph-dropdown.is-dropdown-visible .bg-layer {
    opacity: 1;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
  }
}
/* -------------------------------- 

Main menu mobile dropdown

-------------------------------- */
.cd-header {
  position: absolute;
  z-index:3;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: #ffc5db;
  border-bottom:2px solid #ffc5db;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
	.menu_topmobile {
	 	width:100%;
		display:block;
		position:absolute;
		top:0;
  	}
	.menu_toppc {
	 	width:100%;
		display:none;
  	}
@media only screen and (min-width: 768px) {
  .cd-header {
    height: 70px;
    background-color: transparent;
	border:0px;
  }
  .menu_topmobile {
		display:none;
  }
  .menu_toppc {
	  	width:100%;
		position: relative;
		display:block;
  	}
}
#cd-logo {
  float: left;
  margin: 5px 0 0 5%;
}
#cd-logo img {
  display: block;
  width:90px;
}
@media only screen and (min-width: 768px) {
  #cd-logo {
    margin: 13px 0 0 5%;
  }
  #cd-logo img {
  	width:150px;
  }
}
@media only screen and (min-width: 1300px) {
  #cd-logo img {
  	width:200px;
  }
}
@media only screen and (min-width: 1600px) {
  #cd-logo img {
  	width:305px;
  }
}
.cd-primary-nav {
  /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */
  float: right;
  margin-right: 5%;
  width: 44px;
  height: 100%;
  background: url("../assets/cd-icon-menu.svg") no-repeat center center;
}
.cd-primary-nav ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.cd-primary-nav ul.is-visible {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(70px);
  -moz-transform: translateY(70px);
  -ms-transform: translateY(70px);
  -o-transform: translateY(70px);
  transform: translateY(70px);
}
.cd-primary-nav a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding-left: 5%;
  background: #2c343b;
  font-size:1.6rem;
  border-bottom: 1px solid #606060;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .cd-primary-nav {
    /* reset navigation values */
    width: auto;
    height: auto;
    background: none;
  }
  .cd-primary-nav ul {
    position: static;
    width: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    line-height:7px;
  }
  .cd-primary-nav ul.is-visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  .cd-primary-nav li {
    display: inline-block;
    margin-left:1em;
	margin-top:1em;
	/*background-image:url(../assets/bgpink.png);*/
	border-radius:8px;
  }
  .cd-primary-nav a {
    display: inline-block;
    height: auto;
    font-weight:500;
    line-height: normal;
	font-size:1.8rem;
    background: transparent;
    padding: 0.6em 1em;
    border-bottom: none;
  }
}



/* -------------------------------- 

Slider

-------------------------------- */
.cd-hero {
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cd-hero-slider {
  position: relative;
  height: 400px;
  overflow: hidden;
}
.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider {
    height: 420px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider {
    height: 450px;
  }
}
@media only screen and (min-width: 1600px) {
  .cd-hero-slider {
    height: 580px;
  }
}
@media only screen and (min-width: 1800px) {
  .cd-hero-slider {
    height: 700px;
  }
}
/* -------------------------------- 

Single slide style

-------------------------------- */
.cd-hero-slider li {
  background-position:center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.cd-hero-slider li:first-of-type {
  background-color: #ffffff;
  background-image: url("../assets/banner2.jpg");
}
.cd-hero-slider li:nth-of-type(2) {
  background-color: #ffffff;
  background-image: url("../assets/banner3.jpg");
}
.cd-hero-slider li:nth-of-type(3) {
  background-color: #ffffff;
  background-image: url("../assets/catlover.jpg");
}
.cd-hero-slider li:nth-of-type(4) {
  background-color: #ffffff;
  background-image: url("../assets/tech-2-mobile.jpg");
}
.cd-hero-slider li:nth-of-type(5) {
  background-color: #ffffff;
  background-image: url("../assets/banner2.jpg");
}
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  /* this padding is used to align the text */
  padding-top: 90px;
  text-align: center;
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-hero-slider .cd-img-container {
  /* hide image on mobile device */
  display: none;
}
.cd-hero-slider .cd-img-container img {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-hero-slider .cd-bg-video-wrapper {
  /* hide video on mobile device */
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cd-hero-slider .cd-bg-video-wrapper video {
  /* you won't see this element in the html, but it will be injected using js */
  display: block;
  min-height: 100%;
  min-width: 100%;
  max-width: none;
  height: auto;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-full-width img {
 	width:200px;
}
.cd-hero-slider h2, .cd-hero-slider p {
  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
  line-height: 1.5em;
  margin: 0 auto 14px;
  color: #ffffff;
  width: 90%;
  letter-spacing:0.04em;
  max-width: 400px;
}
.cd-hero-slider h2 {
  font-size: 2rem;
}
.cd-hero-slider p {
  font-size: 1.6rem;
  line-height: 1.5em;
}
.cd-hero-slider .cd-btn {
  display: inline-block;
  padding: 1.1em 1.4em;
  margin-top: .5em;
  background-color: rgba(255, 197, 219, 0.6);
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #ffffff;
  border-radius:8px;
  text-transform: uppercase;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-hero-slider .cd-btn.secondary {
  background-color: rgba(255, 197, 219, 0.6);
}
.cd-hero-slider .cd-btn:nth-of-type(2) {
  margin-left: 1em;
}
.no-touch .cd-hero-slider .cd-btn:hover {
  background-color: #fe6da4;
}
.no-touch .cd-hero-slider .cd-btn.secondary:hover {
  background-color: #fe6da4;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider li:nth-of-type(2) {
    background-image: none;
  }
  .cd-hero-slider li:nth-of-type(3) {
    background-image: none;
  }
  .cd-hero-slider li:nth-of-type(4) {
    background-image: none;
  }
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 50px;
  }
  .cd-hero-slider .cd-bg-video-wrapper {
    display: block;
  }
  .cd-hero-slider .cd-half-width {
    width: 45%;
  }
  .cd-hero-slider .cd-half-width:first-of-type {
    left: 5%;
  }
  .cd-hero-slider .cd-half-width:nth-of-type(2) {
    right: 5%;
    left: auto;
  }
  .cd-hero-slider .cd-img-container {
    display: block;
  }
  
  .cd-hero-slider h2, .cd-hero-slider p {
    max-width: 500px;
  }
  .cd-hero-slider h2 {
    font-size: 2.0em;
    font-weight: 300;
  }
  .cd-hero-slider .cd-btn {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider h2, .cd-hero-slider p {
    margin-bottom: 15px;
	max-width: 600px;
  }
  .cd-hero-slider h2 {
    font-size: 2.2em;
  }
  .cd-hero-slider p {
    font-size: 1.6rem;
	line-height: 1.8em;
  }
  .cd-full-width img {
	width:250px;
  }
}
@media only screen and (min-width: 1600px) {
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 1800px) {
  .cd-hero-slider .cd-full-width,
  .cd-hero-slider .cd-half-width {
    padding-top: 180px;
  }
  .cd-hero-slider h2 {
    font-size: 2.5em;
  }
  .cd-hero-slider p {
    font-size: 1.8rem;
  }
}
/* -------------------------------- 

Single slide animation

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-hero-slider .cd-half-width {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
  }
  .cd-hero-slider .move-left .cd-half-width {
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
  }
  .cd-hero-slider .selected .cd-half-width {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider .is-moving .cd-half-width {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
  .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
  .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
    /* this is the selected slide - different animation if it's entering from left or right */
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
  }
  .cd-hero-slider .cd-full-width h2,
  .cd-hero-slider .cd-full-width p,
  .cd-hero-slider .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  .cd-hero-slider .move-left .cd-full-width h2,
  .cd-hero-slider .move-left .cd-full-width p,
  .cd-hero-slider .move-left .cd-full-width .cd-btn {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  .cd-hero-slider .selected .cd-full-width h2,
  .cd-hero-slider .selected .cd-full-width p,
  .cd-hero-slider .selected .cd-full-width .cd-btn {
    /* this is the visible slide */
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .cd-hero-slider li.is-moving .cd-full-width h2,
  .cd-hero-slider li.is-moving .cd-full-width p,
  .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
    /* this is the slide moving outside the viewport 
    wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
    -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
    -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
    transition: opacity 0s 0.5s, transform 0s 0.5s;
  }
  .cd-hero-slider li.selected h2 {
    -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
    -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
    transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
  }
  .cd-hero-slider li.selected p {
    -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
    -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
    transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
  }
  .cd-hero-slider li.selected .cd-btn {
    -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
    -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
    transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
  }
}
/* -------------------------------- 

Slider navigation

-------------------------------- */
.cd-slider-nav {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 2;
  text-align: center;
  height: 55px;
  margin-top:1em;
  background-color: rgba(250, 134, 197, 0.5);
}
.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a {
  height: 100%;
}
.cd-slider-nav nav {
  display: inline-block;
  position: relative;
}
.cd-slider-nav .cd-marker {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 100%;
  color: #fd5ca8;
  background-color: #000000;
  border-radius:50%;
  box-shadow: inset 0 0px 0 currentColor;
  -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
  -moz-transition: -moz-transform 0.2s, box-shadow 0.2s;
  transition: transform 0.2s, box-shadow 0.2s;
}
.cd-slider-nav .cd-marker.item-2 {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-slider-nav .cd-marker.item-3 {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}
.cd-slider-nav .cd-marker.item-4 {
  -webkit-transform: translateX(300%);
  -moz-transform: translateX(300%);
  -ms-transform: translateX(300%);
  -o-transform: translateX(300%);
  transform: translateX(300%);
}
.cd-slider-nav .cd-marker.item-5 {
  -webkit-transform: translateX(400%);
  -moz-transform: translateX(400%);
  -ms-transform: translateX(400%);
  -o-transform: translateX(400%);
  transform: translateX(400%);
}
.cd-slider-nav ul::after {
  clear: both;
  content: "";
  display: table;
}
.cd-slider-nav li {
  display: inline-block;
  width: 60px;
  float: left;
}
.cd-slider-nav li.selected a {
  color: #fe3efb;
}
.no-touch .cd-slider-nav li.selected a:hover {
  background-color: transparent;
}
.cd-slider-nav a {
  display: block;
  position: relative;
  padding-top: 35px;
  font-size: 1rem;
  font-weight: bolder;
  color: #000000;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-slider-nav a::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  top:12px;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../img/menu/foot.svg) no-repeat 0 0;
}
.no-touch .cd-slider-nav a:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius:50%;
}
.cd-slider-nav li:first-of-type a::before {
  background-position: 0 0;
}
.cd-slider-nav li.selected:first-of-type a::before {
  background-position: 0 0;
}
.cd-slider-nav li:nth-of-type(2) a::before {
  background-position: 0 0;
}
.cd-slider-nav li.selected:nth-of-type(2) a::before {
  background-position: 0 0;
}
.cd-slider-nav li:nth-of-type(3) a::before {
  background-position: 0 0;
}
.cd-slider-nav li.selected:nth-of-type(3) a::before {
  background-position: 0 0;
}
.cd-slider-nav li:nth-of-type(4) a::before {
  background-position: 0 0;
}
.cd-slider-nav li.selected:nth-of-type(4) a::before {
  background-position: 0 0;
}
.cd-slider-nav li:nth-of-type(5) a::before {
  background-position: 0 0;
}
.cd-slider-nav li.selected:nth-of-type(5) a::before {
  background-position: 0 0;
}
@media only screen and (min-width: 768px) {
  .cd-slider-nav {
    height: 60px;
	background-color:transparent;
	margin-bottom:4.4em;
  }
  .cd-slider-nav .cd-marker,
  .cd-slider-nav li {
    width: 60px;
  }
  .cd-slider-nav a {
    padding-top: 50px;
    font-size: 1.1rem;
    text-transform: uppercase;
  }
  .cd-slider-nav a::before {
    top: 15px;
  }
}

/* -------------------------------- 

Main content

-------------------------------- */
.cd-main-content {
  width: 90%;
  margin: 0 auto;
  padding: 1em 0;
}
.cd-main-content p {
  font-size: 1.4rem;
  line-height: 1.8;
  margin: 1em 0;
}
@media only screen and (min-width: 768px) {
  .cd-main-content {
	width:100%;
    padding: 1em 0;
  }
  .cd-main-content p {
    font-size: 1.6rem;
  }
}

/* -------------------------------- 

Javascript disabled

-------------------------------- */
.no-js .cd-hero-slider li {
  display: none;
}
.no-js .cd-hero-slider li.selected {
  display: block;
}

.no-js .cd-slider-nav {
  display: none;
}
/* -------------------------------- 

layout content

-------------------------------- */
.layout_center {
  	width:100%;
  	float:left;
	padding:1em 0;
}
.layout_left, .layout_right, .layout_30 {
	width:100%;
	float:left;
}
.layout_centerc {
	width:100%;
}
.layout_70_half {
	width:100%;
	float:left;
	background:top repeat url(../img/optility60.png);
	padding:1.5em 0 0 0;
}
.layout_half {
	width:100%;
	float:left;
	padding:1em 0 0 1em;
}
.layout_70_half1 {
	width:100%;
	float:left;
	background-color:#211b1c;
	padding:1em;
	color:#FFFFFF;
	font-size:1.6rem;
	line-height:1.6em;
}
.layout_half li {
	width:90%;
	margin-left:5%;
	float:left;
	font-size:1.6rem;
	line-height:1.8em;
	color:#ffffff;
	font-weight:500;
	list-style: none;
	letter-spacing:0.02em;
	padding:0.5em 0;
}
.layout_half li a {
	color:#ffc5db;
	font-size:1.6rem;
	font-weight:normal;
}
.layout_half li a:hover {
	color:#ffffff;
}
@media only screen and (min-width: 768px) {
.layout_70_half1 {
	width:100%;
	padding-left:5%;
	padding-right:5%;
}
.layout_left {
	width:43%;
	margin-left:5%;
	margin-right:2%;
}
.layout_right {
	width:43%;
	margin-left:2%;
	margin-right:5%;
}
.layout_centerc {
	width:90%;
	margin-left:5%;
}
.layout_30 {
	width:100%;
}
}
@media only screen and (min-width: 1100px) {
.layout_half {
	width:33%;
}
}
@media only screen and (min-width: 1600px) {
.layout_70_half1 {
	width:100%;
	padding-left:12%;
	padding-right:12%;
}
.layout_left {
	width:34%;
	margin-left:14%;
	margin-right:2%;
}
.layout_right {
	width:35%;
	margin-right:14%;
	margin-left:1%;
}
.layout_centerc {
	width:72%;
	margin-left:14%;
}
.layout_30 {
	width:44%;
}
}
@media only screen and (min-width: 1800px) {
.layout_left {
	width:30%;
	margin-left:18%;
	margin-right:2%;
}
.layout_right {
	width:31%;
	margin-right:18%;
	margin-left:1%;
}
.layout_centerc {
	width:64%;
	margin-left:18%;
}
}
/* -------------------------------- 

header

-------------------------------- */
.header_menutop {
 	width:100%;
 	color:#a04242;
	font-weight:bold;
	font-size:1.6rem;
	text-align:left;
	vertical-align:top;
}
.header_menutop a {
 	color:#a04242;
	font-weight:bold;
	font-size:1.6rem;
	padding:0 20px 0 0;
	text-align:left;
}
.header_menutop a:hover {
 	color:#000000;
	font-weight:bold;
}
@media only screen and (min-width: 768px) {
.header_menutop {
 	width:90%;
	margin-left:5%;
}
}
@media only screen and (min-width: 1600px) {
.header_menutop {
 	width:72%;
	margin-left:14%;
}
}
@media only screen and (min-width: 1800px) {
.header_menutop {
 	width:64%;
	margin-left:18%;
}
}

/* -------------------------------- 

contact

-------------------------------- */
.header_topform{
 	font-size:1.8em;
	line-height:1em;
	font-weight:bolder;
	color:#000000;
	width:100%;
}
@media only screen and (min-width: 768px) {
.header_topform{
	width:95%;
	margin-left:5%;
}
}
@media only screen and (min-width: 1600px) {
.header_topform{
	width:72%;
	margin-left:14%;
}
}
@media only screen and (min-width: 1800px) {
.header_topform{
	width:68%;
	margin-left:18%;
}
}
.contact_form_header {
	width:100%;
 	font-size:2em;
	font-weight:bold;
	color:#fd3d86;
}
.contact_formheader {
	width:100%;
 	font-size:1.8rem;
	text-align:left;
	font-weight:bold;
	color:#fd3d86;
	padding:1em 0 0.8em 0;
	border-bottom:1px solid #ffc5db;
}
.contact_form_layout100, .contact_form_text, .contact_form_layout100 a{
	width:100%;
	float:left;
	text-align:left;
	font-size:1.4rem;
	color:#a04242;
	font-weight:bold;
	line-height:1.6em;
	letter-spacing:0em;
}
.contact_form_text {
	font-size:1.6rem;
}
.contact_form_layout100 {
	padding:0 0 0.5em 0;
}
.contact_form_layout_3col {
	width:100%;
	float:left;
	padding-bottom:0.5em;
}
.contact_form_layout_3col_photo {
	width:30%;
	float:left;
	padding-top:1em;
}
.ontact_form_layout_3col_photo img {
	width:100%;
}
.contact_form_layout_3col li {
	width:70%;
	float:left;
	text-align:left;
	font-size:1.4rem;
	color:#a04242;
	font-weight:bold;
	line-height:1.6em;
	list-style:none;
	list-style-image:url(../img/LINE_icon01.png);
	padding:1em 0 0em 1em;	
}
@media only screen and (min-width: 1300px) {
.contact_form_layout_3col {
	width:100%;
}
}
@media only screen and (min-width: 1600px) {
.contact_form_layout_3col li {
	font-size:1.6rem;
}
}
.contact_form_text{
	width:100%;
	color:#a04242;
	padding:1em 0;
	font-weight:500;
}
.contact_form_photocompany {
	width:100%;
	padding:1em 0 1em 30px;
	float:left;
}
.contact_form_photocompany img {
	width:100%;
}
.contact_form {
	float:left;
	width:100%;
}
.contact_form_facebook {
	width:100%;
	display:none;
}
.contact_form_facebook_m {
	width:100%;
	display:block;
	height:350px;
}
.contact_from_layout_mapphoto{
	width:100%;
	padding:1em 0;
}
.contact_from_layout_mapphoto img{
	width:100%;
	height:250px;
	border:2px solid #eeeeee;
	border-radius:5px;
}
.contact_from_layout_mapphoto_button{
	padding:0.4em;
	min-width:120px;
	font-size:1.8rem;
	float:right;
	font-family: "LeelawUI";
	background-color:#fa86c5;
	border-radius:5px;
	color:#ffffff;
	border:0px;
	margin-top:10px;
}
.contact_from_layout_mapphoto_button:hover{
	background-color:#fd5ca8;
}
@media only screen and (min-width: 1024px) {
.contact_from_layout_mapphoto{
	padding:0;
}
.contact_from_layout_mapphoto img{
	height:300px;
}
}
@media only screen and (min-width: 1170px) {
.contact_form {
	max-width:600px;
}
.contact_form_text{
	width:60%;
	}
.contact_form_photocompany {
	width:40%;
}
.contact_form_facebook {
	display:block;
	width:50%;
	height:250px;
}
.contact_form_facebook_m {
	width:50%;
	display:none;
}
}
@media only screen and (min-width: 1600px) {
.contact_form_photocompany {
	width:35%;
}
.contact_form_text{
	width:65%;
	}
}





/* -------------------------------- 

order

-------------------------------- */
.order_form, .order_formpc {
	width:100%;
	border:1px solid #fe6da4;
	border-radius:7px;
	margin:0;
	padding:0.4em 0.4em;
	float:left;
	display:block;
}
.order_formpc {
	display:none;
}
.order_form_100 {
	width:100%;
	float:left;
	border-bottom:1px solid #ffc5db;
}
.order_form_70h, .order_form_10h, .order_form_20h, .order_form_70, .order_form_10, .order_form_20 {
	font-size:1.6rem;
	line-height:1.6rem;
	color:#000000;
	float:left;
	padding:0.5em 0.5em;
}
.order_form_70h, .order_form_10h, .order_form_20h {
	background-color:#fd3d86;
	color:#ffffff;
	font-weight:bold;
	letter-spacing:0.07em;
	padding:1em 0.5em;
	border-bottom:1px solid #cccccc;
}
.order_form_70, .order_form_10, .order_form_20 {
	background-color:#ffffff;
}
.order_form_70h, .order_form_70 {
	width:40%;
	text-align:left;
}
.order_form_10h, .order_form_10 {
	width:30%;
	text-align:center;
}
.order_form_20h, .order_form_20 {
	width:30%;
	text-align:right;
}
.order_form_70h, .order_form_10h {
	text-align:center;
}
.order_form_70_photo, .order_form_70_photo li, .order_form_70_text , .order_form_70_text li {
	width:100%;
	float:left;
	line-height:1.1em;
	list-style:none;
}
.order_form_70_photo li {
	width:60%;
	padding:0 0 5px 0;
}
.order_form_70_photo img {
	height:60px;
}
.bb img {
	width:100px;
}
.shippingprice {
	width:100%;
	text-align:right;
	border:0px;
	font-weight:bold;
	font-size:1.6rem;
}
.sumtotal {
	width:100%;
	text-align:right;
	border:0px;
	font-weight:bold;
	font-size:1.6rem;
	color:#F00;
}
.code, .code a {
	font-size:1.8rem;
	line-height:1.3em;
	font-weight:bold; 
	color:#a04242;
	margin-bottom:5px;
	text-transform:uppercase;
	list-style:none;
}
.input_count, .input_count_m {
	background-color:#ffffff;
	border:1px solid #ffc5db;
	border-radius:5px;
	padding:0.2em 0.3em;
	width:60px;
	font-size:1.4rem;
	font-weight:bold;
	text-align:center;
	font-family:"LeelawUI"; 
	color:#000000;
}
.input_voucher{
	background-color:#ffffff;
	border:1px solid #ffc5db;
	border-radius:5px;
	padding:0.2em 0.3em;
	width:125px;
	font-size:1.4rem;
	font-weight:bold;
	text-align:center;
	font-family:"LeelawUI"; 
	color:#000000;
}
@media only screen and (min-width: 768px) {
.order_form {
	display:none;
}
.order_formpc {
	display:block;
}
.order_form_70h, .order_form_70 {
	width:70%;
}
.order_form_10h, .order_form_10 {
	width:10%;
}
.order_form_20h, .order_form_20 {
	width:20%;
}
.order_form_70_photo {
	width:40%;
}
.order_form_70_text {
	width:50%;
}
.order_form_70_text li {
	padding-bottom:5px;
}
.order_form_70_photo li {
	width:100%;
}
.order_form_70_photo img {
	height:150px;
}
.input_voucher{
	width:160px;
}
}
@media only screen and (min-width: 1170px) {
.order_form_70_photo {
	width:30%;
}
.order_form_70_text {
	width:70%;
}
}
@media only screen and (min-width: 1300px) {
.order_form_70_photo {
	width:25%;
}
.order_form_70_text {
	width:75%;
}
}
@media only screen and (min-width: 1600px) {
.order_form_70_photo {
	width:20%;
}
.order_form_70_text {
	width:80%;
}
}



/* -------------------------------- 

photo map google map

-------------------------------- */
.photo1, .photo2 {
	width:45%;
	height:100px;
	margin:0.5em 5% 0.5em 0;
	float:left;
	border:1px solid #ffc5db;
}
.photo2 {
	width:45%;
	margin:0.5em 0 0.5em 5%;
}
.photo1 img, .photo2 img {
	height:100px;
}
@media only screen and (min-width: 1170px) {
.photo1, .photo2 {
	height:200px;
	margin:0.2em 1.6em 0.2em 0;
}
.photo2 {
	width:45%;
	margin:0.2em 0 0.2em 1.6em;
}
	.photo1 img, .photo2 img {
	height:200px;
}
}


/* -------------------------------- 

sucess

-------------------------------- */
.order_form_success {
	width:100%;
	border:10px solid #ffc5db;
	border-radius:7px;
	margin:0;
	padding:0.5em;
	float:left;
}
.order_left, .order_right, .order_left25  {
	width:100%;
	float:left;
	padding:0 0 0.5em 0;
	color:#000000;
	font-weight:normal;
	line-height:1.6em;
}
.order_left50 {
	width:100%;
	float:left;
	border:1px solid #f3b0ea;
	border-radius:10px;
	padding:10px;
	margin-bottom:10px;
}
.aaa, .bbb {
	width:30%;
	float:left;
}
.bbb {
	width:70%;
	font-weight:500;
	font-size:1.8rem;
	line-height:1.5em;
	color:#a04242;
	text-decoration:none;
	list-style:none;
}
.bbb a {
	color:#a04242;
}
.order_left h1, .order_right h1  {
	color:#fe6da4;
	font-weight:bold;
	line-height:2.2em;
}
.order_left li, .order_right li  {
	list-style: url(../img/footicon.png);
	margin-left:2em;
	padding:0.5em 0 0 1em;
}
.order_left {
	border-bottom:1px solid #fec5e5;
	margin-bottom:15px;
}
.order_left1, .order_left2, .order_left3{
	width:100%;
	float:left;
	color:#000000;
	padding:0 0 0.5em 0;
	line-height:1.5em;
	display:block;
}
.order_left1 {
	width:40%;
}
.order_left2 {
	width:5%;
}
.order_left3 {
	width:55%;
}
.order_right_p {
	width:100%;
	float:left;
}
.order_right_pp {
	width:100%;
	float:left;
	background-image: url(../assets/call_center.png);
	background-size:cover;
	background-repeat:no-repeat;
	height:420px;
}
.order_right_pp a {
	color:#f69abf;
	padding-left:10px;
	font-weight:500;
}
.order_right_pp a:hover {
	color:#fd1aaa;
}
@media only screen and (min-width: 768px) {
.order_form_success {
	padding:1.5em;
	width:90%;
	margin-left:5%;
}
.order_left {
	width:47%;
	margin-right:3%;
	border-bottom:none;
	margin-bottom:0;
}
.order_left25 {
	width:25%;
}
.order_right {
	width:47%;
	margin-left:3%;
}
.order_left1, .order_left2, .order_left3{
	padding:0 0 0.4em 0;
}
.order_right_p {
	width:50%;
}
.order_right_pp {
	width:60%;
	height:380px;
}
.order_left50 {
	width:250px;
	margin-right:10px;
	margin-bottom:10px;
}
}
@media only screen and (min-width: 1170px) {
.order_left1 {
	width:30%;
}
.order_left2 {
	width:5%;
}
.order_left3 {
	width:65%;
}
.order_left50 {
	width:250px;
	margin-right:20px;
	margin-bottom:10px;
}
}
@media only screen and (min-width: 1600px) {
.order_form_success {
	width:72%;
	margin-left:14%;
}
}
@media only screen and (min-width: 1800px) {
.order_form_success {
	width:64%;
	margin-left:18%;
}
}









/* -------------------------------- 

popup 

-------------------------------- */
.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}


.cd-popup-trigger {
  display: block;
  width: 120px;
  padding:0.7em;
  margin: 0.5em 0;
  text-align: center;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 5px;
  background: #fe6da4;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
}
.cd-popup-trigger:hover {
	background: #fd3d86;
}
@media only screen and (min-width: 1170px) {
  .cd-popup-trigger {
    margin: 0.5em 0;
  }
}

.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
  z-index:4;
}
@media only screen and (min-width: 1170px) {
  .cd-popup  {
	  padding-top:10%;
  }
}

.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: 4em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container p {
  padding: 3em 1em;
  font-size:1.8rem;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fe6da4;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fe1f00;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #000000;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #000000;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #000000;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}




/* -------------------------------- 

Cart

-------------------------------- */
.cd-add-to-cart {
  display: inline-block;
  padding: 0.2em 1.2em;
  background: #fe6da4;
  border-radius: 0.5em;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: .1em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .2s;
  transition: all .2s;
}
.cd-add-to-cart:hover {
  background: #fd3d86;
}
.cd-add-to-cart:active {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}


.cd-cart-container::before {
  /* dark bg layer visible when the cart is open */
  content: '';
  position: fixed;
  z-index: 7;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .4s, visibility .4s;
  transition: opacity .4s, visibility .4s;
}

.cd-cart-container.cart-open::before {
  opacity: 1;
  visibility: visible;
}

.cd-cart-trigger,
.cd-cart {
  position: fixed;
  bottom: 20px;
  right: 5%;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: transform;
  backface-visibility: hidden;
}
.empty .cd-cart-trigger, .empty
.cd-cart {
  /* hide cart */
  -webkit-transform: translateY(150px);
      -ms-transform: translateY(150px);
          transform: translateY(150px);
}
@media only screen and (min-width: 1170px) {
  .cd-cart-trigger,
  .cd-cart {
    bottom: 40px;
  }
}

.cd-cart-trigger {
  /* button that triggers the cart content */
  z-index: 8;
  height: 72px;
  width: 72px;
  /* replace text with image */
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}
.cd-cart-trigger::after, .cd-cart-trigger::before {
  /* used to create the cart/'X' icon */
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  height: 100%;
  width: 100%;
  border-radius:5px;
  background:url(../img/symbol/cd-icons-cart-close.svg) no-repeat 0 0;
  -webkit-transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, -webkit-transform .2s;
  transition: opacity .2s, transform .2s;
  transition: opacity .2s, transform .2s, -webkit-transform .2s;
}
.cd-cart-trigger::after {
  /* 'X' icon */
  background-position: -72px 0;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
      -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
          transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.cart-open .cd-cart-trigger::before {
  opacity: 0;
}
.cart-open .cd-cart-trigger::after {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.cd-cart-trigger .count {
  /* number of items indicator */
  position: absolute;
  top: -10px;
  right: -10px;
  height: 30px;
  width: 30px;
  background: #fd1f00;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 50%;
  text-indent: 0;
  -webkit-transition: -webkit-transform .2s .5s;
  transition: -webkit-transform .2s .5s;
  transition: transform .2s .5s;
  transition: transform .2s .5s, -webkit-transform .2s .5s;
}
.cd-cart-trigger .count li {
  /* this is the number of items in the cart */
  position: absolute;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.cd-cart-trigger .count li:last-of-type {
  visibility: hidden;
}
.cd-cart-trigger .count.update-count li:last-of-type {
  -webkit-animation: cd-qty-enter .15s;
          animation: cd-qty-enter .15s;
  -webkit-animation-direction: forwards;
          animation-direction: forwards;
}
.cd-cart-trigger .count.update-count li:first-of-type {
  -webkit-animation: cd-qty-leave .15s;
          animation: cd-qty-leave .15s;
  -webkit-animation-direction: forwards;
          animation-direction: forwards;
}
.cart-open .cd-cart-trigger .count {
  -webkit-transition: -webkit-transform .2s 0s;
  transition: -webkit-transform .2s 0s;
  transition: transform .2s 0s;
  transition: transform .2s 0s, -webkit-transform .2s 0s;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.empty .cd-cart-trigger .count {
  /* fix bug - when cart is empty, do not animate count */
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.cd-cart-trigger:hover + div .wrapper {
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.3);
}
.cart-open .cd-cart-trigger:hover + div .wrapper {
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
}

.cd-cart {
  /* cart content */
  z-index:7;
  width: 90%;
  max-width: 440px;
  height: 400px;
  max-height: 90%;
  pointer-events: none;
}
.cd-cart .wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 7;
  overflow: hidden;
  height: 72px;
  width: 72px;
  border-radius: 6px;
  -webkit-transition: height .4s .1s, width  .4s .1s, box-shadow .3s;
  transition: height .4s .1s, width  .4s .1s, box-shadow .3s;
  -webkit-transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
          transition-timing-function: cubic-bezier(0.67, 0.17, 0.32, 0.95);
  background: #ffffff;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);
  pointer-events: auto;
}
.cd-cart header, .cd-cart footer {
  position: absolute;
  z-index: 7;
  left: 0;
  width: 100%;
}
.cd-cart header, .cd-cart .body {
  opacity: 0;
}
.cd-cart header {
  top: 0;
  border-radius: 6px 6px 0 0;
  padding: 0 1.4em;
  height: 40px;
  line-height: 40px;
  background-color: #ffc5db;
  -webkit-transition: opacity .2s 0s;
  transition: opacity .2s 0s;
  border-bottom: 1px solid #e6e6e6;
}
.cd-cart header::after {
  clear: both;
  content: "";
  display: block;
}
.cd-cart footer {
  bottom: 0;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.15);
  background: #ffffff;
}
.cd-cart h2 {
  text-transform: uppercase;
  display: inline-block;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .1em;
}
.cd-cart .undo {
  float: right;
  font-size: 1.4rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s, visibility .2s;
  transition: opacity .2s, visibility .2s;
  color: #000000;
}
.cd-cart .undo a {
  text-decoration: underline;
  color: #000000;
}
.cd-cart .undo a:hover {
  color: #fe6da4;
}
.cd-cart .undo.visible {
  opacity: 1;
  visibility: visible;
}
.cd-cart .checkout {
  display: block;
  height: 72px;
  line-height: 72px;
  margin-right: 72px;
  background: #fe6ea4;
  color: rgba(255, 255, 255, 0);
  text-align: center;
  font-size: 1.8rem;
  font-weight: 600;
  -webkit-transition: all .2s 0s;
  transition: all .2s 0s;
}
.cd-cart .checkout:hover {
  background: #fd3e86;
}
.cd-cart .checkout em {
  position: relative;
  display: inline-block;
  -webkit-transform: translateX(40px);
      -ms-transform: translateX(40px);
          transform: translateX(40px);
  -webkit-transition: -webkit-transform 0s .2s;
  transition: -webkit-transform 0s .2s;
  transition: transform 0s .2s;
  transition: transform 0s .2s, -webkit-transform 0s .2s;
}
.cd-cart .checkout em::after {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  content: '';
  height: 24px;
  width: 24px;
  background: url(../img/symbol/cd-icon-arrow-next.svg) no-repeat center center;
  opacity: 0;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}
.cd-cart .body {
  position: relative;
  z-index: 1;
  height: calc(100% - 40px);
  padding: 20px 0 10px;
  margin: 40px 0 10px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
}
.cd-cart .body ul {
  overflow: hidden;
  padding: 0 1.4em;
  position: relative;
  padding-bottom: 90px;
}
.cd-cart .body li {
  position: relative;
  opacity: 0;
  -webkit-transform: translateX(80px);
      -ms-transform: translateX(80px);
          transform: translateX(80px);
  -webkit-transition: opacity 0s .2s, -webkit-transform 0s .2s;
  transition: opacity 0s .2s, -webkit-transform 0s .2s;
  transition: opacity 0s .2s, transform 0s .2s;
  transition: opacity 0s .2s, transform 0s .2s, -webkit-transform 0s .2s;
}
.cd-cart .body li::after {
  clear: both;
  content: "";
  display: block;
}
.cd-cart .body li:not(:last-of-type) {
  margin-bottom: 20px;
}
.cd-cart .body li.deleted {
  /* this class is added to an item when it is removed form the cart */
  position: absolute;
  left: 1.4em;
  width: calc(100% - 2.8em);
  opacity: 0;
  -webkit-animation: cd-item-slide-out .3s forwards;
          animation: cd-item-slide-out .3s forwards;
}
.cd-cart .body li.deleted.undo-deleted {
  /* used to reinsert an item deleted from the cart when user clicks 'Undo' */
  -webkit-animation: cd-item-slide-in .3s forwards;
          animation: cd-item-slide-in .3s forwards;
}
.cd-cart .body li.deleted + li {
  -webkit-animation: cd-item-move-up-mobile .3s;
          animation: cd-item-move-up-mobile .3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.cd-cart .body li.undo-deleted + li {
  -webkit-animation: cd-item-move-down-mobile .3s;
          animation: cd-item-move-down-mobile .3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.cd-cart .product-image {
  display: inline-block;
  float: left;
  /* the image height determines the height of the list item - in this case height = width */
  width: 50px;
}
.cd-cart .product-image img {
  display: block;
}
.cd-cart .product-details {
  position: relative;
  display: inline-block;
  float: right;
  width: calc( 100% - 50px);
  padding: 0.3em 0 0 0.5em;
}
.cd-cart .product-details::after {
  clear: both;
  content: "";
  display: block;
}
.cd-cart h3, .cd-cart .price {
  font-weight: bold;
}
.cd-cart h3 {
  width: 70%;
  float: left;
  /* truncate title with dots if too long */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cd-cart h3 a {
  color: #000000;
}
.cd-cart h3 a:hover {
  color: #fd3e86;
}
.cd-cart .price {
  float: right;
  width: 30%;
  text-align: right;
}
.cd-cart .actions {
  font-size: 1.6rem;
  height: 1.6em;
  line-height: 1.6em;
}
.cd-cart .actions::after {
  clear: both;
  content: "";
  display: block;
}
.cd-cart .delete-item, .cd-cart .quantity {
  float: left;
  color: #ffc5db;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-cart .delete-item {
  margin-right: 1em;
  margin-top:0.3em;
}
.cd-cart .delete-item:hover {
  color: #fd1f00;
}
.cd-cart .quantity label {
  display: inline-block;
  margin-right: .3em;
  margin-top:0.3em;
  color: #a04246;
}
.cd-cart .select {
  position: relative;
}
.cd-cart .select::after {
  /* switcher arrow for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 12px;
  height: 12px;
  background: url(../img/symbol/cd-icon-select.svg) no-repeat center center;
  pointer-events: none;
}
.cd-cart select {
  position: relative;
  padding: 0 1em 0 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font-size: 1.6rem;
  margin: 0;
  color: #a04246;
}
.cd-cart select:focus {
  outline: none;
  color: #a04246;
  box-shadow: 0 1px 0 currentColor;
}
.cd-cart select::-ms-expand {
  /* hide default select arrow on IE */
  display: none;
}
.cart-open .cd-cart .wrapper {
  height: 100%;
  width: 100%;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.cart-open .cd-cart header, .cart-open .cd-cart .body {
  opacity: 1;
}
.cart-open .cd-cart header {
  -webkit-transition: opacity .2s .2s;
  transition: opacity .2s .2s;
}
.cart-open .cd-cart .body {
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}
.cart-open .cd-cart .body li {
  -webkit-transition: opacity .3s .2s, -webkit-transform .3s .2s;
  transition: opacity .3s .2s, -webkit-transform .3s .2s;
  transition: transform .3s .2s, opacity .3s .2s;
  transition: transform .3s .2s, opacity .3s .2s, -webkit-transform .3s .2s;
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.cart-open .cd-cart .body li:nth-of-type(2) {
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
}
.cart-open .cd-cart .body li:nth-of-type(3) {
  -webkit-transition-duration: .5s;
          transition-duration: .5s;
}
.cart-open .cd-cart .body li:nth-of-type(4), .cart-open .cd-cart .body li:nth-of-type(5) {
  -webkit-transition-duration: .55s;
          transition-duration: .55s;
}
.cart-open .cd-cart .checkout {
  color: #ffffff;
  -webkit-transition: color .2s .3s;
  transition: color .2s .3s;
}
.cart-open .cd-cart .checkout em {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: padding .2s 0s, -webkit-transform .2s .3s;
  transition: padding .2s 0s, -webkit-transform .2s .3s;
  transition: transform .2s .3s, padding .2s 0s;
  transition: transform .2s .3s, padding .2s 0s, -webkit-transform .2s .3s;
}
.cart-open .cd-cart .checkout:hover em {
  padding-right: 30px;
}
.cart-open .cd-cart .checkout:hover em::after {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-cart .body li:not(:last-of-type) {
    margin-bottom: 14px;
  }
  .cd-cart .body li.deleted + li {
    -webkit-animation: cd-item-move-up .3s;
            animation: cd-item-move-up .3s;
  }
  .cd-cart .body li.undo-deleted + li {
    -webkit-animation: cd-item-move-down .3s;
            animation: cd-item-move-down .3s;
  }
  .cd-cart .checkout {
    font-size: 2.4rem;
  }
  .cd-cart .product-image {
    width: 90px;
  }
  .cd-cart .product-details {
    padding: 1.4em 0 0 1em;
    width: calc( 100% - 90px);
  }
  .cd-cart h3, .cd-cart .price {
    font-size: 1.8rem;
  }
}

@-webkit-keyframes cd-qty-enter {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }
}

@keyframes cd-qty-enter {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(0);
            transform: translateX(-50%) translateY(0);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }
}
@-webkit-keyframes cd-qty-leave {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-100%);
            transform: translateX(-50%) translateY(-100%);
  }
}
@keyframes cd-qty-leave {
  0% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }
  100% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-100%);
            transform: translateX(-50%) translateY(-100%);
  }
}
@-webkit-keyframes cd-item-move-up-mobile {
  0% {
    padding-top: 70px;
  }
  100% {
    padding-top: 0px;
  }
}
@keyframes cd-item-move-up-mobile {
  0% {
    padding-top: 70px;
  }
  100% {
    padding-top: 0px;
  }
}
@-webkit-keyframes cd-item-move-up {
  0% {
    padding-top: 104px;
  }
  100% {
    padding-top: 0px;
  }
}
@keyframes cd-item-move-up {
  0% {
    padding-top: 104px;
  }
  100% {
    padding-top: 0px;
  }
}
@-webkit-keyframes cd-item-move-down-mobile {
  0% {
    padding-top: 0px;
  }
  100% {
    padding-top: 70px;
  }
}
@keyframes cd-item-move-down-mobile {
  0% {
    padding-top: 0px;
  }
  100% {
    padding-top: 70px;
  }
}
@-webkit-keyframes cd-item-move-down {
  0% {
    padding-top: 0px;
  }
  100% {
    padding-top: 104px;
  }
}
@keyframes cd-item-move-down {
  0% {
    padding-top: 0px;
  }
  100% {
    padding-top: 104px;
  }
}
@-webkit-keyframes cd-item-slide-out {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
    opacity: 0;
  }
}
@keyframes cd-item-slide-out {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
    opacity: 0;
  }
}
@-webkit-keyframes cd-item-slide-in {
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  0% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
    opacity: 0;
  }
}
@keyframes cd-item-slide-in {
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  0% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
    opacity: 0;
  }
}



/* -------------------------------- 

Log in

-------------------------------- */
.textf {
	width:100%;
	border:1px solid #ffc5db;
	padding:0.8em;
	color:#fe6da4;
	margin-bottom:20px;
}

.textff {
	width:100%;
	text-align:center;
	font-size:1.6rem;
	font-weight:bold;
	color:#000000;
	margin-bottom:20px;
}



/* -------------------------------- 

News

-------------------------------- */
.containerr { width:100%; margin:0px auto 0px; background:#FFFFFF; padding:1em 0; }
.containerr h1 {
	font-size:2rem;
	color:#fd3d86;
	padding-bottom:1em;
}
.lof-slidecontent{
	position:relative;
	overflow:hidden;
	border:#F4F4F4 solid 1px;
	width:100%;
	height:300px;
	z-index:2;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../img_news/load-indicator.gif) no-repeat scroll 50% 50%;
}
/* main flash */
.lof-main-wapper{
	margin-right:auto;
	overflow:hidden;
	background:transparent url(../img_news/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	height:100%;
	width:100%;
	position:relative;
	overflow:hidden;
}
@media only screen and (min-width: 1000px) {
.lof-slidecontent{
	width:65%;
}
.lof-main-wapper{
	width:70%;
}
}
@media only screen and (min-width: 1600px) {
.lof-main-wapper{
	width:70%;
}
}
.lof-main-wapper .lof-main-item{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
	position:absolute;
}
.lof-main-wapper .lof-main-item img{
	padding:0px;	
	width:100%;
}

.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	top:185px;
	left:20px;
	width:400px;
	background:url(../img_news/transparent_bg.png);

	/* filter:0.7(opacity:60) */
}
.lof-main-item-desc p{
	color:#000000;
	margin:0 8px;
	padding:5px 0
}
.lof-main-item-desc h3 a{
	color:#FFF;	
	margin:0;
	font-size:1.8rem;
	padding:20px 8px 2px;
}
.lof-main-item-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}


/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.lof-navigator-outer{
	position:absolute;
	right:0;
	top:0px;
	z-index:100;
	height:300px;
	width:310px;
	overflow:hidden;
	color:#FFF;
}
.lof-navigator li.active{
	background:url(../img_news/arrow-bg.png) no-repeat scroll left center; 
	color:#FFF;
}
.lof-navigator li:hover{
	
}


.lof-navigator li h3{
	color:#000;
	font-size:100%;
	padding:15px 0 0 !important;
	margin:0;

}
.lof-navigator li div{
	background:url(../img_news/transparent_bg.png);
	color:#000;
	height:100%;
	position:relative;
	margin-left:15px;
	padding-left:15px;
	border-top:1px solid #ffc5db;
}

.lof-navigator li.active div{
	background:url(../img_news/grad-bg.gif);
	color:#FFF;
}
.lof-navigator li img{
	height:70px;
	width:70px;
	margin:15px 15px 10px 0px;
	float:left;
	padding:3px;
	border:#ffc5db solid 1px;
}
.lof-navigator li.active img{
	border:##6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
	color:#FFF;
}
.lof-next{
	position:absolute;
	top:0;
	height:30px;
	background:#F9F9F9;
	display:block;
	width:100%;
}
.lof-previous{
	position:absolute;
	bottom:0;
	height:30px;
	background:#F9F9F9;
	display:block;
	width:100%;
}

/* -------------------------------- 

products

-------------------------------- */
.cd_products {
	width: 100%;
  	margin: 0 auto;
	float:left;
	position:relative;
	background-color:#fcdeea;
	border:1px solid #CCCCCC;
	border-radius: .5em .5em .25em .25em;
	margin:1em 0;
  	box-shadow: 0 1px 1px rgba(2, 4, 5, 0.5);
}
.cd_products_pic {
	width: 100%;
	height:280px;
	position:relative;
	margin: 0 auto;
	padding:0 7% 7% 7%;
	background-color:#fcdeea;
	overflow:hidden;
}
.cd_products_pic img {
	width: 100%;
	height:100%;
	max-height:280px;
	position:relative;
	background-color:#FFFFFF;
	border:1px solid #EEEEEE;
	overflow:hidden;
}
.cd_products_detail {
	width: 100%;
	height:250px;
	position:relative;
	background-color:#FFFFFF;
	overflow:hidden;
}
.cd_products_name, .cd_products_detail li {
	width: 100%;
	padding:0.35em 1em;
	text-align:center;
	color:#731015;
	font-size:2rem;
	font-weight:bold;
}
.cd_products_detail li {
	text-align:left;
	color:#000000;
	font-size:1.6rem;
	list-style:square;
	line-height:1.2em;
}
.cd_products_detail_in {
	color:#000000;
	font-size:1.6rem;
	line-height:1.7em;
}
.cd_products_price {
	width: 100%;
	float:left;
	position:absolute;
	color:#000000;
	font-size:1.6rem;
	text-align:left;
	font-weight:bold;
	text-align:center;
	padding:0.5em 1em;
	bottom:2.5em;
}
.cd_products_go {
	width: 100%;
	float:left;
	position:absolute;
	background-color:#FFFFFF;
	padding:0.5em 0;
	bottom:0.2em;
}
.cd_product_button {
	margin-left:0;
}
.cd_product_button a {
	text-align:center;
	float:left;
	margin:0 0 0 2em;
	background-color:#000000;
	font-size:1.4rem;
	color:#FFFFFF;
	font-weight:bold;
	padding:0.4em 1.2em 0.5em 1.2em;
	border-radius:40px;
	text-decoration:none;
}
.cd_product_button a:hover {
	color:#FFFFFF;
	background-color:#fc5279;
}
.cd_product_hotsell {
	background-image:url(../img/symbol/sell.png);
	position:absolute;
	top:20px;
	left:-25px;
	width:112px;
	height:63px;
	padding:1em;
	font-size:2rem;
	letter-spacing:0.1em;
	font-weight:bold;
	color:#FFFFFF;
	z-index:1;
}
@media only screen and (min-width: 560px) {
.cd_products {
	width: 50%;
}
}
@media only screen and (min-width: 620px) {
.cd_products_pic {
	width: 100%;
	height:250px;
}
}
@media only screen and (min-width: 768px) {
.cd_products {
	width: 100%;
	max-width:230px;
  	margin:1em 3em 1em 0;
}
.cd_products_pic {
	width: 100%;
	height:220px;
}
.cd_products_pic img {
	width: 100%;
	max-height:220px;
}
.cd_product_button a {
	margin:0 0 0 1em;
}
}
@media only screen and (min-width: 1000px) {
.cd_products {
  	margin:1em 3em 1em 0;
}
}
@media only screen and (min-width: 1200px) {
.cd_products {
	max-width:250px;
  	margin:1em 6em 1em 0;
}
}
@media only screen and (min-width: 1300px) {
.cd_products {
  	margin:1em 2.5em 1em 0;
}
}
@media only screen and (min-width: 1400px) {
.cd_products {
  	margin:1em 3.2em 1em 0;
}
}
@media only screen and (min-width: 1600px) {
.cd_products {
  	margin:1em 2em 1em 0;
}
}
@media only screen and (min-width: 1800px) {
.cd_products {
  	margin:1em 3em 1em 0;
}
}
/* -------------------------------- 

colors + prices

-------------------------------- */
.counts {
	width:100px;
	height:30px;
	float:right;
	text-align:right;
	padding:0.5em;
	border:1px solid #ffc5db;
	border-radius:5px;	
}
.products_left {
	width:100%;
	float:left;
}
.cd_products_left_pic {
	width: 100%;
	position:relative;
}
.cd_products_left_pic img {
	width: 100%;
	position:relative;
	background-color:#FFFFFF;
	border:1px solid #EEEEEE;
	overflow:hidden;
}
.products_right {
	width:100%;
	float:left;
	font-weight:bold;
}
.products_right_images {
	margin-right:50px;
}
.products_right_images img {
	height:150px;
}
@media only screen and (min-width: 768px) {
.products_left {
	width:25%;
}
.products_right {
	width:70%;
	margin-left:5%;
}
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		.big-link {
		margin-top:15px;
		margin-bottom:15px;
		text-align:center;
		font-size:1.6rem; 
		color:#ffffff;
		float:right;
		padding:0.7rem 1em;
		border-radius:5px; 
		background-color:#fe6da4; 
		border:1px solid #fe6da4;
		margin-left:30px }
		.big-link1 {
		margin-top:5px;
		margin-bottom:5px;
		text-align:center;
		font-size:1.6rem; 
		color:#ffffff;
		padding:0.7rem 1em;
		border-radius:5px; 
		background-color:#fe6da4; 
		border:1px solid #fe6da4;
		margin-left:30px }
@media only screen and (min-width: 768px) {
	.big-link {
		margin-bottom:10px;
		margin-left:50px }
}	

	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 4;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 10%;
		margin-left: 0px;
		width:300px;
		background:#FFFFFF url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 5;
		padding:1em 2em;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
@media only screen and (min-width: 768px) {
	.reveal-modal {
		left: 30%;
		width:400px;
	}
}
@media only screen and (min-width: 1000px) {
	.reveal-modal {
		left: 40%;
	}
}	
	/*.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}*/
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		}