Created
August 15, 2017 19:42
-
-
Save shmidtelson/0e91f1b1f4baecc1d2c2fe0ea8d80534 to your computer and use it in GitHub Desktop.
1
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body, | |
| div, | |
| dl, | |
| dt, | |
| dd, | |
| ul, | |
| li, | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6, | |
| pre, | |
| code, | |
| form, | |
| fieldset, | |
| input, | |
| textarea, | |
| p, | |
| blockquote, | |
| th, | |
| td { | |
| margin: 0; | |
| padding: 0; | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| fieldset, | |
| img, | |
| abbr { | |
| border: 0; | |
| } | |
| address, | |
| caption, | |
| cite, | |
| code, | |
| dfn, | |
| em, | |
| strong, | |
| th, | |
| var { | |
| font-style: normal; | |
| font-weight: normal; | |
| } | |
| ul li { | |
| list-style: none; | |
| } | |
| caption, | |
| th { | |
| text-align: left; | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| font-size: 100%; | |
| font-weight: normal; | |
| } | |
| sup { | |
| vertical-align: text-top; | |
| } | |
| sub { | |
| vertical-align: text-bottom; | |
| } | |
| input, | |
| textarea, | |
| select { | |
| font-family: inherit; | |
| font-size: inherit; | |
| font-weight: inherit; | |
| } | |
| legend { | |
| color: #000; | |
| } | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| menu, | |
| nav, | |
| section, | |
| main { | |
| display: block; | |
| } | |
| img { | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| html, | |
| body { | |
| background: #fff; | |
| color: #333333; | |
| font-family: 'PT Sans', sans-serif; | |
| font-size: 16px; | |
| overflow-x: hidden; | |
| } | |
| .container { | |
| max-width: 1180px; | |
| padding-left: 15px; | |
| padding-right: 15px; | |
| margin: 0 auto; | |
| } | |
| @media screen and (max-width: 1200px) { | |
| .container { | |
| max-width: 1004px; | |
| } | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .container { | |
| max-width: 748px; | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| .container { | |
| padding-left: 15px; | |
| padding-right: 15px; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| .container { | |
| padding-left: 15px; | |
| padding-right: 15px; | |
| } | |
| } | |
| .row-flex { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| margin-left: -15px; | |
| margin-right: -15px; | |
| } | |
| h1, | |
| h2, | |
| h3 { | |
| font-weight: 700; | |
| text-transform: uppercase; | |
| } | |
| h1 { | |
| font-size: 48px; | |
| } | |
| h2 { | |
| font-size: 36px; | |
| } | |
| h3 { | |
| font-size: 23px; | |
| } | |
| h4 { | |
| font-size: 20px; | |
| font-weight: normal; | |
| } | |
| h5 { | |
| font-size: 17px; | |
| font-weight: 700; | |
| } | |
| h6 { | |
| font-size: 16px; | |
| font-weight: 700; | |
| margin-bottom: 15px; | |
| } | |
| .bottom-bordered-heading, | |
| .page-heading h1, | |
| .next-event > h3, | |
| .content > h3, | |
| .request-form h3, | |
| .marks > h3 { | |
| display: inline-block; | |
| border-bottom: 4px solid #157bb4; | |
| padding-bottom: 3px; | |
| margin-bottom: 30px; | |
| max-width: 720px; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .bottom-bordered-heading, | |
| .page-heading h1, | |
| .next-event > h3, | |
| .content > h3, | |
| .request-form h3, | |
| .marks > h3 { | |
| margin-bottom: 20px; | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| .bottom-bordered-heading, | |
| .page-heading h1, | |
| .next-event > h3, | |
| .content > h3, | |
| .request-form h3, | |
| .marks > h3 { | |
| width: 100%; | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| .bottom-bordered-heading, | |
| .page-heading h1, | |
| .next-event > h3, | |
| .content > h3, | |
| .request-form h3, | |
| .marks > h3 { | |
| text-align: center; | |
| } | |
| } | |
| .colored-heading, | |
| .materials h5, | |
| .marks-horizontal h5, | |
| .similar-articles h5, | |
| .course .course-consist h5, | |
| .comment-block h5 { | |
| color: #157bb4; | |
| } | |
| .page-heading h1 { | |
| font-size: 23px; | |
| } | |
| .page-heading.no-margin h1 { | |
| margin-bottom: 0; | |
| } | |
| p { | |
| margin-bottom: 15px; | |
| } | |
| strong { | |
| font-weight: 700; | |
| } | |
| blockquote { | |
| padding-left: 60px; | |
| position: relative; | |
| margin-bottom: 15px; | |
| } | |
| blockquote:before { | |
| content: ''; | |
| display: block; | |
| width: 21px; | |
| height: 20px; | |
| position: absolute; | |
| left: 0; | |
| top: 5px; | |
| background: url(../img/blockquote.png) no-repeat center; | |
| } | |
| ol { | |
| padding-left: 20px; | |
| margin-top: 0; | |
| } | |
| ol.counter-list { | |
| list-style: none; | |
| counter-reset: list1; | |
| padding-left: 0; | |
| } | |
| ol.counter-list > li { | |
| font-weight: 700; | |
| margin-bottom: 15px; | |
| } | |
| ol.counter-list > li:before { | |
| counter-increment: list1; | |
| content: counter(list1) ") "; | |
| } | |
| ol.counter-list ol { | |
| counter-reset: list2; | |
| list-style: none; | |
| padding-left: 50px; | |
| } | |
| ol.counter-list ol li { | |
| font-weight: 400; | |
| } | |
| ol.counter-list ol li:before { | |
| counter-increment: list2; | |
| content: counter(list1) "." counter(list2) ". "; | |
| } | |
| ol.counter-list ol li ol { | |
| counter-reset: list3; | |
| list-style: none; | |
| padding-left: 45px; | |
| } | |
| ol.counter-list ol li ol li:before { | |
| counter-increment: list3; | |
| content: counter(list1) "." counter(list2) "." counter(list3) ". "; | |
| } | |
| a { | |
| color: #157bb4; | |
| outline: none !important; | |
| } | |
| a.more { | |
| color: #2b64ae; | |
| text-decoration: none; | |
| } | |
| a.more:hover { | |
| text-decoration: underline; | |
| } | |
| a:hover { | |
| text-decoration: none; | |
| } | |
| .btn { | |
| background: #5398c3; | |
| color: #fff; | |
| text-decoration: none; | |
| padding: 5px 20px; | |
| min-width: 120px; | |
| display: inline-block; | |
| font-size: 13px; | |
| font-weight: 700; | |
| text-align: center; | |
| border: none; | |
| border-radius: 2px; | |
| cursor: pointer; | |
| } | |
| .btn:hover { | |
| background: #2a6386; | |
| color: #fff; | |
| } | |
| .btn.btn-fade:hover { | |
| opacity: 0.85; | |
| } | |
| .btn.btn-bordered { | |
| background: rgba(255, 255, 255, 0.05); | |
| border: 1px solid #fff; | |
| } | |
| .btn.btn-bordered:hover { | |
| background: #fff; | |
| color: #333333 !important; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| .btn-right { | |
| text-align: right; | |
| } | |
| button.search { | |
| background: none; | |
| border: none; | |
| cursor: pointer; | |
| width: 40px; | |
| height: 40px; | |
| color: #006aab; | |
| font-size: 15px; | |
| } | |
| .to-top { | |
| display: block; | |
| width: 80px; | |
| height: 80px; | |
| position: fixed; | |
| bottom: 50px; | |
| right: 50px; | |
| background: #006aab; | |
| opacity: 0.5; | |
| border-radius: 50%; | |
| display: none; | |
| } | |
| .to-top:before { | |
| content: ''; | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| background: url(../img/to-top.png) center no-repeat; | |
| } | |
| .to-top:hover { | |
| opacity: 0.7; | |
| } | |
| form { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| @media screen and (max-width: 768px) { | |
| form { | |
| text-align: center; | |
| } | |
| } | |
| form input, | |
| form textarea { | |
| display: block; | |
| max-width: 100%; | |
| padding: 10px 10px 10px 18px; | |
| margin-bottom: 15px; | |
| border: 1px solid #dfdfdf; | |
| -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); | |
| box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); | |
| min-width: 140px; | |
| color: #333333; | |
| font-size: 14px; | |
| } | |
| @media screen and (max-width: 768px) { | |
| form input, | |
| form textarea { | |
| margin: 0 auto 15px auto; | |
| } | |
| } | |
| form input:focus, | |
| form textarea:focus { | |
| border-color: #157bb4; | |
| } | |
| form textarea { | |
| resize: vertical; | |
| min-height: 60px; | |
| } | |
| form label { | |
| font-weight: 700; | |
| display: inline-block; | |
| margin-bottom: 5px; | |
| } | |
| form span { | |
| color: #e51616; | |
| } | |
| form p { | |
| font-size: 14px; | |
| margin-bottom: 5px; | |
| } | |
| form .btn { | |
| margin-bottom: 15px; | |
| } | |
| article { | |
| color: #636262; | |
| margin-bottom: 50px; | |
| } | |
| article h2 { | |
| color: #333333; | |
| } | |
| .list-styled, | |
| .more-info ul, | |
| .article > ul { | |
| margin-bottom: 12px; | |
| } | |
| .list-styled li, | |
| .more-info ul li, | |
| .article > ul li { | |
| position: relative; | |
| padding-left: 12px; | |
| } | |
| .list-styled li:before, | |
| .more-info ul li:before, | |
| .article > ul li:before { | |
| content: ''; | |
| display: block; | |
| width: 5px; | |
| height: 5px; | |
| border-radius: 50%; | |
| background: #333333; | |
| position: absolute; | |
| left: 0; | |
| top: 0.6em; | |
| } | |
| .breadcrumb { | |
| background: inherit; | |
| padding: 0; | |
| margin: 0 0 40px; | |
| list-style: none; | |
| } | |
| .breadcrumb li { | |
| font-size: 16px; | |
| display: inline-block; | |
| line-height: 1.2; | |
| } | |
| .breadcrumb li a { | |
| font-size: 16px; | |
| text-decoration: none; | |
| } | |
| .breadcrumb li a:hover { | |
| text-decoration: underline; | |
| } | |
| .breadcrumb li + li:before { | |
| content: ">" !important; | |
| color: #006aab; | |
| padding: 0 4px 0 1px; | |
| } | |
| .breadcrumb li:last-child:before { | |
| color: inherit; | |
| } | |
| .pagination-container { | |
| text-align: center; | |
| margin-bottom: 40px; | |
| } | |
| .pagination-container .pagination { | |
| display: -webkit-inline-box; | |
| display: -webkit-inline-flex; | |
| display: -ms-inline-flexbox; | |
| display: inline-flex; | |
| } | |
| .pagination-container .pagination li { | |
| border: 1px solid #dddddd; | |
| border-right: none; | |
| } | |
| .pagination-container .pagination li a, | |
| .pagination-container .pagination li span { | |
| border: none; | |
| width: 36px; | |
| height: 36px; | |
| line-height: 36px; | |
| text-align: center; | |
| color: #0087cf; | |
| text-decoration: none; | |
| display: block; | |
| } | |
| .pagination-container .pagination li:last-child { | |
| border-right: 1px solid #dddddd; | |
| } | |
| .pagination-container .pagination li:hover a { | |
| background: #f5f5f5; | |
| color: #777777; | |
| } | |
| .pagination-container .pagination li.active span { | |
| background: #f5f5f5; | |
| color: #777777; | |
| } | |
| .highlight { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| margin-bottom: 15px; | |
| } | |
| .highlight .icon { | |
| background: #b8def7; | |
| width: 70px; | |
| position: relative; | |
| } | |
| .highlight .icon:before { | |
| content: ''; | |
| display: block; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 12px; | |
| height: 40px; | |
| } | |
| .highlight .icon.icon-1:before { | |
| background: url(../img/highlight_1.png) no-repeat center top; | |
| } | |
| .highlight .icon.icon-2:before { | |
| background: url(../img/highlight_2.png) no-repeat center top; | |
| } | |
| .highlight .icon.icon-3:before { | |
| background: url(../img/highlight_3.png) no-repeat center top; | |
| } | |
| .highlight .icon.icon-4:before { | |
| background: url(../img/highlight_4.png) no-repeat center top; | |
| } | |
| .highlight .text { | |
| background: #e1eef7; | |
| width: calc(100% - 70px); | |
| padding: 10px 10px 10px 20px; | |
| } | |
| .highlight .text p { | |
| margin-bottom: 0; | |
| } | |
| .note { | |
| padding-left: 16px; | |
| border-left: 5px solid #157bb4; | |
| margin-bottom: 15px; | |
| } | |
| .note h5 { | |
| color: #157bb4 !important; | |
| line-height: 1.1; | |
| margin-bottom: 25px; | |
| font-size: 18px; | |
| } | |
| .note ol { | |
| margin-bottom: 0; | |
| } | |
| .note ol li { | |
| margin-bottom: 5px; | |
| } | |
| .two-columns-wrap { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| margin-left: -15px; | |
| margin-right: -15px; | |
| } | |
| .two-columns-wrap > div { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(50% - 30px); | |
| } | |
| @media screen and (max-width: 480px) { | |
| .two-columns-wrap > div { | |
| width: calc(100% - 30px); | |
| } | |
| } | |
| .double-image { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: justify; | |
| -webkit-justify-content: space-between; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| .double-image img { | |
| width: 360px; | |
| min-width: 300px; | |
| max-width: 48%; | |
| border: 1px solid #b3b2b2; | |
| border-radius: 4px; | |
| margin-bottom: 15px; | |
| } | |
| .dotted-border-horizontal:before, | |
| .dotted-border-horizontal:after, | |
| .date:before, | |
| .date:after, | |
| .similar-articles:before, | |
| .similar-articles:after { | |
| content: ''; | |
| display: block; | |
| height: 2px; | |
| background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #b3b2b2), color-stop(0%, rgba(255, 255, 255, 0))); | |
| background-image: -webkit-linear-gradient(left, #b3b2b2 50%, rgba(255, 255, 255, 0) 0%); | |
| background-image: -o-linear-gradient(left, #b3b2b2 50%, rgba(255, 255, 255, 0) 0%); | |
| background-image: linear-gradient(to right, #b3b2b2 50%, rgba(255, 255, 255, 0) 0%); | |
| background-position: center; | |
| background-size: 4px 2px; | |
| background-repeat: repeat-x; | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| } | |
| .date { | |
| height: 40px; | |
| line-height: 40px; | |
| margin-bottom: 12px; | |
| position: relative; | |
| } | |
| .date i { | |
| color: #b3b2b2; | |
| margin: 0 8px 0 2px; | |
| } | |
| .date:before { | |
| display: none; | |
| } | |
| .date:after { | |
| top: auto; | |
| bottom: 0; | |
| } | |
| .date.no-border { | |
| margin-bottom: 0; | |
| } | |
| .date.no-border:before, | |
| .date.no-border:after { | |
| display: none; | |
| } | |
| .added { | |
| padding-left: 130px; | |
| position: relative; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .added { | |
| padding-left: 60px; | |
| } | |
| } | |
| .added:before { | |
| content: ''; | |
| display: block; | |
| width: 24px; | |
| height: 24px; | |
| position: absolute; | |
| left: 90px; | |
| top: 8px; | |
| background: url(../img/file.png) no-repeat center; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .added:before { | |
| left: 20px; | |
| } | |
| } | |
| .materials { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .materials { | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| } | |
| .materials h5 { | |
| width: 200px; | |
| font-size: 20px; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .materials h5 { | |
| width: 100%; | |
| } | |
| } | |
| .materials .files { | |
| padding-top: 10px; | |
| } | |
| .files li { | |
| margin-bottom: 30px; | |
| } | |
| .files a { | |
| position: relative; | |
| color: #333333; | |
| text-decoration: none; | |
| padding-left: 35px; | |
| font-size: 16px; | |
| } | |
| .files a:before { | |
| content: ''; | |
| display: block; | |
| position: absolute; | |
| width: 26px; | |
| height: 32px; | |
| left: 0; | |
| top: -5px; | |
| } | |
| .files a.pdf:before { | |
| background: url(../img/pdf.png) no-repeat center; | |
| } | |
| .files a.doc:before { | |
| background: url(../img/doc.png) no-repeat center; | |
| } | |
| .marks-horizontal { | |
| margin-bottom: 20px; | |
| } | |
| .marks-horizontal h5 { | |
| display: inline-block; | |
| } | |
| .marks-horizontal a { | |
| display: inline-block; | |
| font-size: 16px; | |
| margin: 0 3px; | |
| } | |
| .share { | |
| font-size: 16px; | |
| margin-bottom: 30px; | |
| } | |
| .share strong { | |
| display: inline-block; | |
| margin-right: 20px; | |
| } | |
| .share a { | |
| color: #636262; | |
| margin: 0 4px; | |
| } | |
| .share a:hover { | |
| color: #4fafea; | |
| } | |
| .links-list li { | |
| margin-bottom: 4px; | |
| } | |
| .links-list li a { | |
| color: #333333; | |
| text-decoration: none; | |
| position: relative; | |
| padding-left: 12px; | |
| font-size: 16px; | |
| } | |
| .links-list li a:before { | |
| content: ''; | |
| display: block; | |
| width: 5px; | |
| height: 5px; | |
| border-radius: 50%; | |
| background: #333333; | |
| position: absolute; | |
| left: 0; | |
| top: 9px; | |
| } | |
| .links-list li a:hover { | |
| color: #157bb4; | |
| text-decoration: underline; | |
| } | |
| .links-list li a:hover:before { | |
| background: #157bb4; | |
| } | |
| .similar-articles { | |
| padding: 25px 0 15px 0; | |
| position: relative; | |
| margin-bottom: 25px; | |
| } | |
| .similar-articles h5 { | |
| margin-bottom: 15px; | |
| } | |
| .similar-articles:after { | |
| top: auto; | |
| bottom: 0; | |
| } | |
| .video-responsive { | |
| position: relative; | |
| padding-bottom: 56.25%; | |
| /* 16:9 */ | |
| padding-top: 25px; | |
| height: 0; | |
| margin-bottom: 15px; | |
| } | |
| .video-responsive iframe { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .modal-dialog { | |
| background: #fff; | |
| -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); | |
| box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); | |
| } | |
| .modal-dialog p { | |
| max-width: 100%; | |
| text-align: center; | |
| margin-bottom: 0; | |
| } | |
| .modal-dialog input { | |
| border: 1px solid #ccc; | |
| width: 100%; | |
| margin-bottom: 20px; | |
| } | |
| .modal-dialog .btn { | |
| margin-bottom: 0; | |
| } | |
| .table-wrap { | |
| margin-bottom: 20px !important; | |
| } | |
| @media screen and (max-width: 768px) { | |
| .table-wrap { | |
| overflow-x: auto; | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| .table-wrap { | |
| margin: 0 -15px; | |
| } | |
| } | |
| .table { | |
| min-width: 718px; | |
| width: 100%; | |
| } | |
| .table tr.table-heading td { | |
| background: transparent !important; | |
| white-space: nowrap; | |
| } | |
| .table tr:hover td { | |
| background: #e1eef7; | |
| } | |
| .table tr td { | |
| color: #2b2a29; | |
| font-size: 16px; | |
| padding: 7px 10px 7px 20px; | |
| border-bottom: 1px solid #ddd; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .table tr td { | |
| font-size: 14px; | |
| } | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .table tr td { | |
| padding: 7px 10px; | |
| } | |
| } | |
| .table tr td:first-child { | |
| padding-left: 20px !important; | |
| } | |
| .table tr td:first-child a { | |
| font-weight: 400; | |
| } | |
| .table tr td:first-child .course-title { | |
| color: #2b2a29; | |
| text-decoration: none; | |
| } | |
| .table tr td.empty { | |
| height: 48px; | |
| background: transparent !important; | |
| } | |
| .table tr td.heading { | |
| font-size: 15px; | |
| text-transform: uppercase; | |
| background: #d1deee; | |
| border: 1px solid #ddd; | |
| border-top: none; | |
| } | |
| .table tr td.subheading { | |
| background: transparent !important; | |
| border-bottom: 1px solid #aaa; | |
| color: #2b64ae; | |
| } | |
| /*------------------------Header---------------------*/ | |
| header { | |
| background: url(../img/bg_header.png) no-repeat center; | |
| padding: 10px 0; | |
| margin-bottom: 35px; | |
| } | |
| @media screen and (max-width: 480px) { | |
| header { | |
| background-size: auto 100%; | |
| } | |
| } | |
| header .header-container { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| margin-left: -15px; | |
| margin-right: -15px; | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| min-height: 120px; | |
| } | |
| header .header-container .logo { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(25% - 30px); | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| z-index: 2; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| header .header-container .logo { | |
| width: calc(50% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .logo { | |
| width: calc(100% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .logo { | |
| margin-bottom: 10px; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .logo { | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| } | |
| header .header-container .logo embed { | |
| z-index: -1; | |
| position: relative; | |
| } | |
| @media screen and (max-width: 1200px) { | |
| header .header-container .logo embed { | |
| width: 90px; | |
| } | |
| } | |
| header .header-container .logo a { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| text-decoration: none; | |
| z-index: 2; | |
| } | |
| header .header-container .logo p { | |
| font-weight: 700; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| font-style: italic; | |
| color: #333333; | |
| margin: 0 0 5px 10px; | |
| white-space: nowrap; | |
| } | |
| @media screen and (max-width: 1200px) { | |
| header .header-container .logo p { | |
| font-size: 12px; | |
| } | |
| } | |
| @media screen and (max-width: 1200px) { | |
| header .header-container .logo p { | |
| margin-left: 5px; | |
| } | |
| } | |
| header .header-container .navbar { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(50% - 30px); | |
| border: 1px solid #636262; | |
| border-width: 1px 0; | |
| position: relative; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| header .header-container .navbar { | |
| width: calc(100% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 1024px) { | |
| header .header-container .navbar { | |
| -webkit-box-ordinal-group: 11; | |
| -webkit-order: 10; | |
| -ms-flex-order: 10; | |
| order: 10; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .navbar { | |
| text-align: right; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .navbar { | |
| border: none; | |
| } | |
| } | |
| header .header-container .navbar .open-nav { | |
| display: none; | |
| font-size: 20px; | |
| text-transform: uppercase; | |
| background: transparent; | |
| color: #2b64ae; | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .navbar .open-nav { | |
| display: inline-block; | |
| } | |
| } | |
| header .header-container .navbar .open-nav i { | |
| margin-left: 10px; | |
| } | |
| header .header-container .navbar .nav-container { | |
| width: 100%; | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .navbar .nav-container { | |
| display: none; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .navbar .nav-container { | |
| position: absolute; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .navbar .nav-container { | |
| top: 44px; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .navbar .nav-container { | |
| background: #fff; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .navbar .nav-container { | |
| text-align: center; | |
| } | |
| } | |
| header .header-container .navbar .nav { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-pack: justify; | |
| -webkit-justify-content: space-between; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .navbar .nav { | |
| -webkit-box-orient: vertical; | |
| -webkit-box-direction: normal; | |
| -webkit-flex-direction: column; | |
| -ms-flex-direction: column; | |
| flex-direction: column; | |
| } | |
| } | |
| header .header-container .navbar li { | |
| min-width: 0; | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .navbar li { | |
| width: 100%; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .navbar li { | |
| margin-bottom: 5px; | |
| } | |
| } | |
| header .header-container .navbar li.active span { | |
| color: #006aab; | |
| } | |
| header .header-container .navbar li.active span:before { | |
| display: block; | |
| } | |
| header .header-container .navbar a, | |
| header .header-container .navbar span { | |
| padding: 9px 23px; | |
| text-decoration: none; | |
| color: #636262; | |
| font-size: 16px; | |
| font-weight: 700; | |
| text-transform: uppercase; | |
| white-space: nowrap; | |
| display: block; | |
| position: relative; | |
| } | |
| @media screen and (max-width: 1200px) { | |
| header .header-container .navbar a, | |
| header .header-container .navbar span { | |
| padding: 9px 15px; | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| header .header-container .navbar a, | |
| header .header-container .navbar span { | |
| font-size: 15px; | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| header .header-container .navbar a, | |
| header .header-container .navbar span { | |
| padding: 9px 12px; | |
| } | |
| } | |
| header .header-container .navbar a:before, | |
| header .header-container .navbar span:before { | |
| content: ''; | |
| position: absolute; | |
| display: none; | |
| height: 4px; | |
| left: 0px; | |
| right: 0px; | |
| bottom: -2px; | |
| background: #006aab; | |
| } | |
| header .header-container .navbar a:hover, | |
| header .header-container .navbar span:hover { | |
| color: #006aab; | |
| } | |
| header .header-container .navbar a:hover:before, | |
| header .header-container .navbar span:hover:before { | |
| display: block; | |
| } | |
| header .header-container .search-container { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(25% - 30px); | |
| position: relative; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| header .header-container .search-container { | |
| width: calc(33.333333333333336% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 1024px) { | |
| header .header-container .search-container { | |
| margin-left: calc(16.666666666666668% + 15px); | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| header .header-container .search-container { | |
| width: calc(50% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| header .header-container .search-container { | |
| margin-left: calc(0% + 15px); | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .search-container { | |
| width: calc(100% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| header .header-container .search-container { | |
| margin-bottom: 10px; | |
| } | |
| } | |
| header .header-container .search-container input { | |
| width: 100%; | |
| border: 1px solid #a4a4a4; | |
| background: transparent; | |
| margin: 0; | |
| height: 41px; | |
| padding: 10px 45px 10px 10px; | |
| line-height: 20px; | |
| font-size: 16px; | |
| } | |
| header .header-container .search-container button { | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| } | |
| /*------------------------Home page------------------*/ | |
| #main { | |
| margin-bottom: 60px; | |
| min-height: calc(100vh - 175px - 158px - 60px); | |
| } | |
| .top-screen { | |
| background: url(../img/bg_slider.png) no-repeat center; | |
| background-size: cover; | |
| padding: 19px 13px; | |
| margin-bottom: 50px; | |
| color: #fff; | |
| } | |
| .top-screen .bordered { | |
| border: 1px solid #8c8986; | |
| padding: 75px 95px 90px; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .top-screen .bordered { | |
| padding: 60px 45px; | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| .top-screen .bordered { | |
| padding: 50px 30px; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| .top-screen .bordered { | |
| padding: 30px 20px; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| .top-screen .bordered { | |
| text-align: center; | |
| } | |
| } | |
| .top-screen .text { | |
| padding-left: 20px; | |
| border-left: 4px solid #006aab; | |
| line-height: 1; | |
| margin-bottom: 30px; | |
| } | |
| @media screen and (max-width: 480px) { | |
| .top-screen .text { | |
| padding: 0; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| .top-screen .text { | |
| border: none; | |
| } | |
| } | |
| .top-screen h1 { | |
| color: #fff; | |
| font-size: 23px; | |
| line-height: 1; | |
| } | |
| @media screen and (max-width: 768px) { | |
| .top-screen h1 { | |
| font-size: 18px; | |
| } | |
| } | |
| .top-screen h1 span { | |
| font-size: 48px; | |
| } | |
| @media screen and (max-width: 768px) { | |
| .top-screen h1 span { | |
| font-size: 36px; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| .top-screen h1 span { | |
| font-size: 24px; | |
| } | |
| } | |
| .top-screen .sub-heading { | |
| font-size: 25px; | |
| text-transform: uppercase; | |
| margin-bottom: 3px; | |
| } | |
| @media screen and (max-width: 768px) { | |
| .top-screen .sub-heading { | |
| font-size: 18px; | |
| } | |
| } | |
| .top-screen .author { | |
| font-size: 20px; | |
| } | |
| @media screen and (max-width: 768px) { | |
| .top-screen .author { | |
| font-size: 16px; | |
| } | |
| } | |
| .top-screen .btn { | |
| margin-left: 24px; | |
| text-transform: uppercase; | |
| background: #006aab; | |
| padding: 8px 27px; | |
| font-size: 14px; | |
| } | |
| @media screen and (max-width: 480px) { | |
| .top-screen .btn { | |
| margin: 0; | |
| } | |
| } | |
| .next-event { | |
| margin-bottom: 50px; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .next-event { | |
| margin-bottom: 40px; | |
| } | |
| } | |
| .next-event .event-container { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| margin-left: -15px; | |
| margin-right: -15px; | |
| } | |
| .next-event .img-container { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(41.66666666666667% - 30px); | |
| background: url(../img/bg_1.png) no-repeat center; | |
| background-size: cover; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| padding: 25px; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .next-event .img-container { | |
| width: calc(100% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .next-event .img-container { | |
| margin-bottom: 20px; | |
| } | |
| } | |
| .next-event .img-container h3 { | |
| display: inline-block; | |
| margin: auto 0; | |
| color: #fff; | |
| font-weight: 400; | |
| } | |
| @media screen and (max-width: 1200px) { | |
| .next-event .img-container h3 { | |
| font-size: 20px; | |
| } | |
| } | |
| .next-event .img-container h3 span { | |
| font-weight: 700; | |
| font-size: 36px; | |
| } | |
| @media screen and (max-width: 1200px) { | |
| .next-event .img-container h3 span { | |
| font-size: 28px; | |
| } | |
| } | |
| .next-event .text { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(58.333333333333336% - 30px); | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .next-event .text { | |
| width: calc(100% - 30px); | |
| } | |
| } | |
| .next-event .text h5 { | |
| color: #157bb4; | |
| margin-bottom: 7px; | |
| } | |
| .next-event .text .date:before { | |
| display: block; | |
| } | |
| .content { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(75% - 30px); | |
| } | |
| @media screen and (max-width: 768px) { | |
| .content { | |
| width: calc(100% - 30px); | |
| } | |
| } | |
| .content.full-w { | |
| width: calc(100% - 30px); | |
| } | |
| .page_content p { | |
| text-align: justify; | |
| } | |
| .article { | |
| margin-bottom: 40px; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .article { | |
| margin-bottom: 30px; | |
| } | |
| } | |
| .article:last-child { | |
| margin-bottom: 20px !important; | |
| } | |
| .article > .date { | |
| margin-bottom: 10px; | |
| } | |
| .article h5 { | |
| text-transform: uppercase; | |
| color: #000; | |
| margin-bottom: 10px; | |
| } | |
| .article p { | |
| text-align: justify; | |
| } | |
| .article-page { | |
| font-size: 18px; | |
| } | |
| .article-page h6 { | |
| font-size: 18px; | |
| } | |
| .article-page .btn-right { | |
| margin-bottom: 15px; | |
| } | |
| .course-page h1 { | |
| margin-bottom: 15px; | |
| } | |
| .course { | |
| font-size: 18px; | |
| } | |
| .course .course-info { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| margin-bottom: 40px; | |
| } | |
| .course .course-info li { | |
| display: inline-block; | |
| width: 50%; | |
| } | |
| @media screen and (max-width: 768px) { | |
| .course .course-info li { | |
| width: 100%; | |
| } | |
| } | |
| .course .course-info i { | |
| color: #b3b2b2; | |
| margin: 0 8px 0 2px; | |
| } | |
| .course .course-consist { | |
| margin-bottom: 80px; | |
| } | |
| .course .course-consist h5 { | |
| text-transform: uppercase; | |
| margin-bottom: 20px; | |
| } | |
| .course p { | |
| text-align: justify; | |
| } | |
| .request-form { | |
| width: 100%; | |
| } | |
| .request-form h3 { | |
| margin-bottom: 40px; | |
| } | |
| .request-form .form-heading { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| background: #9fcbe7; | |
| font-size: 18px; | |
| } | |
| @media screen and (max-width: 768px) { | |
| .request-form .form-heading { | |
| text-align: center; | |
| } | |
| } | |
| .request-form .form-heading > ul { | |
| width: 50%; | |
| padding: 5px 25px; | |
| } | |
| @media screen and (max-width: 768px) { | |
| .request-form .form-heading > ul { | |
| width: 100%; | |
| } | |
| } | |
| .request-form form { | |
| padding: 30px 0 15px; | |
| background: #f6f5f5; | |
| } | |
| .request-form form > div { | |
| width: 50%; | |
| padding: 0 25px; | |
| } | |
| @media screen and (max-width: 768px) { | |
| .request-form form > div { | |
| width: 100%; | |
| } | |
| } | |
| .request-form form input, | |
| .request-form form textarea { | |
| width: 435px; | |
| max-width: 100%; | |
| } | |
| .request-form form textarea { | |
| min-height: 60px; | |
| margin-bottom: 10px; | |
| } | |
| .request-form .wpcf7-response-output { | |
| position: absolute; | |
| bottom: 0; | |
| left: 0; | |
| margin: 0; | |
| } | |
| .request-form.support-form textarea { | |
| min-height: 164px; | |
| margin-bottom: 15px; | |
| } | |
| .comment-block { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(75% - 30px); | |
| } | |
| @media screen and (max-width: 768px) { | |
| .comment-block { | |
| width: calc(100% - 30px); | |
| } | |
| } | |
| .comment-block h5 { | |
| margin-bottom: 15px; | |
| } | |
| .comment-block .comments { | |
| margin-bottom: 35px; | |
| } | |
| .comment-block .comments .comment-box { | |
| padding-left: 40px; | |
| } | |
| .comment-block .comments .meta { | |
| margin-bottom: 7px; | |
| } | |
| .comment-block .comments span.avatar { | |
| height: 18px; | |
| display: inline-block; | |
| vertical-align: middle; | |
| margin-bottom: 3px; | |
| } | |
| .comment-block .comments span.avatar img { | |
| border: 1px solid #9a9696; | |
| } | |
| .comment-block .comments .name { | |
| font-size: 16px; | |
| font-weight: 700; | |
| display: inline-block; | |
| margin: 0 8px 0 5px; | |
| } | |
| .comment-block .comments .date:before, | |
| .comment-block .comments .date:after { | |
| display: none; | |
| } | |
| .comment-block .comments p { | |
| margin-bottom: 6px; | |
| } | |
| .comment-block .comments .btns { | |
| margin-bottom: 10px; | |
| } | |
| .comment-block .comment-form { | |
| text-align: left; | |
| } | |
| .comment-block .comment-form h6 { | |
| font-size: 20px; | |
| } | |
| .comment-block .comment-form > div { | |
| width: 100%; | |
| } | |
| .comment-block .comment-form > div:first-child { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| -webkit-box-pack: justify; | |
| -webkit-justify-content: space-between; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| .comment-block .comment-form > div:first-child div { | |
| width: calc(50% - 15px); | |
| } | |
| @media screen and (max-width: 480px) { | |
| .comment-block .comment-form > div:first-child div { | |
| width: 100%; | |
| } | |
| } | |
| .comment-block .comment-form input { | |
| width: 100%; | |
| margin-bottom: 15px; | |
| } | |
| .comment-block .comment-form textarea { | |
| width: 100%; | |
| } | |
| .page-404 .container-404 { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(41.66666666666667% - 30px); | |
| text-align: center; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .page-404 .container-404 { | |
| width: calc(100% - 30px); | |
| } | |
| } | |
| .page-404 .text { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(58.333333333333336% - 30px); | |
| color: #696969; | |
| line-height: 1.2; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| .page-404 .text { | |
| width: calc(100% - 30px); | |
| } | |
| } | |
| .page-404 .text strong { | |
| display: inline-block; | |
| margin-bottom: 15px; | |
| } | |
| .page-404 .text ul { | |
| margin-bottom: 15px; | |
| } | |
| .page-404 .text ul li:before { | |
| background: #696969; | |
| } | |
| .page-404 h1 { | |
| font-size: 26px; | |
| font-weight: 700; | |
| margin-top: 30px; | |
| margin-bottom: 30px; | |
| color: #377598; | |
| } | |
| .page-404 #number-404 { | |
| font-size: 160px; | |
| font-size: 28vh; | |
| font-weight: 700; | |
| color: #377598; | |
| display: inline-block; | |
| line-height: 0.8; | |
| } | |
| .marks { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(25% - 30px); | |
| } | |
| @media screen and (max-width: 768px) { | |
| .marks { | |
| width: calc(100% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| .marks { | |
| margin-bottom: 40px; | |
| } | |
| } | |
| .marks > h3 { | |
| width: 100%; | |
| text-align: center; | |
| } | |
| @media screen and (max-width: 768px) { | |
| .marks ul { | |
| -webkit-column-count: 2; | |
| -moz-column-count: 2; | |
| column-count: 2; | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| .marks ul { | |
| -webkit-column-width: 200px; | |
| -moz-column-width: 200px; | |
| column-width: 200px; | |
| } | |
| } | |
| /*------------------------Footer---------------------*/ | |
| footer { | |
| background: url(../img/bg_footer.png) no-repeat top center; | |
| background-size: cover; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| footer { | |
| background-size: auto 100%; | |
| } | |
| } | |
| footer .footer-container { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| margin-left: -15px; | |
| margin-right: -15px; | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| min-height: 110px; | |
| padding: 10px 0; | |
| } | |
| footer .footer-container .logo { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(33.333333333333336% - 30px); | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| z-index: 2; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| footer .footer-container .logo { | |
| width: calc(25% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| footer .footer-container .logo { | |
| width: calc(50% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| footer .footer-container .logo { | |
| width: calc(58.333333333333336% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 1024px) { | |
| footer .footer-container .logo { | |
| padding-top: 5px; | |
| } | |
| } | |
| footer .footer-container .logo embed { | |
| z-index: -1; | |
| position: relative; | |
| } | |
| @media screen and (max-width: 1200px) { | |
| footer .footer-container .logo embed { | |
| width: 90px; | |
| } | |
| } | |
| @media screen and (max-width: 1024px) { | |
| footer .footer-container .logo embed { | |
| width: 50px; | |
| } | |
| } | |
| @media screen and (max-width: 1024px) { | |
| footer .footer-container .logo embed { | |
| height: 30px; | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| footer .footer-container .logo embed { | |
| width: 90px; | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| footer .footer-container .logo embed { | |
| height: 60px; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| footer .footer-container .logo embed { | |
| width: 60px; | |
| } | |
| } | |
| footer .footer-container .logo a { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| -webkit-box-align: center; | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| text-decoration: none; | |
| z-index: 2; | |
| } | |
| footer .footer-container .logo p { | |
| font-weight: 700; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| font-style: italic; | |
| color: #fff; | |
| margin: 0 0 5px 10px; | |
| white-space: nowrap; | |
| } | |
| @media screen and (max-width: 1200px) { | |
| footer .footer-container .logo p { | |
| font-size: 12px; | |
| } | |
| } | |
| @media screen and (max-width: 1200px) { | |
| footer .footer-container .logo p { | |
| margin-left: 5px; | |
| } | |
| } | |
| @media screen and (max-width: 1024px) { | |
| footer .footer-container .logo p { | |
| font-size: 10px; | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| footer .footer-container .logo p { | |
| font-size: 12px; | |
| } | |
| } | |
| footer .footer-container .navbar { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(50% - 30px); | |
| } | |
| @media screen and (max-width: 1024px) { | |
| footer .footer-container .navbar { | |
| width: calc(58.333333333333336% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| footer .footer-container .navbar { | |
| width: calc(100% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| footer .footer-container .navbar { | |
| -webkit-box-ordinal-group: 11; | |
| -webkit-order: 10; | |
| -ms-flex-order: 10; | |
| order: 10; | |
| } | |
| } | |
| footer .footer-container .navbar .nav { | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -ms-flexbox; | |
| display: flex; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| footer .footer-container .navbar .nav { | |
| -webkit-box-pack: justify; | |
| -webkit-justify-content: space-between; | |
| -ms-flex-pack: justify; | |
| justify-content: space-between; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| footer .footer-container .navbar .nav { | |
| -webkit-flex-wrap: wrap; | |
| -ms-flex-wrap: wrap; | |
| flex-wrap: wrap; | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| footer .footer-container .navbar .nav { | |
| -webkit-box-pack: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| } | |
| } | |
| footer .footer-container .navbar li { | |
| min-width: 0; | |
| } | |
| footer .footer-container .navbar a { | |
| padding: 9px 15px; | |
| text-decoration: none; | |
| color: #fff; | |
| font-size: 16px; | |
| text-transform: uppercase; | |
| white-space: nowrap; | |
| display: block; | |
| position: relative; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| footer .footer-container .navbar a { | |
| padding: 9px 7px; | |
| } | |
| } | |
| @media screen and (max-width: 1024px) { | |
| footer .footer-container .navbar a { | |
| font-size: 14px; | |
| } | |
| } | |
| footer .footer-container .navbar a:before { | |
| content: ''; | |
| position: absolute; | |
| display: none; | |
| height: 4px; | |
| left: 0px; | |
| right: 0px; | |
| bottom: -2px; | |
| background: #2b64ae; | |
| } | |
| footer .footer-container .navbar a:hover:before { | |
| display: block; | |
| } | |
| footer .footer-container .social { | |
| -webkit-box-sizing: border-box; | |
| box-sizing: border-box; | |
| margin-left: 15px; | |
| margin-right: 15px; | |
| word-wrap: break-word; | |
| width: calc(16.666666666666668% - 30px); | |
| text-align: right; | |
| } | |
| @media screen and (max-width: 768px) { | |
| footer .footer-container .social { | |
| width: calc(50% - 30px); | |
| } | |
| } | |
| @media screen and (max-width: 480px) { | |
| footer .footer-container .social { | |
| width: calc(41.66666666666667% - 30px); | |
| } | |
| } | |
| footer .footer-container .social li { | |
| display: inline-block; | |
| margin: 0 3px; | |
| } | |
| @media screen and (max-width: 1024px) { | |
| footer .footer-container .social li { | |
| margin: 0; | |
| } | |
| } | |
| footer .footer-container .social li a { | |
| padding: 0 3px; | |
| color: #fff; | |
| font-size: 16px; | |
| } | |
| footer .footer-container .social li a:hover { | |
| color: #4fafea; | |
| } | |
| footer .copyright { | |
| text-align: center; | |
| font-size: 12px; | |
| background: #d0e8f6; | |
| color: #787a88; | |
| font-family: 'Arial', sans-serif; | |
| height: 48px; | |
| line-height: 48px; | |
| } | |
| /*# sourceMappingURL=style.css.map */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment