/* Zendkee Customize Frontend CSS Start */
/******* icon *******/
@font-face {
    font-family: "iconfont";
    src: url('https://www.abelyperfume.com/wp-content/uploads/fonts/iconfont.eot?t=1576821873945');
    /* IE9 */
    src: url('https://www.abelyperfume.com/wp-content/uploads/fonts/iconfont.eot?t=1576821873945') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAAsAAAAABzwAAALbAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqBfIFwATYCJAMQCwoABCAFhG0HRBteBsgusG3Yk8WEbEBx8TfsVwAM3BAP/+33v31mzrO5XzxJcqOJVrGqFslEEkRao3RW9/9dy/7sFEFiSrSsiimBWpRdykzT4UyKZCQpoDs2jtETub4jyN19WwAQFyccYkBllmDfDxgqy3qG1/ycT9w7rX1e5/PZt9zGWDzGtE9dgHFAgY45yQroC3LD2E0EDmE7gWZZG+Ha8GQIsiTQLxDvqByHrJxPSis5FPo1U1N8Uw3Ll3IP+Mp/H/95I4uiV4Ght+ZQCvD7d1zcyA2D0vgJ6uweKnaAJF7Vxp4QhcUTNWrSnAFDQ4Vf/7o6/j+lkx3L4F8eoahEHygcAyeart6YAhMEv64ICr/jBSr8kN5DNNwEHmrsxdpiIGYz8xI8Y/QJ8spkdL5bV3B0BPHzbdS6U4K/SliGXE0L6O3iEReOG4sH3MmXT8THHPFej0y6InfP8C/gM/6c4zuETdmLMt+NoPeiIXhcAA4bDkdwBKWHcTj8bA8zzxlO1/4QfMBLVtoCmjp++/Hjvfb2tvZ7nz6BCexU3znOob517EC94Lj176lx4x87RdffrC7Bz5pdi1tTP4MfqOit+NOKnnUZqoAj01djebRXWpEJCpqG/5tixoc5jPO9I4RhzizcuXEpQDW0Qk/2Dno6J+gbuohm28jszixGFDnCll0FYcp1FBN+oJpyn57s9+hZ8BV9UyGieRClS3bWguYMMBLnJIUSi4gmDV1CLp4jigNEnlXjLKvigghhNg0ij9NdTI4QnbA5RthzspdzCUnM0NCwshtRVQOZzJghSe6c5tzscLmkug85k4YGOa5iiDiOSEESFiFUkkEn0eZcTun7AYRsliqOtZAG0hEEY6PtIx5O7h70Eb3ei3Qvt9jmyLw4ToJIGIMGGVY6ESqVATHrO80gkjin6RERUwcXbCT11TvXN2pfuAUacFRGiRoZPf3nKcoNlqXH59pVavMMRqJUlwEAAA==') format('woff2'), url('https://www.abelyperfume.com/wp-content/uploads/fonts/iconfont.woff?t=1576821873945') format('woff'), url('https://www.abelyperfume.com/wp-content/uploads/fonts/iconfont.ttf?t=1576821873945') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('https://www.abelyperfume.com/wp-content/uploads/fonts/iconfont.svg?t=1576821873945') format('svg');
    /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-editor:before {
    content: "\e6f6";
}

.icon-nav-list:before {
    content: "\e6fd";
}

.icon-rising:before {
    content: "\e761";
}

/******* icon *******/

.coly-menu-float,
.coly-form-float,
.coly-top-float {
    width: 40px;
    height: 40px;
}

.coly-form-float {
    background-color: #fff;
}

.coly-menu-float {
    background-color: #060607;
}

.coly-top-float {
    background-color: #060607;
    display: none;
}



.coly-side-right {
    /*width: 40px;*/
    padding: 2px 2px 0 2px;
    position: fixed;
    right: 20px;
    top: 63%;
    transition: all 0.5s;
    border-radius: 4px;
    z-index: 999999;
}

.coly-right {
    border-radius: 8px;
    margin-bottom: 26px;
}

.coly-right > a {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    line-height: 40px;
    color: #fff;
}

.iconfont {
    font-size: 30px;
    color:#fff

}


.quote-text .coly-menu-float{
    width: auto;
    padding: 0 6px;
}

/* 悬浮表单开始 */
/* leo float form*/
.side-form-wrapper {
    z-index: 9999999;
    position: fixed;
    right: 0;
}

/*  表单整体样式 */
#leo-side-contact-form {
    width: 300px;
    padding: 10px 20px 0;
    box-shadow: 0 0 20px #000;
    background: #fff;
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translate(130%, -50%);
    transition: all 0.5s;
    z-index: 998;
}

