/*-----------------------------------------------------------------------------------
Template Name: New HTML5 Template,
Template URI: http://www.themectg.com
Description: This is html5 template
Author: Themectg
Author URI: http://www.themectg.com
Version: 1.0
-----------------------------------------------------------------------------------
CSS INDEX
===================
1. Google font
2. Theme Default CSS
3. Helper-class
4. Button-style
5. Mainmenu-area
6. Section-Background
7. Header-style
8. Headline-style
9. Skills-area
10. Service-area
11. Work-area
12. Team-area
13. Bar-effect-css
14. Masp style
15. Form-style
16. Scroll-To-Top-Button
17. Preloader-css
-----------------------------------------------------------------------------------*/
/*-----------------
1. Google font
------------------*/
/*@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');*/
/*-------------------
2. Theme Default CSS
--------------------*/
html,
body {
height: 100%;
font-weight: 400;
font-size: 15px;
line-height: 1.8;
color: #515656;
/*background:#FFFBFF;*/
}
a {
text-decoration: none;
outline: none;
-webkit-transition: 0.4s;
transition: 0.4s;
color: #333333;
}
.orange {
color: #6E54A3;
}
p.chargeRow {
font-weight: 600;
font-size: 25px !important;
}
.boldish {
font-weight: 600;
}
input:focus,
button:focus,
a:focus,
a:hover {
text-decoration: none;
outline: none;
color: #000000;
}
.form-control:focus {
box-shadow:none;
border:none;
}
img {
max-width: 100%;
height: auto;
}
::placeholder {
opacity: 0.3;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 10px;
font-weight: 600;
}
.alert-warning {
color: #fff;
background-color: #b2a8c6;
border-color: #6e54a3;
}
/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
/* Customize the label (the container) */
.containerCM {
display: block;
position: relative;
margin-bottom: 34px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkboxLabel {
padding:0 0 0 25px;
}
/* Hide the browser's default checkbox */
.containerCM input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 24px;
width: 24px;
background-color: #d2d2d2;
border: 1px solid white;
border-radius:3px;
}
/* On mouse-over, add a grey background color */
.containerCM:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.containerCM input:checked ~ .checkmark {
background-color: #6E54A3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.containerCM input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.containerCM .checkmark:after {
left: 7px;
top: 5px;
width: 9px;
height: 14px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 2px;
}
label {
line-height:40px;
}
span.euro {
font-size:30px;
line-height:40px;
padding:0 0 0 10px;
}
/**
*Helper-Classes
**/
.grey {
color:#aaa;
}
.container {
max-width:1270px;
}
.full-height {
width: 100%;
}
.no-home {
padding: 250px 0 100px !important;
background:#58595b30;
}
.relative {
position: relative;
}
.fixed,
.absolute {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.fixed {
position: fixed;
}
.v-center {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.section-padding {
padding: 80px 0;
}
.social-menu {
list-style: none;
margin: 0;
padding: 10px;
}
.social-menu li {
display: inline-block;
margin: 0 3px;
}
.social-menu li a {
display: block;
width: 36px;
height: 36px;
text-align: center;
line-height: 2.5em;
background-color: #ffffff;
color: #6E54A3;
border-radius: 100px;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
font-size: 15px;
}
.social-menu li a:hover {
background-color: #58595b;
color: #eee;
-webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1);
}
/**
*Default Background Class
**/
.overlay:before,
.sky-bg {
background: #fffdfd;
color: #ffffff;
}
.gray-bg {
background-color: #f2fefe;
}
.bigSpan {
font-size: 23px;
line-height: 27px;
padding-right:15px
;
}
/**
*Default Button
**/
.button {
display: inline-block;
padding: 8px 30px;
border-radius: 50px;
color: #ffffff !important;
background-color: #6E54A3;
-webkit-transition: 0.3s;
transition: 0.3s;
border: none;
-webkit-box-shadow: 2px 5px 20px -5px rgba(0, 0, 0, 0.1);
box-shadow: 2px 5px 20px -5px rgba(0, 0, 0, 0.1);
text-transform:uppercase;
font-size:1.2em;
}
.button.white,
.button:hover {
background-color: #58595b;
color:white;
}
.button.white:hover {
background-color: #6e54a2;
color: #ffffff;
}
.button i {
margin-left: 5px;
}
a.button.sm {
padding: 4px 20px;
font-size: 15px;
background: #6E54A3;
border:1px solid #6E54A3;
color: #333;
border-radius: 10px;
}
a.button.sm:hover {
background: #333;
color: #000;
border:1px solid white;
}
a.button.sm.black {
background: #58595b;
border: 1px solid white;
}
a.button.sm.black:hover, a.button.sm.black.active {
background: #f3c387;
}
a.FALink {
font-size: 26px;
line-height: 20px;
color: #6E54A3;
display: block;
}
a.FALink:hover {
color: #58595b;
}
/**
*Page title
**/
.page-title {
margin-bottom: 60px;
}
.page-title p {
font-size:20px;
}
.page-title h2 {
text-transform: uppercase;
position: relative;
margin-bottom: 20px;
padding-bottom: 0px;
}
.page-title h2:after {
display: inline-block;
margin: 0 0 8px 20px;
height: 1px;
content: " ";
text-shadow: none;
background-color: #ccc;
width: 140px;
}
.page-title h2:before {
display: inline-block;
margin: 0 20px 8px 0;
height: 1px;
content: " ";
text-shadow: none;
background-color: #ccc;
width: 140px;
}
#service-page img.thinBorder {
border: 1px solid #eee;
border-radius: 30rem!important;
}
#service-page p {
font-size:12px;
line-height:17px;
color:#888;
}
.mainB, .mainB2 {
font-size: 22px;
padding: 6px 12px;
background: #6E54A3;
border: 0px solid #d2d2d2;
border-radius: 20px;
}
.mainB2 {
padding:5px 20px;
}
.mainB.offline {
background: #555;
}
.mainB.busy {
background: #a27560;
}
.mainB:hover, .mainB2:hover {
background: #58595b;
}
/**
*Box-style
**/
.box {
padding: 50px 30px;
text-align: center;
border-radius:20px;
/*background-color: #EEDDFF;*/
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
-webkit-transition: 0.3s;
transition: 0.3s;
color:#555;
}
.box:hover {
-webkit-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
}
.box h4 {
text-transform: uppercase;
}
.box h3 {
font-size:3em;
}
.box p {
font-size:1.2em;
text-align:justify;
}
.box-icon {
padding:0% 20%;
}
.box-icon img {
/* -webkit-filter: grayscale(100%); */
/* filter: grayscale(100%); */
-webkit-transition: 0.3s;
transition: 0.3s;
border-radius: 30rem!important;
/* box-shadow: 20px 5px 20px -5px rgba(218, 21, 21, 0.5); */
border: 1px solid #e6e6e6;
padding: 5px;
}
.box:hover .box-icon img {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
/**
*Mainmenu-area
**/
.mainmenu-area {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9999999;
-webkit-transition: 0.3s;
transition: 0.3s;
/*background:rgba(255,255,255,0.9) !important;*/
}
.mainmenu-area .FASearch, .FASearch2 {
background: none;
font-size: 22px;
padding: 0;
}
.mainmenu-area .FASearch:hover, .FASearch2:hover {
color: #6E54A3 !important;
}
.mainmenu-area .navbar {
padding: 0rem 1rem;
}
.mainmenu-area .topSearch, .topSearch2 {
border: 0px;
background: none;
border-bottom: 1px solid #999;
border-radius: 0px;
padding: 0;
}
.topSearch2 {
color:#ddd !important;;
max-width: 180px;
}
.mainmenu-area .userSection a {
color:#6E54A3;
display: block;
}
.mainmenu-area .userSection .nav-item {
border-bottom: 1px solid #ffffff00;
background: white;
padding: 4px 12px 2px;
border-radius: 5px;
}
.mainmenu-area .userSection .nav-item:hover {
background: #6E54A3;
color: white;
cursor:pointer;
}
.mainmenu-area .userSection .nav-item:hover a {
color: white;
}
.mainmenu-area .fas.sm, .mainmenu-area .fab.sm {
padding-right: 8px;
}
.hasStucked {
background:rgba(255,255,255,1) !important;
}
.navbar-nav .nav-link {
color: #58595b !important;
}
.navbar-nav .nav-item {
margin: 0px 10px;
}
.navbar-nav .active>.nav-link, .navbar-nav .nav-link:hover {
color: #6E54A3 !important;
}
.navbar-brand img {
max-width:120px;
}
.bg-light {
background:none !important;
}
.overlay {
/*color: #ffffff;*/
}
.overlay a {
color: #6E54A3;
}
a.dropdown-item {
font-size:14px;
}
#mainForm .input-group-addon {
width: 2.6rem;
line-height: 2.6rem;
}
.profilePic {
height: 43px !important;
width:43px !important;
margin:1px 12px 0 0;
}
.deletePhoto {
font-size: 20px;
padding: 3px 0 0 20px;
}
.deletePhoto:hover {
color:#6E54A3;
cursor:pointer;
}
/**
*Header-area
**/
.client-area,
.header-area {
background: none;
}
.anlge-bg {
background: none no-repeat scroll center bottom -120px / 100% auto;
}
.overlay {
position: relative;
}
.overlay:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.8;
}
.header-text h2 {
margin-bottom: 20px;
font-size: 40px;
}
.header-text .button {
margin-top: 30px;
}
.carousel-caption{
bottom:40%;
}
.carousel-item {
max-height: 930px;
}
.carousel-caption h1 {
font-size:3em;
letter-spacing:1px;
padding-bottom:30px;
}
.carousel-caption h1 span {
font-size:2.5em;
color:#dcd9d4;
}
.carousel-caption p {
font-size:1.3em;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
width: 30px;
height: 30px;
}
#carouselExample a.carousel-control-prev, #carouselExample a.carousel-control-next, #carouselExample .carousel-indicators {
display: none;
}
.carousel-item.mobile {
}
/***
*Team-Section
***/
.single-team {
background-color: #ffffff;
border-radius: 5px;
overflow: hidden;
color: #515656;
text-align: center;
position: relative;
-webkit-box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 30px -10px rgba(0, 0, 0, 0.3);
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.3s;
transition: 0.3s
}
.single-team:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
.single-team .team-photo {
margin-bottom: 20px;
padding-top: 20px;
overflow: hidden;
}
.desktop {
padding-top:120px;
}
.single-team .team-photo img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.single-team:hover .team-photo img {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.single-team h4 {
text-transform: uppercase;
}
.single-team h6 {
margin-bottom: 20px;
}
.single-team .social-menu {
-webkit-transition: 0.3s;
transition: 0.3s;
position: absolute;
bottom: -80px;
left: 0;
width: 100%;
padding: 23px 10px;
background-color: #ffffff;
}
.single-team:hover .social-menu {
bottom: 0;
}
/***
*Testimonial-Page
***/
.testimonial-area {
background: url('../photos/bkgs/1.jpg') no-repeat scroll center center / cover !important;
position: relative;
color: #ffffff;
}
.testimonial-area:before {
opacity: 0.9
}
.testimonial {
text-align: center;
}
.testimonial h2 {
font-size:24px;
}
.testimonial .testimonial-photo {
margin-bottom: 20px;
display: inline-block;
margin-right: 30px;
border-radius: 50%;
-webkit-box-shadow: 5px 10px 30px -10px rgba(255, 255, 255, 0.5);
box-shadow: 5px 10px 30px -10px rgba(255, 255, 255, 0.5);
position: relative;
}
.testimonial .testimonial-photo:after {
content: "";
position: absolute;
left: 50%;
top: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 20px;
height: 20px;
}
.testimonial p {
font-size:1.3em;
}
.testimonials.owl-carousel .owl-controls .owl-nav {
text-align: center;
font-size:30px;
}
/***
*Price-area
***/
.main-area.photo1 {
background: url('/photos/bkgs/1.jpg') no-repeat scroll center center / cover
}
.main-area.photo2 {
background: url('/photos/bkgs/2.jpg') no-repeat scroll center center / cover
}
.main-area.photo3 {
background: url('/photos/bkgs/3.jpg') no-repeat scroll center center / cover
}
.main-area.photo4 {
background: url('/photos/bkgs/4.jpg') no-repeat scroll center center / cover
}
.main-area.photo5 {
background: url('/photos/bkgs/5.jpg') no-repeat scroll center center / cover
}
.main-area.photo6 {
background: url('/photos/bkgs/6.jpg') no-repeat scroll center center / cover
}
.main-area.photo7 {
background: url('/photos/bkgs/7.jpg') no-repeat scroll center center / cover
}
.price-table h3 {
margin-bottom: 30px;
}
.price-table {
padding: 50px 40px;
border-radius: 2px;
text-align: center;
background-color: #ffffff;
color: #515656;
position: relative;
margin-top: 20px
}
.price-table.active {
padding: 70px 40px;
margin-top: 0
}
.price-table ul {
margin: 30px 0;
padding: 0;
list-style: none;
}
.price-table ul li {
padding: 5px 0;
}
.price-table .price-info {
position: absolute;
left: 50%;
top: 0;
width: 100px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #55A2BE;
color: #ffffff;
border-radius: 0 0 50% 50%;
padding-bottom: 5px;
}
/**
*Accordion
**/
#accordion .panel {
background: none;
}
#accordion .panel .panel-title {
padding: 30px 0 30px 60px;
position: relative;
}
#accordion .panel .panel-collapse {
padding-left: 60px;
}
#accordion .panel .panel-title a span:after,
#accordion .panel .panel-title a span:before,
#accordion .panel .panel-title a span {
content: '';
position: absolute;
left: 0;
top: 20px;
width: 36px;
height: 36px;
background: #2f60c3;
border-radius: 50%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#accordion .panel .panel-title a span:before,
#accordion .panel .panel-title a span:after {
width: 10px;
height: 1px;
background-color: #ffffff;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%)
}
#accordion .panel .panel-title a span:before {
-webkit-transform: translate(-50%) rotate(90deg);
transform: translate(-50%) rotate(90deg)
}
#accordion .panel .panel-title a[aria-expanded="true"] span:before {
-webkit-transform: translate(-50%) rotate(0deg);
transform: translate(-50%) rotate(0deg)
}
/****
*Blog-area
*****/
.single-blog {
overflow: hidden;
border-radius: 5px;
-webkit-box-shadow: 10px 15px 50px -10px rgba(0, 0, 0, 0.1);
box-shadow: 10px 15px 50px -10px rgba(0, 0, 0, 0.1);
}
.single-blog h3 {
font-size: 18px;
}
.single-blog .blog-meta {
list-style: none;
margin: 0;
padding: 0;
margin-top: 10px;
margin-bottom: 30px;
}
.single-blog .blog-meta li {
display: inline-block;
margin-right: 15px;
}
.single-blog .blog-meta li span {
margin-right: 5px;
}
.single-blog .blog-content {
padding: 40px 20px;
background-color: rgba(255,255,255,0.3);
}
.single-blog .blog-content h4 {
min-height:55px;
}
.single-blog .blog-content h3 {
color:#aaa;
}
/***
*Footer-area
***/
.footer-area {
z-index: 0;
background: #EEDDFF;
}
.footer-bg {
background: none no-repeat scroll center bottom / 100% auto;
z-index: -1;
}
.footer-top {
margin-bottom: 150px;
}
.side-icon-box {
margin-bottom: 30px;
position: relative;
padding-left: 80px;
}
.side-icon-box a {
color: #ffffff;
}
.side-icon-box .side-icon {
position: absolute;
left: 0;
top: 0;
width: 60px;
}
.side-icon-box strong {
display: block;
margin-bottom: 10px;
}
.footer-middle {
margin-bottom: 30px;
padding-top: 40px;
}
.footer-middle .links a {
margin:0 10px 0 0;
}
.footer-middle .links a:before {
content: "\f7a5";
font-family: 'Font Awesome 5 Free';
font-weight: 600;
color: #777;
padding: 0 5px 0 0;
}
.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 25px;
padding-bottom: 15px;
background: #58595b;
}
.footer-bottom p {
font-size:13px;
font-weight: 100;
letter-spacing:1px;
}
/***
*Contact-form
****/
.contact-form .button {
min-width: 150px;
margin-top: 10px;
border-radius: 3px;
}
.contact-form input {
margin:10px 0;
}
.form-double input {
width: calc(50% - 10px);
float:left;
}
.form-double input:last-child {
float:right;
}
/*-----------
preloader
------------*/
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #eee;
z-index: 99999999999;
}
.sk-folding-cube {
margin: 20px auto;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
animation: sk-foldCubeAngle 2.4s infinite linear both;
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
-webkit-transform: scale(1.1) rotateZ(90deg);
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
-webkit-transform: scale(1.1) rotateZ(180deg);
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
-webkit-transform: scale(1.1) rotateZ(270deg);
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
@keyframes sk-foldCubeAngle {
0%,
10% {
-webkit-transform: perspective(140px) rotateX(-180deg);
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%,
75% {
-webkit-transform: perspective(140px) rotateX(0deg);
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%,
100% {
-webkit-transform: perspective(140px) rotateY(180deg);
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
/*back to top */
#backToTop {
display: inline-block;
background:rgba(0,0,0,0.3);
width: 50px;
height: 50px;
text-align: center;
border-radius: 50px;
margin: 30px;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 1000;
}
#backToTop:hover {
cursor: pointer;
background:rgba(0,0,0,0.5);
}
#backToTop:active {
background-color: #555;
}
#backToTop::after {
content: "\f077";
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: #fff;
}
/*custom*/
.fullWidth {
width:100%;
}
.card-deck h2 {
font-size:40px;
}
.card-deck h1 {
font-size: 50px;
}
.card-deck .bigInput {
font-size: 30px;
padding: 5px 20px;
height: auto;
text-align: center;
}
.articlesMain .legend {
font-size: 1.3em;
font-style: oblique;
padding: 10px 0 20px 0;
}
.searchRow {
background: rgba(0,0,0,0.05);
}
.wrapper, .wrapper2 {
column-count: 1;
column-gap: 0px;
line-height: 24px;
background: rgba(0,0,0,0.05);
min-height: 270px;
position: relative;
}
.wrapper:hover {
background: rgba(0,0,0,0.1);
box-shadow: 10px 10px 8px rgba(0,0,0,0.2);;
transition-duration: 0.2s;
}
.wrapper2 {
background:none;
}
.wrapper .wrappedImage, .wrapper2 .wrappedImage {
/*float: left;
max-width: 250px;
max-height: 220px;
margin-right: 20px;*/
margin-bottom: 10px;
}
.wrapper2 .wrappedImage {
max-width:50%;
max-height:100%;
}
.wrapper .wrappedImage.bigger {
max-width:400px;
max-height:250px;
margin-right:30px;
}
.wrapper .moreArea {
position: absolute;
bottom: 30px;
left: 35%
}.wrappedImage.shop {
border:1px solid #aaa;
}
.wrapper.advisors h2 {
}
.wrapper.advisors h3 {
}
.blogPreview {
line-height: 22px;
}
.profile .nav-item .nav-link {
border: 1px solid white;
border-radius: 5px;
/* padding: 0px; */
margin: 0px 10px 0 0;
background: rgba(0,0,0,0.3);
color:white;
}
.profile .nav-item .active {
border: 1px solid white;
background: #6E54A3;
color: white;
}
.profile .nav-item .nav-link:hover {
background: #999;
color: white;
}
table.generic td {
vertical-align:middle;
border-top: 1px solid #bdbdbd;
}
table.generic th {
background: rgba(0,0,0,0.5);
}
table.generic tr:nth-child(even) {
background: rgba(0,0,0,0.1);
}
table.generic tr:hover {
background: rgba(0,0,0,0.3);
}
table.generic.chat {
background: rgba(255, 255, 255,0.2);
}
table.generic.chat tr {
background: none !important;
}
table.generic th {
background:rgba(255, 255, 255, 0.5);
}
table.generic.chat td {
padding:10px;
}
table.generic.small td {
padding:5px;
font-size:14px;
}
.userChatHistory {
max-height: 200px;
overflow-y: auto;
}
.notes {
min-height:190px;
font-size:15px;
}
/*pagination*/
#pagination {
}
#pagination span ~ span {
margin-left: 10px;
}
#pagination .products_count {
line-height: 40px;
}
#pagination span a,
#pagination span.deco,
#pagination span.current {
display: inline-block;
background: #6E54A3
;
color: #ffffff;
width:40px;
height:40px;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
transition: .3s ease-in-out;
line-height:42px;
font-size:18px;
text-align:center;
}
#pagination span.current,
#pagination span a:hover {
background: #333;
color: #ffffff;
}
#pagination span.current {
cursor: default;
background: #58595b;
}
/*superuser*/
.danger {
color:#4adc84;
}
.redish {
font-weight:600;
color:#aa4444;
}
.switcher {
font-size: 1.2em;
}
.switcher:hover {
cursor:pointer;
}
.switcher.offline {
color: #aaa;
}
.switcher.online {
color: #6E54A3;
}
.fa-phone.home.switcher.offline {
color:#4adc84;
}
.fa-phone.home.switcher.danger {
color:#dc4a5d;
}
.input-group-addon.my {
background: #333;
color: white;
text-transform: uppercase;
text-align: center;
line-height:38px;
}
.advisors-quote blockquote {
/* Negate theme styles */
border: 0;
margin: 0;
padding: 0;
background: none;
color: gray;
font-family: Georgia, serif;
font-size: 1.2em;
margin: 0;
position: relative;
text-shadow: 0 1px white;
z-index: 600;
}
.advisors-quote blockquote * {
box-sizing: border-box;
}
.advisors-quote blockquote p {
color: #666;
line-height: 1.6 !important;
}
.advisors-quote blockquote p:first-child:before {
content: '\201C';
color: gray;
font-size: 7.5em;
font-weight: 700;
opacity: .3;
position: absolute;
top: -.4em;
text-shadow: none;
z-index: -300;
}
.advisors-quote img {
border: 3px solid #9CC1D3;
border-radius: 50%;
display: block;
width: 120px;
height: 120px;
position: absolute;
top: -.2em;
left: 0;
}
.advisors-quote cite {
color: gray;
display: block;
font-size: .8em;
}
.advisors-quote cite span {
color: #5e5e5e;
font-size: 1em;
font-style: normal;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 0 1px white;
}
.advisors-quote {
position: relative;
}
.advisors-quote .quote-container {
}
.advisors-quote.right .quote-container {
padding-left: 0;
padding-right: 160px;
}
.advisors-quote.right img {
left: auto;
right: 0;
}
.advisors-quote.right cite {
text-align: right;
}
h5.tiny {
text-transform: uppercase;
padding: 0;
margin: 0 0 10px 0;
font-size: 18px;
}
.banner{
position: absolute;
width: 300px;
height: 300px;
bottom: 20px;
}
#banner_l{
left: 5px;
}
#banner_r{
right: 10px;
}
.zindex{
z-index: -999;
}
.banner a.link{
display: block;
width: 100%;
height: 100%;
border:0;
text-indent: -9999px
}
.banner a.close{
position:absolute;
top:0;
right:0;
}
.img-5th {
width: 19.5%;
}
.img-responsive {
width: 100%;
height: auto;
}
.bi {
font-size: 19px !important;
line-height: 30px !important;
}
.selectDate {
padding: 20px;
background: rgb(110 84 163 / 0.8);
border-radius: 20px;
color: white;
}
.selectDate > div:first-child {
font-size:22px;
}
.selectDate .button {
background: #555;
}
.selectDate .button:hover {
background: #333;
}
i.fas.fa-check-square.ABCheck {
font-size: 30px;
line-height: 10px;
color: #259a59;
}
.ratingText {
display: flex;
font-size: 1.1em;
}
.my-rating-6 {
line-height: 10px;
}
.showRating2 {
padding: 0 20px;
/* line-height: 10px; */
/* margin: -5px 0 0 0; */
display: inline-table;
vertical-align: text-top;
}
.video-container {
/*position: relative;*/
/*padding-bottom: 56.25%; */
height: 0;
min-height: 700px;
}
.video-container iframe {
position: absolute;
/*top: 0;
left: 0;*/
width: 97%;
min-height: 700px;
}
.carousel {
position: relative;
width: 100%;
}
img.lang {
height: 28px;
}
.notes2 {
float: right;
line-height: revert;
}
ul.attachments {
display: contents;
}
ul.attachments li {
list-style-type: none;
background: #747474;
display: inline-block;
border-radius: 6px;
margin: 10px;
font-size: 0.8rem;
color: white;
}
ul.attachments li:hover {
background: #6e54a3;
}
ul.attachments li a {
color: white;
display: block;
padding: 3px 8px;
line-height: 26px;
}
ul.attachments li.b {
font-size: 0.9rem;
padding: 3px 10px;
margin: 0 6px 0 0;
}
#credit-button {
background: #54a39c;
color: white !important;
font-weight: bold;
border-radius: 5px;
padding: 4px;
max-width: 750px;
margin: 0 auto;
height: 45px;
line-height: 35px;
}
#credit-button2 {
background: #54a39c;
color: white !important;
font-weight: bold;
border-radius: 5px;
padding: 7px;
max-width: 750px;
margin: 0 auto;
min-height: 43px;
font-size: 1.2rem;
}
#credit-button:hover {
background: #3e3d3f;
cursor: pointer;
}
#credit-button2:hover {
background: #3e3d3f;
cursor: pointer;
}
.selectCountry {
background: #e7e7e7;
}
.payments i {
font-size: 30px;
color: #6e54a3;
}
.clients.owl-carousel .owl-controls {
position: absolute;
top: 50%;
width: 100%;
}
.clients.owl-carousel .owl-controls .owl-nav {
margin-top:0px;
}
.clients.owl-carousel .owl-controls .owl-nav > div{
font-size: 30px;
line-height: initial;
background: rgb(255 255 255 / 31%);
}
.clients.owl-carousel .owl-controls .owl-nav .owl-next {
float: right;
}
.price {
font-size: 2rem;
font-weight: 600;
vertical-align: middle;
color: #6e54a3;
}
.total {
font-size: 1.8rem;
font-weight: 600;
}
.total span {
color: #6e54a3;
}
.buttonsRow {
background: #e9e9e9;
border-radius: 10px;
}
.newsletterA input {
padding: 0.8rem !important;
height: auto;
display: inline-block;
}
.newsletterA a.button {
text-align:center;
}
.newsletterA .form-control:focus {
background: white;
}
.newsletterB {
background: #6e54a3;
}
.newsletterB .title {
font-size: 1.4rem;
text-transform: uppercase;
}
.newsletterB .newsletterA input {
padding: 0.4rem 1rem !important;
}
.newsletterB .newsletterA button {
text-align:center;
background-color: #f1f1f1 !important;
color:#555 !important;
padding: 2px 30px !important;
}
.newsletterB .newsletterA button:hover {
color:#fff !important;
background-color: #58595b !important;
}
.crypt {
margin-top: 5px;
/* padding-left: 10px; */
width: 80px;
height: 25px;
}
.crypt.ver2 {
margin-top: 17px;
}
.newsletterC {
font-size: 0.85rem;
}
.newsletterC .checkboxLabel a {
color: #57bffb !important;
}
.newsletterC label {
line-height: unset;
}
.newsletterC .checkmark{
height: 20px;
width: 20px;
}
.newsletterC .containerCM .checkmark:after {
width: 6px;
height: 11px;
}
.offcanvas-collapse {
position: fixed;
top: 0px; /* Height of navbar */
bottom: 0;
left: -300px;
/* right: 100%; */
width: 300px;
padding-right: 3rem;
padding-left: 3rem;
overflow-y: auto;
visibility: hidden;
z-index: 11111111;
background-color: #343a40;
transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out;
transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}
.offcanvas-collapse.open {
visibility: visible;
-webkit-transform: translateX(-100%);
transform: translateX(100%);
}
.ex {
height: 80px;
border-radius: 5px;
position: relative;
}
.ex:after {
position: absolute;
top: 10px;
right: 0px;
content: '\d7';
font-size: 36px;
color: #eee;
text-align: center;
}
.ex:hover {
color: #fff;
cursor: pointer;
}
.offcanvas li {
list-style-type: none;
padding: 7px 0;
}
.offcanvas li a {
color: #eeddff;
font-size: 0.95rem;
}
.offcanvas li a:hover {
color: #fff;
}
.offcanvas li a i {
width: 25px;
}
.offcanvas a img {
opacity: 0.7;
max-width: 130px;
}
.offcanvas a img:hover {
opacity: 0.9;
}
.navbar-toggler-icon {
width: 2em !important;
height: 2em !important;
}
.navbar-toggler-icon:hover {
cursor:pointer;
}
.userSection li {
list-style-type: none;
display: inline-block;
}
.form-control:focus {
background-color: transparent;
border-bottom: 1px solid #999;
}
.shop {
display: inline-block;
background: #6e54a3;
border-radius: 16px;
padding: 2px 16px;
color: white;
}
.shop:hover {
background: #58595b;
}
.shop a {
color: white;
}
#popup .close {
position: absolute;
top: 15px;
right: 15px;
font-size: 2rem;
background: white;
opacity: 0.8;
background: none;
border: none;
}
#gdpr-cookie-message {
position: fixed;
max-width: 700px;
background-color: #39373d;
padding: 20px;
border-radius: 5px;
box-shadow: 0 6px 6px rgba(0,0,0,0.25);
z-index: 1;
top: 80%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
}
#gdpr-cookie-message h4 {
color: wheat;
font-size: 17px;
font-weight: 500;
margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
color: wheat;
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
color: white;
font-size: 14px;
line-height: 1.5em;
margin-bottom: 20px;
}
#gdpr-cookie-message p:last-child {
margin-bottom: 0;
text-align: right;
}
#gdpr-cookie-message label {
font-weight: normal;
font-size: 14px;
}
#gdpr-cookie-message li {
width: 49%;
display: inline-block;
}
#gdpr-cookie-message a {
color: #fff;
text-decoration: none;
font-size: 14px;
padding-bottom: 2px;
border-bottom: 1px dotted rgba(255,255,255,0.75);
transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
color: white;
border-bottom-color: var(--red);
transition: all 0.3s ease-in;
}
#gdpr-cookie-message button {
border: none;
background: wheat;
color: black;
padding: 7px;
border-radius: 3px;
margin-left: 15px;
cursor: pointer;
transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
background: #000000;
color: white;
transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
background: white;
color: black;
}
#gdpr-cookie-message button:disabled {
opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
float: none;
margin-top: 0;
margin-right: 5px;
margin-top: 2px;
width: 16px;
height: 16px;
}
#gdpr-cookie-types ul li label {
line-height:normal;
}
.gratis {
background: #29315b;
/* width: auto; */
padding: 10px 20px;
border-radius: 15px;
color: white;
border: 6px solid #6e54a3;
margin: 2% 0;
}
.gratis span {
display: block;
}
.gratis span:first-child {
font-size: 2rem;
font-weight: 600;
white-space: break-spaces;
}
.gratis span:nth-child(2) {
text-transform: uppercase;
color: #6e54a3;
background: #ffffff;
font-weight: 600;
border-radius: 4px;
}
.gratis:hover {
background: black;
cursor: pointer;
}
.gratis.selected {
border: 6px solid #54a39c;
box-shadow: 4px 4px 9px black;
}
.bonus {
font-size: 1rem;
font-weight: 300;
line-height: 2rem;
padding: 1px 5px 0px 5px;
display: inline-block;
margin: 7px 0 0 10px;
background: #54a39c;
color: white;
border-radius: 8px;
}