/* ----------------------------------------------------------------

	Hocdq add

---------------------------------------------------------------- */

@media (max-width: 991px){
    #header, #header-wrap, #logo img {
        height: 100px;
    }
    .home-ocr {
        height: 100% !important;
    }
    .lead {
        font-size: 13px;
    }
    .stretched #chatbox { bottom: 10px !important; }
    #chatbox {
	width: 40px !important;
	right: 40px !important;
	border-radius: 25px !important;
}
}

/* ----------------------------------------------------------------
ChatBOX 
-----------------------------------------------------------------*/


#chatbox {
	display: block;
	z-index: 299;
	position: fixed;
	width: 120px;
	height: 40px;
	background-color: #333;
	background-color: rgba(0,0,0,0.3);
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 80px;
	bottom: 50px;
	cursor: pointer;
	border-radius: 2px;
}

body:not(.device-touch) #chatbox {
	transition: background-color .2s linear;
	-webkit-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
}

.stretched #chatbox { bottom: 30px; }

#chatbox:hover { background-color: #ff9900; }


.menu-po {
    width: 100%;
    border: 1px solid #d8d5cb;
    background: #a29f9fc2;
    padding: 0px 10px;
    border-radius: 15px;
    color: #353331;
    font-size: 13px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.menu-po:hover {
    background: #565353;
    color: #ecc220;
    border: 1px solid #af9d61;
}
.button-po {
    padding: 27px 0px 27px 15px !important;
}
.line-5, .double-line-5 {
    clear: both;
    position: relative;
    width: 100%;
    margin: 5px 0;
    border-top: 1px solid #EEE;
}
.box-th {
    width: 100%;
    background: #dadada;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 12px 5px;
    font-size: 16px;
    min-height: 165px;
    font-weight: 600;
    text-shadow: 1px 1px rgb(255 255 255 / 40%);
}

.box-th span {
    color: #fd8d4b;
}

.cr-d-box {
    width: 100%;
    height: 85%;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgb(6 0 1 / 15%);
    box-shadow: 0 0 5px 0 rgb(6 0 1 / 15%);
    border-radius: 10px;
    overflow: hidden;
        padding: 15px;
}
.cr-d-box h3 {
    font-size: 16px;
    margin-bottom: 25px;
    color: #777;
    font-weight: 600;
}
.cr-d-box2 {
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgb(6 0 1 / 15%);
    box-shadow: 0 0 5px 0 rgb(6 0 1 / 15%);
    border-radius: 10px;
    overflow: hidden;
        padding: 15px;
}
.cr-d-box2 h3 {
    font-size: 20px;
    margin-bottom: 25px;
    color: #f90;
    font-weight: 600;
}
.bg-dark-60 {
    background-color: #343a406e !important;
}
.bg-success-60 {
    background-color: #28a74566 !important;
}
.bg-info-60 {
    background-color: #17a2b854 !important;
}
.card {
/*    border: 1px solid rgba(255,255, 255, 0.125) !important;*/
}
.home-investor {
    width: 100%;
    /*height: 486px;*/
    overflow: hidden;
    background: url( "../product/images/hero/bg-b1.png") #f4f5fb top no-repeat;
}
.home-about {
    /*height: 486px;*/
	/* width: 100%; */
    min-height: 100VH;
    overflow: hidden;
    background: url(../product/images/hero/bg-page-01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.home-01 {
    min-height: 100VH;
    overflow: hidden;
    background: url(../product/images/hero/bg-page-05.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.home-02 {
    /*height: 486px;*/
	/* width: 100%; */
    min-height: 100VH;
    overflow: hidden;
    background: url(../product/images/hero/bg-page-02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.home-03 {
    /*height: 486px;*/
	/* width: 100%; */
    min-height: 100VH;
    overflow: hidden;
    background: url(../product/images/hero/hero.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.home-04 {
    min-height: 100VH;
    overflow: hidden;
    background: url(../product/images/hero/bg-page-03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.home-05 {
    min-height: 100VH;
    overflow: hidden;
    background: url(../product/images/hero/bg-page-04.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.home-ocr {
    width: 100%;
    background: url( "../product/images/section/3d-bg.jpg") #fff center bottom no-repeat;
    background-size: contain;
    height: calc(100vh - 180px);
}
.title-ss {
    font-size: 32px;
    font-weight: 600;
    color: #f90;
}
.text-faq {
    font-weight: 400;
    color: #f50000;
    /* font-style: italic; */
    font-weight: 700 !important;
}
.lead-2 {
    color: #f90 !important;
    font-size: 40px;
}
.lead i {
    font-size: 20px;
    margin: 1px 10px 0px 0px;
    color: #e3a826;
}
.lead-3 {
    color: #3ceaeb;
    font-size: 20px;
    font-weight: 400;
}
.lead-3 i {
    font-size: 25px;
    margin: 0px 10px 0px 0px;
    color: #f90;
}
.lead-25 {
    color: #ff6000;
    font-size: 25px;
    font-weight: 600;
}
.lead-25 i {
    font-size: 30px;
    margin: 0px 10px 0px 0px;
    color: #f90;
}
.bg-info-60 p i  {
    color: #5bdbe9;
    margin-right: 20px;
}
.bghetitle {
    background-color: rgb(86 130 137 / 22%);
}
.icon-m-right {
    margin-right: 12px;
}
.logo-icon {
    width: 23px;
    margin-bottom: 10px;
   
}
.box-video {
    idth: 100%;
    border: 1px solid #000000;
    border-radius: 10px;
    background: #292929;
    padding: 6px;
}
/* The Best & Easiest Cloud Mining Experience Ever */

.advantages {
	padding-top: 140px;
}

.advantages h2 {
	text-align: center;
	margin-bottom: 70px;
}

.advantages__block.flex {
	align-items: flex-start
}

.advantages__col {
	width: 340px;
}

.advantages__col.advantages__col-two {
	width: 270px;
}

.advantage {
	/* width: 270px; */
	/* padding-bottom: 20px; */
	/* position: relative; */
}
.advantage-one {
	margin-left: 70px;
	margin-top: 50px;
	min-height: 230px;
}
.advantage-two {
	min-height: 230px;
}
.advantage-three {
	/* margin-left: 70px; */
}
.advantage-four {
	padding-bottom: 480px;
}
.advantage-six {
	min-height: 230px;
	margin-top: 50px;
}
.advantage-seven {
	margin-left: 70px;
	min-height: 230px;
}

.advantage-four:after {
	position: absolute;
	display: block;
	content: "";
	width: 437px;
	height: 361px;
	background: url(../img/advantages-img.png) center center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	left: 50%;
	margin-left: -250px;
	bottom: 70px;
	z-index: -1;
}

.advantage__title {
	margin-bottom: 20px;
	color: #3C3A65;
	font-weight: 500;
	font-size: 18px;
	line-height: 27px;
	position: relative;
}

.advantage__title:before {
	position: absolute;
	display: block;
	content: "";
	width: 29px;
	height: 29px;
	border-radius: 29px;
	background: #9c889b;
	top: -1px;
	left: -46px;
	-webkit-animation-name:advantages-pulse;
	animation-name:advantages-pulse;
	animation-iteration-count: infinite;
	animation-duration: 4s;
}

.advantage-six .advantage__title:before {
	animation-delay: 0.5s;
}
.advantage-seven .advantage__title:before {
	animation-delay: 1s;
}
.advantage-eith .advantage__title:before {
	animation-delay: 1.5s;
}
.advantage-five .advantage__title:before {
	animation-delay: 2s;
}
.advantage-three .advantage__title:before {
	animation-delay: 2.5s;
}
.advantage-two .advantage__title:before {
	animation-delay: 3s;
}
.advantage-one .advantage__title:before {
	animation-delay: 3.5s;
}

@-webkit-keyframes advantages-pulse {
	0% {
		-webkit-transform:scaleX(1);
		transform:scaleX(1)
	}
	12% {
		-webkit-transform:scale3d(1.5,1.5,1.5);
		transform:scale3d(1.5,1.5,1.5)
	}
	24% {
		-webkit-transform:scaleX(1);
		transform:scaleX(1)
	}
	to {
		-webkit-transform:scaleX(1);
		transform:scaleX(1)
	}
}

@keyframes advantages-pulse {
	0% {
		-webkit-transform:scaleX(1);
		transform:scaleX(1)
	}
	12% {
		-webkit-transform:scale3d(1.5,1.5,1.5);
		transform:scale3d(1.5,1.5,1.5)
	}
	24% {
		-webkit-transform:scaleX(1);
		transform:scaleX(1)
	}
	to {
		-webkit-transform:scaleX(1);
		transform:scaleX(1)
	}
}

.advantage p {
	font-size: 16px;
	line-height: 24px;
	color: #A99F9F;
}

/*
.dark-mask {
    background: rgb(0 0 0 / 60%);
    width: 100%;
    height: 100VH;
    position: relative;
    top: 0;
    left: 0;
    z-index: -1;
}
*/
/*
.dark-mask-90 {
    background: rgb(0 0 0 / 90%);
    width: 100%;
    height: 100VH;
	height: 100%;
    position: relative;
    top: 0;
    left: 0;
}
*/

.feature-box.fbox-center.rul {
    background-image: linear-gradient(160deg, #76169e, #1b054f);
    border: 2px solid #311d4b;
}
.feature-box.fbox-center.red {
    background-image: linear-gradient(160deg, #b0208c, #650635);
    border-color: #6c0a3d;
}
.feature-box.fbox-center.orange
 {
    background-image: linear-gradient(160deg, #b84a01, #711d00);
    border-color: #792301;
}
.feature-box.fbox-center.green {
    background-image: linear-gradient(160deg, #21828d, #003835);
    border-color: #02403f;
}
.feature-box.fbox-center.blue {
    background-image: linear-gradient(160deg, #1947a9, #0b1f64);
    border-color: #0d226a;
}
.feature-box.fbox-center {
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: clip;
	
    text-align: center;
    background: -webkit-linear-gradient(319deg, #8b1822cf, #183e6ec9 70.1%);
    height: auto;
    border: 2px solid #fdfdfd;
    border-radius: 20px;
    padding: 0px;
}
.height275{
    min-height: 275px;
}
.height230{
    min-height: 230px;
}
.height175{
    min-height: 175px;
}
.height175 .title {
    margin: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #f7f7f5;
}
#slider .feature-box.fbox-center {
    text-align: center;
    background: -webkit-linear-gradient(319deg, #1a1919, #40a7b18f 70.1%);
    min-height: 120px;
    border: 1px solid #817f7f5e;
    border-radius: 10px;
    padding: 0px;
}
@media only screen and (max-width: 768px) {
	#slider .feature-box.fbox-center {
		min-height: 180px;
	}
	.lead-25 {
    font-size: 20px;
}
	.lead-25 i {
    font-size: 30px;
}

}
#slider .feature-box.fbox-center .title {
    position: relative;
    bottom: 10px;
    margin: 1px auto;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    /* text-transform: uppercase; */
    text-shadow: 1px 1px rgb(27 27 27 / 40%);
}
.feature-box.fbox-center h3 {
    position: absolute;
	width: calc(100% - 20px);
    bottom: 20px;
	margin: 0px 10px;
	text-transform: none;
    color: #fff;
}
.feature-box h3 span.subtitle {
    margin-bottom: 30px;
}
.sec-02 .feature-box h3 {
	text-transform: none;
    color: #fff;
}
.sec-02 .feature-box p {
    margin: 8px 0 0 0;
    color: #b5ae9b;
}
.sec-02 .heading-block h2 {
    font-size: 23px;
    font-weight: 400;
    color: #999696;
	text-transform: none;
    margin: 30px 0 0 0;
}
.sec-02 .heading-block {
    margin-bottom: 0px;
}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link
 {
    color: #c7c7c7;
/*	  color: #c7c7c7 !important;*/
}
.page .nav-affix .top-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: #ffefc9 !important;
}
.home .nav-affix .top-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: #ffefc1;
    /* color: #333; */
}
.mega-menu-wrap-primary .mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
  line-height: 60px;
  height: 60px;
  padding: 0px 10px;
  vertical-align: baseline;
  width: auto;
  display: block;
  color: #ff3300;
  text-transform: none;
  text-decoration: none;
  text-align: left;
  background: transparent;
  border-top: 3px solid transparent;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border-radius: 0px;
  font-family: inherit;
  font-size: 16px;
  font-weight: normal;
  outline: none;
}

#content p {
    line-height: inherit;
}

/*=========== Add Menu cap 4 ============*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
  margin: 0px 0px 0px 30px;
}