* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:focus{ outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
img { border:none;}
a { color:#980002; text-decoration:none;}
a:hover { color:#980002; text-decoration:underline;}
strong, b { font-weight:700;}
em, i { font-weight:400; font-style:italic;}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
button {
     -webkit-appearance: none;
     border-radius: 0;
}
::-webkit-input-placeholder { color:rgba(4,4,4,.7); opacity:1}
::-moz-placeholder {color:rgba(4,4,4,.7);  opacity:1}
:-ms-input-placeholder { color: rgba(4,4,4,.7);  opacity:1}
:-moz-placeholder { color: rgba(4,4,4,.7); opacity:1}

html { font-size:100%;}

body {padding:0; margin:0; font-family: 'Montserrat', sans-serif; font-size:1rem; font-weight:400; color:#040404; background:#ffffff;}
.wrapper {padding: 0 1.875rem; margin: 0 auto; width: 100%; max-width: 1200px;}
.wrapper:after { content: ''; display: block; clear: both;}
header, main, footer {width: 100%}
header.inner {border-bottom: 1px solid #ebebeb;}
.login-section {background: #ebebeb; font-size: .75rem; text-align: right;}
.login-section a {color: #040404; text-decoration: none; display: inline-block; padding: .3rem 0 .3rem 1rem;}
.login-section a:hover {text-decoration: underline}

.logo {max-width:170px; float: left; padding: 1rem 0}
/* NAV */
.menu-wrapper { position: relative; z-index: 10; font-size:.875rem; font-weight:700; text-transform: uppercase; width:calc(100% - 170px); float:left; text-align: right; padding: 1.875rem 0 1rem;}
.menu-wrapper .menu { margin: 0; padding-left: 0; list-style: none;}
.menu-wrapper .menu > li { position: relative; padding:0; display: inline-block;}
.menu-wrapper .menu li.has-subnav:after {content:'▼'; display: inline-block; color: #980002;}
.menu-wrapper a.menu-link { display: none;}
.menu-wrapper a { display: inline-block; position: relative; padding:0 1rem; margin:0; line-height:2.573rem; color: #040404; text-decoration: none;}
.menu-wrapper li:last-of-type a {padding-right: 0}
.menu-wrapper .menu li.has-subnav a {padding-right:0}
.menu-wrapper a:hover {color: #980002; text-decoration: none !important;}
.menu-wrapper .menu > .current-menu-item > a, .menu-wrapper .menu > .current-menu-ancestor > a { position: relative; z-index: 12;}
.menu-wrapper a.active {color: #980002}

.menu-wrapper .sub-menu { padding:0; margin-left:1rem; margin-top:0; position: absolute; z-index:200; max-height: 0em; overflow: hidden; list-style: none outside none; text-align: left;  text-transform: none; }
.menu-wrapper .sub-menu li { display: block; background: #980002; border-bottom:1px solid #ffffff; font-weight:400;}
.menu-wrapper .sub-menu a { margin: 0; border: none; padding:.5rem 1rem; display:block; line-height: normal; width: 250px; color: #ffffff; text-decoration: none;}
.menu-wrapper .sub-menu a:hover { background:#980002; color:#ffffff; text-decoration: none; padding-left: 1.5rem;}
.menu-wrapper li:hover .sub-menu { max-height: 30em; transition: max-height 0.5s;}


main {padding: 0 1.875rem; margin: 0 auto; width: 100%; max-width: 1200px;}
main:after { content: ''; display: block; clear: both;}

.welcome {padding: 2rem 4.875rem 4rem; text-align: center; line-height: 1.5}
.welcome-title {display: block; font-size: 1.875rem; color: #2a313f; font-weight: 700; text-align: center}
.welcome-title a {color: #2a313f; text-decoration: none}
.welcome p {padding: 1rem 0 0; margin: 0}

.newsletter {background: #7f889a; border-radius: 10px; padding: 1rem 2rem; color: #ffffff; font-size: .875rem; text-transform: uppercase; font-weight: 700;}
.newsletter table {padding: 0; margin: 0; width: 100%; border-collapse: collapse}
.newsletter table tr td {padding: 0 1rem;}
.newsletter input[type=text] {width:100%; max-width:300px; height: 2.5rem; background: #ffffff; border: none; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size:.813rem; font-weight:400; color:#040404; padding: 0 1rem;}
.newsletter input[type=submit] {width:100%; max-width: 170px; height: 2.5rem; background: #980002; border: none; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size:.813rem; font-weight:700; color:#ffffff; text-transform: uppercase}

.home-news {padding: 2rem 0 4rem; line-height: 1.5; float: left}
.news-box {width:33.33%; float: left; padding-right: 1.5rem; padding-top: 1.5rem;}
.news-box a {color:#040404; text-decoration: none}
.news-box a span {font-weight: 700; color: #2a313f; font-size: 1.125rem;}
.news-box a small {color: #7f889a; font-size:.75rem; display: inline-block; padding: .5rem 0}


footer {padding: 1.5rem 0 0; background: #7f889a}
.copyright {background: #ffffff; text-align: center; width: 100%; font-size: .75rem; padding: 1rem 0}
.copyright a {color:#040404; text-decoration: none;}
.copyright a:hover {text-decoration: underline}
.footer-contacts {text-align: center; width: 100%; padding: 1rem 0 2.5rem; color: #ffffff;}
.footer-contacts a {color:#ffffff; text-decoration: none; display: inline-block; padding: 0 1.5rem;}
.footer-contacts a:hover {text-decoration: underline}
.footer-contacts span { display: inline-block; padding: 0 1.5rem;}
.footer-contacts img {vertical-align: middle}

/* Home Tabs */
.home-tabs {width: 100%; clear: both; position: relative}
.home-tabs:after {content: ''; display: block; clear: both;}
#tabAuto {  width:100%;}
.tabAuto { margin: 0; padding: 0;	position: absolute; bottom: 3rem; left: 50%; transform: translateX(-50%); z-index: 10; width: 100%; text-align: center}
.tabAuto li { display: inline; width: auto; list-style: none;  text-align: center;  cursor: pointer; opacity: .5; color: #ffffff; border-bottom: 2px solid #ffffff; padding: .5rem 1.5rem; margin: 0 1rem; text-transform: uppercase; font-weight: 700; position: relative;}
.tabAuto li.current { opacity: 1; color: #d09c00; border-bottom: 2px solid #d09c00;}
.tabAuto li.current:before {content:''; width: 8px; height: 8px; background: #d09c00; display: block; position: absolute; left: -2px;bottom: -5px; border-radius: 50%;}
.tabAuto li.current:after {content:''; width: 8px; height: 8px; background: #d09c00; display: block; position: absolute; right: -2px;bottom: -5px; border-radius: 50%;}
.tgh-box { display: block; margin: 0; padding: 0}

.tgh-box > div { min-height: 70vh; position: relative;}
.tab-content {margin: 0 auto; width: 100%; max-width: 620px; display: block; color: #d09c00; font-size: 1.125rem; line-height: 1.5; text-align: center; padding-top: 4.5rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.tab-content span a {font-size: 1.875rem; text-transform: uppercase; font-weight: 700; color: #980002; text-decoration: none;}
.tab-content a.button {color: #ffffff; text-decoration: none; font-size: 1rem; text-transform: uppercase; font-weight: 700; background: #980002; display: inline-block; padding: .5rem 1.5rem; border-radius: 10px; }

.titles {width:100%; background: url(../images/inner-bg.jpg) no-repeat top center; padding: 2.5rem 0}
h1 {padding: 0; margin: 0;font-size: 1.875rem; text-transform: uppercase; font-weight: 700; color: #ffffff;}
h2 {padding: 0; margin: 0;font-size: 1.5rem; font-weight: 700; color: #980002;}
h3 {padding:0; margin: 0; color: #7f889a; font-size: 1.125rem; font-weight: 700;}
h4 {padding:0; margin: 0; color: #7f889a; font-size: 1rem; font-weight: 700;}
h5 {padding:0; margin: 0; color: #980002; font-size: 1rem; font-weight: 700; text-transform: uppercase}
h6 {padding:0; margin: 0; color: #980002; font-size: 1rem; font-weight: 700;}

.page {padding: 3rem 1.875rem 5rem;}
.content { width:calc(100% - 300px); float: left; padding-right: 2.5rem}
aside {width: 300px; float: left}
aside.full {width:100%;}
.newsletter-box {background: #ffffff; border: 1px solid #ededed; border-radius: 10px; padding: 1rem 1rem; color: #7f889a; font-size: .875rem; text-transform: uppercase; font-weight: 700; width: 100%; float: left}
.newsletter-box table {padding: 0; margin: 0; width: 100%; border-collapse: collapse}
.newsletter-box table tr td {padding:.5rem 0; width: 100%; display: block}
.newsletter-box input[type=text] {width:100%; max-width:300px; height: 2.5rem; background: #ffffff; border: 1px solid #dfdfdf; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size:.813rem; font-weight:400; color:#040404; padding: 0 1rem;}
.newsletter-box input[type=submit] {width:100%; max-width: 170px; height: 2.5rem; background: #980002; border: none; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size:.813rem; font-weight:700; color:#ffffff; text-transform: uppercase}
aside h3 {font-size: .875rem; text-transform: uppercase}

.path {padding: 0 0 2rem; margin: 0; width: 100%; float: left; font-size: .75rem; color: #747474}
.path a {color: #747474; text-decoration: none;}
.path a:hover {color: #747474; text-decoration: underline;}
.path div { display: inline}

.text {padding: 0; margin: 0; width: 100%; float: left; }
.text p {padding:0 0 1rem 0; margin:0; line-height:1.5;}
.text img {max-width: 400px; float: left; margin: 0 1.5rem 1rem 0}

.social {padding: 2rem 1rem;  width: 100%; float: left}
.social img {background: #2a313f; margin-right:1rem; margin-top: .5rem; border-radius: 5px;}
aside.full .social {text-align: center}

.list {width: 100%; float: left; padding-bottom: 2rem;}
.news-title { background: #ededed; border: 1px solid #dfdfdf; padding: .7rem 1rem;}
.news-title a {color: #2a313f; text-decoration: none}
.news-title a img {vertical-align: middle; margin-right: 1rem;}
.news-title a span {font-weight: 700; color: #2a313f; font-size: 1.125rem;}
.news-title a small {color: #7f889a; font-size:.75rem; display: inline-block; padding: 0 1rem 0 0}
p.date {color: #7f889a; font-size:.75rem; padding: 1rem 0 2.5rem 0}

.news-description { background: #ffffff; border: 1px solid #dfdfdf; padding: .7rem 1rem .7rem 3.5rem; border-top: none}
.news-description p {padding:0 0 1rem; margin:0; line-height:1.5;}

.pagination {width:100%; margin:1rem 0 2rem 0; padding:1rem 0; float: left; color:#2a313f; line-height: 44px;}
.previous_page {padding:0; margin:0; width:30%; float:left; font-size: .875rem; text-transform: uppercase}
.next_page {padding:0; margin:0; width:30%; float:left; text-align: right;  font-size: .875rem; text-transform: uppercase}
.pages {padding:0; margin:0; width:40%; float:left; text-align:center; font-size:1.125rem;  font-weight: 700;}

.pagination a { color:#2a313f; text-decoration:none;}
.pagination .pages a { color:#2a313f; text-decoration:none;  display: inline-block; width: 44px; height: 44px;}
.pagination .pages a:hover { color:#ffffff; text-decoration:none; background: #2a313f; border-radius: 50%;}
.pagination .pages strong { color:#ffffff; text-decoration:none; background: #2a313f; border-radius: 50%;  display: inline-block; width: 44px; height: 44px;}
.pagination img {vertical-align: middle;}
.pagination .previous_page img {margin-right: .5rem;}
.pagination .next_page img {margin-left: .5rem;}
.pagination .previous_page a:hover, .pagination .next_page a:hover {color: #2e294e; text-decoration: underline;}



.text form table {padding: 0; margin: 0 0 1.5rem; width: 100%; border-collapse: collapse; font-size: .75rem; color: #7f889a}
.text form table tr td {padding:.5rem 1rem .5rem 0; width: 50%;}
.text form table tr td em {font-style: normal; color: #980002}
.text form table tr td input[type=text] {width:100%; height: 2.5rem; background: #ffffff; border: 1px solid #dfdfdf; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size:.813rem; font-weight:400; color:#040404; padding: 0 1rem; margin-top: .3rem}
.text form table tr td input[type=submit] {width:100%; max-width: 170px; height: 2.5rem; background: #980002; border: none; border-radius: 10px; font-family: 'Montserrat', sans-serif; font-size:.813rem; font-weight:700; color:#ffffff; text-transform: uppercase}

.select-div { width:100%; float: left; position: relative; background: #ffffff; margin-top: .3rem;}
.select-div select { width:100%; height: 2.5rem; font-family: 'Montserrat', sans-serif; font-size: .875rem; color: #040404; background:none; border: 1px solid #dfdfdf; padding-left: .5rem; -webkit-appearance: none;
  -moz-appearance: none; appearance: none; position: relative; z-index: 3; border-radius: 10px;}
.select-div:after { display: block; position: absolute; top: 30%; right: 1rem; content: '▼'; font-family:Arial, sans-serif; font-size:1em; line-height: 1; color: #980002; z-index: 2}