body { font-family: 'Montserrat', sans-serif; color:#3a434d; padding:0px; margin:0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:14px; } input { font-family: 'Montserrat', sans-serif; } input[type="submit"] { cursor:pointer; font-family: 'Montserrat', sans-serif; } textarea { font-family: 'Montserrat', sans-serif; } select { border:2px solid #38414B; color:#38414B; font-size:16px; padding:1px 1px 1px 25px; font-family: 'Montserrat', sans-serif; } a { text-decoration:none; color:#3a434d; } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { margin:0px; } input[type="radio"], input[type="checkbox"] { display:none; } input[type="radio"] + label, input[type="checkbox"] + label { display:block; } input[type="radio"] + label span { display:inline-block; width:30px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url('../images/design/btn-radio.png') no-repeat; cursor:pointer; float:left; margin-top:3px; } input[type="radio"]:checked + label span { background:url('../images/design/btn-radio-check.png') no-repeat; } input[type="checkbox"] + label span { display:inline-block; width:30px; height:23px; margin:-3px 4px 0 0; vertical-align:middle; background:url('../images/design/btn-chck.png') no-repeat; cursor:pointer; } input[type="checkbox"]:checked + label span { background:url('../images/design/btn-chck-check.png') no-repeat; } #h { overflow:hidden; width:100%; background-image:url('../images/design/h-bck.png'); height:97px; position:fixed; top:0px; z-index:1000; } @media (max-width: 990px) { body #h { box-shadow:0 4px 8px 0 rgba(0,0,0,0.3); } } #h .c { width:100%; max-width:1128px; margin:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; } @media (max-width: 480px) { body #h .c { padding-left:0px; padding-right:0px; text-align:center; } } #h .lg { float:left; } @media (max-width: 480px) { body #h .lg { float:none; } } #h .lg img { width:272px; } @media (max-width: 1040px) { body #h .lg img { padding-left:25px; } } @media (max-width: 480px) { body #h .lg img { padding-left:0px; width:200px; margin:auto; } } #h .m { float:right; } @media (max-width: 480px) { body #h .m { width:100%; background-color:#dfdfdf; } } @media (max-width: 480px) { body #h .m { padding-top:3px; padding-bottom:3px; margin-top:7px; } } @media (max-width: 380px) { body #h .m { font-size:12px; padding-top:5px; padding-bottom:4px; } } #h .m .i { float:left; font-size:14px; font-weight:bold; padding-top:38px; } @media (max-width: 480px) { body #h .m .i { padding-top:0px; width:calc(43% - 11px); text-align:left; } } @media (max-width: 480px) { body #h .m .i.tr { text-align:right; width:calc(57% - 11px); } } @media (max-width: 380px) { body #h .m .i { font-size:12px;} } #h .m .i.p { padding-left:24px; padding-right:24px; } @media (max-width: 480px) { body #h .m .i.p { padding-left:10px; padding-right:10px; width:1px; } } #h .r { float:right; padding-top:29px; padding-left:32px; } @media (max-width: 480px) { body #h .r { display:none; } } #h .r img { padding-left:5px; width:31px; } #h .sm1, #h .sm2, #h .sm3 { display:none; } #h .sm1.a, #h .sm2.a, #h .sm3.a { display:block; padding-top:20px; font-size:10px; padding-bottom:20px; padding-left:16px; } #h .sm1.a .hh, #h .sm2.a .hh, #h .sm3.a .hh { font-weight:bold; margin-bottom:16px; text-decoration:underline; text-transform:uppercase; } #h .sm1.a .i, #h .sm2.a .i, #h .sm3.a .i { font-size:10px; color:#63768a; } #sm1, #sm2, #sm3 { cursor:pointer; } h1 { position:relative; width:100%; padding-top:30px; } h1 span { color:#f83640; } #mainB { width:100%; text-align:center; position:relative; padding-top:97px; } #mainB img { width:100%; max-width:1128px; } #sec2 .rg a:hover .b { transform: scale(1.1); transition: .2s ease; } #sec5 a:hover .i { transform: scale(1.1); transition: .2s ease; cursor:pointer; } #sec1 { overflow:hidden; width:100%; background-color:#f9f9f9; } #sec1 .c { width:100%; max-width:1128px; margin:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; } #sec1 .c .h { font-size:25px; border-left:3px solid #F93943; font-weight:bold; margin-top:24px; padding-left:20px; padding-top:3px; padding-bottom:3px; line-height:34px; } @media (max-width: 540px) { body #sec1 .c .h { margin-bottom:40px; }} #sec1 .c .h span { color:#f93943; } #sec1 .con { padding-top:8px; padding-bottom:52px; float:left; } @media (max-width: 540px) { body #sec1 .con { padding-bottom:20px; }} #sec1 .con .i { width:33.3%; float:left; height:64px; padding-top:52px; transition: .2s ease; } @media (max-width: 1160px) { body #sec1 .con .i { text-align:center; padding-bottom:30px; }} @media (max-width: 840px) { body #sec1 .con .i { width:50%; }} @media (max-width: 540px) { body #sec1 .con .i { width:100%; text-align:left; padding-top:15px; }} #sec1 .con a:hover .i { transform:scale(1.1); transition: .2s ease; } #sec1 .con .i .img { background-color:#f93943; text-align:center; width:56px; height:44px; border-radius:80px; float:left; padding-top:12px; } @media (max-width: 1160px) { body #sec1 .con .i .img { display:inline-block; float:none; } } @media (max-width: 540px) { body #sec1 .con .i .img { float:left; }} #sec1 .con .i .t { font-size:19px; font-weight:bold; padding-top:4px; padding-left:16px; float:left; } @media (max-width: 1160px) { body #sec1 .con .i .t { width:100%; padding-left:0px; }} @media (max-width: 540px) { body #sec1 .con .i .t { width:auto; padding-left:20px; }} @media (max-width: 390px) { body #sec1 .con .i .t { padding-top:7px; }} #sec2 { overflow:hidden; width:100%; background-color:#38414b; margin-top:50px; } #sec2 .c { padding-top:50px; width:100%; max-width:1128px; margin:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; padding-bottom:50px; overflow:hidden; } @media (max-width: 540px) { body #sec2 .c { padding-top:40px; }} #sec2 .lf { width:calc(100% - 576px); float:left; } @media (max-width: 1100px) { body #sec2 .lf { width:100%; }} #sec2 .lf .but { color:#fff; width:100%; text-align:right; font-weight:bold; padding-top:10px; } #sec2 .rg { width:528px; margin-left:48px; float:left; background-color:#38414b; color:#fff; } @media (max-width: 1100px) { body #sec2 .rg { width:100%; margin-left:0px; margin-top:40px; }} #sec2 .rg .h { font-size:25px; line-height:34px; margin-left:24px; margin-top:0px; border-left:4px solid #f73943; font-weight:bold; padding-top:2px; padding-bottom:2px; padding-left:16px; margin-bottom:20px; } @media (max-width: 540px) { body #sec2 .rg .h { font-size:28px; line-height:36px; }} #sec2 .rg .h span { color:#f73943; } #sec2 .rg .i { padding-top:12px; padding-left:43px; float:left; } @media (max-width: 540px) { body #sec2 .rg .i { padding-left:25px; padding-top:53px; }} #sec2 .rg .i img { float:left; } #sec2 .rg .i .t { float:left; font-size:15px; padding-left:12px; width:calc(100% - 44px); } @media (max-width: 540px) { body #sec2 .rg .i .t { width:calc(100% - 55px); font-size:15px; }} #sec2 .rg .i .t a { color:#fff; text-decoration:underline; } #sec2 .rg .b { font-weight:bold; background-color:#f73943; text-align:center; width:100%; float:left; margin-top:42px; font-size:22px; line-height:23px; text-transform:uppercase; padding:14px 0px; color:white; } #sec2 .rg .b span { font-size:12px; text-transform:none; font-weight:normal; text-transform:uppercase; } #sec3 { overflow:hidden; width:100%; background-color:#fff; } #sec3 .c { padding-top:74px; width:100%; max-width:1128px; margin:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; } @media (max-width: 480px) { body #sec3 .c { padding-top:25px; }} #sec3 .lf { width:384px; float:left; } @media (max-width: 1100px) { body #sec3 .lf { width:100%; }} #sec3 .h { border-left:3px solid #f83640; padding-left:20px; font-size:25px; font-weight:bold; padding-bottom:8px; padding-top:4px; } @media (max-width: 540px) { body #sec3 .rg .h { }} #sec3 .h span { color:#f83640; } #sec3 .rg { width:calc(100% - 400px); float:left; padding-left:16px;} @media (max-width: 1100px) { body #sec3 .rg { width:100%; padding-top:32px; padding-left:0px; }} #sec3 .rg .txt { font-size:19px; line-height:26px; font-family: 'Source Sans Pro', sans-serif; } #sec3 .rg .b { font-size:19px; color:#F93943; padding-top:24px; font-family: 'Source Sans Pro', sans-serif; } #sec3 .i { width:25%; float:left; padding-top:48px; font-size:13px; color:#959DB3; font-weight:bold; } @media (max-width: 700px) { body #sec3 .i { width:50%; }} #sec3 .i div { font-size:38px; color:#38414B; padding-bottom:8px; font-weight:normal; } #sec4 { overflow:hidden; width:100%; background-color:#fff; } #sec4 .c { padding-top:96px; width:100%; max-width:1128px; margin:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; } @media (max-width: 540px) { body #sec4 .c { padding-top:48px; }} #sec4 .h { font-size:25px; border-left:3px solid #f83640; padding-left:20px; font-weight:bold; } @media (max-width: 540px) { body #sec4 .h { }} #sec4 .h span { color:#f83640; } #sec4 .car { padding-top:48px; } @media (max-width: 648px) { body #sec4 .car { display:none; }} #sec4 .carM { display:none; margin-left:20px; margin-right:20px; padding-top:48px; } @media (max-width: 648px) { body #sec4 .carM { display:block; }} #sec4 .arr { float:left; width:48px; font-size:24px; color:#959DB3; font-weight:bold; padding-top:24px; } /*#sec4 img.i{ width:calc(25% - 24px); padding-left:20px; padding-right:20px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/ #sec4 img { height:100px; } @media (max-width: 648px) { body #sec4 img { height:70px; }} #sec5 { overflow:hidden; width:100%; margin-top:80px; z-index:10; position:relative; background-color:#f93943; } @media (max-width: 540px) { body #sec5 { margin-top:50px; }} #sec5 .c { padding-top:88px; padding-bottom:88px; width:100%; max-width:1128px; margin:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:50px; padding-right:40px; background-color:#f93943; overflow:hidden; position:relative; z-index:200; } @media (max-width: 1410px) { body #sec5 .c { padding-left:40px; padding-right:0px; }} @media (max-width: 1160px) { body #sec5 .c { padding-left:0px; padding-top:30px; padding-bottom:30px; text-align:center; }} #sec5 .i { width:33%; float:left; color:#fff; } @media (max-width: 1320px) { #sec5 .i.f { width:31%; }} @media (max-width: 1320px) { #sec5 .i.m { width:29%; }} @media (max-width: 1320px) { #sec5 .i.r { width:40%; }} @media (max-width: 1160px) { #sec5 .i.f { width:100%; }} @media (max-width: 1160px) { #sec5 .i.m { width:100%; padding-top:40px; }} @media (max-width: 1160px) { #sec5 .i.r { width:100%; padding-top:40px; }} #sec5 .i img { float:left; padding-right:16px; width:60px; } @media (max-width: 1160px) { #sec5 .i img { float:none; padding-right:0px; }} #sec5 .i .t { padding-top:6px; font-size:19px; font-weight:bold; } #sec5 .i .t span { font-size:12px; font-weight:normal; } #sec6 { overflow:hidden; width:100%; background-color:#fff; } #sec6 .c { padding-top:30px; width:100%; max-width:1128px; margin:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; padding-bottom:50px; overflow:hidden; } #sec6 .lf { width:50%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1100px) { body #sec6 .lf { width:100%; }} #sec6 .rg { width:50%; float:left; padding-left:60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1100px) { body #sec6 .rg { width:100%; padding-top:32px; padding-left:0px; }} #sec6 .rg img { width:100%; } #contact { overflow:hidden; width:100%; position:relative; z-index:10; } #contact { width:100%; } #contact input[type="text"] { width:100%; border:2px solid #959DB3; color:#4C515E; font-size:19px; padding:14px 25px; margin-top:8px; font-family: 'Source Sans Pro', sans-serif; } #contact textarea { width:100%; border:2px solid #959DB3; color:#959DB3; font-size:19px; padding:14px 25px; margin-top:8px; height:120px; font-family: 'Source Sans Pro', sans-serif; } #contact .i2 { width:100%; padding-left:0px; padding-top:12px; } #contact .i2 .lab2 { color:#959DB3; font-family: 'Source Sans Pro', sans-serif; } #contact .i2 span { float:left; margin-top:4px; margin-right:4px; } #contact input[type="submit"] { width:100%; background-color:#38414B; color:#fff; padding:20px; text-transform:uppercase; margin-top:16px; border:0px; font-size:19px; } #contact .message { color:#f83640; font-size:19px; padding-top:45px; font-weight:bold; } #f { overflow:hidden; width:100%; background-color:#38414b; z-index:1; position:relative; line-height:21px; } #f .c { padding-top:25px; width:100%; max-width:1128px; margin:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left:20px; padding-right:20px; overflow:hidden; padding-bottom:50px; } #f a { color:#fff; font-size:14px; } #f a:hover { color:#F93943; } #f .soc { width:100%; text-align:center; padding-top:20px; float:left; } #f .soc img { padding:2px; } #f .t { width:100%; text-align:center; padding-top:20px; float:left; color:#fff; opacity:0.7; font-size:12px; line-height:15px; padding-bottom:20px; } #label { background-color:#F93943; color:#fff; font-weight:bold; position:fixed; right:0px; top:50%; z-index:1000; text-transform:uppercase; padding:28px 20px; writing-mode: vertical-lr; text-orientation: mixed; box-shadow:0px 0px 8px #666666; } @media (max-width: 480px) { body #label { padding:14px 10px; top:auto; bottom:0px; writing-mode: horizontal-tb; display:none; }} a:hover #label { padding-right:28px; } #label div { font-weight:normal; text-transform:uppercase; font-size:11.8px; padding-right:2px; } #call { position:fixed; bottom:0px; left:0px; z-index:10; width:100%; height:60px; color:#fff; text-transform:uppercase; box-shadow:0px 0px 8px #666666; font-size:12px; font-weight:bold; display:none;} @media (max-width: 480px) { body #call { display:block; }} #call .l { width:calc(50% - 23px); float:left; height:60px; background-color:#37c837; padding:10px; color:#fff; padding-top:13px; padding-left:13px; } #call .l div { font-weight:normal; font-size:11px; padding-top:3px; } #call .l img { float:left; width:25px; padding-right:6px; } #call .r { width:calc(50% - 23px); float:left; height:60px; background-color:#F93943; padding:10px; color:#fff; padding-top:13px; padding-left:13px;} #call .r div { font-weight:normal; font-size:11px; padding-top:3px; } #gotop { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); font-size:30px; opacity:0.5; font-family: 'Poppins'; } a:hover #gotop { opacity:1; }