@import url("../assets/font-awesome/css/font-awesome.min.css");
/*
* File is included in plugins vc_sierra_visual_composer_plugin.css file
* Frontend css for this shortcode
*/

/* Contact */
.shindiri-contact-form {
    position: relative;

  
}

.shindiri-contact-form .input_div {
    position: relative !important;
	display: inline-block;
}

.shindiri-contact-form .div-message {
	display: block;
}

.shindiri-contact-form.contact-form input , .contact-form textarea{
    /*
	float: left;
    width: 30%;
	*/
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
    box-sizing: border-box;
    height: 50px;
    display: block;
    padding: 0px 10px !important;
    min-width: 250px;
    margin-bottom: 20px;
    margin-right: 18px;
    min-width: 250px;
}


.shindiri-contact-form .input_div textarea  {
  
clear: both;
border-width: 1px;
border-style: solid;
border-radius: 0px;
box-sizing: border-box;
resize: none;
width: 97.5%;
padding: 10px !important;
height: 250px;
  
    
}

.shindiri-contact-form.contact-form p {margin-top: 6px;}

.shindiri-contact-form button.contact-btn {
font-size: 15px;
line-height: 24px;
float: left;
padding: 25px 40px;
background-color: #70A226;
color: #FFF;
text-transform: uppercase;
border-radius: 3px !important;
height: 70px;
border: none;
}

.shindiri-contact-form button.contact-btn:hover {background: #96d539; color: #fff;}


.shindiri-contact-form.contact-font{
    color: #808080;
}

.shindiri-contact-form .text-block span {
    color: #000000;
}



.shindiri-contact-form .error {
   position: absolute;
   right: 26px;
   top: 7px;
   color: rgba(150, 150, 150, 1);
   font-style: italic;
   font-weight: bold;
}

.shindiri-contact-form .form-sent {
    display: none;
    font-size: 2.2em;
    position: absolute;
    right: 38%;
    top: 28%;
}

.shindiri-contact-form .form-sent p {
    color: #70A226;
    display: block;
    font-size: 2.8em;
    margin-top: 19px;
    text-align: center;
}

.shindiri-contact-form .captcha_shindiri_contact_form {
    color: #808080;
}

.captcha_shindiri_contact_form > img {
    margin-top: -5px;
}

.shindiri-contact-form .captcha_shindiri_contact_form input {
    padding: 3px;
    text-align: center;
    width: 59px;
}

/* Loading for contact form
--------------------------------------*/

.shindiri-contact-form .spinner {
  width: 60px;
  height: 60px;
  background-color: #70A226;

  margin: 50px auto;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}