html, body {
height: 100%;
font-family: 'Open Sans', sans-serif;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
color: #000000;
margin: 0;
font-weight: 500;
font-family: 'Open Sans', sans-serif;
line-height: normal;
}
h1 {
font-size: 70px;
}
h2 {
font-size: 48px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 15px;
}
p {
font-size: 16px;
color: #000000;
line-height: 1.7;
letter-spacing: 0.7px;
}
img {
max-width:100%;
display:block;
margin:0 auto;
}
.touch img {
display: inline;
}
.height-auto {
height: auto;
}
input:focus, select:focus, button:focus, textarea:focus {
outline: none;
}
a:hover, a:focus {
text-decoration: none;
outline: none;
}
ul, ol {
padding-left: 34px;
margin: 0;
}
.banner-container {
max-width: 92%;
margin: 0 auto;
}
.spad {
padding-top: 40px;
padding-bottom: 45px;
}
.section-title {
margin-bottom: 60px;
}
.section-title h2 {
margin-bottom: 20px;
}
.section-title p {
margin-bottom: 0;
}
.set-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: center 0;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white p, .text-white span, .text-white li, .text-white a {
color: #fff;
}
.site-btn {
border-radius: 50px;
padding: 14px 25px;
font-size: 15px;
font-weight: bold;
width: auto;
min-width: inherit;
font-family: 'Open Sans', sans-serif;
border: 0px;
position: relative;
display: inline-block;
line-height: 16px;
text-align: center;
}
.site-btn:hover {
color: #fff;
}
.site-btn.no-radius {
border-radius: 2px;
}
.site-btn.sb-full-- {
display: block;
width: 100%;
border-radius: 0;
}
.site-btn.sb-gradients {
padding: 17px 32px;
border: none;
color: #fff;
}
.site-btn.sb-gradients.sbg-line {
color: #20509e;
z-index: 1;
}
.site-btn.sb-gradients.sbg-line:after {
position: absolute;
content: '';
width: calc(100% - 4px);
height: calc(100% - 4px);
background: #fff;
top: 2px;
left: 2px;
z-index: -1;
border-radius: 50px;
}
.site-btn.sb-gradients.sbg-line:hover {
color: #20509e;
}
.orange-btn {
background-color: #ffc41b;
color: #000 !important;
text-transform: capitalize;
}
.grey-bg {
background-color: #383b40;
}
.bg-gray {
background: #f5f5f5;
}
.light-grey-bg {
background-color: #f2f2f2;
}
.black-bg {
background-color: #000000;
}
/*-------------------------- model ------------------------------*/
.modal {
background: rgba(250, 239, 239, 0.05);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(7px);
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.18);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
display: flex !important;
align-items: center;
justify-content: center;
}
.modal-header {
background: rgb(113, 113, 113);
background: linear-gradient(180deg, rgba(113, 113, 113, 1) 0%, rgba(25, 25, 15, 1) 79%);
padding-bottom: 1.3rem;
border-radius: 0;
}
.modal-header h3 {
font-size: 25px;
}
.modal-header .orange-t {
display: none;
}
.modal-header .orange-t.de-t {
display: block;
}
.modal-header.get-text .orange-t.get-t, .modal-header.port-text .orange-t.port-t {
display: block;
}
.modal-header.get-text .orange-t.port-t, .modal-header.port-text .orange-t.get-t, .modal-header.get-text .orange-t.de-t, .modal-header.port-text .orange-t.de-t {
display: none;
}
h3.get-t {
color: #ffc41b;
font-size: 23px;
font-weight: bold;
text-transform: uppercase;
}
p.hear {
color: #fff;
font-size: 20px;
margin-bottom: 0;
text-transform: capitalize;
}
.site-modal .close {
background-color: #ffc41b;
z-index: 999;
opacity: 1;
border-radius: 50px;
padding: 12px 17px;
color: #000;
right: 3px;
position: absolute;
top: 7px;
font-size: 18px;
font-weight: 400;
text-shadow: none;
}
.frmhidden {
display: none;
visibility: hidden;
}
/*----------------------------model-close------------------------*/
/*------------------------------ header -------------------------*/
.header-section {
position: fixed;
width: 100%;
top: 0;
padding: 10px 27px;
z-index: 99;
background-color: #000000;
}
.main-menu {
padding: 0;
}
.navbar-dark .navbar-brand {
padding: 0px;
}
.site-logo img {
width: 100%;
max-width: 200px;
margin-top: -4px;
}
.menu-list li a {
display: inline-block;
font-size: 15px;
padding: 11px 11px;
margin-right: 0px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-family: sans-serif;
}
.menu-list li.iconstop a {
padding: 0px;
margin: 0px;
}
.menu-list li .mo-v {
display: none;
}
.menu-list img {
max-width: 45px;
margin: 0 3px;
}
.menu-list .site-btn {
padding: 13px 25px;
font-size: 15px;
margin-right: 5px;
text-transform: capitalize;
}
.navbar-dark .navbar-toggler {
color: #fff;
border-color: #fff;
}
/*------------------------ header close ----------------------------*/
/*---------------------------footer --------------------------------*/
footer.spad {
background: #000;
border-top: 1px solid #adadad;
padding-bottom: 0;
}
footer ul li a {
color: #fff !important;
letter-spacing: 0.7px;
padding: 12px 0;
display: block;
}
footer .container {
padding-bottom: 25px;
}
footer ul {
padding: 0;
list-style: none;
}
p.copy-right {
font-size: 15px;
color: #000;
font-weight: 500;
margin-bottom: 0px;
text-align: center;
background: #fff;
padding: 5px;
}
.whatsapp-swipe li a {
padding: 0;
}
.whatsapp-swipe {
position: fixed;
bottom: 0px;
left: 10px;
z-index: 999;
}
.whatsapp-swipe li {
list-style: none;
float: none;
margin-left: 0px;
margin-bottom: 20px;
}
.whatsapp-swipe a i {
display: block;
color: #fff;
font-size: 26px;
border-radius: 50%;
width: 49px;
height: 49px;
text-align: center;
position: relative;
}
.whatsapp-swipe a i img {
width: 30px;
height: 30px;
border-radius: 50%;
display:block;
margin:0 auto;
}
.whatsapp-swipe .whatsappline i img {
border: 1px solid #24d266;
background: #24d266;
}
.whatsapp-swipe .skypeline i img {
border: 1px solid #189ef4;
background: #189ef4;
}
.whatsapp-swipe a i:after {
content: "";
display: block;
position: absolute;
left: -13px;
top: -22px;
border-radius: 50%;
animation: animate 1.6s linear infinite;
opacity: 0;
backface-visibility: hidden;
animation-delay: 0.6s;
width: 75px;
height: 75px;
}
.whatsapp-swipe .skypeline a i:after {
border: 5px solid #00baf0;
}
.whatsapp-swipe .whatsappline a i:after {
border: 5px solid #17c258;
}
@keyframes animate {
0% {
transform: scale(0.5);
opacity: 0;
}
50% {
opacity: 1;
}
}
.socialbgbanner {
width: 100%;
display: inline-block;
margin-bottom: 21px;
margin-top: 0px;
}
.socialbgbanner p {
color: #fff;
font-size: 20px;
font-weight: bold;
padding-bottom: 10px;
position: relative;
}
.socialbgbanner p::before {
content: '';
display: block;
width: 65px;
border-bottom: 2px solid #ffc41b;
bottom: 0;
position: absolute;
}
.social-list li a {
border-radius: 50%;
padding: 0;
margin-right: 18px;
}
.social-list li:last-child a {
margin-right: 0;
}
.social-list {
padding-left: 0;
}
.social-list li a i {
width: 30px;
height: 30px;
text-align: center;
padding: 2px 8px;
background: transparent;
font-size: 16px;
color: #333;
border-radius: 0;
display: flex;
align-items: center;
}
.social-list li a i img {
width: 17px;
}
.social-list li {
list-style: none;
float: left;
}
.face-c {
background-color: #34558e;
display: block;
}
.pint-c {
background-color: #dc4a38;
display: block;
}
.insta-c {
background-color: #b50060;
display: block;
}
.twit-c {
background-color: #25b8e6;
display: block;
}
.link-c {
background-color: #007ab5;
display: block;
}
.tele-c {
background-color: #00c9f0;
display: block;
}
.yout-c {
background-color: #ff333d;
display: block;
}
/*------------------------ footer-close ----------------------------*/
/*----------------------- Header-banner ----------------------------*/
.hero-section {
display: block;
background-color: #000000;
background-size: cover;
background-position: right top;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
padding: 50px 0px;
padding-bottom: 0px;
}
.hero-section .full-width {
padding: 0px;
}
.full-width {
width: 100%;
max-width: 100% !important;
}
.table-content {
display: table;
}
.hero-section .table-content {
width: 100%;
}
.table-content>div {
display: table-cell;
vertical-align: middle;
width: 50%;
}
.site-table-content {
display: table;
}
.site-table-content>div {
display: table-cell;
vertical-align: middle;
width: 50%;
}
.labtop-bg {
background-image: url(../img/trade-labtop.png);
background-size: cover;
background-position: top left 107%;
background-repeat: no-repeat;
height: 93vh;
}
.hero-text {
padding: 30px 0px;
}
.banner-text h1 {
max-width: 465px;
margin: 0 auto;
font-size: 38px;
}
.banner-text p {
font-size: 18px;
color: #fff;
text-align: center;
margin-top: 20px;
letter-spacing: 0.7px;
}
.banner-text h2 {
font-size: 35px;
}
.select-box {
display: table;
width: auto;
margin: 0px auto;
}
.box {
display: table-cell;
width: 170px;
padding: 10px;
}
.gallery-card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 100px;
padding: 20px 10px;
width: 200px;
margin-bottom: 14px;
}
.gallery-card.selected .checkmark {
border: 2px solid #ffc41b;
}
.gallery-card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.gallery-card img {
height: auto;
width: 100%;
max-width: 75px;
}
.block-check {
display: block;
position: relative;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.block-check input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: relative;
bottom: -6px;
display: inline-block;
height: 38px;
width: 38px;
border: 2px solid #515256;
border-radius: 50px;
background-color: #242424;
background-image: url(../img/radio-circle.png);
background-repeat: no-repeat;
background-position: center center;
}
.block-check:hover input~.checkmark {
background-color: #0e0e0e;
}
.block-check input:checked~.checkmark {
background-color: #0e0e0e;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.block-check input:checked~.checkmark:after {
display: block;
}
.block-check .checkmark:after {
left: 9px;
top: 9px;
width: 16px;
height: 16px;
border: solid #5efc50;
border-width: 0 16px 16px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 17px;
}
.pic-s p {
color: #fff;
text-transform: uppercase;
letter-spacing: 0.3px;
margin-bottom: 4px;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}
.hero-section .laptop-image {
width: 100%;
max-width: none;
position: relative;
max-width: 777px;
}
.banner-container .hero-text:first-child {
padding-bottom: 0;
}
.banner-text {
margin-bottom: 20px;
}
.hero-text h2 {
font-size: 70px;
}
.hero-text h2 span {
color: #16d0c5;
}
.hero-text h4 {
color: #75849a;
font-size: 22px;
}
.hero-subscribe-from {
margin-top: 50px;
display: block;
}
.hero-subscribe-from input {
width: 315px;
border: 1px solid #ebebeb;
background: #fff;
height: 48px;
padding: 0 25px;
border-radius: 50px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
margin-right: 8px;
margin-bottom: 20px;
}
/*-------------------------------------------- header-banner-close -----------------------------------*/
.flexboxabout {
display: flex;
}
.grey-box {
background-color: #ededed;
padding: 20px;
margin: 12px;
}
.blog-whl {
text-align: center;
}
/*-------------------------------- about us -------------------------------*/
.wework .adminfeatflex {
justify-content: space-around;
}
.wework .adminfeatbox {
max-width: 450px;
background: #fff;
padding: 0;
box-shadow: 0px 0px 20px 1px #cdcdcd;
border-radius: 50px;
border:none;
margin-top :20px;
}
.wework .adminfeatbox h4 {
padding: 10px 0px;
background: #ffb000;
color: #000000;
margin-bottom: 40px;
position: relative;
border-radius:5px;
}
.wework .adminfeatbox h4:before {
content: '';
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 20px solid #ffb000;
display: block;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 97%;
}
.wework .adminfeatbox p {
color: #000000;
padding: 0 20px 20px 20px;
}
.about-section .container {
position: relative;
}
.about-text h2 {
font-size: 48px;
margin-bottom: 25px;
}
.about-text h5 {
font-family: 'Open Sans', sans-serif;
margin-bottom: 20px;
}
.about-text p {
font-size: 18px;
}
.about-img {
position: absolute;
top: 0;
left: -120px;
width: 662px;
}
.grey-box.black-bg:before {
content: '';
width: 35px;
height: 35px;
display: block;
position: absolute;
border-top: 2px solid #ffb41b;
border-left: 2px solid #ffb41b;
left: -10px;
top: -10px;
transition: 0.2s;
}
.grey-box.black-bg:hover:before {
left: 10px;
top: 10px;
}
.grey-box.black-bg:after {
content: '';
width: 35px;
height: 35px;
display: block;
position: absolute;
border-bottom: 2px solid #ddb41b;
border-right: 2px solid #ffb41b;
right: -10px;
bottom: -10px;
transition: 0.2s;
}
.grey-box.black-bg:hover:after {
right: 10px;
bottom: 10px;
}
.grey-box.black-bg {
background: #000 !important;
border-radius: 10px;
position:relative;
overflow:hidden;
}
.grey-box img {
margin-bottom: 20px;
}
.black-bg p {
color: #fff;
}
.features-section .container {
margin-bottom: -45px;
}
.feature {
margin-bottom: 45px;
}
.feature i {
font-size: 48px;
float: left;
padding-top: 10px;
}
.feature .feature-content {
padding-left: 70px;
}
.feature .feature-content h4 {
margin-bottom: 15px;
}
.feature .readmore {
text-decoration: underline;
line-height: 1.2;
}
.team-members {
margin: 0 -10px;
}
.review-meta-slider {
position: relative;
width: 300px;
}
.author-meta {
padding: 50px 0 70px;
position: relative;
text-align: center;
}
.author-meta:last-child {
margin-right: 0;
}
.author-avatar {
width: 80px;
height: 80px;
border: 6px solid #fff;
border-radius: 50%;
-webkit-box-shadow: 0px 16px 21px rgba(33, 54, 61, 0.15);
box-shadow: 0px 16px 21px rgba(33, 54, 61, 0.15);
display: inline-block;
}
.author-avatar h4 {
font-size: 22px;
}
.author-avatar p {
font-size: 15px;
}
.author-name {
position: absolute;
width: 280px;
left: -50%;
bottom: -10px;
margin-left: -50px;
text-align: center;
visibility: hidden;
}
.justify-center {
justify-content: center;
}
.center .author-meta {
top: -6px;
}
.center .author-name {
visibility: visible;
}
.center .author-avatar {
width: 100px;
height: 100px;
}
.review-text p {
font-size: 22px;
}
.review-text-slider .owl-nav {
padding-top: 15px;
}
.review-text-slider .owl-prev, .review-text-slider .owl-next {
width: 50px;
height: 50px;
display: inline-block;
background: #cbd3df;
color: #fff;
font-size: 24px;
text-align: center;
margin-right: 10px;
border-radius: 50%;
padding-top: 8px;
}
.pull-3 {
right: 66.666667%;
}
.push-8 {
left: 33.333333%;
}
.newsletter-section {
padding: 50px 0;
}
.newsletter-text h2 {
font-size: 36px;
margin-bottom: 10px;
}
.newsletter-text p {
margin-bottom: 0;
}
.newsletter-form {
position: relative;
margin-top: 20px;
padding-left: 40px;
}
.newsletter-form input {
width: 100%;
font-size: 16px;
padding: 12px 30px;
border: none;
border-radius: 50px;
padding-right: 160px;
background: rgba(255, 255, 255, 0.2);
color: #fff;
}
.newsletter-form button {
position: absolute;
right: 0;
top: 0;
height: 100%;
border: none;
border-radius: 0px 50px 50px 0px;
min-width: 140px;
background: #fff;
color: #20509e;
font-size: 15px;
font-weight: 600;
cursor: pointer;
}
.newsletter-form::-webkit-input-placeholder {
color: #fff;
}
.newsletter-form:-ms-input-placeholder {
color: #fff;
}
.newsletter-form::-ms-input-placeholder {
color: #fff;
}
.newsletter-form::placeholder {
color: #fff;
}
.blog-section {
background: #f3f7f9;
}
.blog-thumb {
margin-bottom: 0;
}
.blog-text {
background: #fff;
padding: 30px;
-webkit-box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.1);
box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.1);
}
.blog-text .post-date {
font-size: 15px;
font-family: 'Open Sans', sans-serif;
color: #16d0c5;
text-transform: uppercase;
margin-bottom: 15px;
display: block;
letter-spacing: 2px;
}
.blog-text .blog-title {
font-size: 22px;
margin-bottom: 20px;
}
.blog-text .blog-title a {
color: #20509e;
}
.blog-text .post-meta a {
color: #75849a;
margin-right: 25px;
}
.blog-text .post-meta a:last-child {
margin-right: 0;
}
.blog-text .post-meta a span {
color: #cbd3df;
}
.blog-text .post-meta a i {
color: #16d0c5;
}
.post-loadmore {
width: 100%;
border-radius: 0px;
}
.post-loadmore.site-btn.sb-gradients.sbg-line:after {
border-radius: 0px;
}
.social a {
width: 40px;
height: 40px;
border-radius: 50%;
color: #fff;
display: inline-block;
margin-right: 10px;
text-align: center;
padding-top: 7px;
font-size: 18px;
}
.social a:last-child {
margin-right: 0;
}
.social .facebook {
background: #4b6cd0;
}
.social .google {
background: #f03b3b;
}
.social .instagram {
background: #bb8950;
}
.social .twitter {
background: #49a7f3;
}
.social-media li a {
xbackground-color: #111;
xcursor: auto !important;
}
.social-media li a i {
xcolor: #111;
}
.page-info-section {
height: 300px;
background-image: url("../img/page-info-bg.png");
background-size: cover;
background-color: #f3f7f9;
background-position: right top;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
display: block;
padding-top: 100px;
}
.page-info-section h2 {
font-size: 48px;
}
.site-beradcamb {
padding-top: 10px;
}
.site-beradcamb a {
color: #20509e;
font-size: 16px;
}
.site-beradcamb span {
color: #acb9cc;
font-size: 16px;
}
.site-beradcamb i {
margin: 0 3px;
}
.blog-page .blog-item {
margin-bottom: 30px;
}
.blog-page .readmore {
color: #20509e;
}
.blog-page .readmore i {
color: #16d0c5;
}
.bi-feature .post-meta {
margin-bottom: 30px;
}
.bi-feature .blog-text .blog-title {
font-size: 36px;
}
.contact-form {
padding-right: 35px;
}
.contact-form h5 {
font-size: 16px;
font-family: 'Open Sans', sans-serif;
}
.contact-form h5 span {
color: #16d0c5;
}
.contact-form .form-group {
position: relative;
margin-bottom: 20px;
}
.contact-form .form-group span {
position: absolute;
right: 0;
top: 10px;
font-size: 16px;
color: #7bc063;
opacity: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.contact-form .form-group span.active {
opacity: 1;
}
.contact-form .check-form {
padding-right: 20px;
}
.contact-form input, .contact-form textarea {
width: 100%;
height: 50px;
border: none;
border-bottom: 1px solid #ebebeb;
font-size: 16px;
padding-bottom: 10px;
color: #20509e;
}
.contact-form input:focus, .contact-form textarea:focus {
border-color: #20509e;
}
.contact-form textarea {
padding-bottom: 10px;
padding-top: 10px;
height: 115px;
}
.contact-form .contact-type .ct-label {
display: inline-block;
position: relative;
padding-left: 20px;
margin-bottom: 12px;
margin-right: 40px;
cursor: pointer;
font-size: 16px;
color: #acb9cc;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.contact-form .contact-type .ct-label input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.contact-form .contact-type .ct-label input:checked~.checkmark:after {
content: 'f111';
color: #16d0c5;
}
.contact-form .contact-type .ct-label .checkmark {
position: absolute;
top: 3px;
left: 0;
height: 25px;
width: 25px;
}
.contact-form .contact-type .ct-label .checkmark:after {
position: absolute;
content: "f10c";
font-family: 'FontAwesome';
font-size: 15px;
}
.contact-form .contact-type .ct-label:last-child {
margin-right: 0;
}
.contact-form::-webkit-input-placeholder {
color: #acb9cc;
}
.contact-form:-ms-input-placeholder {
color: #acb9cc;
}
.contact-form::-ms-input-placeholder {
color: #acb9cc;
}
.contact-form::placeholder {
color: #acb9cc;
}
.map {
height: 390px;
-webkit-box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.15);
box-shadow: 0px 23px 49px rgba(33, 54, 61, 0.15);
}
.pad-l-0 {
padding-left: 0px !important;
}
.left-pic {
text-align: left;
}
.white-t {
color: #fff;
}
.white-t.link:hover {
color: #fff;
}
.link, .link:hover {
color: inherit;
}
.orange-t {
color: #ffc41b;
}
.m-b-15 {
margin-bottom: 15px;
}
.b-f {
font-weight: 700;
}
.white-btn {
background-color: #fff;
color: #000 !important;
}
.black-btn {
background-color: #000;
color: #fff;
}
.m-t-25 {
margin-top: 25px;
}
.contact-bg {
background-color: #252525;
}
.contact-bg .h3 {
font-size: 25px;
margin-bottom: 21px !important;
border-bottom: 1px solid;
padding-bottom: 20px;
}
.contact-bg .form-control {
padding: 10px;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
border-radius: 4px;
border: 0px;
font-size: 15px;
height: 44px;
background: transparent;
border-bottom: 1px solid #989898;
border-radius: 0px;
box-shadow: none;
color: #fff;
}
.contact-bg .intlphonegroup .intl-tel-input .coutrytext {
border: none !important;
border-bottom: 1px solid #989898 !important;
}
.contact-bg .itlnum2 .plusiconphone {
color: #fff;
}
.contact-bg .itlnum2 .countrycodet {
background: transparent;
color: #fff;
border-bottom: 1px solid #989898;
}
.contact-bg textarea.form-control {
border-radius: 0px;
height: auto !important;
}
.contact-bg form {
padding: 20px 20px;
background-color: #000;
border: 1px solid #cdcdcd;
border-radius: 7px;
max-width: 535px;
margin: 0 auto;
}
.pad-b-0 {
padding-bottom: 0px;
}
.buy-bg {
background-image: url(../img/buy-sell-bg.jpg);
background-size: cover;
}
.trade-bg {
background-image: url(../img/chart-bg.jpg);
background-size: cover;
}
.tick-list li {
list-style: none;
margin-bottom: 15px;
font-size: 20px;
line-height: 30px;
padding-left: 35px;
}
.tick-list li:before {
content: "f00c";
position: absolute;
left: 20px;
}
.half-content {
width: 60%;
}
.yellow-line {
width: 180px;
background-color: #ff9f0a;
height: 2px;
display: block;
}
.right-line {
float: right;
}
.btn-facebook {
background-color: #3b5998;
color: #fff !important;
}
.btn-linkedin {
color: #fff !important;
background-color: #007bb6;
}
.btn-twitter {
color: #fff !important;
background-color: #55acee;
}
.btn-youtube {
color: #fff !important;
background-color: #dd4b39;
}
.btn-blog {
background-color: #ff7836;
color: #fff !important;
}
.page-center-content {
margin-bottom: 45px;
}
.grey-t {
color: #7c7c7c;
}
.yellow-t {
color: #ffc41b;
}
.dark-bg {
background-color: #1b1b1b;
}
.circle-icon {
background-color: #000;
border-radius: 100px;
width: 125px;
height: 125px;
text-align: center;
padding: 20px;
margin: 0px auto;
border: 2px solid #353535;
}
.inner-box {
padding: 20px;
max-width: 350px;
margin: 0px auto;
}
.big-btn {
min-width: 300px;
width: auto;
padding: 16px 34px;
font-size: 15px;
}
.mid-btn {
min-width: 180px;
margin: 10px;
}
.m-btn {
min-width: 200px;
width: auto;
padding: 16px 25px;
font-size: 16px;
}
.simplebar-scroll-content {
}
.portfolio-pic .de-v {
display: block;
}
.portfolio-pic .mo-v {
display: none;
}
.yellow-line {
width: 180px;
background-color: #ffc41b;
height: 2px;
display: inline-block;
}
.btn.disabled, .btn:disabled {
opacity: .65;
cursor: not-allowed;
}
[data-simplebar] {
position: relative;
z-index: 0;
overflow: hidden !important;
max-height: inherit;
-webkit-overflow-scrolling: touch;
}
[data-simplebar=init] {
display: flex;
}
[data-simplebar] .simplebar-content, [data-simplebar] .simplebar-scroll-content {
overflow: hidden;
}
[data-simplebar=init] .simplebar-content, [data-simplebar=init] .simplebar-scroll-content {
overflow: auto;
}
.simplebar-scroll-content {
overflow-x: hidden !important;
min-width: 100% !important;
max-height: inherit !important;
box-sizing: content-box !important;
}
.simplebar-content {
padding-bottom: 0 !important;
overflow-y: hidden !important;
box-sizing: border-box !important;
min-height: 100% !important;
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
width: 11px;
pointer-events: none z-index: 999;
}
.simplebar-scrollbar {
position: absolute;
right: 2px;
width: 7px;
min-height: 10px;
}
.simplebar-scrollbar:before {
position: absolute;
content: "";
background: #7f97af;
border-radius: 7px;
left: 0;
right: 0;
opacity: 0;
transition: opacity .2s linear;
}
.simplebar-track .simplebar-scrollbar.visible:before {
opacity: .5;
transition: opacity 0 linear;
}
.simplebar-track.vertical {
top: 0;
}
.simplebar-track.vertical .simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
}
.simplebar-track.horizontal {
left: 0;
width: auto;
height: 11px;
}
.simplebar-track.horizontal .simplebar-scrollbar:before {
height: 100%;
left: 2px;
right: 2px;
}
.horizontal.simplebar-track .simplebar-scrollbar {
right: auto;
left: 0;
top: 2px;
height: 7px;
min-height: 0;
min-width: 10px;
width: auto;
}
[data-simplebar-direction=rtl] .simplebar-track {
right: auto;
left: 0;
}
[data-simplebar-direction=rtl] .simplebar-track.horizontal {
right: 0;
}
.row.inner-scroll {
height: 445px;
overflow: auto;
}
.mycard-footer {
height: 25px;
background: #333;
font-size: 15px;
text-indent: 10px;
}
label {
margin-bottom: 0 !important;
}
.roadmap-pic {
max-width: 700px;
}
.road-pic {
display: block;
width: 100%;
}
.road-pic img {
max-width: 100px;
max-width: 100px;
position: relative;
z-index: 99;
margin-top: -15px;
}
.road-pic.left-side {
text-align: left;
float: left;
width: auto;
display: inline-block;
}
.road-pic.right-side {
text-align: right;
float: right;
width: auto;
display: inline-block;
}
.hexa {
border: 0px;
float: left;
text-align: center;
height: 35px;
width: 60px;
font-size: 22px;
background: #f0f0f0;
color: #3c3c3c;
position: relative;
margin-top: 15px;
}
.hexa:before {
content: "";
position: absolute;
left: 0;
width: 0;
height: 0;
border-bottom: 15px solid #f0f0f0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
top: -15px;
}
.hexa:after {
content: "";
position: absolute;
left: 0;
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 15px solid #f0f0f0;
bottom: -15px;
}
.timeline {
position: relative;
padding: 0;
width: 100%;
margin-top: 20px;
list-style-type: none;
}
.timeline:before {
position: absolute;
left: 50%;
top: 0;
content: ' ';
display: block;
width: 2px;
height: 100%;
margin-left: -1px;
background: rgb(213, 213, 213);
background: -moz-linear-gradient(top, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
background: -webkit-linear-gradient(top, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
background: -o-linear-gradient(top, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
background: -ms-linear-gradient(top, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
background: linear-gradient(to bottom, rgba(213, 213, 213, 0) 0%, rgb(213, 213, 213) 8%, rgb(213, 213, 213) 92%, rgba(213, 213, 213, 0) 100%);
z-index: 5;
}
.timeline li {
padding: 2em 0;
}
.timeline .hexa {
width: 16px;
height: 10px;
position: absolute;
background: #ffcf2e;
z-index: 5;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
top: -30px;
margin-top: 0;
}
.timeline .hexa:before {
border-bottom: 4px solid #ffcf2e;
border-left-width: 8px;
border-right-width: 8px;
top: -4px;
}
.timeline .hexa:after {
border-left-width: 8px;
border-right-width: 8px;
border-top: 4px solid #ffcf2e;
bottom: -4px;
}
.direction-l, .direction-r {
float: none;
width: 100%;
text-align: center;
}
.flag-wrapper {
text-align: center;
position: relative;
}
.flag {
position: relative;
display: inline;
background: rgb(255, 255, 255);
font-weight: 600;
z-index: 15;
padding: 6px 10px;
text-align: left;
border-radius: 5px;
}
.direction-l .flag:after, .direction-r .flag:after {
content: "";
position: absolute;
left: 50%;
top: -15px;
height: 0;
width: 0;
margin-left: -8px;
border: solid transparent;
border-bottom-color: rgb(255, 255, 255);
border-width: 8px;
pointer-events: none;
}
.direction-l .flag {
-webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}
.direction-r .flag {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}
.time-wrapper {
display: block;
position: relative;
margin: 4px 0 0 0;
z-index: 14;
line-height: 1em;
vertical-align: middle;
color: #fff;
}
.direction-l .time-wrapper {
float: none;
}
.direction-r .time-wrapper {
float: none;
}
.time {
background: #000;
display: inline-block;
padding: 8px;
font-weight: bold;
text-transform: uppercase;
}
.desc {
position: relative;
margin: 1em 0 0 0;
padding: 1em;
background: rgb(254, 254, 254);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
z-index: 15;
}
.direction-l .desc, .direction-r .desc {
position: relative;
margin: 1em 1em 0 1em;
padding: 1em;
z-index: 15;
}
.w-80 {
max-width: 80%;
width: 100%;
}
hr.grey-line {
border-color: #45454c;
}
.statcounter {
display: none;
}
.carousel-inner img {
width: 100%;
height: auto;
max-width: 230px;
}
.carousel-indicators li:before {
display: none;
}
.carousel-indicators li:after {
display: none;
}
.carousel-indicators li img {
height: auto;
width: 55px;
}
.carousel-indicators {
position: relative;
top: 0;
display: flex;
left: inherit;
right: inherit;
margin-left: 0;
margin-right: 0;
margin: 42px auto;
float: none;
width: auto;
}
.carousel {
position: relative;
}
.carousel-indicators li {
margin-right: 0;
display: block;
height: auto;
position: relative;
text-indent: inherit;
float: left;
padding: 17px 14px;
background: 0;
cursor: pointer;
text-align: center;
width: 100%;
margin-right: 13px;
filter: grayscale(1);
background: #1d1c1c;
border-radius: 5px;
}
.carousel-indicators .para-text-f {
font-size: 15px;
opacity: .5;
padding-top: 15px;
font-weight: 400;
}
.carousel-indicators li:hover {
background: #000;
filter: inherit;
}
.carousel-indicators li:hover .para-text-f, .carousel-indicators li.active .para-text-f {
opacity: 1;
}
.carousel-indicators li:active, .carousel-indicators .active {
background: #000 !important;
filter: inherit;
}
.carousel-indicators li:focus {
outline: none;
}
.carousel-inner {
min-height: 250px;
max-width: 68%;
margin: 0px auto;
margin-top: 44px;
}
.carousel-item {
align-items: inherit;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
width: 35px;
height: 35px;
background-color: black;
background-size: 41%;
border-radius: 25px;
}
.carousel-control-next, .carousel-control-prev {
top: 120px;
width: 11%;
}
.flexb {
display: table;
}
.flexb>div {
display: table-cell;
vertical-align: middle;
float: none;
padding: 0 30px;
}
.carousel-item .row {
padding: 0 10px;
}
.carousel-inner p {
color: #f3f3f3;
font-size: 16px;
line-height: 29px;
padding: 12px 0;
}
.navbar-dark .menu-list.navbar-nav .nav-link {
color: #fff;
}
.menu-list .dropdown-menu li a {
color: #000;
}
.dropdown-menu li:hover {
background: #000;
}
.dropdown-menu li:hover a {
color: #fff;
}
.dropdown-menu.show {
display: block;
min-width: 12rem;
border: none;
min-width: 260px;
}
.contact-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.contact-bg .table-content {
height: auto;
padding-top: 0px;
}
.roadbanner .main-roadtimeline {
overflow: auto;
margin-top: 35px;
margin-bottom: 25px;
}
.roadbanner .main-roadtimeline .timelinebg {
padding: 0;
text-align: center;
overflow: hidden;
float: left;
flex: 0 0 20%;
max-width: 20%;
padding: 25px 14px;
border: 1px solid #ccc;
border-right: 0px;
xbackground: rgba(255, 255, 255, 0.6509803921568628);
background: #fff;
}
.roadbanner .main-roadtimeline .timelinebg:last-child {
border-right: 1px solid #ccc;
}
.roadbanner .main-roadtimeline .timelinebg-icon {
padding-bottom: 20px;
margin-bottom: 30px;
font-size: 65px;
color: #ffc41b;
border-bottom: 3px solid #ffc41b;
position: relative;
}
.roadbanner .main-roadtimeline .timelinebg-icon:before {
content: "";
width: 16px;
height: 16px;
border-radius: 50%;
background: #ffc41b;
margin: 0 auto;
position: absolute;
bottom: -9.5px;
left: 0;
right: 0;
}
.roadbanner .main-roadtimeline .year {
display: block;
width: 100%;
height: 100px;
line-height: 100px;
border-radius: 0;
xbackground: #2c2c2c;
font-size: 30px;
color: #fff;
margin-bottom: 40px;
z-index: 1;
position: relative;
}
.roadbanner .main-roadtimeline .timelinebg-content {
}
.roadbanner .main-roadtimeline .post {
font-size: 19px;
color: #202020;
margin: 0 0 20px 0;
line-height: 24px;
min-height: 50px;
}
.roadbanner .main-roadtimeline .description {
font-size: 15px;
color: #343434;
text-align: center;
line-height: 26px;
}
.roadbanner .dayiconbg {
width: 100%;
max-width: 121px;
}
.roadbanner {
width: 100%;
max-width: 80%;
}
.main-roadtimeline {
display: flex;
}
.center-content {
margin: 0px auto;
float: none;
}
.dayroadicon {
font-size: 18px;
color: #333;
}
.roadmapb {
xbackground: url(../img/sto-banner.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.whatsapp-btn {
background: #24d266;
color: #fff;
padding: 13px 25px;
}
a.whatsapp-icon-btn, a.telegram-icon-btn {
color: #fff;
font-size: 15px;
background: #17c258;
padding: 10px 20px;
border-radius: 25px;
font-weight: bold;
margin-right: 10px;
min-width: 200px;
text-align: center;
display:flex;
justify-content:center;
align-items:center;
}
a.whatsapp-icon-btn:hover, a.telegram-icon-btn:hover {
color: #fff;
}
a.telegram-icon-btn {
background: #0088cc;
}
.whatsapp-form {
display: flex;
align-items: center;
padding-top: 25px;
}
p.sub-h {
font-size: 18px;
}
.whatsapp-form .mid-btn {
max-width: 100%;
margin: 0;
text-transform: capitalize;
}
.whatsapp-icon-btn span, .telegram-icon-btn span {
margin-right: 7px;
}
.tele-btn {
background: #00baf0;
color: #fff;
padding: 14px 25px;
}
.btnxsf {
display: none;
}
.whatsapp-btn img, .tele-btn img {
margin-right: 10px;
}
.skype-btn {
background: #00baf0;
color: #fff;
padding: 14px 25px;
}
.skype-btn img {
margin-right: 10px;
}
.useraddresstop {
margin-top: 104px;
}
.bottom-list {
margin-left: 20px;
margin-top: 25px;
margin-bottom: 16px;
}
.bottom-list li {
color: #fff;
list-style: outside;
padding: 11px 0px;
font-size: 17px;
}
.flex-table {
display: table;
width: 100%;
}
.flex-table>div {
display: table-cell;
vertical-align: middle;
width: 50%;
flex: inherit;
}
.site-link {
color: #ffc42c;
}
.cnttitle {
line-height: 47px;
padding-bottom: 18px;
}
.graylisttext {
line-height: 30px;
color: #fff;
}
.graylisttext .site-link:hover, .graylisttext .site-link:focus {
color: #ffc42c;
}
.atextlinkb, .atextlinkb:hover, .atextlinkb:focus, .atextlinkb:active {
color: #fff;
text-decoration: none;
}
.bannernewtext h2 {
font-size: 34px;
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
}
.banner-text.bannernewtext {
margin-left: 5%;
}
.pricelistbanner {
padding: 47px 0px;
text-align: center;
margin-bottom: 35px;
margin-top: 25px;
}
.pricelistbanner .h4 {
font-size: 49px;
color: #181818;
font-family: 'Open Sans', sans-serif;
width: 100%;
max-width: 255px;
padding: 20px 15px;
background-image: url(../img/price-tag.svg);
background-repeat: no-repeat;
background-size: cover;
text-align: left;
padding-left: 35px;
font-weight: 700;
transform: rotate(-20deg);
}
.table-content {
display: table;
}
.table-cont>div {
display: table-cell;
vertical-align: middle;
}
.innerpagearticlebg {
margin-top: 52px;
}
.innerheadercontent {
background: #000;
padding: 10px 0px;
}
.banner-text h1 {
margin-bottom: 7px !important;
}
.topbannersect {
background-image: url(../img/main-banner.jpg);
background-size: cover;
background-position: center center;
padding: 70px 0px;
background-repeat: no-repeat;
}
.topbannersect .h2 {
font-size: 41px;
color: #fff;
text-transform: uppercase;
}
.buynowsectionbg {
padding: 50px 0px;
}
.topbannersect .h5 {
color: #fff;
font-size: 16px;
text-align: center;
}
.subtitleleft {
font-size: 25px;
color: #333;
}
.hero-section.pay-banner {
background-image: url(../img/pay-banner.jpg);
}
.buynowsectionbg table.cart-table th {
border: 1px solid #9e9e9e;
background-color: #111111;
color: #fff;
padding: 11px 10px;
font-size: 15px;
font-weight: 400;
}
.buynowsectionbg table.cart-table td {
padding: 14px 10px;
font-size: 15px;
border: 1px solid #dfdfdf;
color: #4d4b4b;
font-weight: 300;
}
.buynowsectionbg .total-v {
float: right;
font-size: 18px;
font-weight: 400;
color: #ffc41b;
}
.coupon-code .input-btn {
border: 1px solid #ccc;
border-radius: 10px 0px 0px 10px;
padding: 10px;
width: 220px;
}
.coupon-code .btn-info {
border-radius: 0px 10px 10px 0px;
padding: 10px;
width: 100px;
}
.pb-20 {
padding-bottom: 20px;
}
.buynowsectionbg table td.codet {
font-size: 20px;
padding: 34px 10px;
font-weight: 300;
}
.btncodelink, .btncodelink:hover, .btncodelink:focus, .btncodelink:active {
color: #fff;
}
.userinfobg {
margin-top: 70px;
}
.userinfobg .form-group {
margin-bottom: 20px;
}
.userinfobg .form-control {
height: 42px;
}
.btn-info {
color: #0b0b0b;
background-color: #ffc41b;
border-color: #ffc41b;
border-radius: 25px;
padding: 7px 35px;
font-size: 16px;
font-weight: 400;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
color: #0b0b0b;
background-color: #ffc41b;
border-color: #ffc41b;
}
.btncodelink {
width: 100%;
display: inline-block;
}
.userboxpage {
border: 1px solid #ccc;
}
.userboxpage form {
padding: 30px 18px;
}
.m-icon {
max-width: 70px;
}
.msg-box h3 {
color: #000;
}
.msg-box {
margin-top: 20vh;
max-width: 480px;
box-shadow: 0px 0px 20px #ececec;
padding: 25px;
border-radius: 14px;
text-align: center;
font-size: 15px;
line-height: 24px;
}
.border-0 table td {
border: 0px !important;
}
.border-0 {
box-shadow: 0px 0px 15px #eae9e9;
border-radius: 15px;
padding: 25px 15px 0px;
}
.codetitle {
font-size: 22px;
margin: 0px;
padding-bottom: 15px;
color: #333;
}
.applycode {
margin-top: 14px;
}
.demosite img {
width: 100%;
max-width: 100%;
}
.demosite {
width: 400px;
}
.table-demosite {
display: table;
}
.table-demosite>div {
display: table-cell;
vertical-align: top;
float: none;
}
.thksconnectbg {
width: 100%;
display: inline-block;
}
.thksconnectbg .skype-btn {
background: #3e45b0;
padding: 14px 25px;
}
.thksconnectbg .mid-btn {
min-width: 180px;
margin: 10px;
}
.thksconnectbg .site-btn {
border-radius: 50px;
padding: 10px 26px;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
width: auto;
min-width: inherit;
border: 0px;
color: #fff !important;
margin-top: 16px;
}
.thksconnectbg .whatsapp-btn {
background: #24d266;
}
.thksconnectbg .whatsapp-btn img, .tele-btn img {
margin-right: 10px;
}
.thksconnectbg .btnxsf {
display: none;
}
.thksconnectbg .tele-btn {
background: #00baf0;
color: #fff;
}
.thksconnectbg .i-t {
margin-top: 40px;
float: right;
}
.thankscontenttop {
xmargin-top: 53px;
}
.thankscontenttop .t-black {
color: #000;
font-size: 36px;
margin-bottom: 30px;
}
.demolinktext {
padding-left: 19px;
}
.thankscontenttop .tt-b {
color: #15c;
}
.demoherebg {
margin-top: 0px;
margin-bottom: 10px;
}
.admindemosite {
margin-top: 10px;
}
.mnhghtbox {
padding: 50px 0px;
}
.mt-20 {
margin-top: 20px;
}
.thanksig {
text-align: center;
}
.buynowt {
margin-top: 5px;
}
.featuref {
overflow: hidden;
background: url(../img/chooseusbg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.orngbtn:hover, .orngbtn:focus, .orngbtn:active {
background-color: #ffc41b !important;
}
.exchangeherosect {
background-image: url(../img/main-banner1.jpg);
}
.exchangeherosect .labtop-bg {
background-image: url(../img/trade-labtop1.png);
background-position: center left;
background-size: auto 100%;
}
.exchangeherosect .banner-text h1 {
margin-bottom: 12px !important;
}
.gallery-card1 {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #393c41;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 0;
padding: 20px 10px;
width: 180px;
height: 160px;
margin-bottom: 14px;
}
.subformexchange .gallery-card1.selected {
background-color: #000;
border: 1px solid #3fa236;
}
.subformexchange .gallery-card1 {
width: 180px;
height: 160px;
background-color: #393c41;
border-radius: 0px;
}
.subformexchange .gallery-card1 img {
width: 100%;
max-width: 121px;
height: auto;
}
.subformexchange .block-check .checkmark:after {
left: 13px;
top: 7px;
width: 10px;
height: 16px;
border: solid #5efc50;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 0px;
}
.subformexchange .checkmark {
position: relative;
bottom: -6px;
display: inline-block;
height: 38px;
width: 38px;
border: 2px solid #515256;
border-radius: 50px;
background-image: none;
}
.exchangeherosect .banner-text .h1 {
font-family: 'Open Sans', sans-serif;
font-size: 40px;
}
.adminfeaturesbg {
xbackground-color: #000;
padding: 50px 0px;
background: url(../img/benefitbg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.usersfeaturesbg {
background: #fff;
}
.adminfeaturesbg .container {
width: 85%;
max-width: 85%;
}
.adminfeatbox {
background: #2d2e2e;
padding: 21px 17px;
width: 100%;
border-radius: 4px;
margin: 4px 5px;
float: left;
text-align: center;
transition: 0.3s ease-out all;
border: 1px solid transparent;
}
.contentpara {
font-size: 16px;
line-height: 30px;
color: #000;
margin-bottom: 0px;
}
.usersfeaturesbg {
background-color: #fff;
}
.adminfeatflex {
display: flex;
}
.table-content1 {
display: table;
width: 100%;
}
.table-content1>div {
display: table-cell;
vertical-align: middle;
float: none;
}
.adminfeatbox .h3 {
font-size: 19px;
font-weight: 300;
padding-bottom: 5px;
color: #fff !important;
}
.benitsbgbanner {
background: #fff;
padding: 50px 0px;
padding-bottom: 0px;
}
.stobannerbg {
background: #000;
padding: 40px 0px;
}
.stobannerbg .h4 {
line-height: 35px;
}
.featuref .h4 {
font-size: 19px;
line-height: 26px;
}
.benefitsline .benefitboxbg {
display: inline-block;
width: 100%;
position: relative;
margin-top: 41px;
}
.benefitsline .benefitboxbg .benetitsinnerbox:before {
content: "";
height: 15px;
width: 15px;
position: absolute;
-webkit-border-radius: inherit;
border-radius: inherit;
bottom: -59px;
background-color: #ffc41b;
border-radius: 50px;
}
.benefitsline .benefitboxbg .benetitsinnerbox.boxoddt:before {
top: -56px;
}
.benefitsline .benefitboxbg:before {
content: "";
position: absolute;
left: 0;
right: 0;
height: 1px;
border-bottom: 6px solid #939393;
top: 0;
margin-top: 321px;
border-radius: 50px;
}
.benefitscenter {
width: 100%;
max-width: 801px;
margin: 0px auto;
margin-top: 0px !important;
}
.benefitsline .benetitsinnerbox {
float: left;
position: relative;
cursor: pointer;
color: #fff;
xbox-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3) !important;
padding: 23px 16px;
width: 50%;
margin: 10px 14px;
background: #2d2e2e;
border-radius: 4px;
}
.benefitsline .benetitsinnerbox .benetitsinnerboxinner {
display: block;
}
@-webkit-keyframes upboxanimate {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes upboxanimate {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
.upboxanimate:hover, .upboxanimate:focus, .upboxanimate:active {
-webkit-animation-name: upboxanimate;
animation-name: upboxanimate;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.benefitsline .container {
width: 85%;
max-width: 85%;
}
.benetitsinnerbox .h5 {
font-size: 19px;
color: #fff !important;
padding-bottom: 3px;
}
.benetitsinnerbox img {
width: 100%;
margin-bottom: 24px;
max-width: 55px;
}
.benetisflex {
display: flex;
margin: 79px auto;
}
.stobannerbg {
background: url(../img/banner-1.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.adminfeatbox img {
margin-bottom: 16px;
transition: 0.1s linear all;
}
.significant .adminfeatbox:hover img {
background: #2e2e2e;
padding: 5px;
border-radius: 5px;
}
.adminfeaturesbg .table-content1>div {
width: 58%;
}
.adminfeaturesbg .adminboxapp {
width: 41% !important;
}
.adminboxapp img {
width: 100%;
max-width: 556px;
}
.adminfeatbox .contentpara, .benetitsinnerbox .contentpara {
color: #c0c0c2 !important;
}
.black-bg ul li .country-name {
color: #000;
}
.intl-tel-input {
position: relative;
display: inline-block;
}
.intl-tel-input * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.intl-tel-input .hide {
display: none;
}
.intl-tel-input .v-hide {
visibility: hidden;
}
.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-left: 44px;
margin-left: 0;
transition: background-color 100ms ease-out;
}
.intl-tel-input input.iti-invalid-key {
transition: background-color 0;
background-color: #ffc7c7;
}
.intl-tel-input .flag-dropdown {
position: absolute;
top: 0;
bottom: 0;
padding: 1px;
padding-left: 6px;
}
.intl-tel-input .flag-dropdown:hover {
cursor: pointer;
}
.intl-tel-input .flag-dropdown:hover .selected-flag {
background: 0;
}
.intl-tel-input input[disabled]+.flag-dropdown:hover, .intl-tel-input input[readonly]+.flag-dropdown:hover {
cursor: default;
}
.intl-tel-input input[disabled]+.flag-dropdown:hover .selected-flag, .intl-tel-input input[readonly]+.flag-dropdown:hover .selected-flag {
background-color: transparent;
}
.intl-tel-input .selected-flag {
z-index: 1;
position: relative;
width: 38px;
height: 100%;
padding: 0 0 0 8px;
}
.intl-tel-input .selected-flag .iti-flag {
position: absolute;
top: 50%;
margin-top: -5px;
}
.intl-tel-input .selected-flag .arrow {
position: relative;
top: 50%;
margin-top: -2px;
left: 34px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
}
.intl-tel-input .selected-flag .arrow.up {
border-top: 0;
border-bottom: 4px solid #555;
}
.intl-tel-input .country-list .iti-flag {
display: inline-block;
}
.intl-tel-input .country-list .divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
}
.intl-tel-input .country-list .country {
padding: 5px 10px;
}
.intl-tel-input .country-list .country .dial-code {
color: #999;
}
.intl-tel-input .country-list .country.highlight {
background-color: rgba(0, 0, 0, .05);
}
.intl-tel-input .country-list .iti-flag, .intl-tel-input .country-list .country-name {
margin-right: 6px;
}
.intl-tel-input {
position: relative;
display: block;
}
.intl-tel-input * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.intl-tel-input .hide {
display: none;
}
.intl-tel-input .v-hide {
visibility: hidden;
}
.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0;
border: 1px solid #ced4da !important;
width: 100%;
box-shadow: none !important;
outline: none !important;
border: 0;
padding-left: 54px;
}
.intl-tel-input .flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px;
}
.intl-tel-input .selected-flag {
z-index: 1;
position: relative;
width: 36px;
height: 100%;
padding: 0;
}
.intl-tel-input .selected-flag .iti-flag {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.intl-tel-input .selected-flag .iti-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
}
.intl-tel-input .selected-flag .iti-arrow.up {
border-top: 0;
border-bottom: 4px solid #555;
}
.intl-tel-input .country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
background-color: #fff;
border: 1px solid #ccc;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
width: 345px;
top: 28px;
overflow-x: hidden;
}
.intl-tel-input .country-list.dropup {
bottom: 100%;
margin-bottom: -1px;
}
.intl-tel-input .country-list .flag-box {
display: inline-block;
width: 20px;
}
.intl-tel-input .country-list .divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
}
.intl-tel-input .country-list .country {
padding: 5px 10px;
}
.intl-tel-input .country-list .country .dial-code {
color: #999;
}
.intl-tel-input .country-list .country.highlight {
background-color: rgba(0, 0, 0, .05);
}
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
vertical-align: middle;
}
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name {
margin-right: 6px;
}
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container {
right: auto;
left: 0;
}
.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {
width: 46px;
}
.intl-tel-input.allow-dropdown .flag-container:hover {
cursor: pointer;
}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
background-color: rgba(0, 0, 0, .05);
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover, .intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
cursor: default;
}
.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
background-color: transparent;
}
.intl-tel-input.separate-dial-code .selected-flag {
background-color: rgba(0, 0, 0, .05);
display: table;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
display: table-cell;
vertical-align: middle;
padding-left: 28px;
}
.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] {
padding-left: 66px;
}
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
width: 60px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] {
padding-left: 76px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
width: 70px;
}
.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] {
padding-left: 74px;
}
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
width: 68px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
padding-left: 84px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
width: 78px;
}
.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] {
padding-left: 82px;
}
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
width: 76px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] {
padding-left: 92px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
width: 86px;
}
.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] {
padding-left: 90px;
}
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
width: 84px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] {
padding-left: 100px;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
width: 94px;
}
.intl-tel-input.iti-container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px;
}
.intl-tel-input.iti-container:hover {
cursor: pointer;
}
.iti-mobile .intl-tel-input.iti-container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed;
}
.iti-mobile .intl-tel-input .country-list {
max-height: 100%;
width: 100%;
}
.iti-mobile .intl-tel-input .country-list .country {
padding: 10px;
line-height: 1.5em;
}
.iti-flag {
width: 20px;
}
.iti-flag.be {
width: 18px;
}
.iti-flag.ch {
width: 15px;
}
.iti-flag.mc {
width: 19px;
}
.iti-flag.ne {
width: 18px;
}
.iti-flag.np {
width: 13px;
}
.iti-flag.va {
width: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.iti-flag {
background-size: 5630px 15px;
}
}
.iti-flag.ac {
height: 10px;
background-position: 0 0;
}
.iti-flag.ad {
height: 14px;
background-position: -22px 0;
}
.iti-flag.ae {
height: 10px;
background-position: -44px 0;
}
.iti-flag.af {
height: 14px;
background-position: -66px 0;
}
.iti-flag.ag {
height: 14px;
background-position: -88px 0;
}
.iti-flag.ai {
height: 10px;
background-position: -110px 0;
}
.iti-flag.al {
height: 15px;
background-position: -132px 0;
}
.iti-flag.am {
height: 10px;
background-position: -154px 0;
}
.iti-flag.ao {
height: 14px;
background-position: -176px 0;
}
.iti-flag.aq {
height: 14px;
background-position: -198px 0;
}
.iti-flag.ar {
height: 13px;
background-position: -220px 0;
}
.iti-flag.as {
height: 10px;
background-position: -242px 0;
}
.iti-flag.at {
height: 14px;
background-position: -264px 0;
}
.iti-flag.au {
height: 10px;
background-position: -286px 0;
}
.iti-flag.aw {
height: 14px;
background-position: -308px 0;
}
.iti-flag.ax {
height: 13px;
background-position: -330px 0;
}
.iti-flag.az {
height: 10px;
background-position: -352px 0;
}
.iti-flag.ba {
height: 10px;
background-position: -374px 0;
}
.iti-flag.bb {
height: 14px;
background-position: -396px 0;
}
.iti-flag.bd {
height: 12px;
background-position: -418px 0;
}
.iti-flag.be {
height: 15px;
background-position: -440px 0;
}
.iti-flag.bf {
height: 14px;
background-position: -460px 0;
}
.iti-flag.bg {
height: 12px;
background-position: -482px 0;
}
.iti-flag.bh {
height: 12px;
background-position: -504px 0;
}
.iti-flag.bi {
height: 12px;
background-position: -526px 0;
}
.iti-flag.bj {
height: 14px;
background-position: -548px 0;
}
.iti-flag.bl {
height: 14px;
background-position: -570px 0;
}
.iti-flag.bm {
height: 10px;
background-position: -592px 0;
}
.iti-flag.bn {
height: 10px;
background-position: -614px 0;
}
.iti-flag.bo {
height: 14px;
background-position: -636px 0;
}
.iti-flag.bq {
height: 14px;
background-position: -658px 0;
}
.iti-flag.br {
height: 14px;
background-position: -680px 0;
}
.iti-flag.bs {
height: 10px;
background-position: -702px 0;
}
.iti-flag.bt {
height: 14px;
background-position: -724px 0;
}
.iti-flag.bv {
height: 15px;
background-position: -746px 0;
}
.iti-flag.bw {
height: 14px;
background-position: -768px 0;
}
.iti-flag.by {
height: 10px;
background-position: -790px 0;
}
.iti-flag.bz {
height: 14px;
background-position: -812px 0;
}
.iti-flag.ca {
height: 10px;
background-position: -834px 0;
}
.iti-flag.cc {
height: 10px;
background-position: -856px 0;
}
.iti-flag.cd {
height: 15px;
background-position: -878px 0;
}
.iti-flag.cf {
height: 14px;
background-position: -900px 0;
}
.iti-flag.cg {
height: 14px;
background-position: -922px 0;
}
.iti-flag.ch {
height: 15px;
background-position: -944px 0;
}
.iti-flag.ci {
height: 14px;
background-position: -961px 0;
}
.iti-flag.ck {
height: 10px;
background-position: -983px 0;
}
.iti-flag.cl {
height: 14px;
background-position: -1005px 0;
}
.iti-flag.cm {
height: 14px;
background-position: -1027px 0;
}
.iti-flag.cn {
height: 14px;
background-position: -1049px 0;
}
.iti-flag.co {
height: 14px;
background-position: -1071px 0;
}
.iti-flag.cp {
height: 14px;
background-position: -1093px 0;
}
.iti-flag.cr {
height: 12px;
background-position: -1115px 0;
}
.iti-flag.cu {
height: 10px;
background-position: -1137px 0;
}
.iti-flag.cv {
height: 12px;
background-position: -1159px 0;
}
.iti-flag.cw {
height: 14px;
background-position: -1181px 0;
}
.iti-flag.cx {
height: 10px;
background-position: -1203px 0;
}
.iti-flag.cy {
height: 13px;
background-position: -1225px 0;
}
.iti-flag.cz {
height: 14px;
background-position: -1247px 0;
}
.iti-flag.de {
height: 12px;
background-position: -1269px 0;
}
.iti-flag.dg {
height: 10px;
background-position: -1291px 0;
}
.iti-flag.dj {
height: 14px;
background-position: -1313px 0;
}
.iti-flag.dk {
height: 15px;
background-position: -1335px 0;
}
.iti-flag.dm {
height: 10px;
background-position: -1357px 0;
}
.iti-flag.do {
height: 13px;
background-position: -1379px 0;
}
.iti-flag.dz {
height: 14px;
background-position: -1401px 0;
}
.iti-flag.ea {
height: 14px;
background-position: -1423px 0;
}
.iti-flag.ec {
height: 14px;
background-position: -1445px 0;
}
.iti-flag.ee {
height: 13px;
background-position: -1467px 0;
}
.iti-flag.eg {
height: 14px;
background-position: -1489px 0;
}
.iti-flag.eh {
height: 10px;
background-position: -1511px 0;
}
.iti-flag.er {
height: 10px;
background-position: -1533px 0;
}
.iti-flag.es {
height: 14px;
background-position: -1555px 0;
}
.iti-flag.et {
height: 10px;
background-position: -1577px 0;
}
.iti-flag.eu {
height: 14px;
background-position: -1599px 0;
}
.iti-flag.fi {
height: 12px;
background-position: -1621px 0;
}
.iti-flag.fj {
height: 10px;
background-position: -1643px 0;
}
.iti-flag.fk {
height: 10px;
background-position: -1665px 0;
}
.iti-flag.fm {
height: 11px;
background-position: -1687px 0;
}
.iti-flag.fo {
height: 15px;
background-position: -1709px 0;
}
.iti-flag.fr {
height: 14px;
background-position: -1731px 0;
}
.iti-flag.ga {
height: 15px;
background-position: -1753px 0;
}
.iti-flag.gb {
height: 10px;
background-position: -1775px 0;
}
.iti-flag.gd {
height: 12px;
background-position: -1797px 0;
}
.iti-flag.ge {
height: 14px;
background-position: -1819px 0;
}
.iti-flag.gf {
height: 14px;
background-position: -1841px 0;
}
.iti-flag.gg {
height: 14px;
background-position: -1863px 0;
}
.iti-flag.gh {
height: 14px;
background-position: -1885px 0;
}
.iti-flag.gi {
height: 10px;
background-position: -1907px 0;
}
.iti-flag.gl {
height: 14px;
background-position: -1929px 0;
}
.iti-flag.gm {
height: 14px;
background-position: -1951px 0;
}
.iti-flag.gn {
height: 14px;
background-position: -1973px 0;
}
.iti-flag.gp {
height: 14px;
background-position: -1995px 0;
}
.iti-flag.gq {
height: 14px;
background-position: -2017px 0;
}
.iti-flag.gr {
height: 14px;
background-position: -2039px 0;
}
.iti-flag.gs {
height: 10px;
background-position: -2061px 0;
}
.iti-flag.gt {
height: 13px;
background-position: -2083px 0;
}
.iti-flag.gu {
height: 11px;
background-position: -2105px 0;
}
.iti-flag.gw {
height: 10px;
background-position: -2127px 0;
}
.iti-flag.gy {
height: 12px;
background-position: -2149px 0;
}
.iti-flag.hk {
height: 14px;
background-position: -2171px 0;
}
.iti-flag.hm {
height: 10px;
background-position: -2193px 0;
}
.iti-flag.hn {
height: 10px;
background-position: -2215px 0;
}
.iti-flag.hr {
height: 10px;
background-position: -2237px 0;
}
.iti-flag.ht {
height: 12px;
background-position: -2259px 0;
}
.iti-flag.hu {
height: 10px;
background-position: -2281px 0;
}
.iti-flag.ic {
height: 14px;
background-position: -2303px 0;
}
.iti-flag.id {
height: 14px;
background-position: -2325px 0;
}
.iti-flag.ie {
height: 10px;
background-position: -2347px 0;
}
.iti-flag.il {
height: 15px;
background-position: -2369px 0;
}
.iti-flag.im {
height: 10px;
background-position: -2391px 0;
}
.iti-flag.in {
height: 14px;
background-position: -2413px 0;
}
.iti-flag.io {
height: 10px;
background-position: -2435px 0;
}
.iti-flag.iq {
height: 14px;
background-position: -2457px 0;
}
.iti-flag.ir {
height: 12px;
background-position: -2479px 0;
}
.iti-flag.is {
height: 15px;
background-position: -2501px 0;
}
.iti-flag.it {
height: 14px;
background-position: -2523px 0;
}
.iti-flag.je {
height: 12px;
background-position: -2545px 0;
}
.iti-flag.jm {
height: 10px;
background-position: -2567px 0;
}
.iti-flag.jo {
height: 10px;
background-position: -2589px 0;
}
.iti-flag.jp {
height: 14px;
background-position: -2611px 0;
}
.iti-flag.ke {
height: 14px;
background-position: -2633px 0;
}
.iti-flag.kg {
height: 12px;
background-position: -2655px 0;
}
.iti-flag.kh {
height: 13px;
background-position: -2677px 0;
}
.iti-flag.ki {
height: 10px;
background-position: -2699px 0;
}
.iti-flag.km {
height: 12px;
background-position: -2721px 0;
}
.iti-flag.kn {
height: 14px;
background-position: -2743px 0;
}
.iti-flag.kp {
height: 10px;
background-position: -2765px 0;
}
.iti-flag.kr {
height: 14px;
background-position: -2787px 0;
}
.iti-flag.kw {
height: 10px;
background-position: -2809px 0;
}
.iti-flag.ky {
height: 10px;
background-position: -2831px 0;
}
.iti-flag.kz {
height: 10px;
background-position: -2853px 0;
}
.iti-flag.la {
height: 14px;
background-position: -2875px 0;
}
.iti-flag.lb {
height: 14px;
background-position: -2897px 0;
}
.iti-flag.lc {
height: 10px;
background-position: -2919px 0;
}
.iti-flag.li {
height: 12px;
background-position: -2941px 0;
}
.iti-flag.lk {
height: 10px;
background-position: -2963px 0;
}
.iti-flag.lr {
height: 11px;
background-position: -2985px 0;
}
.iti-flag.ls {
height: 14px;
background-position: -3007px 0;
}
.iti-flag.lt {
height: 12px;
background-position: -3029px 0;
}
.iti-flag.lu {
height: 12px;
background-position: -3051px 0;
}
.iti-flag.lv {
height: 10px;
background-position: -3073px 0;
}
.iti-flag.ly {
height: 10px;
background-position: -3095px 0;
}
.iti-flag.ma {
height: 14px;
background-position: -3117px 0;
}
.iti-flag.mc {
height: 15px;
background-position: -3139px 0;
}
.iti-flag.md {
height: 10px;
background-position: -3160px 0;
}
.iti-flag.me {
height: 10px;
background-position: -3182px 0;
}
.iti-flag.mf {
height: 14px;
background-position: -3204px 0;
}
.iti-flag.mg {
height: 14px;
background-position: -3226px 0;
}
.iti-flag.mh {
height: 11px;
background-position: -3248px 0;
}
.iti-flag.mk {
height: 10px;
background-position: -3270px 0;
}
.iti-flag.ml {
height: 14px;
background-position: -3292px 0;
}
.iti-flag.mm {
height: 14px;
background-position: -3314px 0;
}
.iti-flag.mn {
height: 10px;
background-position: -3336px 0;
}
.iti-flag.mo {
height: 14px;
background-position: -3358px 0;
}
.iti-flag.mp {
height: 10px;
background-position: -3380px 0;
}
.iti-flag.mq {
height: 14px;
background-position: -3402px 0;
}
.iti-flag.mr {
height: 14px;
background-position: -3424px 0;
}
.iti-flag.ms {
height: 10px;
background-position: -3446px 0;
}
.iti-flag.mt {
height: 14px;
background-position: -3468px 0;
}
.iti-flag.mu {
height: 14px;
background-position: -3490px 0;
}
.iti-flag.mv {
height: 14px;
background-position: -3512px 0;
}
.iti-flag.mw {
height: 14px;
background-position: -3534px 0;
}
.iti-flag.mx {
height: 12px;
background-position: -3556px 0;
}
.iti-flag.my {
height: 10px;
background-position: -3578px 0;
}
.iti-flag.mz {
height: 14px;
background-position: -3600px 0;
}
.iti-flag.na {
height: 14px;
background-position: -3622px 0;
}
.iti-flag.nc {
height: 10px;
background-position: -3644px 0;
}
.iti-flag.ne {
height: 15px;
background-position: -3666px 0;
}
.iti-flag.nf {
height: 10px;
background-position: -3686px 0;
}
.iti-flag.ng {
height: 10px;
background-position: -3708px 0;
}
.iti-flag.ni {
height: 12px;
background-position: -3730px 0;
}
.iti-flag.nl {
height: 14px;
background-position: -3752px 0;
}
.iti-flag.no {
height: 15px;
background-position: -3774px 0;
}
.iti-flag.np {
height: 15px;
background-position: -3796px 0;
}
.iti-flag.nr {
height: 10px;
background-position: -3811px 0;
}
.iti-flag.nu {
height: 10px;
background-position: -3833px 0;
}
.iti-flag.nz {
height: 10px;
background-position: -3855px 0;
}
.iti-flag.om {
height: 10px;
background-position: -3877px 0;
}
.iti-flag.pa {
height: 14px;
background-position: -3899px 0;
}
.iti-flag.pe {
height: 14px;
background-position: -3921px 0;
}
.iti-flag.pf {
height: 14px;
background-position: -3943px 0;
}
.iti-flag.pg {
height: 15px;
background-position: -3965px 0;
}
.iti-flag.ph {
height: 10px;
background-position: -3987px 0;
}
.iti-flag.pk {
height: 14px;
background-position: -4009px 0;
}
.iti-flag.pl {
height: 13px;
background-position: -4031px 0;
}
.iti-flag.pm {
height: 14px;
background-position: -4053px 0;
}
.iti-flag.pn {
height: 10px;
background-position: -4075px 0;
}
.iti-flag.pr {
height: 14px;
background-position: -4097px 0;
}
.iti-flag.ps {
height: 10px;
background-position: -4119px 0;
}
.iti-flag.pt {
height: 14px;
background-position: -4141px 0;
}
.iti-flag.pw {
height: 13px;
background-position: -4163px 0;
}
.iti-flag.py {
height: 11px;
background-position: -4185px 0;
}
.iti-flag.qa {
height: 8px;
background-position: -4207px 0;
}
.iti-flag.re {
height: 14px;
background-position: -4229px 0;
}
.iti-flag.ro {
height: 14px;
background-position: -4251px 0;
}
.iti-flag.rs {
height: 14px;
background-position: -4273px 0;
}
.iti-flag.ru {
height: 14px;
background-position: -4295px 0;
}
.iti-flag.rw {
height: 14px;
background-position: -4317px 0;
}
.iti-flag.sa {
height: 14px;
background-position: -4339px 0;
}
.iti-flag.sb {
height: 10px;
background-position: -4361px 0;
}
.iti-flag.sc {
height: 10px;
background-position: -4383px 0;
}
.iti-flag.sd {
height: 10px;
background-position: -4405px 0;
}
.iti-flag.se {
height: 13px;
background-position: -4427px 0;
}
.iti-flag.sg {
height: 14px;
background-position: -4449px 0;
}
.iti-flag.sh {
height: 10px;
background-position: -4471px 0;
}
.iti-flag.si {
height: 10px;
background-position: -4493px 0;
}
.iti-flag.sj {
height: 15px;
background-position: -4515px 0;
}
.iti-flag.sk {
height: 14px;
background-position: -4537px 0;
}
.iti-flag.sl {
height: 14px;
background-position: -4559px 0;
}
.iti-flag.sm {
height: 15px;
background-position: -4581px 0;
}
.iti-flag.sn {
height: 14px;
background-position: -4603px 0;
}
.iti-flag.so {
height: 14px;
background-position: -4625px 0;
}
.iti-flag.sr {
height: 14px;
background-position: -4647px 0;
}
.iti-flag.ss {
height: 10px;
background-position: -4669px 0;
}
.iti-flag.st {
height: 10px;
background-position: -4691px 0;
}
.iti-flag.sv {
height: 12px;
background-position: -4713px 0;
}
.iti-flag.sx {
height: 14px;
background-position: -4735px 0;
}
.iti-flag.sy {
height: 14px;
background-position: -4757px 0;
}
.iti-flag.sz {
height: 14px;
background-position: -4779px 0;
}
.iti-flag.ta {
height: 10px;
background-position: -4801px 0;
}
.iti-flag.tc {
height: 10px;
background-position: -4823px 0;
}
.iti-flag.td {
height: 14px;
background-position: -4845px 0;
}
.iti-flag.tf {
height: 14px;
background-position: -4867px 0;
}
.iti-flag.tg {
height: 13px;
background-position: -4889px 0;
}
.iti-flag.th {
height: 14px;
background-position: -4911px 0;
}
.iti-flag.tj {
height: 10px;
background-position: -4933px 0;
}
.iti-flag.tk {
height: 10px;
background-position: -4955px 0;
}
.iti-flag.tl {
height: 10px;
background-position: -4977px 0;
}
.iti-flag.tm {
height: 14px;
background-position: -4999px 0;
}
.iti-flag.tn {
height: 14px;
background-position: -5021px 0;
}
.iti-flag.to {
height: 10px;
background-position: -5043px 0;
}
.iti-flag.tr {
height: 14px;
background-position: -5065px 0;
}
.iti-flag.tt {
height: 12px;
background-position: -5087px 0;
}
.iti-flag.tv {
height: 10px;
background-position: -5109px 0;
}
.iti-flag.tw {
height: 14px;
background-position: -5131px 0;
}
.iti-flag.tz {
height: 14px;
background-position: -5153px 0;
}
.iti-flag.ua {
height: 14px;
background-position: -5175px 0;
}
.iti-flag.ug {
height: 14px;
background-position: -5197px 0;
}
.iti-flag.um {
height: 11px;
background-position: -5219px 0;
}
.iti-flag.us {
height: 11px;
background-position: -5241px 0;
}
.iti-flag.uy {
height: 14px;
background-position: -5263px 0;
}
.iti-flag.uz {
height: 10px;
background-position: -5285px 0;
}
.iti-flag.va {
height: 15px;
background-position: -5307px 0;
}
.iti-flag.vc {
height: 14px;
background-position: -5324px 0;
}
.iti-flag.ve {
height: 14px;
background-position: -5346px 0;
}
.iti-flag.vg {
height: 10px;
background-position: -5368px 0;
}
.iti-flag.vi {
height: 14px;
background-position: -5390px 0;
}
.iti-flag.vn {
height: 14px;
background-position: -5412px 0;
}
.iti-flag.vu {
height: 12px;
background-position: -5434px 0;
}
.iti-flag.wf {
height: 14px;
background-position: -5456px 0;
}
.iti-flag.ws {
height: 10px;
background-position: -5478px 0;
}
.iti-flag.xk {
height: 15px;
background-position: -5500px 0;
}
.iti-flag.ye {
height: 14px;
background-position: -5522px 0;
}
.iti-flag.yt {
height: 14px;
background-position: -5544px 0;
}
.iti-flag.za {
height: 14px;
background-position: -5566px 0;
}
.iti-flag.zm {
height: 14px;
background-position: -5588px 0;
}
.iti-flag.zw {
height: 10px;
background-position: -5610px 0;
}
.iti-flag {
width: 20px;
height: 15px;
box-shadow: 0 0 1px 0 #888;
background-image: url(../img/flags.png);
background-repeat: no-repeat;
background-color: #dbdbdb;
background-position: 20px 0;
}
.iti-flag.np {
background-color: transparent;
}
.intlphonegroup {
width: 100%;
display: inline-block;
margin-bottom: 9px;
position: relative;
}
.intlphonegroup .intl-tel-input {
position: relative;
display: inline-block;
width: 10%;
float: left;
}
.intlphonegroup .intl-tel-input .coutrytext {
width: 10% !important;
padding-right: 0 !important;
float: left;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
height: 38px;
}
.plusiconphone {
position: absolute;
top: 6px;
left: 60px;
}
.countrycodet {
background: #fff;
color: #495057;
height: 38px;
width: 20%;
padding: 3px 6px;
float: left;
display: inline-block;
border: 1px solid rgba(0, 0, 0, .2);
border-right: 0;
padding-left: 28px;
}
.phonenumtext {
width: 70%;
float: left;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.itlnum2 .countrycodet, .itlnum2 .intl-tel-input .coutrytext {
height: 44px;
}
.itlnum2 .plusiconphone {
top: 10px;
}
.itlnum2 .countrycodet {
border-right: 1px solid rgba(0, 0, 0, .2);
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.iti-flag {
background-image: url(../img/flags@2x.png);
}
}
.colltext {
margin-top: 60px;
margin-bottom: 19px;
}
.colltext p a i {
font-size: 16px;
color: #fff;
padding-right: 10px;
}
.colltext p a {
font-size: 16px;
color: #fff;
text-decoration: none;
line-height: 27px;
}
.whatsapplis {
display: none;
}
.gettectcontent {
font-size: 27px;
font-weight: lighter;
line-height: 40px;
color: #dedede;
margin: 23px 0px;
}
.contact-bg .table-content>div {
vertical-align: top;
}
.conetntcontect {
color: #e1e5ed !important;
font-size: 18px;
line-height: 32px;
padding-bottom: 20px;
}
.colltext p {
margin-bottom: 5px;
}
.contact-bg .flex-table>div {
vertical-align: top;
}
.header-section .site-btn {
color: #000 !important;
}
.newlanmodal .orange-t {
display: block !important;
font-size: 29px;
font-weight: 500;
}
.socialiconmodal .mo-v {
display: none;
}
.socialiconmodal {
width: 100%;
text-align: center;
}
.newlanmodal .modal-body {
padding: 50px 9px;
}
.newlanmodal .modal-header {
border-bottom: 0px;
padding: 60px 10px;
background: url(../img/modalbg.png);
color: #fff;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
}
.modal-header .orange-t {
display: block;
}
.newlanmodal {
top: 70px;
z-index: 1050;
}
.newlanmodal .modal-content {
border-radius: 13px;
}
.socialiconmodal a.btn-link {
xbackground-color: #e8e8e8;
border-radius: 70px;
color: #fff !important;
border-radius: 70px;
padding: 10px 13px 10px 33px;
text-decoration: none;
font-size: 15px;
width: 38%;
font-weight: 700;
position: relative;
font-family: sans-serif;
}
.socialiconmodal .whatsup-button {
background-color: #26d367 !important;
}
.socialiconmodal .skype-button {
background-color: #00b8ed !important;
}
.socialiconmodal a img {
left: 15px;
top: 9px;
position: absolute;
}
.tooltip-inner {
font-size: 12px;
padding: 5px 7px;
background: #333;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
border-bottom-color: #333;
}
.bottom-mnu {
width: 100%;
max-width: 649px;
margin: 0px auto;
}
.s-icon {
width: 35px;
}
ul.bottom-mnu li {
list-style: none;
float: none;
padding: 0px 19px;
display: inline-block;
color: #9aa0a7;
padding-bottom: 3px;
border-right: 1px solid #272626;
}
ul.bottom-mnu li:last-child {
margin-right: 0px;
padding-bottom: 0px;
border-right: 0px;
margin: 10px auto;
width: auto;
display: table;
}
ul.bottom-mnu li a {
color: #fff;
font-size: 15px;
font-family: sans-serif;
text-transform: uppercase;
}
.bottom-mnu {
width: 100%;
max-width: 649px;
margin: 0px auto;
}
.portfolio-pic {
margin-bottom: 18px;
}
.hero-section .big-btn {
min-width: auto;
}
.contact-bg .h3 {
font-size: 25px;
margin-bottom: 0;
}
.order-2 {
order: 1;
}
.order-1 {
order: 2;
}
.blog_title {
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
line-height: 26px;
color: #000;
font-size: 19px;
}
.blog_box {
overflow: hidden;
max-height: 390px;
line-height: 30px;
margin-bottom: 2px;
}
.blog_box p.content-t {
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 3;
line-height: 22px;
margin-bottom: 22px;
}
.blog_box img {
height: auto;
max-height: 190px;
width: auto;
}
.blog_box h3 {
display: none;
}
.blog_box a>span, .blog_box a:nth-child(2), .blog_box>span, .blog_box h4 {
display: none;
}
.blog_box a>span, .blog_box>span, .blog_box h4, .blog_box h2, .blog_box strong, .blog_box ul, .blog_box b, .blog_box ol {
display: none;
}
.bottom-mnu {
width: 100%;
max-width: 1060px;
margin: 0px auto;
}
.border-remove {
border: none !important;
}
/***************************** Crypto token development *******************/
.nimg {
max-width: 450px;
margin: 0 auto;
display: block;
}
.simg {
max-width: 160px;
margin: 0 auto;
display: block;
}
.blackbggrdnt {
background: #383737;
background: radial-gradient(circle, rgba(56, 55, 55, 1) 0%, rgba(43, 43, 43, 1) 14%, rgba(0, 0, 0, 1) 100%);
}
.bannerlistbg {
padding-left: 25px;
margin-top: 10px;
color: #fff;
line-height: 32px;
}
.banner {
padding-top: 65px;
padding-bottom: 25px;
}
.content-black {
color: #343434;
}
.breadcrumbbg .link-whl {
margin: 15px 0;
}
.pt0 {
padding-top: 0;
}
p.sub-tle {
color: #fff;
font-size: 18px;
font-weight: 700;
letter-spacing: .7px;
}
.midline .benefitboxbg:before {
content: "";
position: absolute;
left: 0;
right: 0;
height: 1px;
border-bottom: 6px solid #939393;
top: 0;
margin-top: 346px;
border-radius: 50px;
}
h4.sub-tle {
font-size: 18px;
font-weight: 700;
letter-spacing: .7px;
margin-bottom: 15px;
}
.contact-bg {
padding: 0px;
}
.contactoverlay {
background-color: rgb(16 16 16 / 55%);
padding: 50px 0px;
}
.contact-bg .intl-tel-input {
background: transparent;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
.contact-bg .intl-tel-input .selected-flag .arrow {
border-top: 4px solid #fff;
}
.contact-bg .form-control::placeholder {
color: #cdcdcd;
}
.itlnum2 .countrycodet {
border-left: 0px;
}
.modal-open, body.modal-open {
padding-right: 0px !important;
}
.link-whl {
margin-top: 30px;
display: inline-block;
font-family: sans-serif;
color: #828282;
font-size: 16px;
}
.link-whl .link {
color: #000;
}
.blog_title {
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
line-height: 30px;
}
.blog_box {
overflow: hidden;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
max-height: 370px;
line-height: 30px;
}
p.content-t {
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 4;
line-height: 22px;
}
.blog_box img {
max-width: 320px;
width: 100%;
height: auto;
}
@keyframes animate {
0% {
transform: scale(0.5);
opacity: 0;
}
50% {
opacity: 1;
}
}
.text-justify {
text-align: justify;
}
.bgfad {
background: #f8f8f8;
}
.typesof h4 {
color: #fff;
font-size: 20px;
margin-bottom: 10px;
text-transform: capitalize;
font-weight: bold;
}
.typesof p {
color: #fff;
font-size: 16px;
}
.premium h3 {
font-size: 18px;
color: #000;
margin-bottom: 10px;
font-weight: bold;
padding: 0 10px;
}
.premium .adminfeatbox:hover {
background: #2d2e2e;
}
.premium.eth .adminfeatbox:hover {
background: #000000;
}
.premium .adminfeatbox:hover h3, .premium .adminfeatbox:hover p {
color: #fff;
}
.premium p {
color: #333;
font-size: 16px;
}
.premium .adminfeatbox:hover img {
background: #fff;
padding: 3px;
border-radius: 5px;
}
.premium.eth .adminfeatbox:hover img {
background: initial;
padding: 0px;
border-radius: 0px;
}
.premium .adminfeatbox {
background: #fff;
transition: 0.2s ease-out all;
border-radius: 15px;
border: 1px solid #cdcdcd;
}
.premium.eth .adminfeatbox img {
width: auto;
}
.premium.eth .adminfeatbox {
border: 1px solid #cdcdcd;
margin-top: 20px;
transition: all 0.1s ease;
}
.premium .adminfeatbox:hover {
box-shadow: 0px 0px 10px #cdcdcd;
}
.listtypes {
display: flex;
}
.listtypes .listtypesbox {
padding: 28px 23px;
background: #2e2e2e;
width: 48%;
float: left;
margin: 5px 12px;
border-bottom-left-radius: 30px;
border-top-right-radius: 30px;
}
.listtypes .listtypesbox>div {
display: table-cell;
vertical-align: middle;
}
.typeicon {
min-width: 60px;
text-align: center;
}
.listtypes .h2 {
font-size: 20px;
margin: 0;
font-weight: 600;
padding-bottom: 8px;
line-height: 25px;
}
.pad-left {
padding-left: 15px;
}
.listtypes p {
color: #fff;
margin-bottom: 0;
}
::-webkit-scrollbar {
width: 3px;
}
::-webkit-scrollbar-thumb {
background: grey;
border-radius: 10px;
}
h2.heading, h3.heading {
font-size: 32px;
color: #000;
text-align: center;
margin-bottom: 40px;
position: relative;
font-weight: bold;
}
h2.heading:before, h3.heading:before {
content: '';
display: block;
position: absolute;
width: 150px;
height: 4px;
background: #ffb000;
bottom: -20px;
left: 0;
right: 0;
margin: 0 auto;
}
.security-fea h4 {
font-size: 18px;
color: #fff;
margin-bottom: 10px;
font-weight: bold;
}
.significant p {
color: #000;
font-size: 16px;
text-align: center;
}
.significant .adminfeatbox p {
color: #fff;
margin-bottom: 0;
}
.significant .adminfeatbox:hover {
background: #fff;
box-shadow: 0px 0px 20px 1px #cdcdcd;
border: 1px solid #9f9f9f;
border-radius: 15px;
}
.significant .adminfeatbox:hover p {
color: #333;
}
.process p.head-p {
text-align: center;
color: #333;
font-size: 16px;
}
.process .listtypes {
display: block;
}
.process .listtypes .listtypesbox {
width: 100%;
}
.process .listtypes .listtypesbox.add {
width: 100%;
border-bottom-left-radius: 80px;
border-top-left-radius: 80px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.process .listtypes .listtypesbox.even {
width: 100%;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
}
.process h4 {
font-size: 18px;
color: #fff;
margin-bottom: 10px;
font-weight: bold;
}
section.process {
overflow: hidden;
}
#accordion .panel {
border: 0;
border-radius: 0;
margin-bottom: 5px;
box-shadow: none;
}
#accordion .panel-heading {
padding: 0;
border: 0;
border-radius: 0;
position: relative;
}
#accordion .panel-title a {
display: block;
padding: 13px 24px;
margin: 0;
background: #000;
font-size: 15px;
font-weight: 600;
color: #ffffff;
letter-spacing: 1px;
position: relative;
line-height: 23px;
border-radius: 10px;
}
#accordion .panel a[aria-expanded=true]:before {
content: "\2212";
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: bold;
text-decoration: inherit;
position: absolute;
color: #ffb000;
font-size: 30px;
top: 15px;
right: 23px;
}
#accordion .panel a[aria-expanded=false]:after {
content: "\002b";
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: bold;
text-decoration: inherit;
position: absolute;
color: #ffb000;
font-size: 30px;
top: 15px;
right: 23px;
transition: all .3s ease 0s;
}
#accordion .panel-title a:after {
height: 0;
}
#accordion .panel-body {
padding: 20px 30px;
background: #fff;
border: 1px solid #2e2e2e;
font-size: 15px;
color: #333;
line-height: 28px;
border-radius: 10px;
}
.breadcrumbbg {
background: #f9f9f9;
}
.clpse {
width: 90%;
margin: 0;
color: #fff;
}
.faqsect .panel .panel-body p {
color: #000;
line-height: 29px;
font-weight: 400;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 0px;
}
section.security-fea, section.significant {
overflow: hidden;
width: 100%;
}
.black-t {
color: #000;
}
.card {
height: 100%;
}
.leftimagebox {
width: 100%;
display: flex;
position: relative;
margin: 10px 30px;
border: 1px solid #e5e5e5;
border-radius: 5px;
padding: 15px;
align-items: center;
transition: 0.2s;
}
.leftimagebox:hover {
border: 1px solid #ffb000;
}
.highlight-img {
align-items: center;
justify-content: center;
display: flex;
border-radius: 10px;
position: absolute;
left: -30px;
width: 100px;
background: #fff;
height: 100px;
box-shadow: 0px 0px 15px #cdcdcd;
}
.set-content {
padding-left: 75px;
}
.leftimagebox h3 {
font-size: 20px;
color: #000000;
margin-bottom: 12px;
font-weight: bold;
}
.bg-f9 {
background: #f9f9f9;
}
.box-type .card h3 {
font-size: 20px;
color: #000000;
margin-bottom: 15px;
font-weight: bold;
margin-top: 30px;
}
.card-margin {
margin-top: 55px;
}
.box-type .card {
transition: 0.2s;
position: relative;
}
.card-body {
text-align: center;
}
.card-body p {
margin-bottom: 0px;
}
.img-card {
background: #fff;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
max-width: 70px;
top: -30px;
height: 70px;
box-shadow: 0px 0px 15px 1px #cdcdcd;
text-align: center;
padding: 7px;
border-radius: 10px;
}
.box-type .card:hover {
transform: scale(1.03);
box-shadow: 0px 0px 15px #b5b5b5;
border-radius: 0px !important;
border: 1px solid transparent;
}
.box-type .card:hover img {
border-radius: 0;
}
.leftimagebox:hover .highlight-img {
border: 1px solid #ffb006;
}
.leftimagebox:hover .highlight-img img {
transform: scale(1.1);
transition: 0.2s;
}
.why-list ul li {
line-height: 3;
}
.flow-body {
display: flex;
justify-content: space-between;
height: 180px;
}
.flow-card h3 {
font-size: 18px;
color: #000000;
margin-bottom: 15px;
font-weight: bold;
}
.flow-card {
max-width: 400px;
padding: 10px;
padding-left: 15px;
}
.process-flow.eth.scd .bg-flow {
background-image: url("https://www.icoclone.com/images/smart-contract/work-flow.svg");
}
.process-flow.eth .bg-flow {
background-image: url(https://www.icoclone.com/images/ethereum/eth-flow.svg);
}
.process-flow.eth.ctd .bg-flow {
background-image: url(https://www.icoclone.com/images/crypto-token/crypto-token-development-process.svg);
}
.process-flow.eth.idc .bg-flow {
background-image: url(https://www.icoclone.com/images/ico-development/successful-steps-ico.png);
height: 1630px;
}
.process-flow.eth .bg-flow, .process-flow.eth.scd .bg-flow {
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 1060px;
margin: 0 auto;
max-width: 1000px;
}
.payment-tabs {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.payment-tabs ul.nav.nav-pills {
border: 1px solid #12141d;
border-radius: 5px;
font-weight: bold;
}
.payment-tabs .nav-pills>li>a {
border-radius: 4px;
color: #12141d;
position: relative;
display: block;
padding: 10px 15px;
}
.payment-tabs .nav-pills>li>a.active, .payment-tabs .nav-pills>li>a.active:focus {
color: #fff;
background-color: #12141d;
}
.pre-post .listtypes .listtypesbox {
background: #fff;
border: 1px solid #cdcdcd;
transition: 0.2s ease all;
margin: 10px 0;
}
.pre-post .listtypes .listtypesbox:hover {
border-radius: 0px;
box-shadow: 0px 0px 15px 1px #cdcdcd;
}
.pre-post .listtypes .listtypesbox h4, .pre-post .listtypes .listtypesbox p {
color: #000;
}
.standdiv .cryptobig {
position: relative;
}
.standdiv .stands {
position: absolute;
bottom: -100px;
left: 0;
right: 0;
margin: 0 auto;
}
.eth .flow-card {
background: #fff;
box-shadow: 0px 0px 15px 1px #cdcdcd;
border-radius: 40px;
padding: 25px;
}
.eth .flow-card.no-border {
background: initial;
box-shadow: none;
}
.process-flow.eth .flow-body {
align-items: center;
height: 192px;
}
.eth .flow-card p {
margin-bottom: 0;
}
.eth .flow-card.r-radius {
border-top-right-radius: 0px;
}
.eth .flow-card.l-radius {
border-top-left-radius: 0px;
}
.no-border {
border: none;
}
.spad.process-flow {
padding-bottom: 115px;
}
.spad.process-flow.eth {
padding-bottom: 130px;
}
.mt-10 {
margin-top: 10px;
}
.mt-55 {
margin-top: 55px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-10 {
margin-bottom: 10px;
}
.pl-15 {
padding-left: 15px;
}
.pl-25 {
padding-left: 25px;
}
.pr-15 {
padding-right: 15px;
}
.faqsectd ul {
padding-left: 30px;
margin-bottom: 15px;
}
.mw-container {
max-width: 1200px;
margin: 0 auto;
}
.flex-fill {
width: 100%;
}
.recognize {
display: flex;
justify-content: space-around;
margin-top: 20px;
}
.r-box {
width: 150px;
height: auto;
padding: 10px;
box-shadow: 0px 0px 5px #cdcdcd;
border: 1px solid #000000;
border-radius: 10px;
display: flex;
align-items: center;
margin: 0 5px;
overflow: hidden;
}
.r-box img {
height: auto;
transition: 0.1s linear;
}
.r-box:hover img {
transform: scale(1.2);
}
.box-flex {
display: flex;
}
.box-flex .inner-box {
background: #000;
margin: 10px;
width: 100%;
max-width: 100%;
border-radius: 15px;
}
.box-flex .inner-box h3 {
color: #fff;
font-size: 22px;
font-weight: bold;
display: flex;
align-items: center;
margin-bottom: 20px;
}
.box-flex p {
color: #fff;
}
.inner-box h3 img {
margin-right: 10px;
margin-left: inherit;
}
.box-flex p {
color: #fff;
}
.black-bg h2.heading {
color: #ffffff;
}
.benifit-box {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.benif-box {
max-width: 340px;
background: #171717;
text-align: center;
padding: 20px;
border-radius: 10px;
}
.indust .benifit-box {
justify-content: center;
margin: 0;
}
.benifit-box h3 {
color: #fff;
font-size: 18px;
text-align: center;
margin: 15px 0;
font-weight: bold;
}
.benifit-box p {
color: #fff;
text-align: center;
margin-bottom: 0;
}
.empty .box-flex .inner-box {
background: transparent;
padding: 0;
border: 1px solid #cdcdcd;
padding: 18px 20px;
/*transform: scale(0.95);
*/
}
.empty .box-flex .inner-box:hover {
box-shadow: 0px 0px 15px 1px #cdcdcd;
background:#fff;
/*transform: scale(1.05);
*/
}
.empty .box-flex .inner-box h3, .empty .box-flex .inner-box p {
color: #000;
display: block;
margin-bottom: 12px;
}
.empty .box-flex .inner-box p {
margin-bottom: 0px;
}
.indust .benif-box {
width: 175px;
margin: 10px;
}
.indust .benifit-box p {
margin-top: 15px;
}
.why-list.eth ul li {
line-height: 2.5;
font-weight: 500;
}
.why-list.eth ul li::marker {
color: #ff8d00;
}
.why-list.eth.black-bg ul li {
color: #fff;
font-weight: normal;
}
.feat.black-bg p {
color: #000;
}
.premium.eth.feat .adminfeatbox {
border: 2px solid #fff;
box-shadow: none;
border-radius: 0;
}
.new-contact-us .form-control {
background: transparent;
border-radius: 0;
border: none !important;
border-bottom: 1px solid #cdcdcd !important;
color: #fff;
outline: none;
box-shadow: none;
line-height: 1.9;
}
.new-contact-us .itlnum2 .countrycodet {
border-left: 0px;
background: transparent;
color: #fff;
width: 13%;
padding-left: 18px;
top: -9px;
position: relative;
border-bottom: 1px solid #cdcdcd;
}
.new-contact-us .intlphonegroup .intl-tel-input {
position: relative;
top: -9px;
}
.new-contact-us .itlnum2 .plusiconphone {
top: 0px;
color: #fff;
left: 52px;
}
.new-contact-us .intl-tel-input .selected-flag .arrow {
border-top: 4px solid #fff;
}
.new-contact-us .phonenumtext {
width: 77%;
position: relative;
top: -8px;
}
.new-contact-us .form-control::placeholder {
color: #999;
}
.glass-link {
display: flex;
align-items: center;
margin-right: 40px;
}
.glass h4 {
color: #ffff;
margin-bottom: 20px;
font-size: 22px;
}
.glass-link a {
color: #fff !important;
font-size: 15px;
}
.glass {
background-color: rgba(0, 0, 0, 0.8);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
padding: 25px;
-webkit-box-shadow: 0 25px 23px rgba(0, 0, 0, 0.15);
box-shadow: 0 25px 23px rgba(0, 0, 0, 0.5);
border: 1.5px solid rgba(255, 255, 255, 0.6);
border-radius: 15px;
position: relative;
z-index: 9;
}
.glass-ball {
position: relative;
max-width: 530px;
}
.glass-ball:before {
content: '';
display: block;
width: 280px;
height: 280px;
position: absolute;
background-color: #ffc107;
border-radius: 50%;
top: -15px;
left: 15px;
}
.glass-ball:after {
content: '';
display: block;
width: 150px;
height: 150px;
position: absolute;
border-radius: 50%;
bottom: -25px;
right: -27px;
z-index: 1;
background: rgb(2, 0, 36);
background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 102, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}
.glass-text p {
font-size: 15px;
font-weight: bold;
margin-bottom: 3px;
}
.glass-text {
margin-left: 10px;
}
.glass-iconz {
display: flex;
align-items: center;
margin-top: 30px;
margin-bottom: 10px;
}
.new-contact-us .intlphonegroup .intl-tel-input .coutrytext {
border: none !important;
border-bottom: 1px solid #cdcdcd !important;
}
.new-contact-us .intlphonegroup {
margin-bottom: 0;
}
.new-contact-us input#submit {
border-radius: 10px;
min-width: 130px;
padding: 13px;
}
.black-bg ul li {
color: #fff;
}
@keyframes shake {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-4px, 0, 0);
}
40%, 60% {
transform: translate3d(4px, 0, 0);
}
}
.instant {
color: #fff;
max-width: 535px;
margin: 0 auto;
margin-bottom: 49px;
text-transform: capitalize;
font-weight: bold;
position: relative;
}
.contact-us h1 {
color: #fff;
margin-bottom: 40px;
letter-spacing: -1px;
font-weight: 600;
font-size: 45px;
position: relative;
}
.contact-us h1:after {
content: '';
display: block;
width: 130px;
border-bottom: 2px solid #ffdc14;
padding-bottom: 20px;
}
.instant:after {
content: '';
display: block;
width: 180px;
border-bottom: 2px solid #ffdc14;
padding-bottom: 25px;
}
h1.heading {
text-align: center;
font-size: 40px;
font-weight: bold;
color: #000;
padding-top: 35px;
}
.modal-header .orange-t {
display: block;
}
.black-bg ul li.country {
color: #000;
}
.navbar-nav .dropdown-menu {
top: 95%;
}
.whatsapp-form.quick {
max-width: 400px;
margin: 0 auto;
padding-top: 0;
justify-content: center;
}
/********************************** home new *****************************************************/
.home .inner-box h3 img {
margin-bottom: 20px;
}
.orange-btn {
color:#000 !important;
}
.menu-list .site-dropdown-menu li:hover a {
color: #fff;
}
.feature-section .fbox {
margin-bottom: 20px;
}
.feature-section p.sub-h {
font-size: 18px;
font-weight: bold;
margin-bottom: 30px;
}
.fbox {
margin-bottom: 25px;
}
.fbox>div {
padding: 0 20px;
}
.fbox h3 {
font-size: 24px;
margin-bottom: 20px;
font-weight: bold;
}
.fbox p {
margin-bottom: 20px;
}
.weoffer .block>div {
flex: 50%;
padding: 15px 20px;
margin: 10px;
transition: 0.5s ease;
}
.weoffer .block>div:hover {
background: #fff;
box-shadow: 0px 0px 15px 1px #959595;
border-radius: 10px;
transition: 0.5s ease;
}
.weoffer .block>div h3 {
font-size: 22px;
font-weight: bold;
margin: 10px 0;
}
.whatsapp-swipe .skypeline.teams i img {
border: 1px solid #3e45b0;
background: #3e45b0;
}
.whatsapp-swipe .skypeline.teams a i:after {
border: 5px solid #3e45b0;
}
/********************************* home close ***************************************************/
@media(min-width:1920px) {
.labtop-bg {
background-position: top left 102%;
}
}
@media (max-width:1585px) {
.hero-section .laptop-image {
left: 0;
}
}
@media (max-width: 1425px) {
.header-section .site-btn {
margin-left: 0;
}
.hero-section .laptop-image {
width: auto;
max-width: 100%;
}
.about-img {
left: -50px;
width: 600px;
}
}
@media (max-width:1400px) {
.adminfeaturesbg .container {
width: 100%;
max-width: 90%;
}
.banner .container {
max-width: 95%;
}
.featuref .container {
max-width: 100%;
}
.featuref .container {
width: 100%;
max-width: 90%;
}
}
@media (max-width: 1300px) {
.roadbanner {
max-width: 90%;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.hero-section {
padding: 65px 0px;
padding-bottom: 0px;
}
.labtop-bg {
height: auto;
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.hero-section {
padding: 65px 0px;
padding-bottom: 0px;
}
.labtop-bg {
height: auto;
}
}
@media (min-width:1201px) {
.why-list.indust .flex-fill.text-center.cryptobig {
position: relative;
left: 130px;
}
.btn-group.show-on-hover:hover .dropdown-menu {
display: block;
min-width: 280px;
box-shadow: 0px 1px 5px #cdcdcd;
}
}
@media (max-width:1200px) {
.menu-list li a {
font-size: 15px;
padding: 14px 0px;
}
.menu-list .show li a {
padding: 10px 10px;
margin: 5px 0;
}
li.nav-item.iconstop {
display: none;
}
.btn-group.show-on-hover {
display: block;
padding: 3px 0 3px 0px;
}
a.whatsapp-icon-btn, a.telegram-icon-btn {
font-size: 13px;
}
.header-section .site-btn {
display:none;
}
.whatsapp-swipe li {
float: left;
margin-bottom: 0px;
margin: 0 10px;
}
footer.spad {
padding-bottom:70px;
}
.carousel-indicators {
display: inline-block;
width: 100%;
}
.carousel-indicators li {
width: 25%;
max-width: inherit;
padding: 10px 10px;
margin: 0px;
background: none;
}
.carousel-indicators li:active, .carousel-indicators .active, .carousel-indicators li:hover {
background: none !important;
}
.carousel-indicators li:hover span {
background: #000;
}
.carousel-indicators li>span {
width: 100%;
display: inline-block;
background: #1c1c1c;
min-height: 157px;
padding: 17px 13px;
height: 100%;
border-radius: 5px;
}
.carousel-indicators li.active>span {
background: #000;
}
.carousel-inner {
min-height: 300px;
margin-top: 0;
}
.carousel-control-next, .carousel-control-prev {
top: 320px;
}
.mnhghtbox .container {
width: 100%;
max-width: 90%;
}
.adminfeaturesbg .container {
max-width: 100%;
}
.blog-section .container {
width: 100%;
max-width: 100%;
}
.contact-bg .container {
width: 100%;
max-width: 100%;
}
.about-section .container {
width: 100%;
max-width: 100%;
}
.grey-box {
margin: 10px;
}
.m-width {
width: 95%;
max-width: inherit;
}
.page-center-content .grey-box h4 {
font-size: 20px;
line-height: 29px;
}
}
@media(max-width:1160px) {
.banner-text.bannernewtext {
margin-left: 0px;
}
}
@media (max-width:1024px) {
.benefitsline .container {
width: 100%;
max-width: 100%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.mw-container {
margin: 0 15px;
}
.hero-section, .page-info-section {
background-position: right 23% top;
}
.about-img {
left: 0px;
width: 480px;
}
.team-members {
text-align: center;
}
.site-logo img {
max-width: 180px;
}
}
@media(min-width: 992px) {
.standdiv {
margin-bottom: 40px;
}
.btn:hover {
animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
perspective: 1000px;
}
.timeline {
width: 800px;
margin: 0 auto;
margin-top: 20px;
}
.direction-l {
position: relative;
width: 440px;
float: left;
text-align: right;
}
.direction-r {
position: relative;
width: 440px;
float: right;
text-align: left;
}
.featuref .container {
padding: 0 15px;
}
}
@media (max-width: 991px) {
.fbox h3 {
font-size: 18px;
margin-bottom: 10px;
}
.order1 {
order:1;
}
.order2 {
order:2;
}
.feature-section .cryptobig img {
margin-bottom: 15px;
}
.feature-section .fbox {
text-align:center;
}
.blog-whl {
margin-bottom: 15px;
padding: 10px 15px;
}
li.nav-item.iconstop {
margin: 5px 0;
}
.standdiv .stands {
display: none;
}
.social-list li {
margin-bottom: 10px;
}
.glass-link {
margin-bottom: 7px;
}
.new-contact-us .phonenumtext {
width: 65%;
top: -9px;
}
.new-contact-us .itlnum2 .countrycodet {
width: 25%;
padding-left: 35px;
}
.glass-iconz {
display: block;
margin-top: 0;
}
img.portfolio-img {
height: auto;
}
.banner-block {
padding: 0 15px;
}
.flow-body {
display: block;
}
.process-flow.eth .flow-body {
height: 185px;
}
.process-flow.eth .bg-flow, .process-flow.eth.scd .bg-flow {
background-position: left;
}
.flow-card {
max-width: 100%;
padding-left: 80px;
border: none;
margin-top: 0px;
}
.eth .flow-card {
padding: 0;
box-shadow: none;
border-radius: 0;
margin-left: 80px;
margin-bottom: 25px;
background: transparent;
}
.no-border {
border: none;
padding: 0;
margin: 0;
max-width: 100%;
}
.table-content>div.labtop-bg {
display: none;
}
.mnhghtbox .container {
max-width: 100%;
}
.mnhghtbox .col-sm-12 {
width: 100%;
max-width: 100%;
flex: 100%;
}
.table-demosite>div {
display: block;
width: 100% !important;
}
.table-demosite {
display: block;
width: 100% !important;
}
.demolinktext {
padding-left: 0px;
}
.demosite img {
max-width: 100%;
margin-bottom: 17px;
}
.mnhghtbox h2, .mnhghtbox h4 {
text-align: center;
}
.demousertable {
display: table;
width: 100%;
}
.demousertable>div {
display: table-cell;
vertical-align: top;
float: none;
}
.demoherebg {
margin-top: 20px;
}
.thksconnectbg, .thanksig {
text-align: left;
}
.mnhghtbox {
padding: 20px 0px;
}
.thanksig {
margin-top: 30px;
}
.exchangeherosect .table-content {
padding-top: inherit;
}
.exchangeherosect {
padding-top: 0px;
}
.contact-bg .container {
max-width: 100% !important;
}
.contact-bg .table-content {
display: block;
width: 100%;
}
.contact-bg .table-content>div {
display: block;
width: 100%;
max-width: 100%;
}
.contact-bg form {
width: 100%;
max-width: 100%;
margin: 0px 0px;
}
.contact-bg .cnttitle, .contact-bg .h4 {
text-align: left;
padding-bottom: 0px;
margin-bottom: 7px;
line-height: 36px;
}
.menu-list .site-btn {
padding: 10px 9px !important;
font-size: 12px !important;
}
.menu-list img {
max-width: 39px;
}
.site-logo img {
max-width: 168px;
}
.hero-section {
padding: 84px 0px;
padding-bottom: 45px;
}
.banner-text h2 {
font-size: 30px;
}
.banner-text h1 {
margin: 10px auto !important;
}
.banner-text {
margin-bottom: 0px;
}
.bottom-list li {
padding: 6px 0px;
font-size: 16px;
line-height: 29px;
}
.bottom-list {
margin-top: 0;
}
.pb-3, .py-3 {
padding-bottom: 0 !important;
}
.token-banner .container {
width: 100%;
max-width: 100%;
}
.page-center-content .grey-box .h4 {
font-size: 18px;
line-height: 27px;
}
.blog-whl {
margin-bottom: 15px;
padding: 10px 15px;
}
.contact-bg .w-80 {
max-width: 100%;
text-align: left;
}
.contact-bg .social-list {
width: 100%;
max-width: 100%;
margin: 0px 0px;
}
.table-content1 {
display: inline-block;
}
.table-content1>div {
display: block;
}
.adminfeaturesbg .table-content1>div {
width: 100% !important;
max-width: 100%;
}
.adminfeaturesbg .table-content1 {
display: flex;
flex-flow: column;
margin: 0px;
}
.adminfeaturesbg .adminboxapp {
order: 2;
}
.featuref .container {
max-width: 100%;
padding: 0px;
}
.featuref .h5 {
font-size: 19px;
}
.carousel-control-next, .carousel-control-prev {
top: 298px;
}
.roadbanner .main-roadtimeline .timelinebg {
float: left;
flex: 0 0 50%;
max-width: 50%;
}
.main-roadtimeline {
display: block;
}
.roadbanner .main-roadtimeline .timelinebg:nth-child(even) {
border-right: 1px solid #ccc;
}
.roadbanner .main-roadtimeline .post {
min-height: 25px;
}
.roadbanner .main-roadtimeline .year {
margin-bottom: 26px;
}
.roadbanner .main-roadtimeline .timelinebg-icon {
margin-bottom: 16px;
}
.roadbanner .main-roadtimeline .description {
min-height: 106px;
}
.buynowsectionbg .col-sm-12 {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
margin-bottom: 20px;
}
.userinfobg {
margin-top: 10px;
}
.userinfobg .form-group {
margin-bottom: 0;
}
.banner-text .mid-btn {
margin: 10px;
}
.hero-section .big-btn {
margin-top: 21px;
}
.banner-text.bannernewtext {
text-align: center;
}
.pricelistbanner .h4 {
margin: 0px auto;
}
.banner-text .mid-btn {
margin: 10px;
}
.flex-table>div {
width: auto;
display: inherit;
}
}
@media (max-height: 800px) {
.exchangeherosect .labtop-bg {
background-size: cover;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.menu-list li a {
margin-right: 6px;
}
.page-info-section {
background-position: right 33% top;
}
.page-info-section h2 {
font-size: 40px;
}
.about-img {
position: relative;
display: block;
left: 0;
width: auto;
margin-top: 50px;
}
.team-members {
text-align: center;
}
.pull-3 {
right: 0;
}
.push-8 {
left: 0;
}
.review-section {
text-align: center;
}
.review-text {
padding: 0 60px;
}
.review-text-slider .owl-nav {
padding-top: 0;
position: absolute;
top: 50%;
margin-top: -45px;
left: 0;
width: 100%;
}
.review-text-slider .owl-prev {
float: left;
}
.review-text-slider .owl-next {
float: right;
}
.review-meta-slider {
margin: auto;
}
.author-meta {
padding-top: 0;
}
.newsletter-form {
padding-left: 0;
}
.newsletter-section {
text-align: center;
}
}
@media(min-width: 768px) {
.mobile-on {
display: none;
}
.why-list.indust .flex-fill.text-center.cryptobig {
left: 55px;
}
.timeline {
width: 740px;
margin: 0 auto;
margin-top: 20px;
}
.timeline li:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.timeline .hexa {
left: -28px;
right: auto;
top: 8px;
}
.timeline .direction-l .hexa {
left: auto;
right: -28px;
}
.direction-l {
position: relative;
width: 350px;
float: left;
text-align: right;
box-shadow: 0px;
}
.direction-r {
position: relative;
width: 350px;
float: right;
text-align: left;
box-shadow: 0px;
}
.flag-wrapper {
display: inline-block;
}
.flag {
font-size: 18px;
}
.direction-l .flag:after {
left: auto;
right: -16px;
top: 50%;
margin-top: -8px;
border: solid transparent;
border-left-color: rgb(254, 254, 254);
border-width: 8px;
}
.direction-r .flag:after {
top: 50%;
margin-top: -8px;
border: solid transparent;
border-right-color: rgb(254, 254, 254);
border-width: 8px;
left: -8px;
}
.time-wrapper {
display: inline;
vertical-align: middle;
margin: 0;
}
.direction-l .time-wrapper {
float: left;
}
.direction-r .time-wrapper {
float: right;
}
.time {
padding: 5px 10px;
}
.direction-r .desc {
margin: 1em 0 0 0.75em;
}
}
@media (max-width: 768px) {
.hero-section {
padding: 65px 0px;
padding-bottom: 0px;
}
.labtop-bg {
height: auto;
}
li.nav-item.iconstop {
margin: 6px 0;
}
.main-menu {
padding: 0 11px;
}
}
@media (max-width:767px) {
.weoffer .block>div h3 {
font-size:18px;
margin-bottom:5px;
}
.header-section .navbar-collapse {
border-top: 1px solid #211f1f;
margin: 11px 0px;
max-height: 215px;
overflow-y: scroll;
}
.main-menu .container-fluid {
padding: 0px 6px;
}
.header-section {
padding: 10px 0px;
background: #000000;
}
.social-list li a {
margin-right:15px;
}
.select-box .box {
width: 33%;
margin:0 auto;
}
p, .contentpara {
font-size:15px;
}
.pic-s {
max-width: 88px;
margin: 0 auto;
}
.blog-whl {
text-align: center;
}
.whatsapp-form.quick {
max-width: 210px;
}
.mobile-hide {
display: none;
}
.mobile-on {
display: flex;
}
h3.get-t {
font-size: 16px;
}
p.hear {
font-size: 15px;
}
.modal-header.get-text {
padding: 10px 0;
}
.modal-body {
padding: 0px 10px 10px 10px;
}
.modal-body .form-group {
margin-bottom: 8px;
}
.contact-padd {
padding-right: 0px;
}
.banner-block h1 {
font-size: 24px;
margin-bottom: 15px;
}
.box-flex .inner-box h3, .leftimagebox h3, .box-type .card h3 {
font-size: 18px;
margin-bottom: 10px;
}
section.spad.black-bg.new-contact-us {
padding-top: 40px;
}
.new-contact-us .phonenumtext {
top: -9px;
margin-top: 1px;
}
.new-contact-us .table-content>div {
width: 100%;
display: block;
}
a.telegram-icon-btn {
margin: 0 auto;
}
p.sub-h {
font-size: 16px;
}
.benifit-box {
display: block;
margin: 0px;
}
.benif-box {
margin: 0 auto 10px;
}
.indust .container {
max-width: 100%;
}
.indust .benif-box {
width: 135px;
float: left;
margin: 7px;
height: 150px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
img {
height: auto;
}
.box-flex {
flex-direction: column;
}
.box-flex .inner-box {
margin: 15px 0px 0px 0;
}
.whatsapp-form {
flex-direction: column;
padding-top: 10px;
}
a.whatsapp-icon-btn {
margin-right: 0;
margin-bottom: 15px;
}
.flow-card h3 {
font-size: 16px;
margin-bottom: 10px;
}
.mw-container img.bannerimg.height-auto {
max-width: 320px;
}
.portfolio-img {
height: auto;
}
.aboutt .d-md-flex>div {
width: 100%;
}
.security-fea .listtypes {
display: block;
}
.security-fea .listtypes .listtypesbox {
margin: 0 0 15px 0;
width: 100%;
}
.process .listtypes .listtypesbox {
margin: 0 0 15px 0;
border-radius: 5px !important;
}
.process .listtypes .listtypesbox>div {
display: block;
}
.typeicon {
margin-bottom: 10px;
}
.demousertable {
display: inline-block;
width: 100%;
}
.demousertable>div {
display: inline-block;
width: 100%;
}
.thksconnectbg .btnxsf {
display: inline-block;
}
.thksconnectbg .btnmdf {
display: none;
}
.demosite {
width: 100%;
}
.about-section .grey-box {
min-height: inherit;
}
.thksconnectbg .site-btn {
padding: 10px 14px;
font-size: 15px;
}
.demoherebg img {
width: 19px;
}
.whatsappli {
display: none;
}
.whatsapplis {
display: block;
}
.cener-btn {
text-align: center;
}
.blog_box p.content-t:first-child {
text-align: center;
}
.d-md-flex>div {
margin: 15px 0;
overflow: hidden;
}
.nimg {
max-width: 100%;
margin: 0 auto;
display: block;
}
.simg {
max-width: 100%;
display: block;
}
.roadbanner .link-whl {
text-align: center;
width: 100%;
}
.roadmapb {
padding-top: 33px;
}
.orderflex {
display: flex;
flex-direction: column;
}
.order-2 {
order: 2;
}
.order-1 {
order: 1;
}
.mt-55 {
margin-top: 20px;
}
.iconstop {
margin: 12px 0px;
margin-bottom: 0px;
}
.flexboxabout {
display: block;
width: 100%;
max-width: 500px;
margin: 0px auto;
}
.flexboxabout>div {
margin: 15px 0px;
width: 100%;
}
.hero-section {
height: auto;
padding: 8vh 20px !important;
padding-bottom: 13px !important;
}
.portfolio-pic {
margin-bottom: 0;
}
.token-banner .cener-btn>a {
min-width: 180px;
margin: 3px 3px;
width: auto;
max-width: inherit;
display: inline-block;
}
.menu-list {
display: block;
}
.banner-text {
margin-bottom: 15px;
}
.gallery-card img {
max-width: 70px;
}
.page-center-content .grey-box img {
max-width: 88px;
}
.socialiconmodal .mo-v {
display: inline-block;
}
.socialiconmodal .de-v {
display: none;
}
.intl-tel-input .country-list {
width: 350px !important;
}
.security-fea .listtypes .listtypesbox {
width: 100%;
}
.pad-left {
padding: 0;
}
.security-fea .listtypes .listtypesbox>div {
display: block;
}
.security-fea .listtypes .listtypesbox>div {
display: block;
margin-bottom: 15px;
}
.adminfeatflex {
display: block;
}
.adminfeaturesbg .table-content1>div {
max-width: 650px;
margin: 0px auto;
}
.benetisflex {
max-width: 503px;
display: block;
margin: 0px auto;
}
.benefitsline .benetitsinnerbox {
margin: 9px 0px;
width: 100%;
}
.benefitsline .benefitboxbg .benetitsinnerbox:before {
left: 0px;
}
.benefitsline .benefitboxbg:before {
display: none;
}
.benefitsline .benefitboxbg .benetitsinnerbox:before {
display: none;
}
.adminboxapp img {
max-width: 370px;
}
.adminfeatbox {
margin: 4px 0px;
}
.benitsbgbanner {
padding-bottom: 50px;
overflow: hidden;
}
.benefitsline .benefitboxbg {
margin-top: 10px;
}
.innerpagearticlebg {
margin-top: 33px;
}
.simplebar-scroll-content {
padding-right: 0px !important;
}
.pr-5 {
padding: 0px !important;
}
.modal-header h3 {
font-size: 20px;
}
.hero-text h2 {
font-size: 40px;
}
.hero-section {
background-position: right 50% top;
}
.page-info-section {
background-position: right 56% top;
margin-top: 97px;
}
.page-info-section h2 {
font-size: 40px;
}
.about-img {
position: relative;
display: block;
left: 0;
width: auto;
margin-top: 50px;
}
.team-members {
margin: 0;
padding: 0 15px;
}
.pull-3 {
right: 0;
}
.push-8 {
left: 0;
}
.review-section {
text-align: center;
}
.review-text {
padding: 0 60px;
}
.review-text-slider .owl-nav {
padding-top: 0;
position: absolute;
top: 50%;
margin-top: -45px;
left: 0;
width: 100%;
}
.review-text-slider .owl-prev {
float: left;
}
.review-text-slider .owl-next {
float: right;
}
.review-meta-slider {
margin: auto;
}
.author-meta {
padding-top: 0;
}
.newsletter-form {
padding-left: 0;
}
.newsletter-section {
text-align: center;
}
.review-text p {
font-size: 20px;
}
.blog-item {
margin-bottom: 30px;
}
.single-blog-page .social-share {
text-align: left;
margin-top: 20px;
}
.menu-list li .de-v {
display: none;
}
.grey-box {
margin: 2%;
}
.responsive-bar i {
color: #fff;
}
.select-box {
display: flex;
}
.gallery-card {
width: 100%;
}
.road-pic.right-side, .road-pic.left-side {
text-align: center;
}
.contact-bg .table-content>div {
width: 100%;
display: inherit;
}
.contact-bg .table-content .h3.text-left {
text-align: center !important;
}
.h2 {
font-size: 25px;
}
.h4 {
font-size: 20px;
}
.h5 {
font-size: 19px;
}
.carousel-control-next, .carousel-control-prev {
top: 0;
}
.carousel-indicators li {
width: 33.3%;
min-height: inherit;
}
.carousel-inner {
margin-bottom : 0px;
}
.carousel-inner img {
max-width: 130px;
margin-bottom: 20px;
}
.carousel-item {
text-align: center;
}
.carousel-item .text-left {
text-align: center !important;
}
.carousel-indicators {
display: none;
}
.carousel-inner {
min-height: 390px;
margin: 30px auto;
}
.carousel-indicators li>span {
min-height: auto;
}
.carousel-indicators li img {
width: 55px;
}
.carousel-indicators .para-text-f {
display: none;
}
.carousel-inner {
max-width: 85%;
}
.roadbanner .main-roadtimeline .timelinebg {
flex: 0 0 100%;
max-width: 100%;
}
.roadbanner .main-roadtimeline .timelinebg {
border-right: 1px solid #ccc;
}
.roadbanner .main-roadtimeline .description {
min-height: inherit;
}
.btnxsf {
display: block;
}
.btnmdf {
display: none !important;
}
.mid-btn {
width: 100%;
margin: 4px auto;
max-width: 250px;
}
.col-lg-5.col-md-12.hero-text {
display: none;
}
}
@media(max-width:670px) {
.gallery-card {
position: inherit;
}
.select-box {
position: relative;
}
.hero-text h2 {
font-size: 25px;
}
.h2 {
font-size: 23px;
}
.h4 {
font-size: 18px;
}
.h5 {
font-size: 20px;
}
p {
font-size: 15px;
}
.big-btn {
min-width: 240px;
width: auto;
padding: 14px 27px;
margin: 6px 0px;
}
.gallery-card {
padding: 0px 0px 30px;
}
.portfolio-pic .mo-v {
display: block;
}
.portfolio-pic .de-v {
display: none;
}
.spad {
padding-top: 15px;
padding-bottom: 35px;
}
h2.heading, h3.heading {
font-size: 20px;
margin-bottom: 30px;
}
.typesof h4 {
font-size: 18px;
}
.typesof p {
font-size: 15px;
}
.premium p {
font-size: 15px;
}
.listtypes p {
font-size: 15px;
}
.m-btn {
min-width: 130px;
width: auto;
padding: 11px 15px;
}
.labtop-bg {
background-size: contain;
background-position: top left;
height: auto;
}
.gallery-card img {
max-width: 61px;
}
.carousel-indicators li {
width: 50%;
}
.subformexchange .gallery-card1 {
width: 100%;
}
.subformexchange .box {
width: 33.3%;
}
.subformexchange .select-box {
display: table;
}
.banner-text h2 {
font-size: 22px;
}
.banner-text h1 {
font-size: 25px;
}
.featuref .h5 {
font-size: 16px;
}
.contact-bg .h3 {
font-size: 20px;
}
.featuref .h4 {
font-size: 17px;
}
.site-logo img {
max-width: 147px;
}
.contact-bg .s-icon {
width: 24px;
}
.gallery-card img {
max-width: 64px;
}
}
@media (max-width: 550px) {
.countrycodet {
width: 90%;
border-right: 1px solid rgba(0, 0, 0, .2);
padding-left: 43px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.phonenumtext {
width: 100%;
margin-top: 10px;
}
.gettectcontent {
font-size: 23px;
line-height: 36px;
}
.contact-bg .h3 {
font-size: 19px;
}
.select-box {
margin-top: 0px;
padding-bottom: 10px;
}
.banner-text {
margin-bottom: 0px;
}
.hero-section .table-content {
padding-top: 0px;
}
.benetisflex {
max-width: 350px;
}
.h6, h6 {
font-size: 15px;
line-height: 24px;
}
.carousel-inner {
min-height: 440px;
}
.intl-tel-input .country-list {
white-space: normal;
}
.socialiconmodal a.btn-link {
width: 80%;
margin: 6px 0px;
}
.newlanmodal .orange-t {
font-size: 23px;
line-height: 28px;
}
.modal-header h3 {
font-size: 18px;
}
banner-text h1 {
font-size: 25px;
}
.hero-text h2 {
font-size: 20px;
}
.h2 {
font-size: 20px;
line-height: 32px;
}
.h4 {
font-size: 17px;
line-height: 28px;
}
.h5 {
font-size: 16px;
line-height: 28px;
}
.contact-bg form {
padding: 2px 20px;
}
.contact-bg .form-control {
padding: 6px;
font-size: 15px;
}
textarea.form-control {
height: 100px;
}
}
@media (max-width: 480px) {
.header-section .navbar-collapse {
max-height: 485px;
}
.leftimagebox {
margin-left: 10px;
}
.subformexchange .gallery-card1 {
height: 80px;
width: 80px;
border-radius: 50px;
padding: 10%;
border: 1px solid rgba(86, 86, 86, .36);
}
.select-box {
margin-top: 0px;
padding-bottom: 10px;
}
.subformexchange .checkmark {
width: 28px;
height: 28px;
bottom: -26px;
left: 0;
border-radius: inherit;
}
.subformexchange .block-check .checkmark:after {
left: 8px;
top: 2px;
width: 10px;
}
.subformexchange .gallery-card1.selected {
background-color: #000;
border-radius: 50px;
box-shadow: 0 0 8px #80fe32;
}
.exchangeherosect .hero-text {
padding: 0px;
}
.review-text {
padding: 0 45px;
}
.review-text p {
font-size: 18px;
}
.newsletter-form input {
padding-right: 30px;
}
.newsletter-form button {
position: relative;
padding: 14px;
border-radius: 50px;
margin-top: 23px;
}
.review-text-slider .owl-prev, .review-text-slider .owl-next {
width: 40px;
height: 40px;
font-size: 18px;
}
.review-meta-slider {
width: auto;
}
.blog-text {
padding: 15px;
}
.comment .comment-avator {
float: none;
margin-bottom: 20px;
}
.comment .comment-content {
padding-left: 0;
}
.carousel-inner {
min-height: 500px;
}
.carousel-inner p {
padding-top: 0px;
}
.carousel-inner {
max-width: 74%;
}
.contact-bg .h3 {
font-size: 17px;
line-height: 30px;
}
.contact-bg .h4 {
font-size: 17px;
line-height: 30px;
}
.banner-text h2 {
font-size: 17px;
}
.banner-text h1 {
font-size: 20px;
margin: 7px 0px !important;
}
.social-list li {
padding-right: 5px;
}
.token-banner .cener-btn>a {
width: 100%;
margin: 4px auto;
max-width: 250px;
}
.thksconnectbg .site-btn {
padding: 8px 10px;
font-size: 11px;
}
.demoherebg img {
width: 16px;
margin-right: 2px !important;
}
.demoherebg img {
width: 16px;
margin-right: 2px !important;
}
.countrycodet {
padding-left: 55px;
}
}
@media (max-width:350px) {
.carousel-inner {
min-height: 550px;
}
.carousel-indicators li {
width: 21%;
}
}