#header .header-holder:after, #header .nav-area:after, .main-holder:after, #nav:after, .listning.results .posts .post:after, .block-info .textarea:after, .slider:after, .visual.third .intro:after, .steps .info:after, .main-content:after, .testimonials:after, .testimonials blockquote:after, .content-box:after, .carousel:after, .register:after, .events:after, .career:after, .contact-area .contact-holder:after, .modal .header:after, #footer:after, #footer .social-info:after { content: " "; display: block; clear: both; }

.list, .list li ul, .numbered, #header .top-nav.add ul, #header .top-nav ul, .social-network, #nav > ul, .mobile-nav, .listning .icon-list, .slider .paging, .breadcrumbs, .visual .intro .textblock ul, .visual .side-nav, .visual .block ul, .steps ul, .work-history ul, .photos, .about .list, .partners .list, .partner-list, .resources .list, .career .panel-area ul, .contact-area .contact-holder ul, .contact-area .list, #footer .links, #footer .social-networks ul, #footer .address-area .contact, #footer .nav ul { margin: 0; padding: 0; list-style: none; }

@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?-7v22g7"); src: url("../fonts/icomoon.eot?#iefix-7v22g7") format("embedded-opentype"), url("../fonts/icomoon.ttf?-7v22g7") format("truetype"), url("../fonts/icomoon.woff?-7v22g7") format("woff"), url("../fonts/icomoon.svg?-7v22g7#icomoon") format("svg"); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-play:before { content: "\e601"; }

.icon-download:before { content: "\e600"; }

html.resize-active { transition: none; -webkit-transition: none; -o-transition: none; -moz-transition: none; -ms-transition: none; }

body { min-width: 320px; }