#leo-side-contact-form.active {
    transform: translate(0, -50%);
}

/* 格式化 */
#leo-side-contact-form,
#leo-side-contact-form label,
#leo-side-contact-form input:not(.submit),
#leo-side-contact-form textarea,
#leo-side-contact-form h3 {
    font-family: inherit;
    box-sizing: border-box;
    color: #444f5d;
}

#leo-side-contact-form .form-title {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}

#leo-side-contact-form .form-line label {
    font-weight: normal;
    text-align: left;
    font-size: 14px;
}

#leo-side-contact-form .form-line p {
    margin: 0;
}
div#coly-top-float {
    float: right;
}
#leo-side-contact-form.radius .form-line input {
    border-radius: 10px;
}
/* 格式化  结束 */

/* 表单关闭按钮 开始 */
#leo-side-contact-form .closeBtn {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

#leo-side-contact-form .closeBtn:before,
#leo-side-contact-form .closeBtn:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
}

#leo-side-contact-form .closeBtn:before {
    transform: translate(-50%, -50%) rotate(45deg);
}

#leo-side-contact-form .closeBtn:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* 表单关闭按钮  结束 */

/* 涉及颜色部分  开始 */
/* title */
#leo-side-contact-form .form-line {
    width: 100%;
    padding-bottom: 5px;
}
#leo-side-contact-form .form-line.coly-bottom {
    padding-bottom: 10px;
}
/* textarea 和 非提交按钮 */
#leo-side-contact-form .form-line input,
#leo-side-contact-form .form-line textarea,
#leo-side-contact-form .form-line input:not(.submit):hover,
#leo-side-contact-form .form-line textarea:hover,
#leo-side-contact-form .form-line input:not(.submit):focus,
#leo-side-contact-form .form-line textarea:focus {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    outline: none;
    font-family: Hind, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2em;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0px;
}
/* 提交按钮 */
#leo-side-contact-form .form-line input.submit,
#leo-side-contact-form .form-line input.submit:hover {
    width: 100%;
    border: 1px solid #ccc;
    background-color: #ccc;
    color: #fff;
}
/* 涉及颜色部分 结束 */

/* 悬浮表单结束 */

.show {
    display: block !important;
}


/* Zendkee Customize Frontend CSS End */





/* Zendkee Customize Enhance Form CSS Start */
/* form-button */
/* contact和悬浮表单所有点击按钮设置 */
/* 添加圆角border-radius输入,默认为0px; */
.wpcf7-form .zendkee_form .frank-send .wpcf7-submit,.wpcf7-form .zendkee_form .form-line-country .dropdown>.wpcf7-dropdown-btn{
color: #fff;
background-image: none;
font-weight: 700 ;
padding: 10px 0;
text-align: center ;
height: 40px;
border: none !important;
line-height: 1 !important;
outline: none !important;
border-radius: 0px !important;
}

/* 表单提交按钮 */
.wpcf7-form .zendkee_form .frank-send .wpcf7-submit{
background-color: #875d3e !important;
}

/* 选择按钮 */
.wpcf7-form .zendkee_form .form-line-country .dropdown>.wpcf7-dropdown-btn{
background-color: #875d3e !important;
}

.wpcf7-form .zendkee_form .frank-send .wpcf7-submit:hover{
background-color: #875d3e !important;
background-image: none !important;
}

.wpcf7-form .zendkee_form div .form-line .input-incorrect{
position: absolute;
right: -5px;
top: 20px;
background-color: #ea6060;
color: #fff;
text-align: center;
width: 20px;
height: 20px;
border-radius: 50%;
transform: translate(-50%,-50%) ;
}

.wpcf7-form .zendkee_form div .form-line .input-incorrect:before{
transform: translate(-50%, -50%) rotate(45deg);
}

