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

	Theme Name: Theme Name - ADKC 
	Theme URI: https://coderitem.com
	Description: This theme developed by coderitem team :)
	Author: Coder Item
	Author URI: https://coderitem.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
	Text Domain: coderitem
-------------------------------------------------------------------------------------*/

/*Woocommerce Default CSS*/
@font-face {
    font-family: 'Myriad Pro';
    src: url('../../../fonts/MyriadPro-SemiCn.eot');
    src: url('../../../fonts/MyriadPro-SemiCnd41d.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/MyriadPro-SemiCn.woff2') format('woff2'),
        url('../../../fonts/MyriadPro-SemiCn.woff') format('woff'),
        url('../../../fonts/MyriadPro-SemiCn.ttf') format('truetype'),
        url('../../../fonts/MyriadPro-SemiCn.svg#MyriadPro-SemiCn') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../../../fonts/MyriadPro-SemiboldCond.eot');
    src: url('../../../fonts/MyriadPro-SemiboldCondd41d.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/MyriadPro-SemiboldCond.woff2') format('woff2'),
        url('../../../fonts/MyriadPro-SemiboldCond.woff') format('woff'),
        url('../../../fonts/MyriadPro-SemiboldCond.ttf') format('truetype'),
        url('../../../fonts/MyriadPro-SemiboldCond.svg#MyriadPro-SemiboldCond') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../../../fonts/MyriadPro-BlackCond.eot');
    src: url('../../../fonts/MyriadPro-BlackCondd41d.eot?#iefix') format('embedded-opentype'),
        url('../../../fonts/MyriadPro-BlackCond.woff2') format('woff2'),
        url('../../../fonts/MyriadPro-BlackCond.woff') format('woff'),
        url('../../../fonts/MyriadPro-BlackCond.ttf') format('truetype'),
        url('../../../fonts/MyriadPro-BlackCond.svg#MyriadPro-BlackCond') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
#customer_details{

}
.woocommerce {
  max-width: 1140px;
  width: 100%;
  margin: auto;
}
#customer_details .col-1 {
  flex: 0 0 48%;
  max-width: 48%;
}

#customer_details .col-2 {
  flex: 0 0 48%;
  max-width: 48%;
}

.woocommerce-billing-fields__field-wrapper p {
  width: 100%;
  display: block;
  overflow: hidden;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single .select2-selection__rendered {

  width: 100%;
  box-sizing: border-box;
  padding: 12px 20px;
  margin-bottom: 20px;
  border: 1px solid #e8e8e8;
  font-size: 18px;
  font-weight: 400;
  box-shadow: 0 0 10px #e8e8e8;
}

.woocommerce form .form-row label,.woocommerce-billing-fields h3,.woocommerce-additional-fields h3 {
  line-height: 2;
  font-size: 17px;
  font-family: 'Montserrat', sans-serif;
}

.select2-container .select2-selection--single{
  height:43px;
   box-shadow: 0 0 10px #e8e8e8;
   border-bottom: none;
}
.woocommerce form .form-row .select2-container{
  height: 45px;
}

.checkout_coupon.woocommerce-form-coupon button,#place_order{
  background: #F656A5 !important;
  color: #FFF !important;
}
.woocommerce-input-wrapper {
  display: block;
  width: 100%;
}
.checkout_coupon.woocommerce-form-coupon > p,
.woocommerce-privacy-policy-text > p {
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;
}

#order_review_heading {
  font-size: 20px;
  margin-bottom: 15px;
  font-family: 'Montserrat', sans-serif;
}

.woocommerce-privacy-policy-text {
  margin-bottom: 20px;
}

#payment {
  margin-bottom: 100px;
}

/*Account Page*/

.woocommerce-MyAccount-navigation {
  float: left;
  width: 25%;
  margin-bottom: 100px;
}
.woocommerce-MyAccount-content {
  width: 75%;
  overflow: hidden;
  padding-left: 50px;
  box-sizing: border-box;
  margin-bottom: 100px;
}

.woocommerce-MyAccount-navigation ul {
}
.woocommerce-MyAccount-navigation ul {
}
.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 7px;
  border-bottom: 1px solid #000;
  color: #000;
}
.woocommerce-MyAccount-navigation ul li:last-child a{
  border-bottom: none;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
  color:#E31484;
}

