/*
Theme Name: bo
Text Domain: bo
*/

body {
    margin: 0;
    padding: 0;
  
    font-size:15px;
	line-height:1.6;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: rgba(0,0,0,0.7);
	background:#fff;
}

*{ 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
 }
*:before, *:after { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
img {
    margin: 0;
    padding: 0;
    border: none;
    max-width: 100%;
    height: auto;
}
section img {
    max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px;
    padding: 0;
	
	line-height:1.3;
	color:#000;
	font-weight:700;
}
h1 {font-size:25px;}
h2 {font-size:23px;}
h3 {font-size:21px;}
h4 {font-size:19px;}
h5 {font-size:17px;}
h6 {font-size:15px;}
p {
    margin: 0 0 15px;
    padding: 0;
}
a {
    color: #0075f8;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #000;
}
ul, ol {
    margin: 0 0 15px 15px;
    padding: 0;
}
/*  promo*/
.promo-trigger {
  display: inline-block;
  margin-left: 8px;
  padding:7px 8px;
  background-color: #ffb400;
  color: #1a1a1a;
  font-weight: 600;
  font-size: 16px;
  border-radius: 4px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  vertical-align: middle;
}

.promo-trigger:hover {
  background-color: #ffc733;
  transform: scale(1.05);
}
/* promoEnd */
/* modal */
.no-scroll {
  overflow: hidden;
}

.bonus-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, 0.75);
  z-index: 9998;
  opacity: 0;
  animation: fadeIn 0.3s ease forwards;
}

.bonus-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  max-width: 420px;
  width: 90%;
}

.bonus-box {
  background: linear-gradient(135deg, #1e1e2f, #2c2c40);
  border-radius: 16px;
  padding: 30px 24px 24px;
  color: #ffffff;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6);
  position: relative;
  animation: scaleIn 0.25s ease forwards;
  overflow: hidden;
  text-align: center;
}

.bonus-box__title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #ffd86b;
}

.bonus-box__headline {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #ffefc5;
}

.bonus-box__text {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 10px;
}

