<style type="text/css">
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
body {
margin: 0;
}
article,
main,
nav {
display: block;
}
a {
background-color: transparent;
}
strong {
font-weight: bold;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
img {
border: 0;
}
.info ul {
margin: 0;
padding: 0;
list-style: none;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
* {
max-height: 1000000px;
}
body {
color: #010101;
background: #fff;
font: 30px/1.2 "Arial", "Helvetica", sans-serif;
min-width: 320px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
max-width: 100%;
height: auto;
}
h1 {
font-family: inherit;
font-weight: bold;
margin: 0 0 0.5em;
color: inherit;
}
h1 {
font-size: 35px;
}
p {
margin: 0 0 1em;
}
a {
color: #39f;
}
#wrapper {
max-width: 570px;
margin: 0 auto;
}
.w1 {
overflow: hidden;
}
#main {
padding: 20px 15px 0;
}
@media (min-width: 570px) {
#main {
padding: 41px 33px 0 32px;
}
}
.btn-top {
background: #002e6d none repeat scroll 0 0;
bottom: 20px;
color: #284c96;
font-size: 60px;
height: 60px;
opacity: 0;
position: fixed;
right: 15px !important;
top: auto !important;
visibility: hidden;
width: 60px;
}
.btn-top:after {
width: 16px;
height: 12px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url(images/sprite.png) no-repeat -2px -56px;
content: '';
}
.about {
padding: 22px 0 9px;
letter-spacing: -1px;
font: 20px/1.2 "Arial", "Helvetica", sans-serif;
text-align: justify;
}
@media (min-width: 570px) {
.about {
font: 30px/35px "Arial", "Helvetica", sans-serif;
}
}
.about h1 {
margin: 0 0 15px;
letter-spacing: -1px;
font: 700 35px/1.2 "Arial", "Helvetica", sans-serif;
color: #192e62;
}
@media (min-width: 570px) {
.about h1 {
margin: 0 0 33px;
}
}
.about > img {
width: 100%;
height: auto;
display: block;
margin: 0 0 24px;
}
.about p {
margin: 0 0 25px;
}
.about p strong {
font-weight: 700;
}
.info {
overflow: hidden;
padding: 0;
}
@media (min-width: 570px) {
.info {
margin: 0 -16px 0 -3px;
}
}
.info .bullet-image {
width: 98%;
padding-bottom: 17px;
}
.info .nav {
font: 18px/1.2 "Arial", "Helvetica", sans-serif;
}
@media (min-width: 570px) {
.info .nav {
font: 35px/1.2 "Arial", "Helvetica", sans-serif;
padding: 0 0 0 3px;
}
}
.info .nav li {
display: inline-block;
vertical-align: top;
margin: 0 0.4% 7px 0;
width: 48.5%;
text-align: center;
}
@media (min-width: 570px) {
.info .nav li {
width: 47.5%;
margin: 0 0.4% 15px 0;
}
}
.info .nav li:nth-child(2n) {
margin-right: 0;
}
.info .nav li a {
display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
color: #fff;
background: #002c7a;
height: 60px;
text-decoration: none;
border-radius: 12px;
}
@media (min-width: 570px) {
.info .nav li a {
height: 90px;
}
}
.info .nav li .ico {
width: 30px;
height: 22px;
display: inline-block;
vertical-align: middle;
display: block;
background: url(images/ico-telephone.svg) no-repeat;
background-size: 100% 100%;
}
@media (min-width: 570px) {
.info .nav li .ico {
width: 57px;
height: 41px;
}
}
.info .nav li.phone a {
background: #f6af21;
}
</style>
<link media="all" rel="preload" href="css/main.min.css" as="style" onload="this.rel='stylesheet'">
<noscript><link media="all" rel="stylesheet" href="css/main.css"></noscript>
<script>!function(e){"use strict";var t=function(t,n,r){function o(e){return i.body?e():void setTimeout(function(){o(e)})}function a(){d.addEventListener&&d.removeEventListener("load",a),d.media=r||"all"}var l,i=e.document,d=i.createElement("link");if(n)l=n;else{var s=(i.body||i.getElementsByTagName("head")[0]).childNodes;l=s[s.length-1]}var u=i.styleSheets;d.rel="stylesheet",d.href=t,d.media="only x",o(function(){l.parentNode.insertBefore(d,n?l:l.nextSibling)});var f=function(e){for(var t=d.href,n=u.length;n--;)if(u[n].href===t)return e();setTimeout(function(){f(e)})};return d.addEventListener&&d.addEventListener("load",a),d.onloadcssdefined=f,f(a),d};"undefined"!=typeof exports?exports.loadCSS=t:e.loadCSS=t}("undefined"!=typeof global?global:this),function(e){if(e.loadCSS){var t=loadCSS.relpreload={};if(t.support=function(){try{return e.document.createElement("link").relList.supports("preload")}catch(e){return!1}},t.poly=function(){for(var t=e.document.getElementsByTagName("link"),n=0;n<t.length;n++){var r=t[n];"preload"===r.rel&&"style"===r.getAttribute("as")&&(e.loadCSS(r.href,r),r.rel=null)}},!t.support()){t.poly();var n=e.setInterval(t.poly,300);e.addEventListener&&e.addEventListener("load",function(){e.clearInterval(n)}),e.attachEvent&&e.attachEvent("onload",function(){e.clearInterval(n)})}}}(this);</script>
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.