.wpcf7-form .zendkee_form div .form-line .input-incorrect:after{
transform: translate(-50%, -50%) rotate(-45deg);
}

.wpcf7-form .zendkee_form div .form-line .input-incorrect:before,.wpcf7-form .zendkee_form div .form-line .input-incorrect:after{
content: "";
display: block;
width: 12px;
height: 2px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
z-index: 9999;
}

.wpcf7-form .zendkee_form div .form-line .input-prompt{
position: absolute;
right: -10px;
bottom: 120%;
background: #7f7f7f;
width: 85%;
padding: 10px;
color: #fff;
text-align: center;
border-radius: 10px;
z-index: 9999;
}

.wpcf7-form .zendkee_form div .form-line .input-prompt:before{
content: "";
border-top: solid 12px #7f7f7f;
border-left: solid 10px #00800000;
border-right: solid 10px #00800000;
border-bottom: solid 0px #00800000;
position: absolute;
top: 96%;
left: 70%;
z-index: 9999;
}

.wpcf7-form .zendkee_form div .form-line .input-tip {
position: absolute;
right: -5px;
top: 20px;
background-color: #e3b744;
color: #fff;
text-align: center;
width: 20px;
height: 20px;
border-radius: 50%;
transform: translate(-50%,-50%);
z-index: 9999;
}

.wpcf7-form .zendkee_form div .form-line .input-tip::before {
content: "!";
color: #fff;
font-weight: bold;
font-size: 14px;
line-height: 20px;
display: block;
}

/* zendkee_inquiry_float_form */
.side-form-wrapper #leo-side-contact-form{
padding: 20px 20px 0;
}

.wpcf7-form .zendkee_form.zendkee_inquiry_float_form{
padding: 0 !important;
}

.wpcf7-form .zendkee_form.zendkee_inquiry_float_form .form-title{
text-align: center;
margin: 0 0 5px;
color: #000;
padding: 0;
}

.wpcf7-form .zendkee_form.zendkee_inquiry_float_form .form-contain-all{
display: flex;
flex-wrap: wrap;
}

.wpcf7-form .zendkee_form.zendkee_inquiry_float_form div .form-line{
width: 100%;
padding: 0;
margin-bottom: 10px;
position: relative;
}

.wpcf7-form .zendkee_form.zendkee_inquiry_float_form div .form-line .wpcf7-form-control-wrap{
position: initial;
}

.wpcf7-form .zendkee_form.zendkee_inquiry_float_form div .form-line input{
padding: 0 10px;
height: 40px;
}

.wpcf7-form .zendkee_form div .form-line textarea{
padding: 10px;
}

.wpcf7-form .zendkee_form.zendkee_inquiry_float_form .form-line.form-line-country .dropdown{
display: flex;
flex-wrap: wrap;
width: 100%;
}

.wpcf7-form .zendkee_form.zendkee_inquiry_float_form .form-line.form-line-country .dropdown>.wpcf7-dropdown-value{
width: 100%;
margin: 0;
}

.wpcf7-form .zendkee_form.zendkee_inquiry_float_form .form-line.form-line-country .dropdown>.wpcf7-dropdown-btn{
width: 100%;
margin-top: 10px;
}

.wpcf7-form .zendkee_form.zendkee_inquiry_float_form .form-line.form-line-country .dropdown>.wpcf7-dropdown-content{
width: 100%;
margin: 0;
z-index: 6;
background-color: #fff;
}

.wpcf7-form .zendkee_form.zendkee_inquiry_float_form .form-line.frank-send .wpcf7-submit{
width: 100%;
}
/* end zendkee_inquiry_float_form */

/* zendkee_inquiry_form */
.wpcf7-form .zendkee_inquiry_form{
padding: 0;
}

.wpcf7-form .zendkee_inquiry_form p{
margin: 0;
}

.wpcf7-form .zendkee_inquiry_form .form-contain-half{
display: flex;
flex-wrap: wrap;
}

.wpcf7-form .zendkee_inquiry_form .form-contain-all{
display: flex;
flex-wrap: wrap;
}

.wpcf7-form .zendkee_inquiry_form div .form-line{
width: 100%;
margin-bottom: 10px;
position: relative;
}

