html{
scroll-behavior: smooth;
background: #000 !important;
}
/* width */
body::-webkit-scrollbar {
width: 10px;
}
/* Track */
body::-webkit-scrollbar-track {
background: #222;
}
/* Handle */
body::-webkit-scrollbar-thumb {
background: #828282 ;
border-radius: 10px;
}
/* Handle on hover */
body::-webkit-scrollbar-thumb:hover {
background: #4472c4;
}
body{
font-size: 14px;
color: #333;
font-family: 'Inter', sans-serif;
position: relative;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: none;
}
p{
font-size: 14px;
line-height: 24px;
margin-bottom: 10px; color: #000;
}
h2{
font-size: 27px;
line-height: 30px;
margin-bottom: 25px;
color: #4472c4;
font-weight: 600;
}
h3{
font-size: 28px;
line-height: 38px;
margin-bottom: 20px;
}
h4{
font-size: 24px;
line-height: 34px;
margin-bottom: 20px;
}
h5{
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
font-weight: 500;
}
ul{
}
li{
list-style: none;
}
.mt-30{
margin-top: 30px;
}
.mt-20{
margin-top: 20px;
}
.section-title{
margin-bottom: 75px;
}
.section-title-two{
margin-bottom: 75px;
}
.section-title-two p{
font-size: 14px !important;
color: #fff;
}
.section-title-two h2 {
color: #fff;
font-weight: 600;
text-shadow: 3px 3px 6px #000;
}
.section-title p{
font-size: 14px !important;
}
.section-padding{
padding-top: 72px;
padding-bottom: 0px;
background: #000;
}
.color-text{
color: #4ee6f4;
}
.color-bg{
background: #4ee6f4;
}
.butam-white{
padding: 12px 35px;
border-radius: 33px;
display: inline-block;
font-weight: 500px;
text-transform: uppercase;
background: #4472c4 !important;
transition: all .5s ease-in-out;
cursor: pointer;
border:none;
color: #fff;
}
.butam-white:hover {
background: #fff;
color: #333;
transition: all .5s ease-in-out;
}
.butam-blue{
background: #4472c4 !important;
padding: 12px 35px;
border-radius: 33px;
display: inline-block;
font-weight: 500px;
text-transform: uppercase;
transition: all .5s ease-in-out;
cursor: pointer;
}
.butam-blue:hover{
background: #eee;
color: #333;
transition: all .5s ease-in-out;
}
.butam-gradient {
background-image: url(/public/frontend/images/background.png);
background-position: bottom;
}
/*.butam-gradient:before {
content: "";
left: 0;
bottom: 0;
background: url(https://encorestoken.uk/public/images/curve-top.png);
background-repeat: no-repeat;
position: absolute;
background-size: 100% 100%;
height: 50px;
width: 100%;
}*/
.butam-gradientt {
background: #000;
}
.section-gradient{
background-image: linear-gradient(to bottom, rgb(78, 230, 244) 10%,rgb(20, 141, 152) 100%);
}
.section-bg {
/* background: #FBFAFF; */
background: url(#);
background-size: inherit;
background-position: center;
background-repeat: no-repeat;
position: relative;
background-attachment: fixed;
}
.section-gray{/*
background: #FBFAFF;*/
background: rgb(255, 255, 255) !important;
}
.section-colori{/*
background: #FBFAFF;*/
background: rgb(200, 205, 209) !important;
}
.section-colorii{/*
background: #FBFAFF;*/
background-image: url(https://bluephoenix.investments/public/frontend/images/table-bg.jpg);
/*background: rgb(200, 205, 209) !important; */
}
.section-coloriii{/*
background: #FBFAFF;*/
background-image: url(https://bluephoenix.investments/public/frontend/images/Einsatz-bg.jpg);
/*background: rgb(200, 205, 209) !important; */
}
.section-coloriiii{/*
background: #FBFAFF;*/
background-image: url(/public/frontend/images/background.png);
/*background: rgb(200, 205, 209) !important; */
}
.section-grayy {
background: #000000;
background: url(#);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
background-attachment: fixed;
}
/*.section-bg2{
background-image: linear-gradient(to bottom, rgb(78, 230, 244) 10%,rgb(20, 141, 152) 100%);
}*/
.section-bg2 {
/* background: #FBFAFF; */
background: url(#);
background-size: inherit;
background-position: center;
background-repeat: no-repeat;
position: relative;
background-attachment: fixed;
}
.section-bg2:before {
position: absolute;
content: "";
background: rgba(0, 0, 0, 0.65);
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.solution h2 {
color: #fff;
}
.solution .section-title p {
color: #ddd;
}
.section-bg3 {
background: url(#);
background-attachment: fixed;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.butam-light{
padding: 12px 35px;
border-radius: 33px;
display: inline-block;
font-weight: 500px;
text-transform: uppercase;
background: #fff;
}
/*nav area css Rasel*/
a.navbar-brand img {
width: 55px;
}
.navarea ul li a {
color: #fff !important;
font-weight: 500;
text-transform: uppercase;
}
.dropdown-item.active, .dropdown-item:active {
color: #f00 !important;
text-decoration: none;
background: transparent !important;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{
color: #ff0808 !important;
}
.drop-menuss.show {
background: rgba(0, 0, 0, 0.89);
border: none;
/* box-shadow: 1px 2px 18px 5px #fff; */
}
.drop-menuss.show:before {
content: "\f0d8";
color: rgba(0, 0, 0, 0.89);
top: -27px;
left: 15px;
font-family: FontAwesome;
position: absolute;
font-size: 30px;
}
.drop-menuss.show a:hover {
background: none !important;
color: #ff0000 !important;
}
.top-n {
margin-right: 150px;
}
ul.language-drop li a img {
width: 20px;
}
ul.language-drop .dropdown-menu.show {
background: #2fabb7;
border: none;
min-width: 5rem;
}
ul.language-drop .dropdown-menu.show:before {
content: "\f0d8";
color: #2fabb7;
top: -27px;
left: 15px;
font-family: FontAwesome;
position: absolute;
font-size: 30px;
}
.language-drop li a {
margin-top: 16px;
}
.nav-bttn a {
background:#f00;
padding: 10px 10px;
border-radius: 33px;
display: inline-block;
color: #4ee6f4;
font-weight: 500;
text-transform: uppercase;
color: #fff;
transition: all .5s ease-in-out;
font-size: 18px;
}
.nav-bttn a:hover {
background: #fd850a;
color: #fff;
transition: all .5s ease-in-out;
}
section#documents .section-title h2 {
color: #4472c4 !important;
font-weight: 600;
/*text-shadow: 3px 2px 2px #000;*/
}
section#documents .section-title p {
color: #ddd;
}
.button a {
color: #fff;
font-weight: 500;
margin-right: 10px;
margin-bottom: 100px;
}
.nav-bttn {
margin-right: 35px;
margin-top: 10px;
}
/*slider area css Rasel*/
.social-icons {
margin-top: 68px;
}
.token-counter {
background-image: linear-gradient(to bottom, rgba(40, 37, 37, 0.67) 10%,rgb(0, 0, 0) 100%);
padding: 10px 30px;
border-radius: 10px;
padding-bottom: 30px;
padding-top: 30px;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
.slider-area {
overflow: hidden;
position: relative;
padding-top: 200px;
padding-bottom: 200px;
}
/*.slider-area:before {
position: absolute;
content: "";
background: rgba(0, 0, 0, 0.49);
height: 100%;
width: 100%;
left: 0;
top: 0;
}*/
.counter_box span {
display: table-row;
}
.counter_box {
margin-right: 25px;
color: #fff;
}
.counter_box .tk_counter {
font-size: 31px;
font-weight: 500;
}
.progrreccc{
margin-top: 40px;
position: relative;
margin-bottom: 40px;
}
.mprog {
height: 25px;
border-radius: 33px;
margin-top: 15px;
}
.progrreccc span {
margin-right: 35px;
color: #ddd;
}
.token-counter h3 {
color: #fff;
}
.progrreccc:before {
position: absolute;
content: "";
width: 1px;
height: 40px;
background: #fff;
z-index: 1;
top: 28px;
left: 113px;
}
.progrreccc:after {
position: absolute;
content: "";
width: 1px;
height: 40px;
background: #fff;
z-index: 1;
top: 28px;
right: 113px;
}
.banner_effect {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.token-counter p {
/*border-top: 1px solid #fff;
border-bottom: 1px solid #fff;*/
padding-top: 5px;
padding-bottom: 5px;
color: #ddd;
}
.slider-text {
margin-bottom: 30px;
}
.slider-text h1 {
margin-bottom: 30px;
color: #fff;
text-shadow: 4px 5px 6px #000;
text-transform: capitalize;
font-size: 42px;
}
.slider-text img {
margin-bottom: 30px;
width: 370px;
border-radius: 4px;
margin-left: 60px;
}
.slider-text p {
margin-bottom: 30px;
color: #fff;
}
.social-icons a {
display: block;
font-size: 18px;
margin-top: 15px;
background: #333;
text-align: center;
height: 34px;
width: 34px;
border-radius: 50%;
line-height: 36px;
color: #ffffff;
transition: all .5s ease-in-out;
margin-left: 25px;
}
.social-icons a:hover {
background: #ff0000;
color: #fff;
transition: all .5s ease-in-out;
}
/*about seciton css Rasel*/
.about-videos iframe {
height: 450px;
border-radius: 3px;
border: 3px solid rgb(255, 0, 0);
}
.about-img {
overflow: hidden;
position: relative;
}
.about-img::before {
content: "";
background: #000;
position: absolute;
top: 0;
left: 0;
/* z-index: 99; */
height: 100%;
width: 100%;
opacity: 0.2;
}
.about-img img {
height: 370px;
width: 100%;
}
.about-img a img {
height: inherit;
position: absolute;
top: 0%;
left: 10%;
/* background: #fff; */
border-radius: 50%;
/* width: 82px; */
}
.play-btn-s3 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 65px;
width: 65px;
border-radius: 50%;
background: #fff;
z-index: 2;
}
.play-btn-s3:after {
position: absolute;
content: "";
height: calc(100% + 16px);
width: calc(100% + 16px);
top: -8px;
left: -8px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.3);
animation: 1s ease 0s normal none infinite running playbutton;
}
/*problem & soluiton css Rasel*/
.problem-img {
width: 100%;
height: auto;
overflow: hidden;
}
.problem-img img {
margin-bottom: 0px;
}
.problem-area h3 {
color: #4472c4 !important;
}
.problem-area {
margin-bottom: 35px;
}
.problem-area p {
color: #000 !important;
}
/*token information new*/
.token-data-listt {
background: rgba(0, 0, 0, 0.82);
padding: 20px;
margin-bottom: 45px;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.data-listt ul {
padding-left: 0px;
}
.data-listt ul li{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
color: #d7d7d7;
font-weight: 500;
}
.data-listt ul li a {
color: #ff0000;
}
.data-listt ul li b{
color: #fff;
font-weight: 500;
}
.data__info {
-webkit-box-shadow: 0 0 40px rgba(8,0,17,.1);
box-shadow: 0 0 40px rgba(8,0,17,.1);
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #fff;
padding: 15px;
font-size: 14px;
line-height: 1;
color: #888a8b;
margin: 30px 0;
text-align: center;
}
.data__info-item {
width: 25%;
display: inline-block;
margin-left: 44px;
margin-bottom: 0px;
border-right: 1px solid #ddd;
color: #000;
}
.data__info-item:last-child {
border-right: 0px solid transparent;
}
.data__info b {
font-size: 25px;
line-height: 30px;
text-transform: uppercase;
display: block;
}
/*token information Rasel*/
.tok-colr-bg {
background: rgba(255, 0, 0, 0.9);
}
.tok-colr-bg2 {
background: rgba(0, 0, 0, 0.82);
}
.token-item {
padding-top: 15px;
color: #fff;
padding-bottom: 1px;
padding-left: 8px;
}
.tok-pd {
padding-right: 0px;
}
.tok-pd2 {
padding-left: 0px;
}
.token-sale ul {
list-style-type: none;
padding: 15px 25px 15px;
margin: 0;
opacity: .7;
}
.token-sale ul li{
padding-bottom: 10px;
color: #fff;
}
/*.token-sale ul li::before {
content: '\f0da';
background: transparent !important;
font-family: fontawesome;
padding-right: 10px;
}*/
.main-sale{
margin-top: 50px;
}
.token-stage {
background: rgba(0, 0, 0, 0.79);
border-radius: 5px;
cursor: pointer;
transition: all 0.5s ease-in-out;
margin-bottom: 30px;
border: 2px solid #fff;
position: relative;
overflow: hidden;
}
.token-stage.active{
background: red;
}
.token-stage:hover {
background: red;
transition: all 0.5s ease-in-out;
box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);
}
.token-stage h4 {
padding-top: 20px;
padding-bottom: 20px;
color: #f00;
margin-bottom: 0px;
}
/*.unique1{
border-top: 5px solid #ff0000;
}
.unique2{
border-top: 5px solid #2735b5;
}
.unique3{
border-top: 5px solid #ffd600;
}
.unique4{
border-top: 5px solid #eb5c5e;
}
.unique5 {
border-top: 5px solid #2196F3;
}
.unique6 {
border-top: 5px solid #795548;
}*/
/*fund allocaiton css Rasel*/
.tab-s4 { text-align: center; }
.tab-s4 .nav-tabs { border: none; margin: 0 0 110px; padding: 5px 8px; border-radius: 30px;
display: inline-block; background-image: linear-gradient(45deg, #ff0000 0%, #000000 100%); }
.tab-s4 .nav-tabs .nav-item { margin: 0 -3px; display: inline-block; }
.tab-s4 .nav-tabs .nav-link { border: none; line-height: 24px; padding: 8px 18px;
background: transparent; border-radius: 20px; font-weight: 500; color: #fff; font-size: 12px; }
.tab-s4 .nav-tabs .nav-link.active { color: #000000; background: #fff; }
@media (min-width: 576px) { .tab-s4 .nav-tabs { border-radius: 30px; }
.tab-s4 .nav-tabs .nav-item { display: inline-block; }
.tab-s4 .nav-tabs .nav-link { padding: 13px 25px; border-radius: 25px; font-weight: 600; font-size: 14px; } }
.tkn-crt { position: relative; }
.tkn-crt-img { max-width: 205px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
.animate .tkn-crt-img { opacity: 0; position: relative; bottom: -30px; transition: all .4s; transition-delay: .2s; }
.animate.show .tkn-crt-img { opacity: 1; bottom: 0; }
.tkn-crt-lst { display: flex; flex-wrap: wrap; margin-bottom: -20px; }
.tkn-crt-itm { position: static; align-items: center; width: 50%; padding-left: 5px; padding-right: 5px; margin-bottom: 20px; }
.animate .tkn-crt-itm { opacity: 0; transition: all .4s; transition-delay: .6s; transform: translateX(0) translateY(30px); }
.animate.show .tkn-crt-itm { opacity: 1; transform: translateX(0) translateY(0); }
.tkn-crt-itm:nth-child(1) { transition-delay: .7s; }
.tkn-crt-itm:nth-child(2) { transition-delay: .8s; }
.tkn-crt-itm:nth-child(3) { transition-delay: .9s; }
.tkn-crt-itm:nth-child(4) { transition-delay: 1s; }
.tkn-crt-itm:nth-child(5) { transition-delay: 1.1s; }
.tkn-crt-itm:nth-child(6) { transition-delay: 1.2s; }
.tkn-crt-itm:nth-child(7) { transition-delay: 1.3s; }
.tkn-crt-prcnt { height: 55px; width: 55px; border-radius: 10px; background: #fe4350; font-size: 16px; font-weight: 600; line-height: 55px; display: inline-block; text-align: center; color: #fff; margin: 20px 30px; flex-shrink: 0; transform: rotate(-45deg); }
.tkn-crt-prcnt > span { display: inline-block; transform: rotate(45deg); }
.tkn-crt-prcnt.one { background: #ff0012; }
.tkn-crt-prcnt.two { background: #d74a3c; }
.tkn-crt-prcnt.three { background: rgba(255, 0, 48, 0.91); }
.tkn-crt-prcnt.four { background: #826359; }
.tkn-crt-prcnt.five { background: #ae8490; }
.tkn-crt-prcnt.six { background: #6e6764; }
.tkn-crt-prcnt.seven { background: #b0afaf; }
.tkn-crt-ttl { font-weight: 400; text-align: center; display: block; color: #ffffff; }
.tkn-crt-img img{
width: 100%;
margin-top: 40px;
}
.ras{
padding-bottom: 350px;
}
@media (min-width: 576px) { .tkn-crt-lst { margin-bottom: 0; }
.tkn-crt-itm { display: flex; margin-bottom: 0; padding-left: 0; padding-right: 0; } }
@media (min-width: 768px) { .tkn-crt-itm { width: 33%; }
.tkn-crt-ttl { text-align: left; } }
@media (min-width: 992px) { .tkn-crt { position: relative; padding-top: 140px; }
.tkn-crt:before { position: absolute; height: 610px; width: 610px; top: 0; left: 50%; content: ''; border-radius: 20px; background: rgba(254, 67, 80, 0.05); transform: rotate(45deg); transform-origin: 0 0; z-index: -1; }
.tkn-crt-itm { position: absolute; display: flex; align-items: center; width: auto; }
.tkn-crt-itm:nth-child(1) { flex-direction: column; }
.tkn-crt-itm:nth-child(1) .tkn-crt-ttl { order: -1; }
.tkn-crt-itm:nth-child(1) .tkn-crt-prcnt { transform: rotate(0); }
.tkn-crt-itm:nth-child(1) .tkn-crt-prcnt > span { transform: rotate(0); }
.tkn-crt-itm:nth-child(2n) .tkn-crt-ttl { order: -1; }
.tkn-crt-itm:nth-child(even) { right: 50%; transform: translateX(-30px) translateY(0); }
.animate.show .tkn-crt-itm:nth-child(even) { transform: translateX(0) translateY(0); }
.tkn-crt-itm:nth-child(odd) { left: 50%; transform: translateX(30px) translateY(0); }
.animate.show .tkn-crt-itm:nth-child(odd) { transform: translateX(0) translateY(0); }
.tkn-crt-itm:nth-child(1) { top: -60px; left: 50%; transform: translateX(-50%) translateY(-30px); }
.animate.show .tkn-crt-itm:nth-child(1) { transform: translateX(-50%) translateY(0); }
.tkn-crt-itm:nth-child(2) { top: 65px; margin-right: 50px; transition-delay: .8s; }
.tkn-crt-itm:nth-child(3) { top: 65px; margin-left: 50px; transition-delay: .8s; }
.tkn-crt-itm:nth-child(4) { top: 173px; margin-right: 160px; transition-delay: 1s; }
.tkn-crt-itm:nth-child(5) { top: 173px; margin-left: 160px; transition-delay: 1s; }
.tkn-crt-itm:nth-child(6) { top: 281px; margin-right: 265px; transition-delay: 1.2s; }
.tkn-crt-itm:nth-child(7) { top: 281px; margin-left: 265px; transition-delay: 1.2s; }
.tkn-crt-ttl { white-space: nowrap; } }
@media (min-width: 992px) and (max-width: 1199px) { .tkn-crt { transform: scale(0.8); } }
/*road map css*/
/*-----------------------------------------
08.0 roadmap Style Rasel
-----------------------------------------*/
div#roadmap .section-title-two h2 {
color: #fff;
}
#timeline {
padding-top: 120px;
padding-bottom: 120px;
}
.bg-background{
background: #04113c;
z-index: 19;
}
.achivement-bg {
background: url(../images/bg/achivement-bg.jpg) no-repeat center center;
background-size: cover;
}
.achivement-bg .section-heading h3,
.achivement-bg .section-heading p {
color: #ffffff;
}
.timiline-wrapper {
height: 370px;
overflow: hidden;
position: relative;
}
.timiline-wrapper .timeline-steps {
/*width: 2282px;*/
display: block;
white-space: nowrap;
height: 335px;
position: relative;
}
.timiline-wrapper .timeline-steps:before {
content: "";
position: absolute;
height: 8px;
background: rgba(255, 255, 255, 0.3);
border-radius: 4px;
left: 0;
right: 0;
width: 1500px;
top: 50%;
margin-top: -4px;
}
.timiline-wrapper .timeline-steps .timeline-step {
width: 187px;
display: inline-block;
white-space: normal;
color: #ffffff;
position: relative;
}
.timiline-wrapper .timeline-steps .timeline-step:nth-child(odd) .timeline-step-inner {
margin-top: 0;
}
.timiline-wrapper .timeline-steps .timeline-step:nth-child(odd) .timeline-step-inner:before {
bottom: -76px;
}
.timiline-wrapper .timeline-steps .timeline-step:nth-child(odd) .timeline-step-inner span {
bottom: -27px;
}
.timiline-wrapper .timeline-steps .timeline-step:nth-child(odd) .timeline-step-inner span + span {
bottom: -37px;
}
.timiline-wrapper .timeline-steps .timeline-step:nth-child(odd) .timeline-step-inner span + span + span {
bottom: -47px;
}
.timiline-wrapper .timeline-steps .timeline-step:nth-child(even) .timeline-step-inner {
margin-top: 218px;
}
.timiline-wrapper .timeline-steps .timeline-step:nth-child(even) .timeline-step-inner:before {
top: -77px;
}
.timiline-wrapper .timeline-steps .timeline-step:nth-child(even) .timeline-step-inner span {
top: -27px;
}
.timiline-wrapper .timeline-steps .timeline-step:nth-child(even) .timeline-step-inner span + span {
top: -37px;
}
.timiline-wrapper .timeline-steps .timeline-step:nth-child(even) .timeline-step-inner span + span + span {
top: -47px;
}
.timiline-wrapper .timeline-steps .timeline-step .timeline-step-inner {
position: absolute;
}
.timiline-wrapper .timeline-steps .timeline-step .timeline-step-inner:before {
content: '';
position: absolute;
height: 20px;
width: 20px;
border: 3px solid #ffffff;
background-image: -webkit-gradient(linear, left top, right top, from(#ff0000), to(#000000));
background-image: -webkit-linear-gradient(to right, #ff0000, #000000);
background-image: -o-linear-gradient(to right, #ff0000, #000000);
background-image: linear-gradient(to right, #ff0000, #000000);
left: 50%;
margin-left: -7.5px;
border-radius: 50%;
}
.timiline-wrapper .timeline-steps .timeline-step .timeline-step-inner h6 {
color: #ffffff;
text-transform: uppercase;
margin-bottom: 12px;
}
.timiline-wrapper .timeline-steps .timeline-step .timeline-step-inner span {
position: absolute;
height: 5px;
width: 5px;
border-radius: 50%;
background: #ffffff;
left: 50%;
}
.timiline-wrapper .ps__rail-x,
.timiline-wrapper .ps__rail-x:hover {
opacity: .8;
border-radius: 10px;
display: inline-block;
background: rgba(255, 255, 255, 0.3);
height: 20px;
}
.timiline-wrapper .ps__rail-x .ps__thumb-x,
.timiline-wrapper .ps__rail-x:hover .ps__thumb-x {
height: 16px;
border-radius: 10px;
background: #f00;
}
.timiline-wrapper .ps--active-x > .ps__rail-x,
.timiline-wrapper .ps--active-y > .ps__rail-y {
display: inline-block;
max-width: 400px;
width: 400px;
background-color: transparent;
}
.timiline-wrapper .ps__thumb-x,
.timiline-wrapper .ps__thumb-x:hover {
height: 16px;
}
/*Team css Rasel*/
.team-main {
margin-bottom: 30px;
}
.trow img {
width: 100%;
}
.modal-area{
position: relative;
}
.modal-content {
width: 1000px;
margin-left: -242px;
padding-bottom: 30px;
top: 40px;
background: #fff;
border: 2px solid #4472c4;
}
.modal-header .close {
color: #4472c4;
opacity: 1;
}
.modal-header {
padding: 4px 7px 5px 5px;
border-bottom: 0px solid #e9ecef;
}
.img-modal img {
width: 100%;
}
.text-modal h4 {
text-transform: uppercase;
margin-bottom: 0px;
margin-top: 40px;
color: #4472c4 !Important;
}
.text-modal p {
margin-bottom: 5px;
color: #000;
}
.text-modal a {
font-size: 16px;
color: #4472c4;
margin-bottom: 40px
}
.text-modal.blog-t ul li {
color: #fff;
}
.text-modal.blog-t h6 {
color: #fff;
}
.trow {
border: 3px solid rgb(68, 114, 196);
border-radius: 50%;
transition: .5s all;
cursor: pointer;
width: 200px;
height: 200px;
overflow: hidden;
margin: 0 auto;
}
.trow:hover{
border: 8px solid #4472c4;
transition: all .5s;
}
.team-main h4 {
margin-top: 20px;
margin-bottom: 0px !important;
color: #000;
}
.team-main a {
color: #4472c4;
font-size: 18px;
}
button:focus {
outline: 0px auto -webkit-focus-ring-color;
}
/*partner area css RAsel*/
.partner-area{
background: #000;
}
.card1{
margin-bottom: 30px;
box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03);
transition: all 0.4s ease-in-out;
height: 150px;
}
.card1:hover {
box-shadow: 0rem 0.75rem 2.5rem rgba(18, 38, 63, 0.15);
transition: all 0.4s ease-in-out;
}
.card1 .card-body img {
width: 100%;
height: 100%;
}
.card1 .card-body {
padding: 10px !important;
height: 230px;
width: 100%;
overflow: hidden;
}
/*document section css Rasel*/
/*----------------------------------------
15.WHITEPAPER AREA STYLE Rasel
------------------------------------------*/
.whitepaper-area {
padding-top: 202px;
padding-bottom: 235px;
background: #081241;
}
.homepage-3.homepage-4.whitepaper-area .section-title h2 {
color: #304ffe;
}
.homepage-3.homepage-4.homepage-6.whitepaper-area .section-title h2 {
color: #fff;
}
.homepage-2.whitepaper-area {
background: #f1f4fe;
}
.homepage-3.whitepaper-area {
background: #1e0074;
padding-top: 130px;
padding-bottom: 15px;
position: relative;
overflow: hidden;
}
.homepage-3.whitepaper-area:before {
position: absolute;
top: 37%;
left: 20%;
width: 100%;
height: 100%;
background: url(assets/img/bg-shape/chart-lineshape.png);
content: "";
background-repeat: no-repeat;
background-position: 100% bottom;
}
.homepage-3.homepage-4.whitepaper-area {
background: #fff;
}
.homepage-3.homepage-4.homepage-6.whitepaper-area {
background: #2a355c;
}
.single-document {
float: left;
position: relative;
z-index: 1;
margin-right: 22px;
text-align: center;
width: 210px;
height: 135px;
background: #4472c4 !important;
border-radius: 10px;
color: #fff;
transition: all .3s ease-in-out;
cursor:pointer;
}
.homepage-6 .single-document {
background-color: #2fc8fe;
}
.single-document:hover h4 {
opacity: .2;
}
.single-document:hover .download-icon>span{
visibility: visible;
opacity: 1;
font-size: 30px;
top: 35px;
}
.single-document:hover .document-content>span{
visibility: hidden;
opacity: 0;
}
.download-icon span {
visibility: hidden;
opacity: 0;
transition: all .3s ease-in-out;
}
.mb-65{
margin-bottom: 65px;
}
.mb-30{
margin-bottom: 30px;
}
.bg-colr{
background: #fff !important;
}
.mb-20{
margin-bottom: 20px;
}
.mb-10{
margin-bottom: 10px;
}
.visib-hidd{
opacity: 0;
visibility: hidden;
}
.document-content h4 {
font-size: 18px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
transition: all .3s ease-in-out;
margin: 38px 10px;
}
.document-content span {
font-size: 40px;
position: absolute;
top: 29px;
left: 89px;
opacity: .2;
transition: all .3s ease-in-out;
}
.ti-agenda:before {
content: "\f1c1";
font-family: FontAwesome;
}
/* .single-document:before {
position: absolute;
top: 13px;
left: 19px;
width: 84%;
height: 100%;
content: "";
border-radius: 10px;
z-index: -1;
background: #ff0002;
opacity: 0.2;
} */
.homepage-6 .single-document:before {
background-color:#2fc8fe;
}
.single-document:last-child {
margin-right: 0;
}
.bg-patten{
background-image: url(assets/img/bg-shape/whitepaper-bg.png);
background-size: cover;
}
.homepage-2 .bg-patten{
background-image: url(assets/img/bg-shape/whitepaper-bg-2.png);
}
.whitepaper-left h2 {
font-size: 36px;
color: #fff;
line-height: 54px;
margin-bottom: 25px;
}
.homepage-2 .whitepaper-left h2 {
color: #304ffe;
}
.homepage-2 .whitepaper-left p {
color: #30375f;
}
.whitepaper-left p {
font-size: 16px;
line-height: 30px;
color: #b6c1fa;
margin-bottom: 30px;
}
a.paper-btn {
padding: 13px 38px;
border: 1px solid#304ffe;
font-size: 12px;
color: #fff;
border-radius: 5px;
letter-spacing: 2px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
margin-top: 16px;
display: inline-block;
background-color: #304ffe;
}
a.paper-btn:hover{
box-shadow: 0px 15px 45px 0px rgba(48, 79, 254, 0.5);
border-color: #304ffe;
}
.homepage-2 a.paper-btn {
background-color: rgb( 48, 79, 254 );
}
.BG_Shape {
border-radius: 5px;
background-color: rgb( 48, 79, 254 );
box-shadow: 0px 5px 30px 0px rgb( 48, 79, 254 );
position: absolute;
left: 375px;
top: 9148px;
width: 190px;
height: 45px;
z-index: 420;
}
.whitepaper-right img {
position: absolute;
top: -80px;
left: 120px;
}
img.white-logo-img {
position: absolute;
z-index: 1;
left: 53%;
top: 176px;
}
.download-icon .spanf {
font-size: 36px;
position: absolute;
margin-top: -60px;
margin-left: -13px;
opacity: 0;
transition: all .4s ease-in-out;
}
.single-document:hover .download-icon .spanf{
opacity: 1;
margin-top: -70px;
transition: all .4s ease-in-out;
}
.single-document a{
color: #fff;
}
.single-document a:hover{
color: #ddd;
}
/*----------------------------------------
18.FAQ AREA STYLE Rasel
------------------------------------------*/
.accordion .card { background-color: #171a40; border: none; border-bottom: 1px solid #10122d; border-radius: 0; }
.accordion .card .card-header { position: relative; font-size: 1em; padding: 0; border-bottom: none; background: transparent; }
.accordion .card .card-header a { color: #fff; font-weight: 500; padding: 15px 30px; display: block; margin-top: 0; cursor: pointer; }
.accordion .card .card-header a.collapsed { color: #fff; background-color: #10122d; }
.accordion .card .card-header a:hover { opacity: 1; }
.accordion .card .card-body { padding: 0 30px 15px 30px; }
.accordion .card:last-child { border-bottom: 0 none; }
.accordion .card + .card { margin-top: 0; }
.accordion .plus-minus { cursor: pointer; transition: opacity 350ms; display: block; position: absolute; right: 20px; top: 50%; height: 18px; width: 18px; margin-top: -9px; transition: all .5s ease; }
.accordion .plus-minus span.ti { position: relative; height: 100%; display: block; font-size: 18px; }
.accordion .plus-minus:hover { opacity: 0.8; }
.accordion .collapsed .plus-minus { transform: rotate(180deg); }
.theme-light .accordion .card .card-header a { color: #8284a5; }
.theme-light .accordion .card .card-header a.collapsed { color: #8284a5; }
.theme-light .accordion .card .card-body { color: #8284a5; }
.theme-light .section-bg .accordion .card { background-color: rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(239, 246, 255, 0.5); }
.theme-light .section-bg .accordion .card .card-header a.collapsed { background-color: #fff; }
.theme-light .section-bg .accordion .card:last-child { border-bottom: none; }
.theme-light .section-bg-alt .accordion .card { background-color: rgba(239, 246, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.theme-light .section-bg-alt .accordion .card .card-header a.collapsed { background-color: #eff6ff; }
.theme-light .section-bg-alt .accordion .card:last-child { border-bottom: none; }
.io-dark-light .section-light .accordion .card .card-header a, .io-dark-light .section-light-alt .accordion .card .card-header a { color: #8284a5; }
.io-dark-light .section-light .accordion .card .card-header a.collapsed, .io-dark-light .section-light-alt .accordion .card .card-header a.collapsed { color: #8284a5; }
.io-dark-light .section-light .accordion .card .card-body, .io-dark-light .section-light-alt .accordion .card .card-body { color: #8284a5; }
.io-dark-light .section-light.section-bg .accordion .card, .io-dark-light .section-light-alt.section-bg .accordion .card { background-color: rgba(255, 255, 255, 0.5); border-bottom: 1px solid rgba(239, 246, 255, 0.5); }
.io-dark-light .section-light.section-bg .accordion .card .card-header a.collapsed, .io-dark-light .section-light-alt.section-bg .accordion .card .card-header a.collapsed { background-color: #fff; }
.io-dark-light .section-light.section-bg .accordion .card:last-child, .io-dark-light .section-light-alt.section-bg .accordion .card:last-child { border-bottom: none; }
.io-dark-light .section-light.section-bg-alt .accordion .card, .io-dark-light .section-light-alt.section-bg-alt .accordion .card { background-color: rgba(239, 246, 255, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.io-dark-light .section-light.section-bg-alt .accordion .card .card-header a.collapsed, .io-dark-light .section-light-alt.section-bg-alt .accordion .card .card-header a.collapsed { background-color: #eff6ff; }
.io-dark-light .section-light.section-bg-alt .accordion .card:last-child, .io-dark-light .section-light-alt.section-bg-alt .accordion .card:last-child { border-bottom: none; }
.panel-group:last-child { margin-bottom: 0; }
.single-faq { margin: 30px 0 25px; }
.single-faq h5 { font-size: 1.1em; font-weight: 500; margin-bottom: 13px; }
.single-faq p { color: #a2b4d2; }
.io-azure .single-faq p { color: #7ab9ff; }
.io-azure .section-pro .single-faq h5, .io-azure .section-pro-alt .single-faq h5 { color: #313c56; }
.io-azure .section-pro .single-faq p, .io-azure .section-pro-alt .single-faq p { color: #637097; }
.card-header h5 {
cursor: pointer;
margin-bottom: 0px;
}
ul.nav.nav-tabs.text-center.justify-content-center.animated li a {
font-size: 20px;
margin-right: 20px;
border-bottom: 2px solid transparent;
}
ul.nav.nav-tabs.text-center.justify-content-center.animated {
margin-bottom: 35px;
}
ul.nav.nav-tabs.text-center.justify-content-center.animated li a.active {
border-bottom: 2px solid #2196F3;
background: none;
border-top: none;
border-left: none;
border-right: none;
}
ul.nav.nav-tabs.text-center.justify-content-center.animated li a:hover{
background: none;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 2px solid #2196F3;
}
div.accordion-s2 .card {
margin-top: 20px;
box-shadow: 0 0 40px rgba(8,0,17,.1);
background: #fff !important;
border-radius: 20px;
}
.accordion-s2 .card .card-header {
background: none !important;
border-bottom: none;
border-radius: 20px;
}
.card-body p {
color: #686868;
}
.tab-custom-s3 ul li a {
color: #333;
}
/*Blog area css Rasel*/
.extra-padding{
padding-right: 60px;
padding-left: 60px;
}
.item{
background: rgba(0, 0, 0, 0.81);
transition: all .5s ease-in-out;
margin-bottom: 20px;
transition: all .5s ease-in-out;
}
.iteambor{
border: 2px solid #f00;
border-radius: 4px;
}
.item:hover{
box-shadow: 0px 10px 15px 5px rgba(154,154,154,.26);
transition: all .5s ease-in-out;
}
.slide-text h4 {
margin-top: 20px;
font-size: 20px;
line-height: 28px;
color:#fff;
}
.blog-slider .item {
height: 585px;
}
.item a {
color: #fff;
margin-left: 20px;
}
.text-modal .butam-blue{
color: #fff !important;
}
.blog-t a {
margin-top: 20px;
display: inline-block;
}
.price-butam {
/* border: 2px solid #00bcd4; */
padding: 7px 20px;
border-radius: 4px;
/* background: #2fb477; */
color: #ff0000 !important;
display: inline-block;
margin-top: 1px;
font-size: 23px;
margin-left: -19px;
}
.slider-img{
width: 100%;
height: 220px;
overflow: hidden;
transition: all .5s ease-in-out;
cursor: pointer;
}
.slider-img img{
transition: all .5s ease-in-out;
height: 100%;
width: 100%;
}
.item:hover .slider-img img{
transform: scale(1.2);
transition: all .5s ease-in-out;
}
.slide-text{
padding:0px 25px 20px;
min-height: 256px;
}
.slide-text p {
text-align: left;
color: #ddd;
}
.slide-text a{
display: block;
margin-top: 20px;
margin-bottom: 20px;
font-weight: 500;
}
.slide-text span{
display: block;
font-size: 16px;
font-weight: 500;
margin-top: 30px;
padding-bottom: 30px;
}
.slide-text h4 a{
font-weight: 500px;
color: #333;
transition: all .4s ease-in-out;
font-size: 21px;
}
.slide-text h4 a:hover{
color: #36c1ce;
transition: all .4s ease-in-out;
}
.owl-dots {
position: absolute;
left: 46%;
margin-top: 39px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
background: #4472c4 !important;
width: 12px;
height: 12px;
border-radius: 50%;
margin-right: 8px;
}
.owl-dot.active{
background: #333 !important;
width: 15px !important;
height: 15px !important;
border-radius: 50%;
}
.img-modall img {
width: 100%;
margin-top: 56px;
}
.blog-area {
padding-bottom: 160px !important;
}
/* contact us css Rasel*/
/*! 13.0 - CONTACT SECTION */
.contact-section { overflow: hidden; }
.contact-info { margin: 0 30px; padding-bottom: 60px; display: flex; /* @v1.1.0 s */ /* @v1.1.0 e */ }
.contact-info li { margin: 0 30px; }
.contact-info li .fa { font-size: 20px; line-height: 38px; width: 38px; text-align: center; color: #fff; background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); border-radius: 50%; margin-right: 15px; }
.contact-info-alt { margin-top: 20px; }
.contact-info-alt li { margin: 18px 0; }
.contact-info-alt li .fa { position: relative; font-size: 16px; line-height: 38px; width: 38px; text-align: center; color: #fff; border-radius: 50%; margin-right: 15px; background-image: linear-gradient(to right, #2b56f5 0%, #46bdf4 100%); z-index: 1; }
.contact-info-alt li .fa:after { position: absolute; content: ""; top: 2px; left: 2px; width: 34px; height: 34px; border-radius: 50%; background: #0d42b2; z-index: 0; }
.contact-info-alt li .fa:before { position: relative; z-index: 3; }
.section-pro .contact-info-alt li .fa { color: #46bdf4; }
.section-pro .contact-info-alt li .fa:after { background: #fff; }
.section-pro-alt .contact-info-alt li .fa { color: #46bdf4; }
.section-pro-alt .contact-info-alt li .fa:after { background: #ebf3fc; }
@media only screen and (max-width: 1199px) { .contact-info { display: block; }
.contact-info li { float: left; width: 33%; text-align: center; margin: 0 0 20px; }
.contact-info li span { display: block; }
.contact-info li .fa { font-size: 16px; margin-bottom: 15px; } }
@media only screen and (max-width: 767px) { .contact-info { padding-bottom: 15px; }
.contact-info li { float: none; width: 100%; } }
.form-message { /* @v1.1.0 s */ /* @v1.1.0 e */ }
.form-message .input-field { margin-bottom: 20px; position: relative; }
.form-message .input-field .btn { margin-top: 10px; }
.form-message .input-field label.input-title { position: absolute; width: 100%; top: 18px; left: 0; color: #8284a5; z-index: 1; transition: all .5s ease; }
.form-message .input-field .input-line { position: relative; line-height: 43px; z-index: 2;
background: #d6d6d6; border: none; width: 100%; font-weight: 500; color: #000; border-bottom: 1px solid #fff; margin-top: 10px; padding-left: 5px; outline: none; }
.form-message .input-field .input-line .inputt-capta .valid { color: #000; }
.form-message .input-field .input-line.error { border-bottom-color: #ff0000; }
.form-message .input-field .txtarea { height: 105px; resize: none; outline: none; line-height: 21px; padding-top: 14px; }
.form-message .input-field .txtarea + .input-title { top: 75px; }
.form-message .input-field .txtarea + label + .input-title { top: 75px; }
.form-message .input-field.input-focused .input-title { top: -7px; transform: scale(0.8); }
.form-message .input-field.input-focused .txtarea + label + .input-title { top: -7px; transform: scale(0.8); }
.form-message.text-left .input-field .input-line { text-align: left; }
.form-message.text-left label.input-title { transform-origin: left; }
.io-azure .form-message .input-field label.input-title { color: #7ab9ff; }
.io-azure .section-pro .form-message .input-field .input-line, .io-azure .section-pro-alt .form-message .input-field .input-line { color: #313c56; }
.theme-light .form-message .input-field label.input-title, .io-dark-light .section-light .form-message .input-field label.input-title, .io-dark-light .section-light-alt .form-message .input-field label.input-title { color: #8284a5; }
.theme-light .form-message .input-field .input-line, .io-dark-light .section-light .form-message .input-field .input-line, .io-dark-light .section-light-alt .form-message .input-field .input-line { color: #3c3c3c; }
ul.contact-info li {
font-size: 16px;
}
ul.contact-info li span{
margin-left: 8px;
color: #ddd;
}
ul.contact-info li span a{
color: #ddd;
}
.section-title address {
color: #000;
}
.contact-info li .svg-inline--fa {
font-size: 22px;
color: #ff0000;
margin-right: 5px;
}
.input-field button {
width: 170px;
height: 50px;
border-radius: 34px;
background: #ff0000;
color: #fff;
font-weight: 500;
transition: all .5s ease-in-out;
}
.input-field button:hover {
background: #fff;
color: #333;
transition: all .5s ease-in-out;
}
.cck span a {
margin-right: 5px;
margin-left: 5px;
color: #f00;
font-weight: 600;
}
.cck span {
color: #fff;
display: inline-block;
}
/*footer css*/
.footer-area{
background: rgb(0, 0, 0);
}
.footer-texts {
margin-top: 35px;
}
.footer-texts h5 {
font-size: 18px;
font-weight: 500;
color: #fff;
}
form.ico-subscription .form-group input[type=email] {
border-radius: 0px;
padding: 23px 0px;
background: #d6d6d6;
border: 0px solid #fffdfd;
width: 85%;
margin: 0 auto; text-align: left!important; border-bottom: 0px solid #fff!important;
}
form.ico-subscription .form-group ::placeholder {
color: #000;
text-align: left;
font-weight: 100;
font-size: 13px;
}
.ico-subscription a{
font-weight: 500;
color: #009688;
}
.social-community {
margin-top: 45px;
}
.social-community h5 {
font-size: 18px;
font-weight: 500;
color: #fff;
}
.social-community a .fa-telegram {
font-size: 60px;
color: #fff;
margin-bottom: 30px;
}
.footer-social-icons ul li {
display: inline;
margin-right: 5px;
}
.footer-social-icons ul li a {
font-size: 18px;
height: 40px;
width: 40px;
background: #f00;
display: inline-table;
color: #ffffff;
border-radius: 50%;
padding-top: 7px;
}
.footer-social-icons ul li a:hover {
background: #ffffff;
color: #000;
}
.bottom-footer {
min-height: 70px;
background: rgb(0, 0, 0);
padding-top: 0px;
color: #fff;
}
.footer-menuss a{
color: #fff;
}
.footer-menuss a:hover{
color: #f00;
text-decoration: underline;
}
.bottom-footer{
min-height: 100px;
border-top: 2px solid #5d5a5a;
}
.footer-logo img {
width: 150px;
}
/*loader-css*/
#loader{
position: fixed;
left:0;
top: 0;
margin: 0 auto;
z-index: 999;
background: #000;
width: 100%;
height: 100%;
}
#loaderr img {
margin-left: 45%;
margin-top: 275px;
}
#thisloader{
display: none;
}
.text-modal {
padding-right: 20px;
}
.nrb{
margin-right: 30px;
}
/*scrool to top*/
#scrollToUp {
width: 50px;
height: 50px;
background:#222;
text-align: center;
position: fixed;
bottom: 100px;
right: 25px;
cursor: pointer;
border-radius: 5px;
z-index: 999;
display: none;
}
#scrollToUp span {
color: #333;
font-size: 25px;
padding-top: 12px;
cursor: pointer;
}
.arrw {
font-size: 24px;
margin-top: 12px;
color: #fff;
cursor: pointer;
}
/*cookie css*/
.cookie-design {
position: fixed;
bottom: 20px;
right: 85px;
background: #f4f3f3;
border-radius: 10px;
padding: 20px 30px;
width: 410px;
z-index: 99;
}
a.g-deisng {
background: #2196F3;
color: #fff;
padding: 8px 60px;
margin-left: 20px;
border-radius: 5px;
}
a.c-design {
background: rgba(39, 39, 39, 0.85);
color: #fff;
text-decoration: none;
padding: 9px 18px;
border-radius: 4px;
margin-bottom: 6px;
}
.cookie-design button {
padding: 9px 30px;
background: rgba(39, 39, 39, 0.85);
border: none;
border-radius: 5px;
margin-left: 67px;
color: #fff;
cursor: pointer;
}
.cookie-design p {
color: #000;
}
/*accordion css*/
.mb-0 > a {
display: block;
position: relative;
font-size: 20px;
padding: 16px;
color: #333;
font-weight: 500;
}
.mb-0 a:hover {
color: #4472c4;
transition: all .5s ease-in-out;
}
.mb-0 > a:after {
content: "\f078"; /* fa-chevron-down */
font-family: 'FontAwesome';
position: absolute;
right: 0;
color: #4472c4;
top: 20px;
}
.mb-0 > a[aria-expanded="true"]:after {
content: "\f077"; /* fa-chevron-up */
}
.radious-bor{
border-radius: 50px;
margin-bottom: 20px;
background: #fff;
-webkit-box-shadow: 0 0 40px rgba(8,0,17,.1);
box-shadow: 0 0 40px rgba(8,0,17,.1);
}
.card-header {
background: none !important;
border-bottom: 0px solid rgba(0,0,0,.125);
}
/*accordion css end*/
input.input-line.inputt-capta {
width: 30% !important;
position: absolute;
top: -54px;
background: #eee !important;
border: none !important;
left: -77px !important;
text-align: center;
}.number_sec {
display: block;
background: #eee;
width: 20%;
padding: 12px 11px;
margin-left: 28%;
}
.ans_sec {
margin-left: 45%;
}
span.num1 {
font-weight: 600;
}span.num2 {
font-weight: 600;
}
#prob-im-d{
display: none;
}
/* keyfeatre Section=====
================================*/
.keyfearue-section{
padding-bottom: 120px;
background: #000;
padding-top: 100px;
}
.left-text-area {
margin-bottom: 35px;
position: relative;
transition: .5s ease-in-out;
}
.left-text-area img {
margin-right: 20px;
}
.left-text-area span{
font-weight: 600;
color: #f00;
}
.left-text-area p {
color: #fff;
margin-top: 5px;
font-weight: 400;
margin-right: 20px;
}
.right-text-area {
margin-bottom: 35px;
position: relative;
margin-left: 20px;
transition: .5s ease-in-out;
}
.right-text-area span{
font-weight: 600;
color: #f00;
}
.right-text-area img{
margin-left: 20px;
}
.right-text-area p {
color: #fff;
margin-top: 5px;
font-weight: 400;
margin-left: 20px;
text-align: left;
}
.gif-img{
margin-top: 60px;
}
.mobile-img img {
width: 270px;
}
.left-text-area a:before {
content: "";
background: #ffff;
width: 65px;
height: 2px;
right: -50px;
position: absolute;
top: 15px;
}
.right-text-area a:before {
content: "";
background: #fff;
width: 65px;
height: 2px;
left: -74px;
position: absolute;
top: 15px;
}
.left-text-area:hover span {
color: #f00;
transition: .5s ease-in-out;
cursor: pointer;
}
.left-text-area:hover p {
color: #f00;
transition: .5s ease-in-out;
}
.right-text-area:hover span {
color: #f00;
transition: .5s ease-in-out;
}
.right-text-area:hover p {
color: #f00;
transition: .5s ease-in-out;
}
.clr-wht{
color: #fff !important;
}
/*keyframe css end*/
.cbg {
background: #222;
color: #fff;
position: relative;
z-index: 1; padding: 8px;
}
.section-title.cbg .section-title-s7 {
margin-left: 30px;
font-size: 20px;
}
.cbg:before {
background: #4472c4;
content: "";
height: 100%;
width: 50px;
left: 0;
top: 0;
position: absolute;
z-index: -1;
}
.cbgg {
margin-left: 10px;
}
.cbg:after {
border-bottom: 10px solid transparent;
border-left: 10px solid #333;
border-top: 10px solid transparent;
position: absolute;
left: 50px;
content: "";
top: 13px;
}
/*resposinve new*/
@media only screen and (min-width: 1023px) and (max-width: 1366px) {
.navarea ul li a {
font-size: 11px !important;
}
}
@media only screen and (min-width: 800px) and (max-width: 1383px) {
a.navbar-brand img {
width: 148px;
}
#sol-im{
display: none;
}
#prob-im-d{
display: block;
}
.navarea ul li a{
font-size: 7px;
}
.nav-bttn a {
padding: 10px 24px;
margin-top: -5px;
font-size: 10px;
}
.modal-content {
width: 700px;
margin-left: -98px;
}
.social-icons a{
margin-right: 10px;
display: inline-block;
}
.progrreccc span {
margin-right: 133px;
margin-left: 76px;
}
.progrreccc:after {
right: 182px;
}
.single-document{
margin-bottom: 30px;
}
.left-text-area a:before{
display: none;
}
.right-text-area a:before{
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
a.navbar-brand img {
width: 155px;
}
.modal-content {
width: 570px;
margin-left: -31px;
margin-bottom: 30px;
}
.nav-bttn a {
padding: 10px 16px;
}
.navarea ul li a{
font-size: 7px;
}
ul.language-drop li a img {
width: 12px;
}
.social-icons a{
display: inline-block;
margin-right: 10px;
}
.progrreccc span {
margin-right: 128px;
margin-left: 80px;
}
.progrreccc:after {
right: 204px;
}
.single-document{
margin-bottom: 30px;
}
.tok-pd {
padding-right: 0px;
padding-left: 0px;
}
.blog-slider .item {
height: 753px;
}
}
@media only screen and (min-width: 414px) and (max-width: 736px) {
.modal-content{
margin-left: 28px !important;
left: 17px;
}
.cookie-design{
width: 377px !important;
}
.cookie-design button {
padding: 7px 19px !important;
}
}
@media only screen and (min-width: 414px) and (max-width: 735px) {
.data__info-item {
padding-left: 40px !important;
}
.single-document {
margin-left: 35px !important;
}
.row.mb-65-auto {
margin-left: 20px;
}
.token-sale ul li {
text-align: left;
}
.token-stage h4 {
text-align: left;
margin-left: 25px;
}
.modal-content{
margin-left: 28px !important;
left: 17px;
}
.loaderr img{
position: absolute;
left: 10%;
}
.cookie-design{
width: 377px !important;
}
.cookie-design button {
padding: 7px 19px !important;
}
}
@media only screen and (min-width: 375px) and (max-width: 812px) {
.cookie-design{
width: 340px !important;
}
}
@media only screen and (min-width: 375px) and (max-width: 667px) {
.loaderr img{
margin-left: 170px !important;
}
.modal-content{
margin-left: 10px !important;
}
.document, .drt {
margin-left: 82px;
}
.data__info-item {
margin-left: 55px !important;
}
.single-document {
margin-left: 10px;
}
.token-sale ul li {
text-align: left;
}
.token-stage h4 {
text-align: left;
margin-left: 25px;
}
.blog-slider .item {
height: 615px !important;
}
}
@media only screen and (min-width: 360px) and (max-width: 640px) {
.modal-content {
width: 340px !important;
margin-left: 3px;
padding-bottom: 18px;
top: 50px;
margin-bottom: 30px;
}
.social-icons a{
margin-right: 10px;
display: inline-block;
}
.problem-img img {
width: 100%;
}
.document, .drt {
margin-left: 70px !important;
}
.single-document{
margin-bottom: 30px;
}
.owl-dots{
left: 30%;
}
.tkn-crt-lst{
margin-left: -40px !important;
}
ul.nav.nav-tabs.text-center.justify-content-center.animated li a{
font-size: 13px !important;
margin-right: 0px;
}
.loaderr img{
margin-left: 140px !important;
width: 100px;
}
.section-title h2 {
font-size: 28px;
}
.contact-info {
margin-left: -5px;
}
.form-message .input-field .input-line{
text-align: center;
}
.footer-social-icons ul {
margin-left: -45px !important;
}
.butam-white {
margin-left: 16px;
}
.navbar-collapse .language-drop {
margin-left: -55px !important;
}
.tok-pd {
padding-right: 15px;
}
.tok-pd2 {
padding-left: 15px;
}
.data__info-item {
border-right: 0px solid #ddd;
margin-bottom: 30px;
text-align: center;
margin-left: 42px !important;
}
.data__info{
margin-top: 10px;
}
.counter_box {
margin-right: 16px;
}
.progrreccc {
margin-top: 14px;
}
.social-icons {
margin-top: 10px;
}
.text-modal {
padding-right: 0px;
}
.token-sale ul li {
text-align: left;
}
.token-stage h4 {
text-align: left;
margin-left: 25px;
}
.cookie-design {
width: 322px !important;
bottom: 80px !important;
}
.cookie-design button {
padding: 6px 18px !important;
}
.mb-0 > a{
font-size: 14px;
}
.blog-slider .item {
height: 530px !important;
}
.drop-menuss.show:before{
top:20px;
}
a.c-design {
padding: 6px 4px;
}
.left-text-area a:before{
display: none;
}
.right-text-area a:before{
display: none;
}
.slider-text {
margin-top: -70px;
}
.slide-text h4 {
margin-top: 30px !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
input.input-line.inputt-capta{
left: 3px !important;
}
.number_sec{
width: 30%;
}
.cookie-design {
width: 340px;
left: 18px;
}
#sol-im{
display: none;
}
#prob-im-d{
display: block;
}
.cookie-design button {
padding: 9px 24px;
}
a.navbar-brand img {
width: 70px;
}
.section-title h2 {
font-size: 28px;
}
.slider-text h1 {
font-size: 34px;
text-align: center;
}
.butam-white {
padding: 12px 22px;
}
.slider-text {
margin-top: -70px;
}
.slider-text p {
text-align: center;
}
.progrreccc span {
font-size: 7px;
display: inline;
margin-left: 23px;
margin-right: 28px;
}
.progrreccc:before {
left: 67px;
}
.progrreccc:after {
right: 71px;
}
.problem-img img {
width: 100%;
}
.modal-content {
width: 306px;
margin-left: 0px;
margin-bottom: 30px;
}
.social-icons a{
margin-right: 10px;
display: inline-block;
}
.document, .drt {
margin-left: 56px;
}
.single-document{
margin-bottom: 30px;
}
.owl-dots{
left: 30%;
}
.footer-menuss {
text-align: center !important;
font-size: 13px;
}
.footer-t {
font-size: 13px;
text-align: center;
}
.loaderr img{
margin-left: 120px !important;
width: 100px;
}
.contact-info {
margin-left: -5px;
}
ul.nav.nav-tabs.text-center.justify-content-center.animated li a {
font-size: 11px;
margin-right: 0px;
}
.form-message .input-field .input-line{
text-align: center;
}
.footer-social-icons ul {
margin-left: -45px !important;
}
.navbar-collapse .language-drop {
margin-left: -55px !important;
}
.tok-pd {
padding-right: 15px;
}
.tok-pd2 {
padding-left: 15px;
}
.data__info-item {
border-right: 0px solid #ddd;
margin-bottom: 30px;
text-align: center;
margin-left: 22px;
}
.data__info{
margin-top: 10px;
}
.counter_box {
margin-right: 10px !important;
margin-left: 10px;
}
.counter_box .tk_counter{
font-size: 18px;
}
.counter_box .tk_text{
font-size: 10px;
}
.progrreccc {
margin-top: 14px;
position: relative;
margin-bottom: 40px;
}
.social-icons {
margin-top: 10px;
}
.text-modal {
padding-right: 0px;
}
.token-sale ul li {
text-align: center;
}
.token-stage h4 {
text-align: center;
margin-left: 25px;
}
.mb-0 > a{
font-size: 14px;
}
.blog-slider .item {
height: 700px;
}
.tkn-crt-lst{
margin-left: -32px !important;
}
.cookie-design {
width: 289px;
bottom: 90px ;
}
.cookie-design button {
padding: 3px 5px;
}
.drop-menuss.show:before{
top:15px;
}
a.c-design {
padding: 6px 2px;
}
.left-text-area a:before{
display: none;
}
.right-text-area a:before{
display: none;
}
.blog-slider .item {
height: 531px ;
}
.slide-text h4 {
margin-top: 28px;
}
.slide-text p{
font-size: 12px;
}
.slider-img{
height: 163px;
}
}
/*responsive css end here*/
.blog-area .section-title h2 {
color: #4472c4 !important;
/*text-shadow: 3px 3px 6px #000;*/
font-weight: 600;
}
.blog-area .section-title p {
color: #fff;
text-shadow: 3px 3px 6px #000;
}
.form-control, .form-control:focus{
color: #000;
}
.error {
color: #ff0000;
}.card-body p {
margin-left: 15px;
font-weight: 500;
color: #333;
}
.card-body ul li {
list-style: disc;
}
.trow img {
height: 100%;
width: 100%;
}
.bg-info {
background-color: #f00;
}
.progress-bar-striped {
background-image: linear-gradient(45deg,#ff0000 25%,#F44336 25%,#F44336 50%,#ff0000 50%,#F44336 75%,#F44336 75%,#F44336);
background-size: 1rem 1rem;
}
.footer-social-icons ul li a {
text-align: center;
}
.footer-social-icons {
margin-top: 45px;
background: #4472c4;
padding: 20px;
border-radius: 4px;
}
.footer-social-icons ul span {
color: #fff;
margin-right: 50px;
font-size: 22px;
text-transform: uppercase;
display: inline-block;
margin-top: 20px;
}
.fotp p {
font-size: 13px !important;
margin-top: 118px;
margin-bottom: 30px;
}
.section-padding2{
padding-top: 100px;
}
.section-padding3{
padding-top: 40px;
}
section#documents .section-title p {
color: #fff;
text-shadow: 2px 2px 2px #000;
font-weight: 400;
}
/*calculator */
.encores{
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
color: #fff !important;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: calc(0.6vw + 0.5vh + .8vmin);
float: left;
width: 25%;
}
.blue_core {
font-size: calc(0.3vw + 0.4vh + 1.4vmin) ;
font-weight: bold;
/*background-color: #1a120fc7;*/
border: 2px solid #0093cb;
border-radius: 10px;
margin-bottom: 10px;
}
.silver_core {
font-size: calc(0.3vw + 0.4vh + 1.4vmin);
font-weight: bold;
/*background-color: #1a120fc7;*/
border: 2px solid #7a7a7a;
border-radius: 10px;
margin-bottom: 10px;
}
.red_core {
font-size: calc(0.3vw + 0.4vh + 1.4vmin);
font-weight: bold;
/*background-color: #1a120fc7;*/
border: 2px solid #d60101;
border-radius: 10px;
margin-bottom: 10px;
}
.black_core {
font-size: calc(0.3vw + 0.4vh + 1.4vmin);
font-weight: bold;
/*background-color: #1a120fc7;*/
border: 2px solid #2a2929;
border-radius: 10px;
margin-bottom: 10px;
}
.encores_input, input[type="number"] {
text-align: center;
margin: auto;
width: 46%;
font-size: calc(0.6vw + 0.8vh + 1.4vmin);
font-weight: bold;
background-color: #1a120f00;
color: #f00000;
border-radius: 10px;
}
.mfrm{
margin-top: 220px;
}
.mfrm h2{
margin-bottom: 20px;
}
.mfrm2{
margin-top: 100px;
}
.mfrm2 h2{
margin-bottom: 5px;
}
@media screen and (max-width: 600px)
{
.encores { float: initial; width: 100%; }
.encores, span, output, .encores_input { font-size: calc(1.3vw + 0.8vh + 1.8vmin) !important;}
}
@media screen and (max-width: 900px)
{
.encores, span, output, .encores_input { font-size: calc(1.3vw + 0.8vh + 1.8vmin) !important;}
}
/*cal2 Rasel css*/
/*// Base Colors*/
$shade-10: #2c3e50 !default;
$shade-1: #d7dcdf !default;
$shade-0: #fff !default;
$teal: #1abc9c !default;
.range-slider {
margin: 60px 0 0 0%;
}
/*// Range Slider*/
$range-width: 100% !default;
$range-handle-color: $shade-10 !default;
$range-handle-color-hover: $teal !default;
$range-handle-size: 20px !default;
$range-track-color: $shade-1 !default;
$range-track-height: 10px !default;
$range-label-color: $shade-10 !default;
$range-label-width: 60px !default;
.range-slider {
width: $range-width;
}
.range-slider__range {
-webkit-appearance: none;
width: calc(100% - (#{$range-label-width + 13px}));
height: $range-track-height;
border-radius: 5px;
background: $range-track-color;
outline: none;
padding:0;
margin:0;
/* // Range Handle*/
&::-webkit-slider-thumb {
appearance: none;
width: $range-handle-size;
height: $range-handle-size;
border-radius: 50%;
background: $range-handle-color;
cursor: pointer;
transition: background .15s ease-in-out;
&:hover {
background: $range-handle-color-hover;
}
}
&:active::-webkit-slider-thumb {
background: $range-handle-color-hover;
}
&::-moz-range-thumb {
width: $range-handle-size;
height: $range-handle-size;
border: 0;
border-radius: 50%;
background: $range-handle-color;
cursor: pointer;
transition: background .15s ease-in-out;
&:hover {
background: $range-handle-color-hover;
}
}
&:active::-moz-range-thumb {
background: $range-handle-color-hover;
}
/* // Focus state*/
&:focus {
&::-webkit-slider-thumb {
box-shadow: 0 0 0 3px $shade-0,
0 0 0 6px $teal;
}
}
}
/*// Range Label*/
.range-slider__value {
display: inline-block;
position: relative;
width: $range-label-width;
color: $shade-0;
line-height: 20px;
text-align: center;
border-radius: 3px;
background: $range-label-color;
padding: 5px 10px;
margin-left: 8px;
&:after {
position: absolute;
top: 8px;
left: -7px;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-right: 7px solid $range-label-color;
border-bottom: 7px solid transparent;
content: '';
}
}
/*// Firefox Overrides*/
::-moz-range-track {
background: $range-track-color;
border: 0;
}
input::-moz-focus-inner,
input::-moz-focus-outer {
border: 0;
}
/*.range-slider__value {display:none;}*/
.btn-primary {background-color:#f00000 !important;
color:#FFFFFF !important;
border:none;}
/*.w-50 {
width:50% !important;
background-color:#f00000;
color:#ffffff;
border:none;
padding: 8px;
}*/
.w-50 {
width: 50% !important;
background-color: #f00000;
color: #ffffff;
border: none;
padding: 8px;
border-radius: 30px;
margin-right: 8px;
z-index: 1;
}
.w-50:before {
position: absolute;
background: linear-gradient(45deg, #ff0000 0%, #681919 100%);
height: 107%;
width: 101%;
content: "";
left: 0;
top: -3px;
border-radius: 30px;
z-index: -1;
}
.w-br{
border-radius: 30px !important;
z-index: 1;
}
button#calc {
border-radius: 30px;
}
.button {
margin-left: 0px;
}
.slider-text .button {
margin-left: 85px;
}
.input-group {padding-bottom:5px !important;}
input[type=range] {
-webkit-appearance: none;
width: 100%;
margin: 13.8px 0;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 8.4px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #ffffff;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #ffffff;
cursor: pointer;
-webkit-appearance: none;
margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #f00000;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 8.4px;
cursor: pointer;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
background: #f00000;
border-radius: 1.3px;
border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #ffffff;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 8.4px;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #f00000;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
background: #f00000;
border: 0.2px solid #010101;
border-radius: 2.6px;
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
border: 1px solid #000000;
height: 36px;
width: 16px;
border-radius: 3px;
background: #ffffff;
cursor: pointer;
height: 8.4px;
}
input[type=range]:focus::-ms-fill-lower {
background: #f00000;
}
input[type=range]:focus::-ms-fill-upper {
background: #f00000;
}
.range-slider__value , .range-slider__value , .range-slider__value {display:none;}
.range-slider__range {
width: 536px !important;
background: red !important;
height: 10px;
}
.mfrm span {
padding: 10px;
border-radius: 30px;
color: #fff;
font-size: 18px;
position: relative;
z-index: 1;
}
.mfrm span:before {
background: linear-gradient(45deg, #ff0000 0%, #000000 100%);
content: "";
position: absolute;
height: 135%;
width: 332px;
left: -9px;
top: -12px;
z-index: -14;
border-radius: 30px;
}
.encores_input, input[type="number"] {
text-align: center;
margin: auto;
width: 20%;
font-size: calc(0.6vw + 0.8vh + 1.4vmin);
font-weight: bold;
background-color: #fff;
color: #f00000;
border-radius: 30px;
border: none;
padding: 2px;
z-index: 9999 !important;
position: relative;
outline: none;
}
@media only screen and (min-width: 375px) and (max-width: 812px){
.card1 .card-body img {
height: auto !important;
width: auto !important;
}
.item a {
font-size: 12px;
}
.mfrm span:before {
width: 170px !important;
}
.data__info b {
font-size: 17px !important;
}
.txt-lgg-ct img {
width: 100%;
}
}
@media only screen and (min-width: 360px) and (max-width: 640px){
.range-slider__range {
min-width: 320px !important;
}
.w-50 {
padding: 11px;
font-size: 8px !important;
}
.slider-text img {
width: 283px;
}
.social-icons a {
margin-right: -7px !important;
}
.progrreccc span {
font-size: 7px !important;
}
.butam-gradient:before{
height: 20px;
}
.ras {
padding-bottom: 100px;
}
.owl-carousel .owl-item img {
height: auto;
}
.slider-text img{
margin-left: 23px !important;
}
.card1 .card-body img {
height: auto !important;
width: auto !important;
}
.item a {
font-size: 12px;
}
.data__info-item{
margin-left: 11px !important;
margin-bottom: -3px !important;
font-size: 11px;
}
.data__info b {
font-size: 18px !important;
}
.mfrm span:before {
height: 114%;
left: 4px !important;
top: -28px;
}
.header-area.butam-gradientt{
background: #000 !important;
}
header.fixed-top {
background: #000;
}
.counter_box {
margin-left: 0px !important;
}
.txt-lgg-ct img {
width: 100%;
}
}
@media only screen and (min-width: 320px) and (max-width: 568px){
.range-slider__range {
max-width: 285px;
}
.w-50 {
padding: 11px;
font-size: 8px !important;
}
.slider-text img {
width: 298px;
}
.social-icons a {
margin-right: -7px !important;
}
.about-section {
padding-top: 0px;
}
.butam-gradient:before{
height: 20px;
}
.progrreccc span {
font-size: 5px !important;
}
.ras {
padding-bottom: 100px;
}
.owl-carousel .owl-item img {
height: auto;
}
.slider-text img{
margin-left: 7px;
}
.slider-text .button {
margin-left: 11px !important;
}
.card1 .card-body img {
height: auto !important;
width: auto !important;
}
.mfrm span:before {
width: 160px;
top: -3px;
}
.item a {
font-size: 12px;
}
.data__info-item{
margin-left: 11px !important;
margin-bottom: -3px !important;
font-size: 9px;
}
.data__info b {
font-size: 15px !important;
}
.mfrm span:before {
height: 114%;
left: -9px;
}
.header-area.butam-gradientt{
background: #000 !important;
}
header.fixed-top {
background: #000;
}
.counter_box {
margin-left: -3px !important;
}
.txt-lgg-ct img {
width: 100%;
}
}
/*responsive end*/
.form-control.w-br:focus {
border-color: transparent !important;
box-shadow: none !important;
border: 0px solid #fff !important;
}
.form-control{
border: 0px solid #fff !important;
}
.about-section {
padding-bottom: 0px !important;
}
div#roadmap {
padding-bottom: 0px !important;
}
div#partner {
padding-bottom: 0px !important;
}
div#faq {
padding-bottom: 0px;
}
.ico-subscription .form-control:focus {
/*box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25) !important;*/box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 1) !important;
}
.subscrip_row{padding: 30px 0 20px 40px;}
.lalal{
opacity: 0;
}
.mar-l{
margin-left: 44px;
}
/*banner area*/
.main-banner-area {
width: 750px;
height: auto;
overflow: hidden;
margin: 0 auto;
background: rgba(0, 0, 0, 0.91);
z-index: 99999 !important;
position: fixed;
left: 25%;
/*
left: 50%;
transform: translate(-50%, -6%);
*/
top: 10%;
border: 3px solid #dc3bff;
border-radius: 6px;
}
@media (min-width:1025px){
.main-banner-area {
left: 50%;
transform: translate(-50%, -6%);
}
}
.baner-arrea h2 {
font-size: 28px;
text-align: center;
}
.baner-arrea {
padding: 30px;
}
.banner-img img {
max-width: 100%;
height: auto;
}
.banner-img {
box-sizing: border-box;
border: 3px solid #dc3bff;
border-radius: 1px;
}
.close-fs {
color: #fff;
font-size: 20px;
position: absolute;
right: 10px;
top: 4px;
cursor: pointer;
}
.banner-btn {
margin-top: 30px;
}
.banner-btn {
border-bottom: 1px solid #dc3bff;
padding-bottom: 30px;
}
.follow-us-on-banner {
margin-top: 15px;
}
.soical-banner-icons{
margin-top: 8px;
}
.soical-banner-icons a {
color: #fff;
height: 35px;
width: 35px;
line-height: 35px;
font-size: 18px;
border-radius: 50%;
background: #000;
margin-right: 5px;
margin-left: 5px;
display: inline-block;
box-shadow: 0px 0px 5px #dc3bff;
margin-bottom: 15px;
}
.opacity-banner:before {
content: "";
position: absolute;
background: rgba(0, 0, 0, 0.89);
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 999 !important;
}
/*.opacity-banner{
display: none;
}*/
.opacity-banner2{
display: block;
}
.tile-bubbles { position: absolute; left: -25px; top: -25px; height: 120px; width: 120px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); }
.tile-bubbles:before, .tile-bubbles:after { position: absolute; content: ''; border-radius: 50%; background: rgba(255, 255, 255, 0.05); }
.tile-bubbles:before { height: 177px; width: 177px; top: 90px; left: -7px; }
.tile-bubbles:after { height: 144px; width: 144px; top: 60px; left: 60px; }
.item2 a img {
opacity: 0.3 !important;
transition: all .4s;
}
.item2 a img:hover {
opacity: 1 !important;
transition: all .4s;
}
/*===================================*
07. TIMELINE SECTION
*===================================*/
.roadmap {
position: relative;
display: block;
padding:0 100px;
}
.roadmap_box{
margin-top: 115px;
position: relative;
text-align: center;
}
.icon_roadmap {
color: #ffffff;
left: 0;
position: absolute;
right: 0;
top: -115px;
z-index: 9;
}
.icon_roadmap i {
font-size: 38px;
}
.roadmap.gradient_box {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.roadmap::before {
border-top: 1px dashed rgba(255, 255, 255, 0.6);
content: "";
left: 0;
position: absolute;
right: 0;
top: 80px;
}
.roadmap_icon {
background-color: #ffffff;
border-radius: 100%;
height: 20px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: -45px;
width: 20px;
}
.rd_complete .roadmap_icon {
background-color: #ff67cb;
}
.roadmap_icon::before {
border: 3px solid #ffffff;
border-radius: 100%;
bottom: 0;
content: "";
left: 0;
margin: -10px;
position: absolute;
right: 0;
top: 0;
}
.rd_complete .roadmap_icon {
height: 15px;
top: -42px;
width: 15px;
}
.rd_complete.current .roadmap_icon {
height: 20px;
top: -45px;
width: 20px;
}
.rd_complete .roadmap_icon::before {
margin: -8px;
}
.rd_complete.current .roadmap_icon::before {
margin: -10px;
}
.roadmap_inner,
.timeline_inner {
border-radius: 5px;
padding: 10px 5px;
position:relative;
}
.roadmap_box.current .roadmap_inner,
.timeline_box.current .timeline_inner {
background-color: #ff0000;
}
.roadmap_box.current .roadmap_inner::before,
.timeline_box.current .timeline_inner::before {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff0000;
border-style: solid;
border-width: 0 8px 8px;
content: "";
height: 0;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: -8px;
width: 0;
}
.roadmap_box h6,
.timeline_box h6 {
color: #ffffff;
}
.roadmap_box p,
.timeline_box p {
color: #ffffff;
font-size:14px;
line-height:26px;
margin: 0;
}
.roadmap .owl-prev,
.roadmap .owl-next {
position: absolute;
top: 63px;
}
.roadmap .owl-prev {
left: 50px;
}
.roadmap .owl-next {
right: 50px;
}
.roadmap .owl-nav i {
background-color: #ffffff;
border-radius: 100%;
color: #5957cd;
display: block;
font-size: 26px;
height: 33px;
line-height: 37px;
text-align:center;
width: 33px;
}
.roadmap .owl-nav i:hover,
.timeline .owl-nav i:hover {
background-color: #f00;
color: #fff;
}
.roadmap .owl-prev i,
.timeline .owl-prev i {
padding-right: 3px;
}
.roadmap .owl-next i,
.timeline .owl-next i {
padding-left: 3px;
}
.roadmap .owl-nav .disabled {
cursor: default;
}
.roadmap .owl-nav .disabled i,
.timeline .owl-nav .disabled i {
background-color: #ffffff !important;
color: #5957cd;
}
.single_roadmap h6 {
color: #ffffff;
font-weight: 600;
left: 0;
position: absolute;
right: 0;
top: -50px;
}
.roadmap_list .col-lg:nth-child(2n) .single_roadmap h6 {
bottom: -60px;
top: auto;
}
.roadmap_list p {
color: #ffffff;
margin: 0;
}
.roadmap_list {
margin-bottom: 200px;
padding: 0 50px;
position: relative;
text-align: center;
}
.single_roadmap {
padding: 0px 0px 130px;
}
.roadmap_list .col-lg:nth-child(2n+1) .single_roadmap {
left: 0;
padding: 130px 0px 0px;
position: absolute;
}
.single_roadmap .roadmap_icon {
background-color: #ffffff;
border-radius: 100%;
height: 20px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: -9px;
width: 20px;
}
.single_roadmap .roadmap_icon::before {
border: 3px solid #ffffff;
border-radius: 100%;
bottom: 0;
content: "";
left: 0;
margin: -10px;
position: absolute;
right: 0;
top: 0;
}
.roadmap_list .col-lg:nth-child(2n) .single_roadmap .roadmap_icon {
bottom: -10px;
top: auto;
}
.single_roadmap::before {
border-left: 1px dashed rgba(255,255,255,0.6);
content: "";
height: 90px;
left: 50%;
position: absolute;
top: 20px;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.single_roadmap::after {
background-color: #ffffff;
border-radius: 100%;
content: "";
height: 9px;
left: 50%;
position: absolute;
top: 110px;
width: 9px;
-moz-transform: translateX(-50%);
-weblit-transform: translateX(-50%);
transform: translateX(-50%);
}
.roadmap_list .col-lg:nth-child(2n) .single_roadmap::before {
bottom: 20px;
top: auto;
}
.roadmap_list .col-lg:nth-child(2n) .single_roadmap::after {
bottom: 110px;
top: auto;
}
.roadmap_list::before {
border-bottom: 1px dashed rgba(255,255,255,0.6);
content: "";
left: 0;
position: absolute;
right: 0;
top: 100%;
}
.single_roadmap.roadmap_done .roadmap_icon {
background-color: #ff67cb;
}
.box_roadmap {
margin-top: 120px;
position: relative;
text-align: center;
}
.box_roadmap .roadmap_inner {
padding: 20px 5px 0;
}
.roadmap_wrap::before {
border-top: 1px dashed rgba(255, 255, 255, 0.6);
content: "";
height: 3px;
left: 0;
position: absolute;
top: 17px;
width: 100%;
}
.box_roadmap h6 {
color: #ffffff;
}
.box_roadmap p {
color: #ffffff;
font-size: 14px;
line-height: 26px;
margin: 0;
}
.box_roadmap .roadmap_inner::before {
border-left: 1px dashed rgba(255, 255, 255, 0.6);
content: "";
height: 86px;
left: 50%;
position: absolute;
top: -86px;
}
.box_roadmap .roadmap_inner::after {
background-color: #ff67cb;
border-radius: 100%;
content: "";
height: 10px;
left: 50%;
position: absolute;
top: 0;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 10px;
z-index: 0;
}
.box_roadmap.rd_complete .roadmap_icon::after {
color: #ffffff;
content: "";
font-family: ionicons;
font-size: 14px;
left: 6px;
line-height: 16px;
position: absolute;
top: 3px;
}
.box_roadmap .roadmap_icon {
height: 24px;
top: -115px;
width: 24px;
}
.box_roadmap .roadmap_icon::before {
background-color: rgba(255, 255, 255, 0.5);
border: 0 none;
margin: -4px;
z-index: -1;
}
.roadmap_wrap .owl-prev {
left: -20px;
}
.roadmap_wrap .owl-next {
right: -20px;
}
.roadmap_wrap .owl-nav i {
color: #ffffff;
display: block;
font-size: 26px;
text-align: center;
}
.roadmap_wrap .owl-nav i:hover {
color: #ff67cb;
}
.roadmap_wrap .owl-prev,
.roadmap_wrap .owl-next {
position: absolute;
top: 4px;
}
.timeline_wrap {
padding-top: 30px;
position: relative;
}
.timeline_wrap::before {
background-color: #0043bb;
bottom: 0;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
width: 1px;
}
.timeline_block {
display: inline-block;
position: relative;
margin-bottom: 30px;
}
.timeline_icon.tm_complete {
background-color: rgba(7,24,144,0.5);
color: #ffffff;
}
.timeline_icon.tm_complete::before {
background-color: #071890;
border-radius: 100%;
bottom: 0;
content: "";
height: 8px;
left: 50%;
position: absolute;
right: 0;
top: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 8px;
}
.timeline_icon {
background-color: #071890;
border-radius: 100%;
font-size: 12px;
height: 20px;
left: 50%;
line-height: 23px;
position: absolute;
text-align: center;
top: 15px;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 20px;
}
.timeline_content {
background-color: #071890;
border-radius: 5px;
padding: 15px;
position: relative;
text-align: right;
width: 46%;
}
.timeline_content h6 {
color: #ffffff;
}
.timeline_content p {
color: #ffffff;
font-size: 14px;
line-height: normal;
margin: 0;
}
.timeline_block:nth-child(2n) .timeline_content {
float: right;
text-align: left;
}
.tm_date {
color: #071890;
font-weight: 600;
left: 115%;
line-height: normal;
position: absolute;
text-align: left;
top: 12px;
width: 100%;
}
.timeline_content::before {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #071890;
border-style: solid;
border-width: 9px 0 9px 9px;
content: "";
height: 0;
position: absolute;
right: -9px;
top: 17px;
width: 0;
}
.timeline_block:nth-child(2n) .timeline_content::before {
border-color: rgba(0, 0, 0, 0) #071890 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-width: 9px 9px 9px 0;
left: -9px;
right: auto;
}
.timeline_block:nth-child(2n) .tm_date {
left: auto;
right: 115%;
text-align: right;
}
.timeline_box {
margin-top: 45px;
position: relative;
text-align: center;
}
.timeline::before {
background-color: rgba(255, 255, 255, 0.20);
content: "";
height: 5px;
left: 0;
position: absolute;
top: 15px;
width: 100%;
}
.timeline .owl-prev, .timeline .owl-next {
position: absolute;
top: 0px;
}
.timeline .owl-nav i {
background-color: #ffffff;
border-radius: 100%;
color: #5957cd;
display: block;
font-size: 26px;
height: 33px;
line-height: 37px;
text-align: center;
width: 33px;
}
.timeline .owl-prev {
left: -30px;
}
button.owl-prev:before {
content: "<";
position: absolute;
font-size: 30px;
line-height: 34px;
text-align: center;
margin-left: 6px;
font-weight: 500;
}
.timeline .owl-next {
right: -30px;
}
button.owl-next:before {
content: ">";
position: absolute;
font-size: 30px;
line-height: 34px;
text-align: center;
margin-left: 6px;
font-weight: 500;
}
.timeline_circle {
background-color: #ffffff;
border-radius: 100%;
height: 13px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: -34px;
width: 13px;
}
.timeline_circle::before {
border: 2px solid #ffffff;
border-radius: 100%;
bottom: 0;
content: "";
left: 0;
margin: -6px;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.timeline_box.complete .timeline_circle::before {
border-color: #ff0000;
margin: -8px;
background-color: #ff0000;
z-index: -1;
}
.timeline_box.complete::before {
content: "";
position: absolute;
left: -46%;
top: -30px;
background-color: #ff0000;
height: 5px;
z-index: -2;
width: 109%;
margin-left: -30px;
}
.v_light_dark .roadmap .owl-nav i,
.v_light_dark .roadmap .owl-nav .disabled i:hover {
color: #121833;
}
.v_light_dark .roadmap .owl-nav i:hover {
color: #ffffff;
}
.v_blue .roadmap .owl-nav i,
.v_blue .roadmap .owl-nav .disabled i:hover {
color: #121a6d;
}
.v_blue .roadmap .owl-nav i:hover {
color: #ffffff;
}
.v_blue_light .roadmap_list h6,
.v_blue_light .roadmap_list p {
color: #7a7a7a;
}
.v_blue_light .single_roadmap::before,
.v_blue_light .single_roadmap .roadmap_icon::before,
.v_blue_light .roadmap_list::before {
border-color: #193dc0;
}
.v_blue_light .single_roadmap .roadmap_icon,
.v_blue_light .single_roadmap::after {
background-color: #193dc0;
}
.v_dark .timeline .owl-nav i {
color: #0c0e27;
}
.v_dark .timeline .owl-nav [class*="owl-"]:not(.disabled) i:hover,
.v_navy_blue .timeline .owl-nav [class*="owl-"]:not(.disabled) i:hover,
.v_cyan_blue .timeline .owl-nav [class*="owl-"]:not(.disabled) i:hover {
color: #fff;
}
.v_navy_blue .timeline .owl-nav i {
color: #0043bb;
}
.v_cyan_blue .timeline .owl-nav i {
color: #0e082c;
}
/*===================================*
07. END TIMELINE SECTION
*===================================*/
/*.slider-area.butam-gradient {
height: 85vh;
background-repeat: no-repeat;
width: 100%;
background-size: cover;
}
*/
@media only screen and (min-width: 1024px) and (max-width: 1366px){
.main-banner-area {
max-width:80% !important;
max-height: 717px !important;
left: 12% !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.main-banner-area {
width: 80%;
height: 670px;
left: 10% !important;
}
.top-n {
margin-right: 84px !important;
}
.navarea ul li a {
font-size: 6px !important;
}
.w-50{
font-size: 9px !important;
}
.range-slider__range{
width: 258% !important;
}
button#calc{
font-size: 11px;
}
.mar-l {
font-size: 12px !important;
margin-top: 30px;
}
.mar-ll {
font-size: 13px !important;
margin-top: 30px;
}
button.owl-next {
margin-left: 28px;
position: absolute;
right: 1px !important;
}
}
@media only screen and (min-width: 414px) and (max-width:736px ){
}
@media only screen and (min-width: 360px) and (max-width: 640px){
.main-banner-area {
/*width: 320px !important;*/
width: 80% !important;
height: 650px;
left: 10% !important;
top: 14%;
}
.baner-arrea h2 {
font-size: 12px;
line-height: 20px;
}
.main-banner-area{
height: 500px;
}
.mar-l {
margin-left: -17px;
}
.timeline .owl-prev {
left: -25px;
}
button.owl-next {
margin-left: 28px;
position: absolute;
right: 1px !important;
}
.token-stage h4 {
text-align: center;
}
.about-videos iframe {
height: 280px;
}
}
@media only screen and (min-width: 320px) and (max-width: 568px){
.main-banner-area {
width: 285px;
/* height: 465px !important; */
left: 6%;
top: 14%;
}
.baner-arrea {
padding: 10px;
}
.baner-arrea h2 {
font-size: 12px;
line-height: 20px;
}
.main-banner-area{
height: 500px;
}
.mar-l {
margin-left: -17px;
}
.timeline .owl-prev {
left: -25px;
}
button.owl-next {
margin-left: 28px;
position: absolute;
right: 1px !important;
}
.token-stage h4 {
text-align: center;
}
.about-videos iframe {
height: 280px;
}
}
.pdtt{
padding-top: 160px !important;
}
.token-stage.active h4 {
color: #000 !important;
}
.token-stage:hover h4 {
color: #000;
transition: all 0.5s ease-in-out;
}
.input-field.animated.cck {
text-align: left;
color: #000;
}
.input-field.animated.cck label a {
color: #4472c4;
}
@media (max-width: 767px) {
.main-banner-area {width: 80% !important; height: auto; left: 10% !important;}
}
@media (max-width: 640px) {
.main-banner-area {width: 80% !important; height: auto; left: 10% !important;}
}
@media (max-width: 480px) {
.main-banner-area {width: 90% !important; height: auto; left: 5% !important;}
}
.mobdrop .dropdown-toggle::after{
color:#fff;
}
.mobdrop .dropdown-toggle{
background-color:transparent;
}
.mobdrop .btn.focus, .mobdrop .btn:focus{
box-shadow: none;
}
/*new css*/
.bottom-footer {
border-top: 0px solid transparent !important;
}
.section-padding3 {
padding-top: 0px;
}
.footer-area {
background: none;
}
.slider-area {
overflow: hidden;
position: relative;
padding-top: 190px;
padding-bottom: 0px;
}
.banner_texxt p {
/*font-family: 'Inter', sans-serif;*/
/*font-family: 'Candal', sans-serif;*/
font-size: 18px;
line-height: 22px;
color: #fff;
position: relative;
top: -20px;
left: 0px;
}
.banner_texxt {
margin-top: 40px;
margin-bottom: 15px;
}
.button_bannerr{
margin-bottom: 55px;
}
.button_bannerr a {
background: #000;
padding: 10px 30px;
border-radius: 33px;
display: inline-block;
color: #fff;
font-weight: 500;
text-transform: uppercase;
color: #fff;
transition: all .5s ease-in-out;
font-size: 18px;
border: 2px solid #fd850a;
}
.button_bannerr a:hover {
background: #fd850a;
color: #fff;
}
.nav-bttn a {
font-size: 18px;
}
.footer-t {
color: #fff;
font-size: 18px;
font-family: 'Inter', sans-serif;
margin-top: 79px;
margin-left: 100px;
}
.footer-menuss a {
color: #fff;
font-size: 19px;
font-family: 'Inter', sans-serif;
}
.footer-menuss {
margin-top: 50px;
margin-top: 79px;
color: #fff;
font-family: 'Inter', sans-serif;
}
.banner_imggg {
margin-left: 0px;
}
.nav-bttn a {
background: #000;
color: #fff;
transition: all .5s ease-in-out;
border: 2px solid #fd850a;
}
.footer-menuss a:hover {
color: #fd850a;
text-decoration: underline;
}
body{
background: #fff;
}
.mm5 {
padding-top: 53px;
}
/*loader csss*/
.lds-ring {
display: inline-block;
position: relative;
width: 200px;
height: 200px;
}
.lds-ring div {
/*box-sizing: border-box;
display: block;
position: absolute;
width: 200px;
height: 200px;
margin: 0 auto;
border: 8px solid #dc3bff;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #333 transparent #dc3bff transparent;*/
display: inline-block;
position: absolute;
left: 8px;
width: 16px;
background: #fff;
animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
margin-top: 75px;
}
.lds-ring div:nth-child(1) {
left: 8px;
animation-delay: -0.24s;
margin-top: 75px;
}
.lds-ring div:nth-child(2) {
left: 32px;
animation-delay: -0.12s;
margin-top: 75px;
}
.lds-ring div:nth-child(3) {
left: 56px;
animation-delay: 0;
margin-top: 75px;
}
@keyframes lds-facebook {
0% {
top: 8px;
height: 64px;
}
50%, 100% {
top: 24px;
height: 32px;
}
}
.lds-ring {
display: inline-block;
position: fixed;
width: 200px;
height: 200px;
left: 47%;
top: 44%;
}
@media only screen and (min-width: 360px) and (max-width: 640px){
.banner_imggg {
margin-left: 0px;
}
.slider-area {
padding-top: 130px;
padding-bottom: 35px;
}
.footer-t {
margin-left: 0px;
font-size: 14px;
}
.banner_imggg img {
width: 100%;
}
.butam-gradient {
background-position: bottom;
background-repeat: no-repeat;
background-size: 707px;
}
.footer-menuss a {
font-size: 14px;
}
.footer-menuss{
margin-top: 20px
}
.lds-ring {
display: inline-block;
position: fixed;
width: 200px;
height: 200px;
left: 36%;
top: 41%;;
}
}
@media only screen and (min-width: 320px) and (max-width: 568px){
.banner_imggg {
margin-left: 0px;
}
.slider-area {
padding-top: 100px;
padding-bottom: 35px;
}
.footer-t {
margin-left: 0px;
font-size: 14px;
}
.banner_imggg img {
width: 45%;
}
.butam-gradient {
background-position: bottom;
background-repeat: no-repeat;
background-size: 707px;;
}
.footer-menuss a {
font-size: 14px;
}
.footer-menuss{
margin-top: 20px
}
.lds-ring {
display: inline-block;
position: fixed;
width: 200px;
height: 200px;
left: 36%;
top: 41%;
}
}
@media (max-width: 767px) {
.banner_imgggx {
display: none !important;
}
}
@media (min-width: 767px) {
.banner_imgggxb {
display: none !important;
}
}
.subtitlepp p {
p {
font-size: 18px;
line-height: 22px;
margin-bottom: 10px;
color: #000 !important;
}
}
/*Table section start*/
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 1px solid #fff;
}
th, td {
text-align: left;
padding: 8px;
color: #fff;
}
tr:nth-child(even){background-color: rgba(176, 176, 176, 0.66)}
/*Table section end */
/* Mobile or Desktop only Start */
@media (min-width:992px) {
.desktop-onlyy {
display:block !important;
}
.mobile-onlyy {
display:none !important;
}
}
@media (max-width: 991px) {
.mobile-onlyy {
display:block !important;
}
.desktop-onlyy {
display:none !important;
}
}
/* Mobile or Desktop only End */
/* BREAK only on mobile START */
@media screen and (min-width: 600px) {
.mobile-break { display: none; }
}
/* BREAK only on mobile END */