@font-face {
  font-family: 'sansationbold';
  src: url('../fonts/sansation_bold-webfont.woff2') format('woff2'),
  url('../fonts/sansation_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'sansation_lightregular';
  src: url('../fonts/sansation_light-webfont.woff2') format('woff2'),
  url('../fonts/sansation_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'sansationregular';
  src: url('../fonts/sansation_regular-webfont.woff2') format('woff2'),
  url('../fonts/sansation_regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
html,body{
  font-family: "sansationbold";
}
input,button,select,textarea{
  outline:none;
}
a{
  text-decoration: none;
}
textarea{
  resize:none
}
*{
  margin:0 auto;
  padding:0;
}
.warp .headerwarp{
  width: 1200px;
}
.warp .headerwarp .header{
  padding: 20px 20px 0 20px;
  height: 564px;
  background: url(../img/topblue.gif) no-repeat center;
  position: relative;
}
.warp .headerwarp .header .backyellow{
  width: 625px;
  height: 610px;
  left: 18px;
  top: 10px;
  position: absolute;
  background: url(../img/homeyellow.png) no-repeat center;
}
.warp .headerwarp .header .backyellow .topdog{
  position: absolute;
  width: 417px;
  height: 479px;
  top: 130px;
  left: 63px;
  background: url(../img/positivebigdog.png) no-repeat center;
}


.warp .headerwarp .header .backyellow .menu{
  position: absolute;
  width: 520px;
  height: 44px;
  margin: 0 auto;
  top: 25px;
  left: 70px;
}
.warp .headerwarp .header .backyellow .menu .logo img{
  width: 130px;
  margin: 2px 0;
}
.warp .headerwarp .header .backyellow .menu ul{
  overflow: hidden;
  position: absolute;
  left: 154px;
  top: 0px;
}
.warp .headerwarp .header .backyellow .menu ul li{
  float: left;
}
.warp .headerwarp .header .backyellow .menu ul li a{
  display: inline-block;
  height: 44px;
  line-height: 44px;
  padding: 0 18px;
  text-decoration: none;
  color: #fff;
  font-family: 'sansationregular';
  font-size: 14px;
}
.warp .headerwarp .header .backyellow .menu ul li a:hover,
.warp .headerwarp .header .backyellow .menu ul li.active a{
  color: white;
  background-color: #164888;
}
.warp .headerwarp .header .swiper{
  width: 460px;
  height: 530px;
  position: absolute;
  top: 34px;
  right: 68px;
}
.warp .headerwarp .header .swiper .swiper-slide .swipertop .training{
  color: #fff;
  float: left;
}
.warp .headerwarp .header .swiper .swiper-slide .swipertop .training h2{
  font-family: 'sansationregular';
  font-size: 24px;
}
.warp .headerwarp .header .swiper .swiper-slide .swipertop .training p{
  font-family: 'sansationregular';
  font-size: 12px;
  width: 270px;
  padding-top: 8px;
}
.warp .headerwarp .header .swiper .swiper-slide .swipertop .butmore ul{
  color: #fff;
  float: right;
}
.warp .headerwarp .header .swiper .swiper-slide .swipertop .butmore ul li{
  margin-top: 15px;
}
.warp .headerwarp .header .swiper .swiper-slide .swipertop .butmore ul li>a{
  display: block;
  padding:10px 17px;
  font-size: 11.35px;
  font-family: 'sansationregular';
  background-color: #1d60b4;
  color: #fff;
  text-align: center;
}
.warp .headerwarp .header .swiper .swiper-slide .swipertop .butmore ul li>a:hover{
  background-color: #fff;
  color: #164989;
}
.warp .headerwarp .header .swiper .swiper-slide .swiperbtm{
  width: 420px;
  height: 390px;
  margin-top: 134px;
  text-align: center;
}
.warp .headerwarp .header .swiper .swiper-container .swiper-pagination{
  margin-top: 20px;
}
.warp .contentwarp{
  width: 1160px;
}
.warp .contentwarp .contact{
  position: relative;
  height: 430px;
  width: 1060px;
}
.warp .contentwarp .contact .leftyellow{
  position: absolute;
  top: 10px;
  right:0;
}
.warp .contentwarp .contact .lorem{
  position: absolute;
  width: 780px;
  height: 314px;
  border:3px solid #133b6e;
  top: 110px;
}
.warp .contentwarp .contact .lorem .ipsumcontact{
  width: 485px;
  color: #164989;
  font-size: 12px;
  font-family: "sansationregular";
  position: absolute;
  top: 42px;
  left: 64px;
  font-weight:bold;
  line-height: 22px;
}
.warp .contentwarp .contact .lorem .amazonposition{
  position: absolute;
  top: 242px;
  left: 382px;
}
.warp .contentwarp .contact .lorem .leftdogposition{
  position: absolute;
  top: -10px;
  left: 605px;
}
.warp .contentwarp .contact .aboutposition{
  position: absolute;
  font-family: 'sansationbold';
  font-size: 18px;
  color: #fff;
  top: 52px;
  left: 632px;
  letter-spacing: 2px;
  font-weight: bolder;
}
.warp .contentwarp .productswrap{
  width: 1060px;
  height: 700px;
  position: relative;
}
.warp .contentwarp .productswrap .positivedog{
  position: absolute;
  top: -71px;
}
.warp .contentwarp .productswrap .productsposition{
  position: absolute;
  top: 142px;
  left: 95px;
  z-index: 100;
  letter-spacing: 2px;
  font-weight: bolder;
  font-family: 'sansationbold';
  font-size: 18px;
  color: #fff;
}
.warp .contentwarp .productswrap .petnavi{
  position: absolute;
  top: 185px;
  width: 290px;
  text-align: center;
}
.warp .contentwarp .productswrap .petnavi>ul li a{
  display: block;
  width: 290px;
  height: 74px;
  background-color: #164989;
  color: white;
  line-height: 74px;
  border-bottom:1px solid #3768a8;
  font-size: 14px;
  font-family: "sansationregular";
  letter-spacing: 1px;
  font-weight: bold;
}
.warp .contentwarp .productswrap .petnavi>ul li:last-child a{
  border-bottom: none;
}
.warp .contentwarp .productswrap .petnavi>ul li.active a{
  color: #164989;
  background-color: #fff;
}
.warp .contentwarp .productswrap .switch{
  position: absolute;
  width: 732px;
  height: 540px;
  top: 150px;
  left: 340px;
}
.warp .contentwarp .productswrap .switch .slidewarp{
  height:508px;
  overflow: hidden;
}
.warp .contentwarp .productswrap .switch .swiperbottom{
  width: 190px;
  height: 210px;
  text-align: center;
  float: left;
  margin-right: 50px;
  margin-bottom: 44px;
}
.warp .contentwarp .productswrap .switch .swiperbottom .phoneposition img{
  width: 170px;
  height:170px;
}
.warp .contentwarp .productswrap .switch .swiperbottom-nomargin{
  margin-right: 5px;
}
.warp .contentwarp .productswrap .switch .swiperbottom>p{
  margin-top: 10px;
}
.warp .contentwarp .productswrap .switch .swiperbottom>p a{
  font-family: 'sansationbold';
  font-size: 14px;
  color: #164989;
  font-weight: bold;

}
.warp .contentwarp .productswrap .switch .swiperbottom .air-cart{
  margin-top: 6px;
}
.warp .contentwarp .productswrap .switch .swiperbottom .air-cart .icon{
  display: inline-block;
  width: 23px;
  height:15px;
}
.warp .contentwarp .productswrap .switch .swiperbottom .air-cart .icon.preview-icon{
  background: url(../img/preview.png) no-repeat center;
}
.warp .contentwarp .productswrap .switch .swiperbottom .air-cart .icon.buy-icon{
  background: url(../img/buy.png) no-repeat center;
}


.warp .contentwarp .productswrap .switch .swiper-container .switch-wrapper .slidewarp .switch-slide{
  height: 525px;
}
.warp .contentwarp .productswrap .switch .swiper-container .switch-pagination>span{
  width: 22px;
  height: 22px;
  background-color: #164989;
}
.switch-pagination{
  text-align: center;
  position: relative;
  left:-20px;
}
.switch-pagination ul{
  overflow: hidden;
  display: inline-block;
}
.switch-pagination ul li{
  float: left;
}
.switch-pagination ul li a,
.switch-pagination ul li span{
  width: 22px;
  height: 22px;
  display: block;
  background-color: #164989;
  float: left;
  color: #fff;
  line-height: 22px;
  text-align: center;
  margin-right: 10px;
  font-family: "sansationregular";
  font-size: 14px;
}
.switch-pagination ul li.active span{
  background-color: #f29024;
}
.warp .contentwarp .supportwrap{
  width: 1060px;
  margin-top: 60px;
  position: relative;
}
.warp .contentwarp .supportwrap .support-background{
  width: 1060px;
  height: 232px;
  background: url(../img/bottomdog.gif) no-repeat center;
  position: relative;
}
.warp .contentwarp .supportwrap .support-background .supportposition{
  position: absolute;
  top: -15px;
  left: 0px;
}
.warp .contentwarp .supportwrap .support-background .supportfont{
  position: absolute;
  top: 97px;
  left: 95px;
  letter-spacing: 2px;
  font-weight: bolder;
  font-family: 'sansationbold';
  font-size: 18px;
  color: #fff;
}
.warp .contentwarp .supportwrap .guides{
  position:relative;
  overflow: hidden;
  z-index: 1000;
}
.warp .contentwarp .supportwrap .guides>ul{
  overflow: hidden;
}
.warp .contentwarp .supportwrap .guides>ul li{
  float: left;
}
.warp .contentwarp .supportwrap .guides>ul li a{
  display: block;
  width: 351px;
  background-color: #164989;
  height: 54px;
  line-height: 54px;
  text-align: center;
  border-left: 1px solid #11396c;
  border-right:1px solid #2e5c95;
  color: #fff;
  font-size: 14px;
  font-family: 'sansationregular';
  letter-spacing: 1px;
  font-weight: bold;
}
.warp .contentwarp .supportwrap .guides>ul li:first-child a{
  border-left: none;
}
.warp .contentwarp .supportwrap .guides>ul li:last-child a{
  border-right: none;
}
.warp .contentwarp .supportwrap .guides>ul li.active a{
  background-color: #fff;
  color: #164989;
}
.warp .contentwarp .supportwrap .guides-product{
  height: 385px;
  width: 1054px;
  margin-top: 30px;
}
.warp .contentwarp .supportwrap .support-content .support-item{
  display: none;
}
.warp .contentwarp .supportwrap .support-content .support-item.active{
  display: block;
}
.warp .contentwarp .supportwrap .guides-product .product-show{
  width: 320px;
  height: 130px;
  float: left;
  margin-left: 20px;
  margin-top: 40px;
}
.warp .contentwarp .supportwrap .guides-product .product-show .productimg{
  width: 118px;
  float: left;
}
.warp .contentwarp .supportwrap .guides-product .product-show .product-user{
  padding-left: 130px;
}
.warp .contentwarp .supportwrap .guides-product .product-show .product-user>a{
  color: #164989;
  font-size: 13.2px;
  font-family: 'sansationbold';
  display: block;
  width: 175px;
  padding-top: 28px;
  font-weight: bold;
}
.warp .contentwarp .supportwrap .guides-product .product-show .product-collar{
  padding-left: 135px;
}
.warp .contentwarp .supportwrap .guides-product .product-show .product-collar>a{
  color: #356199;
  font-size:13.2px;
  display: block;
  width: 180px;
  font-family: 'sansationregular';
  font-weight: bold;
  padding-top: 4px;
}
.warp .contentwarp .supportwrap .guides-product .product-show .download{
  display: block;
  width: 106px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background-color: #f29024;
  margin-left: 138px;
  color: #fff;
  font-size:13.2px;
  font-family: 'sansationbold';
  letter-spacing: 1px;
  margin-top: 6px;
  font-weight: bold;
}
.warp .contentwarp .supportwrap .guides-warranty{
  width: 800px;
  margin: 55px auto;
  text-align: left;
}
.warp .contentwarp .supportwrap .guides-warranty>h2{
  font-family: 'sansationbold';
  font-size: 14px;
  color: #164989;
  letter-spacing: 1px;
}
.warp .contentwarp .supportwrap .guides-warranty>p{
  font-family: 'sansationbold';
  font-size: 12px;
  color: #164989;
  margin-top: 15px;
}
.warp .contentwarp .supportwrap .guides-support{
  margin: 55px auto;
  width: 834px;
}
.warp .contentwarp .supportwrap  .guides-support form{
  display: none;
  letter-spacing: 1px;
}
.warp .contentwarp .supportwrap  .guides-support form.active{
  display: block;
}
.warp .contentwarp .supportwrap  .guides-support  .choose-shop{
  height: 40px;
}
.warp .contentwarp .supportwrap  .guides-support  .choose-shop span{
  font-size: 12px;
  font-family: 'sansationbold';
  text-align: center;
  color: #164989;
  margin: 0 5px;
}
.warp .contentwarp .supportwrap  .guides-support   .choose-shop .anazon-oxyled{
  width: 126px;
  height: 32px;
  border:3px solid #164989;
  padding:12px 17px;
}
.warp .contentwarp .supportwrap  .guides-support   .choose-shop .active span{
  background-color: #164989;
  color: #fff;
}
.warp .contentwarp .supportwrap  .guides-support form .form-input>input[type="text"]{
  border:none;
  border-bottom:1px solid #164989;
  width: 385px;
  margin:0 6px 0 0;
  font-size: 14px;
  font-family: 'sansationregular';
}
.warp .contentwarp .supportwrap  .guides-support form .form-input>input::-webkit-input-placeholder {
  color: #164989;
}
.warp .contentwarp .supportwrap  .guides-support form .form-input>input:-moz-placeholder {
  /* FF 4-18 */
  color: #164989;
}
.warp .contentwarp .supportwrap  .guides-support form .form-input>input::-moz-placeholder {
  /* FF 19+ */
  color: #164989;
}
.warp .contentwarp .supportwrap  .guides-support form .form-input>input:-ms-input-placeholder {
  /* IE 10+ */
  color: #164989;
}
.warp .contentwarp .supportwrap  .guides-support form .ordermessage .yourmessage{
  width: 470px;
  height: 65px;
  border:1px solid #164989;
  padding-left: 10px;
  padding-top:5px;
  font-family: 'sansationregular';
}
.warp .contentwarp .supportwrap  .guides-support form .ordermessage .yourmessage::-webkit-input-placeholder {
  color: #164989;
}
.warp .contentwarp .supportwrap  .guides-support form .ordermessage .yourmessage:-moz-placeholder {
  /* FF 4-18 */
  color: #164989;
}
.warp .contentwarp .supportwrap  .guides-support form .ordermessage .yourmessage::-moz-placeholder {
  /* FF 19+ */
  color: #164989;
}
.warp .contentwarp .supportwrap  .guides-support form .ordermessage .yourmessage:-ms-input-placeholder {
  /* IE 10+ */
  color: #164989;
}
.warp .contentwarp .supportwrap  .guides-support form h2{
  font-size: 14px;
  font-family: 'sansationbold';
  color: #164989;
  margin-top: 19px;
  margin-bottom: 14px;
  display: block;
}
.warp .contentwarp .supportwrap  .guides-support form .input-site{
  margin-top: 20px;
  font-family: 'sansationbold';
  color: #164989;
  overflow: hidden;
}

.warp .contentwarp .supportwrap  .guides-support form .input-site>label{
  margin-left: 3px;
  margin-right: 13px;
  margin-top: -2px;
  display: block;
  float: left;
  font-size: 14px;
  font-family: 'sansationbold';
}
.warp .contentwarp .supportwrap  .guides-support form .input-site input[type="radio"]{
  appearance: none;
  display: block;
  float: left;
}
.warp .contentwarp .supportwrap  .guides-support form .input-site input[type="radio"]:after{
  border:2px solid #f18101;
}

.warp .contentwarp .supportwrap  .guides-support form .ordermessage{
  position: relative;
}
.warp .contentwarp .supportwrap  .guides-support form .email-name>input[type="submit"]{
  display: inline-block;
  padding: 10px 24px;
  color: white;
  background-color: #164989;
  border: none;
  margin-top: 15px;
  cursor: pointer;
}
.warp .contentwarp .product-detial{
  height: 490px;
  background-color: #fff;
}
.warp .contentwarp .product-detial .detial-left{
  float: left;
  width: 310px;
  margin-top:100px;
  margin-left:260px;
}
.warp .contentwarp .product-detial .detial-left .swiper-container .swiper-pagination .swiper-pagination-bullet{
  background-color: #164989;
}
.warp .contentwarp .product-detial .detial-left .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #F4E10A;
}

.warp .contentwarp .product-detial .detial-right{
  float: left;
  width: 270px;
  margin-top: 120px;
  margin-left: 70px;
}
.warp .contentwarp .product-detial .detial-right h2{
  font-size: 22px;
  font-family: 'sansationregular';
  color: #164989;
}
.warp .contentwarp .product-detial .detial-right p{
  font-size: 12px;
  font-family: 'sansationbold';
  color: #164989;
  width: 252px;
  margin-top: 6px;
  margin-bottom: 8px;
  margin-left: 0px;
}
.warp .contentwarp .product-detial .detial-right .fivestar span:first-child{
  font-size: 26px;
  font-family: 'sansationregular';
  color: #164989;
  padding-right: 22px;
}
.warp .contentwarp .product-detial .detial-right .fivestar span.star{
  display: inline-block;
  width: 19px;
  height:19px;
  background: url(../img/star.png) center no-repeat;
}
.warp .contentwarp .product-detial .detial-right .buyat>a{
  color: white;
  display:block;
  width: 130px;
  height: 30px;
  background-color: #164989;
  font-size: 11.35px;
  font-family: 'sansationregular';
  text-align: center;
  line-height: 30px;
  margin-left: 0px;
  margin-top: 8px;
}
.warp .contentwarp .product-detial .detial-right .detialimg{
  margin-top: 10px;
}
.warp .contentwarp .product-detial .detial-right .detialimg>span{
  margin-right: 7px;
}
.warp .contentwarp .about-us{
  text-align: center;
}
.warp .contentwarp .about-us h2{
  font-family: 'sansationbold';
  font-size: 14px;
  color: #164989;
  padding-top: 90px;
  padding-bottom: 27px;
}
.warp .contentwarp .about-us p{
  width: 740px;
  margin-top: 95px;
  margin-bottom: 45px;
  font-size: 14px;
  font-family: 'sansationregular';
  line-height: 22px;
  text-align: left;
  color: #164989;
}
.warp .contentwarp .about-us #business-contact{
  width: 740px;
  margin-top: 95px;
}
.warp .contentwarp .about-us #business-contact form .input-group p{
  font-size: 14px;
  font-family: 'sansationbold';
  color: #164989;
  margin-top: 19px;
  margin-bottom: 14px;
  margin-left: 10px;
  display: block;
  text-align: left;
  padding-left: 13px;
}
.warp .contentwarp .about-us #business-contact form .input-group input[type="text"]{
  border: none;
  border-bottom: 1px solid #164989;
  width: 700px;
  margin: 0 6px 0 10px;
  font-size: 14px;
  font-family: 'sansationregular';
}
.warp .contentwarp .about-us #business-contact form .input-group input[type="text"]::-webkit-input-placeholder {
  color: #164989;
}
.warp .contentwarp .about-us #business-contact form .input-group input[type="text"]:-moz-placeholder {
  /* FF 4-18 */
  color: #164989;
}
.warp .contentwarp .about-us #business-contact form .input-group input[type="text"]::-moz-placeholder {
  /* FF 19+ */
  color: #164989;
}
.warp .contentwarp .about-us #business-contact form .input-group input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #164989;
}
.warp .contentwarp .about-us #business-contact form .input-group .input-box{
  margin-top: 20px;
  font-family: 'sansationbold';
  color: #164989;
  overflow: hidden;
  margin-left: 22px;
}
.warp .contentwarp .about-us #business-contact form .input-group .input-box input[type="radio"]{
  display: block;
  float: left;
}
.warp .contentwarp .about-us #business-contact form .input-group .input-box label{
  margin-left: 3px;
  margin-right: 13px;
  margin-top: -2px;
  display: block;
  float: left;
  font-size: 14px;
  font-family: 'sansationbold';
}
.warp .contentwarp .about-us #business-contact form  textarea{
  width: 470px;
  height: 65px;
  border: 1px solid #164989;
  padding-left: 10px;
  padding-top: 5px;
  margin-left: -208px;
  font-family: 'sansationbold';
}
.warp .contentwarp .about-us #business-contact form .input-group .interest-padding{
  padding-top: 18px;
}
.warp .contentwarp .about-us #business-contact form  textarea::-webkit-input-placeholder {
  color: #164989;
}
.warp .contentwarp .about-us #business-contact form  textarea:-moz-placeholder {
  /* FF 4-18 */
  color: #164989;
}
.warp .contentwarp .about-us #business-contact form  textarea::-moz-placeholder {
  /* FF 19+ */
  color: #164989;
}
.warp .contentwarp .about-us #business-contact form  textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #164989;
}
.warp .contentwarp .about-us #business-contact form .last-input{
  position: relative;
  margin: 10px 0 26px 24px;
  text-align: left;
}
.warp .contentwarp .about-us #business-contact form .last-input input[type="submit"] {
  display: inline-block;
  padding: 10px 24px;
  color: white;
  background-color: #164989;
  border: none;
  cursor: pointer;
}

