@media (min-width: 1200px) { .container { max-width: 1170px; } } * { font-family: 'Lato'; } .row.center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .centeralign { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .box, .main { padding: 30px 0; } .title-bordered, .main .article-entry .article-title a { font-weight: 400; font-size: 24px; color: #222931; position: relative; padding-bottom: 5px; } .title-bordered:after, .main .article-entry .article-title a:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100px; border-bottom: 2px solid #0061a5; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .btn-primary { background: #0061a5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #FFF !important; border: 0; font-size: 13px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .btn-primary:hover { background: #4b4a48; } .btn-info { background: #0061a5; color: #FFF !important; border: 0; padding: 10px 25px; text-transform: uppercase; font-weight: 600; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-more { color: #0061a5 !important; padding: 10px 25px; text-transform: uppercase; font-weight: 600; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: relative; } .btn-more.btn-primary { background: none; color: #0061a5; border: 0; margin: auto; display: block; width: 100%; max-width: 300px; } .btn-more:before, .btn-more:after { left: 50%; transform: translateX(-50%); content: ''; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; height: 2px; background: #0061a5; width: 0px; position: absolute; } .btn-more:before { top: 0; } .btn-more:after { bottom: 0; } .btn-more:hover { letter-spacing: 1px; font-weight: 600; } .btn-more:hover:before, .btn-more:hover:after { width: 100%; } .main-menu { background: #0061a5; } @media (min-width: 768px) { #main-menu { margin-left: -25px; } } @media (max-width: 767px) { #main-menu { height: 100%; width: 100%; position: fixed; z-index: 10; background: #FFF; display: none; } #main-menu.visible { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; background: #0061a5; top: 0; left: 0; text-align: center; } } @media (max-width: 767px) { #main-menu div[id^='menu-container-'] { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } #main-menu div[id^='menu-container-'] ul { margin: 0; padding: 0; list-style-type: none; } @media (min-width: 768px) { #main-menu div[id^='menu-container-'] ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media (max-width: 767px) { #main-menu div[id^='menu-container-'] ul { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { #main-menu div[id^='menu-container-'] ul { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } #main-menu div[id^='menu-container-'] ul li { position: relative; } #main-menu div[id^='menu-container-'] ul li#link-20 { margin-left: auto; position: relative; } @media (max-width: 991px) { #main-menu div[id^='menu-container-'] ul li#link-20 { display: none; } } #main-menu div[id^='menu-container-'] ul li#link-20:before { content: "\f0e0"; display: inline-block; font: normal normal normal 18px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #FFF; position: relative; top: 8px; float: left; } #main-menu div[id^='menu-container-'] ul li#link-20 a { border-right: 0; margin-right: -25px; } @media (min-width: 768px) { #main-menu div[id^='menu-container-'] ul li.parent > a { pointer-events: none; } } #main-menu div[id^='menu-container-'] ul li > a { color: #FFF; display: block; padding: 8px 25px; text-transform: uppercase; border-right: 1px solid #FFF; font-size: 13px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (min-width: 1200px) { #main-menu div[id^='menu-container-'] ul li > a { text-align: center; min-width: 170px; } } #main-menu div[id^='menu-container-'] ul li > a:hover { background: #4b4a48; text-decoration: none; } #main-menu div[id^='menu-container-'] ul li > a i { margin-left: 5px; } #main-menu div[id^='menu-container-'] ul li ul { position: absolute; display: none; background: #FFF; z-index: 100; padding: 0; } @media (min-width: 768px) { #main-menu div[id^='menu-container-'] ul li ul { -webkit-box-shadow: 0 2px 10px 0 rgba(64, 64, 63, 0.2); -moz-box-shadow: 0 2px 10px 0 rgba(64, 64, 63, 0.2); box-shadow: 0 2px 10px 0 rgba(64, 64, 63, 0.2); } } @media (max-width: 767px) { #main-menu div[id^='menu-container-'] ul li ul { position: static; } } #main-menu div[id^='menu-container-'] ul li ul li a { color: #222931; white-space: nowrap; font-size: 13px; text-align: left; } #main-menu div[id^='menu-container-'] ul li ul li a:hover { color: #FFF; } @media (min-width: 768px) { #main-menu div[id^='menu-container-'] ul li:hover ul { display: block; } } #main-menu div[id^='menu-container-'] ul li.active ul { display: block; } #main-menu-btn { height: 50px; width: 50px; position: fixed; bottom: 10px; right: 10px; color: #FFF; background: #000; display: none; z-index: 9999; line-height: 50px; text-align: center; font-size: 25px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media (max-width: 767px) { #main-menu-btn { display: block; } } .top { padding: 25px 0 0; } @media (min-width: 768px) { .top .logo { left: -31px; position: relative; } } @media (max-width: 991px) { .top .logo { margin-bottom: 25px; } } .top .logo a { display: block; width: 100%; max-width: 300px; margin: auto; } .top .logo a img { height: 100%; width: 100%; object-fit: contain; } .top #menu-container-1 ul { list-style-type: none; padding: 0; } @media (min-width: 992px) { .top #menu-container-1 ul { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } } @media (max-width: 991px) { .top #menu-container-1 ul { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } @media (min-width: 768px) { .top #menu-container-1 ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } .top #menu-container-1 ul li { margin-left: 1px; } .top #menu-container-1 ul li a { display: block; color: #FFF; font-size: 12px; background: #999999; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; padding: 4px 15px; font-weight: 600; } @media (max-width: 767px) { .top #menu-container-1 ul li a { text-align: center; font-size: 13px; } } .top #menu-container-1 ul li a:hover { text-decoration: none; background: #4b4a48; } .top .phone { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } @media (max-width: 991px) { .top .phone { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .top .phone a { color: #999999; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; font-weight: 600; } .top .phone a .fa { color: #0061a5; font-size: 26px; position: relative; top: 4px; } .top .phone a:hover { color: #0061a5; text-decoration: none; } .top #scontainer-2 { padding-top: 5px; font-weight: 500; color: #999999; font-size: 14px; } @media (max-width: 991px) { .top #scontainer-2 { display: none; } } .top #scontainer-2 strong { font-weight: 600; color: #000; } .banners { width: 100%; max-width: 1920px; margin: auto; height: 750px; background: #999999; } .banners .banners-container > div { height: 750px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; background-repeat: no-repeat; background-position: center; } .banners .banners-container > div .content { max-width: 600px; color: #FFF; background: rgba(0, 0, 0, 0.33); padding: 25px 50px; text-align: center; } .banners .banners-container > div .content h1 { font-size: 32px; font-weight: 600; margin-bottom: 25px; } .banners .banners-container > div .content p { margin: 0; } .banners .banners-container > div .content .btn-more { color: #FFF !important; font-weight: 300; } .banners .banners-container > div .content .btn-more:before, .banners .banners-container > div .content .btn-more:after { background: #FFF; } .main-text { background: #eeeeee; padding: 75px; text-align: center; } .main-text h3 { font-weight: 300; font-size: 22px; } .main-text h2 { margin-bottom: 25px; color: #0061a5; } .icons { padding: 75px 0; } .icons h3 { font-weight: 300; font-size: 22px; } .icons h2 { margin-bottom: 50px; color: #0061a5; } .icons p { font-size: 14px; } .footer { padding: 10px 0px; background: #222931; } .footer #menu-container-1 { margin: 10px 0px 10px 0px; } @media (max-width: 767px) { .footer #menu-container-1 { text-align: center; } } .footer #menu-container-1 ul { padding: 0px; list-style: none; } @media (min-width: 992px) { .footer #menu-container-1 ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .footer #menu-container-1 ul li { display: inline-block; position: relative; padding: 5px 22px 5px 0px; } .footer #menu-container-1 ul li a { font-size: 14px; color: #fff; } .footer #menu-container-1 ul li a:hover { color: #0061a5; text-decoration: none; } .footer #copyright { color: #a7a7a7; font-size: 12px; text-align: center; } .footer #copyright a { color: #0061a5; } #cookie-information { background: #979797; padding: 15px; color: #e6e8e8; font-size: 11px; text-align: center; } #cookie-information a { color: #0061a5; } .main .site-title, .main .article-title { font-size: 25px; font-weight: bold; margin-bottom: 15px; padding-bottom: 10px; text-transform: uppercase; color: #0061a5; } .main .article-entry { padding: 15px; border: 1px solid rgba(34, 41, 49, 0.1); margin-bottom: 50px; } .main .article-entry .article-title { margin-bottom: 25px; } .main .article-entry .article-title a { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .main .article-entry .article-title a:hover { text-decoration: none; color: #0061a5; } .main .article-entry .article-title a:hover:after { left: 15px; border-bottom: 2px solid #222931; } .main .article-entry.article-entry-12 .article-image { max-width: 400px; } .main .article-entry .article-image { width: 100%; max-width: 250px; height: 250px; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .main .article-entry .article-image img { height: 100%; width: 100%; object-fit: contain; } .main .article-entry .entry { color: rgba(34, 41, 49, 0.75); font-size: 14px; line-height: 24px; margin-bottom: 15px; text-align: center; } .main .article .text .table-responsive { font-size: 14px; } .main .article.article-3 .text { color: #0061a5; } #contact-additional-info { font-size: 13px; } #contact-additional-info a { color: #0061a5; font-weight: 600; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } #contact-additional-info a:hover { color: #000; text-decoration: none; } .contact-form { font-size: 13px; } .contact-form h4 { font-size: 18px; margin-bottom: 25px; } .contact-form p { margin-bottom: 15px; font-size: 12px; } .contact-form label { font-weight: 600; } .contact-form .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .contact-form textarea.form-control { height: 125px; } .article .text { font-size: 14px; } .article .text a { color: #0061a5; } .article .col-md-4 { border: 1px solid rgba(34, 41, 49, 0.1); padding: 15px; margin: 0 15px; } @media (min-width: 992px) { .article .col-md-4 { max-width: calc(33.33333% - 30px); } } .article .col-md-4 div[class^="col-"] p:after { content: ''; clear: both; display: block; } .article-15 .text .col-md-6 { border: 1px solid rgba(34, 41, 49, 0.1); padding: 25px; } @media (min-width: 992px) { .article-15 .text .col-md-6:first-child { margin-right: 15px; max-width: calc(50% - 15px); } } @media (min-width: 992px) { .article-15 .text .col-md-6:last-child { margin-left: 15px; max-width: calc(50% - 15px); } } .page-2 .article { padding: 50px 0; position: relative; } .page-2 .article:before { content: ''; display: inline-block; width: 100%; height: 1px; background: #999999; position: absolute; bottom: 0; opacity: .5; } .page-2 .article p { margin: 0; } .page-2 .article h3 { font-size: 20px; padding-bottom: 10px; margin-bottom: 10px; color: #4b4a48; position: relative; } .page-2 .article h3:before { content: ''; display: inline-block; width: 150px; height: 2px; background: #0061a5; position: absolute; bottom: 0; } .page-2 .article .date-add { margin-bottom: 10px; font-size: 13px; color: #999999; } .page-2 .article .date-add .fa { position: relative; top: -2px; } .page-2 .pager { display: flex; align-items: center; justify-content: center; list-style-type: none; } .page-2 .pager li { margin: 10px; } .page-2 .pager li a { color: #0061a5; } .bx-wrapper .bx-pager { position: relative !important; margin-top: -50px; z-index: 99; bottom: 0 !important; } .bx-wrapper .bx-pager .bx-pager-item a { background: #FFF !important; } .bx-wrapper .bx-pager .bx-pager-item a.active { background: #0061a5 !important; } .seo-additional-text { font-size: 15px; } .seo-additional-text h2 { font-size: 18px; color: #0061a5; font-weight: 600; } /*# sourceMappingURL=style.css.map */