5987 lines
107 KiB
CSS
5987 lines
107 KiB
CSS
/*
|
||
Theme Name: Xconsulta - Business & Starup HTML5 Template
|
||
<20><><EFBFBD>ࣺhttp://www.bootstrapmb.com
|
||
Description: Business HTML5 template.
|
||
Version: 1.0
|
||
*/
|
||
|
||
/* CSS Index
|
||
-----------------------------------
|
||
1. Theme default css
|
||
2. header
|
||
3. slider
|
||
4. about
|
||
5. features
|
||
6. services
|
||
7. video
|
||
8. choose
|
||
9. brand
|
||
10. work-process
|
||
11. team
|
||
12. counter
|
||
13. cta
|
||
14. testimonial
|
||
15. blog
|
||
16. pagination
|
||
17. f-cta
|
||
18. pricing
|
||
19. contact
|
||
20. footer
|
||
21. Menu
|
||
|
||
*/
|
||
|
||
|
||
/* 1. Theme default css */
|
||
|
||
body {
|
||
font-family: 'Karla', sans-serif;
|
||
font-size: 14px;
|
||
font-weight: normal;
|
||
color: #47759d;
|
||
font-style: normal;
|
||
}
|
||
.item-zoom-inout {
|
||
-webkit-animation: zoom-inout 3s infinite ease-in-out;
|
||
animation: zoom-inout 3s infinite ease-in-out;
|
||
}
|
||
|
||
@-webkit-keyframes zoom-inout {
|
||
0% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
50% {
|
||
-webkit-transform: scale(1.2);
|
||
transform: scale(1.2);
|
||
}
|
||
100% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
|
||
@keyframes zoom-inout {
|
||
0% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
50% {
|
||
-webkit-transform: scale(1.2);
|
||
transform: scale(1.2);
|
||
}
|
||
100% {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
|
||
.text-outline {
|
||
-webkit-text-stroke-color: #d6f1ff;
|
||
-ms-text-stroke-color: #d6f1ff;
|
||
-o-text-stroke-color: #d6f1ff;
|
||
position: absolute;
|
||
top: -100px;
|
||
left: 30px;
|
||
right: 0;
|
||
z-index: -1;
|
||
color: transparent;
|
||
}
|
||
.text-outline {
|
||
color: #f5f5f5;
|
||
-webkit-text-stroke: 2px #f3f5ff;
|
||
-webkit-text-fill-color: #fff;
|
||
font-size: 198px;
|
||
font-weight:bold;
|
||
}
|
||
.img {
|
||
max-width: 100%;
|
||
transition: all 0.3s ease-out 0s;
|
||
}
|
||
.f-left {
|
||
float: left
|
||
}
|
||
.f-right {
|
||
float: right
|
||
}
|
||
.fix {
|
||
overflow: hidden
|
||
}
|
||
.pt-128{
|
||
padding-top:128px;
|
||
}
|
||
|
||
a,
|
||
.button {
|
||
-webkit-transition: all 0.3s ease-out 0s;
|
||
-moz-transition: all 0.3s ease-out 0s;
|
||
-ms-transition: all 0.3s ease-out 0s;
|
||
-o-transition: all 0.3s ease-out 0s;
|
||
transition: all 0.3s ease-out 0s;
|
||
}
|
||
a:focus,
|
||
.button:focus {
|
||
text-decoration: none;
|
||
outline: none;
|
||
}
|
||
a:focus,
|
||
a:hover,
|
||
.portfolio-cat a:hover,
|
||
.footer -menu li a:hover {
|
||
text-decoration: none;
|
||
}
|
||
.btn.focus, .btn:focus {
|
||
outline: 0;
|
||
box-shadow: none;
|
||
}
|
||
.slider-btn .btn.ss-btn {
|
||
background: #ff007a;
|
||
box-shadow: none;
|
||
margin-left: 20px;
|
||
}
|
||
.slider-btn .btn.ss-btn:hover {
|
||
background: #fff;
|
||
}
|
||
.slider-btn .btn:hover {
|
||
box-shadow: none;
|
||
}
|
||
a,
|
||
button {
|
||
color: #1696e7;
|
||
outline: medium none;
|
||
}
|
||
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: none;box-shadow: none;}
|
||
.uppercase {
|
||
text-transform: uppercase;
|
||
}
|
||
.capitalize {
|
||
text-transform: capitalize;
|
||
}
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
font-family: 'Montserrat', sans-serif;
|
||
color: #002691;
|
||
margin-top: 0px;
|
||
font-style: normal;
|
||
font-weight: bold;
|
||
text-transform: normal;
|
||
}
|
||
h1 a,
|
||
h2 a,
|
||
h3 a,
|
||
h4 a,
|
||
h5 a,
|
||
h6 a {
|
||
color: inherit;
|
||
}
|
||
h1 {
|
||
font-size: 40px;
|
||
font-weight: bold;
|
||
}
|
||
h2 {
|
||
font-size: 35px;
|
||
}
|
||
h3 {
|
||
font-size: 28px;
|
||
}
|
||
h4 {
|
||
font-size: 22px;
|
||
}
|
||
h5 {
|
||
font-size: 18px;
|
||
}
|
||
h6 {
|
||
font-size: 16px;
|
||
}
|
||
ul {
|
||
margin: 0px;
|
||
padding: 0px;
|
||
}
|
||
li {
|
||
list-style: none
|
||
}
|
||
p {
|
||
font-size: 14px;
|
||
font-weight: normal;
|
||
line-height: 28px;
|
||
color: #47759d;
|
||
margin-bottom: 15px;
|
||
position: relative;
|
||
z-index: 8;
|
||
}
|
||
hr {
|
||
border-bottom: 1px solid #eceff8;
|
||
border-top: 0 none;
|
||
margin: 30px 0;
|
||
padding: 0;
|
||
}
|
||
label {
|
||
color: #7e7e7e;
|
||
cursor: pointer;
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
}
|
||
*::-moz-selection {
|
||
background: #d6b161;
|
||
color: #fff;
|
||
text-shadow: none;
|
||
}
|
||
::-moz-selection {
|
||
background: #444;
|
||
color: #fff;
|
||
text-shadow: none;
|
||
}
|
||
::selection {
|
||
background: #444;
|
||
color: #fff;
|
||
text-shadow: none;
|
||
}
|
||
*::-moz-placeholder {
|
||
color: #9e9e9e;
|
||
font-size: 14px;
|
||
opacity: 1;
|
||
}
|
||
*::placeholder {
|
||
color: #9e9e9e;
|
||
font-size: 14px;
|
||
opacity: 1;
|
||
}
|
||
.theme-overlay {
|
||
position: relative
|
||
}
|
||
.theme-overlay::before {
|
||
background: #1696e7 none repeat scroll 0 0;
|
||
content: "";
|
||
height: 100%;
|
||
left: 0;
|
||
opacity: 0.6;
|
||
position: absolute;
|
||
top: 0;
|
||
width: 100%;
|
||
}
|
||
.separator {
|
||
border-top: 1px solid #f2f2f2
|
||
}
|
||
/* button style */
|
||
|
||
.btn {
|
||
-moz-user-select: none;
|
||
background: #ff007a;
|
||
border: none;
|
||
border-radius: 50px;
|
||
color: #fff;
|
||
display: inline-block;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
letter-spacing: 0;
|
||
line-height: 1;
|
||
margin-bottom: 0;
|
||
padding: 18px 45px;
|
||
text-align: center;
|
||
text-transform: unset;
|
||
touch-action: manipulation;
|
||
transition: all 0.3s ease 0s;
|
||
vertical-align: middle;
|
||
white-space: nowrap;
|
||
position: relative;
|
||
|
||
}
|
||
.btn i{
|
||
margin-right:10px;
|
||
}
|
||
|
||
.btn:hover{color: #fff;transition: all .3s;box-shadow:0px 10px 19px 0px #ff007a66 !important;}
|
||
.btn:hover::before{opacity: 0;}
|
||
.breadcrumb > .active {
|
||
color: #888;
|
||
}
|
||
|
||
.about-area .btn{
|
||
background: #ff007a;
|
||
box-shadow: 0px 10px 19px 0px #ff007a66 !important;
|
||
}
|
||
.about-area .btn i{
|
||
margin-right:10px;
|
||
}
|
||
.about-area .btn:hover{
|
||
transition: all .3s; box-shadow: 0 0 0 0#ff007a00 !important;
|
||
}
|
||
|
||
|
||
/* scrollUp */
|
||
#scrollUp {
|
||
background:#ff007a;
|
||
height: 45px;
|
||
width: 45px;
|
||
right: 50px;
|
||
bottom: 77px;
|
||
color: #fff;
|
||
font-size: 20px;
|
||
text-align: center;
|
||
border-radius: 50%;
|
||
font-size: 22px;
|
||
line-height: 45px;
|
||
transition: .3s;
|
||
}
|
||
#scrollUp:hover {
|
||
background:#002691;
|
||
}
|
||
/* 2. header */
|
||
.header-top {
|
||
padding-top: 40px;
|
||
border-bottom: 1px solid #e6e6e6;
|
||
padding-bottom: 30px;
|
||
}
|
||
.innder-ht {
|
||
padding: 10px 0;
|
||
}
|
||
.wellcome-text p {
|
||
margin-bottom: 0;
|
||
color: #8a8a8a;
|
||
}
|
||
.header-cta ul li {
|
||
display: inline-block;
|
||
margin-left: 35px;
|
||
}
|
||
.header-cta ul li:first-child{margin-left: 0;}
|
||
.header-cta ul li i {
|
||
display: inline-block;
|
||
margin-right: 5px;
|
||
position: relative;
|
||
top: 2px;
|
||
}
|
||
.header-top-cta ul li {
|
||
display: inline-block;
|
||
width: 200px;
|
||
margin-right: 80px;
|
||
}
|
||
.header-top-cta ul li:last-child {margin-right: 0;}
|
||
.h-cta-icon {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 20px;
|
||
}
|
||
.h-cta-content {
|
||
overflow: hidden;
|
||
}
|
||
.h-cta-content h5 {
|
||
font-size: 14px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 2px;
|
||
margin-bottom: 0;
|
||
}
|
||
.h-cta-content p {
|
||
margin-bottom: 0;
|
||
line-height: 1.5;
|
||
}
|
||
.main-menu ul li {
|
||
display: inline-block;
|
||
margin-left: 25px;
|
||
position: relative;
|
||
}
|
||
.main-menu ul li.current a {
|
||
color:#ff007a;
|
||
}
|
||
.main-menu ul li a {
|
||
display: inline-block;
|
||
color: #fff;
|
||
font-family: 'Karla', sans-serif;
|
||
font-weight: bold;
|
||
padding: 34px 0;
|
||
font-size: 16px;
|
||
position: relative;
|
||
}
|
||
|
||
.sticky-menu ul li a {
|
||
color: #fff;
|
||
}
|
||
.main-menu ul li.current::before {
|
||
width: 100%;
|
||
height: 3px;
|
||
position: absolute;
|
||
content: "";
|
||
left: 0;
|
||
bottom:5px;
|
||
}
|
||
.main-menu ul li:first-child {
|
||
margin-left: 0;
|
||
}
|
||
.menu-area .menu-tigger {
|
||
cursor: pointer;
|
||
display: block;
|
||
float: left;
|
||
margin-right: 40px;
|
||
margin-top: 27px;
|
||
}
|
||
.menu-area .menu-tigger span {
|
||
height: 2px;
|
||
width: 30px;
|
||
background: #2935bb;
|
||
display: block;
|
||
margin: 7px 0;
|
||
transition: .3s;
|
||
}
|
||
.main-menu ul li:hover > a{color:#ff007a;}
|
||
.main-menu ul li:hover > a::before{width: 100%;}
|
||
.display-ib{display: inline-block;}
|
||
.header-btn{/*margin-left: 40px;*/}
|
||
.header-social a {
|
||
font-size: 14px;
|
||
display: inline-block;
|
||
margin-left: 5px;
|
||
height: 40px;
|
||
width: 40px;
|
||
background: #e9eaf8;
|
||
text-align: center;
|
||
line-height: 40px;
|
||
border-radius: 50%;
|
||
color:#ff007a;
|
||
}
|
||
.header-social a:hover{color: #fff;background:#ff007a;}
|
||
.sticky-menu {
|
||
left: 0;
|
||
margin: auto;
|
||
position: fixed;
|
||
top: 0;
|
||
width: 100%;
|
||
box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
|
||
z-index: 9999;
|
||
background: #002691;
|
||
-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
|
||
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
|
||
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
|
||
}
|
||
.responsive {display: none;}
|
||
#mobile-menu {
|
||
display: block;
|
||
}
|
||
.menu-area .container {
|
||
max-width: 1520px;
|
||
}
|
||
.second-header {
|
||
border: none;
|
||
padding-bottom: 50px;
|
||
background: #f4f4fe;
|
||
padding-top: 10px;
|
||
}
|
||
.second-menu {
|
||
position: relative;
|
||
z-index: 9;
|
||
margin-bottom: -120px;
|
||
padding: 15px 2px;
|
||
margin-top: 0;
|
||
}
|
||
|
||
.sticky-menu .second-menu {
|
||
margin: 0;
|
||
box-shadow: none;
|
||
padding: 0;
|
||
}
|
||
.sticky-menu .second-menu::before{content: none;}
|
||
.second-menu .main-menu ul li{margin-left: 60px;}
|
||
.second-menu .main-menu ul li:first-child{margin-left: 0;}
|
||
.second-menu .main-menu ul li a::before{content: none;}
|
||
.second-header-btn .btn {
|
||
border: 2px solid #ff007a;
|
||
font-size: 16px;
|
||
background:#ff007a;
|
||
font-weight: bold;
|
||
color: #fff;
|
||
}
|
||
.second-header-btn .btn:hover {
|
||
color: #fff;
|
||
background:#ff007a;
|
||
}
|
||
.second-header-btn .btn i{
|
||
margin-right:10px;
|
||
}
|
||
.second-header-btn .btn::before{content: none;}
|
||
.offcanvas-menu {
|
||
position: fixed;
|
||
right: 0;
|
||
height: 100%;
|
||
width: 300px;
|
||
z-index: 999;
|
||
background: #00081b;
|
||
top: 0;
|
||
padding: 30px;
|
||
transition: .5s;
|
||
transform: translateX(100%);
|
||
}
|
||
.offcanvas-menu.active{
|
||
transform: translateX(0)
|
||
}
|
||
.menu-close i {
|
||
font-size: 18px;
|
||
color: #fff;
|
||
transition: .3s;
|
||
cursor: pointer;
|
||
}
|
||
.menu-close:hover i{
|
||
color: #ff007a;
|
||
}
|
||
.offcanvas-menu ul {
|
||
margin-top: 30px;
|
||
}
|
||
.offcanvas-menu ul li {
|
||
border-bottom: 1px solid #101c38;
|
||
}
|
||
.offcanvas-menu ul li a {
|
||
color: #fff;
|
||
font-size: 18px;
|
||
text-transform: capitalize;
|
||
padding: 6px 0;
|
||
display: block;
|
||
}
|
||
.offcanvas-menu ul li:hover a{
|
||
color: #ff007a;
|
||
}
|
||
.side-social a {
|
||
color: #fff;
|
||
margin-right: 10px;
|
||
}
|
||
.side-social {
|
||
margin-top: 30px;
|
||
}
|
||
.side-social a:hover{
|
||
color: #ff007a;
|
||
}
|
||
.offcanvas-menu form {
|
||
position: relative;
|
||
margin-top: 30px;
|
||
}
|
||
.offcanvas-menu form input {
|
||
width: 100%;
|
||
background: none;
|
||
border: 1px solid #2d3547;
|
||
padding: 7px 10px;
|
||
color: #fff;
|
||
}
|
||
.offcanvas-menu form button {
|
||
position: absolute;
|
||
border: none;
|
||
right: 0;
|
||
background: #ff007a;
|
||
padding: 8px 14px;
|
||
top: 0;
|
||
cursor: pointer;
|
||
}
|
||
.offcanvas-menu form button i {
|
||
color: #fff;
|
||
}
|
||
.offcanvas-overly {
|
||
position: fixed;
|
||
background: #000;
|
||
top: 0;
|
||
left: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
z-index: 9;
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
transition: .3s;
|
||
}
|
||
.offcanvas-overly.active{
|
||
opacity: .5;
|
||
visibility: visible;
|
||
}
|
||
.off-logo {display: none;}
|
||
/* conterdown */
|
||
.timer {
|
||
margin: 0 0 45px;
|
||
font-family: sans-serif;
|
||
color: #fff;
|
||
display: inline-block;
|
||
font-weight: 100;
|
||
text-align: center;
|
||
font-size: 30px;
|
||
}
|
||
.timer .timer-outer {
|
||
padding: 20px;
|
||
border-radius: 3px;
|
||
display: inline-block;
|
||
font-size: 26px;
|
||
font-weight: 400;
|
||
width: 120px;
|
||
height: 120px;
|
||
border-radius: 50%;
|
||
margin-right: 15px;
|
||
font-size: 34px;
|
||
font-weight: bold;
|
||
font-family: Montserrat;
|
||
}
|
||
.timer .smalltext {
|
||
color: #fff;
|
||
font-size: 12px;
|
||
display: block;
|
||
padding: 0;
|
||
font-family: 'Karla', sans-serif;
|
||
width: auto;
|
||
}
|
||
.timer #time-up {
|
||
margin: 8px 0 0;
|
||
text-align: left;
|
||
font-size: 14px;
|
||
color: #000000;
|
||
letter-spacing: 1px;
|
||
}
|
||
.bdr1{
|
||
background:url("../img/count-bg1.png");
|
||
}
|
||
.bdr2{
|
||
background:url("../img/count-bg2.png");
|
||
}
|
||
.bdr3{
|
||
background:url("../img/count-bg3.png");
|
||
}
|
||
.bdr4{
|
||
background:url(../img/count-bg4.png);
|
||
}
|
||
|
||
/* breadcrumb */
|
||
.breadcrumb-area {
|
||
/*min-height: 600px;*/
|
||
padding-top: 200px;
|
||
padding-bottom: 100px;
|
||
background-position: center;
|
||
background-size: cover;
|
||
background-color:#ff007a;
|
||
position:relative;
|
||
}
|
||
.breadcrumb-area::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: #240065;
|
||
opacity: .86;
|
||
}
|
||
.breadcrumb {
|
||
display: inline-block;
|
||
-ms-flex-wrap: wrap;
|
||
flex-wrap: unset;
|
||
padding: 0;
|
||
margin-bottom: 0;
|
||
list-style: none;
|
||
background-color: unset;
|
||
border-radius: 0;
|
||
}
|
||
.breadcrumb-area .ss-one {
|
||
|
||
top: 50% !important;
|
||
left: 30px !important;
|
||
|
||
}
|
||
.breadcrumb-area .ss-four {
|
||
|
||
top: 50% !important;
|
||
left: 90% !important;
|
||
|
||
}
|
||
.breadcrumb-area .ss-three {
|
||
top: -18px !important;
|
||
left: 60% !important;
|
||
}
|
||
.breadcrumb li {display: inline-block;}
|
||
.breadcrumb li a {
|
||
font-size: 16px;
|
||
color: #fff;
|
||
}
|
||
.breadcrumb-item + .breadcrumb-item::before {
|
||
display: inline-block;
|
||
padding-right: 15px;
|
||
padding-left: 15px;
|
||
color: #ddd;
|
||
content: "|";
|
||
}
|
||
.breadcrumb-title h2 {
|
||
font-size: 70px;
|
||
margin-bottom: 25px;
|
||
line-height: 1;
|
||
color: #fff;
|
||
}
|
||
.breadcrumb-title p {
|
||
margin-bottom: 0;
|
||
padding: 0 40px;
|
||
color: #fff;
|
||
font-size: 16px;
|
||
}
|
||
.breadcrumb > .active {
|
||
color: #fff;
|
||
font-weight: bold;
|
||
}
|
||
/* 3. slider */
|
||
.slider-bg {
|
||
min-height: 1000px !important;
|
||
background-position: center;
|
||
background-size: cover;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
.slider-bg::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: url(../img/header-overla.png);
|
||
opacity: .6;
|
||
z-index: -1;
|
||
}
|
||
.slider-bg2::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
background:#4700c8;
|
||
opacity: .6;
|
||
z-index: -1;
|
||
}
|
||
.slider-bg2 .second-slider-content h2 {
|
||
|
||
font-size: 120px;
|
||
margin-bottom: 20px;
|
||
|
||
}
|
||
.slider-bg2 .slider-content.second-slider-content::before {
|
||
width: 580px;
|
||
content: "";
|
||
border: 15px solid #6c35cf;
|
||
left: 0;
|
||
height: 60px;
|
||
display: inline-block;
|
||
margin-bottom: 50px;
|
||
border-bottom: none;
|
||
}
|
||
.slider-bg2 .slider-content.second-slider-content::after {
|
||
width: 580px;
|
||
content: "";
|
||
border: 15px solid #6c35cf;
|
||
left: 0;
|
||
height: 60px;
|
||
display: inline-block;
|
||
margin-top: 50px;
|
||
border-top: none;
|
||
}
|
||
.slider-bg2 .ss-three {
|
||
|
||
top: 85% !important;
|
||
left: 60% !important;
|
||
|
||
}
|
||
.slider-bg2 .ss-two {
|
||
|
||
top: 20% !important;
|
||
left: 45% !important;
|
||
|
||
}
|
||
.slider-bg2 .ss-one {
|
||
|
||
top: 50% !important;
|
||
left:20% !important;
|
||
|
||
}
|
||
.slider-bg2 .ss-four {
|
||
|
||
top: 20% !important;
|
||
left: 70% !important;
|
||
|
||
}
|
||
.slider-bg2 .slider-content ul li
|
||
{
|
||
margin-right:0;
|
||
}
|
||
.slider-bg2 .slider-content ul li::after {
|
||
content: "|";
|
||
margin: 0 30px;
|
||
}
|
||
.slider-bg2 .slider-content ul li:last-child::after{
|
||
display:none;
|
||
}
|
||
|
||
|
||
.slider-bg3::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
background:#240065;
|
||
opacity: .6;
|
||
z-index: -1;
|
||
}
|
||
.slider-bg3 .second-slider-content h2 {
|
||
|
||
font-size: 100px;
|
||
margin-bottom: 20px;
|
||
|
||
}
|
||
|
||
.slider-bg3 .ss-three {
|
||
|
||
top: 85% !important;
|
||
left: 28% !important;
|
||
|
||
}
|
||
.slider-bg3 .ss-two {
|
||
|
||
top: 20% !important;
|
||
left: 45% !important;
|
||
|
||
}
|
||
.slider-bg3 .ss-one {
|
||
top: 25% !important;
|
||
left: 8% !important;
|
||
}
|
||
|
||
.slider-bg3 .ss-four {
|
||
top: 20% !important;
|
||
left: 98% !important;
|
||
}
|
||
.slider-bg3 .slider-content ul li
|
||
{
|
||
margin-right:0;
|
||
}
|
||
.slider-bg3 .slider-content ul li::after {
|
||
content: "|";
|
||
margin: 0 30px;
|
||
}
|
||
.slider-bg3 .slider-content ul li:last-child::after{
|
||
display:none;
|
||
}
|
||
.slider-bg3 .timer .timer-outer {
|
||
width: auto;
|
||
height: auto;
|
||
font-size: 60px;
|
||
text-align: left;
|
||
}
|
||
.slider-bg3 .bdr1 {
|
||
background: none;
|
||
}
|
||
.slider-bg3 .bdr1 span{
|
||
color:#ff5dcb;
|
||
}
|
||
.slider-bg3 .bdr2 {
|
||
background: none;
|
||
}
|
||
.slider-bg3 .bdr2 span{
|
||
color:#66cbff;
|
||
}
|
||
.slider-bg3 .bdr3 {
|
||
background: none;
|
||
}
|
||
.slider-bg3 .bdr3 span{
|
||
color:#58b658;
|
||
}
|
||
.slider-bg3 .bdr4 {
|
||
background: none;
|
||
}
|
||
.slider-bg3 .bdr4 span{
|
||
color:#ffbe4e;
|
||
}
|
||
.slider-bg3 .slick-list {
|
||
overflow: inherit;
|
||
}
|
||
.slider-bg4 {
|
||
min-height: 700px !important;
|
||
}
|
||
.booking-form {
|
||
float: right;
|
||
background: #fff;
|
||
height: 480px;
|
||
width: 480px;
|
||
border-radius: 10px;
|
||
padding: 14%;
|
||
margin-right: -100px;
|
||
position: relative;
|
||
|
||
}
|
||
.booking-form h2{
|
||
font-size:30px;
|
||
text-align:center;
|
||
margin-bottom:30px;
|
||
}
|
||
.booking-form .form-outer .icon {
|
||
float: left;
|
||
width: 30px;
|
||
color: #ff007a;
|
||
}
|
||
.booking-form .form-outer {
|
||
|
||
float: left;
|
||
width: 100%;
|
||
padding: 0px 0 10px;
|
||
margin-bottom: 30px;
|
||
border-bottom: 1px solid #e7edff;
|
||
|
||
}
|
||
.booking-form input,.booking-form select {
|
||
width: 92%;
|
||
border: none;
|
||
}
|
||
.booking-form input::placeholder {
|
||
color: #000;
|
||
}
|
||
.booking-form .btn{
|
||
box-shadow: 0px 10px 19px 0px #ff007a66 !important;
|
||
}
|
||
.booking-form::before {
|
||
position: absolute;
|
||
content: "";
|
||
background: #ffffff1f;
|
||
left: 20px;
|
||
top: 100px;
|
||
right: 20px;
|
||
margin: auto;
|
||
height: 100%;
|
||
z-index: -1;
|
||
width: 450px;
|
||
border-radius: 10px;
|
||
height: 400px;
|
||
}
|
||
.booking-form::after {
|
||
position: absolute;
|
||
content: "";
|
||
height: 100%;
|
||
left: 40px;
|
||
top:110px;
|
||
right: 40px;
|
||
z-index: -1;
|
||
width: 410px;
|
||
height: 400px;
|
||
background: #ffffff1f;
|
||
border-radius: 10px;
|
||
}
|
||
.slider-content ul li {
|
||
display: inline-block;
|
||
font-size: 18px;
|
||
margin-right: 60px;
|
||
margin-bottom: 20px;
|
||
color: #fff;
|
||
}
|
||
.slider-content ul li i{
|
||
margin-right:10px;
|
||
}
|
||
.slider-content > span {
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
color: #ff007a;
|
||
text-transform: uppercase;
|
||
letter-spacing: 6px;
|
||
display: block;
|
||
margin-bottom: 20px;
|
||
}
|
||
.slider-content h2 {
|
||
font-size: 80px;
|
||
color: #fff;
|
||
letter-spacing: -2px;
|
||
line-height: 1.1;
|
||
margin-bottom: 40px;
|
||
}
|
||
.slider-content h2 span {
|
||
color: #ff007a;
|
||
}
|
||
.slider-content p span {
|
||
display: inline-block;
|
||
height: 2px;
|
||
width: 40px;
|
||
background: #ff007a;
|
||
margin-right: 20px;
|
||
position: relative;
|
||
top: -4px;
|
||
}
|
||
.slider-content p {
|
||
color: #fff;
|
||
font-size: 18px;
|
||
margin-bottom: 0;
|
||
}
|
||
.slider-btn .btn {
|
||
background: #fff;
|
||
color:#ff007a;
|
||
}
|
||
.slider-btn .btn::before {
|
||
content: none;
|
||
}
|
||
.slider-btn .btn {
|
||
box-shadow: 3px 3px 0 0 #ff007a;
|
||
}
|
||
.slider-btn .btn:hover{box-shadow: none;}
|
||
.p-relative{position: relative;}
|
||
.down-arrow {
|
||
position: absolute;
|
||
bottom: 60px;
|
||
left: 0;
|
||
right: 0;
|
||
color: #fff;
|
||
z-index: 1;
|
||
height: 60px;
|
||
width: 30px;
|
||
margin: auto;
|
||
text-align: center;
|
||
line-height: 60px;
|
||
border: 2px solid #fff;
|
||
border-radius: 50px;
|
||
font-size: 18px;
|
||
}
|
||
.down-arrow:hover{color: #fff;}
|
||
.slider-active .slick-arrow {
|
||
position: absolute;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
left: 70px;
|
||
height: 60px;
|
||
width: 60px;
|
||
color:#ff007a;
|
||
font-size: 18px;
|
||
line-height: 65px;
|
||
border: none;
|
||
background: #fff;
|
||
border-radius: 50%;
|
||
text-align: center;
|
||
z-index: 9;
|
||
cursor: pointer;
|
||
padding: 0;
|
||
box-shadow: 4px 2px 0 0 transparent;
|
||
transition: .5s;
|
||
}
|
||
.slider-active .slick-next {
|
||
right: 70px;
|
||
left: auto;
|
||
}
|
||
.slider-active .slick-arrow:hover {
|
||
box-shadow: 4px 2px 0 0 #ff007a;
|
||
}
|
||
.second-slider-content h2 {
|
||
font-size: 90px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.second-slider-bg::before{opacity: .85;}
|
||
.second-slider-content {
|
||
padding-top: 85px;
|
||
padding-bottom: 5px;
|
||
}
|
||
.slider-shape{position: absolute !important; z-index:1;}
|
||
.ss-one {
|
||
top: 180px !important;
|
||
left: 115px !important;
|
||
}
|
||
.ss-two {
|
||
top: 60% !important;
|
||
left: 18% !important;
|
||
}
|
||
.ss-three {
|
||
top: 80% !important;
|
||
left: 8% !important;
|
||
}
|
||
.ss-four {
|
||
top: 85% !important;
|
||
left: 30% !important;
|
||
}
|
||
.ss-five {
|
||
left: 61% !important;
|
||
top: 83% !important;
|
||
}
|
||
.ss-six {
|
||
left: 88% !important;
|
||
top: 80% !important;
|
||
}
|
||
.ss-seven {
|
||
top: 20% !important;
|
||
left: 89% !important;
|
||
}
|
||
.ss-eight {
|
||
top: 150px !important;
|
||
left: 60% !important;
|
||
}
|
||
/* 4. about */
|
||
.about-img {
|
||
margin-left: -50px;
|
||
}
|
||
.about-text {
|
||
position: absolute;
|
||
bottom: 65px;
|
||
right: 30px;
|
||
height: 135px;
|
||
width: 265px;
|
||
text-align: center;
|
||
background:#ff007a;
|
||
box-shadow: 5px 5px 0 0 #ff007a;
|
||
}
|
||
.about-text span {
|
||
font-size: 24px;
|
||
color: #fff;
|
||
font-style: italic;
|
||
top: 30px;
|
||
position: relative;
|
||
}
|
||
.about-title > span {
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
color: #fff;
|
||
background:#ff007a;
|
||
height: 30px;
|
||
display: inline-block;
|
||
width: 110px;
|
||
text-align: center;
|
||
line-height: 30px;
|
||
margin-bottom: 30px;
|
||
}
|
||
.about-title h2 {
|
||
font-size: 60px;
|
||
margin-bottom: 35px;
|
||
}
|
||
.about-title h5{
|
||
color:#00a8ff;
|
||
font-size:24px;
|
||
font-weight:500;
|
||
margin-bottom: 20px;
|
||
}
|
||
.about-title h5 span {
|
||
display: inline-block;
|
||
height: 10px;
|
||
width: 15px;
|
||
background: #fff;
|
||
position: relative;
|
||
top: -10px;
|
||
border: 8px solid #ff8bd5;
|
||
border-radius: 0px 1px 26px 0px;
|
||
}
|
||
.about-title p {
|
||
font-size: 18px;
|
||
margin-bottom: 0;
|
||
}
|
||
.about-content p {
|
||
margin-bottom: 45px;
|
||
}
|
||
.section-t h2 {
|
||
color: #f5f5f5;
|
||
-webkit-text-stroke: 2px #f3f5ff;
|
||
-webkit-text-fill-color: #fff0;
|
||
font-size: 200px;
|
||
font-weight:bold;
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
text-align: center;
|
||
z-index: -1;
|
||
margin: 0;
|
||
font-family: 'Montserrat', sans-serif;
|
||
top: -35px;
|
||
line-height: 1;
|
||
}
|
||
.second-about {
|
||
top: 50%;
|
||
transform: translate(-50%,-50%);
|
||
left: 50%;
|
||
right: 0;
|
||
bottom: 0;
|
||
}
|
||
.second-atitle > span {
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
color: #ff007a;
|
||
letter-spacing: 2px;
|
||
display: block;
|
||
margin-bottom: 20px;
|
||
background: transparent;
|
||
width: auto;
|
||
text-align: left;
|
||
|
||
}
|
||
.s-about-content p {
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.feature-box {
|
||
float: left;
|
||
width: 50%;
|
||
text-align: center;
|
||
margin-bottom: 50px;
|
||
}
|
||
.feature-box .crl {
|
||
background: #fff5f5;
|
||
display: inline-block;
|
||
width: 158px;
|
||
height: 158px;
|
||
border-radius: 50%;
|
||
position:relative;
|
||
padding: 48px 0;
|
||
}
|
||
.feature-box .crl img{
|
||
width:auto;
|
||
}
|
||
.feature-box .crl span {
|
||
position: absolute;
|
||
top: 18px;
|
||
right: -15px;
|
||
background: #ff007a;
|
||
width: 45px;
|
||
padding: 7px 0;
|
||
border-radius: 50%;
|
||
color: #fff;
|
||
font-size: 18px;
|
||
border: 2px solid #fff;
|
||
}
|
||
.feature-box .icon {
|
||
float: left;
|
||
font-size: 36px;
|
||
width: 30%;
|
||
text-align: center;
|
||
}
|
||
.feature-box .icon.color1{
|
||
color:#ffca6f;
|
||
}
|
||
.feature-box .icon.color2{
|
||
color:#892aff;
|
||
}
|
||
.feature-box .icon.color3{
|
||
color:#2a84ff;
|
||
}
|
||
.feature-box .icon.color4{
|
||
color:#ff6089;
|
||
}
|
||
.feature-box .content {
|
||
float: left;
|
||
width: 70%;
|
||
padding: 15px 0;
|
||
}
|
||
/* 5. features */
|
||
.features-content h4 {
|
||
font-size: 24px;
|
||
margin-bottom: 17px;
|
||
}
|
||
.features-content p {
|
||
padding: 0 40px;
|
||
margin-bottom: 25px;
|
||
}
|
||
.s-btn {
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
color: #252525;
|
||
display: inline-block;
|
||
border: 1px solid #ccc;
|
||
padding: 9px 30px;
|
||
border-radius: 50px;
|
||
}
|
||
.s-btn:hover {
|
||
background: #ff007a;
|
||
border-color: #ff007a;
|
||
color: #fff;
|
||
}
|
||
.section-title span {
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
color: #ff007a;
|
||
letter-spacing: 2px;
|
||
display: block;
|
||
margin-bottom: 20px;
|
||
}
|
||
.section-title h2 {
|
||
font-size: 55px;
|
||
letter-spacing: -2px;
|
||
margin-bottom: 0px;
|
||
position: relative;
|
||
}
|
||
|
||
.features-p {
|
||
padding-top: 380px;
|
||
}
|
||
.features-icon img {
|
||
border: 5px solid transparent !important;
|
||
border-radius: 50% !important;
|
||
transition: .5s;
|
||
}
|
||
.s-features:hover .features-icon img {
|
||
border: 5px solid #ff007a !important;
|
||
}
|
||
.features-shape{position: absolute;}
|
||
.fshape-one {
|
||
left: 120px;
|
||
top: 25%;
|
||
}
|
||
.fshape-two {
|
||
left: 15%;
|
||
top: 51%;
|
||
}
|
||
.fshape-three {
|
||
top: 69%;
|
||
left: 6%;
|
||
}
|
||
.fshape-four {
|
||
top: 40%;
|
||
left: 89%;
|
||
}
|
||
.fshape-five {
|
||
top: 71%;
|
||
left: 83%;
|
||
}
|
||
|
||
.choose-area .section-title h2::before
|
||
{
|
||
background:#fff;
|
||
}
|
||
/* 6. services */
|
||
.services-area.gray-bg{position: relative;z-index: 1;overflow: hidden;}
|
||
.single-services {
|
||
background: #fff;
|
||
box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
|
||
position: relative;
|
||
}
|
||
.single-services::before {
|
||
content: "";
|
||
height: 100%;
|
||
width: 100%;
|
||
position: absolute;
|
||
left: 5px;
|
||
top: 5px;
|
||
background: #43d4a9;
|
||
z-index: -1;
|
||
transition: .3s;
|
||
opacity: 0;
|
||
}
|
||
.service-t h2 {
|
||
top: 55px;
|
||
}
|
||
.services-thumb img {
|
||
width: 100%;
|
||
}
|
||
.services-content span {
|
||
display: none;
|
||
height: 2px;
|
||
width: 150px;
|
||
background:#ff007a;
|
||
transition: .3s;
|
||
margin-bottom: 55px;
|
||
}
|
||
.services-content {
|
||
padding: 60px 40px;
|
||
padding-bottom: 55px;
|
||
}
|
||
.services-content small {
|
||
font-size: 14px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 2px;
|
||
display: block;
|
||
margin-bottom: 20px;
|
||
}
|
||
.services-content h4 {
|
||
font-size: 24px;
|
||
margin-bottom: 23px;
|
||
}
|
||
.services-content h4:hover a{color: #ff007a;}
|
||
.services-content p{margin-bottom: 0;}
|
||
.single-services:hover .services-content span {background: #ff007a;}
|
||
.single-services:hover::before{opacity: 1;}
|
||
.services-active .slick-dots {
|
||
text-align: center;
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: -40px;
|
||
line-height: 1;
|
||
}
|
||
.services-active .slick-dots li{display: inline-block;margin: 0 5px;}
|
||
.services-active .slick-dots li button {
|
||
text-indent: -99999px;
|
||
border: none;
|
||
padding: 0;
|
||
height: 5px;
|
||
width: 20px;
|
||
background:#ff007a;
|
||
border-radius: 50px;
|
||
z-index: 1;
|
||
cursor: pointer;
|
||
transition: .3s;
|
||
}
|
||
.services-active .slick-dots li.slick-active button {
|
||
width: 50px;
|
||
background: #ff007a;
|
||
}
|
||
.services-active .slick-track {
|
||
padding-bottom: 10px;
|
||
}
|
||
.services-icon {
|
||
margin-bottom: 35px;
|
||
}
|
||
.second-services-content h5 {
|
||
font-size: 20px;
|
||
font-weight: 600;
|
||
margin-bottom: 10px;
|
||
transition: .3s;
|
||
}
|
||
.second-services-content p {
|
||
margin-bottom: 18px;
|
||
}
|
||
.second-services-content a {
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
color: #47759d;
|
||
position: relative;
|
||
transition: .5s;
|
||
}
|
||
.second-services-content a::before,.second-services-content a::after {
|
||
content: "";
|
||
position: absolute;
|
||
right: -50px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
height: 2px;
|
||
width: 30px;
|
||
background: #47759d;
|
||
transition: .5s;
|
||
opacity: 1;
|
||
}
|
||
.second-services-content a::after {
|
||
left: -40px;
|
||
right: unset;
|
||
opacity: 0;
|
||
}
|
||
.s-single-services {
|
||
transition: .3s;
|
||
padding: 60px 40px;
|
||
}
|
||
.s-single-services:hover {background: #fff;}
|
||
.s-single-services:hover .second-services-content h5{color:#ff007a;}
|
||
.s-single-services:hover .second-services-content a{padding-left: 50px;color:#ff007a;}
|
||
.s-single-services:hover .second-services-content a::before{right: -60px;opacity: 0;}
|
||
.s-single-services:hover .second-services-content a::after{left: 0;opacity: 1;background:#ff007a;}
|
||
.s-single-services.active {background: #fff;}
|
||
.s-single-services.active .second-services-content h5{color:#ff007a;}
|
||
.s-single-services.active .second-services-content a{padding-left: 50px;color:#ff007a;}
|
||
.s-single-services.active .second-services-content a::before{right: -60px;opacity: 0;}
|
||
.s-single-services.active .second-services-content a::after{left: 0;opacity: 1;background:#ff007a;}
|
||
.services-bg {
|
||
background-position: center;
|
||
background-size: cover;
|
||
}
|
||
/* 7. video */
|
||
.video-position {
|
||
position: absolute;
|
||
bottom: -170px;
|
||
left: 50px;
|
||
}
|
||
.video-img {
|
||
position: relative;
|
||
overflow: hidden;
|
||
z-index: 1;
|
||
}
|
||
.video-img::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
background:#ff007a;
|
||
opacity: .65;
|
||
}
|
||
.video-img a {
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%,-50%);
|
||
z-index: 9;
|
||
font-size: 14px;
|
||
color: #ff007a;
|
||
height: 80px;
|
||
width: 80px;
|
||
text-align: center;
|
||
line-height: 80px;
|
||
background: #fff;
|
||
border-radius: 50%;
|
||
}
|
||
.video-img a::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
height: 90px;
|
||
width: 90px;
|
||
background: rgba(255, 255, 255, 0.479);
|
||
z-index: -1;
|
||
border-radius: 50%;
|
||
transform: translate(-50%,-50%);
|
||
animation: pulse-border 1boldms ease-out infinite;
|
||
}
|
||
@keyframes pulse-border {
|
||
0% {
|
||
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
|
||
opacity: 1;
|
||
}
|
||
100% {
|
||
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
.left-align h2::before{margin: unset;}
|
||
.video-content p {
|
||
margin-bottom: 30px;
|
||
}
|
||
.v-list ul li {
|
||
margin-bottom: 20px;
|
||
}
|
||
.v-list ul li:last-child {
|
||
margin-bottom: 0px;
|
||
}
|
||
.v-list ul li i {
|
||
color:#ff007a;
|
||
display: inline-block;
|
||
margin-right: 5px;
|
||
}
|
||
.v-padding {
|
||
padding-top: 35px;
|
||
}
|
||
.s-video-wrap {
|
||
background-position: center;
|
||
/* background-size: cover; */
|
||
background-repeat: no-repeat;
|
||
background-size: 100%;
|
||
height: 640px;
|
||
display: flex;
|
||
align-items: flex-end;
|
||
margin-top: 55px;
|
||
position:relative;
|
||
border-radius:30px;
|
||
}
|
||
.s-video-wrap::before {
|
||
position: absolute;
|
||
content: "";
|
||
background: rgba(0, 38, 145, .3);
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
border-radius:30px;
|
||
}
|
||
.about-area .s-video-wrap {
|
||
border-radius:0;
|
||
}
|
||
.about-area .s-video-wrap::before {
|
||
display:none;
|
||
}
|
||
.about-area .s-video-wrap::after {
|
||
background: #ffc7e2;
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 100%;
|
||
content: "";
|
||
z-index: -1;
|
||
left: 3%;
|
||
top: 3%;
|
||
}
|
||
.about-area .s-video-content a {
|
||
z-index: 9;
|
||
font-size: 20px;
|
||
color: #fff;
|
||
height: 80px;
|
||
width: 80px;
|
||
text-align: center;
|
||
line-height: 80px;
|
||
background: #ff007a;
|
||
border-radius: 50%;
|
||
display: inline-block;
|
||
position: relative;
|
||
}
|
||
.about-area .s-video-wrap {
|
||
align-items: center;
|
||
}
|
||
.s-video-content {
|
||
width: 100%;
|
||
text-align: center;
|
||
position: relative;
|
||
}
|
||
.s-video-content a {
|
||
z-index: 9;
|
||
font-size: 40px;
|
||
color: #fff;
|
||
height: 170px;
|
||
width: 170px;
|
||
text-align: center;
|
||
line-height: 170px;
|
||
background: #ff007a;
|
||
border-radius: 50%;
|
||
display: inline-block;
|
||
position: relative;
|
||
}
|
||
.s-video-content a::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
height: 170px;
|
||
width: 170px;
|
||
background: rgba(255, 255, 255, 0.479);
|
||
z-index: -1;
|
||
border-radius: 50%;
|
||
transform: translate(-50%,-50%);
|
||
animation: pulse-border 1500ms ease-out infinite;
|
||
}
|
||
.s-video-content h2 {
|
||
font-size: 55px;
|
||
color: #fff;
|
||
font-weight: 600;
|
||
letter-spacing: -2px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.s-video-content p {
|
||
font-size: 18px;
|
||
color: #fff;
|
||
margin-bottom: 0;
|
||
}
|
||
/* 8. choose */
|
||
.chosse-img {
|
||
background-size: cover;
|
||
height: 100%;
|
||
left: 0;
|
||
position: absolute;
|
||
top: 0;
|
||
width: 50%;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
.choose-content p {
|
||
margin-bottom: 30px;
|
||
color: #fff;
|
||
}
|
||
.choose-list ul li {
|
||
margin-bottom: 20px;
|
||
color: #fff;
|
||
}
|
||
.choose-list ul li i {
|
||
color: #fff;
|
||
display: inline-block;
|
||
margin-right: 5px;
|
||
}
|
||
.choose-area {
|
||
background-size: cover;
|
||
background-position: center;
|
||
}
|
||
.choose-content p {
|
||
margin-bottom: 30px;
|
||
color: #fff;
|
||
padding-right: 150px;
|
||
}
|
||
/* 9. brand */
|
||
.single-brand {text-align: center;}
|
||
.single-brand img {display: inline-block;}
|
||
/* 10. work-process */
|
||
.wp-bg {
|
||
background-position: center;
|
||
background-size: cover;
|
||
}
|
||
.w-title h2{color: #fff;}
|
||
.w-title h2::before{background-color: #fff;}
|
||
.wp-list {
|
||
background: #232c8e;
|
||
box-shadow: 0px 10px 30px 0px rgba(29, 38, 129, 0.48);
|
||
padding: 80px 50px;
|
||
padding-bottom: 75px;
|
||
}
|
||
.wp-list ul li {
|
||
display: flex;
|
||
align-items: start;
|
||
overflow: hidden;
|
||
margin-bottom: 45px;
|
||
}
|
||
.wp-list ul li:last-child {
|
||
margin-bottom: 0px;
|
||
}
|
||
.wp-icon {
|
||
margin-right: 25px;
|
||
}
|
||
.wp-content h5 {
|
||
color: #fff;
|
||
font-size: 24px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.wp-content p{color: #fff;margin-bottom: 0;}
|
||
.wp-tag {
|
||
position: absolute;
|
||
left: 70px;
|
||
top: 90px;
|
||
animation: alltuchtopdown 3s infinite;
|
||
-webkit-animation: alltuchtopdown 3s infinite;
|
||
animation-delay: 0s;
|
||
-webkit-animation-delay: 1s;
|
||
}
|
||
@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(-10px);
|
||
-moz-transform: rotateX(0deg) translateY(-10px);
|
||
-ms-transform: rotateX(0deg) translateY(-10px);
|
||
-o-transform: rotateX(0deg) translateY(-10px);
|
||
transform: rotateX(0deg) translateY(-10px);
|
||
}
|
||
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(-10px);
|
||
-moz-transform: rotateX(0deg) translateY(-10px);
|
||
-ms-transform: rotateX(0deg) translateY(-10px);
|
||
-o-transform: rotateX(0deg) translateY(-10px);
|
||
transform: rotateX(0deg) translateY(-10px);
|
||
}
|
||
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);
|
||
}
|
||
}
|
||
.wp-img {
|
||
margin-right: -60px;
|
||
margin-top: -60px;
|
||
margin-bottom: -15px;
|
||
}
|
||
.wp-thumb img {
|
||
width: 100%;
|
||
}
|
||
.inner-wp-icon {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 30px;
|
||
}
|
||
.inner-wp-c {
|
||
overflow: hidden;
|
||
display: block;
|
||
}
|
||
.inner-wp-c h5 {
|
||
font-size: 24px;
|
||
font-weight: 600;
|
||
margin-bottom: 15px;
|
||
}
|
||
.inner-wp-c p{margin-bottom: 0;}
|
||
/* 11. team */
|
||
.team-area{
|
||
background:#f6fbff;
|
||
}
|
||
.team-area p{
|
||
margin-top:10px;
|
||
margin-bottom:0;
|
||
color: #ff007a;
|
||
font-style:italic;
|
||
}
|
||
.team-area strong{
|
||
color: #ff007a;
|
||
font-size:16px;
|
||
}
|
||
.team-social {
|
||
border-bottom: 1px solid #e2edff;
|
||
}
|
||
.team-area .section-t h2 {
|
||
color: #f6fbff;
|
||
-webkit-text-stroke: 2px #ecefff;
|
||
-webkit-text-fill-color: #f6fbff;
|
||
}
|
||
.single-team {
|
||
background: #fff;
|
||
position:relative;
|
||
}
|
||
.single-team .tag {
|
||
position: absolute;
|
||
top: 2%;
|
||
right: 5%;
|
||
color: #fff;
|
||
background: #00b4ff;
|
||
padding: 3px 10px;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
}
|
||
.team-thumb{margin-bottom: 5px;}
|
||
|
||
.team-info {
|
||
margin-left: 15px;
|
||
margin-right: 20px;
|
||
transform: translateY(0);
|
||
padding: 20px 20px 0;
|
||
transition: .3s;
|
||
}
|
||
.team-info h4 {
|
||
font-size: 20px;
|
||
margin-bottom: 5px;
|
||
transition: .3s;
|
||
}
|
||
.team-info span {
|
||
font-size: 16px;
|
||
transition: .3s;
|
||
}
|
||
.team-social a {
|
||
font-size: 14px;
|
||
color: #96b3cd;
|
||
margin: 0 3px;
|
||
display: inline-block;
|
||
width: 40px;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
border: 2px solid #e2edff;
|
||
border-radius: 50%;
|
||
}
|
||
.team-social a:hover {
|
||
font-size: 14px;
|
||
color: #fff;
|
||
background:#ff007a;
|
||
box-shadow: 0px 10px 19px 0px #ff007a66 !important;
|
||
border: 2px solid #ff007a;
|
||
}
|
||
|
||
/*.single-team:hover .team-info{transform: translateY(-45px);background:#ff007a;box-shadow: 5px 5px 0 0 #ff007a;}
|
||
.single-team:hover .team-info h4{color: #fff;}
|
||
.single-team:hover .team-info span{color: #fff;}
|
||
.single-team:hover .team-info a{color: #fff;}*/
|
||
.team-t h2 {
|
||
top: -73px;
|
||
}
|
||
.team-area-content {
|
||
background: #fff;
|
||
}
|
||
.team-area-content p {
|
||
font-style: inherit;
|
||
color: #47759d;
|
||
font-size: 16px;
|
||
}
|
||
.team-area-content span{
|
||
margin-top: 10px;
|
||
margin-bottom: 15px;
|
||
color: #ff007a;
|
||
font-weight: bold;
|
||
font-size: 16px;
|
||
display: inline-block;
|
||
}
|
||
.team-area-content i{
|
||
font-weight:normal;
|
||
}
|
||
.team-area-content .social a i.fab{
|
||
font-size: 16px;
|
||
color: #96b3cd;
|
||
margin-right: 15px;
|
||
display: inline-block;
|
||
width: 40px;
|
||
height: 40px;
|
||
line-height: 37px;
|
||
border: 2px solid #e7ebff;
|
||
border-radius: 50%;
|
||
text-align: center;
|
||
}
|
||
.team-area-content .circal2 {
|
||
top: 75%;
|
||
}
|
||
.circal1 {
|
||
height: 26px;
|
||
width: 26px;
|
||
background: #ffcece;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
left: 5%;
|
||
}
|
||
.circal2 {
|
||
height: 130px;
|
||
width: 130px;
|
||
background: #ffb884;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
left: 16%;
|
||
top: 54%;
|
||
}
|
||
.circal3 {
|
||
height: 66px;
|
||
width: 66px;
|
||
background: #00b4ff;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
top: 50%;
|
||
right: 8%;
|
||
}
|
||
.circal4 {
|
||
height: 380px;
|
||
width: 380px;
|
||
background: #00f6ff;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
right: -9%;
|
||
top: 54%;
|
||
}
|
||
/* 12. counter */
|
||
.counter-area{
|
||
position:relative;
|
||
}
|
||
.counter-area ul{
|
||
margin-top:50px;
|
||
color:#fff;
|
||
font-size:16px;
|
||
}
|
||
.counter-area > span {
|
||
color: #00fff6;
|
||
}
|
||
.counter-area ul li {
|
||
float: left;
|
||
margin-bottom: 30px;
|
||
}
|
||
.counter-area ul li img{
|
||
float:left;
|
||
}
|
||
.counter-area ul li span {
|
||
float: left;
|
||
width: 80%;
|
||
margin-left: 30px;
|
||
}
|
||
.counter-area::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: url(../img/counter-overley.png);
|
||
background-size: cover;
|
||
}
|
||
.counter-area h2 {
|
||
font-size: 60px;
|
||
margin-bottom: 35px;
|
||
color:#fff;
|
||
}
|
||
.counter-area h5 {
|
||
color: #f9ff54;
|
||
font-size: 24px;
|
||
font-weight: bold;
|
||
margin-bottom: 20px;
|
||
}
|
||
.count {
|
||
font-size: 80px;
|
||
color: #fff;
|
||
font-family: 'Montserrat', sans-serif;
|
||
margin-bottom: 0;
|
||
line-height: 1;
|
||
display: inline-block;
|
||
font-weight: bold;
|
||
}
|
||
.counter small {
|
||
font-size: 80px;
|
||
font-weight: bold;
|
||
color: #fff;
|
||
line-height: 1;
|
||
position: relative;
|
||
right: 0;
|
||
font-family: 'Montserrat', sans-serif;
|
||
}
|
||
.cr1 {
|
||
width: 250px;
|
||
height: 250px;
|
||
position: absolute;
|
||
background: #af77ebd6;
|
||
padding: 72px 0;
|
||
z-index: 1;
|
||
border-radius: 50%;
|
||
}
|
||
.cr2 {
|
||
width: 325px;
|
||
height: 325px;
|
||
position: absolute;
|
||
background: #05c24ae6;
|
||
padding: 112px 0;
|
||
border-radius: 50%;
|
||
top: 111px;
|
||
left: 30%;
|
||
}
|
||
.cr3 {
|
||
width: 180px;
|
||
height: 180px;
|
||
position: absolute;
|
||
background: #04bdebe8;
|
||
padding: 40px 0;
|
||
left: 66%;
|
||
border-radius: 50%;
|
||
}
|
||
.cr3 .count,.cr3 small{
|
||
font-size:60px;
|
||
}
|
||
.cr4 {
|
||
width: 15px;
|
||
height: 15px;
|
||
position: absolute;
|
||
background: #eaff00;
|
||
left: 53%;
|
||
border-radius: 50%;
|
||
top: 10%;
|
||
}
|
||
.cr5{
|
||
width: 40px;
|
||
height: 40px;
|
||
position: absolute;
|
||
background: #00fcff;
|
||
left: 16%;
|
||
border-radius: 50%;
|
||
top: 65%;
|
||
}
|
||
.cr6 {
|
||
width: 15px;
|
||
height: 15px;
|
||
position: absolute;
|
||
background: #ff00a2;
|
||
right: -10%;
|
||
border-radius: 50%;
|
||
top: 60%;
|
||
}
|
||
.counter-area .second-atitle span {
|
||
color: #00fff6;
|
||
}
|
||
|
||
|
||
.single-counter p {
|
||
font-size: 20px;
|
||
margin-bottom: 0;
|
||
color: #fff;
|
||
}
|
||
/* 12. contact */
|
||
.contact-area{
|
||
position:relative;
|
||
}
|
||
|
||
.contact-area::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
background:rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(0, 55, 213, 0.80), rgba(0, 174, 255, 0.80)) repeat scroll 0 0;
|
||
background-size: cover;
|
||
}
|
||
.contact-area h2 {
|
||
font-size: 60px;
|
||
margin-bottom: 35px;
|
||
color:#fff;
|
||
}
|
||
.contact-area h5 {
|
||
color: #fff;
|
||
font-size:22px;
|
||
}
|
||
.contact-area .second-atitle > span,.contact-area p{
|
||
color: #fff;
|
||
}
|
||
.contact-area .feature-box .icon {
|
||
font-size: 24px;
|
||
width: 15%;
|
||
text-align: left;
|
||
color: #fff;
|
||
}
|
||
.contact-area .feature-box .content {
|
||
float: left;
|
||
width: 85%;
|
||
padding: 5px 0 0;
|
||
}
|
||
.contact-area .feature-box {
|
||
margin-bottom: 0;
|
||
}
|
||
.contact-area .in-circal1 {
|
||
background: #4abdff;
|
||
width: 30px;
|
||
height: 30px;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
top:5%;
|
||
left: 10%;
|
||
border: 10px solid #fff;
|
||
}
|
||
.contact-area .in-circal2 {
|
||
background: #4abdff;
|
||
width: 30px;
|
||
height: 30px;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
top:35%;
|
||
left: 35%;
|
||
border: 10px solid #fff;
|
||
}
|
||
.contact-area .in-circal3 {
|
||
background: #4abdff;
|
||
width: 30px;
|
||
height: 30px;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
top:25%;
|
||
right: 10%;
|
||
border: 10px solid #fff;
|
||
}
|
||
.contact-area .in-circal4 {
|
||
background: #4abdff;
|
||
width: 30px;
|
||
height: 30px;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
top:55%;
|
||
right: 25%;
|
||
border: 10px solid #fff;
|
||
}
|
||
.contact-area .in-circal5 {
|
||
background: #4abdff;
|
||
width: 30px;
|
||
height: 30px;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
top:80%;
|
||
left: 30%;
|
||
border: 10px solid #fff;
|
||
}
|
||
/*--- portfolio ---*/
|
||
.portfolio-area {
|
||
background: #f6fbff;
|
||
}
|
||
.grid-item {
|
||
padding-bottom: 15px;
|
||
padding-bottom: 15px;
|
||
padding-right: 7px;
|
||
padding-left: 7px;
|
||
}
|
||
/* Shop */
|
||
.shop-area select {
|
||
padding: 10px;
|
||
}
|
||
.product__img {
|
||
position: relative;
|
||
}
|
||
.product__img img {
|
||
width: 100%;
|
||
}
|
||
.product:hover .product-action a {
|
||
margin: 0 5px;
|
||
opacity: 1;
|
||
visibility: visible;
|
||
}
|
||
|
||
.product-action {
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 30px;
|
||
}
|
||
|
||
.product-action a {
|
||
display: inline-block;
|
||
background: #ffffff;
|
||
line-height: 40px;
|
||
color: #a39fb4;
|
||
margin: 0 8px;
|
||
opacity: 0;
|
||
visibility: hidden;
|
||
border-radius: 5px;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
.product-action a:hover {
|
||
background: #E12454;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.pro-cat {
|
||
margin-bottom: 15px;
|
||
display: block;
|
||
}
|
||
|
||
.pro-cat a {
|
||
color: #ff007a;
|
||
font-size: 14px;
|
||
letter-spacing: 2px;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.pro-title {
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.pro-title a {
|
||
font-size: 24px;
|
||
}
|
||
|
||
.pro-title a:hover {
|
||
color: #E12454;
|
||
}
|
||
|
||
.price span {
|
||
color: #8e84b8;
|
||
font-size: 14px;
|
||
display: inline-block;
|
||
margin: 0 5px;
|
||
}
|
||
|
||
.price span.old-price {
|
||
color: #b7afd5;
|
||
text-decoration: line-through;
|
||
}
|
||
|
||
.product-showing p {
|
||
margin: 0;
|
||
border: 2px solid #eaedff;
|
||
padding: 17px 30px;
|
||
text-align: center;
|
||
line-height: 1;
|
||
display: inline-block;
|
||
text-transform: uppercase;
|
||
font-size: 12px;
|
||
letter-spacing: 2px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.product-showing p {
|
||
padding: 17px 15px;
|
||
}
|
||
}
|
||
|
||
.pro-filter {
|
||
position: relative;
|
||
display: inline-block;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.pro-filter {
|
||
float: left;
|
||
}
|
||
}
|
||
.img, img {
|
||
max-width: 100%;
|
||
transition: all 0.3s ease-out 0s;
|
||
}
|
||
.pro-filter select {
|
||
border: 2px solid #eaedff;
|
||
padding: 17px 30px;
|
||
display: inline-block;
|
||
text-transform: uppercase;
|
||
font-size: 12px;
|
||
letter-spacing: 2px;
|
||
line-height: 1;
|
||
color: #6f7172;
|
||
appearance: none;
|
||
-moz-appearance: none;
|
||
width: 145px;
|
||
font-weight: 500;
|
||
}
|
||
.pro-filter .nice-select {
|
||
-webkit-tap-highlight-color: transparent;
|
||
background-color: #fff;
|
||
border-radius: 0;
|
||
border: solid 1px #e8e8e8;
|
||
box-sizing: border-box;
|
||
clear: both;
|
||
cursor: pointer;
|
||
display: block;
|
||
float: left;
|
||
font-family: inherit;
|
||
font-size: 14px;
|
||
font-weight: normal;
|
||
height: 50px;
|
||
line-height: 48px;
|
||
outline: none;
|
||
padding-left: 18px;
|
||
padding-right: 30px;
|
||
position: relative;
|
||
text-align: left !important;
|
||
-webkit-transition: all 0.2s ease-in-out;
|
||
transition: all 0.2s ease-in-out;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
white-space: nowrap;
|
||
width: auto;
|
||
}
|
||
.pro-filter::before {
|
||
content: "\f107";
|
||
right: 15px;
|
||
top: 15px;
|
||
position: absolute;
|
||
color: #758799;
|
||
font-family: "Font Awesome 5 Free";
|
||
font-weight: 700;
|
||
}
|
||
|
||
.shop-tab ul li {
|
||
margin-left: 20px;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.shop-tab ul li {
|
||
margin-left: 10px;
|
||
}
|
||
}
|
||
|
||
.shop-tab ul li a {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #6f7172;
|
||
letter-spacing: 2px;
|
||
padding: 0;
|
||
text-transform: uppercase;
|
||
position: relative;
|
||
height: 50px;
|
||
width: 50px;
|
||
border-radius: 50%;
|
||
background: #f6f6ff;
|
||
line-height: 51px;
|
||
text-align: center;
|
||
}
|
||
|
||
.shop-tab ul li a.active {
|
||
color: white;
|
||
background: #8fb569;
|
||
}
|
||
|
||
.shop-thumb-tab {
|
||
width: 160px;
|
||
float: right;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.shop-thumb-tab {
|
||
float: none;
|
||
width: 100%;
|
||
margin-bottom: 0;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.shop-thumb-tab ul {
|
||
margin: 0 -5px;
|
||
}
|
||
}
|
||
|
||
.shop-thumb-tab ul li {
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.shop-thumb-tab ul li {
|
||
width: 33.33%;
|
||
float: left;
|
||
padding: 0 5px;
|
||
}
|
||
}
|
||
|
||
.shop-thumb-tab ul li a {
|
||
padding: 0;
|
||
}
|
||
|
||
.product-details-img {
|
||
margin-right: 180px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.product-details-img {
|
||
margin-left: 0;
|
||
}
|
||
}
|
||
|
||
.product-details-title p {
|
||
color: #6a667b;
|
||
font-size: 12px;
|
||
text-transform: uppercase;
|
||
font-weight: 500;
|
||
letter-spacing: 1px;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.product-details-title h1 {
|
||
font-size: 40px;
|
||
margin: 0;
|
||
line-height: 1.2;
|
||
letter-spacing: -2px;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.product-details-title h1 {
|
||
font-size: 36px;
|
||
}
|
||
}
|
||
.details-price span {
|
||
color: #ff007a;
|
||
font-size: 20px;
|
||
font-weight: 400;
|
||
margin-left: 0;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.details-price {
|
||
border-bottom: 2px solid #eaedff;
|
||
}
|
||
|
||
.product-cat span {
|
||
text-transform: uppercase;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
color: #100d1c;
|
||
}
|
||
|
||
.product-cat a {
|
||
text-transform: uppercase;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
letter-spacing: 2px;
|
||
}
|
||
|
||
.product-cat a:hover {
|
||
color: #8fb569;
|
||
}
|
||
|
||
.product-social a {
|
||
margin-right: 10px;
|
||
background: #f5f5ff;
|
||
height: 50px;
|
||
width: 50px;
|
||
line-height: 48px;
|
||
border-radius: 30px;
|
||
color: #6f7172;
|
||
display: inline-block;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.product-social a {
|
||
margin-bottom: 10px;
|
||
}
|
||
}
|
||
|
||
.product-social a:hover {
|
||
background: #8fb569;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.plus-minus {
|
||
display: inline-block;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.plus-minus {
|
||
display: block;
|
||
margin-bottom: 15px;
|
||
}
|
||
}
|
||
|
||
@media only screen and (min-width: 576px) and (max-width: 767px) {
|
||
.plus-minus {
|
||
display: inline-block;
|
||
margin-bottom: 0;
|
||
}
|
||
}
|
||
|
||
.action-btn {
|
||
background: #8fb569;
|
||
padding: 20px 25px;
|
||
border: none;
|
||
margin-left: 15px;
|
||
color: #ffffff;
|
||
display: inline-block;
|
||
}
|
||
|
||
.action-btn:hover {
|
||
background: #e12454;
|
||
color: #ffffff;
|
||
}
|
||
.product-action-list {
|
||
overflow: hidden;
|
||
}
|
||
.product-action-list a {
|
||
float: left;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.product-action-list a.btn {
|
||
padding: 23px 30px;
|
||
margin-bottom: 7px;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.product-action-list a.action-btn {
|
||
margin-left: 5px;
|
||
margin-bottom: 7px;
|
||
}
|
||
}
|
||
|
||
.cart-plus-minus input {
|
||
height: 60px;
|
||
width: 100px;
|
||
border: 0;
|
||
border: 2px solid #eaedff;
|
||
text-align: center;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
}
|
||
|
||
.cart-plus-minus {
|
||
display: inline-block;
|
||
position: relative;
|
||
margin-right: 15px;
|
||
}
|
||
|
||
.cart-plus-minus .qtybutton {
|
||
position: absolute;
|
||
top: 15px;
|
||
left: 17px;
|
||
font-size: 20px;
|
||
color: #c4bedd;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.cart-plus-minus .inc {
|
||
left: auto;
|
||
right: 17px;
|
||
}
|
||
|
||
.additional-info .table td, .additional-info .table th {
|
||
padding: .75rem 0;
|
||
vertical-align: top;
|
||
border-top: 1px solid #f6f6f6;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.shop-cat a {
|
||
padding: 45px 30px;
|
||
border: 2px solid #eaedff;
|
||
display: block;
|
||
}
|
||
|
||
.shop-cat a i {
|
||
font-size: 100px;
|
||
color: #8fb569;
|
||
margin-bottom: 30px;
|
||
transition: .3s;
|
||
}
|
||
|
||
.shop-cat a h4 {
|
||
text-transform: uppercase;
|
||
font-size: 16px;
|
||
font-weight: 700;
|
||
font-family: "Poppins", sans-serif;
|
||
transition: .3s;
|
||
letter-spacing: 1px;
|
||
}
|
||
|
||
.shop-cat a:hover {
|
||
background: #8fb569;
|
||
border-color: #8fb569;
|
||
}
|
||
|
||
.shop-cat a:hover i {
|
||
color: #ffffff;
|
||
}
|
||
|
||
.shop-cat a:hover h4 {
|
||
color: #ffffff;
|
||
}
|
||
|
||
.product-list-content .price span:first-child {
|
||
margin-left: 0;
|
||
}
|
||
|
||
.bakix-details-tab ul {
|
||
border-bottom: 2px solid #e1e1e1;
|
||
}
|
||
|
||
.bakix-details-tab ul li a {
|
||
font-size: 16px;
|
||
font-weight: 500;
|
||
color: #8c8bb5;
|
||
letter-spacing: 2px;
|
||
padding: 0;
|
||
text-transform: capitalize;
|
||
position: relative;
|
||
padding: 0 25px;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.bakix-details-tab ul li a {
|
||
padding: 0 10px;
|
||
}
|
||
}
|
||
|
||
.bakix-details-tab ul li a.active {
|
||
color: #100d1c;
|
||
}
|
||
|
||
.bakix-details-tab ul li a.active:before {
|
||
position: absolute;
|
||
bottom: -32px;
|
||
left: 0;
|
||
height: 2px;
|
||
width: 100%;
|
||
content: "";
|
||
background: #e12454 ;
|
||
transition: .3s;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.bakix-details-tab ul li a.active:before {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
@media only screen and (min-width: 576px) and (max-width: 767px) {
|
||
.bakix-details-tab ul li a.active:before {
|
||
display: block;
|
||
}
|
||
}
|
||
|
||
/* Cart */
|
||
.table-content table {
|
||
background: #ffffff;
|
||
border-color: #eaedff;
|
||
border-radius: 0;
|
||
border-style: solid;
|
||
border-width: 1px 0 0 1px;
|
||
text-align: center;
|
||
width: 100%;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.table-content table td.product-name {
|
||
font-size: 16px;
|
||
font-weight: 400;
|
||
text-transform: capitalize;
|
||
}
|
||
|
||
.table-content table td.product-name a:hover {
|
||
color: #e12454;
|
||
}
|
||
|
||
.table-content table td {
|
||
border-top: medium none;
|
||
padding: 20px 10px;
|
||
vertical-align: middle;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.table-content table th, .table-content table td {
|
||
border-bottom: 1px solid #eaedff;
|
||
border-right: 1px solid #eaedff;
|
||
}
|
||
|
||
.product-quantity input {
|
||
border: none;
|
||
color: #6f7172;
|
||
font-size: 14px;
|
||
font-weight: normal;
|
||
border: 0;
|
||
}
|
||
|
||
.table td, .table th {
|
||
border-top: 1px solid #eaedff;
|
||
}
|
||
|
||
.product-quantity > input {
|
||
width: 80px;
|
||
border-radius: 3px;
|
||
}
|
||
|
||
.table-content table td.product-subtotal {
|
||
font-size: 16px;
|
||
}
|
||
|
||
.table-content table td .cart-plus-minus {
|
||
float: none;
|
||
margin: 0 auto;
|
||
}
|
||
|
||
.coupon-all {
|
||
margin-top: 50px;
|
||
}
|
||
|
||
.coupon {
|
||
float: left;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.coupon {
|
||
float: none;
|
||
}
|
||
}
|
||
#coupon_code {
|
||
height: 62px;
|
||
border: 2px solid #eaedff;
|
||
padding: 0 15px;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
#coupon_code {
|
||
margin-bottom: 15px;
|
||
}
|
||
}
|
||
|
||
.coupon2 {
|
||
float: right;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.coupon2 {
|
||
float: none;
|
||
margin-top: 15px;
|
||
}
|
||
}
|
||
|
||
.cart-page-total {
|
||
padding-top: 50px;
|
||
}
|
||
|
||
.cart-page-total > h2 {
|
||
font-size: 25px;
|
||
margin-bottom: 20px;
|
||
text-transform: capitalize;
|
||
}
|
||
|
||
.cart-page-total > ul {
|
||
border: 1px solid #eaedff;
|
||
}
|
||
|
||
.cart-page-total > ul > li {
|
||
list-style: none;
|
||
font-size: 15px;
|
||
color: #6f7172;
|
||
padding: 10px 30px;
|
||
border-bottom: 1px solid #eaedff;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.cart-page-total ul > li > span {
|
||
float: right;
|
||
}
|
||
|
||
.cart-page-total li:last-child {
|
||
border-bottom: 0;
|
||
}
|
||
td.product-thumbnail img {
|
||
width: 125px;
|
||
}
|
||
|
||
/*Checkout */
|
||
.coupon-accordion h3 {
|
||
background-color: #fff1f0;
|
||
border-top: 3px solid #e12454;
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
margin: 0 0 25px;
|
||
padding: 1em 2em 1em 3.5em;
|
||
position: relative;
|
||
width: auto;
|
||
}
|
||
|
||
.coupon-accordion h3::before {
|
||
content: "\f07b";
|
||
left: 15px;
|
||
top: 13px;
|
||
position: absolute;
|
||
color: #6f7172;
|
||
font-family: "Font Awesome 5 Free";
|
||
font-weight: 700;
|
||
}
|
||
|
||
.coupon-accordion span {
|
||
color: #6f7172;
|
||
cursor: pointer;
|
||
transition: .3s;
|
||
}
|
||
|
||
.coupon-accordion span:hover, p.lost-password a:hover {
|
||
color: #e12454;
|
||
}
|
||
|
||
.coupon-content {
|
||
border: 1px solid #eaedff;
|
||
display: none;
|
||
margin-bottom: 20px;
|
||
padding: 30px;
|
||
}
|
||
|
||
.coupon-info p.coupon-text {
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.coupon-info p {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
|
||
display: block;
|
||
color: #6f7172;
|
||
}
|
||
|
||
.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
|
||
color: red;
|
||
font-weight: 700;
|
||
}
|
||
|
||
.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
|
||
border: 1px solid #eaedff;
|
||
height: 45px;
|
||
margin: 0 0 14px;
|
||
max-width: 100%;
|
||
padding: 0 0 0 10px;
|
||
width: 100%;
|
||
}
|
||
|
||
.coupon-info p.form-row input[type="submit"]:hover, p.checkout-coupon input[type="submit"]:hover {
|
||
background: #e12454 none repeat scroll 0 0;
|
||
}
|
||
|
||
.coupon-info p.form-row input[type="checkbox"] {
|
||
position: relative;
|
||
top: 2px;
|
||
}
|
||
|
||
.form-row > label {
|
||
margin-top: 15px;
|
||
margin-left: 15px;
|
||
color: #6f7172;
|
||
}
|
||
|
||
.buttons-cart input, .coupon input[type="submit"], .buttons-cart a, .coupon-info p.form-row input[type="submit"] {
|
||
background: #252525 none repeat scroll 0 0;
|
||
border: medium none;
|
||
color: #fff;
|
||
display: inline-block;
|
||
float: left;
|
||
font-size: 12px;
|
||
font-weight: 700;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
margin-right: 15px;
|
||
padding: 0 15px;
|
||
text-transform: uppercase;
|
||
transition: all 0.3s ease 0s;
|
||
}
|
||
|
||
p.lost-password {
|
||
margin-top: 15px;
|
||
}
|
||
|
||
p.lost-password a {
|
||
color: #6f6f6f;
|
||
}
|
||
|
||
p.checkout-coupon input[type="text"] {
|
||
height: 45px;
|
||
padding: 0 15px;
|
||
width: 100%;
|
||
border: 1px solid #eaedff;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.coupon-checkout-content {
|
||
display: none;
|
||
}
|
||
|
||
.checkbox-form h3 {
|
||
border-bottom: 1px solid #eaedff;
|
||
font-size: 26px;
|
||
margin: 0 0 20px;
|
||
padding-bottom: 10px;
|
||
width: 100%;
|
||
}
|
||
|
||
.country-select {
|
||
margin-bottom: 30px;
|
||
position: relative;
|
||
}
|
||
|
||
.country-select label, .checkout-form-list label {
|
||
color: #6f7172;
|
||
display: block;
|
||
margin: 0 0 5px;
|
||
}
|
||
|
||
.country-select label span.required, .checkout-form-list label span.required {
|
||
color: red;
|
||
}
|
||
|
||
.country-select select {
|
||
-moz-appearance: none;
|
||
border: 1px solid #eaedff;
|
||
height: 45px;
|
||
padding-left: 10px;
|
||
width: 100%;
|
||
color: #6f7172;
|
||
}
|
||
|
||
.country-select::before {
|
||
content: "\f107";
|
||
right: 15px;
|
||
top: 38px;
|
||
position: absolute;
|
||
color: #6f7172;
|
||
font-family: "Font Awesome 5 Free";
|
||
font-weight: 700;
|
||
}
|
||
|
||
.checkout-form-list {
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
.checkout-form-list label {
|
||
color: #6f7172;
|
||
}
|
||
|
||
.checkout-form-list input[type="text"], .checkout-form-list input[type="password"], .checkout-form-list input[type="email"] {
|
||
background: #ffffff;
|
||
border: 1px solid #eaedff;
|
||
border-radius: 0;
|
||
height: 45px;
|
||
padding: 0 0 0 10px;
|
||
width: 100%;
|
||
}
|
||
|
||
.checkout-form-list input[type="text"]::-moz-placeholder,
|
||
.checkout-form-list input[type="password"]::-moz-placeholder,
|
||
.checkout-form-list input[type="email"]::-moz-placeholder {
|
||
color: #6f7172;
|
||
opacity: 1;
|
||
}
|
||
|
||
.checkout-form-list input[type="text"]::placeholder,
|
||
.checkout-form-list input[type="password"]::placeholder,
|
||
.checkout-form-list input[type="email"]::placeholder {
|
||
color: #6f7172;
|
||
opacity: 1;
|
||
}
|
||
|
||
.checkout-form-list input[type="checkbox"] {
|
||
display: inline-block;
|
||
margin-right: 10px;
|
||
position: relative;
|
||
top: 1px;
|
||
}
|
||
|
||
.create-acc label {
|
||
color: #6f7172;
|
||
display: inline-block;
|
||
}
|
||
|
||
.create-account {
|
||
display: none;
|
||
}
|
||
|
||
.ship-different-title h3 label {
|
||
display: inline-block;
|
||
margin-right: 20px;
|
||
color: #6f7172;
|
||
}
|
||
|
||
.order-notes textarea {
|
||
border: 1px solid #eaedff;
|
||
height: 90px;
|
||
padding: 15px;
|
||
width: 100%;
|
||
}
|
||
|
||
.order-notes textarea::-moz-placeholder {
|
||
color: #6f7172;
|
||
opacity: 1;
|
||
}
|
||
|
||
.order-notes textarea::placeholder {
|
||
color: #6f7172;
|
||
opacity: 1;
|
||
}
|
||
|
||
#ship-box-info {
|
||
display: none;
|
||
}
|
||
|
||
.panel-group .panel {
|
||
border-radius: 0;
|
||
}
|
||
|
||
.panel-default > .panel-heading {
|
||
border-radius: 0;
|
||
}
|
||
|
||
.your-order {
|
||
padding: 30px 40px 45px;
|
||
border: 3px solid #eaedff;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.your-order {
|
||
padding: 15px;
|
||
}
|
||
}
|
||
|
||
.your-order h3 {
|
||
border-bottom: 1px solid #eaedff;
|
||
font-size: 30px;
|
||
margin: 0 0 20px;
|
||
padding-bottom: 10px;
|
||
width: 100%;
|
||
}
|
||
|
||
.your-order-table table {
|
||
background: none;
|
||
border: 0;
|
||
width: 100%;
|
||
}
|
||
|
||
.your-order-table table th, .your-order-table table td {
|
||
border-bottom: 1px solid #eaedff;
|
||
border-right: medium none;
|
||
color: #6f7172;
|
||
font-size: 14px;
|
||
padding: 15px 0;
|
||
text-align: left;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.your-order-table table th, .your-order-table table td {
|
||
padding-right: 10px;
|
||
}
|
||
}
|
||
|
||
.your-order-table table th {
|
||
border-top: medium none;
|
||
color: #6f7172;
|
||
font-weight: normal;
|
||
text-align: left;
|
||
vertical-align: middle;
|
||
white-space: nowrap;
|
||
width: 250px;
|
||
}
|
||
|
||
.panel-body > p {
|
||
color: #222;
|
||
}
|
||
|
||
.your-order-table table .shipping ul li input {
|
||
position: relative;
|
||
top: 2px;
|
||
}
|
||
|
||
.your-order-table table .shipping ul li label {
|
||
color: #6f7172;
|
||
}
|
||
|
||
.your-order-table table .shipping th {
|
||
vertical-align: top;
|
||
}
|
||
|
||
.your-order-table table .order-total th {
|
||
border-bottom: 0;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.your-order-table table .order-total td {
|
||
border-bottom: medium none;
|
||
}
|
||
|
||
.your-order-table table tr.cart_item:hover {
|
||
background: #F9F9F9;
|
||
}
|
||
|
||
.your-order-table table tr.order-total td span {
|
||
color: #e12454;
|
||
font-size: 18px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.payment-method {
|
||
margin-top: 40px;
|
||
}
|
||
|
||
.panel-title > a {
|
||
display: block;
|
||
}
|
||
|
||
.order-button-payment input {
|
||
background: #232323 none repeat scroll 0 0;
|
||
border: medium none;
|
||
color: #fff;
|
||
font-size: 15px;
|
||
font-weight: 600;
|
||
height: 40px;
|
||
margin: 0px 0 0;
|
||
padding: 0;
|
||
text-transform: uppercase;
|
||
transition: all 0.3s ease 0s;
|
||
width: 100%;
|
||
}
|
||
|
||
.order-button-payment input:hover {
|
||
background: #FE4536 none repeat scroll 0 0;
|
||
}
|
||
|
||
.payment-method .btn-link {
|
||
-moz-user-select: none;
|
||
background: no-repeat;
|
||
border: medium none;
|
||
border-radius: 0;
|
||
color: #444;
|
||
cursor: pointer;
|
||
display: inline-block;
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
letter-spacing: 1px;
|
||
line-height: 1;
|
||
margin-bottom: 0;
|
||
padding: 3px 10px;
|
||
text-align: center;
|
||
text-transform: uppercase;
|
||
transition: all 0.3s ease 0s;
|
||
vertical-align: middle;
|
||
white-space: nowrap;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.payment-method .card {
|
||
background-color: #ffffff;
|
||
border: 1px solid #eaedff;
|
||
border-radius: 0;
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.payment-method .accordion .card:first-of-type {
|
||
border: 1px solid #eaedff;
|
||
}
|
||
|
||
.card-header:first-child {
|
||
border-radius: 0;
|
||
}
|
||
|
||
.payment-method .card-header {
|
||
background-color: #ffffff;
|
||
border-bottom: 1px solid #eaedff;
|
||
}
|
||
|
||
.order-button-payment button {
|
||
width: 100%;
|
||
}
|
||
.country-select .nice-select {
|
||
-webkit-tap-highlight-color: transparent;
|
||
background-color: #fff;
|
||
border-radius: 0;
|
||
border: solid 1px #eaedff;
|
||
box-sizing: border-box;
|
||
clear: both;
|
||
cursor: pointer;
|
||
display: block;
|
||
float: left;
|
||
font-family: inherit;
|
||
font-size: 14px;
|
||
font-weight: normal;
|
||
height: 45px;
|
||
line-height: 45px;
|
||
outline: none;
|
||
padding-left: 18px;
|
||
padding-right: 30px;
|
||
position: relative;
|
||
text-align: left !important;
|
||
-webkit-transition: all 0.2s ease-in-out;
|
||
transition: all 0.2s ease-in-out;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
white-space: nowrap;
|
||
width: 100%;
|
||
margin-bottom: 19px;
|
||
}
|
||
|
||
/* 24. Login */
|
||
.zcube-login {
|
||
padding: 90px;
|
||
border: 2px solid #eaedff;
|
||
}
|
||
|
||
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
||
.zcube-login {
|
||
padding: 50px;
|
||
}
|
||
}
|
||
|
||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||
.zcube-login {
|
||
padding: 40px;
|
||
}
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.zcube-login {
|
||
padding: 30px;
|
||
}
|
||
}
|
||
|
||
.zcube-login h3 {
|
||
font-size: 30px;
|
||
}
|
||
|
||
.zcube-login input {
|
||
width: 100%;
|
||
height: 60px;
|
||
border: 2px solid #eaedff;
|
||
color: #6f7172;
|
||
padding: 0 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.zcube-login label {
|
||
color: #222;
|
||
display: block;
|
||
}
|
||
|
||
.zcube-login label span {
|
||
color: #fe4536;
|
||
}
|
||
|
||
.login-action input {
|
||
width: inherit;
|
||
height: auto;
|
||
}
|
||
|
||
.login-action label {
|
||
display: inline-block;
|
||
margin-left: 5px;
|
||
}
|
||
|
||
.or-divide {
|
||
border-top: 2px solid #eaedff;
|
||
margin: 40px 0;
|
||
text-align: center;
|
||
position: relative;
|
||
}
|
||
|
||
.or-divide span {
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
top: -9px;
|
||
background: #ffffff;
|
||
display: inline-block;
|
||
width: 40px;
|
||
margin: auto;
|
||
line-height: 1;
|
||
font-weight: 500;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.forgot-login {
|
||
float: none;
|
||
}
|
||
}
|
||
|
||
.forgot-login a {
|
||
color: #fe4536;
|
||
}
|
||
|
||
.forgot-login a:hover {
|
||
color: #84b77c;
|
||
}
|
||
|
||
@media (max-width: 767px) {
|
||
.log-rem {
|
||
float: none;
|
||
margin-bottom: 10px;
|
||
display: block;
|
||
}
|
||
}
|
||
|
||
/*--- tabs ---*/
|
||
.event .title {
|
||
margin: 0px 0 0; }
|
||
.event .nav-content {
|
||
float: right;
|
||
width: 70%;
|
||
}
|
||
.event .btn {
|
||
background: #ff007a;
|
||
}
|
||
|
||
.event .nav-content strong {
|
||
display: block;
|
||
font-family: Montserrat;
|
||
font-size: 20px;
|
||
color: #002691;
|
||
}
|
||
.event nav > div a.nav-item.nav-link.active
|
||
.event .spicel-features {
|
||
background: #fafaff; }
|
||
.event .nav-fill .nav-item {
|
||
text-align: left;
|
||
text-transform: uppercase;
|
||
margin: 0 5px;
|
||
font-size: 12px; margin-right: 16px;}
|
||
.event .nav-fill .nav-item text-t
|
||
i {
|
||
margin-right: 10px; }
|
||
.event .nav-fill .nav-item i::before {
|
||
font-size: 26px;
|
||
margin-right: 13px;
|
||
position: relative;
|
||
top: 4px; }
|
||
.event nav > .nav.nav-tabs {
|
||
border: none;
|
||
color: #fff;
|
||
border-radius: 0;
|
||
flex-wrap: inherit;
|
||
padding: 0 30px; }
|
||
.event .nav-item {
|
||
margin: 0 0; }
|
||
.event a.nav-item.nav-link.active {
|
||
background: #ff007a !important;
|
||
color: #fff !important; }
|
||
.event a.nav-item.nav-link.active strong{
|
||
color:#fff;
|
||
}
|
||
.event nav > div a.nav-item.nav-link,
|
||
.event nav > div a.nav-item.nav-link.active {
|
||
border: none;
|
||
padding: 18px 25px;
|
||
color: #47759d;
|
||
border-radius: 0;
|
||
background: #fff;
|
||
position: relative;
|
||
background: #f5faff; }
|
||
.event nav > div a.nav-item.nav-link.active:after {
|
||
width: 0;
|
||
height: 0;
|
||
border-style: solid;
|
||
border-width: 0 15px 15px 0;
|
||
border-color: transparent #e7015e transparent transparent;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: -15px;
|
||
content: '';
|
||
-o-transition: all 0.4s ease;
|
||
transition: all 0.4s ease;
|
||
-webkit-transition: all 0.4s ease;
|
||
-moz-transition: all 0.4s ease;
|
||
-ms-transition: all 0.4s ease;
|
||
border-color: transparent #ff007a transparent transparent;
|
||
}
|
||
.event .tab-content {
|
||
padding: 50px 25px 0 !important; }
|
||
|
||
.event .user h5{
|
||
margin-top:20px;
|
||
}
|
||
.event .user p{
|
||
font-weight:bold;
|
||
color:#ff007a;
|
||
}
|
||
.event .user ul{
|
||
padding-top:10px;
|
||
border-top:1px solid #edf5ff;
|
||
}
|
||
.event .user ul li{
|
||
margin-top:10px;
|
||
}
|
||
.event .user ul li i{
|
||
margin-right:5px;
|
||
}
|
||
.event-list-content{
|
||
margin-left: 50px;
|
||
margin-right: 20px;
|
||
padding:50px;
|
||
position: relative;
|
||
border:10px solid #edf5ff;
|
||
transition: all 0.3s ease 0s;
|
||
}
|
||
.event-list-content:hover{
|
||
border:10px solid #ff007a;
|
||
}
|
||
.event-list-content .crical {
|
||
position: absolute;
|
||
background: #ff007a;
|
||
right: -66px;
|
||
bottom: -73px;
|
||
font-size: 30px;
|
||
color: #fff;
|
||
width: 200px;
|
||
height: 200px;
|
||
border-radius: 50%;
|
||
padding: 50px;
|
||
}
|
||
.event-list-content h2{
|
||
margin-bottom:30px;
|
||
}
|
||
.event-list-content .btn
|
||
{
|
||
background:none;
|
||
border:2px solid #edf5ff;
|
||
color:#47759d;
|
||
font-weight:bold;
|
||
font-size:14px;
|
||
margin-right:10px;
|
||
}
|
||
.event-list-content .btn:hover
|
||
{
|
||
background:#ff007a;
|
||
border:2px solid #ff007a;
|
||
color:#fff;
|
||
font-weight:bold;
|
||
font-size:14px;
|
||
margin-right:10px;
|
||
box-shadow: 0px 10px 19px 0px #ff007a66 !important;
|
||
}
|
||
.event-list-content ul li {
|
||
display: inline-block;
|
||
font-size: 16px;
|
||
margin-right: 20px;
|
||
margin-bottom: 20px;
|
||
color: #ff007a;
|
||
}
|
||
.event-list-content ul li i {
|
||
margin-right: 5px;
|
||
}
|
||
.event nav > div a.nav-item.nav-link .lgt-icon{
|
||
display:none;
|
||
}
|
||
.event nav > div a.nav-item.nav-link.active .lgt-icon{
|
||
display: inline-block;
|
||
}
|
||
.event nav > div a.nav-item.nav-link.active .drk-icon{
|
||
display:none;
|
||
}
|
||
.event nav > div a.nav-item.nav-link.active .drk-icon{
|
||
display:none;
|
||
}
|
||
|
||
|
||
/* 13. cta */
|
||
.cta-bg {
|
||
position: relative;
|
||
background-size: cover;
|
||
background-position: center;
|
||
z-index: 1;
|
||
}
|
||
.cta-bg::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
background:#ff007a;
|
||
opacity: .8;
|
||
z-index: -1;
|
||
}
|
||
.cta-title h2{color: #fff;padding-bottom: 0;}
|
||
.cta-title h2::before{content: none;}
|
||
.cta-content p {
|
||
color: #fff;
|
||
padding-right: 80px;
|
||
margin-bottom: 35px;
|
||
}
|
||
.cta-btn .btn::before{background: #fff;}
|
||
.cta-right p {
|
||
margin-bottom: 0;
|
||
color: #fff;
|
||
font-size: 24px;
|
||
font-weight: bold;
|
||
}
|
||
.call-tag {
|
||
margin-bottom: 20px;
|
||
animation: alltuchtopdown 3s infinite;
|
||
-webkit-animation: alltuchtopdown 3s infinite;
|
||
animation-delay: 0s;
|
||
-webkit-animation-delay: 1s;
|
||
}
|
||
/* 14. testimonial */
|
||
.ta-bg {
|
||
height: 475px;
|
||
width: 475px;
|
||
background-repeat: no-repeat;
|
||
margin-top: 25px;
|
||
}
|
||
.testimonial-author .ta {
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
overflow: hidden;
|
||
transition: all 1200ms ease;
|
||
-moz-transition: all 1200ms ease;
|
||
-webkit-transition: all 1200ms ease;
|
||
-ms-transition: all 1200ms ease;
|
||
-o-transition: all 1200ms ease;
|
||
}
|
||
.author-one.now-in-view {
|
||
top: -25px;
|
||
left: 110px;
|
||
}
|
||
.author-two.now-in-view {
|
||
top: 21%;
|
||
left: 69%;
|
||
}
|
||
.author-three.now-in-view {
|
||
left: 67%;
|
||
top: 66%;
|
||
}
|
||
.author-four.now-in-view {
|
||
top: 77%;
|
||
left: 53px;
|
||
}
|
||
.author-five.now-in-view {
|
||
left: 50px;
|
||
top: 41%;
|
||
}
|
||
.testi-author img {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 20px;
|
||
}
|
||
.ta-info {
|
||
overflow: hidden;
|
||
display: block;
|
||
}
|
||
.ta-info h6 {
|
||
font-size: 20px;
|
||
margin-bottom: 5px;
|
||
}
|
||
.ta-info span {
|
||
font-size: 14px;
|
||
}
|
||
.testi-author {
|
||
overflow: hidden;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
.single-testimonial p {
|
||
margin-bottom: 25px;
|
||
}
|
||
.testimonial-active .slick-arrow {
|
||
position: absolute;
|
||
bottom: -80px;
|
||
left: 0;
|
||
border: none;
|
||
background: none;
|
||
padding: 0;
|
||
font-size: 24px;
|
||
color: #47759d;
|
||
z-index: 9;
|
||
cursor: pointer;
|
||
transition: .3s;
|
||
}
|
||
.testimonial-active .slick-next {
|
||
left: 40px;
|
||
}
|
||
.testimonial-active .slick-arrow:hover {color:#ff007a;}
|
||
.testimonial-avatar.p-relative {
|
||
min-height: 455px;
|
||
display: block;
|
||
overflow: hidden;
|
||
}
|
||
.testimonial-avatar .ta {
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
overflow: hidden;
|
||
transition: all 1200ms ease;
|
||
-moz-transition: all 1200ms ease;
|
||
-webkit-transition: all 1200ms ease;
|
||
-ms-transition: all 1200ms ease;
|
||
-o-transition: all 1200ms ease;
|
||
}
|
||
.avatar-one.now-in-view {
|
||
top: 0%;
|
||
left: 28%;
|
||
}
|
||
.avatar-two.now-in-view {
|
||
top: 50%;
|
||
left: 0;
|
||
transform: translateY(-50%);
|
||
}
|
||
.avatar-three.now-in-view {
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%,-50%);
|
||
}
|
||
.avatar-four.now-in-view {
|
||
top: 20%;
|
||
left: 70%;
|
||
}
|
||
.avatar-five.now-in-view {
|
||
top: 70%;
|
||
left: 25%;
|
||
}
|
||
.avatar-six.now-in-view {
|
||
top: 59%;
|
||
left: 64%;
|
||
}
|
||
/* 18. sponsors */
|
||
.sponsors{
|
||
position:relative;
|
||
}
|
||
.sponsors::before {
|
||
position: absolute;
|
||
content: "";
|
||
background: #f6fbff;
|
||
width: 100%;
|
||
height: 10%;
|
||
bottom: 0;
|
||
}
|
||
.sponsors ul {
|
||
margin: 0 -15%;
|
||
}
|
||
.sponsors li {
|
||
|
||
display: inline-block;
|
||
margin: 0 35px 60px;
|
||
|
||
}
|
||
.sponsors li a img{
|
||
opacity:.5;
|
||
}
|
||
.sponsors li a:hover img{
|
||
opacity:1;
|
||
}
|
||
/* 15. blog */
|
||
.blog-area {
|
||
background: #f6fbff;
|
||
}
|
||
.blog-deatails-box02 .bsingle__content {
|
||
padding: 50px 0 0;
|
||
border:none;
|
||
}
|
||
|
||
.blog-deatails-box02 .tag-sticky-2 .bsingle__content{
|
||
padding: 50px;
|
||
}
|
||
.widget_media_image img{
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
#wp-comment-cookies-consent {
|
||
float: left;
|
||
width: auto;
|
||
margin-top: 7px;
|
||
margin-right: 10px;
|
||
}
|
||
.blog-thumb img {
|
||
width: 100%;
|
||
height: 200px;
|
||
}
|
||
.blog-content {
|
||
background: #fff;
|
||
padding: 40px 30px;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
.b-meta ul li {
|
||
display: inline-block;
|
||
margin-right: 5px;
|
||
text-transform: uppercase;
|
||
}
|
||
.b-meta ul li i{
|
||
margin-right:10px;
|
||
color:#ff007a;
|
||
}
|
||
.b-meta ul li:last-child{margin-right: 0;}
|
||
.b-meta ul li a {
|
||
font-size: 14px;
|
||
text-transform: uppercase;
|
||
color: #47759d;
|
||
}
|
||
.b-meta ul li.corpo a{color:#ff007a;}
|
||
.b-meta ul li a:hover {color:#ff007a;}
|
||
.blog-content h4 {
|
||
font-size: 19px;
|
||
margin-bottom: 20px;
|
||
line-height: 30px;
|
||
}
|
||
.blog-content h4:hover a{color:#ff007a;}
|
||
.blog-btn {
|
||
background: #f4f4fe;
|
||
color: #252525;
|
||
}
|
||
.blog-btn:hover{color: #fff;background: #ff007a;}
|
||
.blog-content p {
|
||
margin-bottom: 25px;
|
||
}
|
||
.single-post{background: #fff;transition: .3s;box-shadow: 0px 2px 25px 0px rgba(193, 193, 193, 0.2);}
|
||
.single-post:hover {box-shadow: 0px 2px 18px 0px rgba(193, 193, 193, 0.41);}
|
||
.single-post:hover .blog-btn{color: #fff;background: #ff007a;}
|
||
.single-post.active {box-shadow: 0px 2px 18px 0px rgba(193, 193, 193, 0.41);}
|
||
.single-post.active .blog-btn{color: #fff;background: #ff007a;}
|
||
|
||
|
||
.bsingle__post .video-p {
|
||
position: relative;
|
||
}
|
||
.bsingle__post .video-p .video-i {
|
||
height: 80px;
|
||
width: 80px;
|
||
display: inline-block;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%);
|
||
text-align: center;
|
||
line-height: 80px;
|
||
border-radius: 50%;
|
||
background: #fff;
|
||
color: #ff007a;
|
||
}
|
||
.blog-active .slick-arrow {
|
||
position: absolute;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
left: 40px;
|
||
border: none;
|
||
background: none;
|
||
padding: 0;
|
||
font-size: 30px;
|
||
color: #fff;
|
||
z-index: 9;
|
||
opacity: .4;
|
||
-webkit-transition: all 0.3s ease-out 0s;
|
||
-moz-transition: all 0.3s ease-out 0s;
|
||
-ms-transition: all 0.3s ease-out 0s;
|
||
-o-transition: all 0.3s ease-out 0s;
|
||
transition: all 0.3s ease-out 0s;
|
||
cursor: pointer;
|
||
}
|
||
.blog-active .slick-arrow.slick-next {
|
||
right: 40px;
|
||
left: auto;
|
||
}
|
||
.blog-active .slick-arrow:hover {
|
||
opacity: 1;
|
||
}
|
||
|
||
.blog-active2 .slick-arrow {
|
||
position: absolute;
|
||
top: -166px;
|
||
transform: translateY(-50%);
|
||
left: -84px;
|
||
border: none;
|
||
background: none;
|
||
padding: 0;
|
||
color: #f6fbff;
|
||
z-index: 9;
|
||
-webkit-transition: all 0.3s ease-out 0s;
|
||
-moz-transition: all 0.3s ease-out 0s;
|
||
-ms-transition: all 0.3s ease-out 0s;
|
||
-o-transition: all 0.3s ease-out 0s;
|
||
transition: all 0.3s ease-out 0s;
|
||
cursor: pointer;
|
||
}
|
||
.blog-active2 .slick-prev.slick-arrow::before {
|
||
font-family: "Font Awesome 5 Pro";
|
||
background: #fff;
|
||
content: "\f060";
|
||
position: absolute;
|
||
left: 0;
|
||
width: 60px;
|
||
height: 60px;
|
||
opacity: 1;
|
||
border-radius: 50%;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
color: #000;
|
||
line-height: 60px;
|
||
-webkit-transition: all 0.3s ease-out 0s;
|
||
-moz-transition: all 0.3s ease-out 0s;
|
||
-ms-transition: all 0.3s ease-out 0s;
|
||
-o-transition: all 0.3s ease-out 0s;
|
||
transition: all 0.3s ease-out 0s;
|
||
}
|
||
.blog-active2 .slick-next.slick-arrow::before {
|
||
font-family: "Font Awesome 5 Pro";
|
||
background: #fff;
|
||
content: "\f061";
|
||
position: absolute;
|
||
left: 0;
|
||
width: 60px;
|
||
height: 60px;
|
||
opacity: 1;
|
||
border-radius: 50%;
|
||
-webkit-font-smoothing: antialiased;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
color: #000;
|
||
line-height: 60px;
|
||
-webkit-transition: all 0.3s ease-out 0s;
|
||
-moz-transition: all 0.3s ease-out 0s;
|
||
-ms-transition: all 0.3s ease-out 0s;
|
||
-o-transition: all 0.3s ease-out 0s;
|
||
transition: all 0.3s ease-out 0s;
|
||
}
|
||
.blog-active2 .slick-next.slick-arrow:hover::before,.blog-active2 .slick-prev.slick-arrow:hover::before
|
||
{
|
||
background:#ff007a;
|
||
color:#fff;
|
||
}
|
||
|
||
.blog-active2 .slick-prev {
|
||
right:80px;
|
||
left: initial !important;
|
||
}
|
||
.blog-active2 .slick-arrow.slick-next {
|
||
right: 35px;
|
||
left: auto;
|
||
}
|
||
.bsingle__content {
|
||
padding: 50px;
|
||
border: 2px solid #dadeff;
|
||
}
|
||
.bsingle__content .meta-info ul {
|
||
margin-bottom: 7px;
|
||
padding-left: 0;
|
||
}
|
||
.blog-deatails-box02 .bsingle__content .meta-info ul {
|
||
margin-bottom: 15px;
|
||
padding-left: 0;
|
||
}
|
||
.bsingle__content .meta-info ul li {
|
||
display: inline-block;
|
||
font-size: 14px;
|
||
margin-right: 30px;
|
||
margin-left: 0px;
|
||
}
|
||
.bsingle__content .meta-info ul li a {
|
||
color: #5f708f;
|
||
text-transform: capitalize;
|
||
}
|
||
.bsingle__content .meta-info ul li a i {
|
||
margin-right: 5px;
|
||
}
|
||
.bsingle__content .meta-info ul li a:hover {
|
||
color: #ff007a;
|
||
}
|
||
.bsingle__content .meta-info ul li i {
|
||
margin-right: 5px;
|
||
}
|
||
.bsingle__content h2 {
|
||
font-size: 32px;
|
||
line-height: 1.3;
|
||
margin-bottom: 20px;
|
||
font-weight: 700;
|
||
}
|
||
.bsingle__content h2:hover a {
|
||
color:#ff007a;
|
||
}
|
||
.bsingle__content p {
|
||
padding-right: 35px;
|
||
margin-bottom: 25px;
|
||
}
|
||
.bsingle__content .blog__btn .btn {
|
||
background: #ff007a;
|
||
border: 2px solid #ff007a;
|
||
font-size: 16px;
|
||
text-transform: uppercase;
|
||
color: #fff;
|
||
}
|
||
.bsingle__content .blog__btn .btn::before {
|
||
content: none;
|
||
}
|
||
.bsingle__content .blog__btn .btn:hover {
|
||
background:#ff007a;
|
||
color: #fff;
|
||
}
|
||
.quote-post {
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
}
|
||
.quote-post .quote-icon {
|
||
float: left;
|
||
margin-right: 30px;
|
||
display: block;
|
||
margin-top: 20px;
|
||
}
|
||
.quote-post h2 {
|
||
overflow: hidden;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
|
||
.sidebar-widget .widget table{
|
||
width:100%;
|
||
padding:10px;
|
||
background:#f5f5f5;
|
||
}
|
||
.sidebar-widget .widget th
|
||
{
|
||
background:#dadeff;
|
||
padding:10px 5px;
|
||
text-align:center;
|
||
color: #252525;
|
||
}
|
||
.sidebar-widget .widget td
|
||
{
|
||
padding:5px;
|
||
text-align:center;
|
||
}
|
||
.sidebar-widget .widget {
|
||
padding: 35px 25px 35px 25px;
|
||
border: 2px solid #dadeff;
|
||
overflow: hidden;
|
||
margin-bottom:40px;
|
||
}
|
||
.sidebar-widget .widget li {
|
||
padding-bottom: 5px;
|
||
border-bottom: 1px solid #e4e4e4;
|
||
margin-bottom: 5px;
|
||
float: left;
|
||
width: 100%;
|
||
line-height: 30px;
|
||
}
|
||
.widget-title {
|
||
margin-bottom: 40px;
|
||
}
|
||
.sidebar-widget .widgettitle,.sidebar-widget .widget-title{
|
||
font-size: 22px;
|
||
margin-bottom: 0;
|
||
line-height: 1;
|
||
text-align:left;
|
||
font-weight: 600;
|
||
margin-bottom: 30px;
|
||
}
|
||
.sidebar-widget .widget .gallery-icon a:hover
|
||
{
|
||
padding-left:0;
|
||
}
|
||
.tags {
|
||
border-bottom: 1px solid #eaeaea;
|
||
/*float:left;*/
|
||
width:100%;
|
||
display: inline-block;
|
||
}
|
||
.search-form {
|
||
position: relative;
|
||
}
|
||
.search-form input {
|
||
background: #f2f1ff;
|
||
border: none;
|
||
width: 100%;
|
||
padding: 18px 30px;
|
||
}
|
||
.search-form input::placeholder {
|
||
font-size: 12px;
|
||
color: #8f8bb8;
|
||
}
|
||
.search-form .search-submit {
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
border: none;
|
||
background:#ff007a;
|
||
padding: 18px 23px;
|
||
color: #ffffff;
|
||
font-size: 14px;
|
||
cursor: pointer;
|
||
height: 88%;
|
||
width: 88px;
|
||
}
|
||
.sidebar-widget .widget .widget_archive,.widget_categories,.sidebar-widget .widget_archive{
|
||
text-align:right;
|
||
}
|
||
.sidebar-widget .widget .widget_archive,.sidebar-widget .widget_categories a,.sidebar-widget .widget_archive a{
|
||
float:left;
|
||
height: 30px;
|
||
}
|
||
.widget-insta-post li {
|
||
display: inline-block;
|
||
margin: 5px 3px;
|
||
}
|
||
.widget-insta-post li:hover a::before {
|
||
opacity: .7;
|
||
}
|
||
.widget-insta-post li a {
|
||
position: relative;
|
||
display: block;
|
||
}
|
||
.widget-insta-post li a::before {
|
||
content: "";
|
||
position: absolute;
|
||
height: 100%;
|
||
width: 100%;
|
||
left: 0;
|
||
top: 0;
|
||
background:#ff007a;
|
||
opacity: 0;
|
||
-webkit-transition: all 0.3s ease-out 0s;
|
||
-moz-transition: all 0.3s ease-out 0s;
|
||
-ms-transition: all 0.3s ease-out 0s;
|
||
-o-transition: all 0.3s ease-out 0s;
|
||
transition: all 0.3s ease-out 0s;
|
||
}
|
||
.widget-social a {
|
||
height: 40px;
|
||
width: 40px !important;
|
||
line-height: 40px;
|
||
border-radius: 50%;
|
||
display: inline-block;
|
||
background: transparent;
|
||
border: 1px solid #dadeff;
|
||
color: #8f8bb8;
|
||
margin: 0 3px;
|
||
text-align: center !important;
|
||
}
|
||
.widget-social a:hover {
|
||
background:#ff007a;
|
||
color: #ffffff !important;
|
||
border-color:#ff007a;
|
||
padding: 0 !important;
|
||
box-shadow: 0px 10px 19px 0px #ff007a66 !important;
|
||
}
|
||
.rpwwt-widget a{
|
||
padding-left: 0 !important;
|
||
}
|
||
.rpwwt-widget li {
|
||
|
||
line-height: 23px !important;
|
||
|
||
}
|
||
.cat__list li {
|
||
padding-bottom: 10px;
|
||
border-bottom: 1px solid #e4e4e4;
|
||
margin-bottom: 10px;
|
||
}
|
||
.cat__list li:last-child {
|
||
margin-bottom: 0;
|
||
padding-bottom: 0;
|
||
border: none;
|
||
}
|
||
.cat__list li:hover a {
|
||
color:#ff007a;
|
||
}
|
||
.cat__list li a {
|
||
font-size: 14px;
|
||
color: #7886a0;
|
||
}
|
||
.cat__list li a span {
|
||
float: right;
|
||
display: block;
|
||
}
|
||
.widget__post ul li {
|
||
margin-bottom: 20px;
|
||
overflow: hidden;
|
||
}
|
||
.widget__post ul li:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
.widget__post-thumb {
|
||
float: left;
|
||
display: block;
|
||
margin-right: 20px;
|
||
}
|
||
.widget__post-content {
|
||
overflow: hidden;
|
||
display: block;
|
||
}
|
||
.widget__post-content h6 {
|
||
font-size: 16px;
|
||
margin-bottom: 1px;
|
||
padding-right: 15px;
|
||
font-weight: bold;
|
||
}
|
||
.widget__post-content h6:hover a {
|
||
color:#ff007a;
|
||
}
|
||
.widget__post-content span {
|
||
font-size: 14px;
|
||
}
|
||
.widget__post-content span i {
|
||
margin-right: 8px;
|
||
}
|
||
.widget__tag ul li {
|
||
display: inline-block;
|
||
margin: 5px 3px;
|
||
}
|
||
.widget__tag ul li:hover a {
|
||
background:#ff007a;
|
||
border-color:#ff007a;
|
||
color: #ffffff;
|
||
}
|
||
.widget__tag ul li a {
|
||
display: block;
|
||
border: 1px solid #d8d8d8;
|
||
font-size: 14px;
|
||
color: #8f8bb8;
|
||
padding: 9px 20px;
|
||
}
|
||
.widget.widget__banner {
|
||
border: none;
|
||
padding: 0;
|
||
position: relative;
|
||
}
|
||
.widget__banner-thumb img {
|
||
width: 100%;
|
||
}
|
||
.widget__banner-overly {
|
||
position: absolute;
|
||
top: 50px;
|
||
left: 0;
|
||
right: 0;
|
||
text-align: center;
|
||
}
|
||
.widget__banner-overly > span {
|
||
font-size: 14px;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
color: #ffffff;
|
||
letter-spacing: 2px;
|
||
display: block;
|
||
margin-bottom: 160px;
|
||
}
|
||
.widget__banner-overly h3 {
|
||
color: #ffffff;
|
||
font-size: 40px;
|
||
margin-bottom: 129px;
|
||
font-weight: bold;
|
||
}
|
||
.widget__banner-overly h3 span {
|
||
display: block;
|
||
font-family: 'Roboto', sans-serif;
|
||
font-size: 30px;
|
||
font-weight: 300;
|
||
}
|
||
.widget__banner-overly .btn {
|
||
border-radius: unset;
|
||
background: #fff;
|
||
border: 2px solid #fff;
|
||
font-size: 12px;
|
||
text-transform: uppercase;
|
||
letter-spacing: 2px;
|
||
padding: 17px 35px;
|
||
color:#ff007a;
|
||
}
|
||
.widget__banner-overly .btn:hover {
|
||
background: transparent;
|
||
color: #fff;
|
||
}
|
||
.meta__info ul {
|
||
margin-bottom: 7px;
|
||
}
|
||
.meta__info ul li {
|
||
display: inline-block;
|
||
font-size: 14px;
|
||
margin-right: 30px;
|
||
}
|
||
.meta__info ul li a {
|
||
color: #7886a0;
|
||
text-transform: capitalize;
|
||
}
|
||
.meta__info ul li a i {
|
||
margin-right: 5px;
|
||
}
|
||
.meta__info ul li a:hover {
|
||
color: #ff007a;
|
||
}
|
||
.meta__info ul li i {
|
||
margin-right: 5px;
|
||
}
|
||
.details__content h2 {
|
||
font-size: 32px;
|
||
line-height: 1.3;
|
||
margin-bottom: 20px;
|
||
padding-right: 0;
|
||
font-weight: bold;
|
||
}
|
||
.details__content p {
|
||
margin-bottom: 18px;
|
||
}
|
||
.news-text blockquote,.pages-content blockquote,.comment-list blockquote {
|
||
background: #152136;
|
||
padding: 45px 35px 45px;
|
||
padding-left: 90px;
|
||
position: relative;
|
||
font-size: 14px;
|
||
padding-right: 50px;
|
||
margin-top: 45px;
|
||
margin-bottom: 45px;
|
||
line-height: 1.7;
|
||
color: #99a7c0;
|
||
z-index: 1;
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
.news-text blockquote p,.pages-content blockquote p,.comment-list blockquote p{
|
||
color: #99a7c0;
|
||
}
|
||
.news-text blockquote::before,.pages-content blockquote::before,.comment-list blockquote::before {
|
||
position: absolute;
|
||
content: "";
|
||
left: 19px;
|
||
top: 29px;
|
||
/* background: url(../images/blockquote.png); */
|
||
height: 86px;
|
||
width: 92px;
|
||
z-index: -1;
|
||
}
|
||
.news-text blockquote footer,.pages-content blockquote footer {
|
||
font-size: 14px;
|
||
margin-top: 15px;
|
||
color: #fff;
|
||
font-weight: 600;
|
||
}
|
||
cite {
|
||
font-size: 14px;
|
||
margin-top: 15px;
|
||
color: #fff;
|
||
font-weight: 600;
|
||
}
|
||
.post-categories li {
|
||
display: none !important;
|
||
}
|
||
.post-categories li:first-child {
|
||
display: block !important;
|
||
}
|
||
|
||
.details__content-img {
|
||
margin: 45px 0;
|
||
}
|
||
.details__content-img img {
|
||
width: 100%;
|
||
}
|
||
.details__content figure {
|
||
margin-top: 45px;
|
||
margin-bottom: 60px;
|
||
}
|
||
.details__content figure img {
|
||
float: left;
|
||
width: 255px;
|
||
margin-right: 30px;
|
||
}
|
||
.post__tag h5 {
|
||
font-size: 20px;
|
||
margin-bottom: 20px;
|
||
font-weight: 600;
|
||
}
|
||
.post__tag ul li {
|
||
display: inline-block;
|
||
margin-right: 15px;
|
||
}
|
||
.post__tag ul li a {
|
||
font-size: 12px;
|
||
text-transform: uppercase;
|
||
border: 2px solid #e5e5e5;
|
||
padding: 7px 14px;
|
||
font-weight: bold;
|
||
display: inline-block;
|
||
border-radius: 3px;
|
||
color: #7886a0;
|
||
margin-bottom: 10px;
|
||
}
|
||
.post__tag ul li a:hover {
|
||
border-color:#ff007a;
|
||
background:#ff007a;
|
||
color: #ffffff;
|
||
}
|
||
.post__share h5 {
|
||
font-size: 18px;
|
||
margin-bottom: 30px;
|
||
font-weight: bold;
|
||
}
|
||
.post__share ul li {
|
||
margin-left: 20px;
|
||
display: inline-block;
|
||
}
|
||
.post__share ul li a {
|
||
font-size: 18px;
|
||
display: inline-block;
|
||
color: #b5becc;
|
||
}
|
||
.post__share ul li a:hover {
|
||
color:#ff007a;
|
||
}
|
||
.posts_navigation {
|
||
border-top: 1px solid #eaeaea;
|
||
border-bottom: 1px solid #eaeaea;
|
||
}
|
||
.posts_navigation .prev-link span {
|
||
font-size: 12px;
|
||
text-transform: uppercase;
|
||
font-weight: bold;
|
||
display: block;
|
||
letter-spacing: 2px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.posts_navigation .prev-link h4 {
|
||
font-size: 20px;
|
||
margin-bottom: 0;
|
||
font-weight: bold;
|
||
text-transform: capitalize;
|
||
height: 30px;
|
||
overflow: hidden;
|
||
}
|
||
.navigation.posts-navigation {
|
||
display: none;
|
||
}
|
||
.avatar_post img {
|
||
border-radius: 50%;
|
||
box-shadow: 1px 5px 6px #8a8a8a33;
|
||
}
|
||
.posts_navigation .prev-link h4:hover a {
|
||
color:#ff007a;
|
||
}
|
||
.posts_navigation .next-link span {
|
||
font-size: 12px;
|
||
margin-bottom: 15px;
|
||
font-weight: bold;
|
||
display: block;
|
||
text-transform: uppercase;
|
||
letter-spacing: 2px;
|
||
}
|
||
.posts_navigation .next-link h4 {
|
||
font-size: 20px;
|
||
margin-bottom: 0;
|
||
font-weight: bold;
|
||
height: 30px;
|
||
overflow: hidden;
|
||
}
|
||
.posts_navigation .next-link h4:hover a {
|
||
color:#ff007a;
|
||
}
|
||
.related__post .post-title {
|
||
margin-bottom: 35px;
|
||
}
|
||
.related__post .post-title h4 {
|
||
font-size: 26px;
|
||
margin-bottom: 0;
|
||
font-weight: bold;
|
||
}
|
||
.related-post-wrap .post-thumb img {
|
||
width: 100%;
|
||
}
|
||
.related-post-wrap .rp__content {
|
||
padding: 44px;
|
||
border: 2px solid #f4f3fb;
|
||
border-top: none;
|
||
}
|
||
.related-post-wrap .rp__content h3 {
|
||
font-size: 24px;
|
||
margin-bottom: 20px;
|
||
font-weight: bold;
|
||
line-height: 1.4;
|
||
}
|
||
.related-post-wrap .rp__content h3:hover a {
|
||
color:#ff007a;
|
||
}
|
||
.related-post-wrap .rp__content p {
|
||
margin-bottom: 0;
|
||
font-size: 14px;
|
||
}
|
||
.avatar__wrap {
|
||
background: #f3f1ff;
|
||
padding: 50px 80px;
|
||
float:left;
|
||
width:100%;
|
||
}
|
||
.avatar__wrap .avatar-img {
|
||
margin-top: -115px;
|
||
margin-bottom: 35px;
|
||
}
|
||
.avatar__wrap-content p {
|
||
font-size: 14px;
|
||
margin-bottom: 0;
|
||
}
|
||
.avatar__info h5 {
|
||
font-size: 26px;
|
||
margin-bottom: 10px;
|
||
font-weight: bold;
|
||
}
|
||
.avatar__info-social {
|
||
margin-bottom: 20px;
|
||
}
|
||
.avatar__info-social a {
|
||
font-size: 12px;
|
||
color: #9498b6;
|
||
display: inline-block;
|
||
margin: 0 5px;
|
||
}
|
||
.avatar__info-social a:hover {
|
||
color:#ff007a;
|
||
}
|
||
.comment-form-comment label{
|
||
display:none;
|
||
|
||
}
|
||
.comment__wrap {
|
||
border-bottom: 1px solid #eaeaea;
|
||
}
|
||
.comment__wrap-title {
|
||
margin-bottom: 35px;
|
||
}
|
||
.comment__wrap-title h5 {
|
||
font-size: 26px;
|
||
margin-bottom: 0;
|
||
font-weight: bold;
|
||
}
|
||
.single__comment .comments-avatar {
|
||
float: left;
|
||
width: 100px;
|
||
margin-right: 30px;
|
||
}
|
||
.single__comment.children {
|
||
margin-left: 130px;
|
||
}
|
||
.single__comment.children .avatar-name h6 i {
|
||
font-size: 12px;
|
||
color: #cacfef;
|
||
margin-left: 20px;
|
||
}
|
||
.comment-text {
|
||
overflow: hidden;
|
||
}
|
||
.comment-text .avatar-name {
|
||
overflow: hidden;
|
||
}
|
||
.comment-text .avatar-name h6 {
|
||
font-size: 18px;
|
||
margin-bottom: 7px;
|
||
font-weight: bold;
|
||
}
|
||
.comment-text .avatar-name h6 i
|
||
{
|
||
display:none;
|
||
}
|
||
.comment-author-admin .avatar-name h6 i
|
||
{
|
||
font-size: 12px;
|
||
display:inline-block;
|
||
color: #cacfef;
|
||
margin-left: 20px;
|
||
}
|
||
|
||
.comment-text .avatar-name span {
|
||
font-size: 12px;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
letter-spacing: 2px;
|
||
color: #ff007a;
|
||
}
|
||
.comment-text .avatar-name .comment-reply {
|
||
float: right;
|
||
display: inline-block;
|
||
border: 2px solid #f4f4ff;
|
||
padding: 8px 18px;
|
||
border-radius: 50px;
|
||
font-size: 14px;
|
||
margin-top: -23px;
|
||
}
|
||
.comment-text .avatar-name .comment-reply a{
|
||
color: #7886a0;
|
||
}
|
||
.comment-text .avatar-name .comment-reply:hover a{
|
||
color: #fff;
|
||
}
|
||
.comment-list {
|
||
padding: 0;
|
||
border-bottom: 1px solid #eaeaea;
|
||
margin-top: 45px;
|
||
margin-bottom: 45px;
|
||
padding-bottom: 45px;
|
||
}
|
||
.comments-title {
|
||
font-size: 26px;
|
||
margin-bottom: 0;
|
||
font-weight: bold;
|
||
}
|
||
.comment-author-admin{
|
||
margin-left: 130px;
|
||
}
|
||
.comment-text .avatar-name .comment-reply:hover {
|
||
border-color:#ff007a;
|
||
background:#ff007a;
|
||
color: #ffffff;
|
||
}
|
||
.comment-text .avatar-name .comment-reply i {
|
||
margin-right: 5px;
|
||
}
|
||
.comment-text p {
|
||
font-size: 14px;
|
||
margin-bottom: 0;
|
||
}
|
||
.screen-reader-text {
|
||
display: none;
|
||
}
|
||
.comment-form {
|
||
padding: 50px;
|
||
margin-top:50px;
|
||
margin-bottom:50px;
|
||
background: #f8f6ff;
|
||
}
|
||
.comment-form .comment-field {
|
||
position: relative;
|
||
}
|
||
.comment-form .comment-field.text-area i {
|
||
top: 25px;
|
||
transform: unset;
|
||
}
|
||
.comment-form i {
|
||
position: absolute;
|
||
right: 30px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
color:#ff007a;
|
||
font-size: 14px;
|
||
}
|
||
.comment-form textarea {
|
||
height: 150px;
|
||
width: 100%;
|
||
padding: 20px 30px;
|
||
padding-right: 50px;
|
||
background: #ffffff;
|
||
border: none;
|
||
}
|
||
.comment-form textarea::placeholder {
|
||
font-size: 14px;
|
||
color: #a7a7c1;
|
||
}
|
||
.comment-form textarea:focus {
|
||
outline: 1px solid#ff007a;
|
||
}
|
||
.comment-form input {
|
||
width: 100%;
|
||
padding: 20px 30px;
|
||
padding-right: 50px;
|
||
background: #ffffff;
|
||
border: none;
|
||
}
|
||
.comment-form input::placeholder {
|
||
font-size: 14px;
|
||
color: #a7a7c1;
|
||
}
|
||
.comment-form input:focus {
|
||
outline: 1px solid#ff007a;
|
||
}
|
||
.comment-form .submit {
|
||
background: transparent;
|
||
border: 2px solid#ff007a;
|
||
font-size: 14px;
|
||
text-transform: uppercase;
|
||
color: #252525;
|
||
border-radius: 50px;
|
||
padding: 12px 45px;
|
||
margin-top:20px;
|
||
font-weight: bold;
|
||
width: auto;
|
||
}
|
||
.comment-form .submit::before{content: none;}
|
||
.comment-form .submit:hover {
|
||
color: #fff;
|
||
background:#ff007a;
|
||
}
|
||
/* 16. pagination */
|
||
.pagination {
|
||
display: -webkit-box;
|
||
display: -ms-flexbox;
|
||
display: block;
|
||
padding-left: 0;
|
||
list-style: none;
|
||
border-radius: 0;
|
||
}
|
||
.pagination .page-item {
|
||
display: inline-block;
|
||
margin: 0 5px;
|
||
}
|
||
.pagination .page-item a.page-link {
|
||
border-radius: 50%;
|
||
padding: 0;
|
||
height: 70px;
|
||
width: 70px;
|
||
line-height: 70px;
|
||
background: #f8f8f8;
|
||
color: #9fa7c5;
|
||
font-size: 14px;
|
||
border: none;
|
||
font-weight: bold;
|
||
}
|
||
.pagination .page-item:hover a.page-link {
|
||
box-shadow: 0px 16px 32px 0px rgba(255, 74, 87, 0.2);
|
||
background: #ff4a57;
|
||
color: #fff;
|
||
}
|
||
.pagination .page-item.active a.page-link {
|
||
box-shadow: 0px 16px 32px 0px rgba(255, 74, 87, 0.2);
|
||
background: #ff4a57;
|
||
color: #fff;
|
||
}
|
||
.pagination-wrap .pagination {
|
||
display: block;
|
||
border-radius: unset;
|
||
}
|
||
.pagination-wrap .pagination li {
|
||
display: inline-block;
|
||
margin-right: 6px;
|
||
margin-left: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
.pagination-wrap .pagination li.active a {
|
||
background:#ff007a;
|
||
color: #ffffff;
|
||
box-shadow: 0px 8px 16px 0px rgba(26, 35, 126, 0.32);
|
||
}
|
||
.pagination-wrap .pagination li a {
|
||
border: none;
|
||
height: 50px;
|
||
width: 50px;
|
||
display: block;
|
||
line-height: 50px;
|
||
background: #1a237e;
|
||
border-radius: 50%;
|
||
color: #fff;
|
||
font-size: 14px;
|
||
text-align: center;
|
||
}
|
||
.pagination-wrap .pagination li a:hover {
|
||
color: #ffffff;
|
||
background:#ff007a;
|
||
}
|
||
/* 17. f-cta */
|
||
.f-cta-area {
|
||
background: #fff;
|
||
margin-left: 260px;
|
||
margin-right: 260px;
|
||
position: relative;
|
||
top: -70px;
|
||
box-shadow: 0 -3px 65px 0 rgba(0,0,0,.09);
|
||
}
|
||
.f-cta-icon i {
|
||
display: inline-block;
|
||
height: 40px;
|
||
width: 40px;
|
||
text-align: center;
|
||
line-height: 40px;
|
||
background: #b5f2e0;
|
||
border-radius: 50%;
|
||
color:#ff007a;
|
||
font-size: 14px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.single-cta h5 {
|
||
font-size: 20px;
|
||
margin-bottom: 10px;
|
||
}
|
||
.single-cta p{margin-bottom: 0;}
|
||
.single-cta p a{color:#ff007a;}
|
||
.s-cta-btn .btn{background: #fff;color:#ff007a}
|
||
.s-cta-btn .btn::before{content: none;}
|
||
/* 18. pricing */
|
||
.pricing-area{
|
||
position:relative;
|
||
}
|
||
.pricing-area::before {
|
||
position: absolute;
|
||
content: "";
|
||
background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(124, 1, 150, 0.86), rgba(255, 0, 162, 0.86)) repeat scroll 0 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
}
|
||
.pricing-area .bar {
|
||
float: left;
|
||
width: 100%;
|
||
background: #e8f3ff;
|
||
margin:30px 0 10px;
|
||
}
|
||
.pricing-area .bar span {
|
||
height: 5px;
|
||
background: #ff007a;
|
||
float: left;
|
||
}
|
||
.bar-no {
|
||
float: left;
|
||
width: 100%;
|
||
margin-bottom: 30px;
|
||
font-size: 18px;
|
||
font-weight: bold;
|
||
color: #ff007a;
|
||
}
|
||
.pricing-area .section-t h2 {
|
||
-webkit-text-stroke: 2px #f3f5ff36;
|
||
}
|
||
.pricing-area .section-title span,.pricing-area .section-title h2 {
|
||
color: #fff;
|
||
}
|
||
.pricing-head h4 {
|
||
font-size: 16px;
|
||
font-family: 'Karla', sans-serif;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
color: #ff007a;
|
||
margin-bottom: 20px;
|
||
letter-spacing: 2.5px
|
||
}
|
||
.pricing-head {
|
||
|
||
background: url(../img/pricing-box-bg.png);
|
||
float: left;
|
||
width: 100%;
|
||
padding:50px 50px 0;
|
||
|
||
}
|
||
.pricing-body {
|
||
padding:0 50px 50px;
|
||
float: left;
|
||
background: #fff;
|
||
|
||
}
|
||
.price-count h2 {
|
||
font-size: 70px;
|
||
font-weight: bold;
|
||
margin-bottom: 0;
|
||
}
|
||
.price-count small {
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
position: relative;
|
||
bottom: 0;
|
||
margin-right: 3px;
|
||
}
|
||
.price-count span {
|
||
font-size: 18px;
|
||
font-weight: 400;
|
||
color: #47759d;
|
||
}
|
||
.pricing-body p {
|
||
margin-bottom: 0;
|
||
font-size: 14px;
|
||
font-family: 'Montserrat', sans-serif;
|
||
}
|
||
.pricing-body strong{
|
||
color:#3297fe;
|
||
font-size:16px;
|
||
display: inline-block;
|
||
margin-top:20px;
|
||
}
|
||
.pricing-btn .btn {
|
||
border: 2px solid #edf5ff;
|
||
background: transparent;
|
||
color: #47759d;
|
||
}
|
||
.pricing-box {
|
||
position:relative;
|
||
}
|
||
.pricing-btn .btn::before{content: none;}
|
||
.pricing-btn .btn:hover{background: #ff007a;color: #fff;border-color: #ff007a;box-shadow: 0px 10px 19px 0px #ff007a66 !important;}
|
||
.pricing-box.active .tag {
|
||
position: absolute;
|
||
top: -37px;
|
||
display: inline-block;
|
||
width: 100%;
|
||
background: #00fff6;
|
||
left: 0;
|
||
color: #002691;
|
||
text-transform: uppercase;
|
||
padding: 8px 0;
|
||
font-weight: bold;
|
||
letter-spacing: 2.5px;
|
||
}
|
||
.pricing-box.active .pricing-btn .btn {background: #ff007a;color: #fff;border-color: #ff007a;box-shadow: 0px 10px 19px 0px #ff007a66 !important;}
|
||
/* 19. contact */
|
||
.contact-area {
|
||
background-repeat: no-repeat;
|
||
background-position: center center;
|
||
}
|
||
.contact-butoon {
|
||
z-index: 99;
|
||
position: relative;
|
||
}
|
||
.contact-wrapper textarea {
|
||
border: 0;
|
||
color: #000;
|
||
font-size: 15px;
|
||
height: 200px;
|
||
width: 100%;
|
||
text-transform: capitalize;
|
||
transition: .3s;
|
||
background: #f4f4fe;
|
||
padding: 30px 40px;
|
||
}
|
||
.contact-wrapper textarea::-moz-placeholder {
|
||
color: #b3bdcd;
|
||
font-size: 14px;
|
||
}
|
||
.contact-wrapper textarea::placeholder {
|
||
color: #8990b0;
|
||
font-size: 14px;
|
||
}
|
||
.c-icon i {
|
||
position: absolute;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
right: 40px;
|
||
color: #8990b0;
|
||
font-size: 14px;
|
||
z-index:9;
|
||
}
|
||
.contact-message.c-icon i{top: 30px;transform: unset;}
|
||
.contact-wrapper input {
|
||
border: 0;
|
||
color: #000;
|
||
font-size: 15px;
|
||
height: 80px;
|
||
text-transform: capitalize;
|
||
width: 100%;
|
||
padding: 0 40px;
|
||
transition: .3s;
|
||
background: #f4f4fe;
|
||
}
|
||
.contact-wrapper input::-moz-placeholder {
|
||
color: #8990b0;
|
||
font-size: 14px;
|
||
}
|
||
.contact-wrapper input::placeholder {
|
||
color: #8990b0;
|
||
font-size: 14px;
|
||
}
|
||
.contact-name {
|
||
position: relative;
|
||
}
|
||
.contact-field label {
|
||
display: block;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
color: #252525;
|
||
margin-bottom: 20px;
|
||
cursor: unset;
|
||
}
|
||
.contact-field input {
|
||
width: 100%;
|
||
border: none;
|
||
background: #fff;
|
||
padding: 20px 20px;
|
||
transition: .3s;
|
||
}
|
||
.contact-field.c-name::after{content: "\f007";}
|
||
.contact-field::after {
|
||
position: absolute;
|
||
font-family: "Font Awesome 5 Free";
|
||
display: inline-block;
|
||
font-size: 14px;
|
||
text-align: center;
|
||
right: 25px;
|
||
color:#ff007a;
|
||
bottom: 22px;
|
||
}
|
||
.contact-field.c-email::after{content: "\f0e0";}
|
||
.contact-field.c-subject::after{content: "\f249";}
|
||
.contact-field.c-message::after {
|
||
content: "\f303";
|
||
font-weight: 700;
|
||
top: 65px;
|
||
bottom: unset;
|
||
}
|
||
.contact-field input::placeholder,.contact-field textarea::placeholder,.contact-field email::placeholder,.contact-wrapper input::placeholder,.contact-wrapper textarea::placeholder,.contact-email email::placeholder{color: #9e9e9e;}
|
||
.contact-field textarea {
|
||
width: 100%;
|
||
border: none;
|
||
background: #fff;
|
||
padding: 20px 20px;
|
||
transition: .3s;
|
||
height: 240px;
|
||
}
|
||
.contact-bg {
|
||
background-size: cover;
|
||
background-position: center;
|
||
z-index: 1;
|
||
}
|
||
.contact-img {
|
||
position: absolute;
|
||
bottom: -90px;
|
||
right: -204px;
|
||
}
|
||
.contact-field {
|
||
z-index: 99;
|
||
}
|
||
/* 20. footer */
|
||
|
||
.footer-widget .widget_media_image img {
|
||
width: auto;
|
||
}
|
||
.footer-bg {
|
||
background-size: cover;
|
||
background-position: center;
|
||
background-color: #ff007a;
|
||
position: relative;
|
||
border-bottom: 5px solid #ff007a;
|
||
}
|
||
.footer-bg::before {
|
||
position: absolute;
|
||
content: "";
|
||
background: url(../img/header-overla.png);
|
||
width: 100%;
|
||
height: 100%;
|
||
top: 0;
|
||
background-size: cover;
|
||
}
|
||
.f-cta-area.gray-bg {
|
||
background: #f4f4fe;
|
||
border-top: 3px solid #ff007a;
|
||
}
|
||
.footer-text p {
|
||
color: #ddd;
|
||
margin-bottom: 0;
|
||
}
|
||
.footer-social span {
|
||
font-size: 14px;
|
||
color: #fff;
|
||
font-weight: bold;
|
||
font-family: 'Montserrat', sans-serif;
|
||
display: inline-block;
|
||
margin-right: 20px;
|
||
}
|
||
.footer-link li {
|
||
display: inline-block;
|
||
}
|
||
.footer-link li::after {
|
||
content: "|";
|
||
margin: 0 30px;
|
||
}
|
||
.footer-link li:last-child::after
|
||
{
|
||
display:none;
|
||
}
|
||
.footer-link li a {
|
||
color: #bad3ed;
|
||
font-weight: bold;
|
||
font-size: 16px;
|
||
}
|
||
.footer-link li a:hover{
|
||
color:#ff007a;
|
||
}
|
||
.footer-social a {
|
||
font-size: 16px;
|
||
color: #bad3ed;
|
||
margin-right: 15px;
|
||
display: inline-block;
|
||
width: 50px;
|
||
height: 50px;
|
||
line-height: 47px;
|
||
border: 2px solid #ffffff38;
|
||
border-radius: 50%;
|
||
}
|
||
.footer-social a:hover{color: #fff;border: 2px solid #ff007a;background:#ff007a;}
|
||
.footer-widget .widgettitle {
|
||
color: #fff;
|
||
font-size: 20px;
|
||
margin-bottom: 30px;
|
||
padding-bottom: 25px;
|
||
position: relative;
|
||
}
|
||
footer .widget{
|
||
margin-top: 50px;
|
||
margin-bottom: 50px;
|
||
}
|
||
footer .redux-footer .widget{
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
.footer-widget .menu-main-container
|
||
{
|
||
margin-bottom: 50px;
|
||
}
|
||
.footer-widget .widgettitle::before {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: 0;
|
||
height: 2px;
|
||
width: 40px;
|
||
background: #fff;
|
||
}
|
||
.footer-widget .widget ul li a {
|
||
color: #ddd;
|
||
font-size: 14px;
|
||
display: inline-block;
|
||
}
|
||
.footer-widget .widget ul li a:hover{padding-left: 5px;color: #ff007a;}
|
||
.footer-widget .widget ul li {
|
||
margin-bottom: 10px;
|
||
}
|
||
.footer-widget .widget ul li:last-child{margin-bottom: 0;}
|
||
.footer-widget .gallery-item,.sidebar-widget .gallery-item {
|
||
float: left;
|
||
padding: 0 10px 0 0;
|
||
}
|
||
|
||
.rpwwt-post-title {
|
||
font-weight: bold;
|
||
font-size: 16px;
|
||
color: #252525;
|
||
height: 50px;
|
||
overflow: hidden;
|
||
display: block;
|
||
font-family: 'Montserrat', sans-serif;
|
||
}
|
||
.f-insta ul li {
|
||
display: inline-block;
|
||
margin-bottom: 10px;
|
||
margin-left: 7px;
|
||
}
|
||
.f-insta ul li a{display: block;position: relative;}
|
||
.f-insta ul li a::before {
|
||
content: "\e035";
|
||
font-family: "dripicons-v2" !important;
|
||
position: absolute;
|
||
top: 40%;
|
||
left: 50%;
|
||
transform: translate(-50%,-50%);
|
||
font-size: 24px;
|
||
color:#ff007a;
|
||
transition: .3s;
|
||
opacity: 0;
|
||
z-index: 9;
|
||
}
|
||
.f-insta ul li a::after {
|
||
content: "";
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100%;
|
||
background: #ff007a;
|
||
opacity: 0;
|
||
transition: .3s;
|
||
}
|
||
.f-insta ul li:hover a::before{top: 50%;opacity: 1;}
|
||
.f-insta ul li:hover a::after{opacity: .6;}
|
||
.copyright-text {
|
||
border-top: 1px solid #ffffff38;
|
||
padding-top: 50px;
|
||
}
|
||
.copyright-text p {
|
||
margin-bottom: 0;
|
||
color: #ddd;
|
||
}
|
||
/* faq */
|
||
.faq-btn {
|
||
font-size: 16px;
|
||
color: #252525;
|
||
font-weight: bold;
|
||
border: none;
|
||
background: none;
|
||
outline: none;
|
||
cursor: pointer;
|
||
font-family: 'Karla', sans-serif;
|
||
padding: 20px 30px;
|
||
width: 100%;
|
||
text-align: left;
|
||
padding-right: 55px;
|
||
}
|
||
.faq-wrap .card-header:first-child {
|
||
border-radius: 0;
|
||
}
|
||
.faq-wrap .card-header {
|
||
padding: 0;
|
||
margin-bottom: 0;
|
||
background-color: unset;
|
||
border-bottom: none;
|
||
}
|
||
.faq-wrap .card-body {
|
||
-webkit-box-flex: 1;
|
||
-ms-flex: 1 1 auto;
|
||
flex: unset;
|
||
padding: 25px 30px;
|
||
padding-top: 0;
|
||
font-size: 14px;
|
||
font-family: 'Montserrat', sans-serif;
|
||
}
|
||
.faq-wrap .card-header h2 {
|
||
font-size: unset;
|
||
}
|
||
.faq-wrap .card {
|
||
border: 1px solid #e2e2e2;
|
||
border-radius: 0;
|
||
margin-bottom: 15px;
|
||
}
|
||
.faq-wrap .card:last-child {margin-bottom: 0;}
|
||
.faq-wrap .card-header h2 button::after {
|
||
position: absolute;
|
||
content: "\f06e";
|
||
top: 19px;
|
||
right: 30px;
|
||
font-size: 16px;
|
||
font-family: "Font Awesome 5 Free";
|
||
font-weight: 700;
|
||
color: #252525;
|
||
}
|
||
.faq-wrap .card-header h2 button.collapsed::after {
|
||
content: "\f070";
|
||
}
|
||
/* 21. Menu Theme dropdown default css */
|
||
.single-cta {
|
||
line-height: 28px;
|
||
}
|
||
.single-cta a {
|
||
color:#ff007a;
|
||
}
|
||
.navbar-brand.logo-black img {
|
||
width: 90%;
|
||
}
|
||
.main-menu .has-sub > ul {
|
||
display:none;
|
||
position: absolute;
|
||
background-color: #ffff;
|
||
min-width: 250px;
|
||
z-index: 1;
|
||
transition: all 0.3s ease-in-out;
|
||
margin-top: 15px;
|
||
border-top: 4px solid #ff007a;
|
||
box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
|
||
}
|
||
.main-menu .has-sub li a{
|
||
padding: 15px;
|
||
color: #002691;
|
||
}
|
||
.main-menu .has-sub li {
|
||
margin-left: 0 !important;
|
||
float: left;
|
||
border-bottom: 1px solid #ddd;
|
||
width: 100%;
|
||
text-align: left;
|
||
|
||
}
|
||
.main-menu .has-sub li:last-child
|
||
{
|
||
border:none;
|
||
}
|
||
|
||
.main-menu .has-sub a:hover{
|
||
color:#ff007a;
|
||
}
|
||
.main-menu .has-sub:hover > ul { display:block; margin-top: 0px;}
|
||
.main-menu .has-sub > ul > .has-sub > ul {
|
||
display: none;
|
||
position: absolute;
|
||
background-color: #ffff;
|
||
width: 250px;
|
||
z-index: 1;
|
||
padding: 0;
|
||
margin-left: -255px;
|
||
margin-top: 0;
|
||
top: -3px;
|
||
}
|
||
.main-menu .has-sub > ul > .has-sub:hover > ul{display: block;}
|
||
.main-menu .has-sub > ul > .has-sub > ul > .has-sub > ul {
|
||
display: none;
|
||
position: absolute;
|
||
background-color: #ffff;
|
||
width: 250px;
|
||
z-index: 1;
|
||
padding: 0;
|
||
margin-left: 255px;
|
||
margin-top: 0;
|
||
top: -3px;
|
||
}
|
||
.main-menu .has-sub > ul > .has-sub > ul > .has-sub:hover > ul {display: block;}
|
||
|
||
|
||
|
||
/* 22. Theme sidebar widge css */
|
||
.sidebar-widget a{
|
||
color:#7886a0;
|
||
}
|
||
.tag-cloud-link {
|
||
font-size: 14px !important;
|
||
border: 2px solid #dadeff;
|
||
padding: 10px 19px !important;
|
||
display: inline-block;
|
||
margin: 10px 4px;
|
||
text-transform: capitalize;
|
||
float: none !important;
|
||
width: auto !important;
|
||
}
|
||
.tag-cloud-link:hover {
|
||
border: 2px solid #ff007a;
|
||
color:#6a6a6a;
|
||
}
|
||
.widget_text img{
|
||
width:100%;
|
||
height:auto;
|
||
}
|
||
.sidebar-widget select{
|
||
width:100%;
|
||
padding:10px;
|
||
border: 2px solid #dadeff;
|
||
}
|
||
.recentcomments a{
|
||
color:#1a237e;
|
||
}
|
||
.sidebar-widget a.rsswidget{
|
||
color:#1a237e;
|
||
}
|
||
#wp-calendar caption {
|
||
color:#ff007a;
|
||
font-weight: bold;
|
||
font-size: 14px;
|
||
}
|
||
.quote-post{
|
||
background: url(../images/quote_bg.png);
|
||
}
|
||
.widget_media_image a:hover {
|
||
padding-left: 0 !important;
|
||
}
|
||
.sidebar-widget .widget li .children {
|
||
|
||
border-top: 1px solid #dadeff;
|
||
margin-top: 10px;
|
||
padding-bottom: 0px;
|
||
display: inline-block;
|
||
width: 100%;
|
||
|
||
}
|
||
.sidebar-widget .widget li.page_item_has_children,
|
||
{
|
||
padding-bottom: 0;
|
||
}
|
||
.sidebar-widget .widget .children{
|
||
padding-left:15px;
|
||
}
|
||
|
||
.sidebar-widget .widget .children ul.children{
|
||
padding-left:30px;
|
||
}
|
||
.sidebar-widget .page_item_has_children li {
|
||
|
||
padding-top: 10px;
|
||
display: block;
|
||
|
||
}
|
||
.sidebar-widget .widget .children li {
|
||
padding-top: 10px;
|
||
}
|
||
.sidebar-widget .widget .children .children li {
|
||
padding-top: 10px;
|
||
}
|
||
.sidebar-widget .widget li:last-child,.sidebar-widget .widget .children li:last-child,.sidebar-widget .widget .children .children li:last-child {
|
||
border-bottom:none;
|
||
padding-bottom:0;
|
||
margin-bottom:0;
|
||
}
|
||
|
||
.sticky .bsingle__content,.tag-sticky-2{
|
||
|
||
background: #F2F1FF;
|
||
|
||
}
|
||
.sticky .bsingle__content ul li {
|
||
|
||
margin-bottom: 15px;
|
||
list-style: disc;
|
||
margin-left: 10px;
|
||
|
||
}
|
||
|
||
#attachment_907 {
|
||
width: 100% !important;
|
||
}
|
||
.wp-image-907 {
|
||
width: 100% !important;
|
||
height: auto;
|
||
}
|
||
.sidebar-widget .widget a{
|
||
width:85%;
|
||
text-align:left;
|
||
}
|
||
.sidebar-widget .widget a:hover {
|
||
color: #ff007a;
|
||
padding-left:10px;
|
||
}
|
||
.sidebar-widget .widget .widget_archive li:hover,.widget_categories li:hover,.sidebar-widget .widget_archive li:hover{
|
||
color: #ff007a;
|
||
}
|
||
.post-password-form input[type="password"]{
|
||
background: #f2f1ff;
|
||
border: none;
|
||
width: 300px;
|
||
padding: 10px 30px;
|
||
}
|
||
.post-password-form input[type="submit"] {
|
||
border: none;
|
||
background:#ff007a;
|
||
padding: 10px 30px;
|
||
color: #ffffff;
|
||
font-size: 14px;
|
||
cursor: pointer;
|
||
}
|
||
.post-password-form input[type="submit"]:hover {
|
||
background: #ff007a;
|
||
}
|
||
.wp-block-cover__video-background {
|
||
width: 100%;
|
||
}
|
||
.sidebar-widget .widget_nav_menu .sub-menu {
|
||
padding-left: 15px;
|
||
}
|
||
.page #comments {
|
||
float: left;
|
||
width: 100%;
|
||
margin-top: 50px;
|
||
}
|
||
video {
|
||
width: 100%;
|
||
}
|
||
.sidebar-widget .widget_text a:hover{
|
||
padding-left:0;
|
||
}
|
||
.dsnone
|
||
{
|
||
display:none;
|
||
}
|
||
|
||
.wp-block-media-text__media img {
|
||
width: 100%;
|
||
}
|
||
|
||
.wp-block-image .alignleft {
|
||
float: left;
|
||
margin-right: 1em;
|
||
}
|
||
.wp-block-image figure.alignright {
|
||
margin-left: 1.5em;
|
||
}
|
||
.wp-block-image .alignright {
|
||
float: right;
|
||
margin-left: 1em;
|
||
}
|
||
.wp-block-image img {
|
||
max-width: 100%;
|
||
}
|
||
|
||
.wp-block-galler {
|
||
overflow: hidden;
|
||
display:inline-block;
|
||
position: relative;
|
||
width:100%;
|
||
}
|
||
.blocks-gallery-item {
|
||
margin: 0;
|
||
position: relative;
|
||
}
|
||
.blocks-gallery-item img, .blocks-gallery-item img:hover {
|
||
background: 0 0;
|
||
border: none;
|
||
box-shadow: none;
|
||
max-width: 100%;
|
||
padding: 0;
|
||
vertical-align: middle;
|
||
}
|
||
.blocks-gallery-item figcaption {
|
||
background: #eee;
|
||
background: rgba(255,255,255,.8);
|
||
color: #333;
|
||
font-size: 13px;
|
||
font-weight: 400;
|
||
overflow: hidden;
|
||
padding: 10px 0;
|
||
position: absolute;
|
||
bottom: 0;
|
||
text-indent: 10px;
|
||
text-overflow: ellipsis;
|
||
width: 100%;
|
||
white-space: nowrap;
|
||
opacity: 0;
|
||
}
|
||
.blocks-gallery-item:hover figcaption {
|
||
opacity: 1;
|
||
}
|
||
.wp-block-gallery.columns-3 li
|
||
{
|
||
width: 33.333%;
|
||
padding: 10px;
|
||
height: 200px;
|
||
}
|
||
.wp-block-gallery.columns-2 li
|
||
{
|
||
width: 50%;
|
||
padding: 10px;
|
||
}
|
||
.wp-block-gallery {
|
||
width: 100%;
|
||
float: left;
|
||
}
|
||
|
||
.wp-block-gallery.columns-5 li {
|
||
width: auto;
|
||
height: auto;
|
||
overflow: hidden;
|
||
columns: auto;
|
||
}
|
||
.bsingle__content .alignright {
|
||
float: right;
|
||
margin-left: 1.5em;
|
||
}
|
||
.bsingle__content .alignleft {
|
||
float: left;
|
||
margin-right: 1em;
|
||
}
|
||
.alignright {
|
||
float: right;
|
||
margin-left: 1.5em;
|
||
}
|
||
.alignleft {
|
||
float: left;
|
||
margin-right: 1em;
|
||
}
|
||
figure.aligncenter {
|
||
|
||
width: 100% !important;
|
||
text-align: center;
|
||
float:left;
|
||
}
|
||
.aligncenter {
|
||
margin:auto;
|
||
display: inherit;
|
||
}
|
||
.page-links {
|
||
float: left;
|
||
width: 100%;
|
||
margin-top: 50px;
|
||
}
|
||
#comments {
|
||
float: left;
|
||
width: 100%;
|
||
}
|
||
.bsingle__content ul,.pages-content ul{
|
||
padding-left:10px;
|
||
}
|
||
.comment-text ul{
|
||
padding-left:20px;
|
||
}
|
||
.bsingle__content ul li,.comment-text ul li,.pages-content ul li {
|
||
list-style: disc;
|
||
}
|
||
.bsingle__content table th ,.bsingle__content table td,.comment-text table th ,.comment-text table td,.pages-content table th,.pages-content table td{
|
||
border: 1px solid #dadeff;
|
||
padding: 10px;
|
||
}
|
||
.bsingle__content table,.comment-text table,.pages-content table {
|
||
margin-bottom: 20px;
|
||
}
|
||
.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile {
|
||
padding: 30px;
|
||
}
|
||
.bsingle__content ol {
|
||
padding: 0 0 0 1.5em;
|
||
}
|
||
.bsingle__content ol li,.comment-text ol li,.pages-content ol li{
|
||
list-style: decimal;
|
||
}
|
||
.bsingle__content figure {
|
||
margin: 0 0 1rem;
|
||
}
|
||
a, h1, h2, h3, h4, h5, h6, p, span {
|
||
overflow-wrap: break-word;
|
||
}
|
||
.has-text-color.has-background.has-very-light-gray-color {
|
||
color: #fff;
|
||
padding: 21px;
|
||
}
|
||
.wp-block-cover-text {
|
||
color: #fff;
|
||
padding: 30px;
|
||
}
|
||
.tag-template img {
|
||
width: auto !important;
|
||
}
|
||
.error-page .error-code {
|
||
display: block;
|
||
font-size: 150px;
|
||
line-height: 150px;
|
||
color: #333;
|
||
margin-bottom: 20px;
|
||
text-shadow: 5px 5px 1px rgba(0,0,0,.1);
|
||
}
|
||
.error-body a {
|
||
|
||
margin-top: 30px;
|
||
margin-bottom: 100px;
|
||
|
||
}
|
||
.tag-markup-2 li > ul, li > ol, .pages-content li > ul, li > ol {
|
||
padding-left: 1.5em;
|
||
}
|
||
.tag-markup-2 ul li,.tag-markup-2 ol li,.comment-text ul li,.comment-text ol li,.pages-content ul li,.pages-content ol li {
|
||
margin-top: 10px;
|
||
margin-bottom: 0;
|
||
}
|
||
.parent-pageid-1725 figure.aligncenter {
|
||
margin: 50px 0;
|
||
}
|
||
.bsingle__content ul ul li, .pages-content ul ul li {
|
||
list-style: circle;
|
||
}
|
||
|
||
footer #wp-calendar caption
|
||
{
|
||
color:#fff;
|
||
}
|
||
ol {
|
||
padding-left: 15px;
|
||
}
|
||
iframe {
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
.comment-list li {
|
||
|
||
margin-bottom: 30px;
|
||
|
||
}
|
||
.wp-block-button__link {
|
||
border: none;
|
||
font-weight: 700;
|
||
padding: .76rem 1rem;
|
||
outline: none;
|
||
outline: none;
|
||
display: inline-block;
|
||
background:#ff007a;
|
||
color: #fff !important;
|
||
width: auto;
|
||
border-radius: 5px;
|
||
text-align:center;
|
||
}
|
||
.wp-block-button.aligncenter .wp-block-button__link {
|
||
|
||
width: 50%;
|
||
display: block;
|
||
margin: auto;
|
||
|
||
}
|
||
.wp-block-button.is-style-outline .wp-block-button__link {
|
||
|
||
background: none;
|
||
border: 2px solid#ff007a;
|
||
color:#ff007a !important;
|
||
|
||
}
|
||
|
||
.wp-block-button.is-style-squared .wp-block-button__link{
|
||
border-radius: 0;
|
||
}
|
||
.has-2-columns,.has-3-columns,.has-5-columns,.has-6-columns
|
||
{
|
||
float:left;
|
||
width:100%;
|
||
}
|
||
.has-2-columns .wp-block-column {
|
||
float:left;
|
||
width:50%;
|
||
padding-right: 20px;
|
||
}
|
||
.has-3-columns .wp-block-column {
|
||
float:left;
|
||
width:33.333%;
|
||
padding-right: 20px;
|
||
}
|
||
.has-5-columns .wp-block-column {
|
||
float:left;
|
||
width:20%;
|
||
padding-right: 20px;
|
||
}
|
||
.has-4-columns .wp-block-column {
|
||
float:left;
|
||
width:25%;
|
||
padding-right: 20px;
|
||
}
|
||
.has-6-columns .wp-block-column {
|
||
float:left;
|
||
width:16.66666666666667%;
|
||
padding-right: 20px;
|
||
}
|
||
.wp-block-media-text.alignwide figure {
|
||
|
||
float: left;
|
||
width: 50%;
|
||
margin-right: 20px;
|
||
|
||
}
|
||
.wp-block-media-text.alignwide .has-large-font-size {
|
||
font-size: 28px;
|
||
color: #252525;
|
||
}
|
||
.wp-block-media-text__content {
|
||
|
||
float: left;
|
||
width: 47%;
|
||
padding-top: 0;
|
||
|
||
}
|
||
.wp-block-columns.alignwide.has-3-columns blockquote{
|
||
margin-top:0;
|
||
padding-left: 20px;
|
||
}
|
||
.columns-3.is-cropped li {
|
||
list-style: none;
|
||
float: left;
|
||
width: 33.333%;
|
||
}
|
||
.wp-block-gallery.alignleft.columns-2.is-cropped li {
|
||
|
||
float: left;
|
||
list-style: none;
|
||
|
||
}
|
||
.wp-block-gallery.alignwide.columns-4.is-cropped li {
|
||
|
||
float: left;
|
||
list-style: none;
|
||
width: 25%;
|
||
padding: 10px;
|
||
|
||
}
|
||
.wp-block-gallery.columns-6.is-cropped li {
|
||
|
||
float: left;
|
||
width: 16.666%;
|
||
height: 129px;
|
||
list-style: none;
|
||
padding: 10px;
|
||
|
||
}
|
||
.wp-block-gallery.columns-7.is-cropped li {
|
||
|
||
float: left;
|
||
width: 14%;
|
||
padding: 10px;
|
||
list-style: none;
|
||
min-height: 150px;
|
||
|
||
}
|
||
.wp-block-gallery.columns-8.is-cropped li {
|
||
|
||
float: left;
|
||
width: 12%;
|
||
padding: 10px;
|
||
list-style: none;
|
||
min-height: 100px;
|
||
|
||
}
|
||
.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile {
|
||
float: left;
|
||
}
|
||
.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile figure {
|
||
float: left;
|
||
width: 50%;
|
||
margin-right: 20px;
|
||
}
|
||
.footer-widget .widgettitle,.footer-widget .cat-item,.footer-widget .widget ul li{
|
||
text-align:left;
|
||
color:#fff;
|
||
}
|
||
.footer-widget select {
|
||
width: 100%;
|
||
padding: 10px;
|
||
border: 2px solid #dadeff;
|
||
}
|
||
.blog-deatails-box.single .single {
|
||
display: none;
|
||
}
|
||
.footer-widget .tag-cloud-link ,.footer-widget p{
|
||
color: #fff;
|
||
font-size: 20px;
|
||
}
|
||
.footer-social {
|
||
margin-bottom: 60px;
|
||
}
|
||
.footer-text {
|
||
width: 80%;
|
||
margin: 0 auto 30px;
|
||
}
|
||
.redux-footer h2
|
||
{
|
||
margin-top: 0px;
|
||
}
|
||
.footer-widget td {
|
||
padding: 5px;
|
||
text-align: center;
|
||
}
|
||
|
||
.footer-widget table {
|
||
width: 100%;
|
||
padding: 10px;
|
||
background: #f5f5f5;
|
||
}
|
||
.footer-widget th {
|
||
background: #dadeff;
|
||
padding: 10px 5px;
|
||
text-align: center;
|
||
color: #252525;
|
||
}
|
||
|
||
.bsingle__content h1,.bsingle__content h2,.bsingle__content h3,.bsingle__content h4,.bsingle__content h5,.bsingle__content h6 {
|
||
line-height: 1.3;
|
||
margin-bottom: 20px;
|
||
font-weight: 700;
|
||
}
|
||
.pages-content h1,.pages-content h2,.pages-content h3,.pages-content h4,.pages-content h5,.pages-content h6 {
|
||
line-height: 1.3;
|
||
margin-bottom: 20px;
|
||
font-weight: 700;
|
||
}
|
||
.comment-list h1,.comment-list h2,.comment-list h3,.comment-list h4,.comment-list h5,.comment-list h6 {
|
||
line-height: 1.3;
|
||
margin-bottom: 20px;
|
||
font-weight: 700;
|
||
}
|
||
.widget {
|
||
padding: 35px 25px 35px 25px;
|
||
border: 2px solid #dadeff;
|
||
overflow: hidden;
|
||
}
|
||
.slidebar__form {
|
||
position: relative;
|
||
}
|
||
.slidebar__form input {
|
||
background: #f2f1ff;
|
||
border: none;
|
||
width: 100%;
|
||
padding: 18px 30px;
|
||
}
|
||
.slidebar__form button {
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
border: none;
|
||
background:#002691;
|
||
padding: 18px 23px;
|
||
color: #ffffff;
|
||
font-size: 14px;
|
||
cursor: pointer;
|
||
height: 100%;
|
||
}
|
||
.comment-text {
|
||
overflow: hidden;
|
||
}
|
||
.comment-text .avatar-name {
|
||
overflow: hidden;
|
||
}
|
||
.comment-text .avatar-name h6 {
|
||
font-size: 18px;
|
||
margin-bottom: 7px;
|
||
font-weight: bold;
|
||
}
|
||
.comment-text .avatar-name span {
|
||
font-size: 12px;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
letter-spacing: 2px;
|
||
color: #ff007a;
|
||
}
|
||
.comment-text .avatar-name .comment-reply {
|
||
float: right;
|
||
display: inline-block;
|
||
border: 2px solid #f4f4ff;
|
||
padding: 8px 18px;
|
||
border-radius: 50px;
|
||
font-size: 14px;
|
||
margin-top: -23px;
|
||
color: #7886a0;
|
||
}
|
||
.comment-text .avatar-name .comment-reply:hover {
|
||
border-color: #1a237e;
|
||
background: #1a237e;
|
||
color: #ffffff;
|
||
}
|
||
.comment-text .avatar-name .comment-reply i {
|
||
margin-right: 5px;
|
||
}
|
||
.comment-text p {
|
||
font-size: 14px;
|
||
margin-bottom: 0;
|
||
}
|
||
.comment__form {
|
||
padding: 50px;
|
||
background: #f8f6ff;
|
||
}
|
||
.comment__form .comment-field {
|
||
position: relative;
|
||
}
|
||
.comment__form .comment-field.text-area i {
|
||
top: 25px;
|
||
transform: unset;
|
||
}
|
||
.comment__form .comment-field i {
|
||
position: absolute;
|
||
right: 30px;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
color: #1a237e;
|
||
font-size: 14px;
|
||
}
|
||
.comment__form .comment-field textarea {
|
||
height: 150px;
|
||
width: 100%;
|
||
padding: 20px 30px;
|
||
padding-right: 50px;
|
||
background: #ffffff;
|
||
border: none;
|
||
}
|
||
.comment__form .comment-field textarea::placeholder {
|
||
font-size: 14px;
|
||
color: #a7a7c1;
|
||
}
|
||
.comment__form .comment-field textarea:focus {
|
||
outline: 1px solid #1a237e;
|
||
}
|
||
.comment__form .comment-field input {
|
||
width: 100%;
|
||
padding: 20px 30px;
|
||
padding-right: 50px;
|
||
background: #ffffff;
|
||
border: none;
|
||
}
|
||
.comment__form .comment-field input::placeholder {
|
||
font-size: 14px;
|
||
color: #a7a7c1;
|
||
}
|
||
.comment__form .comment-field input:focus {
|
||
outline: 1px solid #1a237e;
|
||
}
|
||
.comment__form .btn {
|
||
background: transparent;
|
||
border: 2px solid #1a237e;
|
||
font-size: 14px;
|
||
text-transform: uppercase;
|
||
color: #252525;
|
||
}
|
||
.comment__form .btn::before{content: none;}
|
||
.comment__form .btn:hover {
|
||
color: #fff;
|
||
background: #1a237e;
|
||
}
|
||
.details__content blockquote {
|
||
background: #152136;
|
||
padding: 30px 35px;
|
||
padding-left: 90px;
|
||
position: relative;
|
||
font-size: 14px;
|
||
padding-right: 50px;
|
||
margin-top: 45px;
|
||
margin-bottom: 45px;
|
||
line-height: 1.7;
|
||
color: #99a7c0;
|
||
z-index: 1;
|
||
}
|
||
.details__content blockquote::before {
|
||
position: absolute;
|
||
content: "";
|
||
left: 19px;
|
||
top: 29px;
|
||
background: url(../img/icon/blockquote_d.png);
|
||
height: 86px;
|
||
width: 92px;
|
||
z-index: -1;
|
||
}
|
||
.details__content blockquote footer {
|
||
font-size: 14px;
|
||
margin-top: 15px;
|
||
color: #fff;
|
||
font-weight: 600;
|
||
}
|
||
.details__content-img {
|
||
margin: 45px 0;
|
||
}
|
||
.details__content-img img {
|
||
width: 100%;
|
||
}
|
||
.details__content figure {
|
||
margin-top: 45px;
|
||
margin-bottom: 60px;
|
||
}
|
||
.details__content figure img {
|
||
float: left;
|
||
width: 255px;
|
||
margin-right: 30px;
|
||
}
|
||
.inner-linke-page {
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
color: #252525;
|
||
}
|
||
.inner-linke-page a {
|
||
border: none;
|
||
height: 32px;
|
||
width: 32px;
|
||
display: inline-block;
|
||
line-height: 32px;
|
||
background: #b9bff5;
|
||
border-radius: 50%;
|
||
color: #000;
|
||
font-weight: 400;
|
||
font-size: 14px;
|
||
text-align: center;
|
||
}
|
||
.inner-linke-page a:hover {
|
||
color: #ffffff;
|
||
background:#ff007a;
|
||
}
|
||
.inner-linke-page > span {
|
||
border: none;
|
||
height: 32px;
|
||
width: 32px;
|
||
display: inline-block;
|
||
line-height: 32px;
|
||
font-weight: 400;
|
||
border-radius: 50%;
|
||
font-size: 14px;
|
||
text-align: center;
|
||
background:#ff007a;
|
||
color: #ffffff;
|
||
box-shadow: 0px 8px 16px 0px rgba(26, 35, 126, 0.32);
|
||
}
|
||
pre {
|
||
padding: 30px;
|
||
background: #f2f1ff;
|
||
}
|
||
pre cite {
|
||
color: #000;
|
||
}
|
||
.inner-linke-page {
|
||
margin-bottom: 50px;
|
||
}
|
||
.attachment-xconsulta-featured-large {
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
.quote-post {
|
||
min-height: 200px;
|
||
}
|
||
/* Here's the new CSS to add... */
|
||
|
||
.admin-bar .menu-area {
|
||
margin-top: 36px;
|
||
}
|
||
.admin-bar .second-header {
|
||
margin-bottom: -70px;
|
||
}
|
||
.admin-bar .sticky-menu {
|
||
top: 32px;
|
||
margin-top:0;
|
||
}
|