.warp .contentwarp .about-us .guides{
  position:absolute;
  overflow: hidden;
}
.warp .contentwarp .about-us .guides>ul{
  margin-left: 73px;
  overflow: hidden;
}
.warp .contentwarp .about-us .guides>ul li{
  float: left;
}
.warp .contentwarp .about-us .guides>ul li a{
  display: block;
  width: 350px;
  background-color: #164989;
  height: 54px;
  line-height: 54px;
  text-align: center;
  border-left: 1px solid #11396c;
  border-right:1px solid #2e5c95;
  color: #fff;
  font-size: 14px;
  font-family: 'sansationregular';
  letter-spacing: 1px;
  font-weight: bold;
}
.warp .contentwarp .about-us .guides>ul  li:first-child a{
  border-left: none;
}
.warp .contentwarp .about-us .guides>ul li:last-child a{
  border-right: none;
}
.warp .contentwarp .about-us .guides>ul li.active a{
  background-color: #fff;
  color: #164989;
}
.warp .contentwarp .about{
  height: 310px;
}
.warp .contentwarp .about p{
  margin-top: 8px;
}
.warp .contentwarp .page-error{
  margin:100px 0;
}
.warp .contentwarp .page-error .error-404{
  width: 550px;
  height:278px;
  background: url(../img/404_bg.jpg) no-repeat center;
}

.warp .footer{
  width:1200px;
  height: 95px;
  background-color: #164989;
  padding: 27px 0 34px;
  font-family: "sansationbold";
}
.warp .footer .menu{
  overflow: hidden;
}
.warp .footer .menu li{
  float: left;
}
.warp .footer .menu li:first-child{
  width: 150px;
  padding-left: 110px;
}
.warp .footer .menu li:nth-child(2){
  width: 180px;
}
.warp .footer .menu li:nth-child(3){
  width: 320px;
}
.warp .footer .menu li h2{
  color: #fff;
  margin: 15px 0;
  font-family: "sansationbold";
  font-size: 14px;
  font-weight: bold;
}
.warp .footer .menu li >a{
  display: block;
  margin: 5px 0;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-family: "sansationbold";
}
.warp .footer .menu li.share .share-icon{
  text-align: right;
  width: 235px;
  padding-top: 34px;
}
.warp .footer .menu li.share .share-icon .icon{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/share-icon.png) no-repeat;
}
.warp .footer .menu li.share .share-icon .icon.facebook-icon{
  background-position: 0px 0;
}
.warp .footer .menu li.share .share-icon .icon.twitter-icon{
  background-position: -27px 0;
}
.warp .footer .menu li.share .share-icon .icon.youtube-icon{
  background-position: -54px 0;
}
.warp .footer .menu li.share .share-icon .icon.flyter-icon{
  background-position: -81px 0;

}
.warp .footer .menu li.share .share-icon .icon.dubblesolid-icon{
  background-position: -108px 0;
}
.warp .footer .menu li.share .share-icon .icon.eighter-icon{
  background-position: -134px 0;
}
.warp .footer .menu li.share .share-icon .icon.twocircle-icon{
  background-position: -161px 0;
}
.warp .footer .menu li.share .share-icon .icon.square-icon{
  background-position: -188px 0;
}
.warp .footer .menu li.share .subscribe{
  margin-left: 18px;
  margin-top: 5px;
}
.warp .footer .menu li.share .subscribe form{
  position: relative;
}
.warp .footer .menu li.share .subscribe input[type=submit]{
  width:25px;
  height: 21px;
  background: url("../img/arrow.png") no-repeat center;
  border: none;
  position: absolute;
  right: 5px;
  top: 7px;
}
.warp .footer .menu li.share .subscribe form input[type=text]{
  width:196px;
  height: 30px;
  padding-left: 12px;
  padding-right: 5px;
  color: #34444c;
  background-color: #fff;
  font-family: 'sansationregular';
  font-size: 14px;
}
.warp .footer .menu li.share .subscribe form input[type=text]::-webkit-input-placeholder {
  color:    #34444c;
}
.warp .footer .menu li.share .subscribe form input[type=text]:-moz-placeholder {
  color:    #34444c;
}
.searchwarp form input[type=text]::-moz-placeholder {
  color:    #34444c;
}
.searchwarp form input[type=text]:-ms-input-placeholder {
  color:    #34444c;
}