a { outline: none; color: #100508; text-decoration: underline; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
a:focus,
a:active { color: #006770; outline: none; text-decoration: none; text-decoration: underline; }
a:hover { color: #006770; }

h1 { color: #100508; margin: 0 0 20px; line-height: 52px; font-size: 48px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }

[ng-cloak] { display: none; }

/*@media (min-width: 1200px) {
    #main .container { width: 990px; }
    #main .visual .container { width: 1040px; }
}*/

@media only screen and (min-width: 768px) {
    h1 { line-height: 58px; font-size: 54px; }
}

h2 { line-height: 28px; color: #100508; position: relative; margin: 0 0 20px; font-size: 24px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }

@media only screen and (min-width: 768px) {
    h2 { line-height: 38px; font-size: 34px; }
}

h3 { line-height: 22px; color: #100508; position: relative; margin: 0 0 20px; font-size: 18px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }

@media only screen and (min-width: 768px) {
    h3 { line-height: 25px; font-size: 21px; }
}

.list li, .content li { position: relative; padding: 0 0 2px 15px; list-style: inside square; }
.content li {background-image: none; }
main li { position: relative; padding: 2px 0 2px 20px; list-style: none; background: left 4px url('/content/images/arrow.svg') scroll no-repeat; background-size: 15px 15px; }
main li li { background-size: 12px 12px; background-position: 0 6px; }
.list li a, .content li a { color: #000; text-decoration: none; font-family: "Roboto", sans-serif; font-weight: 400; }
.list li a:hover { text-decoration: underline; }
.list li ul, .content li ul { padding: 2px 0 0 30px; }

.content ul { margin-bottom: 15px; list-style: none; }

.numbered { counter-reset: item; }
.numbered li { position: relative; padding: 0 0 2px 25px; }
.numbered li:before { content: counters(item, ".") "  "; counter-increment: item; font-weight: 700; font-size: 18px; line-height: 18px; padding: 4px 9px; position: absolute; left: 0; top: -3px; z-index: 99; color: #100508; }
.numbered li .alpha { counter-reset: list; list-style: none; }
.numbered li .alpha li:before { content: counter(list, lower-alpha) "  "; counter-increment: list; font-weight: 700; font-size: 18px; line-height: 18px; padding: 4px 9px; position: absolute; left: 0; top: -4px; z-index: 99; color: #100508; }
.numbered li a { text-decoration: none; color: #000; font-family: "Roboto", sans-serif; font-weight: 400; }
.numbered li a:hover { text-decoration: underline; }
.numbered ul { padding: 2px 0 0 30px; }

.alpha { list-style-type: lower-alpha; }

p { margin: 0 0 20px; }

#wrapper { position: relative; table-layout: fixed; /*overflow: hidden;*/ }

#header-sticky-wrapper { width: 100%; position: absolute; top: 0; left: 0; color: #fff; z-index: 999999; }

#header { position: absolute; top: 0; left: 17px; right: 17px; color: #fff; z-index: 999999; }
#header a { text-decoration: none; }
#header .container { width: 100%; max-width: 1360px; }
#header .header-holder { background: #100508; margin: 20px auto 0; padding: 19px 10px; max-width: 1381px; }

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 992px) {
    #header .header-holder { padding: 19px 0 0 20px; }
}

@media only screen and (max-width: 768px) {
    #header .header-holder { left: 0; margin: 0; position: fixed; right: 0; }
}

#header .holder { position: relative; }

@media only screen and (min-width: 992px) {
    #header .holder { overflow: hidden; clear: both; }
}

#header .nav-area { background: #100508; clear: both; position: absolute; top: 0; right: 0; width: 100%; visibility: hidden; height: 0; padding: 97px 0 0; }

@media only screen and (min-width: 992px) {
    #header .nav-area { position: relative; border-top: 1px solid #403739; visibility: visible; padding: 0; max-height: inherit; overflow: visible; }
}

@media only screen and (max-width: 991px) {
    #header .header-holder { transform: translateY(0); }
    #header .nav-area { position: absolute; height: 0; padding: 0; /*transform: translateY(-100vh); transition: all ease 0.6s;*/ visibility: visible; overflow: hidden; }
    #header .nav-area .btn-default { display: none; }
    html.active { overflow: hidden; }
    html.active #header .nav-area { height: 80vh; padding: 40px 0 60px 0; /*transform: translateY(0vh);*/ }
    #header .nav-area .scroll-box { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding-bottom: 0; }
    .sub-nav.mobile-nav { display: none; }
}

/*@media only screen and (max-width: 991px) and (min-height: 1024px) {
    html.active #header .nav-area { height: 50vh; }
}*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    html.active #header .nav-area { height: 60vh; }
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    #header .nav-area { top: 20px; }
}

#header .nav-area:after { background: #100508; position: absolute; top: -1px; left: 0; content: ''; height: 1px; width: 20px; }
#header .nav-area.add #nav > ul > li { padding: 12px 21px; }

@media only screen and (min-width: 992px) {
    #header .nav-area.add #nav > ul > li { padding: 3px 10px 12px; }
}

@media only screen and (min-width: 1200px) {
    #header .nav-area.add #nav > ul > li { padding: 3px 8px 20px; }
}

@media only screen and (min-width: 1360px) {
    #header .nav-area.add #nav > ul > li { padding: 3px 18px 20px; }
}

@media only screen and (min-width: 992px) {
    #header .right-panel { border-left: 1px solid #281e21; overflow: hidden; }
}

#header .slogan { float: left; padding: 2px 0 26px 19px; max-width: 450px; display: none; font-family: "Noto Sans", sans-serif; font-size: 16px; }

@media only screen and (min-width: 992px) {
    #header .slogan { display: inline-block; vertical-align: top; }
}

#header .top-nav { float: right; min-width: 416px; max-width: 416px; text-transform: uppercase; line-height: 18px; margin: 0 33px 0 0; font-size: 14px; }
#header .top-nav.add { min-width: 513px; max-width: 513px; }
#header .top-nav.add ul { width: 84%; float: left; display: none; }

@media only screen and (min-width: 992px) {
    #header .top-nav.add ul { display: block; }
}

#header .top-nav ul { width: 80%; float: left; display: none; }

@media only screen and (min-width: 992px) {
    #header .top-nav ul { display: block; }
}

#header .top-nav ul li { display: inline-block; vertical-align: top; position: relative; padding: 8px 15px; border-bottom: 3px solid #100508; }
#header .top-nav ul li:after { position: absolute; top: 6px; right: 0; background: #403739; width: 1px; height: 20px; content: ''; }
#header .top-nav ul li a { color: #fff; font-weight: 400; font-family: "Roboto", sans-serif; }
#header .top-nav ul li a:hover { text-decoration: none; color: #ffde00; }
#header .search-opener { color: #fff; text-transform: uppercase; text-align: center; display: block; z-index: 9; padding: 0 15px; position: absolute; right: 60px; top: 0; font-size: 10px; }

@media only screen and (min-width: 992px) {
    #header .search-opener { display: none; }
}

#header .search-opener:hover,
#header .search-opener:focus { color: #fff; opacity: 0.8; }
#header .search-opener:after,
#header .search-opener:before { background: #281e21; position: absolute; width: 1px; height: 100%; content: ''; top: 0; left: 0; }
#header .search-opener:before { left: auto; right: 0; }
#header .search-opener i { display: inline-block; vertical-align: top; margin: 3px 0; font-size: 20px; }
#header .search-opener span { display: block; }
#header .search { position: absolute; overflow: visible; top: 0; left: 0; width: 100%; padding: 0 20px 0 0; }
#header .search.active .slide { top: 46px; display: block; }

@media only screen and (min-width: 768px) {
    #header .search { top: 10px; margin: 0; }
}

@media only screen and (min-width: 992px) {
    #header .search { position: relative; width: auto; top: 0; right: 0; overflow: hidden; }
}

#header .search .slide { display: none; background: #100508; position: absolute; top: 35px; padding: 20px; left: 0; width: 100%; z-index: 9999; /*-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;*/ }

@media only screen and (min-width: 992px) {
    #header .search .slide { position: static; visibility: visible; padding: 0; width: auto; }
}

#header .search .slide:after,
#header .search .slide:before { position: absolute; top: 0; height: 100%; left: -10px; width: 20px; content: ''; background: #100508; }

@media only screen and (min-width: 992px) {
    #header .search .slide:after,
    #header .search .slide:before { display: none; }
}

#header .search .slide:before { left: auto; right: -10px; }
#header .search .form-control { font-size: 14px; background: #fff; line-height: 18px; border-radius: 0; border: none; padding: 0 20px 0 40px; color: #a5a4a4; }
#header .search .form-control::-webkit-input-placeholder { color: #a5a4a4; }
#header .search .form-control::-moz-placeholder { opacity: 1; color: #a5a4a4; }
#header .search .form-control:-moz-placeholder { color: #a5a4a4; }
#header .search .form-control:-ms-input-placeholder { color: #a5a4a4; }
#header .search .form-control.placeholder { color: #a5a4a4; }

@media only screen and (min-width: 992px) {
    #header .search .form-control { background: none; padding: 0 0 0 5px; text-transform: uppercase; color: #fff; }
    #header .search .form-control::-webkit-input-placeholder { color: #fff; }
    #header .search .form-control::-moz-placeholder { opacity: 1; color: #fff; }
    #header .search .form-control:-moz-placeholder { color: #fff; }
    #header .search .form-control:-ms-input-placeholder { color: #fff; }
    #header .search .form-control.placeholder { color: #fff; }
}

#header .search .form-control:focus { box-shadow: none; -webkit-box-shadow: none; }
#header .search button[type="submit"] { background: none; padding: 0; border: none; position: absolute; left: 30px; top: 26px; color: #100508; font-size: 18px; }

@media only screen and (min-width: 992px) {
    #header .search button[type="submit"] { font-size: 14px; left: auto; right: 0; top: 7px; color: #fff; }
}

#header .nav-area .btn-default { position: absolute; right: 0; padding: 16px 20px; margin: 0 20px; display: block; overflow: hidden; line-height: 20px; text-align: left; font-size: 15px; }

@media only screen and (max-width: 768px) {
    #header .nav-area .btn-default { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 18px 15px 17px; }
}

@media only screen and (max-width: 768px) {
    #header .nav-area .btn-default { position: absolute; bottom: 0; left: -20px; width: 100%; text-align: center; }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    #header .nav-area .btn-default { width: 160px; text-align: center; margin: 0; }
}

@media only screen and (min-width: 992px) {
    #header .nav-area .btn-default { padding: 18px 21px 17px; text-align: center; margin: 0; }
}

@media only screen and (min-width: 1200px) {
    #header .nav-area .btn-default { padding: 22px 16px 21px; line-height: 25px; font-size: 21px; }
}

@media only screen and (min-width: 1360px) {
    #header .nav-area .btn-default { padding: 22px 40px 21px; }
}

.main-holder { width: 100%; max-width: 1160px; margin: 0 auto; }

.logo { float: left; margin: 0 34px 0 0; max-width: 143px; position: relative; z-index: 99999; }

@media only screen and (min-width: 768px) {
    .logo { max-width: 200px; }
}

@media only screen and (min-width: 992px) {
    .logo { max-width: 90px; }
}

@media only screen and (min-width: 1200px) {
    .logo { max-width: 106px; }
}

.logo img { display: block; width: 100%; height: auto; }

.social-network { position: fixed; top: 200px; right: 0; z-index: 99999; width: 25px; border-bottom: 1px solid #403739; font-size: 15px; }

@media only screen and (min-width: 768px) {
    .social-network { top: 260px; width: 46px; font-size: 24px; }
}

.social-network li { display: block; border: 1px solid #403739; }
.social-network li a { background: #100508; padding: 3px 5px; display: block; color: #fff; text-align: center; margin: 0 0 -1px; }
.social-network li a:hover { opacity: 0.8; }

@media only screen and (min-width: 768px) {
    .social-network li a { padding: 6px 11px; }
}

#nav { text-transform: uppercase; padding: 30px 0 0; line-height: 20px; letter-spacing: -4px; font-family: "Roboto Condensed", sans-serif; font-size: 16px; font-weight: 700; }

@media only screen and (min-width: 768px) {
    #nav { padding: 40px 0; }
}

@media only screen and (min-width: 992px) {
    #nav { float: left; position: relative; width: 86.2%; padding: 17px 9px 0; }
    #nav + .btn { width: 13.8%; padding-left: 0; padding-right: 0; }
}

@media only screen and (min-width: 1200px) {
    #nav { width: 85%; line-height: 25px; font-size: 21px; padding: 17px 4px 0; }
    #nav + .btn { width: 15%; }
}

@media only screen and (min-width: 1360px) {
    #nav { width: 82.5%; }
    #nav + .btn { width: 17.5%; }
}

#nav > ul > li { position: relative; padding: 12px 10px; border-bottom: 3px solid #100508; letter-spacing: 0; display: block; }

@media only screen and (min-width: 768px) {
    #nav > ul > li { padding: 12px 15px; }
}

@media only screen and (min-width: 992px) {
    #nav > ul > li { padding: 3px 10px 12px; display: inline-block; vertical-align: top; }
}

@media only screen and (min-width: 1200px) {
    #nav > ul > li { padding: 3px 13px 20px; }
}

@media only screen and (min-width: 1360px) {
    #nav > ul > li { padding: 3px 22px 20px; }
}

#nav > ul > li:first-child:after { display: block; }

@media only screen and (min-width: 992px) {
    #nav > ul > li:first-child:after { display: none; }
}

#nav > ul > li.active { border-color: #ffde00; }
#nav > ul > li:after { position: absolute; bottom: 0; left: 0; background: #403739; width: 100%; height: 1px; content: ''; }

@media only screen and (min-width: 992px) {
    #nav > ul > li:after { width: 1px; height: 25px; top: 0; bottom: auto; }
}

#nav > ul > li a { color: #fff; display: block; }
#nav > ul > li a:hover { text-decoration: none; color: #ffde00; }

@media (min-width:768px) {
    .mobile-nav { padding: 0; }
}

@media only screen and (min-width: 992px) {
    .mobile-nav { display: block; }
}

.mobile-nav li { display: block; position: relative; padding: 8px 10px; }

@media only screen and (min-width: 768px) {
    .mobile-nav li { padding: 8px 15px; }
}

.mobile-nav li:first-child:after { display: none; }
.mobile-nav li:after { position: absolute; top: 0; right: 0; background: #403739; width: 100%; height: 1px; content: ''; }
.mobile-nav li a { color: #fff; text-decoration: none; font-family: "Roboto", sans-serif; font-weight: 400; }
.mobile-nav li a:hover { text-decoration: none; color: #ffde00; }

.opener { width: 27px; position: absolute; right: 22px; top: 24px; line-height: 15px; text-transform: uppercase; color: #fff; z-index: 9; font-size: 10px; font-family: "Roboto", sans-serif; }

@media only screen and (min-width: 992px) {
    .opener { display: none; }
}

@media only screen and (min-width: 768px) {
    .opener { top: 34px; right: 20px; }
}

.opener span { display: block; border-bottom: 2px solid #fff; padding: 0 0 16px; position: relative; margin: 0 0 4px; }
.opener span:after,
.opener span:before { width: 100%; position: absolute; top: 0; left: 0; content: ''; background: #fff; height: 2px; }
.opener span:before { top: 8px; }
.opener:hover,
.opener:focus { text-decoration: none; color: #fff; opacity: 0.8; }
.opener:hover span,
.opener:focus span { border-color: #fff; color: #fff; }
.opener:hover span:after,
.opener:hover span:before,
.opener:focus span:after,
.opener:focus span:before { background: #fff; }

#main { overflow: hidden; padding-top: 90px; min-height: 40vw; }

@media only screen and (min-width: 768px) {
    #main { padding-top: 175px; }
}

#main.latest { padding-top: 90px; }

@media only screen and (min-width: 768px) {
    #main.latest { padding-top: 111px; }
}

@media only screen and (min-width: 992px) {
    #main.latest { padding-top: 164px; }
}

#main.latest .breadcrumbs { top: 8px; }

@media only screen and (min-width: 768px) {
    #main.latest .breadcrumbs { top: 0; }
}

.btn-default { background: #ffde00; padding: 10px 43px; text-align: center; white-space: normal; color: #100508; line-height: 18px; border-radius: 0; text-transform: uppercase; border: none; text-decoration: none; font-size: 14px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .btn-default { padding: 16px 53px; }
}

.listning { max-width: 590px; margin: 0 auto 100px; overflow: hidden; padding: 39px 0 0; }
.listning .pagination { margin: 4px; }
.listning.page-list h1 { max-width: 100%; float: none; }
.listning.page-list .posts h2 { position: relative; padding: 0 0 0 10px; line-height: 22px; font-size: 18px; }

@media only screen and (min-width: 768px) {
    .listning.page-list .posts h2 { line-height: 24px; font-size: 21px; }
}

.listning.page-list .posts h2:after { position: absolute; top: 4px; left: 0; height: 14px; width: 3px; content: ''; background: #00a6b4; }
.listning.page-list .posts .text { border: none; padding: 0; }
.listning.results { color: #000; }
.listning.results h1 { max-width: 100%; float: none; margin: 0; line-height: 22px; font-size: 18px; }

@media only screen and (min-width: 768px) {
    .listning.results h1 { line-height: 38px; font-size: 34px; }
}

.listning.results .posts .post { padding: 27px 0 27px 12px; overflow: visible; }
.listning.results .posts .post:first-child { padding-top: 0; }
.listning.results .posts h2 { position: relative; margin: 0 0 17px -10px; padding: 0 0 0 10px; line-height: 22px; font-size: 18px; }

@media only screen and (min-width: 768px) {
    .listning.results .posts h2 { line-height: 24px; font-size: 21px; }
}

.listning.results .posts h2:after { position: absolute; top: 4px; left: 0; height: 14px; width: 3px; content: ''; background: #00a6b4; }
.listning.results .posts h2 a { color: #000; }
.listning.results .posts .text { border: none; padding: 0; color: #000; overflow: visible; }
.listning .head { overflow: hidden; clear: both; padding: 0 0 15px; }
.listning h1 { margin: 0; float: left; }
.listning .icon-list { overflow: hidden; text-align: right; padding: 4px 0 0; font-size: 30px; }
.listning .icon-list li { display: inline-block;  padding: 0; background-image: none; vertical-align: top; }
.listning .icon-list li a { background: #000; color: #fff; display: block; padding: 10px 15px; }
.listning .icon-list li a:hover { opacity: 0.7; }
.listning .intro-text { overflow: hidden; line-height: 26px; color: #000; font-size: 21px; font-weight: 700; }

#header ul.search { display: none; }
#header ul.search li { padding-right: 0; }
#header ul.search li:after { display: none; }
#search-area { left: 0; position: absolute; right: 0; top: auto; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.search-area { background: #e7e6e6; margin: 0 auto; padding: 0; position: relative; overflow: hidden; top: 0; max-width: 1380px; height: 0; -moz-transition: height 0.5s; -o-transition: height 0.5s; -webkit-transition: height 0.5s; transition: height 0.5s; }
.search-area > .main-holder { padding: 20px 10px; bottom: 0; left: 50%; position: absolute; width: 100%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media only screen and (min-width: 992px) {
    #header .top-nav { float: none; max-width: none; width: auto; }
    #header .top-nav ul { float: right; width: auto; }
    #header form.search { display: none; }
    #header ul.search { padding: 0; width: auto; display: block; }
    .search-open .search-area { height: 122px; }
}

@media only screen and (min-width: 768px) {
    .search-area { /*padding: 20px;*/ /*margin: -19px 20px 38px;*/ }
    .search-area > .main-holder { padding: 20px; }
}

/*@media only screen and (min-width: 1200px) {
    .search-area { margin: -16px 20px 38px; }
}*/

.search-area:before { content: ""; position: absolute; z-index: 1; width: 96%; top: -10px; height: 10px; left: 2%; border-radius: 100px/5px; box-shadow: 0 0 18px rgba(0, 0, 0, 0.6); }

/*@media only screen and (min-width: 1200px) {
    .search-area:before { top: 0; }
}*/

.search-area .label { padding: 0; margin: 13px 20px 0 0; white-space: normal; line-height: 22px; font-size: 18px; font-family: "Roboto Condensed", sans-serif; font-weight: 400; }

@media only screen and (min-width: 768px) {
    .search-area .label { float: left; max-width: 290px; line-height: 58px; font-size: 54px; }
}

.search-area label { color: #100508; font-weight: 400; display: inline-block; vertical-align: top; }
.search-area .col { overflow: hidden; position: relative; }
.search-area .form-control { background: none; border: solid #100508; border-width: 0 0 2px; color: #100508; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; height: 51px; padding: 13px 0 8px; line-height: 28px; width: 72%; float: left; font-size: 24px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }

@media only screen and (min-width: 768px) {
    .search-area .form-control { height: 82px; float: none; width: 100%; padding: 7px 200px 8px 0; line-height: 58px; font-size: 54px; }
}

.search-area .form-control::-webkit-input-placeholder { color: #100508; }
.search-area .form-control::-moz-placeholder { opacity: 1; color: #100508; }
.search-area .form-control:-moz-placeholder { color: #100508; }
.search-area .form-control:-ms-input-placeholder { color: #100508; }
.search-area .form-control.placeholder { color: #100508; }
.search-area .form-control:focus { box-shadow: none; -webkit-box-shadow: none; }
.search-area .btn-default { background: #006770; color: #fff; line-height: 18px; padding: 10px; float: left; margin: 13px 0 0 10px; font-size: 14px; }

@media only screen and (min-width: 768px) {
    .search-area .btn-default { position: absolute; margin: 0; right: 0; top: 13px; line-height: 25px; padding: 12px 55px; top: 20px; font-size: 21px; }
}

.search-area .btn-default:hover { background: #ffde00; color: #100508; }

.filter-area { overflow: hidden; padding: 12px 0; border: solid #e5e5e5; border-width: 1px 0; margin: 0 0 30px; }
.filter-area .label { color: #000; float: left; max-width: 100px; min-width: 70px; margin: 9px 12px 0 0; text-transform: uppercase; white-space: normal; padding: 0; }
.filter-area label { line-height: 15px; font-size: 12px; }

@media only screen and (min-width: 768px) {
    .filter-area label { line-height: 18px; font-size: 14px; }
}

.filter-area .col { overflow: hidden; margin: 0 0 15px; }

@media only screen and (min-width: 768px) {
    .filter-area .col { margin: 0; }
}

.filter-area .col.large { max-width: 100%; margin: 0; }

@media only screen and (min-width: 768px) {
    .filter-area .col.medium { max-width: 47%; }
}

@media only screen and (min-width: 768px) {
    .filter-area .right { float: right; width: 66%; }
}

.filter-area .form-control { float: left; padding: 6px 4px; margin: 0 10px 0 0; max-width: 45%; }

@media only screen and (min-width: 768px) {
    .filter-area .form-control { max-width: 50%; }
}

.posts { overflow: hidden; padding: 0 0 25px; }
.posts .post { overflow: hidden; border-bottom: 1px solid #e5e5e5; padding: 35px 0; }
.posts .post:first-child { padding-top: 0; }
.posts time { float: left; width: 80px; padding: 0 5px 0 0; color: #010101; font-family: "Roboto Condensed", sans-serif; }
.posts time strong { display: block; line-height: 38px; font-size: 34px; }
.posts .text { overflow: hidden; color: #010101; border-left: 2px solid #010101; padding: 0 0 0 20px; }
.posts .text p { margin: 0; }
.posts h2 { margin: 0 0 6px; line-height: 36px; font-size: 34px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }
.posts h2 time { width: auto; line-height: 20px; display: block; float: none; font-size: 14px; font-weight: 400; }
.posts h2 a { text-decoration: none; color: #010101; }
.posts h2 a:hover { text-decoration: underline; }
.posts .more { display: inline-block; margin: 20px 0 0; color: #010101; text-decoration: underline; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

.block-info { margin: -20px 0 0; display: inline-block; vertical-align: top; width: 100%; position: relative; z-index: 99; }

@media only screen and (min-width: 768px) {
    .block-info { margin: -162px 0 100px; }
}

.block-info.hsc { margin: 0 auto 0; width: 90%; display: block; position: absolute; }

@media only screen and (min-width: 768px) {
    .block-info.hsc { margin: -180px auto 0; width: 100%; }
}

@media only screen and (min-width: 992px) {
    .block-info.hsc { margin: -162px 0 0; display: inline-block; vertical-align: top; }
}

.block-info.hsc .textarea { padding: 0 15px; }

@media only screen and (min-width: 768px) {
    .block-info.hsc .textarea { padding: 0 20px 0 110px; }
    .block-info.hsc.do-it .textarea { padding: 0 20px 0 40px; }
}

@media only screen and (min-width: 992px) {
    .block-info.hsc .textarea { width: 65%; padding: 0 16px 0 208px; }
    .block-info.hsc.do-it .textarea { padding: 0 20px 0 240px; }
}

@media only screen and (min-width: 1200px) {
    .block-info.hsc .textarea { padding: 0 40px 0 196px; width: 50%; }
    .block-info.hsc.do-it .textarea { padding: 0 20px 0 180px; }
}

.block-info.hsc .textarea .text-holder { font-weight: 700; line-height: 20px; padding-top: 0; }
.block-info.music { display: table; width: auto; margin: 0; }

.block-1.block-studentWork .block-info.music { margin: -85px 15px 0 15px; }

@media only screen and (min-width: 768px) {
    .block-info.hsc .textarea .text-holder { padding-top: 40px; }
    .block-info.music { display: block; margin: 0; }
}

@media only screen and (min-width: 992px) {
    .block-info.music { margin: 0; }
}

.block-info.music .container { padding: 0; margin: 0; }

@media only screen and (min-width: 767px) {
    .block-info.music .container { margin: 0 auto; }
}

.block-info.music .textarea { display: table-footer-group; }

@media only screen and (min-width: 767px) {
    .block-info.music .textarea { padding: 0 20px; width: 50%; display: block; }
}

@media only screen and (min-width: 992px) {
    .block-info.music .textarea { padding: 0 30px 0 239px; width: 55%; }
}

@media only screen and (min-width: 1200px) {
    .block-info.music .textarea { padding: 0 40px 0 189px; width: 50%; }
}

.block-info.music .textarea.add { padding: 0 20px 0 0; }

@media only screen and (min-width: 768px) {
    .block-info.music .textarea.add { padding: 0 20px 0 0; }
}

.block-info.music .textarea h2 { margin: 0 0 18px; padding: 0; }
.block-info.music .textarea .text-holder { padding: 20px 0 0 0; }

.block-info.music.block-studentWork { padding: 10px; }

@media only screen and (min-width: 767px) {
    .block-1 .block-info.music .textarea .text-holder { margin: 0 0 0 -9999px; padding: 30px 0 20px 9999px; min-height: 280px; }
    .block-info.music.block-studentWork { padding: 0; }
}

.block-info.music .image-area { display: table-header-group; }
.block-info.music .image-area .bx-pager { margin-top: -55px; }

.block-info.music .image-area .slider { margin-top: 0; }

@media only screen and (min-width: 768px) {
    .block-info.music .image-area { display: block; }
    .block-info.music .image-area .bx-pager { margin-top: 0; }
}

.block-info.college-life { margin: 0; }

@media only screen and (min-width: 768px) {
    .block-info.college-life { margin: 0 0 50px; }
}

.block-info.college-life .textarea h3 { font-family: "Roboto", sans-serif; }
.block-info blockquote { margin: 0; padding: 9px 0 19px; border: none; line-height: 30px; border: solid #100508; border-width: 2px 0; font-family: Georgia, serif; font-style: italic; font-size: 21px; }
.block-info blockquote q { display: block; padding: 0 0 4px; text-indent: 6px; }
.block-info blockquote q:after { content: none; }
.block-info blockquote q:before { font-size: 46px; color: #00a6b4; top: 15px; left: -9px; position: relative; }
.block-info blockquote cite { display: block; font-size: 14px; font-style: normal; }
.block-info .textarea { background: #fff; position: relative; color: #100508; padding: 0; }

.showcase.block-info .textarea { padding: 0; }
.showcase.block-info .textarea .text-holder { margin: 0; padding: 40px 0 0 0; }

@media only screen and (min-width: 768px) {
    .block-info .textarea { width: 50%; float: left; padding: 0 28px; }
    .showcase .block-info .textarea { padding: 0 10px; }
}

.block-info .textarea h2 { margin: 0 0 5px; line-height: 39px; font-size: 36px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }

@media only screen and (min-width: 768px) {
    .block-info .textarea h2 { margin: 0 0 30px; line-height: 50px; font-size: 54px; }
    .faculty .block-info .textarea h2 { font-size: 34px; line-height: 38px; }
    .faculty .block-info.music .image-area { margin-top: 60px; }
    .block-info.music .display-faculty { display: none; }
    .faculty .block-info.music .display-faculty { display: inline-block; }
    .faculty .block-info.music .hide-faculty { display: none; }
}

.block-info .textarea .text-holder { overflow: hidden; line-height: 20px; padding: 40px 0 10px; font-size: 14px; font-weight: 400; }
.block-info .textarea .text-holder h2 { padding-top: 24px; }
.block-1 .block-info .textarea .text-holder h2 { padding-top: 0; }

@media only screen and (min-width: 767px) {
    .block-1 .block-info .textarea .text-holder { margin: 0 0 0 -9999px; padding: 38px 85px 20px 9990px; background: #fff; }
}

.block-info .textarea h3 { margin: 0 0 13px; line-height: 23px; font-size: 18px; font-weight: 700; }

@media only screen and (min-width: 768px) {
    .block-info .textarea h3 { line-height: 26px; font-size: 21px; font-weight: 700; }
}

.block-info .textarea h3 a { color: #fff; text-decoration: underline; }
.block-info .textarea h3 a:hover { text-decoration: none; }
.block-info .image-area { overflow: hidden; position: relative; margin: 0; }

@media only screen and (min-width: 768px) {
    .block-info .image-area { margin: 0; width: 45%; float: left; display: block; }
    .block-1.block-studentWork .image-area { margin-top: -85px; }
    .block-1.block-studentWork { margin-top: -185px !important; }
}

@media only screen and (min-width: 992px) {
    .block-info .image-area { width: 45%; }
}

@media only screen and (min-width: 1200px) {
    .block-info .image-area { width: 50%; }
}

.block-info .image-area img { width: 100%; display: block; height: auto; }
.block-info .image-area .img-holder { float: left; width: 48.5%; margin: 0 0.5% 2px; }

@media only screen and (min-width: 768px) {
    .block-info .image-area .img-holder { float: left; width: 33%; width: calc((100% / 3) - 0.5%); margin: 0 0.5% 2px 0; }
    .block-info .image-area .img-holder:last-child { margin-right: 0; }
}

@media only screen and (max-width: 768px) {
    .block-info .image-area .img-holder { width: calc(25% - 2px); }
}

.block-info .image-area .bx-slider { display: none; }
.block-info .image-area .bx-viewport .bx-slider { display: block; }

.block-info .image-area img { max-width: 100%; }


.block-info .video-holder { position: relative; overflow: hidden; text-align: center; clear: both; padding: 0 3px; }

@media only screen and (min-width: 768px) {
    .block-info .video-holder { padding: 0; }
}

.block-info .video-holder img { display: block; margin: 0 0 10px; }
.block-info .video-holder .btn-default { float: left; margin: 20px 0 0 39px; padding: 17px 43px; }
.block-info .video-holder .play { position: absolute; top: 50%; left: 50%; font-size: 50px; margin: -31px 0 0 -31px; color: #fff; text-decoration: none; }
.block-info .video-holder .play:hover { color: #ffde00; }

@media only screen and (min-width: 768px) {
    .block-info .video-holder .play { font-size: 88px; margin: -62px 0 0 -45px; }
}

.block-info .video-holder .play:after { position: absolute; left: 0; top: 0; content: "\e601"; font-family: 'icomoon'; }
.block-info .video-holder .play:hover { opacity: 0.78; text-decoration: none; }
.block-info .video-holder .frame { position: relative; }
.block-info .video-holder .caption { display: block; overflow: hidden; color: #100508; line-height: 15px; padding: 6px 11px 5px 13px; text-align: left; font-size: 12px; }

@media only screen and (min-width: 768px) {
    .block-info .video-holder .caption { padding: 6px 11px 5px 39px; }
}

.block-info .article { position: relative; padding: 0; line-height: 22px; color: #06040e; font-size: 14px; }

@media only screen and (min-width: 768px) {
    .block-info .article { padding: 0; margin: -15px 0 0; /*max-width: 410px;*/ }
}

.block-info .article a { color: #06040e; text-decoration: none; }
.block-info .article a:hover { text-decoration: underline; }
.block-info .article h1 { margin: 0 0 10px; line-height: 40px; color: #06040e; font-size: 36px; }
.block-info .article h1 a { text-decoration: none; }
.block-info .article h1 a:hover { text-decoration: underline; }

@media only screen and (min-width: 768px) {
    .block-info .article h1 { line-height: 58px; font-size: 54px; }
}

.block-info .article h2 { margin: 0 0 15px; color: #06040e; line-height: 28px; font-size: 24px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .block-info .article h2 { line-height: 30px; font-size: 34px; }
}

.block-info .article h2 a { text-decoration: none; }
.block-info .article h2 a:hover { text-decoration: underline; }
.block-info .article .title { display: block; line-height: 22px; font-size: 18px; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .block-info .article .title { line-height: 25px; font-size: 21px; }
}

.block-info .article .view { text-transform: capitalize; display: inline-block; vertical-align: top; text-decoration: underline; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.block-info .article .view:hover { text-decoration: none; }

.slider { position: relative; margin: 20px 0 0 0; }

@media only screen and (min-width: 768px) {
    .slider { margin: -159px 0 -159px; }
}

@media only screen and (min-width: 992px) {
    .slider { margin: -214px 0 -159px; }
}

.slider .holder { position: static; margin: 20px 0 0 0; }

@media only screen and (min-width: 768px) {
    .slider .holder { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; }
}

.slider .main-holder { height: 100%; position: relative; }
.slider .mask { /*overflow:hidden;*/ position: relative; }
.slider .slideset { width: 100%; float: left; }
.slider .slide { float: left; width: 100%; }
.slider img { width: 100%; height: auto; display: block; }
.slider .play { position: absolute; top: 50%; left: 50%; margin: 10px 0 0 -31px; width: 62px; height: 62px; z-index: 12; }
.slider .slide { display: none; }
.slider .slide:first-child { display: block; }

.slider .bx-wrapper .slide { display: block; }

@media only screen and (min-width: 768px) {
    .slider .play { margin: -57px 0 0 -45px; width: 90px; height: 90px; }
}

.slider .play img { width: 100%; height: auto; display: block; }
.slider .play:hover { opacity: 0.8; }
.slider .paging { position: static; text-align: center; white-space: nowrap; letter-spacing: -4px; margin: 0 -11px; }

@media only screen and (min-width: 768px) {
    .slider .paging { margin: 0; z-index: 9999; position: absolute; right: -2px; bottom: 1px; width: 50%; text-align: left; white-space: normal; letter-spacing: 0; }
}

.slider .paging li { display: inline-block; vertical-align: top; max-width: 115px; letter-spacing: 0; }

@media only screen and (min-width: 768px) {
    .slider .paging li { max-width: 120px; margin: 0 -2px 0 0; letter-spacing: 0; }
}

@media only screen and (min-width: 992px) {
    .slider .paging li { max-width: 150px; }
}

@media only screen and (min-width: 1200px) {
    .slider .paging li { max-width: 172px; }
}

.slider .paging li.active a:after { display: block; }
.slider .paging li a { display: block; position: relative; }
.slider .paging li a:after { border: 3px solid #ffde00; position: absolute; top: 0; left: 0; content: ''; right: 0; bottom: 0; display: none; }
.slider .paging li img { z-index: -1; position: relative; }
.slider .btn-area { position: absolute; width: 150px; position: absolute; bottom: -26px; right: 10px; margin: 0; z-index: 99999; text-align: right; }

@media only screen and (min-width: 768px) {
    .slider .btn-area { right: 48px; bottom: -40px; }
}

@media only screen and (min-width: 1200px) {
    .slider .btn-area { bottom: 15.8%; left: 50%; right: auto; margin: 0 0 0 -150px; }
}

.slider .btn-next,
.slider .btn-prev { background: #100508; width: 40px; height: 40px; color: #fff; padding: 10px; text-align: center; display: inline-block; vertical-align: top; font-size: 15px; }

@media only screen and (min-width: 768px) {
    .slider .btn-next,
    .slider .btn-prev { width: 66px; padding: 20px; height: 66px; font-size: 20px; }
}

.slider .btn-next:hover,
.slider .btn-prev:hover { background: #ffde00; color: #100508; }

.breadcrumbs { position: relative; z-index: 9999; padding: 0 0 10px 0; font-size: 13px; font-weight: 900; font-style: italic; list-style: none !important; }

.breadcrumbs.black li { color: #100508; }
.breadcrumbs.black li a { color: #100508; }
.breadcrumbs li { display: inline-block; vertical-align: top; position: relative; padding: 0 4px 0 10px; color: #fff; list-style: none !important; background: none; }
.breadcrumbs li:first-child { padding-left: 0; }
.breadcrumbs li:first-child:after { display: none; }
.breadcrumbs li:after { position: absolute; left: 0; top: 0; content: '/'; background: transparent; }
.breadcrumbs li a { color: #fff; text-decoration: underline; }
.breadcrumbs li a:hover { text-decoration: none; }
.visual { background-color: #333; background-blend-mode: color-burn; color: #fff; position: relative; font-size: 16px; line-height: 20px; margin: -90px 0 20px; }
.visual .container { position: relative; z-index: 50; }

@media only screen and (min-width: 768px) {
    .visual { margin: -175px 0 40px; font-size: 21px; line-height: 25px; color: #fff; }
}

.visual.second { margin: -135px 0 0; }

@media only screen and (min-width: 768px) {
    .visual.second { margin: -175px 0 0; }
    .hsc .visual.second { padding-bottom: 175px; }
}

.visual.second .intro { padding: 15px 92px 0 15px; position: relative; z-index: 999; }

@media only screen and (min-width: 768px) {
    .visual.second .intro { padding: 40px 0; }
}

.visual.third { margin: -90px 0 0; }
.visual.third.career-path.has-showcase { margin-bottom: -20px; }

@media only screen and (min-width: 768px) {
    .visual.third { margin: -175px 0 40px; }

    .visual.third.career-path { padding-bottom: 180px; }
    .visual.third.career-path.has-showcase { padding-bottom: 260px; }
}

@media only screen and (max-width: 768px) {
    .visual.third { min-height: 0; }
    .visual.third .intro { padding: 0; }
    .visual.career-path.third .intro { padding-bottom: 20px !important; }
}

.visual.third .intro { padding: 0 0 70px; }

@media only screen and (min-width: 768px) {
    .visual.third .intro { padding: 40px 0 0; }
    .visual.third.course .intro { padding: 0; }
}

.visual.third .intro .textblock { padding: 0; }

@media only screen and (min-width: 990px) {
    .visual.third .intro .textblock { padding: 20px 0 90px 0; }
}

@media only screen and (min-width: 1200px) {
    .visual.third .intro .textblock { padding: 0; }
}

.visual.third .intro h1 { text-transform: inherit; }
.visual.third .intro .bx-viewport { overflow: visible !important; height: auto !important; }

.visual.third .intro { overflow: visible; margin: 0; }
.visual.fourth { min-height: 0; padding-bottom: 80px; }

@media only screen and (min-width: 768px) {
    .visual.fourth { min-height: 932px; padding-bottom: 0; }
}

.visual.fourth .block { text-align: center; overflow: hidden; padding: 50px 20px 0; max-width: 665px; margin: 0 auto; line-height: 32px; font-size: 20px; font-weight: 400; }

@media only screen and (min-width: 768px) {
    .visual.fourth .block { padding: 10% 62px 0 0; line-height: 52px; font-size: 48px; }
}

.visual.fourth .block h1 { margin: 0 0 20px; line-height: 48px; font-size: 48px; }

@media only screen and (min-width: 768px) {
    .visual.fourth .block h1 { line-height: 100px; font-size: 100px; }
    .visual.fifth { margin-bottom: -162px; padding-bottom: 162px; }
}

.visual.fourth .play { display: inline-block; vertical-align: top; margin: 0 0 30px; }
.visual.fourth .play:hover { opacity: 0.8; }
.visual.fourth .play img { max-width: 100%; display: block; }
.visual.fifth h1 { color: #fff; }

.visual.seventh { overflow: hidden; }

.visual.seventh.add { margin: -170px 0 47px; }
.visual.seventh.add .events .text-block { padding: 45px 0 10px; }

@media only screen and (min-width: 768px) {
    .visual.seventh.add .events .text-block { padding: 25px 50px 10px 25px; }
}

/*.visual.seventh .content { padding: 0 11px; }

@media only screen and (min-width: 768px) {
    .visual.seventh .content { padding: 15px 11px; }
}

@media only screen and (min-width: 992px) {
    .visual.seventh .content { padding: 0; }
}

@media only screen and (min-width: 1200px) {
    .visual.seventh .content { padding: 0 0 0 63px; }
}*/

.visual.eighth { overflow: hidden; margin: -130px 0 50px; }

@media only screen and (max-width: 768px) {
    .visual.seventh { margin: -120px 0 70px; }
}

@media only screen and (min-width: 768px) {
    .visual.eighth { margin: -177px 0 70px; }
}

/*.visual.eighth .content { padding: 33px 24px 0; }

@media only screen and (min-width: 768px) {
    .visual.eighth .content { padding: 20px 0 0 28px; }
}

@media only screen and (min-width: 992px) {
    .visual.eighth .content { padding: 0 0 0 10px; }
}

@media only screen and (min-width: 1200px) {
    .visual.eighth .content { padding: 0 0 0 63px; }
}*/

.visual.eighth .events .image { background: #fff; padding: 0 10px 0 12px; margin: 0 -25px; }

@media only screen and (min-width: 768px) {
    .visual.eighth .events .image { margin: 33px 15px 0 -45px; padding: 0; background: none; }
}

.visual.eighth .events .holder { border: none; line-height: 20px; margin: 0; padding: 15px; font-size: 14px; }

@media only screen and (min-width: 768px) {
    .visual.eighth .events .holder { padding: 44px 40px 18px 18px; margin: 0 16px; }
}

.visual.eighth .events .holder strong { line-height: 20px; font-size: 16px; }

@media only screen and (min-width: 768px) {
    .visual.eighth .events .holder strong { line-height: 28px; font-size: 21px; }
}

.visual.nine { background: url(../images/img38-small.jpg) no-repeat; background-size: 100% auto; min-height: 320px; }

@media only screen and (min-width: 768px) {
    .visual.nine { background: url(../images/img38.jpg) no-repeat 50% 50%; background-size: cover; min-height: 829px; }
}

.visual.ten { background: url(../images/img40-small.jpg) no-repeat; background-size: 100% auto; min-height: 400px; }

@media only screen and (min-width: 768px) {
    .visual.ten { background: url(../images/img40.jpg) no-repeat 50% 50%; background-size: cover; }
}

/*.visual.ten.breadcrumbs { padding-left:; }*/

.visual .btn-play { position: absolute; top: 50%; left: 50%; }
.visual .btn-play:hover { opacity: 0.8; }
.visual .btn-play img { max-width: 100%; }
.visual .container { padding-top: 134px; }

@media only screen and (min-width: 992px) {
    .visual .container { padding-top: 164px; }
}

.visual .content { position: relative; z-index: 9999; }

/*@media only screen and (min-width: 768px) {
    .visual .content { padding-bottom: 90px; }
}*/

.visual .post { overflow: hidden; padding: 33px 20px; }

@media only screen and (min-width: 768px) {
    .visual .post { padding: 30px 0 90px 25px; }
}

@media only screen and (min-width: 992px) {
    .visual .post { padding: 101px 0 0 63px; }
}

.visual .text { overflow: hidden; max-width: 454px; }
.visual .time-holder { overflow: hidden; }
.visual time { display: block; overflow: hidden; padding: 0 0 20px; line-height: 20px; font-size: 16px; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .visual time { line-height: 38px; font-size: 34px; }
}

.visual time span { float: left; max-width: 70%; padding: 0 0 0 20px; border-left: 2px solid #fff; }
.visual time span:first-child { border: none; padding: 0; margin: 0 20px 0 0; max-width: 132px; }
.visual time strong { display: block; }
.visual time h1,
.visual time strong { display: block; padding: 0 0 2px; line-height: 28px; margin: 0; font-size: 24px; font-weight: 700; }

@media only screen and (min-width: 768px) {
    .visual time h1,
    .visual time strong { line-height: 64px; padding: 0 0 6px; font-size: 64px; }
}

@media only screen and (min-width:990px) {
    .visual time span { max-width: 540px; }
}

.visual .intro { padding: 150px 0 0; overflow: hidden; position: relative; z-index: 9; line-height: 19px; font-size: 16px; font-weight: 300; }

@media only screen and (min-width: 768px) {
    .visual .intro { line-height: 25px; font-size: 21px; }
}

@media only screen and (max-width: 769px) {
    .visual .intro, .visual.second .intro { padding: 20px 0; }
}

.visual .intro h1 { margin: 0 0 10px; color: #fff; text-transform: uppercase; line-height: 52px; font-size: 48px; }

@media only screen and (min-width: 768px) {
    .visual .intro h1 { line-height: 1.2; font-size: 54px; }
}

.visual .intro .textblock { overflow: hidden; max-width: 640px; }
.visual .intro .textblock ul { padding: 0; }

@media only screen and (min-width: 768px) {
    .visual .intro .textblock ul { padding: 4px 0 8px 2px; }
}

.visual .intro .textblock ul li { line-height: 18px; position: relative; padding: 0 0 7px 15px; font-size: 14px; font-weight: 700; background-position: 0 3px; background-size: 13px 13px; background-image: none; }
.visual .intro .textblock .view { line-height: 18px; position: relative; margin: 0 0 7px 15px; display: inline-block; vertical-align: top; color: #fff; text-decoration: underline; font-size: 14px; font-weight: 700; }
.visual .intro .textblock .view:hover { text-decoration: none; }
.visual .btn-next { border-left: 1px solid #281e21; padding: 0; }

.visual .block { overflow: hidden; padding-top: 20px; padding-bottom: 20px; font-weight: 300; color: #fff; }


.visual .block h1 { margin: 0 0 13px; color: #fff; line-height: 50px; font-size: 48px; }
.visual .block h1 a { color: #fff; text-decoration: underline; }
.visual .block h1 a:hover { text-decoration: none; }

@media only screen and (min-width: 768px) {
    .visual .block h1 { line-height: 78px; font-size: 74px; }
}

.visual .block p { margin: 0 0 3px; }
.visual .block ul { line-height: 18px; padding: 10px 0 0 3px; font-size: 14px; font-weight: 700; margin: 0; }
.visual .block ul li { margin: 0; padding: 0; }
/*.visual .block ul li { position: relative; overflow: hidden; padding: 0 0 7px 15px; }
.visual .block ul li:after { position: absolute; background: #fff; border-radius: 1px; width: 6px; height: 6px; content: ''; left: 0; top: 6px; }*/
.visual .article { position: relative; max-width: 370px; padding: 15px; line-height: 22px; font-size: 14px; }

@media only screen and (min-width: 768px) {
    .visual .article { padding: 15px 29px; }
}

.visual .article a { color: #fff; }
.visual .article h1 { margin: 0 0 10px; line-height: 40px; font-size: 36px; }
.visual .article h1 a { color: #fff; text-decoration: underline; }
.visual.black .article h1 a { color: #000; }
.visual .article h1 a:hover { text-decoration: none; }

@media only screen and (min-width: 768px) {
    .visual .article h1 { margin: 0 0 20px; line-height: 58px; font-size: 54px; }
}

.visual .article h2 { margin: 0 0 5px; color: #fff; line-height: 28px; font-size: 24px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .visual .article h2 { line-height: 30px; font-size: 34px; }
}

.visual .article h2 a { color: #fff; text-decoration: underline; }
.visual .article h2 a:hover { text-decoration: none; }
.visual .article .title { display: block; line-height: 22px; font-size: 18px; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (max-width: 768px) {
    .visual .intro .textblock .view { margin-left: 0; }
}

@media only screen and (min-width: 768px) {
    .visual .article .title { line-height: 25px; font-size: 21px; }
}

.visual .article .view { text-transform: capitalize; display: inline-block; vertical-align: top; text-decoration: underline; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.visual .article .view:hover { text-decoration: none; }
.visual p { margin: 0 0 17px; }

.steps { overflow: hidden; padding: 30px 0 20px; }

@media only screen and (min-width: 768px) {
    .steps { padding: 0 0 0; margin: 0 0 100px; background: #fff; overflow: visible; position: relative; }
    /*.steps:before { background-color: inherit; content: ""; height: 100%; left: -9999px; position: absolute; right: 0; top: 0; }*/
    .steps .step { position: relative; }
    .steps .step:first-child { padding-top: 20px; }
}

.steps a { font-weight: 700; }
.steps .step { overflow: hidden; padding: 0 0 15px; }
.steps .btn-default { margin: 0 0 20px; padding: 16px 40px; }
.steps .btn-default.black { background: #100508; color: #fff; }
.steps .btn-default.black:hover { opacity: 0.8; }
.steps p { margin: 0 0 30px; }
.steps h2 { color: #000; line-height: 38px; margin: 0 0 18px; position: relative; padding: 24px 0 0; }
.steps h2:after { height: 5px; width: 54px; position: absolute; top: 0; left: 0; content: ''; background: #00a6b4; }
.steps ul { font-weight: 700; padding: 0 0 5px; }
.steps ul li { position: relative; padding: 0 0 5px 15px; background-image: none; }
.steps ul li:after { background: #000; border-radius: 2px; content: ""; height: 7px; left: 0; position: absolute; top: 6px; width: 7px; }
.steps ul ul { padding: 5px 0 0 26px; }
.steps .info { border: solid #000; border-width: 1px 0 3px; padding: 5px 0 20px; margin: 0 0 30px; }

@media only screen and (min-width: 992px) {
    .steps .info { padding: 5px 0 0; margin: 0; }
}

.steps .info h2 { margin: 0 0 10px; }
.steps .info h2:after { top: -10px; }
.steps .info .text { overflow: hidden; margin: 0 0 20px; }

@media only screen and (min-width: 992px) {
    .steps .info .text { float: left; width: 75%; margin: 0 3% 0 0; }
}

.steps .info .btn-default { background: #006770; color: #fff; display: block; overflow: hidden; padding: 13px 15px; }
.steps .info .btn-default:hover { opacity: 0.78; }

@media only screen and (min-width: 768px) {
    .steps .info .btn-default { margin: 40px 0 0; }
}

.main-content { position: relative; margin: 0 0 30px; }

@media only screen and (min-width: 768px) {
    .main-content { padding: 0; margin: 0 0 50px; }
}

.main-content .caption { line-height: 15px; display: block; overflow: hidden; padding: 25px 15px; color: #000; font-size: 12px; }

@media only screen and (min-width: 768px) {
    .main-content .caption { padding: 8px 90px 0 0; }
}

@media only screen and (min-width: 1200px) {
    .main-content .caption { padding: 25px 80px 0 30px; }
}

.main-content .text-holder { overflow: hidden; padding: 0; }
.main-content .text-holder .btn-default { margin-bottom: 30px; }

@media only screen and (min-width: 768px) {
    .main-content .text-holder { padding: 0; }
    .main-content .text-holder .btn-default { margin-bottom: 0; }
}

.main-content .btn-default { padding: 16px 43px; display: block; width: 100%; }

@media only screen and (min-width: 768px) {
    .main-content .btn-default { display: inline-block; vertical-align: top; width: auto; }
}

.main-content .textblock { overflow: hidden; }
.main-content .textblock h3 { position: relative; padding: 0 0 0 10px; margin: 20px 0; }
.main-content .textblock h3:after { background: #00a6b4; position: absolute; top: 4px; left: 0; width: 3px; height: 16px; content: ''; }

.main-content .textblock.search-result { border-bottom: solid 1px #ededed; }

.main-content p { margin: 0 0 20px; }
.main-content h2 { margin: 0 0 17px; padding: 15px 0 0; }



@media only screen and (min-width: 768px) {
    .main-content h2 { padding: 24px 0 0; }
}

.main-content h2:after { width: 42px; position: absolute; height: 4px; content: ''; top: 0; left: 0; background: #00a6b4; }

@media only screen and (min-width: 768px) {
    .main-content h2:after { width: 55px; }
}

.block-1.block-studentWork h2:after { display: none; }

.main-content .column { margin: 0 0 30px; border-left: 1px solid #e5e5e5; }
.main-content .column:first-child { border: none; }
.main-content .column .post { overflow: hidden; padding: 25px 0; border-top: 1px solid #e5e5e5; }
.main-content .column .post:first-child { border: none; padding-top: 0; }

.main-content .column .subtext { display: block; padding: 0 0 10px 10px; font-family: "Roboto Condensed", sans-serif; font-weight: 400; }
.main-content .column h3 { margin: 0 0 5px; }
.main-content .column h3 a { text-decoration: none; }
.main-content .column h3 a:hover { text-decoration: underline; }
.main-content .column p { margin: 0 0 15px; }
.main-content .image { position: relative; overflow: hidden; margin: 0 0 20px; }

@media only screen and (min-width: 768px) {
    .main-content .image { margin: 0; }
}

.main-content .image img { width: 100%; height: auto; display: block; }

.testimonials blockquote { color: #100508; border: none; padding: 0; line-height: 23px; font-family: Georgia, serif; font-size: 16px; font-style: italic; }

@media only screen and (min-width: 768px) {
    .testimonials blockquote { line-height: 32px; font-size: 21px; }
}

.testimonials q { display: block; padding: 30px 0; border: solid #100508; border-width: 2px 0; }
.testimonials q:before,
.testimonials q:after { font-size: 25px; color: #00a6b4; top: 8px; left: -7px; position: relative; }

@media only screen and (min-width: 768px) {
    .testimonials q:before,
    .testimonials q:after { top: 8px; left: -7px; font-size: 35px; }
}

.testimonials q:after { left: 0; }

.testimonials .info-holder { overflow: hidden; clear: both; padding: 0 0 15px; display: block; }

.testimonials cite { display: block; overflow: hidden; clear: both; font-family: "Roboto", sans-serif; font-style: normal; }
.testimonials cite .name { line-height: 22px; font-size: 18px; }

@media only screen and (min-width: 768px) {
    .testimonials cite .name { line-height: 25px; font-size: 21px; }
}

.testimonials cite .info { float: left; width: 80px; margin: 0 10px 0 0; line-height: 18px; font-size: 14px; }
.testimonials cite .info-holder .info:first-child { width: 120px; }

@media only screen and (min-width: 768px) {
    .testimonials cite .info { margin: 0 30px 0 0; }
}

.testimonials cite .info strong { display: block; vertical-align: top; }

.testimonials p { margin: 0 0 20px; }

.work-history { overflow: hidden; position: relative; text-align: center; }
.work-history h2 { text-align: left; }
.work-history .holder { padding: 0 15px 30px; overflow: hidden; text-align: left; }

@media only screen and (min-width: 768px) {
    .work-history .holder { padding: 0 30px 50px; }
}

.work-history h3 { margin: 0 0 10px; }
.work-history h3 a:hover { text-decoration: none; }

@media only screen and (min-width: 768px) {
    .work-history img { margin: 0 0 40px; }
}

.work-history ul { font-family: "Roboto Condensed", sans-serif; }
.work-history ul li { background-image: none; padding: 0 0 2px; }
.work-history ul span { display: block; }
.work-history ul h3 { margin: 0; }
.work-history ul h3 a { text-decoration: none; }
.work-history .btn-default { color: #fff; background: #100508; min-width: 300px; }
.work-history .btn-default:hover { background: #ffde00; color: #100508; }

@media only screen and (min-width: 768px) {
    .work-history .btn-default { min-width: 350px; }
}

.btn-primary { border-radius: 0; border: none; white-space: normal; background: #006770; color: #fff; text-decoration: none; text-transform: uppercase; padding: 13px 30px; width: 100%; display: block; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }
.btn-primary:hover,
.btn-primary:focus { background: #100508; color: #fff; }

@media only screen and (min-width: 768px) {
    .btn-primary { display: inline-block; vertical-align: top; width: auto; }
}

.image-frame { position: relative; z-index: 9; }
.image-frame:after { width: 100%; height: 85%; background: #100508; position: absolute; top: -10px; right: -10px; content: ''; z-index: -1; }

@media only screen and (min-width: 768px) {
    .image-frame:after { top: -30px; right: -30px; width: 100%; height: 85%; }
}

.image-frame picture { position: relative; z-index: 99; }
.image-frame img { width: 100%; height: auto; display: block; }

.content-box { position: relative; padding: 20px 0 0; border: solid #100508; border-width: 1px 0 3px; margin: 0 0 30px; }

@media only screen and (min-width: 992px) {
    .content-box { padding: 40px 0 0; margin: 0; }
}

.content-box:after { background: #00a6b4; content: ""; height: 4px; left: 0; position: absolute; top: -4px; width: 55px; }
.content-box h2 { padding: 0; }
.content-box h2:after { display: none; }
.content-box .btn-default { background: #006770; color: #fff; margin: 0 0 15px; width: 100%; }

@media only screen and (min-width: 992px) {
    .content-box .btn-default { display: inline-block; float: right; width: auto; }
}

.content-box .btn-default:hover { color: #100508; background: #ffde00; }
.content-box h3 span { display: block; overflow: hidden; }
.content-box .ico { float: left; margin: 3px 10px 0 0; font-size: 37px; }

@media only screen and (min-width: 768px) {
    .content-box .ico { margin: -12px 30px 0 0; font-size: 60px; }
}

.guide { overflow: hidden; padding: 7px 0 20px; }

@media only screen and (min-width: 768px) {
    .guide { padding: 7px 0 25px; }
}

.guide .cols { overflow: hidden; }

@media only screen and (min-width: 992px) {
    .guide .cols { float: left; width: 66%; margin: 0 1% 0 0; }
}

@media only screen and (min-width: 1200px) {
    .guide .cols { width: 73%; }
}

.guide .cols .input-col { overflow: hidden; margin: 0 0 10px; }
.guide .cols .input-col:first-child { margin: 0 0 10px; }

@media only screen and (min-width: 768px) {
    .guide .cols .input-col:first-child { margin: 0 0 10px; }
}

@media only screen and (min-width: 768px) {
    .guide .cols .input-col { float: left; width: 49%; margin: 0 0 0 2%; }
}

@media only screen and (min-width: 992px) {
    .guide .cols .input-col { width: 48%; }
}

.guide .form-control { height: 50px; color: #5e5a5c; font-family: "Roboto Condensed", sans-serif; }
.guide .form-control:focus { box-shadow: none; -webkit-box-shadow: none; }
.guide .form-control::-webkit-input-placeholder { color: #5e5a5c; }
.guide .form-control::-moz-placeholder { opacity: 1; color: #5e5a5c; }
.guide .form-control:-moz-placeholder { color: #5e5a5c; }
.guide .form-control:-ms-input-placeholder { color: #5e5a5c; }
.guide .form-control.placeholder { color: #5e5a5c; }
.guide .btn-default { color: #100508; background: #ffde00; display: block; overflow: hidden; padding: 17px 19px; }
.guide .btn-default:hover { background: #100508; color: #fff; }

.table-area { position: relative; overflow: auto; }
.table-area:before { width: 100%; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; content: ''; }

table { width: 991px; border-collapse: collapse; margin: 0 0 80px; }

@media only screen and (min-width: 992px) {
    table { width: 100%; }
}

table.add { display: block; }
table.add thead { float: left; width: 30%; }
table.add thead tr { width: 100%; float: left; }
table.add tbody { overflow: hidden; display: block; float: left; width: 70%; }
table.add tr { display: block; border-bottom: 1px solid #e5e5e5; width: 100%; }
table.add tr.last { border: none; }
table.add th { display: block; border: none; padding: 23px 15px; width: 100%; }
table.add th .title { margin: 0; padding: 0; line-height: 24px; }
table.add th:first-child { padding: 23px 15px; }
table.add th:first-child .title { margin: 0; padding: 0; }
table.add td { border: none; }
table.add td:first-child span { margin: 0; padding: 15px 40px; }
table.add td span { border: solid #e5e5e5; border-width: 0 0 0 1px; position: relative; display: block; margin: 0; padding: 15px 40px; }
table.add td span:after,
table.add td span:before { position: absolute; background: #fff; height: 15px; top: 0; left: -1px; content: ''; width: 1px; }
table.add td span:before { top: auto; bottom: 0; }
table th { line-height: 25px; color: #000; padding: 0 15px; font-size: 21px; border-left: 1px solid #e5e5e5; }
table th:first-child { border: none; }
table th:first-child .title { margin: 0 10px 0 -13px; padding: 0 0 10px 10px; }
table .title { margin: 0 20px; padding: 0 0 10px 10px; display: block; }
table td { color: #000; border-left: 1px solid #e5e5e5; }
table td:first-child { border: none; }
table td:first-child span { padding: 15px 10px; margin: 0 25px 0 0; }
table td span { display: block; padding: 15px 10px; margin: 0 35px; border-top: 1px solid #e5e5e5; }

.photos li { display: inline-block; vertical-align: top; padding: 0; background-image: none; margin: 0 0 5px; width: 49%; }

@media only screen and (min-width: 768px) {
    .photos li { max-width: 172px; }
}

.photos strong { display: block; padding: 0 6px 0 9px; }

@media only screen and (min-width: 768px) {
    .photos strong { padding: 0 10px 0 15px; }
}

.photos strong a { color: #000; text-decoration: none; }
.photos strong a:hover { text-decoration: underline; }

.photos img { display: block; width: 100%; margin: 0 0 15px; }

.carousel { position: relative; margin: 10px 0 30px; }

@media only screen and (min-width: 768px) {
    .carousel { max-width: 100%; margin: 30px 30px 0 0; float: right; }
    .carousel.left { float: left; }
}

@media only screen and (max-width: 769px) {
    .carousel.right .image-frame { margin-right: 40px; }
}

.carousel.right .btn-next,
.carousel.right .btn-prev { bottom: 135px; }

@media only screen and (min-width: 768px) {
    .carousel.right .btn-next,
    .carousel.right .btn-prev { bottom: 106px; }
}

.carousel .mask { position: relative; }
.carousel .slideset { float: left; width: 100%; }
.carousel .slide { float: left; width: 100%; }
.carousel.slide-gallery .slide { padding: 30px 30px 0 0; }
.carousel .btn-next,
.carousel .btn-prev { background: #100508; width: 40px; height: 40px; position: absolute; bottom: 78px; right: 0; z-index: 10; color: #fff; padding: 10px; text-align: center; }
.carousel .btn-next:hover,
.carousel .btn-prev:hover { background: #ffde00; color: #100508; }

@media only screen and (min-width: 768px) {
    .carousel .btn-next,
    .carousel .btn-prev { bottom: 40px; }
}

.carousel .btn-prev { right: 45px; }
.carousel .btn-default { background: #006770; color: #fff; margin: 0; }
.carousel .btn-default:hover { background: #100508; color: #fff; }

@media only screen and (min-width: 768px) {
    .carousel .btn-default { margin: 20px 0 0 30px; }
}

.carousel .play { position: absolute; width: 90px; height: 90px; top: 30%; left: 50%; margin: 0 0 0 -45px; z-index: 999; }
.carousel .play img { width: 100%; height: auto; display: block; }
.carousel .play:hover { opacity: 0.8; }

.register { position: relative; z-index: 9999; margin: 0 -5px; }

@media only screen and (min-width: 768px) {
    .register {  position: fixed; top: 160px; bottom: 40px; float: right; max-width: 348px; }
    .register .holder { overflow-y: auto; overflow-x: hidden; height: 100%; }
}


@media only screen and (min-width: 992px) {
    .register { position: fixed; top: 224px; }
}
@media only screen and (min-width: 1140px) {
    .register{ margin-left: 100px; }
}

.register a { text-decoration: none; }
.register:after { background: #100508; position: absolute; top: -10px; right: -10px; content: ''; width: 100%; height: 30%; }

@media only screen and (min-width: 768px) {
    .register:after { height: 69.5%; top: -30px; right: -30px; }
}

.register .holder { padding: 22px 23px; background: #e7e6e6; position: relative; z-index: 9999; color: #000; }
.register h2 { color: #000; line-height: 28px; margin: 0 0 10px; line-height: 42px; font-size: 38px; }

@media only screen and (min-width: 992px) {
    .register h2 { margin: 0 0 24px; line-height: 58px; font-size: 50px; }
}

.register h2 time { line-height: 16px; display: block; font-size: 14px; font-family: "Roboto", sans-serif; font-weight: 400; }
.register h2 a { color: #000; line-height: 26px; }
.register h3 { margin: 0 0 8px; color: #000; line-height: 25px; position: relative; padding: 0 0 0 12px; font-size: 21px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.register h3:after { position: absolute; top: 5px; left: 0; content: ''; background: #00a6b4; width: 3px; height: 14px; }
.register .input-holder { overflow: hidden; padding: 0 0 10px; }
.register .btn-default { display: block; width: 100%; margin: 0 0 20px; }
.register .btn-default.black { background: #100508; color: #fff; }
.register .btn-default.black:hover { opacity: 0.8; }
.register .btn-default:hover,
.register .btn-default:focus { background: #100508; color: #fff; }
.register .form-control { box-shadow: none; -webkit-box-shadow: none; border-radius: 0; color: #000; line-height: 18px; border: none; font-size: 14px; font-family: "Roboto Condensed", sans-serif; }
.register .form-control::-webkit-input-placeholder { color: #000; }
.register .form-control::-moz-placeholder { opacity: 1; color: #000; }
.register .form-control:-moz-placeholder { color: #000; }
.register .form-control:-ms-input-placeholder { color: #000; }
.register .form-control.placeholder { color: #000; }
.register .form-control.textarea { height: 130px; resize: none; }
.register .title { display: block; position: relative; padding: 15px 0; color: #100508; line-height: 28px; font-size: 24px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }

@media only screen and (min-width: 768px) {
    .register .title { padding: 25px 0; line-height: 38px; font-size: 34px; }
}

.register .title:after { background: #00a6b4 none repeat scroll 0 0; content: ""; height: 5px; left: 0; position: absolute; top: 0; width: 42px; }

@media only screen and (min-width: 768px) {
    .register .title:after { width: 54px; }
}

.sticky-footer { background: #007a8c; overflow: hidden; color: #fff; position: fixed; bottom: 0; left: -999999px; width: 100%; z-index: 99999; /*display:none;*/ }
.sticky-footer.fixed-active { left: 0; }
.sticky-footer .main-holder { overflow: hidden; padding: 20px 35px 10px 10px; position: relative; }
.sticky-footer .close { color: #fff; text-decoration: none; position: absolute; top: -34px; right: -28px; margin: 0; opacity: 1; font-size: 30px; }
.sticky-footer .close:hover { opacity: 0.7; }

@media only screen and (min-width: 768px) {
    .sticky-footer .close { top: 0; }
}

.sticky-footer h3 { color: #fff; margin: 5px 0 10px; }
.sticky-footer a { color: #fff; }
.sticky-footer p { margin: 0 0 10px; }

.events { color: #100508; }
.events h1 { margin: 0 0 20px; color: #100508; line-height: 40px; font-size: 36px; }

@media only screen and (min-width: 992px) {
    .events h1 { line-height: 58px; font-size: 54px; }
}

.events .text-block { padding: 25px 50px 10px 25px; overflow: hidden; font-weight: 300; }
.events .text-block time { color: #010101; display: block; line-height: 25px; border-top: 2px solid #100508; padding: 15px 0; font-family: "Roboto Condensed", sans-serif; font-weight: 700; font-size: 21px; }
.events .col { background: #fff; }

@media only screen and (min-width: 768px) {
    .events .col { padding: 0 0 9999px; margin: 0 0 -9999px; }
}

.events .holder { overflow: hidden; color: #000; font-weight: normal; border-bottom: 2px solid #000; padding: 10px 0 0; margin: 0; }

@media only screen and (min-width: 768px) {
    .events .holder { padding: 44px 3px 18px; margin: 0 61px 12px 30px; }
}

.events .image { position: relative; margin: 0 -7px; }

@media only screen and (min-width: 768px) {
    .events .image { float: left; margin: 33px 15px 0 -45px; width: 100%; }
}

.events .image:after { height: 69.5%; width: 100%; background: #100508; position: absolute; right: -20px; top: -10px; content: ''; z-index: 1; }

@media only screen and (min-width: 768px) {
    .events .image:after { right: -30px; top: -34px; }
}

.events .image img { position: relative; z-index: 9; max-width: 100%; display: block; width: 100%; }
.events .event { overflow: hidden; padding: 20px 15px; color: #010101; }

/*@media only screen and (min-width: 768px) {
    .events .event { min-height: 300px; }
}*/

@media only screen and (min-width: 992px) {
    .events .event { padding: 25px 10px 50px 30px; margin: 0 35px 0 0; }
}

.events .event .area { position: relative; }
.events .event .area:after { width: 2px; height: 96%; position: absolute; left: 81px; content: ''; top: 0; background: #100508; }
.events .event .time-holder { overflow: hidden; color: #010101; }
.events .event .time-holder span a { text-decoration: none; }
.events .event .time-holder span a:hover { text-decoration: underline; }
.events .event .text { line-height: 20px; margin: 0 0 0 72px; padding: 0 0 0 20px; font-size: 14px; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .events .event .text { margin: 0 0 0 81px; padding: 0 51px 0 18px; }
}

.events .event .text p { margin: 0; }
.events .event .find,
.events .event .attend { float: left; color: #010101; margin: 8px 0 0 101px; text-decoration: underline; font-size: 14px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.events .event .find:hover,
.events .event .attend:hover { text-decoration: none; }
.events .event .attend { float: right; }
.events .event time { padding: 0; line-height: 18px; color: #010101; font-size: 14px; font-family: "Roboto Condensed", sans-serif; }
.events .event time em { display: block; text-align: center; font-style: normal; }
.events .event time span { float: left; padding: 0 0 0 17px; }
.events .event time span:first-child { border: none; padding: 0; max-width: 63px; }
.events .event time strong { display: block; padding: 0; line-height: 28px; font-size: 24px; font-weight: 700; }

@media only screen and (min-width: 768px) {
    .events .event time strong { line-height: 37px; font-size: 34px; }
}

.about .main-holder { padding: 0 0 25px; background: #fff; margin: 0 auto; position: relative; }

@media only screen and (min-width: 768px) {
    .about .main-holder { padding: 0 0 50px; }
}

.about .article { color: #000; overflow: hidden; }
.about .article .more { color: #100508; text-decoration: underline; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.about .article .more:hover { text-decoration: none; }

.about .img-holder { position: relative; }
.about .img-holder:after { width: 100%; background: #100508; position: absolute; right: -10px; top: -10px; height: 100%; content: ''; z-index: 1; }

@media only screen and (min-width: 768px) {
    .about .img-holder:after { right: -30px; top: -30px; height: 95%; }
}

.about .image { float: left; margin: 33px -5px 0 0; position: relative; }

@media only screen and (min-width: 768px) {
    .about .image { margin: 33px 15px 0 0; }
}

.about .image img { position: relative; z-index: 9; width: 100%; display: block; }
.about .image .caption { padding: 10px 25px 15px 5px; display: block; color: #100508; line-height: 19px; font-size: 12px; }

@media only screen and (min-width: 768px) {
    .about .image .caption { padding: 18px 30px; }
}

.about h2 { color: #000; line-height: 38px; margin: 0 0 5px; position: relative; padding: 30px 0 0; }
.about h2:after { height: 5px; width: 54px; position: absolute; top: 0; left: 0; content: ''; background: #00a6b4; }

.about h3 { color: #100508; line-height: 35px; margin: 0 0 5px; font-family: "Roboto", sans-serif; }

.about .list { line-height: 22px; padding: 15px 30px; font-size: 18px; font-weight: 700; }

@media only screen and (min-width: 768px) {
    .about .list { line-height: 25px; padding: 0; font-size: 21px; }
}

.about .list li { padding: 0 0 15px; }

@media only screen and (min-width: 768px) {
    .about .list li { margin: 0 2% 20px 0; display: inline-block; vertical-align: top; width: 45%; padding: 0; }
}

.about .list li:after { display: none; }
.about .list li a { color: #100508; text-decoration: underline; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.about .list li a:hover { text-decoration: none; }

.partners .main-holder { padding: 40px 0 45px; background: #fff; margin: -20px auto 0; position: relative; }

@media only screen and (min-width: 768px) {
    .partners .main-holder { padding: 30px 31px 45px; }
}

.partners .more { color: #100508; text-decoration: underline; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.partners .more:hover { text-decoration: none; }

.partners .article { color: #141414; overflow: hidden; }

.partners .image { float: left; margin: 30px 15px 0 -20px; position: relative; }
.partners .image:after { height: 300px; width: 530px; background: #100508; position: absolute; right: 0; top: -30px; content: ''; z-index: 1; }
.partners .image img { position: relative; z-index: 9; max-width: 100%; display: block; }
.partners .image .caption { padding: 18px 30px; display: block; color: #100508; }

.partners h2 { color: #000; margin: 0 0 17px; position: relative; padding: 15px 0 0; font-family: "Roboto", sans-serif; }

@media only screen and (min-width: 768px) {
    .partners h2 { padding: 30px 0 0; }
}

.partners h2:after { height: 5px; width: 42px; position: absolute; top: 0; left: 0; content: ''; background: #00a6b4; }

@media only screen and (min-width: 768px) {
    .partners h2:after { width: 54px; }
}

.partners h3 { color: #100508; line-height: 35px; margin: 0 0 5px; font-size: 21px; font-weight: 700; }

.partners .list { line-height: 25px; font-size: 21px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.partners .list li { display: inline-block; vertical-align: top; width: 45%; margin: 0 2% 20px 0; }
.partners .list li a { color: #100508; text-decoration: underline; }
.partners .list li a:hover { text-decoration: none; }

.partner-list { letter-spacing: -4px; text-align: center; }

@media only screen and (min-width: 768px) {
    .partner-list { padding: 4px 0 60px; text-align: left; }
}

.partner-list li { display: inline-block; vertical-align: middle; margin: 0 10px 35px; letter-spacing: 0; width: 40%; }

@media only screen and (min-width: 768px) {
    .partner-list li { padding: 0 15px; width: 20%; margin: 0; }
}

.partner-list li a { display: inline-block; vertical-align: top; }
.partner-list li img { display: block; width: 100%; margin: 0 auto; }

@media only screen and (min-width: 1200px) {
    .container.latest .content { padding-left: 61px; margin: -8px 0 0 2px; }
}

.our-work { overflow: hidden; background: #21282e; color: #fff; margin: -25px 0 0; }

@media only screen and (min-width: 768px) {
    .our-work { margin: -25px 0 0; }
}

.our-work .container { padding: 50px 15px; }

@media only screen and (min-width: 768px) {
    .our-work .container { padding: 119px 94px 109px; }
}

.our-work h2 { color: #fff; margin: 0 0 17px; position: relative; font-family: "Roboto", sans-serif; }
.our-work p { margin: 0 0 17px; }
.our-work .view { display: inline-block; vertical-align: top; color: #fff; text-decoration: underline; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.our-work .view:hover { text-decoration: none; }

.resources .main-holder { padding: 0 0 60px; margin: 0 auto; }

@media only screen and (min-width: 768px) {
    .resources .main-holder { padding: 0 30px 230px; }
}

.resources .article { color: #000; overflow: hidden; }
.resources .article .more { color: #100508; text-decoration: underline; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.resources .article .more:hover { text-decoration: none; }

.resources h2 { color: #000; margin: 0 0 33px; position: relative; padding: 15px 0 0; }

@media only screen and (min-width: 768px) {
    .resources h2 { padding: 30px 0 0; }
}

.resources h2:after { height: 5px; position: absolute; top: 0; left: 0; content: ''; background: #00a6b4; width: 42px; }

@media only screen and (min-width: 768px) {
    .resources h2:after { width: 54px; }
}

.resources h3 { color: #100508; line-height: 24px; margin: 0; padding: 0 0 0 10px; position: relative; font-size: 21px; font-weight: 700; }
.resources h3:after { background: #00a6b4; position: absolute; width: 3px; height: 15px; content: ''; top: 4px; left: 0; }

.resources .list { line-height: 25px; color: #000; font-size: 21px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.resources .list li { display: inline-block; vertical-align: top; width: 45%; margin: 0 3% 23px 0; padding: 0; }
.resources .list li:after { display: none; }
.resources .list li a { color: #000; text-decoration: underline; display: inline-block; vertical-align: top; line-height: 18px; margin: 0 0 0 10px; font-size: 14px; font-family: "Roboto Condensed", sans-serif; }
.resources .list li a:hover { text-decoration: none; }

.nav-tabs { border: none; margin: 0; padding: 0; line-height: 22px; font-size: 18px; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .nav-tabs { padding: 0; margin: 0 0 0 7px; line-height: 25px; font-size: 21px; }
}

.nav-tabs li { padding: 0; background-image: none; border: none; margin: 0 15px 3px 0; }

@media only screen and (min-width: 768px) {
    .nav-tabs li { margin: 0 27px 3px 0; }
}

.nav-tabs li.active a { border-color: #ffde00; }
.nav-tabs li a { color: #010101; border: none; border-bottom: 2px solid #fff; border-radius: 0; padding: 0 0 5px; text-decoration: none; }
.nav-tabs li a:hover { background: none; border-color: #ffde00; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #010101; background: none; border: solid #ffde00; border-width: 0 0 2px; }

/*.events-info { margin: 0 auto 50px; padding: 0 4px; position: relative; z-index: 9999; max-width: 1110px; }

@media only screen and (min-width: 768px) {
    .events-info { padding: 0 20px; margin: 40px auto 156px; }
}*/

.events-info .event-holder { overflow: hidden; padding: 0; }
.events-info .area { position: relative; }
.events-info .area:after { width: 2px; height: 96%; position: absolute; left: 81px; content: ''; top: 0; background: #100508; display: none; }

@media only screen and (min-width: 768px) {
    .events-info .area:after { display: block; }
}

.events-info .image { display: block; overflow: hidden; margin: 0 0 29px; }

@media only screen and (min-width: 768px) {
    .events-info .image { max-width: 231px; }
}

@media only screen and (min-width: 992px) {
    .events-info .image { float: left; margin: 0 29px 0 0; }
}

.events-info .image img { width: 100%; height: auto; display: block; }
.events-info .event { overflow: hidden; color: #010101; border-bottom: 1px solid #e5e5e5; padding: 27px 0; font-family: "Roboto Condensed", sans-serif; }
.events-info .event:first-child { padding: 25px 0; }
.events-info .event .textarea { overflow: hidden; padding: 7px 0 0; }
.events-info .event .time-holder { overflow: hidden; color: #010101; margin: 0 0 15px; }

@media only screen and (min-width: 768px) {
    .events-info .event .time-holder { margin: 0; }
}

.events-info .event a { color: #010101; font-weight: 400; text-decoration: none; }
.events-info .event a:hover { text-decoration: underline; }
.events-info .event .text { line-height: 20px; clear: both; overflow: hidden; border-top: 2px solid #100508; padding: 15px 0 0; font-size: 14px; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .events-info .event .text { margin: 0 0 0 81px; border-top: 0; padding: 1px 0 0 18px; }
}

.events-info .event .text p { margin: 0; }
.events-info .event .find,
.events-info .event .attend { display: inline-block; vertical-align: top; color: #010101; margin: 11px 0 0; max-width: 120px; text-decoration: underline; font-size: 14px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }

@media only screen and (min-width: 768px) {
    .events-info .event .find,
    .events-info .event .attend { margin: 11px 0 0 101px; }
}

.events-info .event .find:hover,
.events-info .event .attend:hover { text-decoration: none; }
.events-info .event .attend { float: right; margin: 11px 0 0; }
.events-info .event time { padding: 0; line-height: 18px; color: #010101; font-size: 14px; font-family: "Roboto Condensed", sans-serif; }
.events-info .event time em { display: block; text-align: center; }
.events-info .event time span { padding: 0 0 0 18px; display: block; overflow: hidden; border-left: 2px solid #100508; }

@media only screen and (min-width: 768px) {
    .events-info .event time span { border: none; }
}

.events-info .event time span:first-child { border: none; padding: 0; margin: 0 19px 0 0; max-width: 63px; float: left; }
.events-info .event time strong { display: block; padding: 0; line-height: 22px; font-size: 18px; font-weight: 700; }


@media only screen and (min-width: 768px) {
    .events-info .tab-content { padding: 20px 0 0 29px; }

    .events-info .event time strong { line-height: 37px; font-size: 34px; min-width: 70px; }
}

.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; }

.pagination { line-height: 25px; margin: 29px 0; font-size: 21px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.pagination > li > a { margin-left: 3px; }

@media only screen and (min-width: 992px) {
    .pagination { margin: 29px; }
}

.pagination > li { background-image: none; padding: 0; border: none; display: inline-block; vertical-align: top; margin: 0 0 0 -3px; }

@media only screen and (min-width: 768px) {
    .pagination > li { margin: 0 0 0 -2px; }
}

.pagination > li.active a { background: #ffde00; color: #100508; }
.pagination > li .fa { padding: 0 2px; font-size: 13px; }
.pagination > li a { background: #100508; color: #fff; border: none; padding: 8px 14px; }
.pagination > li a:hover,
.pagination > li a:focus { background: #ffde00; color: #100508; }
.pagination > li em { position: relative; top: 15px; font-style: normal; padding: 0 5px; }

.key-dates { overflow: hidden; margin: 0; }

@media only screen and (min-width: 768px) {
    .key-dates { max-width: 345px; margin: 0; }
}

@media only screen and (min-width: 1200px) {
    .key-dates { margin: -15px 0 0; padding: 0 0 0 35px; }
}

.key-dates h3 { margin: 0 0 17px; line-height: 28px; font-size: 24px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .key-dates h3 { line-height: 38px; font-size: 34px; }
}

.key-dates .btn-default { padding: 16px 30px; }
.key-dates p { margin: 0 0 20px; }

.three-cols { margin-top: -30px; margin-bottom: 100px; position: relative; z-index: 60; }

@media only screen and (min-width: 768px) {
    .three-cols { margin-top: -70px; }
}

@media only screen and (min-width: 992px) {
    .three-cols { margin-top: -99px; }
}

.three-cols .main-holder { max-width: 1120px; }
.three-cols img { width: 100%; display: block; margin: 0 auto; }
.three-cols .text { overflow: hidden; padding: 20px 0 0; color: #100508; background: #fff; }

.three-cols .text p { margin: 0; }

/*@media only screen and (min-width: 768px) {
    .three-cols .text { padding: 33px 19px 110px; }
}

@media only screen and (min-width: 992px) {
    .three-cols .text { padding: 33px 20px 110px 39px; }
}*/

.three-cols .text-holder { overflow: hidden; }

@media only screen and (min-width: 768px) {
    .three-cols .text-holder { min-height: 205px; }
}

.three-cols .btn-primary { padding: 10px 34px; margin: 20px 0; }

@media only screen and (min-width: 1200px) {
    .three-cols .btn-primary { padding: 15px 46px; }
}

.three-cols h1,
.three-cols h2 { margin: 0 0 7px; line-height: 28px; font-size: 24px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 992px) {
    .three-cols h1,
    .three-cols h2 { line-height: 37px; font-size: 34px; }
}

.three-cols h1 a,
.three-cols h2 a { color: #100508; text-decoration: none; }
.three-cols h1 a:hover,
.three-cols h2 a:hover { text-decoration: underline; }

.info-area { overflow: hidden; background: #21282e; color: #fff; position: relative; z-index: 9; line-height: 20px; padding: 20px 0; margin: 80px 0 0; }

@media only screen and (min-width: 768px) {
    .info-area { padding: 70px 0 116px; margin: 0; }
}

@media only screen and (min-width: 992px) {
    .info-area { margin: -136px 0 0; padding: 180px 0 116px; }
}

.info-area .holder { overflow: hidden; color: #fff; margin: 0 20px; }

@media only screen and (min-width: 992px) {
    .info-area .holder { padding: 0 47px 0 228px; margin: 0; }
}

.info-area h3 { margin: 0 0 17px; color: #fff; line-height: 28px; font-size: 24px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .info-area h3 { line-height: 38px; font-size: 34px; }
}

.info-area h3 a { color: #fff; text-decoration: none; }
.info-area h3 a:hover { opacity: 0.8; }
.info-area .col { position: relative; padding: 15px 0; border-top: 2px solid #fff; margin-bottom: 5px; }

@media only screen and (min-width: 768px) {
    .info-area .col { min-height: 209px; padding-top: 0; border-top: 0; margin-bottom: 0; border-left: 2px solid #fff; }
}

.info-area .col:first-child { border: none; }
.info-area .text-holder { overflow: hidden; }

@media only screen and (min-width: 768px) {
    .info-area .text-holder { padding: 0 22px; }
}

.info-area p { margin: 0 0 15px; }

@media only screen and (min-width: 768px) {
    .info-area p { margin: 0; }
}

.info-area .more { color: #fff; display: inline-block; vertical-align: top; font-weight: 700; text-decoration: underline; position: static; left: 23px; bottom: 0; font-family: "Roboto", sans-serif; }

@media only screen and (min-width: 768px) {
    .info-area .more { position: absolute; }
}

.info-area .more:hover { text-decoration: none; }

.career { position: relative; margin: 0 0 40px; padding-top: 80px; }
.career .col-holder { overflow: hidden; }

@media only screen and (min-width: 768px) {
    .career { margin: 0 0 91px; }
    .career .col-holder { width: 49%; float: left; overflow: visible; }
}

@media only screen and (min-width: 1200px) {
    .career .col-holder { width: 50%; }
}

.career .col-holder:first-child { width: 100%; margin: 0; overflow: hidden; }

@media only screen and (min-width: 768px) {
    .career .col-holder:first-child { margin: -111px -1px 0 0; width: 51%; overflow: visible; }
}

@media only screen and (min-width: 1200px) {
    .career .col-holder:first-child { width: 50%; }
}

.career .head { overflow: hidden; padding: 0 0 15px; }
.career time { color: #cbdde1; padding: 0 0 0 5px; font-family: "Roboto", sans-serif; font-size: 12px; font-style: normal; }
.career .twitter-feed { position: relative; z-index: 10; padding: 60px 20px; background: #007a8c; margin: 0 -10px; color: #fff; overflow: hidden; font-family: Georgia, serif; font-size: 14px; font-style: italic; }

@media only screen and (min-width: 768px) {
    .career .twitter-feed { padding: 60px 40px 80px; }
}

.career .twitter-feed p { margin: 0; }
.career .twitter-feed .social { left: 40px; }
.career .twitter-feed a { color: #fff; text-decoration: none; font-family: Georgia, serif; font-weight: 400; }
.career .twitter-feed .name { line-height: 20px; text-decoration: none; font-size: 16px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; font-style: normal; }
.career .image { position: relative; }
.career .social { position: absolute; top: 15px; left: 20px; color: #fff; z-index: 9; font-size: 24px; }
.career .social:hover { opacity: 0.8; }
.career .img-holder { float: left; width: 50%; }
.career .panel-area { position: relative; z-index: 10; background: #100508; padding: 15px; clear: both; }

@media only screen and (min-width: 768px) {
    .career .panel-area { padding: 24px 29px 0; margin: -13px -10px 0; float: left; clear: none; }
}

.career .panel-area ul { margin: 0 0 10px; padding: 0 0 10px; text-transform: uppercase; line-height: 18px; font-size: 14px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 992px) {
    .career .panel-area ul { line-height: 35px; font-size: 21px; }
}

.career .panel-area ul li { overflow: hidden; border-top: 1px solid #403739; padding: 9px 0; background-image: none; }
.career .panel-area ul li:first-child { padding-top: 0; border: none; }
.career .panel-area ul li a { display: block; color: #fff; position: relative; text-decoration: none; padding: 0 20px 0 0; }
.career .panel-area ul li a:after { position: absolute; right: 0; top: 0; content: "\f054"; font-family: 'FontAwesome'; font-size: 12px; }

@media only screen and (min-width: 992px) {
    .career .panel-area ul li a:after { font-size: 16px; }
}

.career .panel-area ul li a:hover { text-decoration: none; opacity: 0.7; }
.career:after { background: #100508; position: absolute; top: -35px; left: 0; width: 90%; height: 103%; content: ''; left: 50%; margin: 0 0 0 -45%; }

@media only screen and (min-width: 768px) {
    .career:after { width: 100%; height: 390px; top: 0; left: 0; margin: 0; }
}

.career .alignleft { max-width: 60%; width: auto; float: left; }

@media only screen and (min-width: 768px) {
    .career .alignleft { max-width: 100%; }
}

.career .col { width: 100%; clear: both; overflow: hidden; }

@media only screen and (min-width: 768px) {
    .career .col { width: 50%; float: left; clear: none; overflow: visible; }
}

.career .col:first-child { width: 100%; display: none; }

@media only screen and (min-width: 768px) {
    .career .col:first-child { width: 50%; display: block; }
}

.career img { position: relative; z-index: 9; width: 100%; float: left; }

@media only screen and (min-width: 768px) {
    .career img { max-width: 100%; }
}

.career h2 { margin: 0 0 15px; color: #fff; line-height: 28px; font-size: 24px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .career h2 { line-height: 37px; font-size: 34px; }
}

.career h2 a { color: #100508; }
.career .heading { position: relative; z-index: 9; overflow: hidden; background: #fff; margin: -50px auto 0; padding: 20px 35px; }
.career .heading .text { margin: 0 auto; }

@media only screen and (min-width: 768px) {
    .career .heading .text { margin: 0; max-width: 242px; }
}

@media only screen and (min-width: 992px) {
    .career .heading .text { max-width: 353px; }
}

@media only screen and (min-width: 768px) {
    .career .heading { margin: -133px 0 15px 45px; max-width: 61%; }
}

.career .heading h2 { color: #000; margin: 0; line-height: 40px; font-size: 36px; }

@media only screen and (min-width: 992px) {
    .career .heading h2 { line-height: 58px; font-size: 54px; }
}

.career .heading .more { float: right; clear: both; }

.news { position: relative; overflow: hidden; margin: 0; line-height: 18px; text-align: center; padding: 0; font-size: 14px; }

@media only screen and (min-width: 768px) {
    .news { padding: 0; margin: 0 0 154px; }
}

.news .post { text-align: left; margin-bottom: 20px; overflow: hidden; padding: 0 0 10px; line-height: 20px; }

@media only screen and (min-width: 768px) {
    .news .post { padding: 0 2px 0 20px; margin-bottom: 74px; }
}

.news .post p { margin: 0 0 9px; }
.news h2 { margin: 0 0 20px; color: #100508; text-align: left; line-height: 40px; font-size: 36px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .news h2 { line-height: 58px; text-align: center; margin: 0 0 27px; font-size: 54px; }
}

.news h3 { line-height: 25px; margin: 0 0 10px; padding: 0 0 10px; color: #100508; border-bottom: 2px solid #100508; font-size: 21px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }
.news h3 a { color: #100508; text-decoration: none; }
.news h3 a:hover { text-decoration: underline; }
.news .btn-default { display: inline-block; vertical-align: top; background: #100508; color: #fff; min-width: 300px; }
.news .btn-default:hover { background: #006770; }
.news time { display: block; margin: 0 0 10px; }
.news .more { display: inline-block; vertical-align: top; margin: 0 0 10px; text-decoration: none; text-decoration: underline; }
.news .more:hover { text-decoration: none; }
.news .more,
.news time { color: #100508; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }

.contact-area .main-holder { padding: 0 0 100px; margin: -151px auto 0; background: #fff; position: relative; }

@media only screen and (min-width: 768px) {
    .contact-area .main-holder { margin: -168px auto 0; }
}

.contact-area .article-holder { overflow: hidden; background: #fff; }

@media only screen and (min-width: 768px) {
    .contact-area .article-holder { padding: 90px 10px 0 10027px; margin: 0 0 0 -9999px; }
}

.contact-area .article { color: #000; overflow: hidden; }
.contact-area .article .more { color: #100508; text-decoration: underline; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
.contact-area .article .more:hover { text-decoration: none; }
.contact-area .article strong { display: block; margin: 0 0 20px; }

.contact-area .map-area { position: relative; overflow: hidden; margin: 0 -15px 30px; }

@media only screen and (min-width: 768px) {
    .contact-area .map-area { margin: -10px 2px 30px; }
}

.contact-area .map-area img { width: 100%; height: auto; display: block; }
.contact-area .map-area .pointer { background: url(../images/pointer.png) no-repeat; position: absolute; width: 44px; height: 55px; left: 100px; top: 120px; overflow: hidden; text-indent: -9999px; }
.contact-area .map-area .pointer:after { display: none; }
.contact-area .map-area .pointer:hover { opacity: 0.7; }

.contact-area .contact-holder { position: relative; margin: 0 -5px 0 -5px; }

@media only screen and (min-width: 768px) {
    .contact-area .contact-holder { margin: -451px 0 0; }
}

@media only screen and (min-width: 1200px) {
    .contact-area .contact-holder { margin: -361px 0 0 -15px; }
}

.contact-area .contact-holder .holder { background: #fff; padding: 18px 16px; overflow: hidden; position: relative; z-index: 9; }

@media only screen and (min-width: 768px) {
    .contact-area .contact-holder .holder { padding: 39px 28px; }
}

@media only screen and (min-width: 1200px) {
    .contact-area .contact-holder .holder { margin: 0 -30px 0 0; }
}

.contact-area .contact-holder:after { background: #100508; position: absolute; width: 100%; height: 29%; right: -10px; top: -10px; content: ''; z-index: 1; }

@media only screen and (min-width: 768px) {
    .contact-area .contact-holder:after { right: -30px; top: -30px; }
}

@media only screen and (min-width: 1200px) {
    .contact-area .contact-holder:after { right: -60px; width: 108%; }
}

.contact-area .contact-holder .title { line-height: 22px; margin: 0 0 10px; display: block; font-size: 18px; font-weight: 700; }

@media only screen and (min-width: 768px) {
    .contact-area .contact-holder .title { line-height: 25px; font-size: 21px; }
}

.contact-area .contact-holder .col { color: #000; overflow: hidden; }

@media only screen and (min-width: 1200px) {
    .contact-area .contact-holder .col:first-child { float: left; padding: 0 20px 0 0; }
}

@media only screen and (min-width: 1200px) {
    .contact-area .contact-holder .col { overflow: visible; float: right; width: 49%; }
}

.contact-area .contact-holder a { display: inline-block; vertical-align: top; position: relative; color: #000; padding: 0 0 0 10px; line-height: 22px; text-decoration: none; font-size: 18px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }

@media only screen and (min-width: 768px) {
    .contact-area .contact-holder a { line-height: 24px; font-size: 21px; }
}

.contact-area .contact-holder a:after { height: 14px; width: 3px; position: absolute; top: 5px; left: 0; content: ''; background: #00a6b4; }
.contact-area .contact-holder a:hover { text-decoration: underline; }
.contact-area .contact-holder .btn-default { padding: 15px 31px; line-height: 18px; margin: 11px 0 0; display: block; width: 100%; font-size: 14px; }

@media only screen and (min-width: 768px) {
    .contact-area .contact-holder .btn-default { float: left; max-width: 190px; }
}

@media only screen and (min-width: 1200px) {
    .contact-area .contact-holder .btn-default { float: right; }
}

.contact-area .contact-holder .btn-default:after { display: none; }
.contact-area .contact-holder address { display: block; position: relative; padding: 0 0 0 10px; line-height: 22px; font-size: 18px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }

@media only screen and (min-width: 768px) {
    .contact-area .contact-holder address { line-height: 24px; font-size: 21px; }
}

.contact-area .contact-holder address:after { height: 14px; width: 3px; position: absolute; top: 5px; left: 0; content: ''; background: #00a6b4; }
.contact-area .contact-holder time { display: block; clear: both; padding: 0 0 0 9px; }

@media only screen and (min-width: 768px) {
    .contact-area .contact-holder time { padding: 0 0 0 11px; }
}

.contact-area .contact-holder ul { padding: 0; }
.contact-area .contact-holder ul li { background-image: none; border-top: 1px solid #e5e5e5; overflow: hidden; padding: 24px 0 33px; }
.contact-area .contact-holder ul li:first-child { border: none; padding: 0 0 26px; }

.contact-area .more-info { overflow: hidden; margin: 0 -15px; }

@media only screen and (min-width: 768px) {
    .contact-area .more-info { padding: 0 4px; margin: 0; }
}

.contact-area .more-info h2 { line-height: 32px; padding: 24px 0 0; line-height: 24px; margin: 0; font-size: 20px; }

@media only screen and (min-width: 768px) {
    .contact-area .more-info h2 { line-height: 32px; float: left; width: 60%; margin: 0 3% 0 0; font-size: 28px; }
}

.contact-area .more-info .btn-default { display: block; overflow: hidden; color: #fff; background: #006770; padding: 15px 32px; margin: 10px 0 0; width: 100%; }
.contact-area .more-info .btn-default:hover { background: #100508; }

@media only screen and (min-width: 768px) {
    .contact-area .more-info .btn-default { width: auto; max-width: 178px; }
}

.contact-area h1 { color: #000; margin: 0 0 43px; position: relative; line-height: 40px; margin: 0 0 15px; font-size: 36px; }

@media only screen and (min-width: 768px) {
    .contact-area h1 { margin: 0 0 43px; line-height: 58px; font-size: 54px; }
}

.contact-area h2 { color: #000; margin: 0 0 13px; position: relative; padding: 15px 0 0; }

@media only screen and (min-width: 768px) {
    .contact-area h2 { padding: 24px 0 0; }
}

.contact-area h2:after { height: 5px; width: 42px; position: absolute; top: 0; left: 0; content: ''; background: #00a6b4; }

@media only screen and (min-width: 768px) {
    .contact-area h2:after { width: 54px; }
}

.contact-area h3 { color: #000; line-height: 24px; padding: 0 0 0 10px; margin: 0 0 11px; position: relative; font-size: 21px; font-weight: 700; }
.contact-area h3:after { height: 14px; width: 3px; position: absolute; top: 5px; left: 0; content: ''; background: #00a6b4; }

.contact-area .list { line-height: 22px; font-size: 18px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }

@media only screen and (min-width: 768px) {
    .contact-area .list { line-height: 25px; font-size: 21px; }
}

.contact-area .list li { display: inline-block; vertical-align: top; width: 45%; margin: 0 2% 20px 0; }
.contact-area .list li a { color: #100508; text-decoration: underline; }
.contact-area .list li a:hover { text-decoration: none; }

.contact-area p { margin: 0 0 31px; }

.inner-slider { position: relative; max-width: 1040px; margin: 0 auto; }
.inner-slider .mask { margin: 0; position: relative; overflow: hidden; }

@media only screen and (min-width: 768px) {
    .inner-slider .mask { margin: 0 80px; }
}

.inner-slider .slideset { float: left; width: 100%; }
.inner-slider .slide { float: left; position: relative; width: 100%; }
.inner-slider .image { overflow: hidden; position: relative; margin: 0 0 20px; }
.inner-slider img { display: block; width: 100%; height: auto; }
.inner-slider .caption { display: block; padding: 0 10px 20px; max-width: 600px; margin: 0 auto; overflow: hidden; color: #fff; line-height: 15px; font-size: 12px; }

@media only screen and (min-width: 768px) {
    .inner-slider .caption { padding: 0 35px 20px; line-height: 20px; font-size: 14px; }
}

.inner-slider .btn-next,
.inner-slider .btn-prev { position: absolute; top: 50%; left: 10px; color: #fff; margin: -70px 0 0; font-size: 30px; }

@media only screen and (min-width: 768px) {
    .inner-slider .btn-next,
    .inner-slider .btn-prev { left: 0; margin: -70px 0 0; font-size: 55px; }
}

.inner-slider .btn-next:hover,
.inner-slider .btn-prev:hover { text-decoration: none; opacity: 0.7; }
.inner-slider .btn-next { left: auto; right: 10px; }

@media only screen and (min-width: 768px) {
    .inner-slider .btn-next { right: 0; }
}

.modal { background: rgba(255, 255, 255, 0.95); z-index: 999999; }
.modal.add { background: #100508; }
.modal .container { position: relative; }

@media only screen and (min-width: 1360px) {
    .modal .container { width: 1360px; }
}

.modal .header { background: #100508; padding: 17px 0; }

@media only screen and (min-width: 768px) {
    .modal .header { padding: 19px 10px; }
}

.modal .header .logo { float: left; margin: 4px 0 0; position: relative; z-index: 9; overflow: hidden; width: 72px; }

@media only screen and (min-width: 768px) {
    .modal .header .logo { margin: 0 34px 0 0; max-width: 143px; width: auto; }
}

@media only screen and (min-width: 768px) {
    .modal .header .logo { max-width: 200px; }
}

@media only screen and (min-width: 992px) {
    .modal .header .logo { max-width: 106px; }
}

.modal .header .logo img { display: block; width: 100%; height: auto; }

@media only screen and (min-width: 768px) {
    .modal .header .logo img { width: 100%; }
}

.modal-lg { width: 100%; }

.modal-dialog { margin: 10px auto; }

@media only screen and (min-width: 768px) {
    .modal-dialog { margin: 20px auto; }
}

.modal-content { box-shadow: none; -webkit-box-shadow: none; border-radius: 0; background: none; border: none; margin: 0 10px; }

@media only screen and (min-width: 768px) {
    .modal-content { margin: 0; }
}

.modal-content button.close { background: none; opacity: 1; color: #fff; text-align: center; text-transform: uppercase; line-height: 18px; position: absolute; right: 20px; top: 0; font-size: 14px; font-weight: 400; font-family: "Roboto", sans-serif; }

@media only screen and (min-width: 992px) {
    .modal-content button.close { right: 40px; top: 20px; }
}

.modal-content button.close:hover { opacity: 0.8; }
.modal-content button.close .fa { display: block; font-size: 50px; }
.modal-content button.close span { display: none; }

@media only screen and (min-width: 768px) {
    .modal-content button.close span { display: block; }
}

.modal-content .info { color: #fff; float: right; width: 61%; padding: 0 50px 0 0; }

@media only screen and (min-width: 768px) {
    .modal-content .info { max-width: 500px; width: auto; padding: 0 180px 0 0; }
}

.modal-content .info .title { display: none; margin: 0 0 10px; line-height: 25px; font-size: 21px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .modal-content .info .title { display: block; }
}

.modal-content .info a { color: #fff; display: inline-block; vertical-align: top; line-height: 18px; text-decoration: none; font-size: 14px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .modal-content .info a { line-height: 36px; font-size: 34px; }
}

.modal-content .info a:hover { opacity: 0.8; }
.modal-content .info time { display: block; clear: both; overflow: hidden; color: #fff; line-height: 14px; font-size: 12px; }

@media only screen and (min-width: 768px) {
    .modal-content .info time { line-height: 18px; font-size: 14px; }
}

.modal-content .form-holder { max-width: 525px; margin: 30px auto 0; background: #e7e6e6; padding: 15px 10px; position: relative; z-index: 9999; }

@media only screen and (min-width: 768px) {
    .modal-content .form-holder { padding: 43px 50px; }
}

@media only screen and (min-width: 1360px) {
    .modal-content .form-holder { margin: -60px auto 0; }
}

.modal-content .form-holder form { margin: 0 auto; }
.modal-content .form-holder .input-holder { overflow: hidden; padding: 0 0 10px; }
.modal-content .form-holder .btn-default { display: block; width: 100%; }
.modal-content .form-holder .btn-default:hover,
.modal-content .form-holder .btn-default:focus { background: #100508; color: #fff; }
.modal-content .form-holder .form-control { box-shadow: none; -webkit-box-shadow: none; border-radius: 0; color: #000; line-height: 18px; border: none; font-size: 14px; font-family: "Roboto Condensed", sans-serif; }
.modal-content .form-holder .form-control::-webkit-input-placeholder { color: #000; }
.modal-content .form-holder .form-control::-moz-placeholder { opacity: 1; color: #000; }
.modal-content .form-holder .form-control:-moz-placeholder { color: #000; }
.modal-content .form-holder .form-control:-ms-input-placeholder { color: #000; }
.modal-content .form-holder .form-control.placeholder { color: #000; }
.modal-content .form-holder .form-control.textarea { height: 130px; resize: none; }
.modal-content .form-holder h2 { color: #000; margin: 0 0 20px; line-height: 40px; font-size: 36px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    .modal-content .form-holder h2 { line-height: 58px; font-size: 54px; }
}

#footer { background: #100508; color: #fff; position: relative; z-index: 2000; clear: both; margin-top: 20px; }
#footer .footer-info { overflow: hidden; border-top: 1px solid #281e21; padding: 15px 0 10px 5px; }

@media only screen and (min-width: 768px) {
    #footer { margin-top: 60px; }
    #footer .footer-info { padding: 11px 0 10px 5px; width: 45%; margin: 0 0 0 130px; }
}

@media only screen and (min-width: 992px) {
    #footer .footer-info { width: 50%; }
}

@media only screen and (min-width: 1200px) {
    #footer .footer-info { width: 52%; }
}

#footer .footer-info .copyright { color: #fff; display: block; line-height: 16px; font-size: 13px; }

@media only screen and (min-width: 992px) {
    #footer .footer-info .copyright { float: left; max-width: 200px; }
}

#footer .footer-info .copyright a { color: #fff; text-decoration: none; font-family: "Roboto", sans-serif; font-weight: 400; }
#footer .footer-info .copyright a:hover { text-decoration: underline; }
#footer .main-holder { overflow: hidden; }

@media only screen and (min-width: 768px) {
    #footer .main-holder { padding: 0 29px; }
}

@media only screen and (min-width: 992px) {
    #footer .main-holder { margin: -43px auto 30px; }
}

#footer .links { overflow: hidden; padding: 10px 0 0; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 992px) {
    #footer .links { float: right; padding: 0 0 0 30px; max-width: 250px; }
}

#footer .links li { display: inline-block; vertical-align: top; margin: 0 15px 0 0; }

@media only screen and (min-width: 992px) {
    #footer .links li { margin: 0 0 0 15px; }
}

#footer .links li a { color: #fff; font-weight: 400; }
#footer .links li a:hover { text-decoration: none; }
#footer .social-networks { overflow: hidden; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
#footer .social-networks a { text-decoration: none; }

@media only screen and (min-width: 992px) {
    #footer .social-networks { width: 61%; float: left; }
}

@media only screen and (min-width: 1200px) {
    #footer .social-networks { width: 62.5%; }
}

#footer .social-networks ul { display: table; width: 100%; }
#footer .social-networks ul li { display: table-cell; vertical-align: middle; }
#footer .social-networks ul li.twitter a { background: #1168aa; }
#footer .social-networks ul li.facebook a { background: #133783; }
#footer .social-networks ul li.instagram a { background: #125688; }
#footer .social-networks ul li a { display: block; padding: 22px 20px 20px; background: #55acee; overflow: hidden; color: #fff; text-align: center; }

@media only screen and (min-width: 768px) {
    #footer .social-networks ul li a { text-align: center; padding: 20px; }
}

@media only screen and (min-width: 992px) {
    #footer .social-networks ul li a { text-align: left; }
}

@media only screen and (min-width: 1200px) {
    #footer .social-networks ul li a { padding: 22px 20px 2px; }
}

#footer .social-networks ul li a:hover { text-decoration: none; opacity: 0.8; }
#footer .social-networks .fa { font-size: 36px; display: inline-block; vertical-align: top; }

@media only screen and (min-width: 768px) {
    #footer .social-networks .fa { position: relative; top: -6px; display: block; }
}

@media only screen and (min-width: 992px) {
    #footer .social-networks .fa { float: left; padding: 0 21px 0 38px; }
}

@media only screen and (min-width: 1200px) {
    #footer .social-networks .fa { padding: 0 31px 0 8px; }
}

#footer .signup { background: #006770; overflow: hidden; padding: 24px 20px 50px 13px; position: relative; margin: 0 0 20px; }

@media only screen and (min-width: 992px) {
    #footer .signup { top: -52px; margin: 0; padding: 20px 30px 45px 100px; }
}

@media only screen and (min-width: 1200px) {
    #footer .signup { padding: 24px 121px 52px 103px; }
}

#footer .signup:after { position: absolute; top: 0; left: 0; content: ''; background: #00a6b4; width: 67px; height: 50px; }

@media only screen and (min-width: 992px) {
    #footer .signup:after { width: 85px; height: 60px; }
}

#footer .signup:before { position: absolute; left: 21px; top: 9px; color: #fff; content: "\f1ea"; z-index: 9; font-family: 'FontAwesome'; font-size: 25px; }

@media only screen and (min-width: 992px) {
    #footer .signup:before { font-size: 36px; }
}

#footer .signup .label { display: block; padding: 0 0 0 70px; text-align: left; margin: 0 0 10px; white-space: normal; }

@media only screen and (min-width: 992px) {
    #footer .signup .label { padding: 0; text-align: left; margin: 0 0 10px; }
}

#footer .signup label { font-size: 21px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; }
#footer .signup .input-holder { overflow: hidden; width: 100%; display: table; }

@media only screen and (min-width: 768px) {
    #footer .signup .input-holder { display: block; }
}

#footer .signup .input-holder .btn-default { display: block; padding: 11px; width: 100%; }

@media only screen and (min-width: 768px) {
    #footer .signup .input-holder .btn-default { float: right; margin: 0 0 0 10px; width: auto; }
}

#footer .signup .input-holder .form-control { height: 40px; color: #403739; margin: 0 0 10px; font-family: "Roboto Condensed", sans-serif; }
#footer .signup .input-holder .form-control::-webkit-input-placeholder { color: #403739; }
#footer .signup .input-holder .form-control::-moz-placeholder { opacity: 1; color: #403739; }
#footer .signup .input-holder .form-control:-moz-placeholder { color: #403739; }
#footer .signup .input-holder .form-control:-ms-input-placeholder { color: #403739; }
#footer .signup .input-holder .form-control.placeholder { color: #403739; }

@media only screen and (min-width: 768px) {
    #footer .signup .input-holder .form-control { margin: 0; }
}

#footer .signup .input-holder .col { overflow: hidden; display: table-header-group; }

@media only screen and (min-width: 768px) {
    #footer .signup .input-holder .col { display: block; }
}

#footer .footer-logo { display: block; overflow: hidden; border-bottom: 1px solid #281e21; margin: 0 0 25px; font-size: 13px; font-family: "Noto Sans", sans-serif; }

@media only screen and (min-width: 768px) {
    #footer .footer-logo { max-width: 108px; border: none; float: left; line-height: 20px; margin: 0 30px 0 0; }
}

#footer .footer-logo .holder { overflow: hidden; }
#footer .footer-logo a { max-width: 56px; float: left; margin: 0 15px 0 0; }

@media only screen and (min-width: 768px) {
    #footer .footer-logo a { float: none; margin: 0; max-width: 103px; }
}

#footer .footer-logo .subtext { float: left; width: 53%; line-height: 15px; padding: 8px 0 0; font-size: 12px; }

@media only screen and (min-width: 768px) {
    #footer .footer-logo .subtext { display: block; overflow: hidden; float: none; width: auto; padding: 0; line-height: 17px; font-size: 13px; }
}

#footer .footer-logo img { max-width: 100%; margin: 0 0 9px; display: block; }
#footer .footer-content { overflow: hidden; border-bottom: 1px solid #281e21; padding: 0 0 15px; margin: 0 0 25px; }

@media only screen and (min-width: 768px) {
    #footer .footer-content { border-bottom: 0; padding: 0; margin: 0; }
}

#footer .slogan { display: block; overflow: hidden; line-height: 15px; border-left: 1px solid #281e21; padding: 22px 0 0 10px; font-family: "Noto Sans", sans-serif; font-size: 12px; }

@media only screen and (min-width: 768px) {
    #footer .slogan { line-height: 18px; font-size: 15px; padding: 13px 0 27px 7px; margin: 0 0 46px; border-left: 0; border-bottom: 1px solid #281e21; float: none; width: auto; display: block; }
}

#footer .nav-area { overflow: hidden; padding: 0 0 10px; }

@media only screen and (min-width: 768px) {
    #footer .nav-area { padding: 0 0 61px 3px; }
}

#footer .nav-area a { text-decoration: underline; color: #fff; }
#footer .nav-area a:hover { text-decoration: none; }
#footer .title { display: block; margin: 0 0 6px; text-transform: uppercase; line-height: 22px; font-size: 18px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }

@media only screen and (min-width: 768px) {
    #footer .title { line-height: 24px; font-size: 21px; }
}

#footer .title a { color: #fff; }
#footer .address-area { overflow: hidden; padding: 0 0 20px; margin: 0 0 20px; }

@media only screen and (min-width: 768px) {
    #footer .address-area { border-left: 1px solid #281e21; padding: 0 0 9999px 20px; margin: 10px 0 -9999px -9px; }
}

@media only screen and (min-width: 992px) {
    #footer .address-area { padding: 9px 0 9999px 24px; margin: 10px 0 -9999px -9px; }
}

#footer .address-area .title { margin: 0 0 10px; }
#footer .address-area .contact { padding: 0 0 26px; }
#footer .address-area .contact li { overflow: hidden; }
#footer .address-area .contact li a { color: #fff; text-decoration: none; font-family: "Roboto", sans-serif; font-weight: 400; }
#footer .address-area .contact strong { min-width: 45px; float: left; }
#footer .address-area .btn-default { padding: 11px 30px; }
#footer .address-area a { text-decoration: underline; color: #fff; }
#footer address { display: block; margin: 0 0 30px; }
#footer .nav { padding: 0 0 11px; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; }
#footer .nav ul li { padding: 0 0 5px; }

@media only screen and (min-width: 1025px) {
    a[href^=tel], a[href^=skype], a[href^=sms] { cursor: default; pointer-events: none; }
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 767px), (min-resolution: 144dpi) and (max-width: 767px) {
    div.selector span::after { background: url("../images/sprite@2x.png") no-repeat -196px -262px; background-size: 100% auto; }
    /*.visual { background: url(../images/img01-small-2x.jpg) no-repeat; background-size: 100% auto; }
    .visual.second { background: url(../images/img11-small-2x.jpg) no-repeat; background-size: 100% auto; }
    .visual.third { background: url(../images/img12-small-2x.jpg) no-repeat; background-size: 100% auto; }
    .visual.fourth { background: url(../images/img16-small-2x.jpg) no-repeat; background-size: 100% auto; }
    .visual.seventh { background: url(../images/img22-small-2x.jpg) no-repeat; background-size: 100% auto; }
    .visual.eighth { background: url(../images/img28-small-2x.jpg) no-repeat; background-size: 100% auto; }
    .visual.nine { background: url(../images/img38-small-2x.jpg) no-repeat; background-size: 100% auto; }
    .visual.ten { background: url(../images/img40-small-2x.jpg) no-repeat; background-size: 100% auto; }*/
}

#header .logo-mini { display: none; }

@media only screen and (min-width: 992px) {
    .mini-head #header .header-holder { left: 0; margin: 0; max-width: none; padding-top: 10px; position: fixed; right: 0; top: 0; transform: translateY(-100%); }
    .mini-head #header .logo { display: none; }
    .mini-head #header .logo-mini { display: block; }
    .mini-head #header .logo-mini > a { display: block; width: 106px; height: 63px; }
    .mini-head #header .slogan { font-size: 14px; padding: 0 0 0 20px; }
    .mini-head #header .top-nav ul li { padding: 0 15px; border: 0; }
    .mini-head #header .top-nav { line-height: inherit; }
    .mini-head #header .holder { padding: 0 0 10px; }
    .mini-head #header .search .form-control { height: 20px; }
    .mini-head #header .search button[type="submit"] { top: -1px; }
    .mini-head #header .top-nav ul li:after { top: 0; }
    .mini-head #nav,
    .mini-head #header .nav-area .btn-default { font-size: 16px; line-height: 25px; padding: 12px 20px; }
    .mini-head #nav { padding: 12px 0 0; }
    .mini-head #nav > ul > li { padding-top: 0; padding-bottom: 9px; }
    .show-mini-head #header .header-holder { transform: translateY(0); transition: all .3s ease-out; }
}

@media only screen and (min-width: 1200px) {
    .mini-head #nav,
    .mini-head #header .nav-area .btn-default { font-size: 18px; }
}

@media only screen and (max-width: 767px) {
    #header .header-holder { margin: 10px 10px 0; }
}

@media only screen and (max-width: 991px) {
    #header { position: fixed; }
}

@media only screen and (min-width: 768px) {
    .pop-top { position: relative; }
    .pop-top:before { background-color: inherit; content: ""; height: 60px; left: -9999px; position: absolute; right: 0; top: 0; }
}

/*
    Note form future developers: 
    The SCSS file hasn't been updated since it was transferred from the slice. The CSS file has multiple commits and is newer than the SCSS. Do not edit the SCSS.
*/

/* Blog Listing Widget */
.listning.blog-listing /* correct class name. :( */ { max-width: 100%; width: 1004px; }
.blog-listing-holder { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-bottom: 40px; }
.blog-listing-item { flex-basis: 30%; flex-grow: 0; padding-bottom: 45px; }
.blog-listing-item > a { display: block; font-weight: normal; text-decoration: none; color: #100508; }
.blog-listing-item img { display: block; width: 100%; margin: 0 0 20px; }
.blog-listing-item h2 { margin: 0; font-size: 21px; line-height: 1.3em; letter-spacing: -1px; }
.blog-listing-item > a:hover h2,
.blog-listing-item > a:focus h2,
.blog-listing-item > a:active h2 { text-decoration: underline; }
.blog-listing-item p { margin-bottom: 5px; }
.blog-listing-tag-holder { }
.list-listing-tag { font-weight: normal; text-decoration: underline; }



@media screen and (max-width: 767px) {
    .blog-listing-item { flex-basis: 45%; }
}

@media screen and (max-width: 479px) {
    .blog-listing-holder { padding-bottom: 10px; }
    .blog-listing-item { flex-basis: 100%; padding-bottom: 20px; }
    .blog-listing-item h2 { font-size: 18px; }
}
/* /Blog Listing Widget */

/* UP TO HERE. Not sure if design is possible, haven't had time to think it through. */

/* Blog Post Widget */
.blog-post-background { position: absolute; top: 0; left: 0; right: 0; z-index: -1; height: 0; padding-bottom: 550px; background-repeat: no-repeat; background-position: 50% 0; background-size: 100% auto; }
.blog-post-background::after { position: absolute; bottom: 0; left: 0; content: ""; width: 50%; height: 167px; background: #fff; }

.blog-post-breadcrumbs-container { width: 1074px; max-width: 100%; }
.blog-post-breadcrumbs { padding: 0; margin: 0 0 0 -30px; list-style: none; }
.blog-post-breadcrumbs li { display: inline-block; }
.blog-post-breadcrumbs li::after { content: "/"; margin: 0 0.5em; }
.blog-post-breadcrumbs li:last-child::after { display: none; }
.blog-post-breadcrumbs a { display: inline-block; font-size: 13px; font-family: "Roboto", sans-serif; font-style: italic; font-weight: 900; text-decoration: underline; }
.blog-post-breadcrumbs li:last-child a { text-decoration: none; }

.blog-post-featured-image { position: relative; z-index: 20; float: right; width: 50%; padding-top: 30px; margin: -12px 0 30px 48px; }
.blog-post-featured-image.inline { display: none; }
.blog-post-featured-image::before { position: absolute; top: 0; left: 0; z-index: -1; content: ""; width: 100%; height: 64%; background: #0d0608; }
.blog-post-featured-image img { display: block; width: 100%; margin-left: -30px; }

.blog-post-container { width: 1074px; max-width: 100%; margin-top: 70px; line-height: 1.25; font-size: 21px; }
.blog-post-content { position: relative; z-index: 10; }
.blog-post-content::before { position: absolute; top: -30px; left: -30px; bottom: 0; z-index: -1; content: ""; width: calc(50% + 30px); background: #fff; }
.blog-post-content h1 { position: relative; padding-bottom: 18px; }
.blog-post-content h1::before { position: absolute; left: 0; bottom: 0; content: ""; width: calc(50% - 48px); border-bottom: solid 1px#0d0608; }
.blog-post-image,
.video-holder { margin: 0 0 1.5em; }
.blog-post-image img { display: block; max-width: 100%; }
.blog-post-hearts { margin: 50px 0 0; }
.blog-post-hearts a { display: inline-block; min-height: 32px; padding: 0 0 0 46px; line-height: 1.5; font-size: 21px; text-decoration: none; background: url("../images/heart.svg") no-repeat 0 50%; background-size: 32px 32px; }
.blog-post-hearts.liked a { background-image: url("../images/heart-solid.svg"); }
.blog-post-tags { margin: 25px 0 0; }
.blog-post-tags strong { margin: 0 5px 0 0; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; }
.blog-post-tags a { font-weight: normal; }

.blog-post-content .block-video { padding: 0; background: none; }
.blog-post-content .container { padding: 0; width: auto }
.blog-post-content .block-video .container { max-width: 970px }
.blog-post-content .block-video .main-content div { margin: 0 auto; width: 100% }
.blog-post-content .main-content { margin: 0 0 25px }
.blog-post-content .like-button { margin: 0 0 50px 0 }

@media screen and (max-width: 1199px) {
    .blog-post-breadcrumbs { margin-left: 0; }
    .blog-post-content h1 { font-size: 36px; }
}

@media screen and (max-width: 767px) {
    .blog-post-breadcrumbs-container,
    .blog-post-featured-image.aside { display: none; }
    .blog-post-background { padding-bottom: 320px; }
    .blog-post-background::after { height: 71px; }
    .blog-post-container { padding-left: 30px; padding-right: 30px; margin-top: 60px; }
    .blog-post-featured-image.inline { display: block; float: none; width: auto; padding: 0 10px 0 0; margin: 0 -30px 1.5em -20px; }
    .blog-post-featured-image::before { display: block; top: -10px; left: 10px; }
    .blog-post-featured-image img { margin-left: 0; }
    .blog-post-content::before { left: -20px; width: calc(100% + 40px); }
    .blog-post-container { font-size: 14px; }
    .blog-post-content h1 { padding-bottom: 10px; }
    .blog-post-content h1::before { width: 100%; }
    .blog-post-metadata { font-size: 18px; }
    .blog-post-hearts { margin-top: 35px; }
}
/* /Blog Post Widget */

.video-holder { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.video-holder iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }