section.contact-us { padding: 60px 0px;}

section.contact-us .header {text-align: center;  margin: auto; padding-bottom: 30px;}

section.contact-us .header h2 {text-align: center; font-size: 32px; font-family: 'Roboto', sans-serif; color: #444444;}

section.contact-us .header p {margin: 15px 0px 0px 0px ; font-size: 16px; font-family: "Open Sans", sans-serif; color: #444444;}

section.contact-us form input[type="text"], textarea { 
    padding: 17px; outline: none; border: 1px solid #ced4da; margin: 0; background: #fff;
    font-size: 14px;  ;color: #303030;width: 100%; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
    line-height: 1.5;}

section.contact-us form input[type="submit"] { 
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    border: 0;
    line-height: 1.15em; 
    background: #106eea;
    color: #fff;
    padding: 17px;
    transition: 0.4s;
 }

section.contact-us form input[type="submit"]:hover { background: #3b8af2; }
    
section.contact-us form { box-shadow: 0 0 30px rgba(214, 215, 216, 0.4); padding: 30px ;}
    
    

section.contact-us .contact-info .email .box { color: #444444; text-align: center; box-shadow: 0 0 30px rgba(214, 215, 216, 0.3);
    padding: 20px 0 30px 0; }

section.contact-us .contact-info .email .box i { font-size: 32px; color: #106eea; border-radius: 50%; padding: 8px; border: 2px dotted #b3d1fa; }

section.contact-us .contact-info .email .box h3 {  font-size: 20px; color: #777777; font-weight: 700; margin: 10px 0; }
    
section.contact-us .contact-info .email .box p {  padding: 0; line-height: 24px; font-size: 14px; margin-bottom: 0; }


section.contact-us .contact-info .phone .box { color: #444444; text-align: center; box-shadow: 0 0 30px rgba(214, 215, 216, 0.3);
    padding: 20px 0 30px 0; }

section.contact-us .contact-info .phone .box i { font-size: 32px; color: #106eea; border-radius: 50%; padding: 8px; border: 2px dotted #b3d1fa; }

section.contact-us .contact-info .phone .box h3 {  font-size: 20px; color: #777777; font-weight: 700; margin: 10px 0; }
    
section.contact-us .contact-info .phone .box p {  padding: 0; line-height: 24px; font-size: 14px; margin-bottom: 0; }


section.contact-us .contact-info .address .box { color: #444444; text-align: center; box-shadow: 0 0 30px rgba(214, 215, 216, 0.3);
    padding: 20px 0 30px 0;     margin-top: 22px; }

section.contact-us .contact-info .address .box i { font-size: 32px; color: #106eea; border-radius: 50%; padding: 8px; border: 2px dotted #b3d1fa; }

section.contact-us .contact-info .address .box h3 {  font-size: 20px; color: #777777; font-weight: 700; margin: 10px 0; }
    
section.contact-us .contact-info .address .box p {  padding: 0; line-height: 24px; font-size: 14px; margin-bottom: 0; }

section.contact-us .contact-info .address .box h6 { font-weight: 600; color : #777 }

section.contact-us .contact-info .address .box .content { margin-top: 15px; }


@media only screen and (min-width: 768px) {
    section.contact-us .header {text-align: center; width: 50%; margin: auto; padding-bottom: 30px;}
}