html body { font-size: 15px; }
body b, body strong { font-weight: bold; }
body h1, body .h1 { font-weight: bold; margin-bottom: 20px; }
body p, body p.lead { line-height: 150%; }

/* .body-promo { background: #150c16; } */

.btn { transition: /* color 0.15s ease-in-out, */ background-color 0.15s ease-in-out, border-color 0 ease-in-out, box-shadow 0.15s ease-in-out !important; }
.btn-hamburger { overflow-y: hidden; height: 34px; width: 30px; position: relative; }
.btn-hamburger .btn-hamburger-line-1 { position: absolute; top: 2px; left: 0; width: 100%; height: 5px; background-color: black; display: block; }
.btn-hamburger .btn-hamburger-line-2 { position: absolute; top: 14px; left: 0; width: 100%; height: 5px; background-color: black; display: block; }
.btn-hamburger .btn-hamburger-line-3 { position: absolute; bottom: 3px; left: 0; width: 100%; height: 5px; background-color: black; display: block; }

/* homepage */

.layout-promo { background-color: #000000; color: white; background-image:url(../images/homepage.jpg); background-repeat: repeat-y; background-position: center center; background-size: cover; position: relative; overflow: hidden; }
.top-navigation img { -webkit-backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); position: relative; top: -22px; }
.top-navigation { padding-top: 70px; }

@media (max-width: 767px) { 
	.top-navigation { padding-top: 50px; }
	.top-navigation img { top: -26px; }
}

.top-navigation-links { top: 0; left: 0;}

