/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


.contactgroup {
list-style: none;
margin: 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.privacyagree {
margin-top: 15px;
text-align: left;
}

.contactitem {
font-weight: 700;
display: inline-block;
width: 120px;
text-align: left;
}

.contactfield {
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

.contactfield input, .contactfield textarea {
display: inline-block;
width: 100%;
border: 1px solid #cecece;   
border-radius: 3px;
padding: 5px 10px;
}

.contactinfo {
display: inline-block;
}

.contacticon {
vertical-align: top;
}

.submitbutton {
display: inline-block; 
margin: 20px 0;
float: left;
text-align: left;
}

.captcha{
height: 78px;
}

.submitbutton button, .submitbutton .nonlivebutton {
    padding: 10px 0;
    width: 120px;
    font-weight: 700;
    color: white;
    border-radius: 2px;
    text-align: center;
}

.submitbutton .nonlivebutton {
display: inline-block;
cursor: pointer;
}


.nonlivemessage {
opacity: 1;
display: none;
color: red;
font-weight: 600;
-webkit-animation: 1.2s ease-in 0s normal both;
        animation: 1.2s ease-in 0s normal both;
margin-top: 5px;
background-color: red;
color: white;
border-radius: 4px;
padding: 5px 10px;
}

.dayinfohours {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.dayinfo {
width: 90px;
-webkit-box-flex: 0;
    -ms-flex: none;
        flex: none;
display: inline-block;
}

.dayhours {
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
color: #656565;
}

.boxB.contactinfobox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.boxB.contactinfobox .glyphicon, .boxB.boxC .glyphicon {
-webkit-box-flex: 0;
    -ms-flex: none;
        flex: none;
width: 25px;
}

.boxB.contactinfobox .contactinfo, .boxB.boxC .contactinfo {
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}


@-webkit-keyframes nonlive {
    
    0% { 
    opacity: 0;
    }

    100% {
    opacity: 1;
    }   
    
}



@keyframes nonlive {
    
    0% { 
    opacity: 0;
    }

    100% {
    opacity: 1;
    }   
    
}

.contacttitle {
margin-bottom: 20px;
text-align: left;
}

.othercontact {
display: inline-block;
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
margin: 10px 0;
padding-left: 15px;
}

.boxA {
text-align: left;
margin-top: 20px;
}

.boxB {
padding-bottom: 10px;
margin-left: 20px;
}


/* boxC is used if no contact email provided*/
.boxC {  
text-align: left;
display: block;
vertical-align: top;
}




.boxB .glyphicon{
margin-right: 10px;
border-radius: 4px;
padding: 4px;
color: #646464;
}

.boxB a {
color: #333;
}

.boxB a:hover {
color: #285ed6;
}

.subline {
margin-left: 36px;
}

.recieved {
font-weight: 700;
text-align: center;
border-radius: 4px;
color: green;
padding: 10px;
background-color: rgba(110, 255, 127, 0.46);
}

button, input[type="submit"], input[type="reset"] {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    font-size: 14px;
}

@media (max-width: 992px) {

    .boxA {
    border: none;
    text-align: left;    
    }

    .borderme {
    border-top: 1px solid #c7c7c7;
    margin-bottom: 25px;
    }

    .boxB {
    display: block;
    vertical-align: top;
    text-align: left;
    margin-left: 0;
    }
    
}

@media (max-width: 767px) {



    .recieved {
    margin: 20px 0 0 0;
    }
    
    .othercontact {
    display: block;
    }
    
    .contactitem, .contactgroup {
    display: block;
    }
    
    .boxA {
    margin-left: 0;
    }
        
    .submitbutton {
    margin-left: 0;
    }

}  

@media (max-width: 550px) {
    
    .recieved {
    margin: 20px 0 0 0;
    text-align: center;
    }   
    
    
}

@media (max-width: 480px) {
    .borderme {
    margin: 0 10px 25px 10px;
    }
    
}