.compare .icon {
padding:0 !important;
}
.compare .icon i {
font-size: 32px;
line-height: 80px;
}
.compare.after .icon i {
color:#fff;
}
.feaBox .icon, .serBox .icon {
background-color: #1e81b0 !important;
}
.feaBox .icon i,
.serBox .icon i {
font-size: 34px;
line-height: 100px !important;
color: #fff;
}
div.formIcon .icon i {
width: 35px;
height: 35px;
background-color: #1e81b0;
color: #fff;
line-height: 35px;
padding: 0;
border-radius: 100px;
text-align: center;
}
label {
font-weight:normal;
}
.generalNewsAndUpdates .panel-title a::after {
content: '\f077';
width: 20px;
display: block;
height: 20px;
text-align: center;
position: absolute;
top: 10px;
right: 0;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.generalNewsAndUpdates .panel-title a.collapsed::after {
content: '\f078';
}
.nowOrderRow .panel-title > a {
color: #2272d6;
font-size: 18px;
padding: 10px 30px 10px 0 !important;
display: block;
position: relative;
}
.nowOrderRow .panel-title {
padding: 0 0 15px;
margin: 0 0 15px;
border-color: #cfcfcf;
position: relative;
}
.nowOrderRow .panel-title:before {
content: '';
width: 80px;
height: 5px;
background-color: #2272d6;
position: absolute;
z-index: 1;
left: 10px;
bottom: -3px;
}
.nowOrderRow .panel-heading {
background: #ffffff;
}
.newsAndUpdatesBody {
overflow-x: auto;
}
div.generalNewsBody .newsAndUpdates {
display: none;
}
div.newsAndUpdatesBody .generalNews {
display: none;
}
body.dashboard .nowOrderRow .panel-body {
/* background: #ffffff; */
background: #f2f5f8;
}
/* DASHBOARD CSS */
.showOnMobile {
display: none !important;
}
.hideOnDesktop {
display: none;
}
div.header {
/* background-color: #3b424a; */
background-color: #f5f8fb;
}
body.dashboard div.topStrip {
text-align: center;
/* background-color: #8bc34a; */
background-color: #51c5f7;
}
body.dashboard div.topStrip p {
margin: 0;
font-size: 12px;
color: #ffffff;
font-weight: 500;
letter-spacing: 2px;
}
body.dashboard nav.navbar {
margin: 0;
padding: 5px 0;
}
.nav.align-right {
float: right;
}
body.dashboard .nav.navbar-nav.navbar-left-block {
display:none;
}
body.dashboard nav.navbar ul.nav li {
margin-left: 20px;
}
body.dashboard nav.navbar li.dropdown {
margin-left: 40px !important;
}
body.dashboard nav.navbar li a {
padding: 0;
line-height: 60px;
background-color: transparent !important;
text-transform: none;
font-size: 14px;
color: #fff;
}
body.dashboard nav.navbar li.dropdown .userBtn {
text-transform: capitalize;
}
body.dashboard nav.navbar li.dropdown .userBtn img {
margin-right: 7px;
}
body.dashboard nav.navbar li.dropdown li {
margin: 0;
}
body.dashboard nav.navbar li.dropdown li a {
color: #393939;
padding: 0 20px;
line-height: 26px;
font-size: 14px;
font-weight: normal;
}
body.dashboard nav.navbar li.dropdown ul.dropdown-menu {
border: 0;
border-radius: 0;
}
div.navBottom {
background-color: #ffffff;
/* box-shadow: 0 0 8px 0 #0000004d; */
/* margin: 15px 0 0; */
margin: 0;
}
div.navBottom ul.navBar {
margin: 0;
padding: 0;
list-style: none;
display: table;
width: 100%;
}
/* div.navBottom ul.navBar li {
display: table-cell;
width: 1%;
text-align: center;
padding: 15px 0;
} */
div.navBottom ul.navBar li:first-child {
border-left: 0;
padding-left: 0;
}
div.navBottom ul.navBar li:first-child a img {
filter: brightness(1);
}
div.navBottom ul.navBar li:last-child {
border-right: 0;
background-color: #1e81b0;
box-shadow: 100px 0 0 0 #1e81b0;
padding-right: 0;
}
div.navBottom ul.navBar li:last-child a {
color: #ffffff;
}
div.navBottom ul.navBar li {
display: table-cell;
width: 100px;
text-align: center;
padding: 0 5px;
vertical-align: middle;
border-left: 1px solid #f5f8fb;
border-right: 1px solid #f5f8fb;
}
div.navBottom ul.navBar li.active {
background-color: #1e81b0;
}
div.navBottom ul.navBar li.active a {
color: #fff;
}
div.navBottom ul.navBar li.active a img {
filter: brightness(1);
}
div.navBottom ul.navBar li:hover {
/* background-color: #f2f1f9; */
/* background-color: #8bc34a; */
/* background-color: #51c5f7; */
}
div.navBottom ul.navBar li:first-child a {
padding: 0;
}
div.navBottom ul.navBar li.dropdown ul.dropdown-menu li a {
text-transform: none;
font-size: 12px;
color: #3b424a;
padding: 2px 0;
}
div.navBottom ul.navBar li.dropdown ul.dropdown-menu li a i {
font-size: 20px;
vertical-align: bottom;
}
div.navBottom ul.navBar li.dropdown ul.dropdown-menu li a img {
filter: brightness(25%);
display: inline-block;
margin: 0 5px 0 0;
}
div.navBottom ul.navBar li a {
color: #2d2d2d;
text-decoration: none;
display: block;
width: 100%;
padding: 15px 0;
font-size: 12px;
text-transform: uppercase;
}
/* div.navBottom ul.navBar li a img { */
/* filter: brightness(75%); */
/* filter: brightness(1);
margin-right: 6px; */
/* } */
div.navBottom ul.navBar li a img {
display: block;
margin: 0 auto 5px;
filter: brightness(0.25);
}
div.navBottom ul.navBar li.dropdown .dropdown-toggle i {
vertical-align: bottom;
font-size: 20px;
color: #2d2d2d;
display: block;
margin: 0 auto 5px;
}
div.navBottom ul.navBar li.dropdown ul.dropdown-menu li {
display: block;
width: auto;
text-align: left;
padding: 5px 0;
background-color: transparent !important;
border: 0;
box-shadow: none;
}
div.navBottom ul.navBar li ul.dropdown-menu {
border: 0;
border-radius: 0;
margin-top: 0;
left: auto;
right: 0;
padding: 10px;
box-shadow: 5px 5px 15px 0px #2d2d2d24;
}
body.dashboard nav.navbar li .badge {
padding: 8px 14px;
border-radius: 40px;
font-size: 16px;
min-width: 100px;
box-shadow: 0 2px 3px 0 #0003;
}
body.dashboard nav.navbar li .badge.dpst {
background-color: #2dcc70;
}
body.dashboard nav.navbar li .badge.blnc {
background-color: #f4ca1b;
}
div.navBottom ul.navBar li a.userBtn span.usrBlnc {
display: block;
font-size: 18px;
font-weight: 700;
line-height: 1;
margin: 0 auto 5px;
}
div.titleSec {
padding: 25px 0 70px;
}
div.titleSec ul.breadCrumb {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
div.titleSec ul.breadCrumb li {
display: inline-block;
margin-left: 10px;
}
div.titleSec ul.breadCrumb li a {
color: #c64151;
font-size: 14px;
font-weight: 500;
}
div.titleSec ul.breadCrumb li.crntPage a {
color: #fff;
}
div.titleSec ul.breadCrumb li.crntPage a span {
margin-right: 10px;
}
h1.pageTitle {
margin: 0;
font-size: 40px;
font-weight: 700;
color: #fff;
text-transform: capitalize;
text-overflow: ellipsis;
max-width: 600px;
white-space: nowrap;
overflow: hidden;
}
.row.newOrderTitleRow h1.pageTitle {
color: #111;
}
body.dashboard footer {
/* background-color: #3b424a; */
/* background-color: #84d5fb; */
}
body.dashboard footer .reservedStrip {
/* background-color: #f5f5f5; */
background-color: #000;
}
body.dashboard footer .reservedStrip p {
color: #fff;
}
body.dashboard footer ul a {
margin-bottom: 6px;
}
body.dashboard footer ul a:hover {
color: #3fba85;
}
body.dashboard footer form div.input-group {
border: 1px solid #f5f5f5;
}
body.dashboard footer form div.input-group .btn {
/* background-color: #444b54; */
/* background-color: #5bd227; */
background-color: #fff;
}
body.dashboard footer form div.input-group input::placeholder {
color: #fff;
}
ul.newOrderTabs {
padding: 0 0 15px;
margin: 0 0 15px;
border-color: #cfcfcf;
position: relative;
/*list-style: none;
position: absolute;
top: -50px;
right: 0;
border: 0; */
}
ul.newOrderTabs::before {
content: '';
width: 80px;
height: 5px;
background-color: #2272d6;
position: absolute;
z-index: 1;
left: 10px;
bottom: -3px;
}
ul.newOrderTabs a {
background-color: transparent !important;
border: 0 !important;
font-size: 18px;
color: #7f7f7f;
margin: 0;
padding: 10px 30px 10px 0 !important;
}
ul.newOrderTabs li.active a {
color: #2272d6;
background-color: #fff !important;
border: 0 !important;
padding: 10px 30px 10px 0;
}
ul.newOrderTabs li.active a:hover {
color: #2272d6;
}
.row.newOrderTitleRow ul.newOrderTabs {
padding: 0;
border: 0;
text-align: right;
}
.row.newOrderTitleRow ul.newOrderTabs::before {
display: none;
}
.row.newOrderTitleRow ul.newOrderTabs li {
float: none;
display: inline-block;
}
.row.newOrderTitleRow ul.newOrderTabs li a {
padding: 8px 25px !important;
display: block;
text-align: center;
border: 1px solid #111 !important;
border-radius: 10px;
font-size: 14px;
color: #111;
}
.row.newOrderTitleRow ul.newOrderTabs li.active a {
background-color: #1e81b0 !important;
border-color: #1e81b0 !important;
color: #fff;
}
/* .well.newOrderWell .shouldScroll, */
.well.newOrderWell .shouldScrollTwo {
max-height: 700px;
overflow-y: auto;
position: relative;
}
img.rulesImg {
margin-left: 15px;
max-width: 95%;
}
section#contentContainer {
margin-top: 0;
padding: 20px 0 40px;
background-color: #f5f8fb;
}
body.dashboard .well {
background-color: #fff;
box-shadow: 0 10px 25px -15px #00000036;
border-radius: 4px;
border: 0;
position: relative;
}
body.dashboard label {
font-size: 14px;
font-weight: 400;
color: #7f7f7f;
/* color: #393939; */
}
body.dashboard .form-control, body.dashboard div.panel-body {
border: 0;
background-color: #f2f5f8;
border-radius: 4px;
/* background-color: #f2f1f9;
border-radius: 10px; */
color: #393939;
}
body.dashboard div.panel-body {
box-shadow: none;
}
body.dashboard select.form-control,
body.dashboard input.form-control {
height: 54px;
box-shadow: none;
}
body.dashboard select.form-control {
-webkit-appearance: none;
/* background-image: url('https://imgur.com/7WEhBHJ.png'); */
background-image: url('https://imgur.com/DqToMjR.png');
background-repeat: no-repeat;
background-position: 99% center;
padding-right: 60px;
}
body.dashboard #service_description div.panel-body {
line-height: 17px;
}
body.dashboard #order-form div#fields div.form-group {
width: 50%;
float: left;
}
body.dashboard #order-form div#fields div.form-group:nth-child(2n) {
padding-right: 5px;
}
body.dashboard #order-form div#fields div.form-group:nth-child(2n+1) {
padding-left: 5px;
}
body.dashboard .btn-primary {
width: auto;
font-size: 16px;
font-weight: 500;
height: 54px;
border-radius: 4px;
background-color: #1e81b0;
padding: 0 50px;
border: 0;
text-transform: initial;
line-height: 54px;
}
body.dashboard .btn-primary.dropdown-toggle {
padding: 0 17px;
}
body.dashboard .btn-primary:hover {
opacity: 0.9;
box-shadow: 0 1px 5px 0 #0003;
}
/* div.row.userInfo {
margin-top: 70px;
} */
div.userInfo .singlebox {
padding: 50px 30px;
background-color: #fff;
box-shadow: 0 10px 25px -15px #00000036;
margin: 0 0 30px;
border-radius: 4px;
}
div.userInfo .singlebox p {
font-size: 12px;
color: #2d2d2d;
margin: 0;
text-transform: uppercase;
}
div.userInfo .singlebox h4 {
font-size: 35px;
color: #2d2d2d;
margin: 0;
font-weight: 500;
}
div.userInfo .singlebox span {
display: block;
height: 110px;
line-height: 110px;
}
div.userInfo .media-left,
div.userInfo .media-right,
div.userInfo .media-body {
width: auto;
}
div.userInfo .singlebox .media-left {
padding-right: 15px;
}
div.notePare p {
margin: 0 0 20px;
color: #7f7f7f;
font-size: 14px;
font-weight: 500;
}
div.notePare p span {
color: #2272d6;
}
ul.newsUpdates {
padding: 0;
margin: 0;
list-style: none;
max-height: 990px;
overflow-y: auto;
}
ul.newsUpdates li {
display: block;
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px solid #cfcfcf;
}
ul.newsUpdates .newsCaption {
margin: 0 0 10px;
}
ul.newsUpdates .newsCaption h4 {
margin: 0;
text-transform: uppercase;
color: #2272d6;
display: inline-block;
}
ul.newsUpdates .newsCaption p.text-muted.date {
display: inline-block;
color: #000;
margin: 0 0 0 20px;
}
ul.newsUpdates .news h5.newsTitle {
color: #000;
margin: 0;
}
ul.newsUpdates .news p {
margin: 10px 0 0;
}
body.dashboard .well.noPadWell {
padding: 19px 0;
}
h3.cardHead {
display: inline-block;
padding-left: 19px;
font-size: 20px;
text-transform: capitalize;
color: #393939;
font-weight: 500;
}
div.outOfWell {
padding: 0;
list-style: none;
margin: 0;
position: absolute;
top: -50px;
right: 0;
width: 41%;
}
.searchBoxFilter div.dropdown {
float: left;
margin-right: 10px;
}
.searchBoxFilter div.dropdown #dropdownMenuButton {
font-size: 13px;
text-transform: capitalize;
color: #3b424a;
border: 0;
border-radius: 0;
padding: 10px 15px;
background-color: #ffffff;
}
.searchBoxFilter div.dropdown .dropdown-menu {
width: 350px;
padding: 10px;
border-radius: 0;
border: 0;
max-height: 400px;
overflow-y: auto;
}
.searchBoxFilter div.dropdown .dropdown-menu a.dropdown-item {
display: block;
color: #3b424a;
}
.searchBoxFilter .input-group {
width: 65%;
}
.searchBoxFilter .input-group input {
width: 100%;
height: 42px;
border: 0;
background-color: #fff;
padding: 10px 15px;
}
.searchBoxFilter .input-group input::placeholder {
color: #3b424a;
opacity: 1;
font-size: 13px;
font-weight: 500;
}
.searchBoxFilter .input-group a.sicon, .searchBoxFilter .input-group .input-group-addon {
height: 42px;
border: 0;
background-color: #fff;
border-radius: 0;
font-size: 18px;
padding: 0 7px 0 0;
color: #3b424a;
}
ul.tags {
padding: 0 15px 15px;
margin: 0 0 15px;
text-align: center;
border-bottom: 1px solid #3b424a;
}
ul.tags li {
display: inline-block;
border: 1px solid #3b424a;
color: #3b424a;
border-radius: 40px;
padding: 10px 15px;
font-size: 13px;
margin: 1px 0;
}
table.table thead th {
padding: 15px 19px !important;
border: 0;
background-color: #f2f1f9;
font-size: 13px;
color: #393939;
font-weight: 500;
}
table.table tbody td {
padding: 15px 19px;
color: #616170;
font-size: 13px;
font-weight: 500;
vertical-align: middle;
border-top: 0;
border-bottom: 1px solid #f2f1f9;
}
table.table tbody td a {
color: #616170;
}
table.table tbody td .badge {
padding: 8px 10px;
font-size: 13px;
font-weight: 500;
height: 29px;
margin: 0;
}
table.table tbody td .badge.remains {
background-color: #55a8dc;
}
td span.In.progress {
background-color: #716aca;
}
td span.Pending {
background-color: #ffbd32;
}
td span.Processing {
background-color: #11cdef;
}
td span.Completed {
background-color: #5bd227;
}
td span.Canceled {
background-color: #f5365c;
}
table.table tbody td .btn-alternate {
border: 0;
background-color: #3b424a;
padding: 4px 10px;
color: #fff;
width: 60px;
border-radius: 10px;
}
table.table tbody td .btn-alternate i {
vertical-align: bottom;
}
table.table tbody td.align-right {
text-align: right;
}
table.table tbody td .customBtn {
padding: 8px 10px;
height: auto;
color: #fff;
min-width: 90px;
border-radius: 10px;
}
h3.cardHead.outOfWell {
position: absolute;
top: -60px;
left: 0;
padding: 0;
font-weight: 700;
color: #fff;
}
div.newsContainer {
max-height: 545px;
overflow: auto;
}
div.singleNews {
overflow: hidden;
}
div.singleNews {
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #f2f1f9;
}
div.singleNews .indicator {
width: 18px;
height: 18px;
display: inline-block;
background-color: #8bc34a;
font-size: 0;
margin: 14px 20px 0 0;
border-radius: 100%;
float: left;
}
div.singleNews .indicator.yellow {
background-color: #f4ca1b;
}
div.singleNews .indicator.red {
background-color: #ff697b;
}
div.singleNews .indicator.green {
background-color: #8bc34a;
}
div.singleNews .info {
float: left;
}
div.singleNews .info p {
margin: 0 0 5px;
color: #393939;
font-size: 14px;
font-weight: 500;
}
div.singleNews .info ul {
padding: 0;
list-style: none;
margin: 0;
}
div.singleNews .info ul li {
display: inline-block;
}
div.singleNews .info ul li .badge {
padding: 2px 10px;
border-radius: 2px;
text-transform: uppercase;
}
div.singleNews .info ul li .badge.date {
background-color: #98a4f4;
}
div.singleNews .info ul li .badge.time {
background-color: #55a8dc;
}
table.table tbody td.serName {
background-color: #f2f1f9;
border-top: 15px solid #fff;
text-align: center;
padding: 2px 0 6px;
text-transform: uppercase;
letter-spacing: 1px;
color: #5f5f62;
-webkit-transform: scale(1,1.2);
}
table.table tbody td .badge.min {
/* background-color: #f4ca1b; */
background-color:#1e81b0;
}
table.table tbody td .badge.max {
/* background-color: #8bc34a; */
background-color:#1e81b0;
}
table.table tbody td .serBtn {
width: 90px;
text-transform: capitalize;
padding: 10px 0;
background-color: #1e81b0;
}
table.table tbody td .serBtn i {
vertical-align: unset;
font-size: 16px;
}
div.modal {
text-align: center;
}
.serDescModal {
text-align: left !important;
}
ul.outOfWell {
padding: 0;
list-style: none;
margin: 0;
position: absolute;
top: -50px;
right: 0;
}
ul.outOfWell li {
display: inline-block;
}
ul.outOfWell a {
background-color: #ffffff;
padding: 12px 10px 12px 40px;
border-radius: 40px;
color: #393939;
position: relative;
width: 130px !important;
display: block;
text-align: center;
text-decoration: none;
border: 0;
text-transform: none;
font-size: 13px;
font-weight: normal;
transition: all .3s;
}
ul.outOfWell a:hover,
ul.outOfWell li.active a,
ul.outOfWell li.active a:hover {
background-color: #2dcc70;
padding: 12px 40px 12px 10px;
color: #ffffff;
}
ul.outOfWell a::before {
width: 30px;
height: 30px;
display: inline-block;
content: '';
background-color: #f2f1f9;
top: 0;
bottom: 0;
margin: auto 0;
position: absolute;
left: 10px;
border-radius: 40px;
transition: 0.1s;
}
ul.outOfWell a:hover::before,
ul.outOfWell li.active a::before,
ul.outOfWell li.active a:hover::before {
transform: scale(0);
}
ul.outOfWell a::after {
width: 30px;
height: 30px;
display: inline-block;
content: '\f00c';
background-color: #ffffff;
top: 0;
bottom: 0;
margin: auto 0;
position: absolute;
right: 10px;
border-radius: 40px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
line-height: 30px;
color: #2dcc70;
transform: scale(0);
transition: 0.2s;
}
ul.outOfWell a:hover::after,
ul.outOfWell li.active a::after,
ul.outOfWell li.active a:hover::after {
transform: scale(1);
}
ul.nav-pills {
padding: 0 15px 15px;
margin: 0 0 15px;
border-bottom: 1px solid #3b424a;
display: table;
width: 100%;
}
ul.nav-pills li {
display: table-cell;
width: auto;
float: none;
padding: 2px;
text-align: center;
}
ul.nav-pills li a {
border: 1px solid #3b424a;
border-radius: 40px;
font-size: 13px;
color: #3b424a;
text-transform: capitalize;
}
ul.nav-pills li.active a,
ul.nav-pills li.active a:hover,
ul.nav-pills li a:hover {
border: 1px solid #1e81b0;
color: #ffffff;
background-color: #1e81b0;
}
p.minFundsPara {
margin: 0 0 20px;
text-align: center;
font-size: 14px;
font-weight: 500;
color: #b0b0b0;
}
div.methodInfo {
border-bottom: 1px solid #f2f1f9;
padding: 20px 0;
}
div.methodInfo p {
margin: 10px 0 0;
font-size: 14px;
font-weight: 500;
}
div.methodInfo a {
float: right;
margin: -40px 0 0;
background-color: #8bc34a;
padding: 10px 20px;
border-radius: 10px;
color: #fff;
font-weight: 500;
}
div.methodInfo.perfectMoney a {
background-color: #cb0e20;
}
div.methodInfo.payoneer a {
background-color: #ff4800;
}
div.addFundsInfo {
text-align: center;
overflow: hidden;
}
div.addFundsInfo h3.cardHead {
color: #ff697b;
font-size: 14px;
margin: 0 0 10px;
padding: 0;
}
div.addFundsInfo .greyBg {
background-color: #f2f1f9;
border-radius: 10px;
padding: 15px 10px;
margin-bottom: 5px;
}
div.addFundsInfo .greyBg h2 {
margin: 0;
font-size: 20px;
font-weight: 700;
}
p.greenPara {
color: #8bc34a !important;
padding: 0 25px;
}
div.addFundsInfo hr {
margin: 15px 0;
}
div.addFundsInfo p {
font-size: 14px;
font-weight: 500;
color: #b0b0b0;
margin: 5px 0;
}
div.addFundsInfo p {
font-size: 14px;
font-weight: 500;
color: #b0b0b0;
margin: 5px 0;
}
div.addFundsInfo p.drkPara {
color: #393939;
}
div.addFundsInfo .greyBg p {
color: #393939;
}
div.addFundsInfo ul {
padding: 0;
list-style: none;
margin: 0;
}
div.addFundsInfo ul li {
display: inline-block;
width: 50%;
float: left;
}
div.addFundsInfo ul li p {
margin: 2px 0;
text-align: left;
font-size: 12px;
}
div.addFundsInfo ul li p span {
color: #393939;
}
.addFunds img.img-responsive {
width: 250px;
}
div.apiPage table.table tr td:first-child {
color: #393939;
font-weight: 600;
}
.noPad {
padding: 0 !important;
}
pre {
border: 0;
border-radius: 0;
color: #fff;
background-color: #1e81b0;
height: 100%;
}
div.termsPage ol {
padding-left: 15px;
}
div.termsPage ol li, div.termsPage p {
color: #393939;
}
div.termsPage .singleCard {
padding: 0 0 15px;
border-bottom: 1px solid #f2f1f9;
margin: 0 0 20px;
}
div.termsPage .singleCard:last-child {
border: 0;
margin: 0;
padding: 0;
}
div.faqTabs .panel {
border: 0;
border-radius: 10px;
margin: 0 0 10px;
}
div.faqTabs a.collapsed .panel-heading {
background-color: #f2f1f9 !important;
border-radius: 10px !important;
}
div.faqTabs a.collapsed .panel-heading h4 {
color: #393939;
font-size: 14px;
text-transform: none;
}
/* div.faqTabs .panel a {
text-decoration: none;
display: block;
position: relative;
} */
div.faqTabs .panel a .panel-heading {
background-color: #8bc34a;
border: 0;
border-radius: 10px 10px 0 0;
color: #fff;
text-transform: none;
}
div.faqTabs .panel .collapse .panel-body,
div.faqTabs .panel .collapsing .panel-body {
border-radius: 0 0 10px 10px;
background-color: #1e81b0;
color: #fff;
}
div.faqTabs .panel a .panel-heading h4 {
font-size: 14px;
}
div.faqTabs .panel a::after {
content: '-';
width: 40px;
height: 40px;
display: block;
position: absolute;
/* top: 8px; */
top: 50%;
right: 10px;
background-color: #fff;
border-radius: 10px;
font-size: 70px;
line-height: 30px;
text-align: center;
color: #1e81b0;
transform: translateY(-50%);
}
div.faqTabs a.collapsed::after {
content: '+';
font-size: 40px;
line-height: 37px;
background-color: #ffffff;
color: #3b424a;
}
div.faqTabs .panel p a::after {
display: none;
}
div.faqTabs .panel .panel-heading {
padding: 0;
border-radius: 10px;
background-color: #f2f1f9;
}
div.faqTabs .panel a.collapsed {
background-color: #f2f1f9;
border-radius: 10px;
color: #393939;
}
div.faqTabs .panel .panel-heading h4 {
color: #393939;
font-size: 14px;
text-transform: initial;
font-weight: normal;
}
div.faqTabs .panel a {
text-decoration: none;
display: block;
position: relative;
padding: 15px 15px;
background-color:#1e81b0;
border-radius: 10px 10px 0 0;
color: #fff;
}
div.tabCont ul.nav-pills {
display: inline-block;
}
div.tabCont ul.nav-pills li {
display: inline-block;
}
div.tabCont ul.nav-pills li a {
min-width: 140px;
}
#ticInfo div.info b {
text-transform: uppercase;
color: #3a4149;
font-weight: 800;
}
#ticInfo div.info p.red, #ticInfo div.info p.red b {
color: #ee3e54;
}
div.ticketInfo {
text-align: center;
}
div.ticketInfo h3.cardHead {
padding: 0;
margin: 0 0 10px;
}
div.ticketInfo h3.cardHead.red {
color: #ff697b;
}
#ticInfo div.info ul {
padding: 0;
list-style: none;
margin: 0;
}
#ticInfo div.info ul li {
margin: 5px 0;
}
div.ticket-message {
border-radius: 10px !important;
color: #393939;
box-shadow: 0 0px 25px -5px #0006;
}
.ticket-message-right .ticket-message {
background-color: #f2f1f9;
}
.ticket-message-right {
text-align: right;
}
.row.typingAreaRow {
margin-top: 150px;
}
.row.ticketSearch {
position: absolute;
width: 41%;
top: -70px;
right: 0;
}
.row.ticketSearch.orderSearch {
top: -51px;
}
.row.ticketSearch input,
.ticketSearch input {
height: 42px !important;
background-color: #ffffff;
border-radius: 0;
}
.row.ticketSearch input::placeholder,
.ticketSearch input::placeholder {
color: #3b424a;
}
.row.ticketSearch .input-group-btn,
.row.ticketSearch .input-group-btn button,
.ticketSearch .input-group-btn,
.ticketSearch .input-group-btn button {
background-color: #fff;
height: 42px;
color: #3b424a;
font-size: 18px;
padding: 0 5px 0 0;
}
tr[visible='false'],
.no-result{
display:none;
}
tr[visible='true']{
display:table-row;
}
body {
font-family: 'Montserrat', sans-serif;
padding: 0;
}
img {
max-width: 100%;
}
div.topStrip {
background-color: #1e81b0;
text-align: right;
padding: 10px 0;
}
div.topStrip ul {
padding: 0;
margin: 0;
}
div.topStrip ul li {
display: inline-block;
margin-left: 15px;
font-weight: 600;
}
div.topStrip ul li a {
color: #fff;
text-decoration: none;
}
div.topStrip ul li a i {
font-size: 20px;
position: relative;
top: 4px;
margin-right: 5px;
}
body.guest nav.navbar {
margin: 0;
background-color: transparent;
border: 0;
background-image: none;
box-shadow: none;
}
body.guest nav.navbar.darkNav {
position: fixed;
top: 0;
width: 100%;
left: 0;
background-color: #444b54;
transition: .3s all;
}
body.guest nav.navbar ul.nav {
margin-top: 10px;
}
body.guest nav.navbar li a {
background-color: transparent;
color: #000;
font-size: 13px;
text-transform: capitalize;
}
body.guest nav.navbar li {
margin-left: 10px;
}
body.guest nav.navbar li.active a {
background-color: transparent;
}
body.guest nav.navbar li a {
background-color: transparent;
color: #000;
font-size: 13px;
text-transform: capitalize;
padding: 8px 20px;
border-radius: 50px;
font-weight:700;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
background-color:transparent;
}
body.guest nav.navbar li:last-child a {
background-color: #1e81b0;
color:#fff;
}
.row.tabsANDsearch {
margin: 0;
}
.row.tabsANDsearch ul.nav-pills {
padding: 0;
border: 0;
}
.row.tabsANDsearch ul.nav-pills li {
display: inline-block;
min-width: 60px;
}
.row.tabsANDsearch .orderSearch input {
border-radius: 0;
}
.row.tabsANDsearch .orderSearch .input-group-btn,
.row.tabsANDsearch .orderSearch .input-group-btn .btn {
width: 40px;
padding: 0;
text-align: center;
background-color: #3b424a;
color: #fff;
}
section.formSec {
/* background-image: url('https://res.cloudinary.com/myhostedfiles/image/upload/v1552280097/smmglobe/topShape.png');
background-position: 125% 0;*/
/* background-image: url('https://res.cloudinary.com/myhostedfiles/image/upload/v1552382901/smmglobe/topShapeBg.png'); */
background-repeat: no-repeat;
position: relative;
/* top: -62px; */
top: -52px;
padding-top: 110px;
height: 740px;
background-size: 1250px 740px;
background-position: top right;
background-color: #fff;
}
section.formSec form {
margin: 0;
z-index: 9;
position: relative;
}
div.formIcon {
position: relative;
width: 80%;
}
div.form-group__password,
div.inlineBlock {
display: inline-block;
}
/* section.formSec .btn-primary {
border-radius: 0;
padding: 0;
background-color: transparent;
position: relative;
top: 10px;
margin-left: 15px;
border: 0;
} */
section.formSec .btn-primary {
border-radius: 30px;
background-color: #1e81b0;
position: relative;
top: 0px;
border: 0;
padding: 0;
height: 50px;
width: 100px;
text-transform: initial;
background-image: none;
}
section.formSec .btn-primary:hover {
background-color: #fcac04;
}
.row.signUpBtn .btn-primary {
width: 80%;
background-color: #f9b70d;
margin: 0;
height: 45px;
font-size: 16px;
}
.row.signUpBtn .btn-primary:hover {
background-color: #f9b70d;
}
section.formSec .btn-primary:hover,
section.formSec .btn-primary:focus {
/* background-color: transparent; */
box-shadow: none;
}
/* div.formIcon .icon {
position: absolute;
top: 0;
left: 0;
width: 45px;
text-align: center;
} */
div.formIcon .icon {
position: absolute;
top: 0;
left: 0;
width: 55px;
text-align: center;
height: 50px;
line-height: 50px;
z-index: 1;
}
div.formIcon .icon img {
max-width: 30px;
max-height: 30px;
}
/* div.formIcon input {
border-radius: 0;
border-width: 10px;
border-color: #dcdde6 !important;
border-top: 0;
border-right: 0;
border-left: 0;
padding-left: 55px;
background-color: transparent;
height: 60px;
box-shadow: none !important;
} */
div.formIcon input {
border-radius: 40px;
border-color: #efefef !important;
padding-left: 55px;
background-color: #efefef;
height: 50px;
box-shadow: none !important;
border: 0;
}
div.formIcon input::placeholder {
/* color: #8f9398; */
color: #555555;
}
section.formSec ul.signUp_remember {
padding: 0;
margin: 0;
}
section.formSec ul.signUp_remember li {
display: inline-block;
margin-right: 40px;
}
section.formSec ul.customBtns {
padding: 0;
margin: 40px 0 0;
position: relative;
z-index: 9;
}
section.formSec ul.customBtns li {
list-style: none;
display: inline-block;
margin-right: 10px;
}
section.formSec ul.customBtns li a {
padding: 15px 10px;
display: block;
width: 170px;
text-align: center;
border-radius: 40px;
font-size: 15px;
text-transform: capitalize;
font-weight: 500;
color: #fff;
}
section.formSec ul.customBtns li:first-child a {
background-color: #1e81b0;
box-shadow: 3px 4px 0 0px #1e81b0;
}
section.formSec ul.customBtns li:last-child a {
background-color: #efefef;
box-shadow: 3px 4px 0 0px #ddd;
color: #111;
}
div.animationBox {
position: relative;
}
img.shoutingGirl {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
}
.row.cloudRow .cloudDiv {
position: absolute;
bottom: -100px;
left: 0;
right: 0;
background-image: url('https://imgur.com/wSvalNu.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
.row.cloudRow .col-sm-12 {
padding: 0;
}
.row.cloudRow img {
max-width: 100%;
opacity:0;
}
h1.slogan {
font-size: 54px;
font-weight: 900;
color: #111;
margin: 0;
}
section.formSec h3 {
font-size: 35px;
font-weight: 500;
margin: 0 0 30px;
color: #111;
}
section.formSec h4 {
margin: 0;
font-size: 16px;
font-weight: 500;
color: #111;
}
section.formSec p {
font-size: 16px;
font-weight: 500;
width: 83%;
margin: 0 0 30px;
color: #111;
}
img.icon {
position: absolute;
}
section.secondSec {
position: relative;
padding: 40px 0;
}
section.secondSec::before {
content: '';
background-image: url('https://imgur.com/tFGIXCF.png');
background-repeat: no-repeat;
width: 280px;
height: 100%;
position: absolute;
background-size: 100%;
top: 60px;
left: 0;
}
section.secondSec::after {
content: '';
background-image: url('https://imgur.com/QmNxaA1.png');
background-repeat: no-repeat;
position: absolute;
width: 200px;
height: 100%;
top: 0;
right: 0;
z-index: -1;
}
section.secondSec img.feaImg {
margin-left: -77px;
/* opacity: 0; */
width: 520px !important;
max-width: 520px;
}
div.secTitle {
margin-bottom: 30px;
}
div.secTitle p {
font-size: 50px !important;
font-weight: 700;
margin: 0 !important;
line-height: 1;
color: #111;
}
div.secTitle h2 {
font-weight: 700;
font-size: 80px;
margin: 0;
line-height: 1;
color: #111;
}
section.secondSec p {
margin: 0 0 15px;
font-size: 16px;
color: #111;
}
section.secondSec .col-sm-6:first-child {
width: 45%;
}
section.secondSec .col-sm-6:last-child {
width: 55%;
}
/* section.secondSec .col-sm-6:first-child::before {
content: '';
background-image: url('https://res.cloudinary.com/myhostedfiles/image/upload/v1552292106/smmglobe/secondSecpic.png');
width: 520px;
display: block;
height: 520px;
position: absolute;
left: -62px;
background-size: 100%;
top: 0;
background-repeat: no-repeat;
} */
section.secondSec ul {
padding: 0;
margin: 40px 0 0;
overflow: hidden;
}
section.secondSec ul li {
display: inline-block;
text-align: center;
width: 33.33%;
float: left;
}
section.secondSec ul .feaBox {
padding-top: 10px;
}
section.secondSec .feaBox .icon {
width: 100px;
height: 100px;
display: block;
margin: auto;
line-height: 100px;
border-radius: 100%;
}
section.secondSec .feaBox h4 {
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
color: #111;
margin: 15px 0 5px;
}
section.secondSec .feaBox p {
margin: 0;
font-weight: 500;
color: #111;
}
.feaBox .icon.green,
.serBox .icon.green,
.compare .icon.green {
background: #8bc34a;
box-shadow: 0 0 0 rgba(232, 243, 219, 1);
animation: pulseGrn 2s infinite;
}
.feaBox .icon.red,
.serBox .icon.red,
.compare .icon.red {
background: #ff697b;
box-shadow: 0 0 0 rgba(255, 225, 229, 1);
animation: pulseRed 2s infinite .3s;
}
.feaBox .icon.yellow,
.serBox .icon.yellow,
.compare .icon.yellow {
background:#1e81b0;
box-shadow: 0 0 0 rgba(253, 244, 209, 1);
animation: pulseYlw 2s infinite .6s;
}
section.seventhSec .compare.before span.icon {
background-color:#cbcbcb;
}
@-webkit-keyframes pulseGrn {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(232, 243, 219, 1);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(232, 243, 219, 0.6);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(232, 243, 219, 0);
}
}
@-webkit-keyframes pulseRed {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 225, 229, 1);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 225, 229, 0.6);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 225, 229, 0);
}
}
@-webkit-keyframes pulseYlw {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(253, 244, 209, 1);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(253, 244, 209, 0.6);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(253, 244, 209, 0);
}
}
section.thirdSec {
padding: 40px 0;
}
section.thirdSec .row {
background-color: #1e81b0;
margin: 0;
padding: 25px 15px;
border-radius: 60px;
}
section.thirdSec h6 {
font-size: 50px;
font-weight: 700;
color: #ffffff;
margin: 0;
line-height: 66px;
}
section.thirdSec a {
background-color: #ffffff;
color: #fff;
padding: 25px 20px;
text-align: center;
font-size: 16px;
line-height: 1;
display: block;
width: 250px;
font-weight: 500;
border-radius: 50px;
float: right;
color: #1e81b0;
}
section.fourthSec {
position: relative;
padding: 40px 0 0;
}
section.fourthSec img.serImg {
right: -62px;
position: relative;
}
section.fourthSec ul {
padding: 20px 0 0;
margin: 0;
overflow: hidden;
}
section.fourthSec ul li {
display: inline-block;
text-align: center;
float: left;
width: 33.33%;
margin-bottom: 60px;
}
section.fourthSec .serBox .icon {
width: 100px;
height: 100px;
display: block;
margin: auto;
line-height: 100px;
border-radius: 100%;
}
section.fourthSec .serBox h4 {
font-size: 25px;
font-weight: 700;
margin: 20px 0 0;
color: #111;
}
section.fourthSec::after {
content: '';
background-image: url('https://imgur.com/S3a90CH.png');
background-repeat: no-repeat;
position: absolute;
width: 340px;
height: 100%;
top: 20px;
right: 0;
z-index: -1;
}
section.fourthSec .row.chatRow {
background-color: #1e81b0;
margin: 0 0 0;
padding: 25px 15px;
border-radius: 60px;
}
section.fourthSec .row.chatRow h6 {
font-size: 50px;
font-weight: 700;
color: #ffffff;
margin: 0;
line-height: 66px;
}
section.fourthSec .row.chatRow a {
display: block;
float: right;
}
section.fourthSec .row.chatRow a img {
width: 70px;
}
section.fouthSecTwo {
padding: 40px 0 80px;
}
section.fifthSec {
padding: 120px 0 40px;
position: relative;
}
section.fifthSec::before {
content: '';
background-image: url('https://imgur.com/tFGIXCF.png');
background-repeat: no-repeat;
width: 400px;
height: 100%;
position: absolute;
background-size: 100%;
top: 100px;
left: 0;
}
section.fifthSec p {
margin: 0 0 15px;
font-size: 16px;
color: #111;
}
section.fifthSec .col-sm-6:first-child {
width: 45%;
}
section.fifthSec .col-sm-6:last-child {
width: 55%;
}
section.fifthSec div.secTitle {
margin-top: 60px;
}
section.fifthSec img.effImg {
margin-left: -40px;
}
section.fifthSec p,
section.fouthSecTwo p {
margin: 0 0 15px;
font-size: 16px;
color: #111;
}
section.sixthSec {
text-align: center;
padding: 0 0 60px;
}
section.sixthSec div.secTitle {
margin-bottom: 90px;
}
section.sixthSec .signleUse span.icon {
display: block;
width: 150px;
margin: auto;
height: 150px;
line-height: 150px;
position: relative;
}
section.sixthSec .signleUse:hover .icon {
animation-duration: 8s;
}
.si1 {
left: -15px;
top: 30px;
animation: shaky 2s infinite ease-in-out;
}
.si2 {
right: -15px;
bottom: 20px;
animation: shaky 2s infinite ease-in-out .1s;
}
.si3 {
top: -40px;
right: 40px;
animation: shaky 2s infinite ease-in-out .2s;
}
.si4 {
left: -60px;
width: 50px;
bottom: -5px;
animation: shaky 2s infinite ease-in-out .3s;
}
section.sixthSec .signleUse h4 {
font-size: 25px;
font-weight: 700;
color: #111;
margin: 15px 0 12px;
}
section.sixthSec .signleUse p {
font-size: 16px;
margin: 0;
padding: 0 20px;
color: #111;
}
section.seventhSec {
text-align: center;
position: relative;
padding: 60px 0 0;
}
section.seventhSec div.secTitle {
margin-bottom: 120px;
}
section.seventhSec div.secTitle p {
font-size: 25px !important;
}
section.seventhSec img.resultsGirl {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 380px;
}
div.testimonialSlider .slick-list {
padding: 50px 0 100px;
}
section.seventhSec .compare {
border: 1px solid #9b9b9b;
width: 80%;
margin: auto;
padding: 30px 0;
position: relative;
}
section.seventhSec .compare span.icon {
width: 80px;
height: 80px;
display: block;
padding: 16px;
border-radius: 100%;
margin: auto;
margin: -70px auto 0;
}
section.seventhSec .compare span.icon img {
margin: auto;
}
section.seventhSec .compare h4 {
font-size: 25px;
font-weight: 700;
width: 70%;
margin: 20px auto 15px;
color: #111;
}
section.seventhSec .compare .time {
width: 130px;
display: block;
margin: 0 auto 25px;
background-color: #ebebeb;
padding: 10px 10px;
font-size: 16px;
text-transform: uppercase;
border-radius: 50px;
font-weight: 700;
letter-spacing: 3px;
color: #111;
}
section.seventhSec .compare p {
font-size: 45px;
font-weight: 700;
line-height: 37px;
margin: 0 0 15px;
color: #111;
}
section.seventhSec .compare p small {
font-size: 16px;
display: block;
}
section.seventhSec .compare p.months {
margin: 0;
}
section.seventhSec .compare::after {
content: '';
width: 70%;
height: 0;
display: block;
position: absolute;
bottom: -35px;
box-shadow: 0px 0 18px 3px #000;
left: 0;
right: 0;
margin: auto;
}
section.seventhSec .compare.after h4,
section.seventhSec .compare.after p {
color: #111;
}
section.seventhSec .compare.after .time {
background-color: #1e81b0;
}
section.seventhSec::before {
content: '';
background-image: url('//i.imgur.com/BhAQ4DA.png');
background-repeat: no-repeat;
width: 290px;
height: 100%;
position: absolute;
background-size: 100% 100%;
left: 0;
top: 0;
}
section.seventhSec::after {
content: '';
background-image: url('//i.imgur.com/paT7OaC.png');
background-repeat: no-repeat;
width: 250px;
height: 100%;
position: absolute;
background-size: 100% 100%;
right: 0;
top: 0;
}
section.seventhSec .slide-arrow {
background-color: transparent;
border: 0;
position: absolute;
font-size: 0;
top: 50%;
transform: translateY(-50%);
z-index: 9;
}
section.seventhSec .slide-arrow img {
width: 50px;
}
section.seventhSec .prev-arrow {
left: -50px;
}
section.seventhSec .next-arrow {
right: -50px;
}
footer {
background-color: #1e81b0;
padding: 80px 0 0;
color: #fff;
}
img.ftrLogo {
max-width: 200px;
}
footer p {
font-size: 15px;
font-weight: 500;
margin: 25px 0 35px;
width: 90%;
}
footer h6 {
font-size: 18px;
font-weight: 500;
margin: 15px 0 22px;
color: #fff;
}
footer form {
width: 90%;
margin: 0;
}
footer form div.input-group {
border: 1px solid #fff;
border-radius: 50px;
padding: 4px;
}
footer form div.input-group input {
background-color: transparent !important;
border: 0;
color: #ffffff;
font-size: 15px;
}
footer form div.input-group input {
text-shadow:none;
}
footer form div.input-group input::placeholder {
color: #fff;
}
footer form div.input-group .btn {
width: 46px;
border-radius: 50px !important;
background-color: #fff;
border: 0;
height: 43px;
line-height: 20px;
}
footer form div.input-group .btn img {
filter: brightness(50%);
}
footer ul {
padding: 0;
margin: 0;
list-style: none;
}
footer ul a {
color: #fff;
font-weight: 500;
font-size: 15px;
margin-bottom: 12px;
display: block;
}
footer .col-sm-3.liveChat a {
font-size: 15px;
color: #fff;
font-weight: 700;
margin: 0;
display: block;
text-decoration: none;
}
.liveChat .media-body {
width: auto;
}
footer .liveChat img.media-object {
width: 30px;
}
footer .col-sm-3.liveChat a small {
font-size: 15px;
}
footer .reservedStrip {
background-color: #000;
margin: 60px 0 0;
padding: 25px 0;
}
footer .reservedStrip p {
margin: 0;
color: #fff;
}
footer .reservedStrip p a {
color:#1e81b0;
}
.icon1 {
left: -50px;
animation: float 1.8s infinite ease-in-out;
}
.icon2 {
right: 20px;
top: -50px;
animation: fadeLTR 1.9s infinite ease-in-out;
}
.icon3 {
left: -30px;
top: 240px;
animation: shake 3s infinite ease-in-out;
}
.icon4 {
bottom: -40px;
z-index: 99;
left: -40px;
animation: flip 1.9s infinite ease-in-out;
}
.icon5 {
right: 0;
bottom: -60px;
z-index: 99;
animation: shaky 2s infinite ease-in-out;
}
.icon6 {
bottom: -120px;
z-index: 99;
left: 130px;
animation: float 2s infinite ease-in-out;
}
.icon7 {
top: -30px;
left: 0;
width: 96px;
animation: float 4s infinite ease-in-out .25s;
}
.icon8 {
top: 100px;
left: -30px;
width: 96px;
animation: float 4s infinite ease-in-out .5s;
}
.icon9 {
top: 220px;
left: 20px;
width: 96px;
animation: float 4s infinite ease-in-out .75s;
}
.icon10 {
top: 330px;
left: 120px;
width: 96px;
animation: float 4s infinite ease-in-out 1s;
}
.icon11 {
right: 50px;
width: 60px;
top: -40px;
animation: fly 2.8s infinite ease-in-out;
}
.icon12 {
right: 0;
top: -50px;
animation: flip 1.9s infinite ease-in-out;
}
.icon13 {
right: 120px;
top: 80px;
animation: shake 2s infinite ease-in-out;
}
.icon14 {
bottom: -110px;
right: 30px;
animation: rubberBand 2s infinite ease-in-out;
}
.icon15 {
width: 40px;
top: -70px;
left: -30px;
animation: shaky 2s infinite ease-in-out;
}
.icon16 {
left: -60px;
bottom: 90px;
animation: rubberBand 2s infinite ease-in-out;
}
.icon17 {
right: 0;
top: -50px;
animation: fly 2.8s infinite ease-in-out;
}
.icon18 {
left: 40px;
top: 20px;
animation: fadeLTR 1.9s infinite ease-in-out;
}
.icon19 {
top: -60px;
left: 0;
animation: tada 1.5s infinite ease-in-out;
}
.icon20 {
right: 0;
top: -40px;
width: 50px;
animation: fly 2.8s infinite ease-in-out;
}
.icon21 {
right: -30px;
top: -80px;
animation: shake 2s infinite ease-in-out;
}
.icon22 {
width: 40px;
bottom: -20px;
right: -30px;
animation: fly 2.8s infinite ease-in-out;
}
.icon23 {
left: -40px;
top: 120px;
animation: rubberBand 2s infinite ease-in-out;
}
.icon24 {
right: -30px;
bottom: 30px;
animation: shake 3s infinite ease-in-out;
}
body.guest .customHeight {
height: 100px;
}
body.guest.elsePage {
<!-- background-image: url('https://res.cloudinary.com/myhostedfiles/image/upload/v1552280097/smmglobe/topShape.png'); -->
background-repeat: no-repeat;
background-size: 70% 700px;
background-position: top right;
}
body.guest.elsePage div.formIcon .icon {
top: 10px;
width: 35px;
}
body.guest.elsePage div.formIcon input {
padding-left: 45px;
height: 60px;
}
section.formSec form .row.splitedColRow {
width: 85.5%;
}
section.formSec form .row.splitedColRow div.formIcon {
width: 100%;
}
body.guest.elsePage .well {
border-radius: 10px;
background-color: #fff;
box-shadow: 0 0px 25px -5px #0006;
border: 0;
}
body.guest.elsePage .well.noPadWell {
padding: 19px 0;
}
/* SERVICE PAGE */
.filterWrap .btn {
background: #1e81b0 !important;
/* height: 40px; */
width: 100%;
border:0;
}
.filterWrap .dropdown-menu {
padding: 10px 15px;
}
.filterWrap .dropdown-item {
display: block;
line-height: 2em;
color: #000 !important;
white-space: nowrap;
}
/* RESPONSIVE CSS */
@media (max-width:1199px) {
h1.slogan {
font-size: 70px;
}
section.formSec p {
width: 85%;
}
section.formSec {
background-size: 1050px 740px;
}
.icon7 {
left: -30px;
width: 80px;
}
.icon8 {
left: -60px;
width: 80px;
}
.icon9 {
left: -10px;
width: 80px;
}
.icon10 {
left: 90px;
width: 80px;
}
.row.cloudRow .cloudDiv {
bottom: -115px;
}
section.thirdSec h6 {
font-size: 40px;
}
section.fourthSec {
overflow: hidden;
}
section.fourthSec .row.chatRow h6 {
font-size: 40px;
}
div.secTitle h2 {
font-size: 48px;
}
section.seventhSec .slide-arrow {
padding: 0;
}
section.seventhSec .slide-arrow img {
width: 40px;
}
section.seventhSec .prev-arrow {
left: -20px;
}
section.seventhSec .next-arrow {
right: -20px;
}
.icon17 {
right: 10px;
}
.icon21 {
right: 0px;
}
.icon22 {
right: 0px;
}
.icon24 {
right: 0px;
}
h1.pageTitle {
font-size: 35px;
}
div.outOfWell {
width: 50%;
}
ul.tags li {
padding: 10px 8px;
font-size: 12px;
}
div.tabCont ul.nav-pills li a {
min-width: 100px;
}
}
@media (max-width:991px) {
h1.slogan {
font-size: 55px;
}
section.formSec h3 {
font-size: 28px;
margin: 0 0 20px;
}
section.formSec ul.customBtns li a {
width: 150px;
}
.icon9 {
left: -30px;
}
.icon10 {
left: 50px;
}
.row.cloudRow .cloudDiv {
bottom: -80px;
}
section.formSec {
background-size: 840px 740px;
}
div.secTitle p {
font-size: 35px !important;
}
div.secTitle h2 {
font-size: 55px;
}
section.secondSec img.feaImg {
width: 400px !important;
}
section.secondSec .feaBox .icon,
section.fourthSec .serBox .icon {
width: 90px;
height: 90px;
line-height: 90px;
}
section.secondSec .feaBox h4 {
font-size: 20px;
}
section.secondSec .feaBox p {
font-size: 14px;
}
section.thirdSec h6,
section.fourthSec .row.chatRow h6 {
font-size: 30px;
}
section.fourthSec .serBox h4 {
font-size: 18px;
}
section.fourthSec img.serImg {
right: -24px;
}
section.fifthSec img.effImg {
margin-left: 0px;
margin-top: 100px;
}
section.seventhSec img.resultsGirl {
width: 240px;
}
section.seventhSec .compare {
width: 100%;
}
section.seventhSec div.secTitle {
margin-bottom: 40px;
}
section.seventhSec .compare h4 {
font-size: 22px;
}
section.seventhSec .compare p {
font-size: 35px;
line-height: 27px;
}
div.testimonialSlider .slick-list {
padding: 50px 0 70px;
}
footer .col-sm-3.liveChat a small {
display: block;
}
.row.nowOrderRow {
margin-top: 30px;
}
.dashboard div.navbar-header {
width: 100% !important;
}
.dashboard .navbar-toggle {
/* border: 1px solid #fff; */
border: 1px solid #f4ca1b;
margin-right: 0;
}
.dashboard .navbar-toggle .icon-bar {
/* background-color: #fff; */
background-color: #f4ca1b;
}
body.dashboard .nav.navbar-nav.navbar-left-block {
display: block;
padding-top: 20px;
}
body.dashboard .nav.navbar-nav.navbar-right.navbar-right-block {
display: none;
}
body.dashboard nav.navbar ul.nav li {
margin-left: 0px;
}
div.navBottom {
display: none;
}
body.dashboard nav.navbar li a {
line-height: 40px;
}
body.dashboard nav.navbar ul.nav li.showOnMobile {
display: block !important;
}
.nav.align-right {
display: none;
}
div.outOfWell {
width: 65%;
}
ul.tags li {
margin: 1px 0 1px;
}
div.tabCont ul.nav-pills li a {
min-width: 70px;
}
}
@media (max-width:767px) {
section.formSec {
height: auto;
}
h1.slogan {
font-size: 50px;
}
section.formSec h3 {
font-size: 25px;
margin: 0 0 10px;
}
div.formIcon {
width: 88%;
}
img.shoutingGirl {
margin: 0 0 0 auto;
width: 200px;
}
section.formSec ul.customBtns {
margin: 20px 0 0;
}
.icon7 {
left: 50px;
top: 150px;
width: 80px !important;
}
.icon8 {
left: 150px;
top: 150px;
width: 80px !important;
}
.icon9 {
left: 50px;
top: 250px;
width: 80px !important;
}
.icon10 {
left: 150px;
top: 250px;
width: 80px !important;
}
section.formSec .placeHolder {
height: 381px;
}
.row.cloudRow .cloudDiv {
bottom: 0;
}
img.icon {
width: 30px;
}
.icon1 {
left: 0;
top: -30px;
}
.icon2 {
top: 0px;
}
.icon3 {
left: auto;
top: 170px;
right: 150px;
}
.icon4 {
bottom: -50px;
left: 10px;
}
.icon5 {
right: 10px;
}
.icon6 {
width: 60px !important;
}
.navbar-default .navbar-toggle {
border-color: #444b54;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #444b54;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #444b54;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
background-color: #f4c618;
}
body.guest nav.navbar #navbar {
background-color: #444b54;
}
body.guest nav.navbar.darkNav .navbar-toggle {
border-color: #f4c618;
}
body.guest nav.navbar.darkNav .navbar-toggle .icon-bar {
background-color: #f4c618;
}
body.guest nav.navbar.darkNav .navbar-toggle:hover,
body.guest nav.navbar.darkNav .navbar-toggle:focus {
border-color: #f4c618;
}
body.guest nav.navbar.darkNav .navbar-toggle:hover .icon-bar,
body.guest nav.navbar.darkNav .navbar-toggle:focus .icon-bar {
background-color: #f4c618;
}
section.secondSec {
padding: 0 0 40px;
}
section.secondSec .col-sm-6:first-child,
section.secondSec .col-sm-6:last-child,
section.fifthSec .col-sm-6:first-child,
section.fifthSec .col-sm-6:last-child {
width: 100%;
}
section.secondSec img.feaImg {
width: auto !important;
margin-left: -20px;
}
div.secTitle p {
font-size: 30px !important;
}
div.secTitle h2 {
font-size: 50px;
}
div.secTitle {
margin-bottom: 20px;
}
section.secondSec::after {
background-position-y: bottom;
}
section.thirdSec {
text-align: center;
}
section.thirdSec a {
padding: 20px;
float: none;
margin: auto;
}
section.fourthSec .row.chatRow h6 {
line-height: 56px;
}
.icon12 {
right: 10px;
}
.icon13 {
right: 120px;
top: 60px;
}
.icon14 {
bottom: -70px;
}
section.fourthSec .row.chatRow .col-sm-7 {
width: 75%;
float: left;
}
section.fourthSec .row.chatRow .col-sm-5 {
float: left;
width: 25%;
}
section.fifthSec img.effImg {
margin-top: 0;
}
.icon19 {
left: 20px;
}
.icon20 {
right: 20px;
}
.icon21 {
right: 20px;
}
.icon22 {
right: 30px;
}
.icon23 {
left: 20px;
top: 20px;
}
.icon24 {
right: 20px;
bottom: -90px;
}
section.sixthSec .signleUse span.icon .icon {
width: auto;
}
section.sixthSec .signleUse span.icon .mainImg {
width: 100px;
}
section.sixthSec .signleUse span.icon {
width: 120px;
height: 120px;
line-height: 120px;
}
.si3 {
top: -20px;
}
.si4 {
width: 50px !important;
}
section.sixthSec .row .col-sm-4 {
margin-bottom: 50px;
}
section.sixthSec .row .col-sm-4:last-child {
margin: 0;
}
section.sixthSec {
padding: 0 0 40px;
}
section.seventhSec img.resultsGirl {
display: none;
}
.testimonialSlider .row {
margin: 0;
}
.testimonialSlider .row .col-sm-4 {
width: 50%;
float: left;
}
section.seventhSec .slide-arrow {
background-color: #fff;
}
section.seventhSec .prev-arrow {
left: -10px;
}
section.seventhSec .next-arrow {
right: -10px;
}
section.seventhSec {
padding: 40px 0 0;
}
div.testimonialSlider .slick-list {
padding: 50px 0 40px;
}
footer .col-sm-4, footer .col-sm-3 {
margin-bottom: 40px;
}
.row.nowOrderRow {
margin-top: 0;
}
nav.navbar.hideOnDesktop {
display: block;
background-color: #fff;
}
body.dashboard .nav.navbar-nav.navbar-left-block {
margin: 0;
}
body.dashboard nav.navbar li a {
color: #7f7f7f;
line-height: 35px;
}
.row.nowOrderRow {
/* margin-top: 0;
display: flex;
flex-direction: column-reverse; */
}
div.row.userInfo {
margin-top: 0px;
}
div.row.userInfo .col-sm-6 {
width: 50%;
float: left;
}
body.dashboard .well.newOrderWell {
/* margin-top: 40px; */
}
ul.newOrderTabs a {
border: 1px solid #3b424a !important;
color: #3b424a;
padding: 10px 15px 10px 15px !important;
font-size: 16px;
}
ul.newOrderTabs li.active a {
color: #fff;
background-color: #3b424a !important;
border: 1px solid #3b424a !important;
}
div.outOfWell {
width: 100%;
margin: 0 auto 10px;
padding-left: 15px;
position: unset;
}
.searchBoxFilter div.dropdown #dropdownMenuButton {
color: #fff;
background-color: #3b424a;
}
.searchBoxFilter .input-group input {
background-color: #3b424a;
color: #fff;
}
.searchBoxFilter .input-group input::placeholder {
color: #fff;
}
.searchBoxFilter .input-group a.sicon, .searchBoxFilter .input-group .input-group-addon {
background-color: #3b424a;
color: #fff;
}
ul.nav-pills {
display: block;
text-align: center;
}
ul.nav-pills li {
display: inline-block;
}
ul.nav-pills li a {
padding: 8px 8px;
min-width: 60px;
font-size: 12px;
}
.row.ticketSearch {
width: 60%;
}
.row.tabsANDsearch .orderSearch .input-group {
width: 100%;
}
.row.newOrderTitleRow .col-sm-6 {
width: 50%;
float: left;
}
.row.newOrderTitleRow ul.newOrderTabs li a {
padding: 8px 20px !important;
}
}
@media (max-width:550px) {
div.topStrip {
text-align: center;
}
div.topStrip ul li {
margin: 3px 10px;
}
div.topStrip ul li:nth-child(2) {
display: none;
}
.navbar-default .navbar-brand img {
width: 150px;
}
h1.slogan {
font-size: 40px;
}
section.formSec h3 {
font-size: 22px;
}
section.formSec h4 {
font-size: 15px;
}
section.formSec p {
width: 100%;
font-size: 15px;
}
div.formIcon {
width: 100%;
}
div.formIcon .icon {
width: 30px;
}
body.guest.elsePage div.formIcon .icon {
top: 0;
width: 30px;
}
div.formIcon .icon img {
width: 30px;
height: 30px;
}
div.formIcon input, body.guest.elsePage div.formIcon input {
border-width: 5px;
padding-left: 40px;
height: 40px;
}
div.formIcon input::placeholder {
color: #444b54;
}
section.formSec .btn-primary {
border-radius: 50px;
padding: 10px;
top: 5px;
margin-left: 0;
width: 100%;
margin-bottom: 10px;
background-color: #8bc34a;
}
section.formSec .btn-primary:hover,
section.formSec .btn-primary:focus {
background-color: #8bc34a;
}
section.formSec .btn-primary::after {
content: 'log in';
font-size: 18px;
text-transform: capitalize;
}
section.formSec .btn-primary img {
width: 30px;
margin-right: 10px;
margin-top: -10px;
}
section.formSec ul.signUp_remember {
text-align: center;
}
section.formSec ul.signUp_remember li {
display: inline-block;
margin: 0 20px;
}
section.formSec ul.customBtns {
margin: 10px 0 0;
text-align: center;
}
section.formSec ul.customBtns li {
margin: 0 5px;
}
section.formSec ul.customBtns li a {
width: 140px;
padding: 10px 10px;
}
.icon6 {
width: 50px !important;
bottom: -70px;
left: 100px;
}
.icon7 {
left: 20px;
top: 120px;
width: 60px !important;
}
.icon8 {
left: 90px;
top: 120px;
width: 60px !important;
}
.icon9 {
left: 20px;
top: 200px;
width: 60px !important;
}
.icon10 {
left: 90px;
top: 200px;
width: 60px !important;
}
section.secondSec img.feaImg {
max-width: 100%;
}
div.secTitle p {
font-size: 20px !important;
}
div.secTitle h2 {
font-size: 30px;
}
div.secTitle {
margin-bottom: 10px;
}
section.secondSec p {
margin: 0 0 5px;
font-size: 15px;
}
section.secondSec .feaBox .icon, section.fourthSec .serBox .icon {
width: 70px;
height: 70px;
line-height: 70px;
}
section.secondSec .feaBox .icon img, section.fourthSec .serBox .icon img {
max-width: 35px;
max-height: 35px;
}
section.secondSec .feaBox h4 {
font-size: 16px;
}
section.thirdSec {
padding: 0;
}
.icon14 {
bottom: -40px;
}
section.thirdSec h6, section.fourthSec .row.chatRow h6 {
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
}
section.thirdSec a {
padding: 15px 20px;
}
section.fourthSec .serBox h4 {
font-size: 16px;
margin: 15px 0 0;
}
section.fourthSec img.serImg {
right: -15px;
}
.icon17 {
right: 20px;
}
section.fourthSec .row.chatRow {
margin: 20px 0 0;
text-align: center;
}
section.fourthSec .row.chatRow .col-sm-7,
section.fourthSec .row.chatRow .col-sm-5 {
width: 100%;
float: none;
}
section.fourthSec .row.chatRow a {
width: 100%;
float: none;
}
section.fourthSec .row.chatRow a img {
width: 40px;
}
section.fourthSec .row.chatRow h6 {
line-height: 30px;
}
section.fifthSec {
padding: 60px 0 10px;
}
section.fifthSec::before {
width: 300px;
}
section.fifthSec div.secTitle {
margin-top: 20px;
}
section.fifthSec p {
margin: 0 0 5px;
font-size: 15px;
}
section.sixthSec div.secTitle {
margin-bottom: 40px;
}
section.sixthSec .signleUse span.icon {
width: 80px;
height: 80px;
line-height: 80px;
}
section.sixthSec .signleUse span.icon .mainImg {
width: 70px;
}
.si1 {
top: 10px;
}
.si2 {
bottom: 10px;
}
.si3 {
width: 25px !important;
}
.si4 {
width: 30px !important;
left: -40px;
}
section.sixthSec .signleUse h4 {
font-size: 18px;
margin: 15px 0 5px;
}
section.sixthSec .signleUse p {
font-size: 15px;
}
section.sixthSec .row .col-sm-4 {
margin-bottom: 40px;
}
section.seventhSec {
padding: 20px 0 0;
}
section.seventhSec div.secTitle p {
font-size: 16px !important;
}
section.seventhSec div.secTitle {
margin-bottom: 20px;
}
.testimonialSlider .row .col-sm-4 {
width: 100%;
float: none;
margin: 10px 0;
}
section.seventhSec .compare.before span.icon {
display: none;
}
section.seventhSec .compare.before {
padding: 5px 0 50px;
}
section.seventhSec .compare h4 {
font-size: 18px;
}
section.seventhSec .compare .time {
font-size: 14px;
margin: 0 auto 15px;
}
section.seventhSec .compare p {
font-size: 20px;
line-height: 20px;
margin: 0 0 5px;
}
section.seventhSec .compare p small {
font-size: 14px;
}
section.seventhSec .compare.before::after {
display: none;
}
div.testimonialSlider .slick-list {
padding: 50px 0;
}
section.seventhSec div.secTitle {
margin-bottom: -30px;
}
footer {
padding: 40px 0 0;
}
footer p {
font-size: 14px;
margin: 10px 0 20px;
width: 100%;
}
footer h6 {
font-size: 16px;
margin: 15px 0 15px;
}
footer form {
width: 100%;
}
footer .col-sm-4, footer .col-sm-3 {
margin-bottom: 20px;
}
footer ul a {
font-size: 14px;
margin-bottom: 4px;
}
footer .col-sm-3.liveChat a {
margin: 0 0 10px;
font-size: 14px;
}
footer .col-sm-3.liveChat a small {
display: inline-block;
font-size: 14px;
}
footer .reservedStrip {
margin: 30px 0 0;
padding: 15px 0;
}
footer p {
font-size: 12px;
}
body.dashboard div.topStrip p {
font-size: 10px;
letter-spacing: 1px;
}
body.dashboard .navbar-brand img {
max-width: 150px;
}
section.formSec form .row.splitedColRow {
width: 100%;
margin: 0;
}
section.formSec form .row.splitedColRow .col-sm-6 {
padding: 0;
}
.row.nowOrderRow {
margin-top: 0;
}
body.dashboard .well.newOrderWell {
margin-top: 30px;
}
ul.newOrderTabs a {
font-size: 14px;
}
.nowOrderRow .panel-title > a {
font-size: 14px;
padding: 10px 30px 10px 0 !important;
}
h1.pageTitle {
font-size: 20px;
}
div.titleSec {
padding: 15px 0 50px;
}
div.row.userInfo .col-sm-6 {
width: 100%;
float: none;
}
div.userInfo .singlebox {
padding: 20px;
margin: 0 0 15px;
}
div.userInfo .singlebox p {
font-size: 14px;
}
div.userInfo .singlebox h4 {
font-size: 20px;
}
div.userInfo .singlebox span {
height: 50px;
line-height: 50px;
}
div.userInfo .singlebox span img {
max-width: 50px;
}
ul.newOrderTabs {
margin: 0 auto;
top: -45px;
right: 0;
left: 0;
text-align: center;
}
ul.newOrderTabs li {
float: none;
display: inline-block;
}
body.dashboard label {
font-size: 12px;
}
body.dashboard select.form-control,
body.dashboard input.form-control {
height: 40px;
}
body.dashboard select.form-control {
background-size: 34px 34px;
padding-right: 50px;
}
body.dashboard #order-form div#fields div.form-group {
width: 100%;
float: none;
}
h3.cardHead {
font-size: 14px;
margin: 0 0 0;
}
body.dashboard .btn-primary {
font-size: 14px;
height: 40px;
padding: 0 20px;
line-height: 39px;
}
textarea.form-control {
height: 180px;
}
div.outOfWell {
width: 90%;
margin: 0 auto 10px;
padding-left: 0;
}
.searchBoxFilter div.dropdown {
float: none;
margin: 0;
}
.searchBoxFilter div.dropdown #dropdownMenuButton {
width: 100%;
margin-bottom: 5px;
}
.searchBoxFilter .input-group {
width: 100%;
}
.searchBoxFilter div.dropdown .dropdown-menu {
width: 100%;
}
table.table thead th {
padding: 10px !important;
}
table.table tbody td.serName {
text-align: left;
padding: 0 10px 6px;
-webkit-transform: scale(1,1.2);
font-size: 10px;
}
table.table tbody td {
padding: 10px;
font-size: 12px;
}
table.table tbody td .badge {
font-size: 12px;
}
table.table tbody td .serBtn {
padding: 5px 0;
}
.addFunds img.img-responsive {
width: 180px;
}
div.faqTabs .panel a .panel-heading h4 {
margin: 5px 0;
}
div.faqTabs .panel a::after {
width: 30px;
height: 30px;
font-size: 50px;
line-height: 24px;
}
div.faqTabs a.collapsed::after {
font-size: 30px;
line-height: 30px;
}
.row.ticketSearch {
position: unset;
width: 100%;
margin: 0;
}
.row.ticketSearch input {
background-color: #3b424a;
color: #fff;
}
.row.ticketSearch input::placeholder {
color: #fff;
}
.row.ticketSearch .input-group-btn, .row.ticketSearch .input-group-btn button {
background-color: #3b424a;
color: #fff;
}
.row.newOrderTitleRow {
text-align: center;
}
.row.newOrderTitleRow .col-sm-6 {
width: 100%;
float: none;
}
.row.newOrderTitleRow ul.newOrderTabs {
text-align: center;
top: 0;
margin: 10px 0 0;
}
div.formIcon .icon i {
width: 30px;
height: 30px;
line-height: 30px;
}
div.formIcon .icon {
left: 7px;
}
section.formSec .btn-primary::after {
display:none;
}
section.formSec .placeHolder {
height: 202px;
}
.feaBox .icon i, .serBox .icon i {
font-size: 24px;
line-height: 70px !important;
}
section.fourthSec .row.chatRow {
margin: 0;
}
div.formIcon .icon {
line-height:40px;
}
}
.testimonial-card .card-up {
height: 120px;
overflow: hidden;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.testimonial-card .avatar {
width: 110px;
margin-top: -60px;
overflow: hidden;
border: 3px solid #fff;
border-radius: 50%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
}
a,
a:hover,
a:focus,
a:active {
text-decoration: none;
outline: none;
}
a,
a:active,
a:focus {
color: #333;
text-decoration: none;
transition-timing-function: ease-in-out;
-ms-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
img {
max-width: 100%;
height: auto;
}
span,
a,
a:hover {
display: inline-block;
text-decoration: none;
color: inherit;
}
.section-head {
margin-bottom: 60px;
}
.section-head h2 {
position: relative;
padding: 0;
color: #050505;
line-height: 1;
letter-spacing: 0.3px;
font-size: 44px;
font-weight: 700;
text-align: center;
text-transform: none;
margin-bottom: 30px;
}
.section-head h2:before {
content: "";
width: 60px;
height: 3px;
background: #1e81b0;
position: absolute;
left: 0px;
bottom: -10px;
right: 0;
margin: 0 auto;
}
.section-head h4 span {
font-weight: 700;
padding-bottom: 5px;
color: #2f2f2f;
}
p.service_text {
color: #050505 !important;
font-size: 16px;
line-height: 28px;
text-align: center;
}
.section-head p,
p.awesome_line {
color: #050505;
font-size: 16px;
line-height: 28px;
text-align: center;
}
.extra-text {
font-size: 34px;
font-weight: 700;
color: #2f2f2f;
margin-bottom: 25px;
position: relative;
text-transform: none;
}
.extra-text::before {
content: "";
width: 60px;
height: 3px;
background: #f91942;
position: absolute;
left: 0px;
bottom: -10px;
right: 0;
margin: 0 auto;
}
.extra-text span {
font-weight: 700;
color: #f91942;
}
.item {
background: #fff;
text-align: center;
padding: 30px 25px;
-webkit-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.07);
box-shadow: 0 0px 25px rgba(0, 0, 0, 0.07);
border-radius: 20px;
border: 5px solid rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
-webkit-transition: all 0.5s ease 0;
transition: all 0.5s ease 0;
transition: all 0.5s ease 0s;
}
.item:hover {
background: #fcb079;
box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.5s ease 0;
transition: all 0.5s ease 0;
transition: all 0.5s ease 0s;
}
.item:hover .item,
.item:hover span.icon {
background: #fff;
border-radius: 10px;
-webkit-transition: all 0.5s ease 0;
transition: all 0.5s ease 0;
transition: all 0.5s ease 0s;
}
.item:hover h6,
.item:hover p {
color: #fff;
-webkit-transition: all 0.5s ease 0;
transition: all 0.5s ease 0;
transition: all 0.5s ease 0s;
}
.item .icon {
font-size: 40px;
margin-bottom: 25px;
color: #f91942;
width: 90px;
height: 90px;
line-height: 96px;
border-radius: 50px;
}
.item .feature_box_col_one {
background: rgba(247, 198, 5, 0.2);
color: #242323;
}
.item .feature_box_col_two {
background: rgba(255, 77, 28, 0.15);
color: #242323;
}
.item .feature_box_col_three {
background: rgba(0, 147, 38, 0.15);
color: #242323;
}
.item p {
font-size: 15px;
line-height: 26px;
}
.item h6 {
margin-bottom: 20px;
color: #2f2f2f;
}
.mission p {
margin-bottom: 10px;
font-size: 15px;
line-height: 28px;
font-weight: 500;
}
.mission i {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #f91942;
border-radius: 50%;
color: #fff;
font-size: 25px;
}
.mission .small-text {
margin-left: 10px;
font-size: 13px;
color: #666;
}
.skills {
padding-top: 0px;
}
.skills .prog-item {
margin-bottom: 25px;
}
.skills .prog-item:last-child {
margin-bottom: 0;
}
.skills .prog-item p {
font-weight: 500;
font-size: 15px;
margin-bottom: 10px;
}
.skills .prog-item .skills-progress {
width: 100%;
height: 10px;
background: #e0e0e0;
border-radius: 20px;
position: relative;
}
.skills .prog-item .skills-progress span {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: #f91942;
width: 10%;
border-radius: 10px;
-webkit-transition: all 1s;
transition: all 1s;
}
.skills .prog-item .skills-progress span:after {
content: attr(data-value);
position: absolute;
top: -5px;
right: 0;
font-size: 10px;
font-weight: 600;
color: #fff;
background: rgba(0, 0, 0, 0.9);
padding: 3px 7px;
border-radius: 30px;
}
.bootstrap-btn {
display: inline-block;
font-weight: 500;
color: #1e81b0;
text-align: center;
border: 20px solid transparent;
padding: .500rem .800rem;
font-size: 2rem;
line-height: 1;
border-radius: .25rem;
color: #fff;
background-color: #1e81b0;
}
.bootstrap-btn:hover{
background-color: #bf170f;
}