.layout-promo .btn-dark, .layout-promo .btn-dark:active { border: 1px solid rgba(255,255,255,0.5); background-color: transparent; }
.layout-promo .btn.btn-dark:hover { border: 1px solid white; background-color: white; color: #100937; }
.layout-promo .btn-dark:focus, .layout-promo .btn-dark:active { border: 1px solid white !important; background-color: transparent !important; border-color: #c2b9d9 }
.layout-promo .btn.btn-dark:focus:active { color: white; }
.layout-promo .btn-link, .layout-promo .btn-link:active { color: white; text-decoration: none !important; cursor: pointer !important; }
.layout-promo .btn-link:hover { color: white; text-decoration: none; cursor: pointer !important; background: #4a404b; border-color: #4a404b; }
.layout-promo .btn-hamburger .btn-hamburger-line-1 { background-color: white; }
.layout-promo .btn-hamburger .btn-hamburger-line-2 { background-color: white; }
.layout-promo .btn-hamburger .btn-hamburger-line-3 { background-color: white; }

.layout-promo h1 { font-size: 33px; font-weight: bold; padding-bottom: 20px; }

@media (min-width: 768px) { 
	.layout-promo h1 { font-size: 33px; }
}

.layout-promo .lead { overflow: hidden; padding-bottom: 100px; }

.layout-promo .lead p { font-size: 17px; color: #fff; padding-bottom: 20px; z-index: 0; line-height: 125%; }
.layout-promo .lead .boxes { font-weight: bold; }

.btn.btn-primary, .btn.btn-primary:focus, .btn.btn-primary:active {background-color: #e0e0e0 !important;border-color: #e0e0e0 !important;color: black !important;}
.btn.btn-primary:hover {background-color: #f0f0f0 !important;border-color: #f0f0f0 !important;color: black;}
.btn.btn-primary:focus, .btn.btn-primary:active {  box-shadow: 0 0 0 0.2rem rgb(198 198 198 / 15%) !important }

.layout-promo .lead img { max-width: 100%; padding-top: 50%; position:absolute; top: 30%; transform: translate(0%, -50%);}

@media (min-width: 990px) { 
	.layout-promo .lead img { transform: translate(-40px, -55%); }
}

.container-homepage-boxes { background: #6a606b; background: linear-gradient(90deg, #6a606b 50%, #8a808b 50%); }

/*
.container-homepage { padding-bottom: 60px; }
.container-homepage .product-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }
.container-homepage a.product { position: relative; background: #f0f0f0; font-size: 15px; height: 230px; color: black; }
.container-homepage a.product:hover { background: #dee3ea; }
.container-homepage a.product strong { font-size: 21px }
.container-homepage a.product .price { line-height: 125%; display: block; padding-top: 20px; }
*/

.container-homepage-boxes h2 { color: white; font-size: 25px; padding-bottom: 5px; }
.container-homepage-boxes p { font-size: 12px; color: white; margin-bottom: 10px;  }
.container-homepage-boxes a { font-size: 12px; color: white; text-decoration: underline; }
.container-homepage-boxes a:hover { color: white; text-decoration: none; }
.container-homepage-boxes .col-managed { padding-right: 100px; }


@media (max-width: 989px) { 
	
	.layout-promo .lead
	{
		padding-bottom: 50px;
	}
	
	.container-homepage-boxes .container { max-width: 100%; }
	.container-homepage-boxes .col-managed-content { max-width: 520px; margin: auto; }
	.container-homepage-boxes .col-unmanaged-content { max-width: 520px; margin: auto;  }	
	
	.container-homepage-boxes .col-managed { background: #6a606b; }
	.container-homepage-boxes .col-unmanaged { background: #8a808b; }	
}

.btn.btn-xxl { font-size: 30px; padding: 12px 0px; font-weight: bold; width: 100%; }
@media (min-width: 576px) { 
	.btn.btn-xxl { font-size: 40px; padding: 12px 60px; width: auto; }
}

footer { padding-top: 25px; font-weight: 400; font-size: 11px; color: #8a808b}
footer a { color: #8a808b; }
footer a:hover { color: #8a808b; }

.top-navigation-links { margin: 0 -10px; }
@media (min-width: 576px) { 
	.top-navigation-links { margin: 0 -20px; }
}
@media (min-width: 768px) { 
	.top-navigation-links { margin: 0; }
}

/* standard */

.layout-standard .btn-dark, .layout-standard .btn-dark:active { border: 1px solid black; background-color: transparent; color: black; }
.layout-standard .btn-link, .layout-standard .btn-link:active { color: black; text-decoration: none !important; cursor: pointer !important; }
.layout-standard .btn-link:hover { color: black; background: #f0f0f0; text-decoration: none; cursor: pointer !important; border-color: #f0f0f0; }

.layout-standard .btn-link.active { background: #e0e0e0; border-color: #e0e0e0; }
.container-article img:not(.article-thumb) { max-width: 100%; }
.container-article .lead-image img { height: 100px; width: 100px; }

.container-article img.article-thumb { position: absolute; right: -10px; }
@media (min-width: 768px) { 
	.container-article img.article-thumb { right: 0px; }
	.container-article .lead-image img { height: 200px; width: 200px; }	
	.container-article h1 { font-size: 45px; }	
}

.container-article .btn { padding-left: 30px; padding-right: 30px;}

.container-article h2, .container-article .h2 { font-size: 34px; font-weight: bold; color: black; margin-top: 30px; margin-bottom: 20px;}
.container-article h3, .container-article .h3 { font-size: 24px; font-weight: bold; color: black; margin-top: 22px; margin-bottom: 18px;}
.container-article .lead { /* font-weight: bold; */ }

.form-yellow { background-color: #e0e0e0; }
.form-yellow .form-control { border: 1px solid white; }
.form-yellow input[type=text], .form-yellow input[type=email] { height: 48px; padding: 10px 15px;  }
.form-yellow textarea { padding: 10px 15px; }
.form-yellow .form-control:focus { border-color: white; box-shadow: 0 0 0 0.2rem rgba(198, 198, 198, 0.75); }

.outsider { margin: 0 -15px; }
.outsider .outsider-content { padding: 0 15px; }
.outsider-table { margin: 0 -15px; }

@media (min-width: 576px) { 
	.outsider { margin: 0 -35px; }
	.outsider .outsider-content { padding: 0 80px; }
}

@media (min-width: 768px) { 
	.outsider { margin: 0 -50px; }
	.outsider .outsider-content { padding: 0 100px; }
}

@media (min-width: 990px) { 
	.outsider { margin: 0 -55px; }
	.outsider .outsider-content { padding: 0 110px; }
}

@media (min-width: 1200px) { 
	.outsider { margin: 0 -55px; }
	.outsider .outsider-content { padding: 0 120px; }
}

.outsider-table { overflow-x: auto; }
.outsider-table table { margin-bottom:0; }
.outsider-table tr th { background: black; color: white; font-size: 15px; border-bottom: none !important; font-weight: normal; }
.outsider-table tbody tr td { border-top: 1px solid black; font-size: 15px; }
.outsider-table tbody tr:first-child td { border-top: none; }

@media (min-width: 576px) { 
	.outsider-table { margin: 0 0; }
	.outsider-table tr th:first-child { padding-left: 52px; } 
	.outsider-table tr th:last-child { padding-right: 52px; } 
	.outsider-table tr td:first-child { padding-left: 52px; } 
	.outsider-table tr td:last-child { padding-right: 52px; } 
}

.blog-title-date { font-size: 20px; }


@media (max-width: 767px) { 
	/*
	.top-navigation-links { position: absolute; top: 100px; left: 0; }
	.top-navigation-links .btn { width: 100%; text-align: left; border-radius: none; }
	*/
}

.invalid-feedback label { padding-bottom: 0; margin-bottom: 0; }
.accept-currencies { font-size: 1.4em; }

.container-article table {
	width: 100%; table-layout: fixed; margin-bottom: 30px;
}
.container-article table th {
	border-bottom: 1px solid black; font-size: 16px; font-weight: 400;
}
.container-article table td {
	border-bottom: 1px solid #f8f8f8;
	padding: 5px 5px 5px 0; font-size: 16px;
}

/* hamburger
--------------------*/
.body { width: 100%; min-height: 100vh; position: relative; z-index: 2; transition: transform 0.5s; }
.body .page { position: relative; min-height: 100vh; }
.body:after { content: ''; cursor: pointer; display: none; opacity: 0; position: absolute; z-index: 50; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); transition: transform 0.5s; }

/* Extra panel
--------------------*/

.extra-panel { background: white; }
.open-extra-panel-right .body { transform: scaleZ(2) translate3d(-300px, 0, 0); }
.open-extra-panel .body:after { display: block; opacity: 1; }
.extra-panel { width: 300px; position: fixed; top: 0; bottom: 0; overflow: auto; z-index: 1; transition: transform 0.5s; }
.extra-panel.extra-panel-right { right: 0; transform: translate3d(300px, 0, 0); }
.open-extra-panel-right .extra-panel.extra-panel-right { transform: translate3d(0px, 0, 0); }
.body:after { content: ''; cursor: pointer; display: none; opacity: 0; position: absolute; z-index: 50; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); transition: transform 0.5s; }
.extra-panel { padding-top: 25px; }
.extra-panel .btn-dark, .extra-panel .btn-dark:active { border: 1px solid black; background-color: transparent; color: black; }
.extra-panel .btn-link, .extra-panel .btn-link:active { color: black; text-decoration: none !important; cursor: pointer !important; }
.extra-panel .btn-link:hover { color: black; background: #f0f0f0; text-decoration: none; cursor: pointer !important; border-color: #f0f0f0; }
.extra-panel .btn-dark { background: black; color: white; }
.extra-panel .btn { width: 100%; border-radius: 0px !important; text-align: left; padding-left: 20px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0 ease-in-out, box-shadow 0.15s ease-in-out !important; }
.extra-panel .btn-link.active { background: #e0e0e0; border-color: #e0e0e0; }