html{
scroll-behavior: smooth;
}
body{
font-family: "Inter", sans-serif;
font-size: 100%;
color: #181d27;
}
.img-responsive{max-width:100%;}
.tb-100{
padding-top:100px;
padding-bottom:100px;
}
.tb-equal{
padding:80px 0px;
}
.tb-equal-half{
padding:60px 0px;
}
.pt-half{padding-top:40px;}
.bg-contain{background-size:contain !important;}
.bg-cover{background-size:cover !important;}
.pt-none{padding-top:0px;}
.pb-none{padding-bottom:0px;}
.overflow-hidden{overflow:hidden;}
h1{font-size: 62px; }
h2 {
font-size: 52px;
font-weight: 600;
}
h3{font-size: 36px; font-weight: 700;}
h4{font-size: 112.5%; }
h5{font-size: 100%; }
h6{font-size: 87.5%; }
h1, h2,h3,h4,h5,h6{
font-family: "Inter", sans-serif;
}
p{
font-size: 16px;
line-height: 160%;
color: #444;
}
.h4-24 h4{font-size: 24px; font-weight: 600; color: #FF6D5A;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-80{margin-top:80px;}
.mt-10k{margin-top:100px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-80{margin-bottom:80px;}
.pb-80{padding-bottom:80px;}
.pb-50{padding-bottom:50px;}
.z-index-9{z-index:9;}
.pb-150{
padding-bottom:150px;
}
.height-full{height:100%;}
.space-10{height:10px;}
.space-20{height:20px;}
.space-30{height:30px;}
.border-radius-5{border-radius:5px;}
/** Header 1 **/
.logo-1,
.header-container{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
align-items: center;
}
.logo-txt {
font-size: 32px;
font-weight: 700;
}
.logo-txt a {
color: #ffffff;
}
.logo-dark{
display: none;
}
.nav-fixed-top .logo-dark,
.no-top-image .logo-dark{
display: block;
}
.nav-fixed-top .logo-white,
.no-top-image .logo-white{
display: none;
}
/*** #2.# HEADER ***/
.bg-light p{margin:0px; line-height:50px; font-size:13px;}
.bg-light a{color:#999; font-size:13px;}
.main-header {
width: 100%;
z-index: 2;
padding-top: 25px;
padding-bottom: 25px;
/* border-bottom: 1px solid #f5f5f5; */
box-shadow: 3px 2px 3px #f5f5f5;
}
.menu-nav {
margin: 0;
padding: 0;
}
.menu-nav li {
display: inline-block;
position: relative;
margin-left: 25px;
margin-bottom: 0;
text-transform: capitalize;
}
.menu-nav li:first-child {
margin-left: 0;
}
.menu-nav li a {
color: #3a3a3a;
padding: 0;
font-size: 105%;
line-height: 35px;
display: block;
text-transform: capitalize;
font-weight: 500;
}
/* .menu-nav li a:before {
position: absolute;
display: block;
bottom: 28px;
left: 0;
width: 0;
border-top: 1px solid #ffffff;
content: '';
-webkit-backface-visibility: hidden;
-webkit-transition: all .5s cubic-bezier(.25,1,.35,1) 0s;
-moz-transition: all .5s cubic-bezier(.25,1,.35,1) 0s;
-o-transition: all .5s cubic-bezier(.25,1,.35,1) 0s;
-ms-transition: all .5s cubic-bezier(.25,1,.35,1) 0s;
transition: all .5s cubic-bezier(.25,1,.35,1) 0s;
} */
.menu-nav li a:hover,
.menu-nav > li:hover > a,
.menu-nav > li.current-menu-item > a {
background: none;
color: #ff6657;
text-decoration: none;
}
.menu-nav > li:hover > a:before,
.menu-nav li.current-menu-item > a:before {
left: 0;
width: 100%;
border-color: #a4fdcf;
}
.menu-nav ul {
display: none;
margin: 0;
padding: 20px 15px;
width: 265px;
text-align: left;
position: absolute;
background: #f3f3f3;
z-index: 5;
}
.menu-nav ul li {
display: block;
position: relative;
background: none;
margin: 0;
font-size: 12px;
}
.menu-nav ul li > a {
display: block;
padding: 4px 30px;
color: #0e1219;
font-size: 13px;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-moz-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-o-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-ms-transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
transition: all 0.5s cubic-bezier(0.25, 1, 0.35, 1) 0s;
}
.menu-nav ul li > a:focus{
outline: none;
}
.menu-nav ul li a:hover,
.menu-nav li:hover ul li a:hover {
text-decoration: none;
color: #84223b;
/* -webkit-transform: translateX(12px);
-ms-transform: translateX(12px);
transform: translateX(12px); */
}
.menu-nav li:hover > ul {
display: block;
}
.menu-nav li ul ul {
left: 100%;
top: -28px;
margin: 0;
}
.menu-nav .edge > ul{
left: auto;
right: 0;
}
.menu-nav li ul .edge ul {
left: auto;
top: -28px;
margin: 0;
right: 100%;
}
.menu-nav li ul ul:before,
.menu-nav li ul a:before {
display: none;
}
.mega-menu .sub-menu li a img{
display:block;
}
.mega-menu .sub-menu li a {
font-size: 12px;
padding: 0px;
line-height: 35px;
border-bottom: 1px solid #ddd;
}
.mega-menu .sub-menu li:last-child a{border:none;}
/*** menu mobile ***/
.nav-button-holder {
display: none;
}
.nav-button {
background: none;
border: none;
cursor: pointer;
vertical-align: middle;
}
.icon-bar,
.icon-bar1,
.icon-bar2 {
display: block;
height: 2px;
width: 25px;
background: #FF6252;
margin-left: auto;
margin-right: auto;
position: relative;
}
.icon-bar1,
.icon-bar2 {
width: 18px;
background: #FF6252;
}
.icon-bar:before,
.icon-bar:after {
background: #FF6252;
content: "";
height: 100%;
left: 0px;
position: absolute;
bottom: -6px;
right: 0;
}
.icon-bar:after {
bottom: -12px;
top: auto;
}
.nav-button:hover .icon-bar:before,
.nav-button:hover .icon-bar:after {
left: 0;
}
.icon-bar,
.icon-bar1,
.icon-bar2,
.nav-button .icon-bar:before,
.nav-button .icon-bar:after {
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.menu-mobile {
font-size: 0;
margin: 0 auto;
margin-left: 0;
padding-left: 0px;
}
.menu-mobile li {
padding: 10px;
list-style: none;
margin-top: 20px;
text-transform: capitalize;
background: #ffd4d0;
border-radius: 10px;
}
.menu-mobile li a {
color: #3a3a3a;
display: block;
line-height: 30px;
font-size: 18px;
}
.menu-mobile li a:hover,
.menu-mobile li a:focus {
background: none;
}
.menu-mobile li:hover>a,
.menu-mobile li.current-menu-item>a {
color: #ff6657;
}
li.menu-item.menu-item-has-children a {
display: grid;
grid-template-columns: 1fr 30px;
text-decoration: none;
}
.menu-mobile>li.menu-item-has-children>a:after {
content: "+";
background: #232937;
text-align: center;
font-size: 16px;
display: grid;
overflow: hidden;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
align-items: center;
justify-content: center;
}
.menu-mobile>li.menu-item-has-children.menu-open>a:after {
content: "-";
}
.menu-mobile li.menu-open a:after{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.menu-mobile ul {
margin-left: 0;
padding:0px;
}
.menu-mobile>li>ul {
display: none;
}
.menu-mobile>li.menu-open>ul {
display: block;
margin-top: 8px;
}
.menu-mobile ul li {
font-size: 12px;
padding-top: 0px;
text-transform: none;
padding-left: 10px;
display: block;
text-transform: capitalize;
font-weight: 500;
}
.menu-contact {
margin-top: 15px;
padding-left: 5px;
font-size: 14px;
color: #fff;
}
.menu-contact ul {
list-style: none;
margin-left: 0;
margin-bottom: 0;
padding:0px;
}
.menu-contact ul:first-child li i {
font-size: 16px;
margin-right: 10px;
}
.mobile-phone {
margin-top: 8px;
}
.menu-contact .social-media {
margin-top: 24px;
padding-bottom: 48px;
}
.menu-contact .social-media li a{
color: #fff;
}
header .social-media li a:hover{color:#a4fdcf;}
/*** end menu mobile ***/
/***** MODAL WINDOW ******/
body.has-active-menu {
overflow: hidden;
}
.menu-mask {
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
}
.menu-mask.is-active {
width: 100%;
height: 100%;
opacity: 0.9;
}
.mobile-menu-holder {
position: fixed;
z-index: 0;
top: 0;
overflow-x: hidden;
width: 100%;
height: 100%;
background: #fff;
opacity: 0;
padding: 0 30px;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-moz-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-o-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
-ms-transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
transition: all 0.7s cubic-bezier(0.25, 1, 0.35, 1) 0s;
padding-bottom: 30px;
}
.mobile-menu-holder.is-active {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
body.has-active-menu .mobile-menu-holder.is-active{
z-index: 99;
}
.modal-menu-container {
position: relative;
}
.exit-mobile {
cursor: pointer;
display: flex;
margin-top: 32px;
justify-content: space-between;
}
.mobile-logo img {
max-width: 100px;
}
.exit-mobile span {
color: #FF6252;
border: 1px solid #FF6252;
padding: 10px;
}
/* SLIDER */
.home-slider .owl-dots{
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.home-slider .owl-dots button{
display: block !important;
outline:none;
}
.home-slider .owl-dots button span{border-radius:0px !important;}
.slider-container {
padding-bottom: 100px;
overflow:hidden;
}
.slider-container .dottes-fix {
bottom: 0px;
position: absolute;
z-index: 0;
width: 85%;
/* left: 0; */
right: 0;
margin: auto;
}
/* .slider-item-box-bkg {
height: 100vh;
} */
.slider-img,
.slider-img-v2 {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 100%;
position: relative;
width: 100%;
}
.slider-img:before {
content: '';
background: rgba(14, 18, 25, 0.1);
top: 0;
position: absolute;
left: 0;
bottom: 0;
right: 0;
}
.slider-text {
position: relative;
margin: 0px;
}
.slider-text h1 {
margin-bottom: 15px;
font-size: 50px;
font-weight: 700;
line-height: 130%;
}
.slider-text h1 span{
color:#83223c;
}
.slider-text h4 {
font-size: 24px;
display: grid;
grid-template-columns: auto auto;
justify-content: start;
grid-gap: 7px;
align-items: center;
font-weight: 700;
}
.slider-text img {
max-width: 100px;
width: auto !important;
}
.slider-text p {
padding: 0px;
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
}
.center-fixed{
z-index: 9;
bottom: 100px;
margin: auto;
left: 0;
right: 0;
}
.green-box{
background:#00a651;
color:#fff;
font-size:14px;
font-weight:600;
letter-spacing:2px;
margin:0px auto 15px;
padding:6px 20px;
text-transform:uppercase;
display:table;
}
.home-slider .shape-Sbottom{
position:absolute;
bottom:-50px;
}
.social{padding:0px;}
.social li {
display: inline-block;
margin-right: 16px;
margin-bottom: 0;
}
.social li:last-child{margin:0px;}
.social li a {
color: #ffffff;
font-size: 28px;
}
@media (max-width: 1024px) {
/* menu */
.nav-holder {display: none;}
.nav-button-holder button{outline:none;}
.logo {flex: 1 1 auto;}
.header-social-1{margin-left: 32px; flex: 0 0 auto; }
.main-header{padding: 16px 0;}
.slider-text {width: 100%;}
}
.view-more {
background: #FF6252;
margin: 0px;
padding: 0px 24px;
color: #fff;
text-transform: capitalize;
font-size: 15px;
position: relative;
height: 50px;
border-radius: 7px;
text-decoration: none;
display: inline-grid;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.view-more:hover {
background: #212529;
color: #fff;
text-decoration: none;
}
.black-btn {
background: #3a3a3a;
margin: 0px;
padding: 0px 24px;
font-family: "Lato", sans-serif;
color: #fff;
text-transform: capitalize;
font-size: 16px;
font-weight: 500;
position: relative;
height: 50px;
text-decoration: none;
display: grid;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.black-btn:hover {
background: #1F2A44;
color: #3a3a3a;
text-decoration: none;
}
.mobile-small-menu a {
margin-top: 20px;
width: 100%;
}
.white-btn {
margin: 0px;
padding: 0px 25px;
text-transform: capitalize;
font-family: "Lato", sans-serif;
color: #3a3a3a;
font-size: 16px;
font-weight: 600;
position: relative;
height: 50px;
border-radius: 7px;
border: 2px solid #ddd;
background: none;
text-decoration: none;
display: grid;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.white-btn:hover {
background: #1F2A44;
border: 2px solid #1F2A44;
color: #fff;
text-decoration: none;
}
.cta-number{
text-align:right;
}
.cta-number small {
color: #fff;
font-size: 11px;
display: block;
text-transform: uppercase;
}
.cta-number a.tel {
color: #f6cc2c;
font-size: 21px;
font-weight: 700;
}
/* About Us */
.about-col{
padding-left:10%;
}
.abt-name h4 {
color: #;
text-transform: uppercase;
margin: 0px;
}
.abt-name p{color:#00a651;}
.title-hp.white{
color:#fff;
}
.list-style {
padding: 0px;
margin: 0;
}
.list-style li {
position: relative;
padding: 0px;
overflow: hidden;
display: grid;
grid-template-columns: 25px 1fr;
margin-bottom: 12px;
grid-gap: 12px;
color: #444;
}
.list-style li:before {
content: "";
background: url(../images/check-circle.svg)no-repeat;
}
.list-style li a{
font-weight:500;
}
.list-style.arrow-right li:hover a{
color:#ac0000;
}
.list-style li:last-child{margin:0px; padding:0px;}
.bloder-section{
padding-bottom:150px;
}
footer {
position: relative;
padding-top: 80px;
}
footer .container, footer .container-fluid{position:relative; z-index:9;}
.item-location h4 {
margin-bottom: 10px;
color: #fff;
font-weight: 400;
}
.item-location p {
color: #fff;
font-size: 16px;
font-weight: 300;
}
.list-foot {
list-style: none;
padding: 0px;
margin: 0px;
display: grid;
grid-gap: 7px;
}
.list-foot li a {
font-size: 16px;
line-height:30px;
color: #fff;
text-decoration:none;
}
.list-foot li a:hover{
color:#FF6252;
}
footer h4 {
color: #fff;
font-size: 20px;
margin-bottom: 30px;
}
.foot-li .info:last-child{
margin:0px;
}
.info{margin:0px 0px 10px;}
.info i {
color: #fff;
font-size: 16px;
margin-right: 12px;
}
.info p, .info a {
margin: 0px;
text-align: left;
}
.info p {
color: #fff;
font-weight: 400;
font-weight: 600;
}
.info a{color:#fff;}
.info a.tel{color:#fff; }
.info address{margin:0px;}
footer .social-media{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
footer .social-media a {
color: #797979;
margin-right: 7px;
background: #ffffff;
width: 35px;
height: 35px;
display: block;
border-radius: 50px;
text-align: center;
line-height: 35px;
}
footer .social-media a:last-child{
margin:0px;
}
footer p, footer small{
color: #fff;
}
.copy-text p {
font-size: 16px;
text-align: center;
color: #fff;
}
.tearm-condition{color:#fff; font-size:13px;}
.tearm-condition:hover{color:#dadada;}
.copy-write {
padding: 20px 0px;
position: relative;
z-index: 9;
margin-top: 60px;
}
/************** Internal pages css **********/
.internal-banner{
height:450px;
position:relative;
}
.internal-banner:after{
content:"";
background:#333;
opacity:0.7;
margin:0px;
padding:0px;
width:100%;
height:100%;
position:absolute;
top:0px;
}
.internal-banner .container{
position:relative;
z-index:1;
}
.internal-banner [class*="col-"] {
margin: auto 0px 0;
padding-bottom: 7%;
}
.internal-banner .container, .internal-banner .row{height:100%;}
.internal-banner h2{
color:#fff;
font-size:35px;
text-transform:capitalize;
letter-spacing:1px;
}
.internal-banner p{
color:#fff;
font-size:14px;
text-transform:capitalize;
letter-spacing:0px;
margin:10px 0px 10px;
}
.internal-banner ol.breadcrumb {
background: none;
margin: 0;
text-align: center;
padding: 0;
justify-content: center;
}
.internal-banner ol.breadcrumb li, .internal-banner ol.breadcrumb li a{
color:#fff;
font-size:15px;
}
.internal-banner ol.breadcrumb li.active a{
color:#a4fdcf;
}
.breadcrumb-item+.breadcrumb-item::before{
color:#fff;
content:\f054;
}
.list-location li {
font-size: 15px;
margin-bottom: 10px;
text-transform: capitalize;
}
.list-location li strong{position:relative;}
/* .list-location li strong:after{
content:"";
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:1px;
background:#ddd;
} */
.list-location li:last-child{margin-bottom:0px;}
.list-items{
margin-bottom:15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.list-items div {
-webkit-flex: 0 0 42px;
-ms-flex: 0 0 42px;
flex: 0 0 42px;
padding: 10px;
background: #d2e6fa;
height: 42px;
margin-right:15px;
}
.list-items p{margin:0px;}
/*.form-position .row input[type=text], .form-position .row input[type=tel], .form-position .row input[type=email]{
margin-bottom: 15px;
background: #fff;
border: 0px solid #eee;
border-radius: 0px;
font-size: 13px;
height: 42px;
text-transform: capitalize;
}
.form-position .row textarea{
margin-bottom: 15px;
background: #fff;
border: 0px solid #eee;
border-radius: 0px;
font-size: 13px;
height: 80px;
text-transform: capitalize;
}
.form-position .row input[type=submit] {
background: #00f260;
border: 0px;
border-radius: 0px;
font-weight: 600;
height: 80px;
text-transform: uppercase;
color: #fff;
font-size: 15px;
}
.form-position .row input[type=submit]:hover {
background:#fff;
color:#00f260;
}*/
.none-effect{
position: static;
padding: 0;
transform: inherit;
}
.black-after:before{
content:"";
background:#333;
opacity:0.6;
top:0px;
left:0px;
position:absolute;
width:100%;
height:100%;
}
.black-after .container{
position:relative;
z-index:1;
}
.dark-after:after{
content:"";
background:#333;
opacity:0.9;
top:0px;
left:0px;
position:absolute;
width:100%;
height:100%;
}
.dark-after .container{
position:relative;
z-index:1;
}
.scp-position .row input[type=text], .scp-position .row input[type=tel], .scp-position .row input[type=email]{
margin-bottom: 15px;
background: #fff;
border: 0px solid #eee;
border-radius: 0px;
font-size: 13px;
height: 42px;
text-transform: capitalize;
}
.scp-position .row textarea{
margin-bottom: 15px;
background: #fff;
border: 0px solid #eee;
border-radius: 0px;
font-size: 13px;
height: 80px;
text-transform: capitalize;
}
.scp-position .row input[type=submit] {
border: none;
text-transform: uppercase;
padding: 0 35px;
height: 55px;
}
.abt-box{
padding:0px 30px;
}
.abt-box p{
color:#666;
}
.popular-items:hover div span{color:#ca2751;}
.popular-items figure{position:relative;}
.popular-items .show-Inhover{
position:absolute;
left:0px;
top:20px;
display:none;
}
.popular-items .show-Inhover span {
display: block;
color: #fff !important;
padding: 5px 10px;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 5px;
}
.popular-items:hover .show-Inhover{
display:block;
}
.foot-cener{color:#fff; text-transform:uppercase; letter-spacing:2px; font-size:13px;}
.foot-cener a{color:#fff;}
/* .subscribe input[type=text]{
border:none;
background:none;
width:100%;
height:45px;
outline:none;
font-size:14px;
color:#fff;
letter-spacing:1px;
border-bottom:2px solid #bf9f7359;
}
.subscribe input[type=text]::foucs{
border:none;
outline:none;
}
.subscribe input[type=text]::placeholder{
color:#fff;
}
.subscribe input[type=submit] {
position: absolute;
right: 8px;
background: none;
border: none;
color: #84223b;
font-size: 14px;
top: 17px;
}
.subscribeT h1{
color: #84223b;
margin:0px;
}
.subscribeT p{
color: #84223b;
letter-spacing:3px;
font-size:14px;
text-transform:uppercase;
} */
.breadcrumb {
background: none;
padding: 20px 0px 80px;
}
.breadcrumb li.active{color:#fff; ont-size:14px;}
.breadcrumb li a{
color:#fff;
opacity:0.5;
font-size:14px;
}
.inTextB{
background:#fff;
padding-top:40px;
}
.inTextB h1{}
.inTextB h5 {
letter-spacing: 3px;
color: #999;
font-size: 13px;
}
.inTextB p {
margin: auto;
width: 70%;
color: #444;
margin-top: 20px;
}
.product-items .popular-items{
margin-bottom:60px;
}
.product-internal .container{
padding:0px 80px;
}
.cta-special{
padding:40px;
}
.cta-special h1{color:#84223b; margin:0px;}
.cta-special p{color:#fff; margin:0px; text-transform:uppercase; letter-spacing:2px; font-size:14px; font-weight:500;}
.cta-special:after{
content:"";
width:100%;
height:100%;
background:#000;
left:0px;
top:0px;
position:absolute;
opacity:0.5;
}
.cta-special #countdown ul{margin:0px;}
.cta-special #countdown li{
color:#fff;
}
.after-bgTP:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 382px;
background: url(../images/internal-bg.jpeg)no-repeat center top;
background-size:cover;
z-index: -1;
}
.after-bgTP:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 382px;
opacity:0.5;
background: #342c27;
}
.after-bgTP .container{z-index:9; position:relative;}
.pink-smbtn {
background: #ca2751;
color: #fff;
letter-spacing: 3px;
padding: 5px 10px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
margin-right: 10px;
}
.span-first span:first-child{
margin-right:15px;
}
.select-extras select{
width:100%;
height:45px;
font-size:14px;
border:1px solid #84223b;
border-radius:2px;
margin-bottom:15px;
padding:0px 15px;
text-transform:uppercase;
outline:none;
background:#fff url(../images/golDarroW.png)no-repeat right 10px center;
background-size:18px;
-webkit-appearance:none;
}
.addto-btn{
background: #212529;
border: 0px;
border-radius: 0px;
font-weight: 500;
text-transform: capitalize;
color: #fff;
font-size: 13px;
line-height: 45px;
display: inline-block;
padding: 0px 25px;
}
.addto-btn:hover {
background: #84223b;
color: #fff;
text-decoration: none;
}
.detail-boxTB{
border:1px solid #ddd;
}
.detail-boxTB li button {
outline: none;
cursor: pointer;
background: none;
border-radius: 0 !important;
line-height: 55px;
padding: 0px 20px;
font-size: 16px;
border-top: 0px !important;
}
.detail-boxTB li button.active{
color:#84223b !important;
}
/* .detail-boxTB li:last-child button {
border:none;
} */
.grey-box{
padding:30px 30px 20px;
background:#ececec;
}
.grey-box ul {
list-style: none;
margin: 0px;
padding: 0;
}
.grey-box li {
margin-bottom: 15px;
list-style: none;
-webkit-flex: 0 0 16.666%;
-ms-flex: 0 0 16.666%;
flex: 0 0 16.666%;
font-size: 16px;
}
.detail-Fullbx{
border:1px solid #ddd;
}
.perfecD{
padding:60px 25px;
}
.points h5 {
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
margin-bottom:20px;
}
.points p{
font-size:13px;
}
.assemblyT h4{
text-transform: uppercase;
font-weight: 600;
font-size:16px;
margin-bottom:20px;
}
.review-box{
background: #f9f9f9;
padding: 20px;
width: 19%;
}
.review-box h4{
font-weight: 600;
font-size:16px;
margin-bottom:20px;
}
.stars i {
background: green;
color: #fff;
font-size: 9px;
width: 14px;
height: 14px;
line-height: 14px;
text-align: center;
margin-right: 2px;
}
.TP-section{
background:#fff; padding: 40px 40px 0;
}
.support p, .support a {
font-size: 14px;
margin: 0px;
color:#444;
text-align: left;
}
.support p strong {
color: #00f260;
font-weight: 400;
}
.support-form input[type=text], .support-form input[type=tel], .support-form input[type=email] {
margin-bottom: 15px;
border: none;
border-radius: 0px;
background: #ececec;
height: 45px;
font-size: 14px;
padding:0px 15px;
}
.support-form textarea{
margin-bottom: 25px;
border: none;
border-radius: 0px;
background: #ececec;
height: 100px;
font-size: 14px;
padding:20px 15px;
}
.support-form input[type=submit]{
border: none;
border-radius: 0px;
background: #84223b;
color:#fff;
height: 45px;
font-size: 14px;
cursor:pointer;
padding:0px 15px;
}
.support-form input[type=submit]:hover{
background:#222;
}
.sidebar-filter{
background:#212529;
padding:30px 5px;
border-radius:0px;
}
.sidebar-filter .card {
background: none;
border: none;
}
.sidebar-filter .card-header {
background: none;
border: none;
padding: 5px 19px;
}
.sidebar-filter .card-header h5 button {
color: #fff;
text-decoration: none;
font-weight: 600;
font-size: 13px;
text-transform: uppercase;
padding: 0;
width: 100%;
text-align: left;
position:relative;
}
.sidebar-filter .collapse{
color:#fff;
}
.sidebar-filter .card-body{padding-top:10px;}
.sidebar-filter .card-header h5 button.collapsed:after {
content: "";
width: 24px;
height: 24px;
background: url(../images/golDarroW.png)no-repeat center;
position: absolute;
right: 0px;
background-size: 24px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sidebar-filter .card-header h5 button:after{
content: "";
width: 24px;
height: 24px;
background: url(../images/golDarroW.png)no-repeat center;
position: absolute;
right: 0px;
background-size: 24px;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.col-fourB{margin-bottom:30px;}
.col-fourB h1{margin-bottom:30px;}
.col-fourB strong{
margin-bottom:15px;
}
.gold-circle div{
padding-left:35px;
position:relative;
}
.gold-circle div:after {
content: "";
width: 20px;
height: 20px;
border-radius: 50px;
border: 2px solid #84223b;
position: absolute;
left: 0;
top: 0;
}
.social-head{margin-right:30px;}
.social-head a{
margin-right:10px;
}
.social-head a img{width:38px;}
.video-box img{border-radius:5px 5px 5px 50px;}
.fquoteF input[type=text], .fquoteF input[type=tel], .fquoteF input[type=email]{
width:100%;
height:50px;
margin-bottom:15px;
padding:0px 15px;
background:#e8e7e6;
border:none;
outline:none;
border-radius:0px;
}
.fquoteF textarea{
width:100%;
height:120px;
margin-bottom:15px;
padding:10px 15px;
background:#e8e7e6;
border:none;
outline:none;
border-radius:0px;
}
.fquoteF input[type=submit]{
border:none;
outline:none;
cursor:pointer;
margin-top:30px;
padding:0px 35px;
height:55px;
}
.social li{
margin-right:10px;
}
.social li:last-child{margin:0px;}
.internaL-banner {
height: 450px;
padding-top: 10%;
position:relative;
}
.internaL-banner .container{
position:absolute;
top:45%;
left:0px;
right:0px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.iNpage-banner h1 {
color: #fff;
font-weight: 600;
letter-spacing: 1px;
text-shadow: 0px 1px 1px #84223b;
}
.iNpage-banner .breadcrumb{
padding:0px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.procesSin{
padding-bottom:150px;
}
.seCta.inPg{
margin-bottom:80px;
}
.seCta.inPg .container {
position: absolute;
left: 0;
right: 0;
top: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.blogGer{
display:block;
}
.blogGer h4{
color:#444;
font-weight:600;
margin:0px;
}
.blogGer .date{
color:#84223b;
margin-bottom:15px;
font-weight:500;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.blogGer .date img{
width:16px;
margin-right:5px;
}
.blogGer p{
color:#444;
}
.blogGer:hover h4, .blogGer:hover p, .blogGer:hover .date{
text-decoration:none !important;
}
.experience{
padding:150px 0px;
}
.experience .watch-video h2{
color:#fff;
text-transform:uppercase;
}
.experience .watch-video p{
font-weight: 600;
color: #84223b;
margin: 0;
font-size: 12px;
}
.experience .popup-video {
z-index: auto;
background: #84223bd6;
border-radius: 50%;
width:120px;
height:120px;
}
.experience .popup-video:hover {
width: 150px;
height:150px;
}
.blog-iteM{
margin-bottom:30px;
background:#f1f1f1;
}
.bloGT{
padding-right:30px;
}
.bloGT h4{
font-weight:600;
}
.bloGT hr {
width: 82%;
margin: 0px;
}
.go-now a {
width: 40px;
height: 40px;
background: #434343;
border-radius: 50px;
margin-left: 15px;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 8px;
text-decoration:none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.bloGT:hover .go-now a{
background:#84223b;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.blog-iteM .bAfterh{
overflow:hidden;
}
.blog-iteM .bAfterh img{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.blog-iteM:hover .bAfterh img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.pbDte p{margin-bottom:0px; font-size:13px; font-weight:500;}
.pbDte p:first-child{margin-right:15px; color:#84223b; text-transform:uppercase;}
.text-btn {
font-weight: 600;
letter-spacing: 3px;
color: #84223b;
margin: 0;
font-size: 12px;
text-transform: uppercase;
}
.article-post div figure {
-webkit-flex: 0 0 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
margin: 0;
margin-right: 15px;
}
.article-post div a{
font-weight:600;
display: block;
color:#282828;
}
.article-post div a img{
border-radius:10px;
}
.article-post div date {
font-weight: 400;
font-size: 13px;
}
.article-post div date span{color:#84223b;}
.mbthree0{margin-bottom:20px;}
.article-post figure{margin-right:15px;}
.list-categories{padding:0px;}
.list-categories li {
position: relative;
padding: 0px;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
padding-bottom: 5px;
}
.list-categories li a{
color:#444;
}
.list-categories li:before {
content: "";
background: url(../images/arRowi.svg)no-repeat;
background-size: 16px;
width: 16px;
height: 16px;
margin-right: 8px;
}
.list-categories li a{
font-weight:500;
text-decoration:none;
}
.list-categories li:last-child{margin:0px; padding:0px;}
.bSidebar h3{
font-weight:700;
font-size:24px;
margin-bottom:15px;
margin-top:30px;
}
.bSidebar h3:first-child{margin-top:0px;}
.bSidebar ul li:before{
opacity:0.5;
filter: gray; /* IE */
-webkit-filter: grayscale(1); /* Old WebKit */
-webkit-filter: grayscale(100%); /* New WebKit */
filter: url(resources.svg#desaturate); /* older Firefox */
filter: grayscale(100%); /* Current draft standard */
}
.bSidebar ul li:hover:before{
opacity:1;
filter: none; /* IE */
-webkit-filter: grayscale(0); /* Old WebKit */
-webkit-filter: grayscale(0%); /* New WebKit */
filter: url(resources.svg#desaturate); /* older Firefox */
filter: grayscale(0%); /* Current draft standard */
}
.NP-btn{
border-top:3px solid #84223b3d;
padding-top:15px;
}
.NP-btn a{
color:#333;
text-transform:uppercase;
font-size:18px;
font-weight:600;
}
.contentAfter{
padding-left:70px;
position:relative;
}
.contentAfter p:first-child strong{font-weight:600; color:#333;}
.contentAfter:after{
content:"";
width:40px;
height:40px;
position:absolute;
top:0px;
left:0px;
background:#f1bebe;
}
.aftrH-black:after{
content:"";
opacity:;
width:100%;
height:100%;
left:0px;
position:absolute;
background: rgb(40,40,40);
background: -moz-linear-gradient(90deg, rgba(40,40,40,0) 50%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(40,40,40,0) 50%, rgba(0,0,0,1) 100%);
background: linear-gradient(90deg, rgba(40,40,40,0) 50%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#282828",endColorstr="#000000",GradientType=1);
}
.aftrH-black h3, .aftrH-black div{z-index:1;}
.theme-black input[type=text], .theme-black input[type=tel], .theme-black input[type=email], .theme-black textarea{
background:#212529e0;
color:#fff;
padding-left:25px;
font-size:14px;
}
.theme-black input[type=text]::placeholder, .theme-black input[type=tel]::placeholder, .theme-black input[type=email]::placeholder, .theme-black textarea::placeholder{
color:#fff;
}
.prodtlist h3{
font-weight:600;
text-transform:uppercase;
letter-spacing:4px;
position:relative;
padding:20px 0px;
z-index:1;
}
.prodtlist h3:after{
content:"";
width:40%;
height:100%;
background:#f1bebe;
position:absolute;
z-index:-1;
left:-15px;
top:0px;
}
.prodtlist ul{
list-style:none;
padding:0px;
margin-top:40px;
}
.prodtlist ul li a{
line-height:50px;
color:#444;
font-weight:600;
display:block;
text-decoration:none;
border-bottom:1px solid #ddd;
}
.prodtlist ul li a:hover{
color:#84223b;
}
.prodtlist ul li:last-child a{border:none;}
.ht-purple h3{
color: #84223b;
font-weight:600;
}
p:last-child{margin:0px;}
.information {
text-align: center;
background: #fff;
padding: 40px;
height: 100%;
}
.information p {
color: #84223b;
text-transform: uppercase;
letter-spacing: 4px;
font-weight: 600;
font-size: 16px;
position: relative;
z-index: 9;
}
.information p:after {
content: "";
width: 50px;
height: 50px;
left: 0px;
right: 0px;
bottom: -9px;
margin: auto;
border: 3px solid #ddd;
position: absolute;
z-index: -1;
}
.information.white p:after{
border: 3px solid #222;
}
.information a{
color:#444;
}
.information.white p, .information.white a{
color:#fff;
}
.gauto-2{
display: grid;
grid-template-columns: auto auto;
grid-gap: 15px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.white-btn.icon {
display: flex;
align-items: center;
justify-items: center;
}
.white-btn.icon i{
font-size: 16px;
color: #7C776D;
}
.white-btn.icon:hover i{
color: #fff;
}
.btn-set {
display: grid;
grid-template-columns: auto auto;
grid-gap: 15px;
justify-content: start;
margin-top: 25px;
}
.dots-repeat{
width: 141px;
height: 141px;
top: 0;
position: absolute;
right: -35px;
z-index: -2;
}
.dark-slogo {
background: #3a3a3a;
padding: 60px;
position: absolute;
left: -50px;
top: 50%;
}
.dark-slogo-small {
background: #3a3a3a88;
padding: 40px;
position: absolute;
right: 50px;
bottom: 50px;
}
.dark-slogo-small img{
max-width: 60px;
}
.min-height-700{
min-height: 700px;
}
.alltuchtopdown {
-webkit-animation: alltuchtopdown 2s ease-in-out 0s infinite alternate;
animation: alltuchtopdown 2s ease-in-out 0s infinite alternate;
animation-duration: 3s;
}
@keyframes alltuchtopdown {
0% {
-webkit-transform: rotateX(0deg) translateY(0px);
-moz-transform: rotateX(0deg) translateY(0px);
-ms-transform: rotateX(0deg) translateY(0px);
-o-transform: rotateX(0deg) translateY(0px);
transform: rotateX(0deg) translateY(0px);
}
50% {
-webkit-transform: rotateX(0deg) translateY(-20px);
-moz-transform: rotateX(0deg) translateY(-20px);
-ms-transform: rotateX(0deg) translateY(-20px);
-o-transform: rotateX(0deg) translateY(-20px);
transform: rotateX(0deg) translateY(-20px);
}
100% {
-webkit-transform: rotateX(0deg) translateY(0px);
-moz-transform: rotateX(0deg) translateY(0px);
-ms-transform: rotateX(0deg) translateY(0px);
-o-transform: rotateX(0deg) translateY(0px);
transform: rotateX(0deg) translateY(0px);
}
}
@-webkit-keyframes alltuchtopdown {
0% {
-webkit-transform: rotateX(0deg) translateY(0px);
-moz-transform: rotateX(0deg) translateY(0px);
-ms-transform: rotateX(0deg) translateY(0px);
-o-transform: rotateX(0deg) translateY(0px);
transform: rotateX(0deg) translateY(0px);
}
50% {
-webkit-transform: rotateX(0deg) translateY(-20px);
-moz-transform: rotateX(0deg) translateY(-20px);
-ms-transform: rotateX(0deg) translateY(-20px);
-o-transform: rotateX(0deg) translateY(-20px);
transform: rotateX(0deg) translateY(-20px);
}
100% {
-webkit-transform: rotateX(0deg) translateY(0px);
-moz-transform: rotateX(0deg) translateY(0px);
-ms-transform: rotateX(0deg) translateY(0px);
-o-transform: rotateX(0deg) translateY(0px);
transform: rotateX(0deg) translateY(0px);
}
}
.service-box{
position: relative;
}
.service-box div {
position: absolute;
bottom: 0px;
left: 0px;
padding: 30px 30px;
width: 100%;
background: #3a3a3a88;
}
.service-box div h4 {
font-size: 28px;
color: #fff;
margin-bottom: 0px;
font-weight: 600;
}
.service-box div a {
color: #252525;
font-weight: 600;
font-size: 28px;
text-decoration: underline;
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: underline;
}
.go-links:after {
content: "\f090";
font-family: 'FontAwesome';
font-size: 20px;
}
.service-box div a:hover{
color: #fff;
}
.for-grid{
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.wrap-container figure {
margin: 0px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.wrap-container figure img {
max-width: 320px;
}
.clienttext .foot .face {
position: absolute;
max-width: 100px;
right: -90px;
bottom: -82px;
border-radius: 50%;
outline: 8px solid #e5e5e5;
}
.get-content{
padding: 60px 40px;
}
.get-content h2{
margin-bottom: 15px;
}
.get-form{
padding: 60px 40px;
}
.get-form h2{
color: #fff;
}
.list-dots {
padding-left: 18px;
display: grid;
grid-gap: 15px;
margin: 0;
}
.list-dots li {
position: relative;
padding: 0px;
}
.blog-items{
text-decoration: none;
color: #3a3a3a;
}
.blog-items:hover{
color: #7C776D;
}
.short-p{
font-size: 16px;
color: #fff;
max-width: 90%;
}
.item-newsletter {
display: grid;
position: relative;
align-items: center;
}
.item-newsletter input[type=text]{
border-radius: 0px;
height: 55px;
font-size: 14px;
background: #fff;
border: none;
border-radius: 8px;
}
.item-newsletter input[type=submit] {
height: 46px;
background: #FF6D5A;
font-size: 14px;
border: none;
color: #fff;
cursor: pointer;
border-radius: 8px;
position: absolute;
right: 6px;
width: auto;
}
/**** New Css ****/
.counter-numz{
display: grid;
grid-template-columns: 84px 1fr;
grid-gap: 15px;
}
.counter-numz figure {
background: #FFF6F5;
margin: 0;
height: 84px;
display: grid;
justify-content: center;
align-items: center;
}
.counter-numz div h2 {
color: #181d27;
font-weight: 700;
margin: 0;
}
.counter-numz div p {
color: #535862;
font-weight: 500;
font-size: 18px;
}
.subtitle4 h4{
color: #FF6D5A;
}
.text-formate h3{
color: #1F2A44;
}
.fix-backspace:after {
content: "";
background: hsla(6, 100%, 91%, 1);
background: linear-gradient(90deg, hsla(6, 100%, 91%, 1) 0%, hsla(7, 75%, 75%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(6, 100%, 91%, 1) 0%, hsla(7, 75%, 75%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(6, 100%, 91%, 1) 0%, hsla(7, 75%, 75%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#FFD5D0", endColorstr="#EF9A8F", GradientType=1 );
width: 100%;
height: 100%;
position: absolute;
left: -30px;
top: -30px;
z-index: -1;
border-radius: 15px;
-webkit-animation: alltuchtopdown 2s ease-in-out 0s infinite alternate;
animation: alltuchtopdown 2s ease-in-out 0s infinite alternate;
animation-duration: 3s;
}
.fix-backspace img{
border-radius: 15px;
}
.popup-video {
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
background: #fff;
display: grid;
align-items: center;
justify-items: center;
color: #3a3a3a;
border-radius: 50px;
font-size: 22px;
height: 80px;
width: 80px;
position: absolute;
text-indent: 5px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.popup-video:hover{
color: #3a3a3a;
text-decoration: none;
}
.h1-7b h1{
font-weight: 700;
color: #;
}
.sidebar {
background: #1F2A44;
height: 100%;
padding-top: 25px;
}
.discover {
display: grid;
list-style: none;
padding: 30px;
}
.discover li button {
background: none;
padding: 12px 20px;
border: none;
font-family: "Inter", sans-serif;
font-size: 18px;
letter-spacing: -0.2px;
color: #fff;
outline: none;
width: 100%;
text-align: left;
border-radius: 5px;
cursor: pointer;
display: grid;
grid-template-columns: 24px 1fr;
grid-gap: 10px;
}
.discover li button.active{
background: #FF6D5A;
}
.sidebar img{
margin: auto;
display: block;
left: 0;
right: 0;
}
.grid-item-4 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.tech-item {
padding: 20px 25px;
border: 2px solid #d5d7da;
border-radius: 15px;
display: grid;
justify-items: start;
align-content: center;
grid-row-gap: 10px;
}
.tech-item h4{
font-weight: 700;
font-size: 20px;
}
.tech-item span {
background: #FFF6F5;
padding: 15px;
border-radius: 10px;
margin-bottom: 10px;
}
.tech-item span img {
max-width: 32px;
}
/*.client-review .client-items {
display: grid;
grid-template-columns: 30% 1fr;
grid-gap: 80px;
align-items: center;
}*/
.clienttext i{
font-size: 30px;
}
.clienttext h3 {
font-size: 30px;
font-weight: 600;
margin-bottom: 15px;
}
.clienttext p{
font-size:16px;
max-width: 90%;
}
.client-review .owl-dots button{
outline: none;
}
.client-review .owl-dots button span{background: #ff665759 !important; width: 7px !important; height: 7px !important; margin: 5px 4px !important;}
.client-review .owl-dots button.active span{background: #ff6657 !important; width: 10px !important; height: 10px !important;}
.custom-style{
display: grid;
grid-row-gap: 20px;
}
.custom-style .card {
border: none;
background: #fff;
border-radius: 0;
box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgb(50 50 93 / 5%) 0px 70px 40px -65px, rgb(0 0 0 / 5%) 0px 50px 100px -20px;
padding: 30px;
display: grid;
/*grid-row-gap: 15px;*/
}
.custom-style .card-header {
border: none;
background: none;
padding: 0px;
}
.custom-style .card-header h2 button {
color: #181d27;
padding: 0;
font-weight: 600;
font-size: 20px;
text-decoration: none;
display: grid;
grid-template-columns: 1fr 50px;
-ms-flex-align: center;
align-items: center;
white-space: normal;
}
.custom-style .card-header h2 button:after {
content: "+";
width: 50px;
height: 50px;
border: 1px solid #1F2A44;
border-radius: 50px;
display: grid;
justify-content: center;
align-items: center;
}
.custom-style .card-header h2 button[aria-expanded="true"]:after{
content: "-";
}
.custom-style .card-body {
padding: 0px;
color: #444;
padding-top: 10px;
max-width: 80%;
}
.medium-size h4 {
font-size: 24px;
}
.medium-size p {
font-size: 20px;
line-height: 1.5;
}
.img-shadow img{
border-radius: 15px;
box-shadow: 0px 0px 10px #ddd;
}
.pricing-nav {
background: #e9eaeb;
justify-content: center;
width: max-content;
padding: 10px 13px;
border-radius: 50px;
margin: auto;
}
.pricing-nav button {
border: none !important;
background: none;
border-radius: 50px !important;
height: 45px;
color: #444 !important;
font-weight: 500;
padding-left: 25px;
padding-right: 25px;
outline: none;
cursor: pointer;
}
.pricing-nav button.active{
background: #fff !important;
}
.price-gridbox {
position: relative;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
align-items: center;
}
.table-price {
padding: 30px;
border: 2px solid #ddd;
border-radius: 15px;
}
.table-price h4 {
font-size: 26px;
font-weight: 600;
color: #414651;
margin-bottom: 15px;
}
.table-price.active h4 {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
grid-gap: 10px;
}
.table-price.active h4 span {
font-size: 13px;
font-weight: 600;
color: #ff6657;
background: #FFEBE2;
padding: 10px 20px;
border-radius: 50px;
}
.table-price h3 {
font-size: 45px;
display: grid;
grid-template-columns: auto auto auto;
justify-content: start;
grid-gap: 3px;
color: #414651;
}
.table-price h3 span {
color: #414651;
font-weight: 300;
font-size: 18px;
}
.table-price h3 small {
color: #666;
font-weight: 400;
font-size: 12px;
margin-top: auto;
}
.table-price h5{
color: #3a3a3a;
}
.table-price h5 span{
color: #FE6857;
}
.table-price p.sub {
font-size: 18px;
margin-top: 10px;
display: block;
}
.table-price p{
font-size: 16px;
}
.table-price small:last-child {
color: #444;
}
.table-price small a{
text-decoration: underline;
color: #444;
}
.table-price ul {
padding: 15px 0px;
list-style: none;
display: grid;
grid-row-gap: 7px;
margin: 0;
}
.table-price ul li{
display: grid;
grid-template-columns: 16px 1fr;
grid-gap: 10px;
color: #444;
}
.table-price ul li:before {
content: "";
background: url(../images/check.svg)no-repeat 0px 7px;
background-size: 14px;
}
.table-price .white-btn {
background: #e9eaeb;
border: none;
border-radius: 50px;
}
.table-price .white-btn:hover{
background: #2a2a2a;
}
.table-price .view-more {
border: none;
border-radius: 50px;
width: 100%;
}
.contact-form input[type=text], .contact-form input[type=tel], .contact-form input[type=email], .contact-form select{
border: 1px solid #CBD4E1;
background: #f5f5f5;
height: 55px;
margin-bottom: 15px;
border-radius: 6px;
font-size: 14px;
padding: 0px 20px;
}
.contact-form textarea{
border: 1px solid #CBD4E1;
background: #f5f5f5;
height: 100px;
margin-bottom: 25px;
border-radius: 10px;
font-size: 14px;
}
.contact-form .checkbox{
margin-bottom: 15px;
color: #444;
}
.contact-form .checkbox a{
color: #FF6D5A;
text-decoration: underline;
}
.contact-form input[type=submit]{
border:none;
padding:0px 35px;
height:50px;
}
.search-filter {
position: absolute;
right: 0;
top: -120px;
z-index: 9;
}
.search-filter input[type=text] {
width: 100%;
min-width: 300px;
font-size: 15px;
height: 50px;
border-radius: 7px;
background: #fff url(../images/search-i.png)no-repeat center left 10px;
padding-left: 32px;
background-size: 15px;
}
/*.search-filter input[type=submit] {
background: none;
border: none;
position: absolute;
right: 10px;
width: 30px;
height: 30px;
top: 7px;
}*/
.blog-items .blog-content{
padding: 20px 10px;
}
.blog-items .blog-content h4 {
color: #FF6D5A;
font-size: 20px;
font-weight: 600;
}
.blog-items .foot-blog {
display: grid;
grid-template-columns: auto auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.blog-items .foot-blog div.name-style {
display: grid;
grid-template-columns: 64px 1fr;
grid-gap: 15px;
justify-content: center;
align-content: center;
justify-items: center;
align-items: baseline;
}
.name-style img{
border-radius: 50px;
}
.name-style figure{
margin: 0px;
}
.name-style h5 {
font-weight: 600;
font-size: 18px;
margin: 0;
}
.name-style small {
color: #ababab;
}
.foot-blog a.view-more {
background: none;
color: #3a3a3a;
border: 1px solid #FF6252;
padding: 0px 15px;
height: 45px;
line-height: normal;
}
.pricing-nav.change {
padding: 0;
background: none;
border: none;
margin: 0;
-ms-flex-pack: distribute;
justify-content: start;
width: auto;
}
.pricing-nav.change button.active{
background: #FF6252 !important;
color: #fff !important;
}
.sidebar-blog h3{
font-size: 28px;
}
.left-blog-txt h3 {
color: #FF6D5A;
font-size: 28px;
margin-bottom: 20px;
}
.pointer{
margin-bottom: 25px;
}
.pointer h4 {
font-weight: 600;
font-size: 24px;
margin-bottom: 15px;
}
.pointer dl {
display: grid;
grid-template-columns: 15% 1fr;
grid-gap: 15px;
margin: 0px;
}
.pointer dt {
font-size: 18px;
}
.nt-prev {
display: grid;
grid-template-columns: auto auto;
grid-gap: 15px;
justify-content: start;
}
.nt-prev a {
background: #d4d4d4;
width: 50px;
height: 50px;
display: grid;
justify-content: center;
align-items: center;
font-size: 22px;
color: #2a2a2a;
border-radius: 6px;
text-decoration: none;
}
.nt-prev a:hover{
background: #FF6D5A;
color: #fff;
}
.bg-gradient{
background: linear-gradient(to top,
rgba(255,218,214,1) 0%,rgba(255,218,214,0.51) 30%,
rgba(255,255,255,1) 100%);
}
.img-height .tab-pane img{
max-height: 530px;
object-fit: cover;
}
.table-sidebar h3 {
font-weight: 700;
font-size: 26px;
border-bottom: 1px dotted #ddd;
padding-bottom: 15px;
margin-bottom: 35px;
display: table;
position: relative;
}
.table-sidebar h3:after {
content: "";
width: 40%;
height: 3px;
position: absolute;
background: #ff6657;
bottom: -2px;
left: 0;
}
.oneffect section{
padding-top: 40px;
}
.oneffect section:first-child{
padding: 0px;
}
.oneffect #part-1 h3 {
margin-top: 0;
}
.text-formate h3 {
color: #1F2A44;
font-size: 28px;
margin-bottom: 15px;
}
.text-formate h4 {
font-weight: 600;
font-size: 22px;
margin-top: 25px;
color: #3a3a3a;
letter-spacing: -0.5px;
}
.table-sidebar ul#pills-tab {
display: grid;
grid-row-gap: 5px;
}
.table-sidebar ul li button {
background: #ececec;
border: none;
padding: 10px 30px;
font-size: 18px;
color: #3a3a3a;
border-radius: 8px !important;
text-align: left;
outline: none;
cursor: pointer;
width: 100%;
}
.table-sidebar ul li button.active{
background: #FF6252 !important;
color: #fff;
}
.privacy-text p {
font-size: 16px;
letter-spacing: -0.2px;
}
.privacy-text p strong{
font-weight: 600;
}
.text-steps{
position: relative;
}
.text-steps small {
color: #444;
font-size: 14px;
}
.text-steps h4 {
font-size: 20px;
color: #ff6657;
margin-top: 10px;
}
.arc:after {
content: "";
background: url(../images/arc.svg)no-repeat;
width: 197px;
height: 26px;
position: absolute;
right: -55%;
top: 60px;
}
.steps-col .col-lg-3:nth-child(2n) .arc:after{
background: url(../images/arc2.svg)no-repeat;
height: 31px;
}
.features-items{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.features-items .text-steps {
padding: 30px;
border: 1px solid #f5f5f5;
border-radius: 10px;
box-shadow: 0px 1px 3px #0A0D1210;
min-height: 200px;
}
.features-items .text-steps h4 {
color: #2a2a2a;
font-weight: 700;
}
.discover.dark button.active {
background: #fff;
color: #1F2A44;
font-weight: 500;
}
.discover.dark button.active img {
filter: invert(50%) sepia(50%) saturate(5268%) hue-rotate(245deg) brightness(0%) contrast(50%);
}
.sidefix.fixed {
position: fixed;
top: 0;
padding-top: 40px;
}
.sidefix {
width: 300px;
}
#content {
max-width: 84%;
margin-left: auto;
}
.grid-content{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.grid-content .oneffect {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
padding-right: 40px;
}
.grid-content .sidefix {
-webkit-flex: 0 0 20px;
-ms-flex: 0 0 20px;
flex: 0 0 22%;
background: #f1f1f1;
padding: 30px 15px;
border-radius: 10px;
}
.left-sidebar, .right-sidebar {
position: sticky;
align-self: flex-start;
transition: top 0.1s ease-in-out;
}
.sticky {
position: fixed;
top: 50px;
}
.right-sidebar {
border-left: 1px solid #ddd;
padding-left: 15px;
padding-top: 15px;
overflow-y: auto;
max-height: 500px;
}
/*.right-sidebar:after{
content: "";
position: absolute;
width: 100%;
height: 200px;
}*/
.right-sidebar ul {
list-style: circle;
padding-left: 20px;
display: grid;
grid-row-gap: 5px;
max-width: 162px;
right: initial !important;
}
.right-sidebar ul li a {
color: #555;
font-size: 14px;
font-family: "Inter", sans-serif;
letter-spacing: -0.2px;
font-weight: 500;
line-height: 21px;
display: block;
padding: 0;
}
.navigation ul li a.active{
color: #ff6657;
}
.right-sidebar h4 {
font-size: medium;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-top: 0;
margin-bottom: 25px;
color: #2a2a2a;
font-size: 14px;
}
.left-sidebar h3 {
font-size: larger;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.left-sidebar ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: grid;
grid-gap: 15px;
}
.left-sidebar ul li button {
padding: 0;
border: none;
background: none;
outline: none;
border-radius: 0 !important;
font-size: 18px;
font-weight: 500;
cursor: pointer;
}
.left-sidebar ul li button:hover{
color: #555;
}
.left-sidebar ul li button.active{
color: #ff6657 !important;
background: none !important;
}
.orange-h3 h3{
color: #FF6D5A;
}
.dots-none .owl-dots{
display: none;
}
.radius-20{
border-radius: 20px;
}
.shadow{
box-shadow: 0px 4px 4px #00000025;
}
.oneffect ul {
list-style: circle;
padding-left: 17px;
display: grid;
grid-gap: 7px;
margin-top: 15px;
}