/* by Adon , CSS Document */


.contact { float:left; width:100%; margin-top:5%;}
.contact .contact-l{ float:left; width:40%;}
.contact .contact-l .p1{ font-size:35px; font-weight:bold; color:#1a2225;}
.contact .contact-l .p2{ font-size:140px; position:relative;color:#17927a; font-weight:bold; line-height:140px; float:left;}
.contact .contact-l .p2 img{ position:absolute; top:-25px; right:-100px;}
.contact .contact-l .p3{ font-size:35px; color:#1a2225; clear:both;font-weight:bold;}
.contact .contact-l .p4{ font-size:23px; color:#1a2225; margin:60px 0 21px 0;font-weight:bold;}
.contact .contact-l .p5 span{ display:inline-block; width:32.33%;font-size:18px; padding:0 0 40px 0;margin:0 0 40px 0; border-bottom: solid 1px #efefef;font-weight:bold;}
.contact .contact-r{ width:50%; max-width:710px;font-weight:bold; color:#1a2225;}
.contact .contact-r{ font-size:15px;}
.contact .contact-r .p1{ font-size:40px;color:#1a2225;margin-top: 10%;}
.contact .contact-r .p2{ font-size:23px;color:#868686;}
.contact .contact-r .p3 span{ display:inline-block; width:50%;font-size:23px; margin:20% 0 30px 0;}
.contact .contact-r .p3 span .f1{  margin-bottom:20px;}
.contact .contact-r .p3 span .f2{ font-size:18px;}
.contact .contact-r .p3 span .f3{ font-size:15px;color:#868686; line-height:15px;}
.contact .contact-r .p3 span .f3 a{color:#868686;}
.contact .contact-r .p4{color:#868686; border-top:solid 1px #efefef; padding:30px 0; max-width:620px;}
.contact .contact-r li { float:left; margin-bottom:1%; background:#f6f6f6; overflow:hidden;border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; line-height:50px;width:49%; margin-bottom:2%;padding:0 2.5%;}
.contact .contact-r li:nth-child(even){ margin-left:1%}
.contact .contact-r li:nth-child(odd){ margin-right:1%}
.contact .contact-r li label{ font-size:16px;display:inline-block; float:left;}
.contact .contact-r li label font{ color:#17927a; display:inline-block}
.contact .contact-r li input{ line-height:45px; border:0;background:none;font-size:16px; float:left; line-height:55px; padding:0 2.5%;}
.contact .contact-r li.c { width:100%;}
.contact .contact-r li.c textarea{border:0;background:none;font-size:16px; float:left; width:80%; padding:0 2.5%; height:185px;}
.contact .contact-r .submit{background:#17927a; width:100%; border:0;color:#fff;display:block; text-align:center;max-width:165px; line-height:50px; text-transform:uppercase; font-size:16px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px;}



@media (max-width:1024px){
.contact .contact-r .p1{ font-size:34px;}
.contact .contact-l .p2 img{ left:100%;}
}
@media (max-width:768px){
.contact .contact-l,.contact .contact-r{ width:100%; float:left; max-width:inherit}
.contact,.contact .contact-r{ margin-top:10%;}
}
@media (max-width:480px){
.contact .contact-r .p1{ margin-top:0}    
.contact .contact-l .p1{ font-size:26px;}
.contact .contact-l .p2{ font-size:90px; line-height:90px;}
.contact .contact-l .p3{ font-size:22px;}
.contact .contact-l .p2 img{ max-width:60px;}
.contact .contact-r li label{ padding:0 2.5%;}
.contact .contact-r li.c textarea{ height:100px;}
.contact .contact-r li label,.contact .contact-r li input,.contact .contact-r li.c textarea{ font-size:15px;}
.contact .contact-r li{ line-height:normal; padding:2.5%;}
.contact .contact-r .p1{ font-size:28px;}
.contact .contact-r .p2{ font-size:18px;}
.contact .contact-r .p3 span .f3{ font-size:14px;}
.contact .contact-r .p3 span{ font-size:18px; width:100%; margin:6% 0}

}