* { margin: 0; padding: 0; } @font-face {     font-family: 'Source Sans Pro';     src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),      url(/shared/2582/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wlBduz8A.woff2) format('woff2'); } html { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; color: #000; background: #fff; } a { color: #080; outline: none; transition: all 0.2s ease 0s; } .flex { display: flex; justify-content: space-between; } .page { width: 1300px; margin: 0 auto; } .green-btn { display: block; padding: 15px 20px; border: 2px solid #080; border-radius: 2px; background-color: #080; font-size: 13px;     color: #fff; font-weight: 600; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; width: 110px; text-align: center; } .green-btn:hover { border-style: solid; border-color: #0a0; background-color: #fff; color: #0a0; }  header { position: fixed; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .11); } header .top { background-image: url(/shared/2582/bg-block.png); background-color: #000; background-position: 0px 0px; background-size: 512px; } header .top .flex { justify-content: flex-end; } header .top .link { margin: 0 25px 0 50px; color: #ffb100; text-decoration: none; font-weight: 600; line-height: 32px; } header .top .link:hover { color: #95c93d; } header .top .link i { margin-left: 5px; font-size: 12px; } header .top .soc li { list-style: none; } header .top .soc li a { color: #fff; font-size: 18px; line-height: 32px; padding: 0 3px; display: block ; } header .top .soc li a:hover { background-color: rgba(0, 0, 0, .8); } header .bottom { background: #fff; padding: 5px 0; } header .bottom .logo { height: 50px; padding: 5px 0; } header .bottom .logo img { height: 100%; } header .bottom .top-menu { width: calc(100% - 550px); } header .bottom .top-menu li { list-style: none; } header .bottom .top-menu li a { color: #023859; display: block; line-height: 60px; text-transform: uppercase; text-decoration: none;     font-weight: 600; } header .bottom .top-menu li a:hover { color: green; } header .bottom .top-menu li.close-menu { display: none; } header .bottom .link-btn { padding: 0 25px; flex-direction: row; align-items: center; border-radius: 50px; background-color: #080;      line-height: 60px; } header .bottom .link-btn:hover { background: #646464; } header .bottom .link-btn img { width: 65px; margin-right: 10px; } header .bottom .link-btn span { font-size: 18px; color: #fff; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; } header .bottom .open-menu { display: none; }  .main { padding-top: 102px; } .main .banner { width: 100%; height: 350px; background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)),      url(/shared/2582/banner.jpg); background-position: 0px 0px, 0px 0px; background-size: auto, cover; background-repeat: repeat, no-repeat;      border-bottom: 3px solid #95c93d; display: flex; justify-content: center; flex-direction: row; align-items: center; } .main .banner h1 { color: #fff; font-size: 60px; font-weight: 700; } .main .info { background-color: #000; background-image: url(/shared/2582/bg-block.png); background-position: 0px 0px; background-size: 512px;      display: flex; justify-content: center; flex-direction: row; align-items: center; padding: 30px 0; } .main .info span { color: #fff; font-size: 28px; text-align: center; width: 65%; } .main .info-block { margin: 100px 0; } .main .info-block .flex { align-items: flex-start; } .main .info-block img { width: 42%; height: auto; } .main .info-block .right { width: 50%; } .main .info-block .right h2 { color: #023859; font-weight: 700px; font-size: 30px; margin-bottom: 30px; } .main .info-block .right p { margin-bottom: 10px; font-size: 16px; line-height: 24px; } .main .info-block .right .green-btn { margin-top: 30px; }  .main .blocks { background: #f8f8f8; padding: 30px 0; } .main .blocks .block { width: calc(25% - 20px); margin: 0 10px; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .15); } .main .blocks .block img { width: 100%; height: 200px; object-fit: cover; object-position: center; border-bottom: 3px solid #95c93d; } .main .blocks .block h3 { color: #023859; font-weight: 700px; font-size: 24px; margin: 25px 10px 20px; text-align: center; } .main .blocks .block p { font-size: 16px; line-height: 24px; padding: 0 20px; text-align: center; height: 210px; } .main .blocks .block .bottom { border-top: 1px solid rgba(0, 0, 0, .1); padding: 15px 0; } .main .blocks .block .bottom .green-btn { margin: 0 auto; }  .main .banner-2 { height: 300px; width: 100%; background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)),      url(/shared/2582/banner-bottom.jpeg); background-position: 0px 0px, 0px 0px; background-size: auto, cover; background-repeat: repeat, repeat;      display: flex; justify-content: center; flex-direction: row; align-items: center; } .main .banner-2 .info-text { width: 65%; } .main .banner-2 .info-text .left { color: #fff; } .main .banner-2 .info-text .left h3 { font-weight: 700px; font-size: 24px; margin-bottom: 10px; } .main .banner-2 .info-text .left p { line-height: 24px; font-size: 16px; } .main .banner-2 .info-text .green-btn { height: 18px; } .main .banner-2 .info-text .green-btn:hover { background: none; }  .main .text-page { padding: 100px 0; width: 70%; margin: 0 auto; } .main .text-page h2 { color: #023859; font-size: 30px; margin-bottom: 30px; } .main .text-page p { margin-bottom: 10px; font-size: 16px; line-height: 24px; } .main .text-page img { max-width: 100%; height: auto; margin: 10px 0 20px; } .main .text-page ul { margin-left: 20px; padding: 5px 0 10px;  } .main .text-page ul li { margin-bottom: 5px; font-size: 16px; line-height: 24px; }  footer .bottom-menu { justify-content: center; background: #2e2e2e; padding: 20px 0; } footer .bottom-menu li { list-style: none; margin: 0 10px; }  footer .bottom-menu li a { text-decoration: none; color: #fff; opacity: 0.67; text-transform: uppercase; } footer .bottom-menu li a:hover { opacity: 1; } footer .copyright { background: #252525; color: hsla(0, 0%, 75%, .53); padding: 10px 0; text-align: center; }  @font-face {     font-family: 'fontello';     src: url(/shared/2582/fontello.eot);     src: url(/shared/2582/fontello.eot) format('embedded-opentype'),          url(/shared/2582/fontello.woff2) format('woff2'),          url(/shared/2582/fontello.woff) format('woff'),          url(/shared/2582/fontello.ttf) format('truetype'),          url(/shared/2582/fontello.svg) format('svg');     font-weight: normal;     font-style: normal;   }        [class^="fa-"]:before, [class*=" fa-"]:before {     font-family: "fontello";     font-style: normal;     font-weight: normal;     speak: none;     display: inline-block;     text-decoration: inherit;     width: 1em;     margin-right: .2em;     text-align: center;     font-variant: normal;     text-transform: none;     line-height: 1em;     margin-left: .2em;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;   }       .fa-right-circle:before { content: '\e800'; } /* '' */   .fa-cancel:before { content: '\e801'; } /* '' */   .fa-twitter:before { content: '\f099'; } /* '' */   .fa-facebook:before { content: '\f09a'; } /* '' */   .fa-menu:before { content: '\f0c9'; } /* '' */   .fa-instagram:before { content: '\f16d'; } /* '' */   @media only screen and (max-width: 1400px) {     .page { width: 1260px; } } @media only screen and (max-width: 1300px) {     .page { width: 1160px; } } @media only screen and (max-width: 1200px) {     .page { width: 960px; }     header .bottom .top-menu { display: none; }     header .bottom .link-btn { display: none; }     header .top .link { margin-right: 0; }     header .bottom .logo { height: 40px; }     .main { padding-top: 92px; }     .main .banner h1 { font-size: 56px; }     .main .info-block .right { width: 53%; }     .main .blocks .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-flow: row wrap; }     .main .blocks .block { width: calc(50% - 20px); margin-bottom: 20px; }     .main .blocks .block p { height: 150px; }     header .bottom .open-menu { display: block; }     header .bottom .open-menu i { font-size: 20px; color: #525252; }     header .bottom .flex { flex-direction: row; align-items: center; }     header .bottom .top-menu { position: fixed; height: 100%; width: 200px; background: #dfdfdf; top: 0; right: 0; padding: 20px 40px; }     header .bottom .top-menu li.close-menu { display: block; position: absolute; top: 20px; right: 20px; }     header .bottom .top-menu li.close-menu i { font-size: 20px; color: #525252; }     header .bottom .top-menu li { margin-bottom: 10px; }     header .bottom .top-menu li a { line-height: 30px; } } @media only screen and (max-width: 992px) {     .page, .main .text-page { width: 740px; }     .main .banner { height: 300px; }     .main .banner h1 { font-size: 50px; }     .main .info span { width: 80%; font-size: 24px; }     .main .info-block .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-flow: row wrap;          justify-content: center; }     .main .info-block img { width: 70%; }     .main .info-block .right { width: 70%; margin-top: 20px; text-align: center; }     .main .info-block .right .green-btn { margin: 30px auto 0; }     footer .bottom-menu li a { font-size: 13px; } } @media only screen and (max-width: 768px) {     .page, .main .text-page { width: 620px; }     .main .banner h1 { font-size: 44px; }     .main .info-block img { width: 80%; }     .main .info-block .right { width: 80%; }     header .bottom .logo { height: 40px; padding: 0; }     .main { padding-top: 82px; }     .main .banner { height: 250px; }     .main .info span { font-size: 20px; }     .main .info-block { margin: 80px 0; }     .main .blocks, .main .text-page { padding: 80px 0; }     .main .banner-2 .info-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-flow: row wrap;          justify-content: center; }     .main .banner-2 .info-text .left { text-align: center; margin-bottom: 20px; }     footer .bottom-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-flow: row wrap;          justify-content: center; }     footer .bottom-menu li { margin: 5px 10px; }     .main .blocks .block p { height: 200px; } } @media only screen and (max-width: 640px) {     .page, .main .text-page { width: 480px; }     .main .banner h1 { font-size: 40px; }     .main .info-block img, .main .info-block .right { width: 100%; }     .main .blocks .block { width: calc(100% - 20px); }     .main .blocks .block p { height: auto; padding-bottom: 20px; }     .green-btn { padding: 10px 15px; } } @media only screen and (max-width: 525px) {     .page, .main .text-page { width: 400px; }     .main .banner { height: 200px; } } @media only screen and (max-width: 440px) {     .page, .main .text-page { width: 320px; }     header .bottom .logo { height: 30px; padding: 5px 0; }     .main .banner { height: 200px; }     header .top .link { display: none; }     .main .banner h1 { font-size: 36px; }     .green-btn { width: calc(100% - 30px); }     .main .info-block { margin: 50px 0; }     .main .blocks, .main .text-page { padding: 50px 0; }     .main .blocks .block .bottom .green-btn { width: calc(100% - 60px); }     .main .banner-2 .info-text { width: 80%; }     .main .text-page h2 { font-size: 26px;} } @media only screen and (max-width: 360px) {     .page, .main .text-page { width: 300px; }     .main .banner h1 { font-size: 32px; } } .main .banner h1{     background-color: rgb(42,42,142, 0.5);     width: 100%;     text-align: center; }