h1 { font-size: 52px; font-weight: 400; color: #cd4f4f; }

h2 { font-size: 40px; font-weight: 600; color: #414141; margin: 0 0 50px; }
@media screen and (max-width: 991px) { h2 { font-size: 35px; } }

h3 { font-size: 36px; font-weight: 400; color: #cd4f4f; margin-bottom: 12px; margin-top: 0px; }
@media screen and (max-width: 991px) { h3 { font-size: 30px; } }

h4 { font-size: 34px; font-weight: 600; color: #161616; }

h5 { font-size: 30px; font-weight: 400; color: #161616; }

p { color: #000000; font-size: 24px; font-weight: 300; margin-bottom: 50px; }

.btn-danger { background: #cd4f4f; }

html, body { height: 100%; width: 100%; }

body { font-family: 'Open Sans', sans-serif; color: #000; font-size: 30px; overflow-x: hidden; }
@media screen and (max-width: 1190px) { body { text-align: center; } }

#header { background: url(../images/banner.jpg) no-repeat right center; height: 100%; background-size: cover; -webkit-background-size: cover; overflow: hidden; }
@media screen and (max-width: 1200px) { #header { background-position: center center; } }
#header .logo { padding-top: 80px; display: inline-block; }
@media screen and (max-width: 767px) { #header .logo { padding-top: 40px; } }
#header .caption { text-align: center; position: relative; top: 40%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); }
@media screen and (max-width: 767px) { #header .caption { top: 30%; -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); } }
#header .caption h2 { font-size: 80px; color: #ffffff; font-weight: 700; letter-spacing: -5px; margin-bottom: 0; }
#header .caption h3 { font-size: 45px; font-weight: 300; }
@media screen and (max-width: 1200px) { #header .caption h2 { font-size: 65px; }
  #header .caption h3 { font-size: 38px; } }
@media screen and (max-width: 991px) { #header .caption h2 { font-size: 54px; }
  #header .caption h3 { font-size: 30px; } }
@media screen and (max-width: 767px) { #header .caption h2 { font-size: 35px; letter-spacing: 0px; } }

#content section { padding: 90px 0; overflow: hidden; }
@media screen and (max-width: 767px) { #content section { padding: 40px 0; }
  #content section:nth-child(4) { padding: 40px 0 !important; } }
#content article p:last-child { margin-bottom: 0px; }
#content article .redrow { background: #cd4f4f; height: 6px; width: 150px; margin: 50px auto 0; display: inline-block; }
@media screen and (max-width: 767px) { #content article .redrow { margin: 20px auto 0; } }
#content .alignmiddle { margin-top: 35px; }
#content .markmianinfo p { margin-top: 80px; line-height: 36px; }
@media screen and (max-width: 767px) { #content .markmianinfo p { margin-top: 40px; margin-bottom: 50px !important; } }
#content .mosttext { padding: 12px 34px; color: #ffffff; background: #cd4f4f; font-size: 24px; position: relative; top: -60px; display: inline-block; border-radius: 50px; }
#content .mosttext:hover { text-decoration: none; }
@media screen and (max-width: 767px) { #content .mosttext { padding: 16px 18px; font-size: 20px; top: -60px; } }
@media screen and (max-width: 639px) { #content .mosttext { font-size: 13px; } }
#content .arrow { height: 60px; width: 60px; text-align: center; line-height: 60px; color: #ffffff; background: #cd4f4f; font-size: 36px; position: relative; top: -60px; display: inline-block; border-radius: 50px; }
#content .picture { display: inline-block; border-radius: 50%; border: 1px #e2e3e4 solid; padding: 5px; }
#content .circle { padding-left: 0px; }
#content .circle li { display: inline-block; margin: 13px 13px 10px; border: 1px #e2e3e4 solid; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 196px; height: 196px; text-align: center; color: #cd4f4f; overflow: hidden; font-size: 20px; padding-top: 20px; vertical-align: top; }
#content .circle li:nth-child(5), #content .circle li:nth-child(6) { margin-bottom: 0px; }
@media screen and (max-width: 768px) { #content .circle li { width: 120px; height: 120px; font-size: 14px; padding-top: 0px; }
  #content .circle li img { max-width: 100%; } }
#content span.circlebox img { padding: 5px; border: 1px #e2e3e4 solid; }
@media screen and (max-width: 767px) { #content .padding { padding: 40px 0; } }
#content .nopad { padding-bottom: 0px; }
#content .nopad1 { padding-top: 70px; padding-bottom: 120px; }
@media screen and (max-width: 767px) { #content .nopad1 { padding: 30px 0 100px; } }

#content section.twoeven { padding: 90px 0 120px; }

#content section.neweven { padding: 30px 0 90px; overflow: inherit; }

#content section.even { background: #f7f7f7; overflow: inherit; }
#content section.even .textup { padding-top: 30px; }

@media screen and (max-width: 767px) { h4 { font-size: 24px; }
  p { font-size: 22px; } }
footer { background: #cd4f4f; padding: 25px 0 0; }
@media screen and (max-width: 767px) { footer { margin-top: 25px; } }
footer .call { text-decoration: none; padding: 5px; color: #cd4f4f; border: 1px #cd4f4f solid; font-size: 30px; font-weight: 600; position: relative; top: -50px; background: #ffffff; display: inline-block; border-radius: 50px; }
footer .call img { width: 12%; }
footer .call span { padding: 0 60px 0 20px; }
footer .call a[href^="tel"] { color: inherit; text-decoration: none; }
@media screen and (max-width: 639px) { footer .call { font-size: 20px; } }
footer .error { color: #ffffff; font-size: 14px; margin-top: 5px; text-align: left; }
footer .thank-you { display: none; font-size: 24px; text-align: center; color: #ffffff; padding-top: 60px; }
footer form.m-form-style h5 { color: #ffffff; margin: 40px 0 60px; font-weight: 300; font-size: 44px; text-align: center; }
footer form.m-form-style label { position: relative; color: #ffffff; width: 100%; height: auto; font-size: 14px; font-weight: normal; }
footer form.m-form-style label span { position: absolute; left: 2px; top: -5px; -webkit-transition: 500ms; transition: 500ms; z-index: 1; font-weight: normal; font-size: 20px; color: #ffffff; font-weight: 300; }
footer form.m-form-style input { background-color: transparent; height: 32px; height: 3.2rem; width: 100%; border: 0; border-bottom: 1px solid #ffffff; z-index: 2; font-weight: 300; font-size: 20px; font-size: 2rem; }
footer form.m-form-style input:focus { outline: none; border-bottom: 2px solid #ffffff !important; -webkit-transition: 500ms; transition: 500ms; }
@media screen and (max-width: 767px) { footer form.m-form-style .text-right { text-align: center; } }
footer form.m-form-style .messagebox { margin-top: 50px; }
@media screen and (max-width: 767px) { footer form.m-form-style .messagebox { margin-top: 10px; } }
footer form.m-form-style .messagebox h4 { font-size: 19px; font-weight: 400; margin: 0 0 10px; color: #ffffff; text-align: left; }
footer form.m-form-style .messagebox textarea { border: 0px; width: 100%; border-bottom: 1px #ffffff solid; padding: 7px 0; font-weight: 300; font-size: 20px; font-size: 2rem; color: #ffffff; height: 90px; margin-bottom: 30px; background: transparent; }
footer form.m-form-style .messagebox textarea:focus { color: #ffffff; border-bottom: 2px solid #ffffff !important; -webkit-transition: 500ms; transition: 500ms; outline: none; }
footer form.m-form-style .btn { color: #cd4f4f; background: #ffffff; padding: 5px 50px; font-size: 26px; border-radius: 50px; width: auto; display: inline-block; height: auto; }
@media screen and (max-width: 640px) { footer form.m-form-style .btn { padding: 8px 80px; font-size: 24px; } }
footer .footerbottom { background: #414141; padding: 15px 0; font-size: 14px; font-weight: 300; color: #ffffff; text-align: center; margin-top: 80px; }
@media screen and (max-width: 480px) { footer .footerbottom { font-size: 12px; } }

form.m-form-style label:not(:last-child) input { margin-bottom: 12px; margin-bottom: 1.2rem; }

form.m-form-style label:not(:first-child) { margin-bottom: 3rem; }

form.m-form-style label input:focus + span, form.m-form-style label input:valid + span { top: -15px; font-size: 13px; font-weight: 400; color: #ffffff; letter-spacing: 0px; letter-spacing: 0.07rem; -webkit-transition: 500ms; transition: 500ms; }

form.m-form-style label textarea:focus + span, form.m-form-style label textarea:valid + span { top: -9px; font-size: 13px; font-weight: 400; color: #ffffff; letter-spacing: 0px; letter-spacing: 0.07rem; -webkit-transition: 500ms; transition: 500ms; }

form.m-form-style label.textarea span { top: 8px; }

@media only screen and (max-width: 992px) { form.m-form-style label span { -webkit-transition: 1000ms; transition: 1000ms; }
  form.m-form-style label input:focus + span, form.m-form-style label textarea:focus + span, form.m-form-style label input:valid + span, form.m-form-style label textarea:valid + span { -webkit-transition: 1000ms; transition: 1000ms; }
  form.m-form-style label input:focus, form.m-form-style label textarea:focus { -webkit-transition: 1000ms; transition: 1000ms; } }
@media only screen and (max-width: 767px) { form.m-form-style label { height: auto; margin-bottom: 30px; }
  form.m-form-style label:not(:first-child) { margin-top: 1rem; }
  form.m-form-style label.textarea { margin-top: 5px; } }