.u-column1.col-1.woocommerce-Address {
  width: 100%;
  max-width: 100%;
}

.u-column2.col-2.woocommerce-Address {
  width: 100%;
  max-width: 100%;
  margin-top: 30px;
}

.password-input {
  width: 100%;
  display: block !important;
}

.woocommerce-Button.button {
  background: #F21381 !important;
  color: #FFF !important;
}

.woocommerce-MyAccount-content p {
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
}

.terms-content p {
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 20px;
  line-height: 26px;
}
.terms-content h3 {
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 10px;
}
.footer-middle-area a {
	font-size: 14px;
	color: #FFF;
	display: block;
	text-align: right;
	font-weight: 600;
}


.faq-content h2 {
  border-bottom: none;
  padding: 0;
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  color: #FFF;
}

.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background: linear-gradient(to right, #B61A8E,#CB178A, #E11485, #F9127F);
  border-bottom: 1px solid #FFF;
  cursor: pointer;
}


/*Login page */

.woocommerce-form.woocommerce-form-login.login {
  max-width: 400px;
  margin: auto;
  margin-bottom: 100px;
  margin-top: 20px;
}


.woocommerce-form.woocommerce-form-login.login  .password-input {
  display: block !important;
  width: 100%;
}
.woocommerce-form.woocommerce-form-login.login .form-row {
  flex-direction: column;
  align-items: flex-start;
}

.woocommerce-button.button.woocommerce-form-login__submit {
  background: #F21390 !important;
  color: #FFF !important;
  margin-top: 10px;
}

.main-page-content-area  .woocommerce > h2 {
  text-align: center;
  font-size: 25px;
  font-family: 'Montserrat', sans-serif;
}
.woocommerce-ResetPassword.lost_reset_password p{ 
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
}

.woocommerce-ResetPassword.lost_reset_password {
  margin: 80px 0;
}