.wpcf7-form .zendkee_inquiry_form div .form-line .wpcf7-form-control-wrap{
position: initial;
}

.wpcf7-form .zendkee_inquiry_form div .form-line input{
padding: 0 10px;
height: 40px;
}

.wpcf7-form .zendkee_inquiry_form .form-line.form-line-country .dropdown{
display: flex;
flex-wrap: wrap;
width: 100%;
}

.wpcf7-form .zendkee_inquiry_form .form-line.form-line-country .dropdown>.wpcf7-dropdown-value{
width: calc( 100% - 160px ) !important;
margin-right: 10px;
}

.wpcf7-form .zendkee_inquiry_form .form-line.form-line-country .dropdown>.wpcf7-dropdown-btn{
width: 150px !important;
}

.wpcf7-form .zendkee_inquiry_form .form-line.form-line-country .dropdown>.wpcf7-dropdown-content{
width: calc( 100% - 160px ) !important;
margin-right: 10px;
z-index: 6;
background-color: #fff;
}

.wpcf7-form .zendkee_inquiry_form .form-line.form-line-country .dropdown>.wpcf7-dropdown-content input{
outline: none;
border: none;
border-bottom: 1px solid #d2d2d2;
}

.wpcf7-form .zendkee_inquiry_form .form-line.frank-send .wpcf7-submit{
margin: 0 auto;
display: block;
width: 150px;
}

@media screen and (min-width: 801px){
.wpcf7-form .zendkee_inquiry_form .form-contain-half .form-line{
width: calc( 50% - 5px) ;
}

.wpcf7-form .zendkee_inquiry_form .form-contain-half .form-line:first-child{
margin-right: 5px;
}

.wpcf7-form .zendkee_inquiry_form .form-contain-half .form-line:last-child{
margin-left: 5px;
}
}

@media screen and (max-width: 800px){
.wpcf7-form .zendkee_inquiry_form .form-line.form-line-country .dropdown>.wpcf7-dropdown-value{
width: 100% !important;
margin-right: 0;
}

.wpcf7-form .zendkee_inquiry_form .form-line.form-line-country .dropdown>.wpcf7-dropdown-btn{
width: 100% !important;
margin-top: 10px;
}

.wpcf7-form .zendkee_inquiry_form .form-line.form-line-country .dropdown>.wpcf7-dropdown-content{
width: 100% !important;
margin-right: 0;
}

.wpcf7-form .zendkee_inquiry_form .form-line.frank-send .wpcf7-submit{
width: 100%;
}
}

/* end zendkee_inquiry_form */



/** wpcf7 dropdown start */

/* Dropdown Button */
.wpcf7-dropdown-btn {
background-color: #04AA6D;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}

/* Dropdown button on hover & focus */
.wpcf7-dropdown-btn:hover,
.wpcf7-dropdown-btn:focus {
background-color: #3e8e41;
}

/* The search field */
.wpcf7-dropdown-filter {
box-sizing: border-box;
background-image: url('https://www.abelyperfume.com/wp-content/uploads/searchicon.png');
background-position: 14px 12px;
background-repeat: no-repeat;
font-size: 16px;
padding: 14px 20px 12px 45px;
border: none;
border-bottom: 1px solid #ddd;
}

/* The search field when it gets focus/clicked on */
.wpcf7-dropdown-filter:focus {
outline: 3px solid #ddd;
}

/* The container <div> - needed to position the dropdown content */
  .dropdown {
  position: relative;
  display: inline-block;
  }

  /* Dropdown Content (Hidden by Default) */
  .wpcf7-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  border: 1px solid #ddd;
  z-index: 1;
  height: 20em;
  overflow-y: scroll;
  overflow-x: hidden;
  }

  /* Links inside the dropdown */
  .wpcf7-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  }

  /* Change color of dropdown links on hover */
  .wpcf7-dropdown-content a:hover {
  background-color: #f1f1f1
  }

  /* Show the dropdown menu (use JS to add this class to the .wpcf7-dropdown-content container when the user clicks on the dropdown button) */
  .show {
  display: block;
  }
  
  /** wpcf7 dropdown end */
/* Zendkee Customize Enhance Form CSS End */