.bonus-image {
  margin: 20px 0;
}
.bonus-image img {
  max-width: 100%;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

.bonus-button {
  display: inline-block;
  margin-top: 24px;
  padding: 14px 32px;
  background: linear-gradient(to right, #ffb02e, #ff8c00);
  color: #1a1a1a;
  font-weight: bold;
  font-size: 16px;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 14px rgba(255, 140, 0, 0.4);
}

.bonus-button:hover {
  background: linear-gradient(to right, #ffc658, #ffaa00);
  transform: scale(1.05);
}

.bonus-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 1;
}

.bonus-close::before,
.bonus-close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  background: #ffffff;
  transform: translate(-50%, -50%) rotate(45deg);
}

.bonus-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

@keyframes fadeIn {
  to { opacity: 1; }
}

@keyframes scaleIn {
  0% { transform: scale(0.8); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
/*modalEnd  */
blockquote {line-height:1.4;margin:0 0 15px;font-style:italic;font-size:18px;border-left:4px solid #01a99e;padding-left:15px;}
table {border-collapse: collapse;width:100%;margin:0 0 15px;border:1px solid rgba(0,0,0,0.1);}
table thead {font-weight:700;}
table td, table th {border:1px solid rgba(0,0,0,0.1);padding:10px 15px;}
@media screen and (max-width: 767px) {
    .bt {
        width: 100%;
        overflow: auto!important;
        border:1px solid rgba(0,0,0,0.1);
        
        box-sizing: border-box;
        margin: 20px 0 20px;
    }
    .bt table {
        margin: 0 0 0 0!important;
        border: none!important;
        border-radius: 0!important;
    }
}
.clear::after {
  display: block;
  clear: both;
  content: "";
}
.center {
    text-align: center;
    margin-bottom: 40px;
}
pre {
    border: 1px solid #d1d1d1;
    font-size: 1rem;
    line-height: 1.3125;
    margin: 0 0 1.75em;
    max-width: 100%;
    overflow: auto;
    overflow-wrap: break-word;
    padding: 1.75em;
    white-space: pre-wrap;
}
.middle-align {
   background:#f7f8fd;
    padding: 15px;
}
.wp-caption {
    margin: 0;
    padding: 0;
    font-size: 13px;
    max-width: 100%;
}
.wp-caption-text {
    margin: 0;
    padding: 0;
}
.sticky {
    margin: 0;
    padding: 0;
}
.screen-reader-text,
.bypostauthor,
.gallery-caption {
    margin: 0;
    padding: 0;
}
.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 45px;
    margin-top: 4px;
    margin-bottom: 20px;
    padding: 0;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

.main-container ol {
    list-style-position: outside;
}
.main-container ol li {
    margin: 5px 0;
}
.toggle {
    display: none;
}


a.paw-effect{ overflow:hidden; position:relative; }
a.paw-effect span{ position:absolute; transition:transform 0.4s ease-in-out; opacity:0.25; }
a.paw-effect span.paw1{ left:5%; top:5px; transition-delay:0.1s; }
a.paw-effect span.paw2{ left:15%; top:30px; transition-delay:0.15s; }
a.paw-effect span.paw3{ left:40%; top:5px; transition-delay:0.25s; }
a.paw-effect span.paw4{ left:52%; top:30px;transition-delay:0.35s; }
a.paw-effect span.paw5{ right:25px; top:5px; transition-delay:0.45s; }
a.paw-effect span.paw6{ right:5px; top:30px;transition-delay:0.55s; }
a.paw-effect:hover span{ transform:translate(8px,5px); color:#000000; }

.main-container {
    margin: 15px 0;
    padding: 0;
}

.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
/* = Top Header css
-------------------------------------------------------------- */
.top-bar{
	background-color: #f15958;
	position: relative;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 0.5px;
	padding: 10px 0;
}
.top-bar a{
	color: #ffffff;
}
.top-bar-left{
	margin-right: auto;
}
.top-bar-left .top-bar-col{
	padding: 0 10px 0 0;
	margin-right: 10px;
	position: relative;
}
.top-bar-left .top-bar-col i{
	margin-right: 5px;
}
.top-bar-left .top-bar-col:after {
    content: '';
    width: 1px;
    height: 70%;
    position: absolute;
    right: 0;
    top: 50%;
    border-right: 1px solid;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.top-bar-left .top-bar-col:last-child::after{
	content: none;
}
.top-bar-right{
	margin-left: auto;
}
.top-bar-right .social-icons a{
	display: inline-block;
	width: 30px;
}

/* = Header css
-------------------------------------------------------------- */
.logo img {

max-width:170px;
}
.top-area {display: flex;
 justify-content: space-between;
 align-items: center;}

#header {
    width: 100%;
    position: relative;
	background: #f7f8fd;
	padding:10px 0;
}

.left-header-box{
	width:20%;
}
.right-header-box{
	
	width:40%;
}
.header-button{
	width:40%;
	text-align:right;
	
}

button.dropdown-toggle{
	display:none;
}


.sitenav { 
	position:relative; 
	z-index:9999; 
}

.sitenav ul {
	margin:0; 
	padding:0; 

	font-weight:700;
	text-transform: uppercase;
}
.sitenav ul li{ 
	display:inline-block; 
	position:relative; 
	line-height:normal;
	margin-right:30px;
}
.sitenav ul li:last-child {margin-right:0;}
.sitenav ul li a {
	
	display:block; 
	
	color:#000; 
	position:relative; 
	text-transform:uppercase;
}

.sitenav:hover ul li a:hover {color:#01a89d;}



/* = section first css
-------------------------------------------------------------- */
.intro-section{
background:#121214 url(/wp-content/uploads/2025/04/welcome.png) no-repeat 65% bottom;height:320px;
padding:70px 0 0;background-size:200px;
position:relative;
}
.int {font-weight:700;color:#fff;font-size:26px;max-width: 400px;line-height:1.5;}
.intro-overlay {position:absolute;left:0;top:0;width:100%;height:100%;}
.intro-section span {display:block;font-weight:700;color:#000;background:#fff;border-radius:30px;text-align:center;padding:10px;max-width:200px;margin:30px 0 0;}


@media (max-width:767px) {
.intro-section {height:auto;padding:30px 0;background-image:none;text-align:center;}
	.intro-section span {margin:30px auto 0;}
}
/* = section second css
-------------------------------------------------------------- */

.col_box {margin-right:-15px;margin-left:-15px;}

.third_col {
    width: 33.333333%;
	float:left;
	padding-left:15px;
	padding-right:15px;
}
.fourth_col {
    width: 25%;
	float:left;
	padding-left:15px;
	padding-right:15px;
}
.half_col {
    width: 50%;
	float:left;
	padding-left:15px;
	padding-right:15px;
}



a.main-button {
    font-weight: 700;
	
	color: #ffffff;
	background: #01a89d;
	padding: 10px 30px;
	border-radius:5px;
	text-align:center;
}
a.main-button:hover {
	background: #00bbaf;
}
a.secondary-button {text-align:center;font-weight: 700;
	
	color: #ffffff;
	background: #f59316;
	padding: 10px 30px;border-radius:5px;}
a.secondary-button:hover {background: #f99e2b;}
.header-button a.main-button {margin-right:5px;}
/* --------- Pages ------- */

.content-area, .container {
    width: 100%;
    margin: 0 auto;
    padding-left:15px;
	padding-right:15px;
	position:relative;
}
@media (min-width:576px) {
.content-area, .container {max-width:540px;}
}
@media (min-width:768px) {
.content-area, .container {max-width:740px;}
}
@media (min-width:992px) {
.content-area, .container {max-width:960px;}
}
@media (min-width:1200px) {
.content-area, .container {max-width:1160px;}
}
.site-main {
    width: 70%;
    margin: 0;
    padding-right:30px;
    float: left;
}
#sitefull {
    width: auto !important;
}
#nosidebar {
    width: 80%;
    margin: 0 auto;
    float: none;
    text-align: center;
}
#sidebar {
    width: 30%;
    margin: 0;
    padding: 15px;
	
    float: left;
	background:#fff;
}


.error_msg {
    padding: 10px;
    background: #ffd3ce;
    color: #e00;
    border: 1px #e00 solid;
    margin: 15px 0;
}
.success_msg {
    padding: 10px;
    background: #dcffc5;
    color: #070;
    border: 1px #070 solid;
    margin: 15px 0;
}
.spacer20 {
    height: 20px;
    clear: both;
}

form.search-form {
    margin-bottom: 15px;
}
input.search-field,
.post-password-form input[type=password] {
    
    padding: 10px;
	
	width:100%;
}
input.search-submit,
.post-password-form input[type=submit] {
   display:none;
}

#sidebar .widget-title {color:#000;font-weight:700;font-size:20px;margin-bottom:15px;}
#sidebar ul {list-style:none;margin:0 0 30px;}
#sidebar ul li {
border-bottom:1px solid rgba(0,0,0,0.07);
padding-bottom:10px;
margin-bottom:10px;

}
#sidebar ul li a {display:block;line-height:1.3;font-weight:700;}



ol.comment-list {
    list-style: none;
	margin:0;
	padding:0;
}
ol.comment-list ol {margin:0;list-style: none;padding-left:30px;}
.comment-author img {float:left;margin-right:15px;}
.comment-date {font-size:13px;opacity:0.7;}
.comments-title, .comment-reply-title {font-size:20px;margin-bottom:15px;font-weight:700;color:#000;}
.comment-content {padding-bottom:20px;}
a.comment-reply-link {font-weight:700;}
.commentmetadata {font-size:14px;}
#comments label {
    display: block;
	font-size:14px;opacity:0.7;
	margin-bottom:7px;
}
input, textarea { border:1px solid rgba(0,0,0,0.1);}
input:hover, input:focus, input:active, textarea:focus, textarea:hover, textarea:active {border:1px solid rgba(0,0,0,0.2);outline:0;box-shadow:none;}
#commentform input#email,
#commentform input#url,
#commentform input#author,
#commentform textarea,
#commentform input#eazycfc_captcha {
    max-width: 400px;
	width:100%;
  
    padding: 10px;
}
#commentform textarea {padding:10px!important;max-width: 100%;}
#commentform input#submit {
  background:#0075f8;
    border: none;
    padding: 10px 20px;
    color: #fff;
	font-family:inherit;
	text-transform:uppercase;
	font-weight:700;
   cursor: pointer;
   border-radius: 5px;
}
#commentform input#submit:hover {
   background:#2f90fd;  
}
.form-allowed-tags {
    display: none;
}
ul.errormsg {
    background: #ffe4e4;
}
ul.errormsg li {
    padding: 5px;
}


select{
	padding:10px;
	width:100%;
}
footer.entry-meta {
    clear: left;
}
p.form-submit input[type="submit"]{
	color:#ffffff !important;
}
input[type="submit"].search-submit{
	background-color:#000000;
	color:#ffffff;
	padding:11px 20px;
}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#sitemain[tabindex="-1"]:focus {
  outline: 0;
}

.footer-widget-wrapper {background:#f7f8fd;padding:40px 0 30px;}
.footer-widget-wrapper .widget-title {font-weight:700;text-transform:uppercase;font-size:14px;color:#000;margin-bottom:15px;}
.footer-widget-wrapper ul {list-style:none;margin:0;}
.footer-widget-wrapper ul li {margin-bottom:4px;}
.footer-widget-wrapper .widget {margin-bottom:30px;}
.footer-widget-wrapper ul li:last-child {margin-bottom:0;}

.footer-images-wrapper img {filter: grayscale(1) contrast(.5);vertical-align:middle;margin:10px 15px;max-height:50px;}
.footer-images-wrapper img:hover {filter: none;}
.footer-images-wrapper {background:#262d2b;text-align:center;padding:30px 0;}
.copyright {font-size:13px;border-top:1px solid rgba(255,255,255,0.08);padding-top:20px;text-align:center;}
.copyright ul {margin:0 0 15px;}
.copyright ul li {display:inline-block;margin:5px 10px;}
.footer-button {text-align:center;padding:10px 0 20px;}
.footer-button a.main-button {margin-right:10px;}
.home h2, .home h1, .stitle {text-transform:uppercase;font-size:20px;color:#000;margin:0 0 15px;font-weight:700;}
.home h3 {font-size:17px;}
.post_content {background:#f7f8fd;margin-bottom:30px;}
.post_content img {width:100%;}

a.post_link {display:block;line-height:1.3;padding:5px 15px 12px;font-weight:700;}
.slot_content {position:relative;margin-bottom:30px;text-align:center;background: #000;}
.slot_content img {display:block;width:100%;}
.slot_content:hover img {opacity:0.3;}
.slot_content span {color:rgba(255,255,255,0.7);font-size:14px;}
.slot_button {position:absolute;left:0;top:14%;width:100%;display:none;}
.slot_content:hover .slot_button {display:block;}

.slot_button a.main-button {padding:8px;display:block;max-width:180px;margin:10px auto;}
a.demo_link {text-transform:uppercase;font-weight:700;text-decoration:underline;color:#fff;font-size:14px;}
a.demo_link:hover {color:#f59316;}
.title-container {background:#f7f8fd;padding:15px;margin-bottom:2px;}
.title-container h1 {font-size:20px;margin:0;}
.post_thumb img {width:100%;}
.post_thumb {width:43%;float:left;margin-right:20px;margin-bottom:10px;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content ul, .entry-content ol, .entry-content blockquote, .entry-content p {clear:both;}
.entry-content p:first-of-type {clear:none;}
.entry-content a {font-weight:700;}
.sbtn a {display:block;margin-bottom:15px;}
.breadcrumbs {font-size:13px;}
.blog-post-repeat .entry-title {font-weight:700;font-size:17px;line-height:1.3;display:block;margin-bottom:10px;}
.blog-post-repeat {padding-bottom:15px;}
.nav-links span {background:#0075f8;color:#fff;font-weight:700;padding:7px 14px;}
.nav-links span.dots {background:#262d2b;}
.nav-links a {background:#262d2b;color:#fff;font-weight:700;padding:7px 14px;}
.nav-links a:hover {background:#0075f8;}
.nav-links {padding:5px 0 10px;}
.taxonomy-description {padding:20px 0 5px;}
.nothing {font-weight:700;margin-bottom:15px;color:#000;font-size:23px;}
.not-found {text-align:center;padding:100px 0;}
.category_slots ul {margin:5px 0 5px;list-style:none;}
.category_slots ul li {display:inline-block;margin-right:5px;margin-bottom:17px;}
.category_slots ul li:last-child {margin-right:0;}
.category_slots ul li a {border-radius:5px;font-weight:700;padding:7px 15px;color:#fff;background:#0075f8;}
.category_slots ul li a:hover {background: #262d2b;}
.entry-content iframe {width:100%;height:450px;border:none;padding:0;}
.slot_btn {text-align:center;padding:20px 0;}
.about-section {padding:0 0 30px;}
.about-section ul {list-style:none;margin:0 0 15px;}
.about-section ul li {position:relative;padding-left:17px;}

.about-section ul li:before {content:"";position:absolute;left:0;top:9px;border-radius:50%;width:7px;height:7px;background:#01a89d;}

.slots-section {padding-top:30px;} 
.about-section ol {list-style:none;margin:0 0 15px;}
.about-section ol li {position:relative;padding-left:40px;padding-bottom:15px;}
.about-section ol li:last-child {padding-bottom:0;}
.about-section ol li:before {content:"1";position:absolute;font-weight:700;text-align:center;left:0;top:-4px;padding-top:1px;color:#000;border:2px solid #01a89d;border-radius:50%;width:30px;height:30px;}
.about-section ol li:nth-child(2):before {content:"2";}
.about-section ol li:nth-child(3):before {content:"3";}
.about-section ol li:nth-child(4):before {content:"4";}
.about-section ol li:nth-child(5):before {content:"5";}
.about-section ol li:nth-child(6):before {content:"6";}

.front-button a {background:#0075f8;color:#fff;font-weight:700;padding: 8px;max-width:180px;
border-radius: 5px;display:block;margin:10px auto 20px;text-align:center;}
@media screen and (max-width: 1199px) {
a.slot_link {margin:5px auto;}
.slot_button {top:5%;}
.entry-content iframe {height:350px;}
}
@media screen and (max-width: 991px) {
.top-area {
  display: block;
  text-align: center;
}
    * {
        box-sizing: border-box;
    }
.entry-content iframe {height:400px;}

.slots .fourth_col, .slots-section .fourth_col, .posts-section .fourth_col {
    width: 50%;
}
a.slot_link {margin:10px auto;}
.slot_button {top:20%;}
    .toggle {
        display: block;
		position:absolute;
		right:15px;
		top:15px;
    }
    .toggle a {
        
        color: #000;
       
        padding: 0;
        
        font-size: 20px;
    }
    .toggle a:hover {
        color: #000 !important;
    }
    .toggle a.active {
        color: #000;
    }

    .sitenav {
        display: none;
        float:none;
    }
    .sitenav ul {
        background: #fff;
        
        width: 100%;
        float: none;
        margin: 10px 0;
    }
    .sitenav ul li {
        border-bottom:1px solid rgba(0,0,0,0.07);
        display: block;
        float: none;
		margin-right:0;
        text-align: left;
    }
.sitenav ul li:last-child {border:none;}
    .sitenav ul li a {
        padding: 10px 15px;
        display: block;
       
        text-align:left;
		
    }
 

.left-header-box{
	width:100%;text-align:center;
}
.right-header-box{
	
	width:100%;text-align:center;
}
.header-button {
	width:100%;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
.site-main {
    width: 100%;
    padding-right:0;

}

#sidebar {
    width: 100%;
	margin-top:20px;
}
#custom_html-3 {display:none;}
.footer-widget-wrapper .fourth_col {width: 50%;}
}
@media (max-width:767px) {
		.int{
		margin:0 auto;
	}
.entry-content iframe {height:300px;}
.post_thumb {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
}
.slot_button {top:8%;}
.blog-post-repeat {
    padding-bottom: 30px;
}
.footer-images-wrapper img {margin:10px 10px;max-height:35px;}
}
@media (max-width:520px) {
.slots .fourth_col, .slots-section .fourth_col, .posts-section .fourth_col {
    width: 100%;
}
.entry-content iframe {height:240px;}
.slot_button {top:30%;}
}
@media (max-width:500px) {
.footer-widget-wrapper .fourth_col {width: 100%;}
}
@media (max-width:400px) {

.slot_button {top:20%;}
}
@media (max-width:360px) {
.entry-content iframe {height:200px;}

a.slot_link {margin:5px auto;}
.header-button a.main-button, .footer-button a.main-button {margin-right:0;margin-bottom:15px;display:block;}
.header-button a.secondary-button, .footer-button a.secondary-button {display:block;}
}

@media (max-width:330px) {

.slot_button {top:13%;}
}