/* Contact Form variables
========================================================*/
/*========================================================
										Main variables
=========================================================*/
/*hover color*/
/*hover 2 color*/
/*color of content*/
/*color of border*/
/*========================================================
										Typography
=========================================================*/
/*color of input fields in contact form*/
/* Contact Form Basic Styles 
========================================================*/
.btn1 {
    background-color: #DC4F45;
    border-color: #DC4F45 !important;
    color: #FFF;
    padding: 6px 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    margin: 5px;
    border-radius: 3px;
    font-weight: bold;
}
#contact-form {
  position: relative;
  margin-top: 25px;
}

#contact-form label {
  position: relative;
  display: block;
  width: 100%;
  max-width: 480px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top:5px;
  
}


.input {
  width: 100%;
  border-radius: 0;
  font-size: 14px;

  outline: none;
  height: 31px;
  border: 1px solid #d0d0d0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  background: none;
  box-sizing: border-box;
  border-radius : 5px;
}
.btn1 {
    background-color: #DC4F45;
    border-color: #DC4F45 !important;
    color: #FFF;
    padding: 6px 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    margin: 5px;
    border-radius: 3px;
    font-weight: bold;
}
.btn1:hover {
    background-color: #222;
    border-color: #DC4F45 !important;
    color: #FFF;
    padding: 6px 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    margin: 5px;
    border-radius: 3px;
    font-weight: bold;
}
.can{
    background-color: #777;
    border-color: #777 !important;
    color: #FFF;
    padding: 6px 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    margin: 5px;
    border-radius: 3px;
    font-weight: bold;
}
.can:hover{
    background-color:#f1f1f1;
      border-color: #777 !important;
    color: #222;
    padding: 6px 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    margin: 5px;
    border-radius: 3px;
    font-weight: bold;
}


@media only screen and (max-width: 1199px) {
  #contact-form {
    padding-right: 0;
  }
}
@media only screen and (max-width: 979px) {
  #contact-form label {
    width: 100%;
  }
  #contact-form .btn {
    padding-left: 12px;
    padding-right: 12px;
  }
}

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
   
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0; text-align:left;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}