@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);

#advanced-newsletter-box {
/*    background-image: url(../image/envelope-border.png);*/
    background-repeat: repeat-x;
    background-size: 40px 3px;
    padding: 0px 0;
}
#advanced-newsletter-box .heading-title {
    text-transform: uppercase;
    font-size: 16px;
    list-style: none;
    font-weight: bold;
    margin-bottom: 8px;
}
#advanced-newsletter-box #mail-box {
    margin-bottom: 20px;
    width: 100% !important;
}
#advanced-newsletter-box #mail-box input {
    height: 30px;
    background: #fff;
    width: 100%;
    padding-left: 10px;
    color:#333;
    margin-right: -3px !important;
    width: 60%;
}

#advanced-newsletter-box #mail-box .btn {
  background: gray;
  border: medium none;
  border-radius: 0;
  color: #fff;
  font-weight: bold;
  height: 30px;
  outline: medium none;
  padding-top: 6px !important;
  margin-top: -2px;
}

.subscribe-me {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    background: #f8d135;
}
#advanced-newsletter-box .input-group-btn {
  display: inline;
}

.subscribe-me a, .subscribe-me a:visited {
    color: #888;
    text-decoration: none;
}

.subscribe-me a:hover, .subscribe-me a:active {
    color: #333;
}

.subscribe-me h1, .subscribe-me  h2, .subscribe-me  h3 {
    font-family: 'Open Sans', sans-serif !important;
}

.subscribe-me h1 {
    font-size: 2.5em;
    font-weight: 300;
}

.subscribe-me h2 {
    font-size: 1.5em;
    font-weight: 300;
}

.subscribe-me h3 {
    font-size: 1.2em;
    font-weight: 400;
}

.subscribe-me  p {
    color: #ecf0f1;
    font-weight: 100;
    color: black;
    font-size: 15px !important;
}
.subscribe-me  input{
    color: gray;
}

.subscribe-me input.disable{
    opacity: 0.3;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
   #advanced-newsletter-box #mail-box .btn {
margin-top: 5px;
}
} 
/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
  #advanced-newsletter-box #mail-box .btn {
margin-top:-2px;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) 
{
 #advanced-newsletter-box #mail-box .btn {
margin-top: 5px !important;
}   
    
}