* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: "socialico"; src: url("fonts/Socialico/Socialico.eot"); src: url("fonts/Socialico/Socialico.eot?#iefix") format("embedded-opentype"), url("fonts/Socialico/Socialico.woff2") format("woff2"), url("fonts/Socialico/Socialico.woff") format("woff"), url("fonts/Socialico/Socialico.ttf") format("truetype"), url("fonts/Socialico/Socialico.svg") format("svg"); } @font-face { font-family: "socialico"; src: url("fonts/Socialico/Socialico.eot"); src: url("fonts/Socialico/Socialico.eot?#iefix") format("embedded-opentype"), url("fonts/Socialico/Socialico.woff2") format("woff2"), url("fonts/Socialico/Socialico.woff") format("woff"), url("fonts/Socialico/Socialico.ttf") format("truetype"), url("fonts/Socialico/Socialico.svg#lobster_1.4regular") format("svg"); } .suspension-contain { overflow:hidden; max-height: 980px; position: relative;} html.suspended { background: rgba(0,0,0,0.6); } body { margin: 0 auto; max-width: 100%; min-width: 1482px; text-align: center; font-family: Oswald;} a { color:inherit; text-decoration: none; color: #fff;} a:hover { color:inherit; text-decoration: none; color: #fff;} h1,h2,h3,h4,h5,p,a,dd{ margin: 0; padding: 0; line-height: 1;} ul, ol {list-style-type: none;} .row { margin: 0 auto; max-width: 1482px; width: 100%;} .cta { display: none; } .ctc-hide { display: none !important; } .socials { display: flex; align-items: center; } .socials a { font-family: 'socialicoregular'; font-size: 30px; color: #000; } /*floats*/ .fl { float:left; } .fr { float:right; } /*typography*/ .text-primary{ color: #B11414; } .text-bold{ font-weight: 700; } .text-uppercase{ text-transform: uppercase } .text-center{ text-align: center !important; } .text-left{ text-align: left; } /*button*/ .btn {font-size: 18px; font-weight: bold; color: #FFF; display: flex; transition: all 0.5s ease; z-index: 1; position: relative; justify-content: center; align-items: center; width: 200px; height: 60px; background: #2EBA5A;font-weight: 300; font-family: 'Oswald'; letter-spacing: 1px;} .btn::after {content: ""; background: #95331A; height: 100%; width: 100%; bottom: 0; left: 0; transition: all .5s ease; position: absolute; transform: scaleX(0); z-index: -1;} .btn:hover::after {transform: scaleY(1);} /*clearings*/ .clear{ clear:both; } .clearfix:after { height:0; clear:both; content:"."; font-size: 0; display:block; visibility:hidden;} .clearfix { display:block; } /*cookie*/ .cc-animate.cc-revoke.cc-bottom{ font-size: 14px; position: fixed; padding: 5px 10px; bottom: 0!important; left: 20px!important; display: block!important; transform: none!important;} /*call to action*/ .cta { display: none; } /*contact form messages*/ form .messages p { display: none; font-size: 16px !important; font-weight: 400 !important; letter-spacing: 0 !important; font-family: Arial !important;} form .loading { display: none; } form .alert { padding: 15px; border-radius: 4px; margin-bottom: 20px; border: 1px solid transparent;} form .alert-success { color: #3c763d; border-color: #d6e9c6; background-color: #dff0d8;} form .alert-danger { color: #a94442; border-color: #ebccd1; background-color: #f2dede;} form [type="submit"] { margin:20px auto } /*contact form*/ form .loading { width: 100%; margin: auto; max-width: 20px; } .ctc-form { color: #fff; width: 100%; padding: 20px; margin: 0 auto; text-align: center; box-sizing: border-box;} .ctc-form h2 { padding: 5px 0 20px; text-align: center !important;} .ctc-form input[type="text"],.ctc-form textarea { color: #000; height: 45px; width: 100%; display: block; font-size: 16px; padding: 5px 10px; margin: 0 auto 8px; border:1px solid #ddd; box-sizing: border-box; font-family:'oswald-light';} .ctc-form textarea { padding-top: 10px; height: 120px !important;} .ctc-form button { display: block; } .ctc-form label {line-height: 100%;} .ctc-form .recap { display: inline-block; } .ctc-form .g-recaptcha div { margin: 0 auto 10px; } .ctc-form a{color: #008A55;} .inner #content .ctc-form {margin: 0 auto;text-align: center; color: #fff; width: 100%; padding: 20px; box-sizing: border-box; box-shadow: 0 0 5px #008A55; display: flex; flex-direction: column; color: #535353;} .inner #content .ctc-form h2 {text-align: center !important; padding: 5px 0 20px;} .inner #content .ctc-form input[type="text"],.ctc-form textarea {font-family:'oswald-light';font-size: 16px;color:#000;height:45px;display: block;width: 100%;border:1px solid #ddd;padding: 5px 10px;box-sizing: border-box;margin: 0 auto 8px; max-width: 100%;} .inner #content .ctc-form textarea {height: 120px;padding-top:10px;} .inner #content .ctc-form button {display: block;} .inner #content .ctc-form .recap {display: inline-block;} .inner #content .ctc-form .g-recaptcha div {margin: 0 auto 10px;} /*gallery*/ #content .gallery {list-style-type: none;margin: 0 auto !important;padding: 0; max-width: 980px;} #content .gallery li {display: inline-block;} #content .gallery-container {text-align: center;} #content .thumbnail {background-color: #fff;border: 1px solid #ddd;border-radius: 4px;display: block;line-height: .42857; margin-bottom: 20px;padding: 4px;transition: border 0.5s ease-in-out 0s;} #content .thumbnail:hover {transform: scale(1.02);} #content .page_navigation {display: inline-block;} #content .page_link,#content .previous_link,#content .next_link,#content .first_link,#content .last_link, #content .ellipse {background-color: #fff;border: 1px solid #ddd;color: #0275d8;display: inline-block;line-height: 1.25;margin-left: -1px;padding: 0.5rem 0.75rem;position: relative;} #content .page_navigation > a:hover , .page_navigation > a.active_page {background-color: #eceeef;border-color: #ddd;color: #014c8c;text-decoration: none;} h1 {font-size: 80px; font-weight: 400; color: #fff; line-height: 120%; font-family: 'Playball', cursive;} h2 {font-size: 80px; font-weight: 400; color: #008A55; line-height: 120%; font-family: 'Playball', cursive;} h3 {font-size: 60px; font-weight: 400; color: #fff; line-height: 100%;} h4 {font-size: 25px; font-weight: 300; color: #fff; line-height: 120%;} h5 {font-size: 15px; font-weight: 400; color: #fff; line-height: 120%;} p {font-size: 15px; font-weight: 400; color: #000; line-height: 200%; font-family: Montserrat;} /*header*/ #header {background: rgba(0,0,0,0.5); padding: 5px 10px; width: 100%; position: relative; z-index: 99; box-sizing: border-box;} #header nav a#pull {display: none} #header nav ul {margin: 0; padding: 0; display: flex;} #header nav ul li {vertical-align: middle; flex-grow: 1; padding: 0 30px;} #header nav ul li a {font-size: 18px; color: #fff; font-weight: 300; letter-spacing: 1px;} #header nav ul li.active-menu a, #header nav ul li a:hover {color:#fff;} #header .row {display: flex; justify-content: space-between; align-items: center;} #header .hd-right {display: flex; align-items: center;} #header .hd-right .phone {padding-left: 30px;} #header .hd-right .phone img {transition: all 0.5s ease;} #header .hd-right .phone img:hover {transform: scale(1.05);} /*banner*/ #banner {background: url(../images/common/banner.jpg) no-repeat center; padding: 186px 10px; background-size: cover; margin-top: -108px;} #banner p {color: #fff; padding: 20px 0;} #banner span {display: block;} #banner .btn {font-size: 30px; width: 340px; height: 90px; margin: auto;} /*content*/ #content {background: #fff; text-align: left;} #content .row {display: flex; justify-content: space-between;} #content span {display: block;} #content p {color: #545454; font-size: 15px; line-height: 2; padding: 10px 0 40px;} #content .strive {width: 673px; height: 219px; display: flex; text-align: left; justify-content: space-between; position: relative; align-items: center; padding-left: 40px; box-sizing: border-box;} #content .strive::before {content: ""; background: #95331A; height: 100%; width: 100%; bottom: 0; left: 0; transition: all .5s ease; transform: scaleX(1); transform-origin: right; position: absolute;} #content .strive::after {content: ""; background: #2EBA5A; height: 100%; width: 100%; bottom: 0; left: 0; transition: all .5s ease; transform: scaleX(0); transform-origin: left; position: absolute;} #content .strive:hover::before {transform: scaleX(0);} #content .strive:hover::after {transform: scaleX(1);} #content .strive .strive-left {position: relative; z-index: 99;} #content .strive .strive-right {line-height: 1; position: relative; z-index: 99;} #content .ct-right { margin-right: 130px; } #content .ct-right .tree {background: url(../images/common/treebg.jpg)no-repeat; position: relative; width: 600px; height: 746px;} #content .ct-right .tree img {position: absolute; right: -190px; bottom: -1px;} #content .ct-right .strive {display: flex; justify-content: space-between; align-items: center; background: #95331A; box-sizing: border-box; padding-left: 40px; height: 140px; width: 600px;} #content .ct-right .strive div {line-height: 0;} #content .ct-right .strive::before {content: ""; background: #95331A; height: 100%; width: 100%; bottom: 0; left: 0; transition: all .5s ease; transform: scaleX(1); transform-origin: right; position: absolute;} #content .ct-right .strive::after {content: ""; background: #2EBA5A; height: 100%; width: 100%; bottom: 0; left: 0; transition: all .5s ease; transform: scaleX(0); transform-origin: left; position: absolute;} #content .ct-right .strive:hover::before {transform: scaleX(0);} #content .ct-right .strive:hover::after {transform: scaleX(1);} /*content2*/ #content2 {background: #fff; text-align: left;} #content2 .row {max-width: 100%; display: flex; justify-content: flex-start; align-items: center; line-height: 0;} #content2 h2 {font-size: 50px;} #content2 p {padding: 25px 0 20px; width: 550px;} #content2 .choose-left img {width: 100%; max-width: 1043px;} #content2 .choose-right {padding-left: 60px;} /*content3*/ #content3 {background: url(../images/common/specialize.jpg) no-repeat center top;background-size: 100%; padding-bottom: 80px;} #content3 .row {max-width: 1366px;} #content3 h2 {width: 100%; height: 440px; background: url(../images/common/specialize.png) no-repeat center top; background-size: cover; color: #fff; padding-top: 60px; box-sizing: border-box; position: relative; top: -80px;} #content3 img {border-radius: 50%; transition: all 0.5s ease;} #content3 img:hover {transform: scale(1.1);} #content3 .btn {margin: auto;} #content3 dl {width: 100%; max-width: 395px;} #content3 p {display: flex; align-items: center; justify-content: space-between; padding: 40px 0 0;} #content3 dl dd {font-size: 30px; font-weight: 400; color: #fff; padding: 20px 0 10px; text-align: center;} #content3 .specialize-top {display: flex; justify-content: space-around; position: relative; margin-top: -330px;} #content3 .specialize-bot {display: flex; justify-content: space-around;} #content3 .specialize-bot dl dd a {color: #383E3A;} /*content4*/ #content4 {text-align: left; background: url(../images/common/red2.jpg) no-repeat left; position: relative;} #content4 .row {display: flex; justify-content: space-between; max-width: 1366px; align-items: flex-end;} #content4 p {padding: 30px 0 80px;} #content4 span {display: block;} #content4 dl {position: relative; margin: 0;} #content4 dl dd {position: absolute; bottom: 5px; right: 0;} #content4 .mission-left img:first-of-type {padding-right: 15px;} #content4 img {transition: all 1s ease;} #content4 img:hover {transform: scale(1.05);} /*content5*/ #content5 {background: url(../images/common/contact.jpg) no-repeat; padding: 150px 10px 100px; margin-top: -100px; line-height: 0; background-attachment: fixed; background-size: cover;} #content5 span {display: block;} #content5 p {padding: 20px 0 40px;} #content5 .row {background: url(../images/common/red.jpg) no-repeat right; max-width: 100%;} #content5 .ctc-form {width: 100%; padding: 0; margin: 0; max-width: 1366px; color: #535353; margin: auto;} #content5 .ctc-form ::placeholder {font-family: Open Sans; font-size: 15px; color: #A4A4A4; letter-spacing: 1px;} #content5 .ctc-form .form-top {display: flex;} #content5 .ctc-form .form-top input[type="text"] {width: 100%; max-width: 449px; height: 60px; } #content5 .ctc-form .form-top input, #content5 .ctc-form textarea {border: 1px solid #D6D6D6;} #content5 .ctc-form textarea {height: 150px !important;} #content5 .ctc-form .form-top label {width: 100%;} #content5 .ctc-form .form-top label:first-of-type input {margin: 0 auto 8px 0;} #content5 .ctc-form .form-top label:last-of-type input{margin: 0 0 8px auto;} #content5 .ctc-form button {border: none;} /*footer*/ #footer {background: url(../images/common/footer.jpg) no-repeat center; background-size: cover; background-attachment: fixed;} #footer .row {max-width: 1366px;} #footer h2 {color: #fff;} #footer h5 {padding-bottom: 15px;} #footer .ft-top {height: 250px; background: url(../images/common/contact.png) no-repeat top center; background-size: cover; box-sizing: border-box; padding-top: 60px; position: relative; top: -90px;} #footer .ft-mid {display: flex; justify-content: space-between; max-width: 1040px; margin: auto; position: relative; top: -135px;} #footer .ft-mid div {width: 100%; max-width: 230px;} #footer .ft-mid .rotate {padding-bottom: 10px; transition: all 1s ease;} #footer .ft-mid .rotate:hover {transform: rotateY(180deg);} #footer .ft-mid .email {position: relative; top: -20px;} #footer .ft-mid .cards {position: relative; top: -20px;} #footer .ft-mid .email a {font-size: 25px;} #footer .ft-mid .phone a {font-size: 35px; letter-spacing: 2px;} #footer .ft-bot {margin-top: -100px;} #footer .info {background: rgba(149,29,26,0.8); padding: 0 10px; box-sizing: border-box;} #footer .info .row {display: flex; justify-content: space-between; align-items: center; max-width: 1482px;} #footer .info nav ul {display: flex; padding: 0;} #footer .info nav ul li {padding: 0 40px;} #footer .info nav ul li:first-of-type {padding-left: 0;} #footer .info p {text-transform: uppercase; color: #fff; font-family: 'Oswald'; font-size: 18px; font-weight: 300; text-align: right; letter-spacing: 1px;} #footer .silver img {display: inline-block;vertical-align: middle;max-width: 50px} /*inner pages*/ .inner #content {min-height: 400px;padding: 40px 0 140px;} .inner #content .row {flex-direction: column; max-width: 1366px;} .inner #content h1 {color: #008A55; text-align: left;} .inner #content h2 {text-align: left; font-size: 50px; padding: 20px 0 5px;} .inner #content p {text-align: left; padding: 5px 0; font-family: Montserrat; font-size: 18px; } .inner #content ul {list-style-type: unset; margin: 0 0 20px; } .inner #content ul li {padding: 5px 0; font-family:Montserrat; font-size:18px; color:#545454;} .inner #content .numbers {list-style-type: decimal;} /*privacy policy*/ .inPrivacyBox { max-width: 850px; margin: 0 auto; } .inPrivacyBox p { text-align: justify!important; } /*testimonials*/ #inner_testi{ margin: 50px 0px 0px 0px; } .inner #content .testi p{ color:#000; margin: 10px 0; } .inner #content .testi p strong { color:#FFCC00; } .inner #content .testi p span{ color:#FFCC00;font-size: 30px; display: unset; } .inner #content .testi{ background: #fff;padding: 10px 20px;border-radius: 10px;box-shadow: 0px 0px 20px #FFCC00; margin: 20px 0; box-sizing: border-box; } .inner #content .testi .auth{ color:#FFCC00;font-size: 20px;text-shadow: 2px 0px 5px #000; font-weight: 500; } .destroy-on-load { display: none; } #pdf-mob{display: none} /** Responsive -------------------------------------------------------*/ @media screen and ( max-width: 1024px ){ body { min-width: 320px } .row { width: 100% } #content .row { flex-direction: column; } #content2 .row { flex-direction: column; } #content3 .row { flex-direction: column; } #content4 .row { flex-direction: column; } #content5 .row { flex-direction: column; } #content .row > div { width: 100%; } #content2 .row > div { width: 100%; } #content3 .row > div { width: 100%; } #content4 .row > div { width: 100%; } #content5 .row > div { width: 100%; } #pdf-mob{display: flex;} /*#pdf-desk{display: none}*/ } @media screen and (max-width: 1020px) { #header nav ul li {padding: 0 20px;} .ct-left {margin-top: 20px; text-align: center;} .ct-left img {max-width: 400px;} .mobile {display: none;} #content3 .row > div {display: block;} #content2 .choose-right {padding-left: 0;} #content .strive {margin: 0 auto;} #content .ct-right .tree {display: none;} #content .ct-right .strive {margin-top: 35px;} #content2 .row > div {margin-top: 50px; text-align: center;} #content2 p {width: 80%; margin: 0 auto;} #content3 h2 {top: 0;} .choose-right .btn {margin: 0 auto;} #content3 {background-size: cover;} #content3 .specialize-top {margin-top: -250px;} #content3 dl {margin: 0 auto 40px;} #content3 dl dd {color: #FFF !important;} #content4 .row > div {text-align: center;} #content4 {background: none;} #content4 p {padding-bottom: 50px;} #content4 .mission-left img:first-of-type, #content4 img {display: block; margin: 0 auto 20px; padding: 0; width: 100%; max-width: 400px;} #content4 dl dd {position: static;} .mission-right .btn {margin: 0 auto;} #content5 {margin-top: 50px;} #content5 {padding-top: 30px;} #footer .ft-mid {display: block;} #footer .ft-mid .email {margin: 50px auto 0;} #footer .ft-mid div {margin: 40px auto 0;} #footer .ft-mid .cards, #footer .ft-mid .email {top: 0;} #footer h5 {margin-top: 30px;} .ft-bot img {width: 100%; max-width: 400px;} #footer .info .row {flex-direction: column; align-items: center;} #footer .info p {text-align: center;} .banner-text h1 {font-size: 60px;} } @media screen and (max-width: 900px) { #header .row {flex-direction: column;} #banner {margin-top: -165px;} #banner .btn {font-size: 25px; width: 285px; height: 60px;} #content .strive h3 {font-size: 45px;} #content .strive {width: 540px;} #content .ct-right .strive {width: 430px;} #content3 h2, #content5 h2, #footer h2, .mission-left h2 {font-size: 60px;} #content3 dl dd {font-size: 25px;} #content5 .ctc-form .form-top {flex-direction: column;} #content5 .ctc-form .form-top label input , #content5 .ctc-form textarea {margin: 0 auto 15px !important; display: block; width: 95% !important; max-width: 100% !important;} .ft-bot img {max-width: 320px;} } @media screen and ( max-width: 768px ){ #header nav { display:block; height: auto; width: 100%; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; z-index: 999;} #header nav ul { max-width: 100%; display: none; height: auto; background: #000; padding-bottom: 10px; background: rgba(0,0,0, 0.7);} #header nav li { max-width: 100%; position: relative; text-align: left;padding: 10px 35px; } #header nav ul li a {padding: 0; } #header nav ul li { display: block; } #header nav a { text-align: left; width: 100%; text-indent: 25px; } #header nav a#pull { display: block; background: #000; width: 100%; position: relative; height: 45px; color: #fff; border-bottom: 2px solid #159BD8;} #header nav a#pull:after { content:""; background: url('../images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px;top: 13px; } #header nav a#pull strong{ line-height: 45px;} .hd-left {margin-top: 50px;} #header .hd-right .phone {padding-left: 0;} .cta{background: #2EBA5A url("../images/common/phonecall.png") no-repeat center center;border-bottom-left-radius: 40px;border: 2px solid #D3D3D3; border-top-left-radius: 40px;bottom: 1%;display: block;height: 70px;position: fixed;right: 0;text-decoration: none; text-indent: -9999em;width: 100px;z-index: 999; border-right: none;} .sticky { position: fixed; top: 0; width: 100%; z-index: 999;} .sticky a#pull {height: 40px !important;} .sticky a#pull strong {line-height: 40px !important;} .sticky a#pull:after {top: 10px !important;} .sticky ul li {padding: 5px 35px !important;} .inner #content { padding: 20px 10px;} #header nav ul li {margin-bottom: 10px;} .banner-text h1 {font-size: 45px;} } @media screen and (max-width: 700px) { .banner-text img {display: none;} #footer .info nav ul li {padding: 0 25px;} #footer .info p {font-size: 14px;} } @media screen and (max-width: 650px) { #content .row > div {padding: 0 10px; box-sizing: border-box;} .ct-left span {display: inline !important;} #content .strive h3 {font-size: 35px;} #content .strive {width: 410px; height: 150px;} .ct-left img {height: 150px;} #content .ct-right .strive {width: 350px; height: 110px;} .ct-right .strive img {height: 110px;} } @media screen and (max-width: 560px) { #banner {padding-bottom: 85px;} .banner-text h1 {font-size: 35px;} #banner .btn {font-size: 17px; width: 190px; height: 45px;} .ct-left img {max-width: 280px;} .choose-right .btn {font-size: 17px; width: 110px; height: 45px; margin-top: 15px;} #content2 h2 {margin-bottom: 15px;} #content2 p {padding: 0;} #content3 {margin-top: 30px; padding-bottom: 50px;} #content3 h2, #content5 h2, #footer h2, .mission-left h2 {font-size: 50px;} #content3 img {width: 100% !important; max-width: 280px !important;} #content3 h2 {padding-top: 25px;} #content3 .specialize-top {margin-top: -295px;} #content3 dl dd {font-size: 20px;} #content3 .btn {font-size: 17px; width: 160px; height: 45px;} #content3 dl:last-of-type {margin-bottom: 0 !important;} #content4 {margin-top: 20px;} #content4 p {padding: 15px 0 30px;} #content4 .mission-left img:first-of-type, #content4 img {max-width: 320px;} .mission-right .btn {font-size: 17px; height: 45px; width: 110px;} #content5 .ctc-form button {font-size: 17px !important; width: 140px !important; height: 45px !important;} #footer h5 {margin-top: 5px;} #footer .ft-mid .email a {font-size: 20px;} #footer .ft-mid .phone a {font-size: 25px;} .ft-bot img {max-width: 280px;} #footer .info nav ul li {padding: 0 15px;} #footer .info p {font-size: 12px;} #banner span {display: inline;} } @media screen and (max-width: 520px) { .inner #content h1 {font-size: 50px;} .inner #content p, .inner #content ul li {font-size: 15px;} .inner #content h2 {font-size: 35px;} } @media screen and (max-width: 440px) { #content .strive h3 {font-size: 20px;} #content .strive h4 {font-size: 17px;} #content .strive {width: 275px; height: 105px;} .ct-left img {height: 105px;} #content .ct-right .strive {width: 250px; height: 80px;} .ct-right .strive img {height: 80px;} #content2 .row > div {margin-top: 20px;} #content2 h2, #content3 h2, #content5 h2, #footer h2, .mission-left h2 {font-size: 35px;} #content2 p {font-size: 14px; text-align: justify;} #content3 img {max-width: 200px;} #content3 dl dd {font-size: 17px;} #content4 p, #content5 p {font-size: 14px;} #content4 span {display: inline;} #content4 .mission-left img:first-of-type, #content4 img {max-width: 270px;} .ft-bot img {max-width: 230px;} #footer .info nav ul {flex-direction: column;} #footer .info nav ul li {padding: 5px 0;} .ct-left p {text-align: justify;} #banner {padding-bottom: 30px;} } @media screen and ( max-width: 425px ){ #content .page_link, #content .previous_link, #content .next_link, #content .first_link, #content .last_link, #content .ellipse {font-size: 12px; padding: 5px 7px;} } @media screen and ( max-width: 320px ){ .g-recaptcha { transform:scale(0.8); } .inner #content .testi .auth { font-size: 17px; text-align: left; } } .kit-wrap p {flex-basis: 33%; margin: 0; font-family: 'Josefin Sans', sans-serif; font-weight: 700; color: #666666; text-align: left; padding-left: 100px; position: relative; font-size: 18px; line-height: 120%;} .kit-wrap p::before {transition: all 1s ease;} .kit-wrap p:hover::before {transform: rotateY(360deg);} #content4 .ctc-form {width: 100%; padding: 0; margin: 0; max-width: 960px;} #content4 .ctc-form .form-top {display: flex;} #content4 .ctc-form .form-top input[type="text"] {width: 100%; max-width: 475px;} #content4 .ctc-form .form-top label {width: 100%;} #content4 .ctc-form .form-top label:first-of-type input {margin: 0 auto 8px 0;} #content4 .ctc-form .form-top label:last-of-type input{margin: 0 0 8px auto;}