/**
* 2007-2024 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2024 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
* 
* Oleg, we respond you work
*/
#not-satisfied .btn, #sup-success .btn {
	display: flex;
}
 
 @-webkit-keyframes social-link {
     0% {
         -webkit-transform: rotate(-10deg);
         transform: rotate(-10deg)
     }

     20% {
         -webkit-transform: rotate(10deg);
         transform: rotate(10deg)
     }

     40% {
         -webkit-transform: rotate(-8deg);
         transform: rotate(-8deg)
     }

     60% {
         -webkit-transform: rotate(8deg);
         transform: rotate(8deg)
     }

     80% {
         -webkit-transform: rotate(-6deg);
         transform: rotate(-6deg)
     }

     100% {
         -webkit-transform: rotate(6deg);
         transform: rotate(6deg)
     }
 }

 @keyframes social-link {
     0% {
         -webkit-transform: rotate(-10deg);
         transform: rotate(-10deg)
     }

     20% {
         -webkit-transform: rotate(10deg);
         transform: rotate(10deg)
     }

     40% {
         -webkit-transform: rotate(-8deg);
         transform: rotate(-8deg)
     }

     60% {
         -webkit-transform: rotate(8deg);
         transform: rotate(8deg)
     }

     80% {
         -webkit-transform: rotate(-6deg);
         transform: rotate(-6deg)
     }

     100% {
         -webkit-transform: rotate(6deg);
         transform: rotate(6deg)
     }
 }

 .social-satisfied {
     text-align: center;
 }
 
#satisfied-form .file-upload {
    width: 100%;
	padding: 5px 0;
}

#satisfied-form .ttext {
    display: inline-block;
}

#satisfied-form .file-upload-text {
    display: inline-block;
    cursor: pointer;
    float: right;
    color: #000;
    border: 1px solid #e70087;
    border-radius: 30px;
    padding: 11px;
    font-size: 13px;
    letter-spacing: 1px;
    width: 150px;
    text-align: center;
}

#satisfied-form .file-upload-text:hover {
    color: #fff;
    background-color: #e70087;
}

#satisfied-form #hamfile {
	display: none;
}

.social-satisfied img, .social-sup img {
     display: inline-block;
     width: 42px;
     margin: 10px auto 0;
 }

 .social-sup a {
	 display: inline-block;
	 margin: 0 13px;
 }
 
 .social-sup span {
	 display: block;
	 font-size: 16px;
	 padding-top: 18px;
	color: #000;
	font-weight: normal;
 }

 .if-satisfied:hover img:first-child {
     -webkit-animation: social-link 1s;
     animation: social-link 1s;
 }

#sup-init p {
    margin-bottom: 10px;
}

#sup-init p:last-child {
    margin-bottom: 0;
}

#sup-init .sup-body {
    width: 270px;
    margin: 0 auto;
}

#sup-init p a img {
    width: 38px;
}
 
 #sup-init p a span {
	font-size: 20px;
	color: #000;	 
	padding-left: 10px;
	font-weight: normal;
 }
 
 .valid-input {
     background: #F5F8FC;
     border: 2px solid #cccc9c;
 }


  @media screen and (max-width: 480px) {

      figcaption {
          position: relative;
          text-align: left;
          width: 320px;
          top: 25px;
          padding-left: 200px;
          left: 0;
          font-size: 90%;
      }
	  
  }