/* GLOBAL STYLES
-------------------------------------------------- */


*{
  transition: all 0.3s;
}

body {
  font-family: 'Roboto', sans-serif;
  padding-top: 0;
  color: #5a5a5a;
}

p {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
}

b, strong {
    font-weight: 700;
}

header {
	max-width: 1288px;
	margin: 0 auto;
}



textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(126, 239, 104, 0);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(126, 239, 104, 0);
  outline: 0;
}

.my-6 {
    margin-top: 5rem !important;
	margin-bottom: 5rem !important;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .0rem rgba(0,123,255,.0);
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1288px;
}

.navbar-brand {
	transition: all 0.3s;
}

.navbar {
    padding: .7rem 0;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #ffb400;
}

.navbar-light .navbar-nav .nav-link {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
    color: #FFF;
	padding-right: 1.8rem;
	padding-left: 1.8rem;
	transition: all .3s;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #ffb400;
}

.nav-padding {
	/*padding: 12px 74px;*/
	border-bottom: #fff 2px solid;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.nav-btn-orange {
	color: #fff;
	background: #e5830f;
	margin: 0 12px;
	border-radius: 4px;
}

.nav-btn-orange:hover {
	color: #fff !important;
	background: #ffb400;
}

.header-block {
	background: #000 url(../img/headerbg.jpg) top center no-repeat;
	background-size: cover;
}

.header-logo {
	margin-top: -17px;
	position: absolute;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
}

.header-title {
}

.header-title h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 48px;
    color: #FFF;
}

.header-title h2, .header-title h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 1.4em;
    color: #FFF;
}

.header-title a {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 20px;
	line-height: 1em;
    color: #FFF;
	text-decoration: none;
}

.header-title a:hover {
    color: #c5ff76;
}

.header-phone {
	text-align: left;
}

.header-email {
	text-align: right;
}

.main-bannerbg {
	height: 742px; background: #000 url(../img/bannerbg.jpg) center center no-repeat; background-size: cover;
}

.banner-text {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	height: 742px;
}

.banner-text h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 600;
	font-size: 52px;
    color: #FFF;
	letter-spacing: 10px;
}

.banner-text h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.4em;
    color: #c8fa86;
	letter-spacing: 10px;
}

.header-search {
	max-width: 772px;
}

.homesearch-form {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 24px;
    color: #555555;
	padding: 42px 24px !important;
	border: none;
}

.btn-homesearch {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
    color: #FFF;
	padding: 30px 48px !important;
	background: #e5830f;
	border: none;
}

.btn-homesearch:hover {
	background: #ffb400;
}

.newcomer-block {
	background: rgba(0, 0, 0, 0.3);
	border-radius: 6px;
	padding: 50px 24px;
}

.newcomer-block h2 {
    font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 36px;
    color: #FFF;
}

.newcomer-block-sdebar {
	padding: 24px 24px;
}

.newcomer-block-sdebar h2 {
    font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 36px;
    color: #FFF;
}


.btn-simple-orange {
	font-size: 16px;
	color: #002b22;
	background: #c5ff76;
	border-radius: 0;
	border: none;
	padding: 12px 72px;
	border: #c5ff76 1px solid;
}

.btn-simple-orange:hover {
	color: #c5ff76 !important;
	background: #5f7d42;
	border: #c5ff76 1px solid;
}

.btn-blockpost-orange {
	color: #fff;
	background: #e5830f;
	border-radius: 4px;
	border: none;
	padding: 8px 24px;
}

.btn-blockpost-orange:hover {
	color: #fff !important;
	background: #ffb400;
}

.block-post {
}

.block-post h1 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 34px;
    color: #005b7f;
}

.block-post p {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
    color: #595858;
}

.card-body {
    padding: 2.5rem;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #e5830f;
    border-color: #e5830f;
}

.page-link {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #595858;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-link:hover {
    z-index: 2;
    color: #FFF;
    text-decoration: none;
    background-color: #e5830f;
    border-color: #e5830f;
}

.post-thumbnail {
	background-size: cover !important;
	height: 350px;
	border-radius: 4px 4px 0 0;
}

.postpage-featured-img {
	background-size: cover !important;
	height: 380px;
	border-radius: 8px;
}

.post-page h1, .post-page h2, .post-page h3, .post-page h4, .post-page h5 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: #005b7f;
}

.sideblock {
}

.sideblock-title {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 24px;
    color: #FFF;
	background: #005b7f;
	padding: 12px 20px;
	line-height: 1.2em;
	border-radius: 4px 4px 0 0;
}

.sideblock-title-rounded {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 24px;
    color: #FFF;
	background: #005b7f;
	padding: 12px 20px;
	border-radius: 4px;
}

.sideblock-body {
	color: #595858;
	background: #f7f7f7;
	padding: 32px;
	border-radius: 0 0 4px 4px;
}

.sideblock-body h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	color: #595858;
}

.sideblock-body h4 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #595858;
	margin-bottom: 1rem;
}

.sideblock-body a {
	color: #e5830f;
}

.sideblock-body a:hover {
	color: #ffb400;
}

.sideblock-body-ul {
	margin-bottom: 3rem;
}


.sideblock-body li {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #595858;
	list-style-image: url('../img/icon-list-folder.png');
	padding: 0 0 0 4px;
	margin: 0 0 8px 0;
}

.cat-divider {
	width: 100px; 
	height: 3px; 
	background: #e5830f;
}

.btn-sidebar-download {
	width: 100% !important;
	max-height: 314px !important;
}

.featured-thumb img {
	height: 102px;
	width: 102px;
	margin-right: 26px;
}

.featured-text h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #595858;
}

.featured-text p {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #595858;
}

.featured-blocks {
	margin: 5rem 0;
}

.featured-blocks h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 26px;
	color: #005b7f;
	margin-bottom: 2rem;
}

.related-container {
	background: #f7f7f7; 
	padding: 2rem; 
	border-radius: 8px;
}

.related-blocks {
}

.related-blocks h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 26px;
	color: #005b7f;
	margin-bottom: 2rem;
}

.footerlinks h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 24px;
	color: #FFF;
	margin-bottom: 2rem;
}

.footerlinks ul {
	margin: 0 !important;
	padding: 0 !important;
}

.footerlinks li {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #FFF;
	list-style: none;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.footerlinks li a {
	color: #FFF;
}

.footerlinks li a:hover {
	color: #ffb400;
}

.footersearch-form {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 24px;
    color: #555555;
	padding: 28px 24px !important;
	border: none;
}

.btn-footersearch {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
    color: #FFF;
	padding: 16px 48px !important;
	background: #e5830f;
	border: none;
}

.btn-footersearch:hover, .btn-sidebarsearch:hover {
	background: #ffb400;
}

.sidebarsearch-form {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
    color: #555555;
	padding: 28px 18px !important;
	border: none;
}

.btn-sidebarsearch {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
    color: #FFF;
	padding: 16px 24px !important;
	background: #e5830f;
	border: none;
}

.copyright {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 14px;
    color: #5f7d42;
}

.category-page {
	color: #595858;
	padding: 32px;
	border-radius: 0 0 4px 4px;
}

.category-page h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	color: #595858;
}

.category-page h4 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #595858;
	margin-bottom: 1rem;
}

.category-page a {
	color: #e5830f;
}

.category-page a:hover {
	color: #ffb400;
}

.category-page li {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #595858;
	list-style-image: url('../img/icon-list-folder.png');
	padding: 0 0 0 4px;
	margin: 0 0 8px 0;
}



@media only screen and (max-width: 820px) {

.header-logo {
	margin-top: 19px;
	position: absolute;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
}

}



@media only screen and (max-width: 480px) {

.header-logo {
	margin-top: 49px;
	position: absolute;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
}

.header-phone, .header-email {
	text-align: center !important;
	margin-bottom: 6px;
}

.banner-text h1 {
    line-height: 1em;
}

}