@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,300&display=swap');
::-webkit-scrollbar{width:6px;background:#fff}::-webkit-scrollbar-thumb{background:#cfcfcf}::-webkit-scrollbar-track{background:#fff}.zb2gC::-webkit-scrollbar{display:none}
*{
margin: 0;
padding: 0;
}
body {
font-family: nunito,sans-serif;
font-size: 17px;
color: #333;
line-height: 30px;
position: relative;
background-size: cover;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 600;
color: #000;
}
h1, .h1 {
font-size: 2.5rem;
}
h2, .h2 {
font-size: 2rem;
}
h3, .h3 {
font-size: 1.75rem;
}
h4, .h4 {
font-size: 1.5rem;
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
line-height: 1.5rem;
}
hr {
border: 1px;
}
.display-5 {
font-size: 3rem;
line-height: 3rem;
font-weight: 300;
}
.text-dark-blue {
color: #001730 !important;
}
.text-orange {
color: #f4ff29 !important;
}
ul.list-right-footer li a:hover {
color: #fff;
}
ul.list-right-footer li a {
color: #f4ff29;
text-decoration: none;
}
@media (max-width: 767px) {
.display-4 {
font-size: 2.5rem;
}
.h1, .h2, h1, h2 {
font-size: 1.75rem;
}
.display-5 {
font-size: 2rem;
line-height: 2rem;
}
}
.featuresh {
color: #009900;
text-transform: uppercase;
}
@media (min-width: 1420px) {
.container-footer {
max-width: 1400px;
}
}
@media (min-width: 1650px) {
.container-footer {
max-width: 1600px;
}
}
@media (max-width: 767px) {
.display-4 {
font-size: 2.5rem;
}
.h1, .h2, h1, h2 {
font-size: 1.75rem;
}
.mb-md-10 {
margin-bottom: auto !important;
}
.display-5 {
font-size: 2rem;
line-height: 2rem;
}
}
a.btn {
border-radius: 15px 0px;
}
a:hover {
text-decoration: none;
}
a.btn-orange, .btn-orange {
background-color: #f58b3c;
}
a.btn-orange:hover, .btn-orange:hover {
background-color: #e46526;
}
.font-weight-bold, strong {
font-family: nunito,sans-serif;
font-weight: 700 !important;
}
.font-weight-boldh {
font-family: 'Roboto', sans-serif;
font-weight: 500 !important;
}
.breadcrumb {
background-color: transparent;
margin-bottom: 0rem;
font-size: 13px;
}
.breadcrumb-white, .breadcrumb-white li, .breadcrumb-white li a, .breadcrumb-white li a:hover {
color: #fff !important;
}
.nav-topbar a {
display: block;
font-size: 14px;
padding: 5px 8px 5px;
}
.nav-topbar a:hover {
text-decoration: none;
}
.navbar-top {
top: 0rem;
width: 100%;
padding: 0rem;
z-index: 100;
position:relative;
}
.navbar-nav {
font-weight: 600;
font-size: 20px;
}
.navbar-dark .navbar-nav .nav-link{
color: #fff;
}
@media(min-width:992px) {
.navbar-top .nav-item .nav-link {
text-transform: none !important;
padding: 1.25rem 1rem !important;
display: inline-block;
color: #436AA6;
}
}
@media(min-width:1400px) {
.navbar-top .nav-item .nav-link {
text-transform: none !important;
padding: 1.25rem 2rem !important;
display: inline-block;
color: #436AA6;
}
}
.navbar-top .nav-item .nav-link-buy {
background-color: #f58b3c;
color: #FFF;
}
.navbar-top .nav-item .nav-link-buy:hover {
background-color: #e46526;
}
.alert-warning {
background-color: #f8f6a2;
border: 1px solid #eee090;
}
.carousel-inner {
padding-bottom: 20px;
}
.carousel-indicators {
bottom: 0px;
}
.carousel-indicators li {
height: 14px;
width: 14px;
border-radius: 7px;
background-color: #449FF9;
}
.carousel-indicators .active {
background-color: #0066cc;
}
@media (max-width: 767px) {
.btn-md-block {
display: block !important;
}
}
@media (max-width: 575px) {
.btn-sm-block {
display: block !important;
}
}
.navbar-light .navbar-nav .nav-link {
text-transform: uppercase;
font-weight: 500;
padding: 1rem 2rem;
}
@media (max-width:767px) {
.navbar-light .navbar-nav .nav-link {
text-transform: uppercase;
font-weight: 400;
padding: .5rem .5rem;
}
}
.con_button, .bus_button {
border-radius: 5px;
font-size: 18px;
display: inline-block;
position: relative;
z-index: 1;
padding: 20px 30px;
}
.con_button {
background-color: #0066cc;
}
.bus_button {
background-color: #181617;
}
@media(max-width: 1199px) {
.top-section {
height: auto !important;
background-color: #f6f6f6;
background-image: none;
}
.con_button, .bus_button {
padding: 7px 10px;
font-size: 11px;
}
}
.text-black {
color: #000 !important;
}
.text-dark {
color: #dc3545 !important;
}
.text-blue {
color: #09367a!important;
}
.text-yellow {
color: #f1b449!important;
}
.text-green {
color: #8ee4af!important;
}
.bg-tab {
background-size: cover;
padding: 4rem;
background-position: top center;
background-color: #45576f;
background-repeat: no-repeat;
background-attachment: scroll;
}
.display-4 {
font-size: 3.5rem !important;
}
.btn-outline-white {
padding-right: 34px;
padding-left: 34px;
border: solid 1px #FFF;
color: #fff;
}
.btn-outline-white:hover {
color: #fff;
background-color: #e11f27;
border-color: #e11f27;
}
.nav-pill-lg {
position: relative;
bottom: 130px;
}
.nav-pill-lg .nav-link {
background-color: #eeedeb;
color: #000;
border-radius: 6px;
text-align: center;
font-weight: 500;
}
.nav-pill-lg .nav-link.active, .nav-pill-lg .show>.nav-link {
color: #fff;
background-color: #e11f27;
}
@media(max-width: 767px) {
.pills-bg {
background: #cccccc;
}
}
@media(max-width: 767px) {
.font-weight-bolder {
font-size: 22px !important;
;
line-height: 24px;
}
.bg-tab {
background-size: cover;
padding: 0px;
}
.p-small {
font-size: 16px;
}
}
.btn-outline {
border: 1px solid #f62828;
color: #fc1414;
padding: 1px 5px 1px 5px;
}
@media(max-width: 992px) {
.btn-outline {
font-size: 12px !important;
}
}
.onhover {
min-height: 220px;
}
.onhover:hover .dblock {
visibility: visible !important;
}
.onhover:hover .border-bottom {
border-bottom: 1px solid #f62828 !important;
}
.navpill .nav-link.active, .navpill .show>.nav-link {
background: #e9f4ff;
color: #000;
border-left: 3px solid #e11f27;
border-radius: 0;
}
.navpill .nav-link {
border-left: 3px solid #b5b5b5;
border-radius: 0;
margin-bottom: 10px;
font-size: 14px;
color: #fff;
}
@media(max-width: 767px) {
.nav-pill-lg {
display: none;
}
.section3 .tab-content>.tab-pane {
display: block;
}
.fade:not(.show) {
opacity: 1;
}
}
.bg-header-top {
background: #001b38;
background-image: none;
background-image: -webkit-linear-gradient(90deg,rgba(13,71,161,1) 0,rgba(25,118,210,1) 100%);
background-image: -moz-linear-gradient(90deg,rgba(13,71,161,1) 0,rgba(25,118,210,1) 100%);
background-image: -o-linear-gradient(90deg,rgba(13,71,161,1) 0,rgba(25,118,210,1) 100%);
background-image: linear-gradient(0deg,rgba(13,71,161,1) 0,rgba(25,118,210,1) 100%);
}
.bg-light {
background-color: #f8fbff !important;
}
.bg-light-purple
{
background:#f9f9f9;
}
.bg-yellow {
background-color: #fbf9e3;
}
.bg-buy {
min-height: 250px;
background-color: #eef7ff;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.bg-gray {
background-color: #f7f7f7;
}
.bg-red {
position: relative;
height: 130px;
width: 100%;
background: #0066cc;
background-color: #0066cc;
}
.bg-red::before {
position: absolute;
content: '';
display: block;
width: 0;
height: 0;
right: 0;
top: -49px;
border-bottom: 50px solid #0066cc;
border-left: 1400px solid rgba(255, 255, 255, 0);
-moz-transform: scale(.9999);
}
.bg-blue {
background-color: #460079;
}
.bg-white {
background-color: #001b38;
}
.bg-orange1 {
background-color: #ff6228;
}
.bg-orange11 {
background-color: #ff6228;
border-radius:15px 0px;
}
.bg-green {
background-color: #8ee4af;
}
.bg-grey {
background-color: #f8f9fa !important;
}
.bg-blue-light {
background-color: #f4f9ff;
}
.tes_section {
background-color: #45576f;
}
@media(max-width: 991px) {
.border-sm-0 {
border-right: 0 !important;
}
}
.uline {
border-bottom: 2px solid #dc3545 !important;
}
.uline:hover {
background-color: #dc3545 !important;
color: #fff;
}
ul.list-check li::before {
position: absolute;
height: 20px;
width: 20px;
content: "";
background: url('https://www.macflick.com/assets/img/tick.png') no-repeat;
background-size: auto;
background-size: 16px 16px;
top: 4px;
margin-left: -25px;
}
ul.list-check {
list-style: none;
padding-left: 25px;
}
ul.list-check li {
position: relative;
padding-bottom: 5px;
}
.navbar-light .navbar-nav .nav-item:last-child a {
padding: 1rem 0rem 1rem 2rem !important;
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
height: 30px;
width: 30px;
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
height: 30px;
width: 30px;
}
@media (min-width: 1420px) {
.container {
max-width: 1400px;
}
}
.buynow {
fill: #fff;
}
.buynow:hover {
fill: #000;
}
.navbar {
padding: 0.0rem 0;
}
.navbar-nav .nav-link:hover {
color: #fff;
}
.navbar-light .navbar-nav .nav-link {
color: #047aed;
}
.button {
box-shadow: 0 1px 5px 3px rgba(46, 50, 52, 0.1);
background-color: #fff;
color: #047aed;
border-color: #fff;
letter-spacing: 2px;
}
@media (max-width: 767px) {
.btn-md-block {
display: block !important;
}
.display-1, .display-2, .display-3, .display-4 {
}
}
@media (max-width: 575px) {
.btn-sm-block {
display: block !important;
}
}
@media (max-width: 991px) {
.btn-lg-block {
display: block !important;
}
}
.py-10 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
ul.list-right {
list-style: none;
padding-left: 14px;
}
ul.list-right li {
position: relative;
text-align: left;
}
.button1 {
box-shadow: 0 1px 5px 3px rgba(46, 50, 52, 0.1);
background-color: #047aed;
}
.youtube-player {
position: relative;
padding-bottom: 56.23%;
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
margin: 5px;
}
.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}
.youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}
.youtube-player img:hover {
-webkit-filter: brightness(75%);
}
.youtube-player .play {
height: 72px;
width: 72px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
position: absolute;
background: url("#") no-repeat;
cursor: pointer;
}
.control-prev {
position: relative;
top: 2px;
}
.control-next {
position: relative;
top: -28px;
right: -26px;
}
.control-prev-1 {
left: -9px;
bottom: 60px;
}
.control-next-1 {
right: -10px;
top: -65px;
}
.card-header {
background-color: #fff;
border-bottom: none;
}
@media (max-width: 767px;
) {
.btn-md-block {
display: block !important;
}
}
.buy-details {
margin-bottom: 20px;
position: relative;
}
.buy-details .details {
background-color: #fff;
display: inline-block;
position: relative;
top: 12px;
}
.buy-details .price {
background-color: #fff;
display: inline-block;
float: right;
font-size: 18px;
line-height: 28px;
padding-left: 6px;
position: relative;
top: 12px;
}
.btn-warning {
background-color: #f38a01;
}
.btn-portable {
background-color: #eef7ff;
padding: 10px;
font-size: 19px;
color: #000;
border:2px solid #007bff;
}
.btn-portable:hover{
background: #007bff;
color: #fff;
fill: #fff !important;
}
cookie{
border: 0;
width: 100%;
z-index: 1000;
position: fixed;
bottom: 48px;
}
.cookie .cookie-text{
background: #6c757d;
z-index: 1000;
width: 100%;
padding: 12px;
color: #fff;
margin: 0;
position: absolute;
}
.cookie-text a{
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
color: #fff;
}
.cookie-text a:hover{
color: #fff;
}
.cookie-text button{
background: #f4ff29;
padding: 4px 5px;
border: 1px solid #f4ff29;
border-radius:5px;
color: #2a0555;
font-size: 13px;
font-weight:bold;
}
@media(max-width: 762px){
.cookie-text{
bottom: -48px;
}
}
.card-header-1 {
background-color: rgba(0, 0, 0, .03);
border-top: 1px solid rgba(0, 0, 0, .125);
border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.zoom {
max-width: 100%;
height: auto;
margin: 0 auto;
}
.btn-success1 {
color: #fff;
background-color: #f4ff29;
border-color: #2b4130;
padding: 10px;
font-size: 19px;
}
.btn-success1:hover {
color: #fff;
background-color: #f4ff29;
border-color: #2b4130;
}
.btn-dark1 {
color: #fff;
background-color: #000;
border-color: #002443;
}
.btn-dark1:hover {
color: #fff;
background-color: #000;
border-color: #002443;
}
.btn-success{
border-width: 2px;
}
.btn {
border-radius: 0px;
}
.light-grey {
background: #f4f5f6;
}
.nav-tabs {
border: 0px;
}
.nav-tabs .active {
background-color: #fff !important;
}
.nav-tabs .nav-item {
background-color: #eee;
}
.navbar-light .navbar-nav .nav-link {
text-transform: uppercase;
font-weight: 500;
padding: 1rem 2rem;
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, .5);
}
.navbar-default {
background-color: #f8f8f8;
}
.footer {
background-color: #f5f5f5;
font-weight: 400;
color: #bdbdbd;
padding: 10px;
}
ul.list-right li a::before {
position: absolute;
height: 20px;
width: 20px;
content: "";
background: url('data:image/svg+xml,') no-repeat;
background-size: auto;
background-size: 16px 16px;
top: 4px;
margin-left: -16px;
}
.accordion-plus .card-link {
position: relative;
padding: 0px 40px 10px 15px;
border-radius: 0px;
color: #000;
}
.accordion-plus .card-link:after {
position: absolute;
height: 16px;
width: 16px;
content: "";
background: url('data:image/svg+xml,') no-repeat;
background-size: 16px 16px;
right: 15px;
top: 16px;
}
.accordion-plus .collapsed:after {
background: url('data:image/svg+xml,') no-repeat;
background-size: 16px 16px;
}
.list-inline-item {
padding: 10px;
}
ul.list-check li::before {
position: absolute;
height: 20px;
width: 20px;
content: "";
background: url('https://www.macflick.com/assets/img/tick.png') no-repeat;
background-size: auto;
background-size: 16px 16px;
top: 4px;
margin-left: -25px;
}
ul.list-check {
list-style: none;
padding-left: 25px;
}
ul.list-check li {
position: relative;
padding-bottom: 5px;
}
.br-left {
border-left: 2px solid #f1b449;
margin-bottom: 2px;
}
.card-pricing.popular {
z-index: 1;
border: 1px solid #f9f9f9;
}
.card-pricing .list-unstyled li {
padding: .5rem 0;
color: #6c757d;
}
.image {
opacity: 1;
display: block;
width: 100%;
height: auto;
transition: .5s ease;
backface-visibility: hidden;
}
.middle {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.container:hover .image {
opacity: 0.3;
}
.container:hover .middle {
opacity: 1;
}
a.live-chat {
position: fixed;
z-index: 99999999;
right: -90px;
top: 150px;
color: #FFF;
font-size: 16px;
background: #ed2024;
padding: 5px 5px 7px 5px;
width: 135px;
transition-duration: 0.9s;
border-radius: 0px 0px 0px 0px;
}
a.live-chat:hover, a.live-chat:focus, a.live-chat:active {
right: -0px;
background: #233140;
text-decoration: none;
}
.live {
border-radius: 5px;
background-color: #f4ff29;
color: #000;
padding:8px 14px;
margin-top: 10px;
border-radius: 12px 0px;
}
.live:hover {
border-radius: 12px 0px;
background-color:#f4ff29;
color:#000;
padding:8px 14px;
margin-top: 10px;
}
.offers1 {
border-radius: 5px;
background-color: #f90000;
color: #fff;
padding:8px 14px;
margin-top: 10px;
border-radius: 12px 0px;
}
.offers1:hover {
border-radius: 12px 0px;
background-color:#f90000;
color:#fff;
padding:8px 14px;
margin-top: 10px;
}
.rating_widget {
padding: 0px;
margin: 0px;
width: 160px;
}
.rating_widget li {
line-height: 0px;
width: 28px;
height: 28px;
padding: 0px;
margin: 0px;
margin-left: 2px;
list-style: none;
float: left;
cursor: pointer;
}
.rating_widget li span {
display: none;
}
.servertip
{position:relative;
display:inline-block;
cursor:pointer
}
.servertip .servertext
{visibility:hidden;
width:auto;
background-color:midnightblue;
color:#fff;
text-align:left;
border-radius:2px;
padding:5px;
position:absolute;
z-index:1;
top:100%;
left:50%;
opacity:0;
transition:opacity 1s
}
.servertip .servertext
{right:auto;
left:auto
}
.servertip:hover .servertext
{visibility:visible;
opacity:1
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(9, 54, 122, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.box {
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
border-radius: 5px;
background-color: #fff;
padding: 44px 32px;
height: 100%;
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .2) !important;
}
.bg1{
background-image: url(#);
background-size: cover;
height: 100vh;
background-position: bottom;
}
.bg-image-service {
background-image: url('#');
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.bg-color-overlay {
background-color: #042158e0;
}.bg-dotted {
background: #fff url('#');
background-size: cover;
background-position: center;
background-attachment: fixed;
}
section {
padding-top: 1%;
padding-bottom: 4%;
}
.box-curve{
background-image: url('#') ;
background-size: 100% auto;
background-position: bottom center;
background-repeat: no-repeat;
}
.border-radius-50 {
border-radius: 50%;
}
.avatar-60 {
width: 60px;
height: 60px;
overflow: hidden;
display: inline-block;
vertical-align: top;
}
.avatar-60 img{
max-width: 100%;
}
.font-small {
font-size: .75rem;
line-height: 1rem;
}
.list-lens-icon{
list-style: none;
padding-left: 20px;
}
.list-lens-icon li{
margin-top: 15px;
margin-left: 10px;
}
.list-lens-icon li:before {
position: absolute;
height: 32px;
width: 32px;
content: "";
background: url('data:image/svg+xml,') no-repeat;
background-size: 20px 20px;
margin-left: -30px;
margin-top: 4px;
}
.btn-red {
color: #fff;
background-color: #05386b;
border-color: #05386b;
}
.btn-red:hover {
color: #fff;
background-color: #05386b;
border-color: #05386b;
}
.btn-green {
color: #fff;
background-color: #ed2024;
border-color: #ed2024;
}
.btn-green:hover {
color: #fff;
background-color: #ed2024;
border-color: #ed2024;
}
.shadow-blue{
box-shadow: 0 .5rem 1rem rgba(4, 59, 224, 0.27) !important;
}
.footer__lang {
display: flex;
list-style: none;
color: #fff;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
}
.footer__lang li {
font-size: 14px;
font-weight: 500;
}
.footer__lang a {
color: #fff;
font-size: 14px;
font-weight: 500;
text-align: center;
}
.footer__lang li:nth-child(2n) {
color: #7ad88a;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width:768px) and (max-width:991px) {
.footer__lang {
padding:0;
flex-wrap:wrap
}
}
@media (max-width:767px) {
.footer__lang {
flex-wrap:wrap;
justify-content:center;
width:310px;
padding:0;
margin:0 auto;
margin-bottom:50px;
margin-top:20px
}
}
.footer__lang li {
font-size:14px;
font-weight:500;
}
@media (max-width:767px) {
.footer__lang li {
margin-top:20px;
}
}
.footer__lang li:nth-child(even) {
color:#7ad88a;
padding-left:15px;
padding-right:15px
}
@media (min-width:992px) and (max-width:1199px) {
.footer__lang li:nth-child(even) {
padding-left:20px;
padding-right:20px
}
}
@media (min-width:768px) and (max-width:991px) {
.footer__lang li:nth-child(even) {
padding-left:10px;
padding-right:10px
}
}
@media (max-width:767px) {
.footer__lang li:nth-child(even) {
padding-left:20px;
padding-right:20px
}
}
@media (max-width:767px) {
.footer__lang li:nth-child(12),
.footer__lang li:nth-child(6) {
display:none
}
}
.bg-globe {
background: #06c url(#) repeat;
}
.btn-round {
border-radius: 30px !important;
padding-left: 30px;
padding-right: 30px;
}
.card-blue,.card-green,.card-orange,.card-red, .card-purple{
border-radius:30px;
position:relative
}
.card-blue{
border:2px solid #09367a;
}
.card-green{
border:2px solid #8ee4af;
}
.card-purple {
border: 2px solid #460079;
}
.card-orange{
border:2px solid #ff7007;
}
.card-red{
border:2px solid #ea4335;
}
.card-blue:hover{
background-color:#eaf1fd;
}
.card-green:hover{
background-color:#e5fbeb;
}
.card-red:hover{
background-color:#fff7f6;
}
.card-purple:hover{
border:2px solid #f4ff29;
}
.bg-shadow {
background: url("#") center top no-repeat;
}
.menu-primary .sub-menu {
position: absolute;
top: 100%;
background: #fff;
-webkit-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
padding: 0px 15px;
min-width: 280px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
transform-origin: top;
opacity: 0;
visibility: hidden;
z-index: 1;
}
.menu-primary li.menu-item:hover > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.menu-primary > li.menu-item.mega-menu {
position: static;
}
.menu-primary .mega-menu-inner {
width: 100%;
max-width: 1170px;
left: 0;
right: 0;
margin: auto;
display: flex;
flex-wrap: nowrap;
z-index: 999;
}
.menu-item-card:hover{
border: 1px solid #409af1;
}
.menu-item-card .card-round {
background: #f4fbff;
}
.menu-item-card:hover .card-round {
background: #051c3b;
}
.shadow-box {
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
border: 1px solid #013459;
}
.shadow-box:hover {
border: 1px solid #013459;
}
.shadow-box1 {
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
border: 1px solid #1da6f7;
}
.shadow-box1:hover {
border: 1px solid #f38a01;
}
.dp-slider {
height: 100%;
width: 100%;
position: absolute;
transform-style: preserve-3d
}
.dp-slider div {
transform-style: preserve-3d
}
.dp_item {
display: block;
position: absolute;
text-align: center;
left: 0;
right: 0;
margin: auto;
transition: transform 1.2s
}
.dp-img img {
border-left: 1px solid #fff
}
#dp-slider .dp_item:first-child {
z-index: 10!important;
transform: rotateY(0deg) translate(0) scale(1)!important
}
.dp_item[data-position="2"] {
z-index: 9;
transform: rotateY(0deg) translateX(0%) scaleX(1.3) scaleY(.8);
opacity: .7
}
.dp_item[data-position="3"] {
z-index: 8;
transform: rotateY(0deg) translateX(0%) scaleX(1.4) scaleY(.7);
opacity: .6
}
.dp_item[data-position="4"] {
z-index: 7;
transform: rotateY(0deg) translateX(0%) scaleX(1.5) scaleY(.6);
opacity: .2
}
#dp-next,
#dp-prev {
position: absolute;
top: 200px;
right: 160px;
height: 33px;
width: 33px;
z-index: 10;
cursor: pointer
}
#dp-prev {
left: 160px;
transform: rotate(180deg)
}
#dp-dots {
position: absolute;
top: 460px;
z-index: 12;
left: 0%;
right: 50px;
cursor: default
}
#dp-dots li {
display: inline-block;
width: 30px;
height: 7px;
background: #e0e0e0
}
#dp-dots li:hover {
cursor: pointer;
background: #0b3468;
transition: background .3s
}
#dp-dots li.active {
background: #0b3468
}
.dp_item {
width: 40%;
margin: auto;
box-sizing: border-box;
padding: 0 45px;
height: 450px;
padding-top: 20px
}
.dp-content,
.dp-img {
text-align: left
}
.dp_item {
display: flex;
align-items: center;
background: #fff;
border-radius: 5px;
overflow: hidden;
box-shadow: 2px 2px 45px #ccc
}
.dp-content {
margin: auto;
text-align: center
}
.dp-content .site-btn {
margin-top: 15px;
font-size: 13px;
padding: 19px 40px
}
.dp-img:before {
background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
background: linear-gradient(-90deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
content: "";
position: absolute;
height: 100%;
width: 25%;
z-index: 1;
top: 0;
pointer-events: none;
background: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));
background: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));
background: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));
background: linear-gradient(-90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255))
}
.dp-img img {
object-fit: cover;
object-position: right
}
#dp-slider,
dp-slider .dp_item:hover:not(:first-child) {
cursor: pointer
}
@media(max-width:991.98px) {
.navbar-nav .nav-link {
padding-top: 0!important;
padding-bottom: 0!important
}
}
element.style {
}
.carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
padding: 0;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: #fff;
background-clip: padding-box;
border: 0;
transition: opacity .4s ease;
}
.lead{
font-weight: 400!important;
}
.bg-slider2 {
background-image:url("#");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
}
.bg-slider1 {
background-image:url("#");
background-color:#e3effd;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
color: #fff;
}
@media (max-width:991px) {
.bg-slider1, .bg-slider2 {
background-image: none;
}
}
.bg-page {
background-color: #8ee4af;
background-image: url('#');
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
}
.bg-page1 {
background-color: #edeef2;
background-image: url('#');
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
}
.bg-page2 {
background-color: #fff;
background-image: url('#');
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
}
.bg-green {
background-color: #8ee4af
}
.blue-outline {
border-radius: 20px 10px;
background: #fff;
border: 2px solid #460079;
}
.orange-outline {
border-radius: 20px 20px;
background: #fff;
border: 2px solid #001831;
}
.u-lining-1, .u-lining-yellow, .u-lining-blue {
position: relative;
}
.u-lining-1::after, .u-lining-yellow::after, .u-lining-blue::after {
background-image: url("#");
background-repeat: no-repeat;
background-size: 100% 100%;
content: "";
display: block;
height: .3em;
left: -.2em;
position: absolute;
top: calc(100% - .15em);
width: calc(100% + .4em);
}
.u-lining-yellow::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23fab758' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
}
.u-lining-blue::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='#001831' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
}
.title-small {
position: relative;
font-size: 14px;
font-weight: bold;
padding: 5px 20px;
background-color: #e7e9eb;
border-radius: 20px 0px;
color: #460079;
border: 2px solid #e7f3ff;
}
.list-check-icon{
list-style: none;
padding-left: 20px;
}
.list-check-icon li{
margin-top: 10px;
margin-left: 10px;
}
.list-check-icon li:before {
position: absolute;
height: 32px;
width: 32px;
content: "";
background: url('#') no-repeat;
background-size: 16px 16px;
margin-left: -27px;
margin-top: 6px;
}
.underline-linear {
background-image: linear-gradient(120deg, #460079 0%, #f4ff29 100%);
background-repeat: no-repeat;
background-size: 100% 0.2em;
background-position: 0 110%;
transition: background-size 0.20s ease-in;
border-radius: 30px;
}
.bg-globe {
background: #0c081e url(https://www.macflick.com/assets/img/bg-call.png);
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.bg-blue-light {
/* background-color: #e7f3ff; */
background: #e7f3ff;
}
.card-blue-bold {
box-shadow: 0 0rem 1rem rgb(150 177 201);
border-radius: 10px 25px;
color: #fff;
border: 1px solid #460079;
}
.card1-body {
flex: 1 1 auto;
padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
color: var(--bs-card-color);
}
.card1 {
--bs-card-spacer-y: 1rem;
--bs-card-spacer-x: 1rem;
--bs-card-title-spacer-y: 0.5rem;
--bs-card-border-width: 1px;
--bs-card-border-color: var(--bs-border-color-translucent);
--bs-card-border-radius: 0.375rem;
--bs-card-box-shadow: ;
--bs-card-inner-border-radius: calc(0.375rem - 1px);
--bs-card-cap-padding-y: 0.5rem;
--bs-card-cap-padding-x: 1rem;
--bs-card-cap-bg: rgba(0, 0, 0, 0.03);
--bs-card-cap-color: ;
--bs-card-height: ;
--bs-card-color: ;
--bs-card-bg: #fff;
--bs-card-img-overlay-padding: 1rem;
--bs-card-group-margin: 0.75rem;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
height: var(--bs-card-height);
word-wrap: break-word;
background-color: var(--bs-card-bg);
background-clip: border-box;
border: var(--bs-card-border-width) solid var(--bs-card-border-color);
border-radius: var(--bs-card-border-radius);
}
img, svg {
vertical-align: middle;
}
.my-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important;
}
.m-3 {
margin: 1rem!important;
}
.img-shadow {
position: absolute;
bottom: 6px;
right: 6px;
box-sizing: border-box;
padding: 0;
border: none;
margin: auto;
display: block;
width: 0;
height: 0;
min-width: 40%;
max-width: 100%;
min-height: 40%;
max-height: 100%;
opacity: .1;
}
.fs-radius {
border-radius: 45px 0px 45px 0px;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.title-small-white {
position: relative;
font-size: 14px;
font-weight: bold;
padding: 5px 20px;
background-color: #fff;
border-radius: 20px 0px;
color: #1669c4;
border: 2px solid #fff;
}
.testimonial-section3 .fst-italic{
font-size: 18px;
}
.testimonial-section3 .carousel-indicators {
position: absolute;
right: 0;
bottom:-5px;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none;
}
.testimonial-section3 .carousel-item{
padding: 0px 10px
}
.testimonial-section3 .testimonial-single-box {
padding: 10px 0 10px 20px;
position: relative;
border-radius: 30px 25px;
overflow: hidden;
z-index: 1;
transition: .5s;
background: #fff;
margin-bottom: 20px;
border: 4px solid #001a37;
}
.testimonial-section3 .testimonial-single-box:before {
position: absolute;
content: "";
top: 0;
left: 30px;
height: 100%;
width: 50%;
background: #FFF;
transform: skewX(65deg);
z-index: -1;
transition: .4s;
}
.testimonial-section3 .testimonial-thumb-content {
margin-left: 22px;
}
.testimonial-section3 .thumb-title .author {
font-size: 22px;
/*margin: 10px 0 7px;*/
margin: 30px 0 7px;
font-weight: 600;
color: #464646;
}
.testimonial-section3 .thumb-title .designation {
color: #6d6d6d;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
font-style: normal;
}
.testimonial-section3 .testimonial-single-content-text p {
width: 96%;
margin: 23px 0 25px;
line-height: 1.7;
transition: .5s;
}
.testimonial-section3 .testimonial-single-icon {
position: absolute;
right: 30px;
bottom: 27px;
}
.carousel-indicators [data-bs-target] {
height: 14px;
width: 14px;
background-color: #001a37;
}
.card-img, .card-img-top {
border-top-left-radius: var(--bs-card-inner-border-radius);
border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img, .card-img-bottom, .card-img-top {
width: 100%;
}
.btn-danger {
--bs-btn-color: #fff;
--bs-btn-bg: #dc3545;
--bs-btn-border-color: #dc3545;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #bb2d3b;
--bs-btn-hover-border-color: #b02a37;
--bs-btn-focus-shadow-rgb: 225,83,97;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #b02a37;
--bs-btn-active-border-color: #a52834;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #dc3545;
--bs-btn-disabled-border-color: #dc3545;
}
.btn {
--bs-btn-padding-x: 0.75rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-family: ;
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: 400;
--bs-btn-line-height: 1.5;
--bs-btn-color: #212529;
--bs-btn-bg: transparent;
--bs-btn-border-width: 1px;
--bs-btn-border-color: transparent;
--bs-btn-border-radius: 0.375rem;
--bs-btn-hover-border-color: transparent;
--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
--bs-btn-disabled-opacity: 0.65;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
display: inline-block;
padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
font-family: var(--bs-btn-font-family);
font-size: var(--bs-btn-font-size);
font-weight: var(--bs-btn-font-weight);
line-height: var(--bs-btn-line-height);
color: var(--bs-btn-color);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
border-radius: var(--bs-btn-border-radius);
background-color: var(--bs-btn-bg);
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
footer {
background-color: #001b38;
/* background-color: #20324f; */
}
ul.list-right {
list-style: none;
padding-left: 14px;
}
.flex-shrink-0 {
flex-shrink: 0!important;
}
.copyright {
background-color: #001532;
margin: 0;
}
.copyright a {
color: #a2b8ee;
text-decoration: none;
}