/*---------custom animation Key Frames----------*/

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animatable{
  
    /* initially hide animatable objects */
    visibility: hidden;
    
    /* initially pause animatable objects their animations */
    -webkit-animation-play-state: paused;   
    -moz-animation-play-state: paused;     
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;   
    animation-play-state: paused; 
  }
  
  /* show objects being animated */
  .animated {
    visibility: visible;
    
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
  
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
  }
  
  /* CSS Animations (extracted from http://glifo.uiparade.com/) */
  @-webkit-keyframes fadeInDown {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-20px);
      } 100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes fadeInDown {
      0% {
          opacity: 0;
          -moz-transform: translateY(-20px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes fadeInDown {
      0% {
          opacity: 0;
          -o-transform: translateY(-20px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  
  @keyframes fadeInDown {
      0% {
          opacity: 0;
          transform: translateY(-20px);
      }
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }

     @-webkit-keyframes slideRight {
       0% {
          opacity: 0;
          transform: translateX(-80px);
      }
  
      70% {
          transform: translateX(-10px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    }
    @-moz-keyframes slideRight {
       0% {
          opacity: 0;
          transform: translateX(-80px);
      }
  
      70% {
          transform: translateX(-10px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    } 
    @-o-keyframes slideRight {
       0% {
          opacity: 0;
          transform: translateX(-80px);
      }
  
      70% {
          transform: translateX(-10px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    }
    @keyframes slideRight {
      0% {
          opacity: 0;
          transform: translateX(-80px);
      }
  
      70% {
          transform: translateX(-10px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    }
  
  
  
  @-webkit-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      20% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-moz-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      20% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-o-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      20% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @keyframes fadeIn {
      0% {
          opacity: 0;
      }
      60% {
          opacity: 0;
      }
      20% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  @-webkit-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-1000px);
      }
      60% {
          -webkit-transform: translateX(20px);
      }
  
      80% {
          -webkit-transform: translateX(-5px);
      }
  
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
      }
  }
  
  @-moz-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -moz-transform: translateX(-1000px);
      }
  
      60% {
          -moz-transform: translateX(20px);
      }
  
      80% {
          -moz-transform: translateX(-5px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateX(0);
      }
  }
  
  @-o-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -o-transform: translateX(-1000px);
      }
  
      60% {
          opacity: 1;
          -o-transform: translateX(20px);
      }
  
      80% {
          -o-transform: translateX(-5px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateX(0);
      }
  }
  
  @keyframes bounceInLeft {
      0% {
          opacity: 0;
          transform: translateX(-1000px);
      }
  
      60% {
          transform: translateX(20px);
      }
  
      80% {
          transform: translateX(-5px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
  }
  @-webkit-keyframes bounceInRight {
      0% {
          opacity: 0;
          -webkit-transform: translateX(1000px);
      }
  
      60% {
          -webkit-transform: translateX(-20px);
      }
  
      80% {
          -webkit-transform: translateX(5px);
      }
  
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
      }
  }
  
  @-moz-keyframes bounceInRight {
      0% {
          opacity: 0;
          -moz-transform: translateX(1000px);
      }
  
      60% {
          -moz-transform: translateX(-20px);
      }
  
      80% {
          -moz-transform: translateX(5px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateX(0);
      }
  }
  
  @-o-keyframes bounceInRight {
      0% {
          opacity: 0;
          -o-transform: translateX(1000px);
      }
  
      60% {
          -o-transform: translateX(-20px);
      }
  
      80% {
          -o-transform: translateX(5px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateX(0);
      }
  }
  
  @keyframes bounceInRight {
      0% {
          opacity: 0;
          transform: translateX(1000px);
      }
  
      60% {
          transform: translateX(-20px);
      }
  
      80% {
          transform: translateX(5px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
  }
  @-webkit-keyframes fadeInUp {
      0% {
          opacity: 0;
          -webkit-transform: translateY(20px);
      } 100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes fadeInUp {
      0% {
          opacity: 0;
          -moz-transform: translateY(20px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes fadeInUp {
      0% {
          opacity: 0;
          -o-transform: translateY(20px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  
  @keyframes fadeInUp {
      0% {
          opacity: 0;
          transform: translateY(20px);
      }
  
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  @-webkit-keyframes bounceIn {
      0% {
          opacity: 0;
          -webkit-transform: scale(.3);
      }
      50% {
          -webkit-transform: scale(1.05);
      }
  
      70% {
          -webkit-transform: scale(.9);
      }
  
      100% {
          opacity: 1;
          -webkit-transform: scale(1);
      }
  }
  
  @-moz-keyframes bounceIn {
      0% {
          opacity: 0;
          -moz-transform: scale(.3);
      }
  
      50% {
          -moz-transform: scale(1.05);
      }
  
      70% {
          -moz-transform: scale(.9);
      }
  
      100% {
          opacity: 1;
          -moz-transform: scale(1);
      }
  }
  
  @-o-keyframes bounceIn {
      0% {
          opacity: 0;
          -o-transform: scale(.3);
      }
  
      50% {
          -o-transform: scale(1.05);
      }
  
      70% {
          -o-transform: scale(.9);
      }
  
      100% {
          opacity: 1;
          -o-transform: scale(1);
      }
  }
  
  @keyframes bounceIn {
      0% {
          opacity: 0;
          transform: scale(.3);
      }
  
      50% {
          transform: scale(.9);
      }
  
      70% {
          transform: scale(.9);
      }
  
      100% {
          opacity: 1;
          transform: scale(1);
      }
  }
  @-webkit-keyframes moveUp {
      0% {
          opacity: 1;
          -webkit-transform: translateY(40px);
      } 100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes moveUp {
      0% {
          opacity: 1;
          -moz-transform: translateY(40px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes moveUp {
      0% {
          opacity: 1;
          -o-transform: translateY(40px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  
  @keyframes moveUp {
      0% {
          opacity: 1;
          transform: translateY(40px);
      }
  
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  @-webkit-keyframes moveDown {
      0% {
          opacity: 1;
          -webkit-transform: translateY(-40px);
      } 100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes moveDown {
      0% {
          opacity: 1;
          -moz-transform: translateY(-40px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes moveDown {
      0% {
          opacity: 1;
          -o-transform: translateY(-40px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  @keyframes moveDown {
      0% {
          opacity: 1;
          transform: translateY(-40px);
      }
  
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
  @-webkit-keyframes fadeBgColor {
      0%{
          background:none;
      }
    70%{
          background:none;
      }
      100%{
          background:#464646;
      }
  }
  @-o-keyframes fadeBgColor {
      0%{
          background:none;
      }
    70%{
          background:none;
      }
      100%{
          background:#464646;
      }
  }
  @keyframes fadeBgColor {
      0%{
          background:none;
      }
    70%{
          background:none;
      }
      100%{
          background:#464646;
      }
  }
  
  .animated.animationDelay{
      animation-delay:.25s;
      -webkit-animation-delay:.25s;
  }
  .animated.animationDelayMed{
      animation-delay:1s;
      -webkit-animation-delay:1s;
  }
  .animated.animationDelayLong{
      animation-delay:1.2s;
      -webkit-animation-delay:1.2s;
  }
  .animated.fadeBgColor {
      -webkit-animation-name: fadeBgColor;
      -moz-animation-name: fadeBgColor;
      -o-animation-name: fadeBgColor;
      animation-name: fadeBgColor;
  }
  .animated.bounceIn {
      -webkit-animation-name: bounceIn;
      -moz-animation-name: bounceIn;
      -o-animation-name: bounceIn;
      animation-name: bounceIn;
      -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
  }
  .animated.bounceInRight {
      -webkit-animation-name: bounceInRight;
      -moz-animation-name: bounceInRight;
      -o-animation-name: bounceInRight;
      animation-name: bounceInRight;
  }
  .animated.bounceInLeft {
      -webkit-animation-name: bounceInLeft;
      -moz-animation-name: bounceInLeft;
      -o-animation-name: bounceInLeft;
      animation-name: bounceInLeft;
  }
  .animated.fadeIn {
      -webkit-animation-name: fadeIn;
      -moz-animation-name: fadeIn;
      -o-animation-name: fadeIn;
      animation-name: fadeIn;
  }
  .animated.fadeInDown {
      -webkit-animation-name: fadeInDown;
      -moz-animation-name: fadeInDown;
      -o-animation-name: fadeInDown;
      animation-name: fadeInDown;
    
  }
  .animated.slideRight {
      -webkit-animation-name: slideRight;
      -moz-animation-name: slideRight;
      -o-animation-name: slideRight;
      animation-name: slideRight;
  }
  .animated.fadeInUp {
      -webkit-animation-name: fadeInUp;
      -moz-animation-name: fadeInUp;
      -o-animation-name: fadeInUp;
      animation-name: fadeInUp;
  }
  .animated.moveUp {
      -webkit-animation-name: moveUp;
      -moz-animation-name: moveUp;
      -o-animation-name: moveUp;
      animation-name: moveUp;
  }
  .animated.moveDown {
      -webkit-animation-name: moveDown;
      -moz-animation-name: moveDown;
      -o-animation-name: moveDown;
      animation-name: moveDown;
  }



@media only screen and (min-width: 1100px){
    /* from (min-width: 1100px) */
	.header-area {
    background: url('/images/menu-back.png') no-repeat right center #fff !important;
    /* background: url(https://adk-thai.com/wp-content/uploads/2022/05/menu-back.png) no-repeat right center #fff !important; */
    background-size: 870px 84px !important;
    padding: 27px 160px 27px 0px;
	}
	#logo_thai {
    position: absolute;
    left: 50px;
    top: -40px;
    max-width: 300px;
    /* top: -15px; max-width: 210px; */
	}
}
@media only screen and (min-width: 768px) and (max-width: 1099px){
    /* from (min-width: 768px) and (max-width: 1099px) */
	.header-area {
		background: url('/images/menu-back.png') no-repeat right center #fff !important;
        /* background: url(https://adk-thai.com/wp-content/uploads/2022/05/menu-back.png) no-repeat right center #fff !important; */
        background-size: 590px 84px !important;
        padding: 27px 30px 27px 0px;
	}
	#logo_thai {
    position: absolute;
    left: 20px;
    top: -30px;  
    max-width: 240px;
    /* top: -4px;  
    max-width: 130px; */
	}
}
@media only screen and (max-width: 767px){ 
    /* from max-width: 767p */
	.container {
    max-width: inherit !important;
    width: 94.5% !important;
    padding: 0px !important;
}
}