/*------------------------------------------------------------------
[Master Stylesheet]
[Table of contents]
1. Body
1.1. General styling
2. Elements
2.1. Buttons
2.2. Subscribe form
2.3. Blockquote
2.4. Search input + button
2.5. Contact us
2.6. Back to top button
2. Header
2.1. Header styling
2.2. Navbar styling
2.3. Hero section
3. Portfolio
4. Blocks
5. Testimonial
6. Members
7. Statistics
8. Footer
9. Custom images
10. Sections
10.1. Subscribe
10.2. Contact
10.3. Contact Form
10.4. Portfolio
10.5. Pricing tables
11. Page: Blog
11.1. Sidebar/Widgets
13. 404 Not found page
14. Clients slider
17. Carousel Post
18. Event
19. Banner
21. Members
22. Our Services
24. Sidebar menu
25. OWL Slider Styling
26. Loaders
-------------------------------------------------------------------
/*---------------------------------------------*/
/*--- 1. Body ---*/
/*---------------------------------------------*/
/* General styling */
html,body {
height: 100%;
width: 100%;
}
body{
overflow-x: hidden;
}
* {
word-wrap: break-word;
}
a,
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
section {
position: relative;
}
section.cover{
overflow: hidden;
}
img {
max-width: 100%;
height: auto;
}
ol,ul {
padding-left: 30px;
}
li{
font-size: 17px;
}
ol li {
color: #828282;
}
figure.gallery-item {
margin: 10px 0;
}
.gallery { margin: 0 auto 18px; }
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
.page-links {
clear: both;
margin: 15px 0;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery img {
box-shadow: 0 0 25px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.05);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.05);
border: 1px solid white;
padding: 8px;
background: #f2f2f2;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 84%;
height: auto;
}
.gallery .gallery-caption {
color: #fff;
font-size: 12px;
opacity: 1;
margin: 0 0 12px;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }
/*GLOBAL: FONT WEIGHT*/
.post-excerpt,
.breadcrumb,
.single-post-social > div,
.tweet-body,
.article-details .post-author,
.tweet-date,
.top-header,
.author-biography{
font-weight:300;
}
.post-name.post-name-color a{
font-weight:600;
}
/*GLOBAL: TRANSITION EFFECTS*/
#primary .main-content ul.modeltheme-slider li{
position: unset;
}
.wpb_column{
height: auto;
}
p.subtitle {
font-weight: 600;
color: rgba(255,255,255,0.7);
}
.top-margin {
padding-top: 60px;
}
.high-margin {
padding-top: 60px;
padding-bottom: 80px;
}
.bottom-margin {
padding-top: 0;
padding-bottom: 80px;
}
.mediu-margin {
padding-top: 25px;
padding-bottom: 25px;
}
.spacer {
margin-bottom: 50px;
}
.right-border {
padding: 15px;
border-right: 5px solid;
margin-bottom: 10px !important;
}
.left-border {
padding: 15px;
border-left: 5px solid;
margin-bottom: 10px !important;
}
.relative{
position: relative;
}
.absolute{
position: absolute;
}
.fixed{
position: fixed;
}
.no-margin{
margin: 0 !important;
}
.top-no-margin {
padding-bottom: 100px;
padding-top: 0;
}
.bottom-no-margin {
padding-bottom: 0;
padding-top: 60px;
}
.high-padding {
padding: 80px 0;
}
.medium-padding {
padding: 50px 0;
}
.container.high-padding {
padding: 80px 15px;
}
.form-control {
border-color: rgb(0, 173, 241);
border-width: 2px;
color: rgba(85, 85, 85, 0.8);
font-size: 15px;
font-style: italic;
font-weight: 300;
height: auto;
padding: 10px;
}
.video-bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
z-index: 1;
}
.embed-responsive-item{
width: 100%;
}
.block-triangle {
overflow: hidden;
}
/*Flat icons*/
.flat-icon {
font-family: 'oxp-demo';
padding:23px 28px;
font-size: 45px;
font-weight: bold;
display: inline-block;
line-height: 100%;
overflow: hidden;
text-transform: uppercase;
margin-right: 15px;
}
/*---------------------------------------------*/
/*--- 2. Elements ---*/
/*---------------------------------------------*/
body .no-margin{
margin-bottom: 0;
}
.text-white ul li,
.text-white .section-title {
color: white;
opacity: 0.9;
}
.img-center{
margin: 0 auto;
display: block;
}
.smartowl_call-to-action h1,
.smartowl_call-to-action h2,
.smartowl_call-to-action h3,
.smartowl_call-to-action h4,
.smartowl_call-to-action h5,
.smartowl_call-to-action h6 {
color: #fff;
}
/* Float */
[class^="hvr-"] {
background: #e1e1e1 none repeat scroll 0 0;
color: #666;
cursor: pointer;
margin: 0;
padding: 1em;
text-decoration: none;
}
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.hvr-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 25px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.05);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.05);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 25px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.05);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.05);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 25px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.05);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.05);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.margin-zero{
margin: 0;
}
.vc_btn.margin-zero {
margin: 10px 0;
}
.single article .article-content li ,
.single article .article-content dl,
.missing-modeltheme-framework.added-redux-framework.page article dl,
.missing-modeltheme-framework.added-redux-framework.page article li {
color: #828282;
font-size: 17px;
font-weight: 300;
line-height: 26px;
opacity: 1;
visibility: visible;
}
.single article .article-content .comments-pingbacks-trackbacks .heading-bottom {
margin-bottom: 25px;
margin-top: 30px;
}
a.url,
a.url:hover {
font-weight: normal;
color: #3c424f;
}
.comment-metadata {
padding-bottom: 15px;
}
textarea,
input[type="text"],
input[type="button"],
input[type="search"],
input[type="submit"]{
-webkit-appearance: none;
}
.newspaper-info-bordered .holder {
padding: 10px 0 10px 15px;
}
.newspaper-info span:nth-of-type(1) {
font-weight: bold;
}
.newspaper-info-bordered .col-md-5 {
text-align: center;
}
.newspaper-info-bordered i {
font-size: 50px;
padding: 10px 0;
}
.newspaper-info span {
font-size: 17px;
display: block;
}
.complex-layout .col-md-9 {
padding-left: 0;
}
.newspaper-info span:nth-of-type(2) {
font-style: italic;
}
.newspaper-info-bordered {
border: 1px solid;
margin: 13px 0;
}
/*Elements: blockquote*/
.good_quote h1 {
font-size: 55px;
}
blockquote {
background: none repeat scroll 0 0 #f6f6f6;
border-left: 5px solid;
color: #3c424f;
font-size: 15px;
font-weight: 300;
margin: 0 0 20px;
padding: 30px;
position: relative;
}
.testimonials-container blockquote:before {
content: "\"";
font-family: open sans;
font-size: 200px;
font-style: italic;
left: 15%;
line-height: 200px;
position: absolute;
transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
background: transparent;
}
.quotes-container blockquote:before {
font-family: "Libre Baskerville";
content: "\"";
font-size: 200px;
font-style: italic;
left: 5%;
line-height: 0;
position: absolute;
transform: rotate(180deg);
-o-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
background: transparent;
top: -20px;
}
.testimonials-container blockquote p {
width: 65%;
margin: 0 auto;
}
.quotes-container blockquote p {
color: #ffffff;
font-size: 26px;
margin: 0 auto;
width: 80%;
}
.quotes-content .quote_title {
color: #ffffff;
font-size: 24px;
margin: 0 auto;
width: 65%;
}
.quotes-container blockquote::after {
bottom: -20px;
content: "\"";
font-family: "Libre Baskerville";
font-size: 200px;
font-style: italic;
line-height: 0;
position: absolute;
right: 5%;
transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.testimonials-container blockquote{
background: transparent;
}
.quotes-container blockquote{
background: transparent;
padding: 0;
}
/* Element: Search input + button */
.no-results.not-found {
color: rgb(153, 171, 183);
}
.no-results .search-form {
margin-top: 20px;
text-align: center;
}
.no-results input[type="submit"] {
border: 0 none;
color: #fff;
display: initial;
padding: 9px 15px;
}
.no-results input {
border: 1px solid #e6e6e6;
color: #252525;
padding: 10px 20px;
font-weight: 400 !important;
border-radius: 0px;
outline: 0;
font-size: 17px;
}
/*Section: Conference form*/
.conference-attendant-form input {
font-style: normal;
height: auto;
margin-bottom: 30px;
padding: 15px !important;
}
.conference-attendant-form input.wpcf7-submit {
margin: 0 !important;
padding: 15px 40px !important;
}
/*Section: Contact us*/
#contact_form textarea.form-control {
height: 140px;
padding: 6px 40px !important;
}
#contact_form2 .alert-success {
background-color: rgb(223, 240, 216);
border: 0 none;
color: rgb(255, 255, 255);
margin-top: 15px;
padding-top: 15px;
text-align: left;
}
.success_message {
color: rgb(0, 173, 241);
display: none;
font-weight: 300;
padding-top: 5px;
text-align: center;
}
textarea.form-control {
height: 140px;
padding: 10px !important;
}
#contact_form2 .form-control {
background-color: #ecf0f1;
border: 1px solid rgba(206, 206, 206, 0.3);
box-shadow: none;
padding: 0 10px;
}
#contact_form2 .contact_label {
color: #333333;
}
#contact_form2 .solid-button.button {
border: medium none;
margin-top: 5px;
text-transform: uppercase;
width: auto;
}
.span-contact i {
bottom: 1px;
color: #48a8a7;
font-size: 25px;
margin-right: 10px;
opacity: 0.6;
position: relative;
text-align: center;
width: 35px;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #ff023e;
padding: 10px 20px;
color: #828282;
}
.wpcf7-form .nexbunkr-contact span.wpcf7-not-valid-tip {
color: #ff023e;
margin-top: 5px;
}
/*Element: Back to top button*/
.back-to-top i {
color: #ffffff;
}
.back-to-top img{
width: 40px;
}
.back-to-top {
bottom: 20px;
display: block;
height: 50px;
margin: 5px auto;
overflow: hidden;
position: fixed;
right: 30px;
transition: all 0.3s ease 0s;
visibility: hidden;
white-space: nowrap;
width: 50px;
line-height: 50px;
font-size: 17px;
text-align: center;
z-index: 2;
border-radius: 0px !important;
}
#wp-live-chat #wp-live-chat-header {
width: 50px !important;
height: 50px !important;
border-radius: 0px !important;
right: 30px !important;
margin-bottom: 0;
}
#speeching_button, #wplc_start_chat_btn, #wplc_na_msg_btn {
border-radius: 0px !important;
}
#wp-live-chat span.bleeper_powered_by {
display: none !important;
}
#wp-live-chat input, #wp-live-chat textarea {
font-size: 15px !important;
}
.back-to-top.modeltheme-is-visible, .back-to-top.modeltheme-fade-out {
-webkit-transition: all .3s 0s;
-moz-transition: all .3s 0s;
-ms-transition: all .3s 0s;
-o-transition: all .3s 0s;
transition: all .3s 0s;
box-shadow: 0 0 25px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.05);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.05);
border-radius: 10px;
}
.no-touch .back-to-top:hover {
-webkit-transition: all .3s 0s;
-moz-transition: all .3s 0s;
-ms-transition: all .3s 0s;
-o-transition: all .3s 0s;
transition: all .3s 0s;
box-shadow: 0 0 25px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.1);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.1);
border-radius: 10px;
}
.back-to-top.modeltheme-is-visible {
visibility: visible;
opacity: 1;
}
.no-touch .back-to-top:hover {
opacity: 1;
}
.post-password-form input {
border: 1px solid #e6e6e6;
padding: 10px 20px;
margin-left: 5px;
border-radius: 10px;
}
.post-password-form input[type="submit"] {
color: #ffffff;
margin-left: 10px;
font-weight: bold;
}
.quotes-slider.owl-carousel {
margin-top: 25px;
}
.st-menu-content {
height: 100%;
overflow-y: scroll;
padding: 30px;
position: absolute;
}
.portfolio-posts .main-content {
margin: 0;
}
.post-category-date a[rel="tag"]::before {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
content: "";
height: 3px;
left: 6px;
position: absolute;
top: 11px;
width: 3px;
}
.post-category-date a[rel="tag"] {
border: 0 none;
color: rgb(255, 255, 255);
display: inline-table;
font-weight: 300;
margin-left: 5px;
position: relative;
padding: 2px 5px 2px 13px;
}
.single-portfolio-item .item-description {
height: 100%;
top: 0;
width: 100%;
}
.item-description .holder-top {
height: 50%;
padding: calc(15% - 15px) 15px 15px;
text-align: center;
width: 100%;
opacity: 0;
position: absolute;
top: -50%;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.details-container > div.details-item .amount, .details-container > div.details-item ins {
color: rgb(255, 255, 255);
padding: 1px 5px;
}
.item-description .holder-bottom {
background: none repeat scroll 0 0 rgb(44, 62, 80);
color: rgb(255, 255, 255);
height: 50%;
padding: calc(15% - 30px) 15px 15px;
position: absolute;
text-align: center;
width: 100%;
opacity: 0;
top: 100%;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.single-portfolio-item:hover .holder-top {
opacity: 1;
top: 0;
}
.single-portfolio-item:hover .holder-bottom {
opacity: 1;
top: 50%;
}
.item-description i {
background: none repeat scroll 0 0 rgb(255, 255, 255);
color: rgb(182, 189, 191);
font-size: 19px;
padding: 10px;
width: 40px;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.item-description i:hover {
background: none repeat scroll 0 0 rgb(44, 62, 80);
color: #fff;
}
.holder-top > a:first-child {
margin-right: 4px;
}
.holder-top > a:nth-child(2) {
margin-left: 4px;
}
.item-description .holder-bottom::before {
border-bottom: 15px solid #393939;
border-left: 15px solid rgba(0, 0, 0, 0);
border-right: 15px solid rgba(0, 0, 0, 0);
content: " ";
height: 0;
left: 50%;
margin-left: -15px;
pointer-events: none;
position: absolute;
top: -14px;
width: 0;
}
.item-description .holder-bottom > h5 {
font-size: 15px;
margin: 0;
opacity: 0.5;
}
.item-description .holder-bottom h3 {
margin: 10px 0 15px;
}
.main-content article.single-portfolio-item {
padding: 0;
}
/*---------------------------------------------*/
/*--- 4. Blocks ---*/
/*---------------------------------------------*/
/* Blocks */
.block-icon{
height: 130px;
margin-bottom: 25px;
position: relative;
}
.block-container {
text-align: center;
}
.block-triangle {
width: 80px;
height: 80px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: 0 auto;
position: relative;
top: 25px;
box-shadow: 0 0 0 6px #FFFFFF, 0 0 0 7px #dadbdb;
-webkit-box-shadow: 0 0 0 6px #FFFFFF, 0 0 0 7px #dadbdb;
}
.block-title p {
color: #2f383d;
font-size: 16px;
font-weight: 500;
}
.block-content p {
font-size: 15px;
color: #828282;
font-weight: 300;
}
.block-icon i {
color: #FFFFFF;
font-size: 40px;
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.block-services:hover .wpb_wrapper{
box-shadow: 0 0 25px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.1);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.1);
}
/* Left Block */
.left-block-container {
margin-bottom: 20px;
}
.left-block-container .block-title p {
text-transform: uppercase;
}
.left-block-container .block-title {
padding-top: 20px;
}
.left-block-container {
border-bottom: 1px solid #dadee1;
}
.left-block-container:last-child {
border-bottom: 0 none;
margin-bottom: 0;
}
.left-block-container:last-child .block-icon {
margin-bottom: 0;
}
/* Filters */
.filters {
list-style: none;
text-align: center;
width: 100%;
}
.filters .filter {
display: inline-block;
}
/*---------------------------------------------*/
/*--- 5. Testimonial ---*/
/*---------------------------------------------*/
.testimonial-img-holder {
position: relative;
z-index: 1;
}
.testimonail-content p:last-child{
margin: 0;
}
.testimonail-content p {
color: #ffffff;
}
.testimonial-arrow {
border-left: 20px solid rgb(255, 255, 255);
border-right: 20px solid rgb(255, 255, 255);
border-bottom: 20px solid #485052;
content: "";
height: 30px;
left: 44px;
position: absolute;
top: 100px;
width: 30px;
}
.testimonial-img {
border: 4px solid;
border-radius: 50%;
margin-bottom: 30px;
overflow: hidden;
transform: none;
-webkit-transform: none;
width: 100px;
}
.testimonial-img img {
display: block;
}
.testimonial-author-job {
left: 125px;
position: absolute;
top: 18px;
}
.testimonail-content {
border-radius: 10px;
font-style: italic;
font-weight: lighter;
line-height: 170%;
padding: 15px;
background: #485052;
}
.testimonials-container ul {
list-style: none;
padding: 0;
}
.testimonials-container blockquote {
border: 0 none;
text-align: center;
padding: 40px 0 40px 0;
font-size: 26px;
color: rgba(255,255,255,0.5);
position: relative;
margin: 0;
}
.quotes-container blockquote {
border: 0 none;
text-align: center;
padding: 40px 0 40px 0;
font-size: 26px;
color: rgba(255,255,255,0.5);
position: relative;
margin: 0;
}
.testimonial-author {
font-size: 20px;
font-weight: 500;
margin-top: 10px;
}
.testimonial-job {
color: #828282;
font-size: 13px;
font-weight: 300;
}
/*---------------------------------------------*/
/*--- 5. Members ---*/
/*---------------------------------------------*/
.member-container {
position: relative;
}
.member-content {
position: relative;
z-index: 2;
-webkit-transition: all 0.7s; /* For Safari 3.1 to 6.0 */
transition: all 0.7s;
}
.member-container:hover .member-content {
-ms-transform: translateY( -50% ); /* IE 9 */
-webkit-transform: translateY( -50% ); /* Chrome, Safari, Opera */
transform: translateY( -50% );
}
.member-header {
border-bottom: 1px solid;
margin-bottom: 40px;
position: relative;
z-index: 2;
}
.member-header:before,
.member-header:after {
content: "";
display: block;
position: absolute;
bottom: -10px;
width: 1px;
height: 10px;
}
.member-header:before {
left: 0;
}
.member-header:after {
right: 0;
}
.member-header p,
.member-footer p {
font-size: 12px;
text-transform: uppercase;
}
.member-header h4,
.member-footer h4 {
font-size: 16px;
text-transform: uppercase;
}
.member-footer .social {
border-top: 1px solid;
margin-top: 20px;
position: relative;
padding-top: 20px;
}
.member-footer .social:before,
.member-footer .social:after {
content: "";
display: block;
position: absolute;
top: -10px;
width: 1px;
height: 10px;
}
.member-footer .social:before {
left: 0;
}
.member-footer .social:after {
right: 0;
}
.member-footer .social ul {
list-style: none;
padding: 0;
margin: 0;
}
.member-footer .social ul li {
display: inline-block;
}
.member-footer {
position: absolute;
bottom: 0;
width: 100%;
z-index: 1;
}
.social ul li i {
font-size: 20px;
color: #bdc0c2;
}
.member-content img {
width: 100%;
}
/*---------------------------------------------*/
/*--- 7. Statistics ---*/
/*---------------------------------------------*/
.aligncenter {
margin: 0 auto;
display: block;
}
.timeline .post-cotnent-left {
padding-right: 60px;
}
.timeline .post-cotnent-right {
padding-left: 60px;
}
.timeline{
position: relative;
}
.timeline article {
padding-bottom: 40px;
position: relative;
}
.timeline:before {
content: "";
display: block;
width: 4px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: 2px;
background: #00adf1;
}
.timeline article:before {
content: "";
display: block;
position: absolute;
width: 15px;
height: 90px;
background: url("../images/timeline-dot.jpg");
left: 50%;
top: 50%;
margin-left: -4px;
margin-top: -45px;
}
/*---------------------------------------------*/
/*--- 8. Footer ---*/
/*---------------------------------------------*/
footer .footer-top .widget-title::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -2px;
width: 150px;
height: 3px;
}
footer .footer-top .widget-title {
padding-bottom: 5px;
}
.footer-top .widget_nav_menu li::before {
content: "\f101";
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
font-family: 'fontawesome';
left: 0;
margin-right: 8px;
position: absolute;
color: #374C9F !important;
font-size: 15px;
background: transparent !important;
top: 0px;
margin-top: 6px !important;
}
footer .footer-top .menu .menu-item a {
padding-left: 20px;
}
footer.footer1 {
overflow: hidden;
}
/*---------------------------------------------*/
/*--- 10. Sections ---*/
/*---------------------------------------------*/
body .wpb_content_element{
margin: 0;
}
body .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon{
background-image: url("../images/toggle_close.png");
}
#primary .main-content ul li[role="tab"]:not(.rotate45) {
margin: 0;
}
/*Section: Contact us*/
#contact_form textarea.form-control {
height: 140px;
padding: 6px 40px !important;
}
.nexbunkr-contact input,
.nexbunkr-contact textarea {
margin-top: 20px;
width: 100%;
outline: 0;
}
.nexbunkr-contact label {
width: 100%;
margin-bottom: 20px;
color: #2f73f6;
}
.nexbunkr-contact label span {
font-weight: 300;
}
.nexbunkr-contact label select {
color: rgba(130,130,130,.7);
padding: 13px 12px !important;
}
.nexbunkr-contact label select::-moz-focus-inner {
padding: 10px 16px;
}
.nexbunkr-contact select {
margin-top: 20px;
min-width: 100%;
border-color: #8d969d;
}
.nexbunkr-contact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #828282;
opacity: 0.7;
}
.nexbunkr-contact ::-moz-placeholder{ /* Firefox 19+ */
color: #828282;
opacity: 0.7;
}
.nexbunkr-contact :-ms-input-placeholder { /* IE 10+ */
color: #828282;
opacity: 0.7;
}
.nexbunkr-contact :-moz-placeholder { /* Firefox 18- */
color: #828282;
opacity: 0.7;
}
.nexbunkr-contact .wpcf7-submit {
border-radius: 0;
width: 100%;
outline: 0;
transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
}
.nexbunkr-contact .wpcf7-submit:hover,
.nexbunkr-contact .wpcf7-submit:focus,
.nexbunkr-contact .wpcf7-submit:active {
background: #ff023e !important;
color: #fff !important;
}
.nexbunkr-contact textarea {
min-height: 150px !important;
padding: 15px !important;
}
#contact_form2 .alert-success {
background-color: rgb(223, 240, 216);
border: 0 none;
color: rgb(255, 255, 255);
margin-top: 15px;
padding-top: 15px;
text-align: left;
}
#map_wrapper h3 {
font-size: 12px;
margin-top: 0;
padding: 5px 2px 2px;
}
#map_wrapper {
height: 560px;
position: relative;
}
#map_wrapper_overlay {
background-color: rgba(0, 0, 0, 0.6);
display: table;
height: 100%;
position: absolute;
width: 100%;
z-index: 2;
}
#map_wrapper_text_container {
display: table-cell;
vertical-align: middle;
}
.contact_location_title {
color: white;
text-align: center;
}
.contact_location_subtitle {
text-align: center;
}
#map_canvas {
width: 100%;
height: 100%;
}
.success_message {
color: rgb(0, 173, 241);
display: none;
font-weight: 300;
padding-top: 5px;
text-align: center;
}
textarea.form-control {
height: 140px;
padding: 10px !important;
}
#contact_form2 .form-control {
background-color: #ecf0f1;
border: 1px solid rgba(206, 206, 206, 0.3);
box-shadow: none;
padding: 0 10px;
}
#contact_form2 .contact_label {
color: #223441;
}
#contact_form2 .solid-button.button {
border: medium none;
margin-top: 5px;
text-transform: uppercase;
width: auto;
}
.span-contact i {
bottom: 1px;
color: #1bdac9;
font-size: 25px;
margin-right: 10px;
opacity: 0.6;
position: relative;
text-align: center;
width: 35px;
}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
border: 1px solid #ededed;
padding: 13px 15px;
border-radius: 0;
outline: 0 !important;
background: #ffffff;
transition: all 250ms ease;
-webkit-transition: all 250ms ease;
font-size: 17px;
font-weight: 300;
}
.wpcf7-form .nexbunkr-contact input:focus,
.wpcf7-form .nexbunkr-contact textarea:focus,
.wpcf7-form .nexbunkr-contact select:focus {
border-color: #b5b9bd;
}
.wpcf7-form .wpcf7-submit {
border: 0 none;
font-weight: 600;
padding: 10px 20px;
color: #fff;
line-height: 2em;
margin-top: 15px;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.3px;
}
/*Section: Portfolio*/
.portfolio-item img {
max-width: 100%;
}
.single .related_portfolios {
margin-top: 65px;
overflow: hidden;
}
.related-posts h2.heading-bottom {
margin-top: 0px;
}
.portfolio_thumbnails_slider .owl-controls.clickable .owl-pagination {
bottom: 20px;
position: absolute;
width: 100%;
}
/* Boostrap styling */
.table-striped>tbody>tr:nth-child(odd),
.table-hover>tbody>tr:hover{
background-color: #ecf0f1;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
border-color: #ecf0f1;
}
.thumbnail {
background: transparent;
}
.btn-primary:hover{
background: rgba(52, 73, 94,1.0);
}
.navbar {
margin-bottom: 0;
}
/*---------------------------------------------*/
/*--- 11. Page: Blog ---*/
/*---------------------------------------------*/
.article-content h1,
.article-content h2 {
line-height: normal;
}
.article-content h3,
.article-content h4 {
margin-top: 30px;
line-height: normal;
}
.article-content h5,
.article-content h6 {
margin-top: 20px;
line-height: normal;
}
.flex {
display: flex;
}
/*list view blog*/
/*blog post category date comment*/
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
color: rgb(254, 196, 45);
font-size: 17px !important;
}
/*PINGBACKS AND Trackbacks */
.post-details .post-sticky-label i {
font-size: 20px;
color: #009dde;
}
.comments-pingbacks-trackbacks footer {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
padding: 0;
}
.single article .article-content .comments-pingbacks-trackbacks li {
list-style: outside none none;
padding-bottom: 10px;
border-bottom: 1px solid #e5ecef;
margin-bottom: 40px;
}
.single article .article-content .comments-pingbacks-trackbacks li:last-child {
border: none;
margin-bottom: 0px;
}
nav.comment-navigation {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
nav.comment-navigation a {
background: #2f73f6;
color: #ffffff;
font-size: 17px;
padding: 10px 20px;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
display: inline;
float: left;
margin-right: 5px;
border: 1px solid #ededed;
}
nav.comment-navigation .nav-previous a {
background-color: #2f73f6;
color: #ffffff;
}
nav.comment-navigation a:hover {
background: #ff023e;
color: #fff;
}
nav.comment-navigation:last-of-type {
display: none;
}
.comments-pingbacks-trackbacks time {
font-size: 14px;
color: #4a4a4a;
font-style: italic;
opacity: 0.7;
padding-top: 4px;
}
.author-bio.no-author-pic .avatar.photo {
display: none;
}
.mt_listings_page.mt_listing_map_location {
margin-top: 0;
}
.mt_cars--main-pic .play_tour_href {
overflow: initial !important;
}
.post-details .description_container {
display: flex;
}
.post-details .description_container .mt_cars--features-description {
align-self: center;
}
.mt_cars--features-description .house_location {
margin-top: 0px;
display: inline-block;
}
.mt_cars--features-description .house_address {
display: inline-block;
font-size: 16px;
font-weight: 20px;
color: #c3c3c3;
font-style: italic;
font-weight: 300;
margin-top: 0px;
}
.mt_cars--main-pic .play_tour {
position: absolute;
bottom: 10px;
z-index: 3;
left: 10px;
}
/*three column*/
.grid-three-columns .blog_custom {
display: block !important;
}
/*two column*/
.odd-post .grid-three-columns .post-details .post-date {
top: -55px !important;
left: 0px !important;
}
.even-post .grid-three-columns .post-details .post-date {
right: 0px !important;
}
.grid-two-columns .blog_custom {
display: block !important;
overflow: hidden;
}
.blog_heading.heading-bottom {
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin-top: 0;
}
.blog_custom {
transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s; /* For Safari 3.1 to 6.0 */
}
.no_padding {
padding: 0px 15px !important;
}
.shortcode_post_content .featured_image_content {
padding: 0;
}
.shortcode_post_content {
border-radius: 10px;
margin-bottom: 30px;
overflow: hidden;
padding-left: 0;
padding-right: 0;
}
.shortcode_post_content .text_content .post-read-more .post-read-more-button {
background-color: rgba(237,237,237,0.4);
color: #fff;
font-size: 17px;
padding: 10px;
overflow: hidden !important;
}
.shortcode_post_content .text_content .post-read-more {
padding: 0;
text-align: center;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content i{
border-radius: 0;
-webkit-border-radius: 0;
margin: 0;
}
.shortcode_post_content .text_content .post-download-icons {
padding: 6px 0;
}
.shortcode_post_content .text_content .post-more-download .post-read-more-button i {
padding-right: 15px;
}
.shortcode_post_content .text_content .post-download-icons i {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
-webkit-border-radius: 50%;
color: black;
float: right;
margin-left: 10px;
padding: 11px;
width: 35px;
height: 35px;
}
.shortcode_post_content .text_content {
padding-bottom: 20px;
padding-top: 20px;
}
.shortcode_post_content .text_content .post-more-download {
margin-top: 22px;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content i {
background: transparent;
border-radius: 0;
color: rgb(255, 255, 255);
margin: 0;
text-align: center;
width: 100%;
}
.commentlist .bypostauthor {
border-top: 0 none;
}
.wp-caption {
font-style: italic;
}
.wp-caption.alignnone {
margin: 15px 0;
max-width: 100%;
}
.wp-caption.alignleft {
margin: 10px 20px 10px 0;
}
.alignnone {
margin: 10px 0;
}
.alignright {
float: right;
margin-bottom: 20px;
margin-left: 20px;
}
.alignleft {
margin-bottom: 10px;
margin-right: 20px;
margin-top: 10px;
}
.wp-caption.alignright {
float: right;
margin: 0 0 0 15px;
}
.page .no-padding-top article.type-page{
padding-top: 0;
}
.page article.type-page{
padding: 80px 0;
}
.missing-modeltheme-framework.added-redux-framework.page article.type-page {
padding-top: 75px;
padding-bottom: 5px;
}
.page .high-padding article.type-page,
.page .no-padding article.type-page{
padding: 0;
}
.page .no-padding-bottom article.type-page{
padding: 80px 0 0;
}
.single-post {
padding-bottom: 30px;
}
.post-type {
color: rgb(51, 51, 51);
}
.post-type i {
margin-right: 10px;
}
.main-content .single-post a:hover .thumbnail-overlay {
opacity: 1;
}
.main-content .single-post .thumbnail-overlay i {
font-size: 25px;
left: calc(50% - 9px);
top: 44%;
}
.simple-posts .post-name:hover a {
color: #FFD600;
}
.simple-posts .post-name a {
transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
}
/*Blog: Pagination*/
.modeltheme-pagination.pagination .page-numbers.current {
color: #fff;
}
.container-pagination {
text-align: center;
}
.modeltheme-pagination{
background: transparent;
}
.pagination{
padding: 0 15px;
margin: 0;
}
.page-template-template-portfolio .pagination {
padding: 0;
position: relative;
}
.pagination > li > a {
transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
-moz-transition: all 300ms;
-webkit-transition: all 300ms;
color: rgb(144, 157, 165);
}
.pagination > li > a.current,
.pagination > li > a:hover {
background-color: #00ADF1;
color: #fff;
}
.modeltheme-pagination .pagination {
margin: 0;
background:transparent;
}
.modeltheme-pagination .pagination h2 {
display: none;
}
.account-urls > a{
color: #fff;
margin-left: 15px;
position: relative;
}
.account-urls.first > a:first-child{
color: #fff;
margin-left: 0;
}
.account-urls > a::before {
content: "??";
font-size: 28px;
left: -12px;
position: absolute;
top: -9px;
}
.account-urls > a:first-child::before {
content: "";
}
.account-urls > a:hover{
color: rgb(255, 255, 255);
opacity: 0.85;
}
.modeltheme-pagination-holder {
text-align: center;
}
.pagination .page-numbers:hover {
background-color: #009dde;
color: #fff;
}
.pagination .page-numbers {
background-color: #fff;
border: 1px solid #ededed;
color: #565656;
float: left;
font-size: 19px;
line-height: 1.42857;
margin: 0 5px;
padding: 10px 20px;
position: relative;
text-decoration: none;
transition: all 300ms ease 0s;
-webkit-transition: all 300ms ease 0s;
}
/*Blog: Breadcrumps*/
.modeltheme-breadcrumbs .page-title {
color: #485052;
margin: 8px 0;
opacity: 0.8;
line-height: 150%;
}
.breadcrumb .active {
margin-left: 3px;
}
.breadcrumb a::after{
color: #cccccc;
margin-left: 5px;
}
.breadcrumb a:hover::before {
opacity: 0.6;
}
.breadcrumb a{
position: relative;
}
.breadcrumb li a {
color: #828282;
}
.modeltheme-breadcrumbs {
background: rgb(239, 244, 247) none repeat scroll 0 0;
border-bottom: 1px solid rgba(205, 209, 212, 0.7);
padding: 10px 0;
}
.modeltheme-breadcrumbs h2 {
font-weight: 300;
margin: 0;
}
.modeltheme-breadcrumbs .breadcrumb{
background: transparent;
margin: 0;
padding-right: 0;
}
.breadcrumb > li + li::before{
content: "";
padding: 0;
}
.breadcrumb {
color: #ccc;
}
#disqus_thread {
margin-top: 40px;
}
/*Blog: Content*/
.img-responsive.single-post-featured-img {
min-width: 100%;
}
.sticky-posts.smartowl_shortcode_blog .post {
padding-bottom: 0 !important;
}
.smartowl_shortcode_blog .post-author {
border-bottom: 0 none;
margin: 4px 0 0;
padding-bottom: 0;
}
.sticky-posts .vc_col-md-4.post {
padding-bottom: 26px;
}
.sticky-posts .vc_col-md-4.post:nth-child(3n+1) {
clear: left;
}
.sticky-posts a:hover .thumbnail-overlay{
opacity: 1;
transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
}
.sticky-posts .thumbnail-overlay i {
font-size: 27px;
left: calc(50% - 10px);
top: 45%;
}
.sticky-posts a:hover .post-date {
opacity: 0;
transition: all 300ms ease-in-out 0s;
-o-transition: all 300ms ease-in-out 0s;
-ms-transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
}
.sticky-posts .post-date {
font-size: 14px;
font-weight: 300;
height: 60px;
left: 15px;
margin-top: 0;
opacity: 1;
padding: 2px;
position: absolute;
top: 15px;
width: 60px;
}
.sticky-posts a {
display: block;
}
.sticky-posts .rotate45_back {
display: block;
padding: 0px;
width: 56px;
}
.sticky-posts .rotate45_back1 {
display: block;
padding: 0px;
width: 56px;
}
.sticky-posts .post-date .rotate45_back {
font-size: 22px;
}
.sticky-posts .post-date .rotate45_back1 {
font-size: 16px;
}
.sticky-posts .sticky_post_text_container .post-name a {
color: black;
line-height: 140%;
margin-bottom: 6px;
}
.sticky-posts .sticky_post_text_container .post-name a:hover ,
.sticky-posts .sticky_post_text_container .post-author {
color: rgba(0, 0, 0, 1);
}
.sticky_post_blog_details .post-name {
font-weight: 600;
line-height: 40px;
margin: 0;
}
.post-name.post-name-color a {
color: #fff;
}
.post-name {
font-weight: 600;
margin: 7.5px 0 8px;
}
.single .post-name {
font-size: 35px;
font-weight: 600;
line-height: 40px;
margin: 0;
}
.single .article-content .single-post-tags {
margin-top: 20px;
}
.single .article-header .single-post-tags {
margin-top: 10px;
}
.single.single-portfolio .post-name {
font-size: 30px;
margin-bottom: 10px;
}
.related-posts .post-name {
font-size: 18px;
line-height: 150%;
margin-bottom: 15px;
margin-top: 0px;
}
.related-posts .post-excerpt {
color: #828282;
font-weight: 300;
margin: 5px 0 0;
}
.post-category-comment-date .post-author {
border-bottom: 0 none;
}
.article-categories a:hover {
color: rgb(181, 185, 189);
}
.post-author-thumbnail {
margin-bottom: 15px;
}
.author-content .post-date {
color: rgb(181, 185, 189);
}
.post-category-comment-date {
margin: 10px 0 40px;
font-size: 15px;
}
.post-excerpt {
color: #fff;
line-height: 150%;
margin: 0;
margin-top: 5px;
}
.comments-area .no-comments {
float: left;
margin-top: 20px;
width: 100%;
overflow: hidden;
}
.page .comments-area {
overflow: hidden;
padding-bottom: 70px;
}
.missing-modeltheme-framework.added-redux-framework.page .comments-area {
padding-bottom: 10px;
}
.submit-comment,
.theme_comments {
float: left;
margin-top: 30px;
width: 100%;
}
.comment-form .form-fields {
padding: 0;
}
.comment-form i {
font-size: 17px;
line-height: 25px;
color: #b5b9bd;
right: 25px;
text-align: center;
top: 13px;
width: 34px;
}
#form-allowed-tags {
display: none;
}
.comment_body > p {
color: rgb(153, 153, 153);
}
.comment_body .reply_button {
color: #666;
font-style: italic;
padding-top: 10px;
}
.comment_body .reply_button1 {
padding-left: 0;
margin-top: 5px;
}
.comment-edit-link:hover,
.comment-reply-link:hover,
.comment-edit-link:focus,
.comment-reply-link:focus {
background: #ff023e;
color: #fff;
}
.comment-edit-link:visited,
.comment-reply-link:visited {
color: rgb(255, 255, 255);
background: #2e73f6;
}
.comment-edit-link,
.comment-reply-link {
background: #2e73f6;
color: rgb(255, 255, 255);
font-size: 10px;
padding: 3px 8px;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
border-radius: 0px;
height: auto;
line-height: 2;
}
.comment_body .reply_button1 .comment-reply-link:first-child{
margin: 0;
}
.comment_body .reply_button a {
margin: 0 3px;
}
.comment_body .author_name {
font-size: 17px;
color: #3c424f;
margin-top: 5px;
}
.comment-list.comments-area.theme_comments.comments {
margin: 0;
}
.comment-respond {
float: left;
margin-bottom: 0px;
margin-top: 0px;
width: 100%;
}
.missing-modeltheme-framework.added-redux-framework .comment-respond {
margin-bottom: 60px;
}
.container.blog-posts {
padding-bottom: 0;
}
.sticky_post_text_container {
border-radius: 7px !important;
-webkit-border-radius: 7px !important;
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.sticky_post_text_container .post-author,
.sticky_post_text_container .post-name a {
padding: 0 10px;
}
.sticky-posts .bottom {
padding: 15px;
}
.sticky_post_blog_details {
background: white none repeat scroll 0 0;
padding: 15px 10px;
}
.sticky_post_blog_details .post-author {
opacity: 0.8;
}
.article-content img {
margin-bottom: 20px;
margin-top: 20px;
}
.comment-meta.commentmetadata table a {
color: #2f73f6;
}
.comment-meta.commentmetadata table a:hover {
color: #ff023e;
}
/*Blog specific color*/
.text-white .post-name a {
color: rgb(255, 255, 255);
}
.text-white .post-name a:hover {
color: rgba(255, 255, 255, 0.8);
}
.text-white .post-category-comment-date {
color: rgba(255, 255, 255, 0.8);
}
.text-white .post-author {
color: rgba(255, 255, 255, 0.8);
}
.text-white .post-tags a {
color: rgba(255, 255, 255, 1);
}
.text-white .post-comments a {
color: rgba(255, 255, 255, 1);
}
.text-white .post-excerpt p {
color: rgba(255, 255, 255, 0.8);
}
.text-white .more-link {
color: rgba(255, 255, 255, 1);
}
.text-white .more-link:hover {
color: rgba(255, 255, 255, 0.8);
}
/*Blog related posts specific color*/
.related_blog_details {
padding: 30px;
}
.related_blog_custom.text-white .post-excerpt {
color: rgba(255, 255, 255, 0.8);
}
.related_blog_custom.text-white .post-author {
border: medium none;
}
.related_blog_custom.text-white .post-name {
color: rgb(255, 255, 255);
margin: 0;
line-height: normal;
}
.related_blog_custom {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
/*Blog: Single blog post page*/
.single.single-post .article-header .article-details .wp-post-image {
margin-bottom: 30px;
}
.single.single-post .article-header .article-details .post-title {
font-size: 36px;
line-height: 50px;
margin-top: 10px;
margin-bottom: 30px;
font-weight: bold;
}
.single.single-post .article-header .article-details .single-post-tags {
margin-top: 0px;
}
.single-post .single-post-article-header {
position: relative;
}
.single-post-holder {
background: rgba(36,38,35, 0.4) none repeat scroll 0 0;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
text-align: center;
top: 0;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
width: 100%;
}
.inside-holder {
padding: 15% 0;
}
.single-post-social > div {
display: inline;
margin: 0 10px;
}
.single-post-social > div > i {
margin: 0 5px;
}
.single-post-holder .single_post_title {
clear: both;
color: white;
display: block;
font-size: 55px;
margin: 0 auto;
}
.single-post-social .single-post-shares {
border: 1px solid;
padding: 10px 15px;
}
.single-post-social {
color: #ffffff;
padding: 30px 0;
}
.single_tax::after {
content: ",";
color: #000;
opacity: 0.5;
}
.single_tax:last-child::after {
content: "";
}
.article-content {
margin-bottom: 20px;
padding-bottom: 20px;
}
.added-redux-framework .article-content{
margin-bottom: 0px;
padding-bottom: 0px;
}
.article-footer {
overflow: hidden;
padding: 20px 0;
}
.article-tags-comments .article-comments {
margin: 0;
padding: 0;
}
.article-tags i {
margin-right: 8px;
}
.article-tags-comments {
color: rgb(153, 171, 183);
}
.post-category-comment-date span {
margin-right: 10px;
}
.post-category-comment-date span,
.post-category-comment-date span a {
font-weight: 300;
opacity: 1;
}
.article-details .post-author {
border-bottom: 0 none;
font-size: 17px;
padding-bottom: 0;
}
.article-tags-comments {
border-top: 1px solid rgb(229, 236, 239);
border-bottom: 1px solid rgb(229, 236, 239);
color: rgb(153, 171, 183);
margin: 10px 0;
overflow: hidden;
padding: 10px 0;
}
.article-categories > h3 {
color: #828282;
display: inline;
font-size: 16px;
margin: 0;
}
.article-categories i {
margin-right: 3px;
}
.categories {
color: #6d7a83;
display: inline;
font-size: 15px;
width: auto;
}
.article-categories {
}
.article-categories a {
color: rgb(0, 0, 0);
}
.social-sharer li:hover a {
color: #fff;
}
.social-sharer li a {
color: #fff;
display: block;
line-height: normal;
transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
line-height: 120%;
}
.social-sharer > li.facebook{
background: #3b5999;
}
.social-sharer > li.twitter{
background: #34CBFF;
}
.social-sharer > li.linkedin{
background: #01669A;
}
.social-sharer > li.reddit{
background: #6FC2FD;
}
.social-sharer > li.tumblr{
background: #2D5770;
}
.social-sharer > li.pinterest{
background: #B30610;
}
.social-sharer > li {
background: none repeat scroll 0 0 #d7dbdd;
display: block;
float: left;
margin: 0 5px 0 0;
padding: 8px 12px;
text-align: center;
width: 40px;
transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
}
.right-side-sharer .article-social {
margin: 0;
}
.right-side-sharer .social-sharer > li {
background: transparent !important;
text-align: left;
width: 100%;
}
.right-side-sharer .social-sharer li a:hover {
color: rgba(0, 0, 0,.75);
}
.right-side-sharer .social-sharer li a {
color: rgba(0, 0, 0, 0.75);
display: inline;
}
.right-side-sharer .social-sharer li a:hover {
color: rgb(0, 0, 0);
}
.article-social {
margin-top: 30px;
}
.social-sharer {
display: inline;
margin: 0;
padding: 0;
}
.article-social > h3 {
display: inline;
float: left;
margin: 0 15px 0 0;
}
.author-bio .author-thumbnail {
margin: 0;
}
.author-thumbnail p {
margin: 0;
}
.author-bio {
background: rgb(40, 40, 40) none repeat scroll 0 0;
border-radius: 10px;
margin-top: 60px;
overflow: hidden;
padding: 30px 30px 30px 15px;
}
.author-name {
margin-top: 20px;
padding: 0 15px;
}
.author-name span:first-child {
color: rgb(181, 185, 189);
}
.author-name span {
display: block;
font-size: 16px;
font-weight: 300;
width: 100%;
}
.author-job {
color: #828282;
}
.author-biography {
color: rgb(181, 185, 189);
font-size: 17px;
font-style: italic;
line-height: 150%;
}
.author-see-more {
border: 1px solid rgb(181, 185, 189);
border-radius: 10px;
color: rgb(181, 185, 189);
display: inline-table;
margin-top: 10px;
font-weight: 300;
font-size: 13px;
padding: 8px 12px;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
}
.author-see-more:hover {
background: rgb(235, 236, 237) none repeat scroll 0 0;
border: 1px solid rgba(0, 0, 0, 0);
color: rgb(0, 0, 0);
font-weight: 300;
}
.author-see-more:hover{
}
.author-links {
right: 15px;
top: 15px;
}
.author-links .rotate45 {
float: left;
margin: 8px 1px 8px 14px;
width: 33px;
}
.author-links .rotate45 a {
color: #ffffff;
display: block;
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.single-mt_house .related-posts {
margin: 70px 0;
margin-top: 84px;
}
.related-posts {
margin: 0px 0 90px;
}
.more-link {
display: block;
margin-top: 10px;
}
/*Comments list and form*/
/*List*/
.search h2.page-title {
font-weight: bold;
}
.search .page-title {
color: #000000;
text-align: center;
}
.comment-list .comment .comment-meta.commentmetadata.col-md-11.comment_body{
padding-left: 25px;
}
.comment-list .comment {
padding-bottom: 10px;
overflow: hidden;
padding-top: 10px;
border-bottom: 1px solid #e5ecef;
}
.comments_holder {
background-color: #f7f7f7;
}
#comments .comment_author {
margin: 0;
}
.article-content .comment-author img {
margin-top: 0px;
}
#comments .col-avatar {
position: relative;
display: block;
top: 10px;
left: 0;
float: left;
}
#comments .col-comment-body {
padding: 0 0 0 15px;
overflow: hidden;
}
#comments .children {
overflow: auto;
margin: 0;
padding-left: 30px;
}
#comments .comment-meta .comment-author,
#comments .comment-meta .author_name {
font-size: 19px;
}
#comments .comment-meta p {
margin-bottom: 7px;
}
.logged-in .form-comment {
padding: 0;
width: 100%;
}
.comment .comment-respond {
margin: 10px 0 !important;
}
.missing-modeltheme-framework.added-redux-framework .comment .comment-respond {
margin-top: 0px !important;
}
.missing-modeltheme-framework.added-redux-framework .comment-list.comments-area.theme_comments.comments {
margin-top: 25px;
}
.author-bio .avatar.photo {
float: left;
}
.avatar.photo{
max-width: 100px;
height: auto;
}
.comments-area .single_comment:first-child {
border-top: 0 none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.single_comment {
background: #ffffff none repeat scroll 0 0;
border-top: 1px solid rgb(235, 235, 235);
margin-top: 20px;
overflow: auto;
padding-bottom: 15px !important;
padding-top: 15px !important;
}
.comment-form textarea {
height: 137px;
}
.woocommerce #reviews .comment-form textarea#comment {
height: 137px;
border: 1px solid #ededed;
padding: 15px 20px;
}
.comment-form .comment-form-author textarea,
.comment-form .comment-form-author input {
padding: 13px 15px;
width: 100%;
border-radius: 0px;
outline: 0;
transition: 250ms all ease;
-ms-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-webkit-transition: all 250ms ease;
border: 1px solid #ededed;
line-height: 25px;
}
.comment-form textarea:focus,
.comment-form input:focus,
.comment-form-email #email:focus {
border-color: #b5b9bd;
}
.comment-form-author {
margin-bottom: 30px;
}
.form-submit {
float: right;
}
.form-submit input {
color: rgb(255, 255, 255);
padding: 8px 15px;
}
#commentform .form-submit input[type="submit"] {
border: 0 none;
font-size: 13px;
font-weight: 600;
padding: 10px 20px;
transition: all 250ms ease;
color: #fff;
letter-spacing: 0.3px;
line-height: 2em;
text-transform: uppercase;
}
.single.single-post .article-content p.logged-in-as{
margin-bottom: 25px;
margin-top: -5px;
}
.comment-respond .widget-title,
.comment-respond h3#reply-title,
.comment-respond h2.heading-bottom {
margin-bottom: 32px;
}
/*Next - Previous posts*/
.prev-next-post {
float: left;
margin-bottom: 70px;
margin-top: 30px;
width: 100%;
}
.prev-next-post .rotate45 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #c1c1c1;
width: 36px;
}
.prev-next-post .prev-post a span {
margin-left: 5px;
}
.prev-next-post .next-post a span {
margin-right: 5px;
}
.prev-next-post a span {
font-size: 18px;
font-weight: bold;
position: relative;
top: -6px;
}
.prev-post, .next-post {
padding: 0;
}
.next-post a, .prev-post a {
display: inline-block;
}
.next-post a i, .prev-post a i {
color: #000000;
font-size: 30px;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
opacity: 0.3;
}
.next-post a i:hover, .prev-post a i:hover {
opacity: 1;
}
/*---------------------------------------------*/
/*--- 11.1. Sidebar/Widgets ---*/
/*---------------------------------------------*/
.single_post_author_details .single_post_social i {
color: #838d8f;
}
.widgets_v2 .widget_search .search-field {
width: 100%;
}
.widgets_v2 .sidebar-content .widget {
background: #fcfcfc none repeat scroll 0 0;
border: 1px solid #ededed;
padding: 30px;
}
.single_post_author_details {
border: 1px solid #f3f3f3;
padding: 30px 15px;
text-align: center;
}
.single_post_author_details .single_post_author_name {
margin: 0;
padding: 20px;
}
.single_post_author_details .single_post_facebook {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #f3f3f3 navy #f3f3f3 #f3f3f3;
border-image: none;
border-style: solid none solid solid;
border-width: 1px medium 1px 1px;
padding: 0;
}
.single_post_author_details .single_post_facebook a {
display: block;
padding: 10px;
}
.single_post_author_details .single_post_tweeter {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #f3f3f3 navy #f3f3f3 #f3f3f3;
border-image: none;
border-style: solid none solid solid;
border-width: 1px medium 1px 1px;
padding: 0;
}
.single_post_author_details .single_post_tweeter a {
display: block;
padding: 10px;
}
.single_post_author_details .single_post_instagram {
border: 1px solid #f3f3f3;
padding: 0px;
}
.single_post_author_details .single_post_instagram a {
display: block;
padding: 10px;
}
.single_post_author_details .single_post_author_page a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: navy #f3f3f3 #f3f3f3;
border-image: none;
border-style: none solid solid;
border-width: medium 1px 1px;
color: #838d8f;
display: block;
padding: 10px;
}
.textwidget a {
margin-right: 15px;
font-weight: bold;
}
.widget_address_social_icons .social-links > li {
display: inline-table;
height: 30px;
margin-bottom: 3px;
width: 30px;
}
.widget_address_social_icons {
margin-bottom: 30px;
}
.widget_rss li {
color: #828282;
list-style: outside none none;
font-weight: 300;
}
.widget_nav_menu ul {
padding-left: 15px;
}
.widget_rss ul {
padding: 0;
}
.widget select {
padding: 10px;
color: #828282;
width: 100%;
outline: 0;
background: transparent;
border: 1px solid #ededed;
border-radius: 0em;
}
.widget_archive > select {
color: #828282;
width: 100%;
outline: 0;
}
.widget_categories label,
.widget_archive label {
display: none;
}
.widget_address_social_icons .social-links{
margin: 0;
padding: 0;
}
.widget_address_social_icons .social-links a {
color: rgb(255, 255, 255) !important;
display: block;
height: 40px;
padding: 10px 12px;
text-align: center !important;
width: 40px;
}
/*Calendar widget*/
#wp-calendar {
width: 100%;
}
.search-form input[type="submit"] {
font-weight: 400 !important;
border: 0 none;
color: #ffffff;
padding: 11px 16px;
border-radius: 0px;
outline: 0;
}
.sidebar-content .widget_search label {
width: 68%;
float: left;
}
.sidebar-content .widget_search label input {
width: 100%;
padding: 14px 0px !important;
text-indent: 15px;
font-size: 17px;
line-height: 25px;
font-family: Montserrat;
height: 23px;
}
.sidebar-content .widget_search[id*="monster-widget"] label input,
.missing-modeltheme-framework .sidebar-content .widget_search label input {
height: auto;
}
.missing-modeltheme-framework.missing-redux-framework .sidebar-content .widget_search label input {
height: 53px;
padding: 0px !important;
}
.sidebar-content .widget_search .search-submit {
width: 30%;
padding: 15px 0;
margin-left: 2%;
transition: all 250ms ease;
line-height: 25px;
}
.missing-modeltheme-framework.missing-redux-framework .sidebar-content .widget_search .search-submit {
padding: 14.5px 0;
}
.wp-caption-text {
font-weight: 300;
opacity: 0.6;
padding-top: 4px;
color: #252525;
margin-bottom: 20px;
}
.sidebar-content .widget {
float: left;
padding-bottom: 35px;
width: 100%;
font-size: 16px;
}
.sidebar-content:not(.header7) {
padding-left: 35px;
}
.widget-title,
h3#reply-title,
h2.heading-bottom {
font-size: 24px;
margin-top: 40px;
padding-bottom: 5px;
margin-bottom: 20px;
position: relative;
font-weight: bold;
}
.sidebar-content .widget-title {
color: #3c424f;
font-weight: 600 !important;
margin-top: 0;
}
.missing-modeltheme-framework .sidebar-content {
margin-top: 30px;
}
.missing-modeltheme-framework .widget_search .search-form {
margin-top: 0px;
}
.sidebar-content .widget:first-child .widget-title {
margin-top: 0;
}
.sidebar-content table {
font-size: 16px;
}
.no-results.not-found .page-title:last-child {
margin-top: 10px;
font-size: 17px;
}
.search-form .screen-reader-text {
display: none;
}
.widget_search .search-field {
border: 1px solid #ededed;
font-weight: 300;
padding: 10px;
border-radius: 0px;
outline: 0;
transition: 250ms all ease;
}
.widget_search .search-field:focus {
border-color: #b5b9bd;
}
.widget_toggles .panel-body,
.testimonials_slider .testimonial-content span,
.widget_popular_recent_tabs .post-description{
font-weight: 300;
}
.widget_pages li,
.widget_categories .cat-item li {
list-style: outside none none !important;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption,
.widget_search .search-field,
.widget_toggles .panel-body,
.testimonials_slider .testimonial-content span,
.widget_popular_recent_tabs .post-description,
.textwidget{
color: #828282;
}
/*Tagcloud widget*/
.tagcloud > a:hover{
border-color: transparent;
}
.tagcloud > a {
font-size: 14px !important;
background: transparent !important;
color: rgba(255, 255, 255, 0.9);
display: block;
float: left;
border: 1px solid;
font-weight: 300;
margin-bottom: 6px;
margin-right: 5px;
padding: 6px 12px;
text-decoration: none;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
}
.sidebar-content .tagcloud > a {
background: rgb(51, 51, 51) none repeat scroll 0 0;
color: #828282;
padding: 5px 10px;
font-size: 16px !important;
}
.sidebar-content .textwidget p{
font-size: 16px;
}
.tagcloud > a:hover,
.sidebar-content .tagcloud > a:hover {
color: #fff;
}
/*Widget: accordion*/
.widget_toggles .panel-heading {
padding: 0;
}
.widget_toggles .panel-heading a {
display: block;
padding: 10px 15px;
}
.widget_toggles .panel-heading a.collapsed::after {
content: "\f067";
font-family: 'FontAwesome';
position: absolute;
right: 12%;
}
.widget_toggles .panel-heading a::after {
content: "\f068";
font-family: 'FontAwesome';
position: absolute;
right: 12%;
}
/*Widget: Testimonials slider*/
.testimonials_slider .testimonial-content {
color: #828282;
}
.testimonial-client-details {
margin-top: 15px;
}
.testimonials_slider .testimonial-content:after {
bottom: 28px;
left: 50px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #f1f1f1;
border-width: 13px;
margin-left: -30px;
}
.testimonials_slider .testimonial-content span {
background: none repeat scroll 0 0 #f1f1f1;
display: block;
padding: 15px;
}
/*Elements: Popular Recent posts - tabs*/
.widget_popular_recent_tabs .nav-tabs > li > a{
margin: 0;
text-align: center;
}
.widget_popular_recent_tabs .nav-tabs > li{
width: 50%;
}
.widget_popular_recent_tabs .nav-tabs > li.active {
border-top: 5px solid;
}
.widget_popular_recent_tabs .nav-tabs li.active a {
background: none repeat scroll 0 0 #ffffff;
border: 0 none;
}
.widget_popular_recent_tabs .nav-tabs li a {
background: none repeat scroll 0 0 #ecf0f2;
border-top: 5px solid #ecf0f2;
color: #828282;
outline: medium none;
border-bottom: 0 none;
}
.widget_popular_recent_tabs .widget_body {
border-left: 1px solid #e1e4e7;
border-right: 1px solid #e1e4e7;
border-bottom: 1px solid #e1e4e7;
}
.widget_popular_recent_tabs .tab-content {
padding: 15px;
}
.widget_popular_recent_tabs .recent-post,
.widget_popular_recent_tabs .popular-post {
margin-bottom: 20px;
}
.widget_popular_recent_tabs .recent-post:last-child,
.widget_popular_recent_tabs .popular-post:last-child {
margin-bottom: 0;
}
.widget_popular_recent_tabs .post-title {
font-size: 16px;
margin-top: 5px;
}
.widget_popular_recent_tabs .post-date {
color: #828282;
margin-bottom: 5px;
margin-left: 0;
}
.sidebar-content .widget_nav_menu li,
.widget_recent_entries li {
position: relative;
}
.sidebar-content .widget_nav_menu .menu{
padding: 0;
}
.sidebar-content .widget_nav_menu li{
margin-bottom: 5px;
}
.sidebar-content .widget_nav_menu li,
.sidebar-content .widget_nav_menu a {
display: block;
color: #828282;
width: 100%;
text-align: left;
}
/*Widget: Social Share Icons*/
.tooltip-effect-1 .tooltip-content {
-webkit-transform: translate3d(20px,-10px,0);
transform: translate3d(20px,-10px,0);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.tooltip_share {
display: inline;
position: relative;
z-index: 999;
}
/* Trigger text */
.tooltip-item {
cursor: pointer;
display: inline-block;
font-weight: 700;
}
/* Gap filler */
.tooltip-item::after {
content: '';
position: absolute;
width: 360px;
height: 20px;
bottom: 100%;
left: 50%;
pointer-events: none;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip_share:hover .tooltip-item::after {
pointer-events: auto;
}
/* Tooltip */
.tooltip-content {
position: absolute;
z-index: 9999;
width: 120px;
left: 50%;
margin: 0;
bottom: 100%;
text-align: left;
font-size: 0.765em;
line-height: 1.4;
box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
background: #2a3035;
opacity: 0;
cursor: default;
pointer-events: none;
}
.tooltip_share:hover .tooltip-content {
pointer-events: auto;
opacity: 1;
-webkit-transform: translate3d(20px, 3px, 0px) rotate3d(0,0,0,0);
transform: translate3d(20px, 3px, 0px) rotate3d(0,0,0,0);
}
/* Arrow */
.tooltip-content::after {
content: '';
top: 100%;
left: 50%;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #6CDFEA;
border-width: 10px;
margin-left: -10px;
}
/* Tooltip content*/
.tooltip-text {
color: rgb(255, 255, 255);
display: block;
font-size: 15px;
padding: 0;
overflow: hidden;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a {
float: left;
border-radius: 0;
width: 33.3333%;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.twitter {
background: #6CDFEA;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.twitter:hover {
background: #50d9e6;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.facebook {
background: #3B5998;
}
.shortcode_post_content .text_content .post-download-icons .tooltip-content a.facebook:hover {
background: #344f87;
}
ul.share-social-links {
list-style-type: none;
padding: 0;
}
.share-social-links li {
float: left;
text-align: center;
border-radius: 4px;
margin-right: 10px;
margin-bottom: 10px;
}
.share-social-links li a {
color: #FFF;
height: 30px;
width: 45px;
display: block;
font-size: 21px;
border-radius: 4px;
}
.share-social-links li.facebook a{
background-color: #3B5998;
}
.share-social-links li.twitter a{
background-color: #39A9E0;
}
.share-social-links li.linkedin a{
background-color: #007FB1;
}
.share-social-links li.digg a{
background-color: #14589E;
}
.share-social-links li.pinterest a{
background-color: #CB2027;
}
.share-social-links li.reddit a{
background-color: #FF4500;
}
.share-social-links li.stumbleupon a{
background-color: #EB4924;
}
.widget_social_share {
width: 100%;
display: inline-block;
margin: 10px 0;
}
/*Widget: Categories*/
.sidebar-content .widget_nav_menu > ul,
.widget_recent_entries > ul,
.widget_pages > ul,
.widget_meta > ul,
.widget_archive > ul,
.widget_categories > ul {
list-style: outside none none;
padding-left: 0;
}
.recentcomments {
list-style: outside none none;
margin-bottom: 5px;
}
.widget_recent_comments > ul{
padding: 0;
margin-bottom: 5px;
}
.widget_recent_comments > ul, .widget_nav_menu li, .widget_nav_menu li a, .sidebar-content .widget_nav_menu li, .sidebar-content .widget_nav_menu li a, .widget_recent_entries li, .widget_recent_entries li a, .widget_pages li, .widget_pages li a, .widget_meta li, .widget_meta li a, .widget_archive li, .widget_archive li a, .widget_recent_comments li a, .widget_categories .cat-item, .widget_categories li a {
color: #3c424f;
line-height: 30px;
font-weight: 300;
font-size: 17px;
transition: all 250ms ease;
-ms-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-webkit-transition: all 250ms ease;
}
.widget_nexbunkr_recent_entries_with_thumbnail li {
list-style: outside none none;
margin: 0 0 15px;
}
.widget_nexbunkr_recent_entries_with_thumbnail li a{
color: #000000;
}
.sidebar-content .widget_nav_menu li{
position: relative;
}
/*Widget: Tweets*/
.tweet-title .col-md-2 {
margin: 0;
padding: 2px 0;
width: 25px;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.tweeter-profile {
opacity: 0.5;
padding-left: 10px;
}
.tweet-body {
margin-top: 5px;
color: rgba(0, 0, 0, 0.8);
}
.tweet-body a{
font-style: italic;
}
.tweets .tweet {
border-bottom: 1px solid rgb(225, 228, 231);
margin-bottom: 15px;
padding-bottom: 15px;
}
.tweets .tweet:last-child {
border: 0 none;
margin: 0;
}
.tweets-profile-url {
border-bottom: 1px solid #e1e4e7;
border-top: 1px solid #e1e4e7;
padding: 10px 0;
}
/*Recent posts with thumbnails widget*/
.widget_nexbunkr_recent_entries_with_thumbnail > ul {
padding: 0;
}
.widget_recent_entries > ul {
padding: 0;
}
.widget_nexbunkr_recent_entries_with_thumbnail li:hover .thumbnail-overlay{
opacity: 1
}
.widget_recent_entries li:hover .thumbnail-overlay{
opacity: 1
}
.thumbnail-overlay {
height: 100%;
left: 0;
top: 0;
width: 100%;
opacity: 0;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
}
.thumbnail-overlay i {
color: rgb(255, 255, 255);
font-size: 17px;
left: 38%;
top: 38%;
}
.widget_nexbunkr_recent_entries_with_thumbnail a {
color: rgba(255, 255, 255, 1);
text-decoration: none;
display: block;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
}
.widget_recent_entries a {
color: rgba(255, 255, 255, 1);
text-decoration: none;
display: block;
transition: all 300ms ease-in-out 0ms;
-o-transition: all 300ms ease-in-out 0ms;
-moz-transition: all 300ms ease-in-out 0ms;
-webkit-transition: all 300ms ease-in-out 0ms;
-ms-transition: all 300ms ease-in-out 0ms;
display: inline;
}
.widget_nexbunkr_recent_entries_with_thumbnail .post-date {
border: 1px solid rgba(109, 122, 131, 0.4);
border-radius: 3px;
color: rgb(109, 122, 131);
font-size: 13px;
font-weight: 300;
margin: 0;
padding: 0 4px;
}
.widget_recent_entries .post-date {
color: #828282;
margin: 0;
font-weight: 300;
font-size: 15px;
}
.widget_nexbunkr_recent_entries_with_thumbnail .post-thumbnail {
padding: 0;
overflow: hidden;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.widget_recent_entries .post-thumbnail {
padding: 0;
overflow: hidden;
}
.related-posts.sticky-posts .rotate45_back {
padding: 0;
width: 56px;
}
.related-posts.sticky-posts .rotate45_back1 {
padding: 0;
width: 56px;
}
.slider_navigation{
position: absolute;
width: 100%;
bottom: calc(40%);
z-index: 1;
}
.slider_navigation .btn {
background: none repeat scroll 0 0 #2f383d;
border: 0 none;
transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
color: #ffffff;
}
.slider_navigation .btn:hover{
opacity: 0.85;
}
.hephaistos .tp-bullet:hover,
.hephaistos .tp-bullet.selected {
background: rgb(255, 255, 255) none repeat scroll 0 0;
border: 0 none;
padding: 3px;
}
.hephaistos .tp-bullet {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid rgb(255, 255, 255);
padding: 1px;
}
/*Flickr widget*/
.flickr_badge_image {
float: left;
margin-bottom: 5px;
margin-right: 5px;
overflow: hidden;
border-radius: 4px;
position: relative;
}
.flickr_badge_image:hover .thumbnail-overlay {
opacity: 1;
}
.flickr_badge_image a {
display: block;
position: relative;
}
.flickr_badge_image a::before {
color: rgb(255, 255, 255);
content: "???";
cursor: pointer;
font-family: "FontAwesome";
font-size: 18px;
left: 39%;
opacity: 0;
position: absolute;
top: 37%;
transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
z-index: 2;
}
.flickr_badge_image a::after {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
opacity: 0;
transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
}
.flickr_badge_image a:hover::before,
.flickr_badge_image a:hover::after{
opacity: 1;
}
/*Widgets general rules*/
.left_sidebar .widget-title,
.right_sidebar .widget-title {
color: #000000;
padding-bottom: 5px;
}
.widget-title {
color: #ffffff;
}
/*Section: Posts*/
.latest-posts h3, .latest-tweets h3 {
color: #ffffff;
font-size: 16px;
font-weight: 300;
margin-bottom: 15px;
padding: 12px;
text-align: left;
text-transform: uppercase;
}
.latest-posts h3 .fa, .latest-tweets h3 .fa{
margin-right: 8px;
}
.latest-posts .post-date {
text-align: center;
}
.latest-posts .post-date-month {
color: #ffffff;
font-weight: bold;
padding: 5px;
text-transform: uppercase;
}
.latest-posts .post-date-day {
color: #ffffff;
font-size: 30px;
font-weight: bold;
padding: 5px;
text-transform: uppercase;
}
.latest-posts .single-post {
border-bottom: 1px solid #dadee1;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 20px;
}
.latest-posts .single-post:last-child {
border-bottom: 0 none;
margin-bottom: 0;
padding-bottom: 0;
}
.latest-posts .post-details {
margin-top: 10px;
opacity: 0.6;
font-size: 12px;
}
.latest-posts .post-details,
.latest-posts .post-name {
padding: 0 15px;
}
.latest-posts .post-name a {
color: #000;
}
.rotate45 {
color: rgb(255, 255, 255);
height: auto;
margin-top: 15px;
padding: 7px 5px;
text-align: center;
width: auto;
}
.single-tweet {
border-bottom: 1px solid rgb(218, 222, 225);
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 20px;
padding-top: 0;
}
.single-tweet:last-child {
border-bottom: 0 none;
}
.tweet-content {
color: rgba(0, 0, 0, 0.7);
padding-bottom: 5px;
}
.tweet-date {
opacity: 0.3;
}
/*---------------------------------------------*/
/*--- 13. 404 Not found page ---*/
/*---------------------------------------------*/
.error404 header {
background-color: transparent !important;
}
.error404 h2 {
color: #2f73f6;
font-weight: bold;
}
.error404 .page-title {
color: #2f73f6;
margin-top: 23px;
margin-bottom: 22px;
}
.error404 h3.page-title {
color: #777777;
}
.error404 .page-content > img {
display: block;
margin: 0 auto;
}
.error404 .error-404 {
color: #828282;
}
.error-404.not-found h1.page-404-digits {
font-size: 150px;
font-weight: bold !important;
line-height: 110px;
margin-top: 0;
}
.error404 .blog-posts {
overflow: hidden;
}
.error404 .img-404 {
margin-bottom: 0;
margin-top: 0;
}
.error-404 .vc_button {
font-size: 13px;
padding: 10px 20px;
background: #2f73f6;
color: #ffffff;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
letter-spacing: 0.3px;
text-transform: uppercase;
font-weight: 600;
line-height: 2em;
}
.error-404 a.vc_button:hover {
background-color: #ff023e;
}
.error-404 p {
margin-bottom: 41px;
padding-left: 190px;
text-align: right;
}
.error-404 img {
margin-left: 20px;
}
.title-big-top-404 {
color: #000000;
font-size: 40px;
}
.error-return-home.text-center > a {
border: 3px solid;
display: inline-table;
font-size: 17px;
margin-top: 10px;
padding: 10px 20px;
}
.error404 .modeltheme-breadcrumbs {
display: none;
}
.error-return-home.text-center > a:hover{
color: white;
}
/*---------------------------------------------*/
/*--- 14. Clients slider ---*/
/*---------------------------------------------*/
.vc_col-md-9.main-content .clients-container img {
width: 85%;
}
.clients-container .item > img {
display: block;
margin: 0 auto;
width: 70%;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.clients-container .item > img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transition: all 100ms ease-in-out 0s;
-o-transition: all 100ms ease-in-out 0s;
-moz-transition: all 100ms ease-in-out 0s;
-webkit-transition: all 100ms ease-in-out 0s;
-ms-transition: all 100ms ease-in-out 0s;
}
/*REV SLIDER*/
.wpb_accordion_content .post-comment {
color: #828282;
}
.navigation.posts-navigation {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
float: left;
width: 100%;
}
.edit-link .vc_inline-link::before {
color: #000000;
content: "/ ";
}
#primary .main-content ul.modeltheme-slider li.single-slide.selected {
position: relative;
}
#primary .main-content ul.modeltheme-slider li.single-slide:before{
display: none;
}
#primary .main-content ul.modeltheme-slider li.single-slide {
position: absolute;
}
.page .modeltheme-slider-wrapper .modeltheme-slider li:before {
display: none;
}
.page .modeltheme-item-info .desc {
opacity: 0.6;
}
.modeltheme-slider-wrapper .modeltheme-slider li {
margin: 0 !important;
}
.masonry_banner.masonry-brick {
width: 45%;
}
.masonry_banners img {
height: auto;
width: 100%;
}
.masonry_banners.banners_column {
overflow: hidden;
}
.banners_column > .vc_col-md-6 {
padding: 0;
}
.masonry_banner {
margin: 2.5px;
margin-bottom: 5px;
}
.sale_banner .sale_banner_holder::before,
.sale_banner .sale_banner_holder::after {
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
.sale_banner .sale_banner_holder::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
.sale_banner .sale_banner_holder::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
.sale_banner:hover .sale_banner_holder:before,
.sale_banner:hover .sale_banner_holder:after{
opacity: 1;
transform: scale(1);
-webkit-transform: scale(1);
}
.sale_banner_holder {
border: 1px solid rgba(0, 0, 0, 0);
display: block;
height: 100%;
padding: 20px;
position: absolute;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
text-align: center;
top: 0;
width: 100%;
}
.sale_banner_holder{
border: 0 none;
}
.sale_banner_holder a {
border: 1px solid rgba(255, 255, 255, 0.8);
color: rgb(255, 255, 255);
padding: 10px 15px;
text-transform: uppercase;
}
.banner_holder {
position: absolute;
top: 65%;
width: 93%;
z-index: 1;
}
.categories .category {
display: inline-table;
margin-right: 30px;
}
.categories .category:last-child {
margin-right: 0;
}
.categories_shortcode {
display: block;
width: 90%;
margin: 0 auto;
}
.categories_shortcode .owl-controls {
height: 0;
margin: 0;
position: absolute;
text-align: left;
top: 30%;
width: 100%;
}
.categories_shortcode .owl-controls .owl-buttons {
height: 0;
}
.categories_shortcode h5 {
font-size: 16px;
margin: 5px 0 0;
text-align: center;
text-transform: uppercase;
}
.categories_shortcode .owl-controls .owl-buttons .owl-next {
position: absolute;
right: 0;
}
.categories_shortcode .owl-controls .owl-buttons i {
background-color: #94a1a9;
border-radius: 50%;
height: 25px;
padding: 7px;
width: 25px;
}
.categories_shortcode .owl-controls .owl-buttons div {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin: 0;
padding: 0;
}
.categories_shortcode a {
cursor: pointer;
}
.categories_shortcode .category{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
width: 100%;
}
.categories_shortcode .category img {
display: block;
margin: 0 auto;
text-align: center;
opacity: 0.5;
}
.categories_shortcode .category.active,
.categories_shortcode .category:hover{
filter: none;
-webkit-filter: grayscale(0%);
}
.wpb_button.btn-filled:before,
.wpb_button.btn-filled:after{
display: none;
}
.wpb_button.btn-filled.btn-filled-gray:hover,
.wpb_button.btn-filled.btn-filled-gray{
background: #7f8c8d;
color: #fff !important;
}
.wpb_button.btn-filled {
padding: 15px 20px !important;
font-size: 17px !important;
}
.wpb_button.btn-filled:hover,
.wpb_button.btn-filled{
background: white;
}
.form-control,
.wpb_button,
.owl-theme .owl-controls .owl-buttons div,
#modeltheme-main-head,
#contact_form .button[type="submit"],
#contact-us .form-control,
.search-field,
.btn-lg,
.btn-group-lg>.btn,
.btn,
pre,
.slider_navigation .btn,
.widget_popular_recent_tabs .nav-tabs li a,
.thumbnail,
.widget_toggles .panel-group .panel,
.panel,
.panel-heading{
border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
::i-block-chrome, .widget_search .search-field{
border-radius: 2px !important;
-webkit-border-radius: 2px !important;
}
iframe,
embed,
figure {
max-width: 100%;
}
pre {
background-color: #f9f9f9;
border: 1px solid #e6e6e6;
}
li:hover .hover-components .component a{
background: transparent !important;
}
.parallax-head h1 {
color: #ffffff;
font-size: 70px;
font-weight: bold;
}
.parallax-head h3, .parallax-head h1 {
color: #ffffff;
font-size: 70px;
font-weight: bold;
}
/* CUSTOM CSS for MEGA MENU PLUGIN */
.mega_dropdown li a::before,
.mega_dropdown li a::after {
content: "";
display: none;
}
.mega_dropdown .mega_dropdown{
padding-bottom: 15px !important;
}
/*IS MOBILE*/
.is-mobile .masonry_banner a::before,
.is-mobile .masonry_banner a::after,
.is-mobile .sale_banner .sale_banner_holder::before,
.is-mobile .sale_banner .sale_banner_holder::after{
display: none;
}
.article-header {
margin-bottom: 30px;
}
.breadcrumb {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #828282;
margin: 0;
padding: 8px 0;
font-size: 16px;
}
.header-title-breadcrumb .post-category-date {
margin-bottom: 15px;
font-weight: 300;
}
.header-title-breadcrumb-overlay {
background: #f4f8ff;
box-sizing: border-box;
padding: 30px 0;
width: 100%;
}
.header-title-breadcrumb-overlay h1 span {
font-size: 28px;
line-height: 1;
}
.header-title-breadcrumb-overlay h1 {
align-self: center;
color: #3c424f;
font-size: 30px;
line-height: 100%;
margin: 0 auto;
padding: 8px 0;
text-transform: capitalize;
width: 100%;
}
.header-title-breadcrumb .header-group {
width: 100%;
}
.header-group .breadcrumb {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin: 0;
}
.header-group .breadcrumb li a,
.header-group .breadcrumb li {
color: #ffffff;
font-size: 16px;
}
.header-group .breadcrumb li {
opacity: 0.8;
}
/*---------------------------------------------*/
/*--- CSS FOR SAFARI ---*/
/*---------------------------------------------*/
::i-block-chrome, #contact-us .form-control{
margin-bottom: 15px;
}
::i-block-chrome, .tp-leftarrow.default,
::i-block-chrome, .tp-rightarrow.default {
top: 45% !important;
}
/* Add new rules for this interval below */
/*---------------------------------------------*/
/*--- 17. Carousel Post ---*/
/*---------------------------------------------*/
#sync2 .post_slider_author {
clear: both;
color: #838d8f;
display: block;
font-size: 14px;
}
#sync2 .post_slider_title {
clear: both;
color: #3c3d41;
display: block;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
#sync2 .item.single_post_slider {
border-right: 2px solid #65abd0;
cursor: pointer;
padding-left: 30px;
}
#sync2 {
padding-top: 20px;
}
#sync2 .owl-item:nth-child(4) .item.single_post_slider {
border-right: medium none;
}
#sync1 .item img {
min-width: 100%;
padding-bottom: 0;
}
.post-slider-holder {
background: rgba(36,38,35, 0.4) none repeat scroll 0 0;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
text-align: center;
top: 0;
transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
width: 100%;
}
.post-slider-holder .post_slider_title {
clear: both;
color: white;
display: block;
font-size: 55px;
margin: 0 auto;
padding: 15px 0;
}
.post-slider-holder .post_slider_excerpt {
clear: both;
color: #cddfe0;
display: block;
font-size: 30px;
margin: 0 auto;
}
.post-slider-holder .post_slider_read_article {
margin: 0 auto;
padding: 30px 0;
}
.post-slider-holder .post_slider_read_article a {
background-color: #65abd0;
color: #ffffff;
font-size: 18px;
font-weight: bold;
padding: 20px 50px;
}
/* Carousel post navigation */
.full-width-posts-slider .owl-theme .owl-controls {
position: absolute;
top: 40%;
width: 100%;
}
.full-width-posts-slider .owl-theme .owl-controls .owl-buttons div {
background: transparent none repeat scroll 0 0;
border: 1px solid white;
border-radius: 40px;
font-size: 30px;
margin: 5px;
opacity: 0.5;
padding: 17px 23px;
}
.full-width-posts-slider .owl-controls.clickable .owl-prev {
left: 5%;
position: absolute;
}
.full-width-posts-slider .owl-controls.clickable .owl-next {
position: absolute;
right: 5%;
}
/*---------------------------------------------*/
/*--- 19. Banner ---*/
/*---------------------------------------------*/
.image_and_text_holder .text_holder {
background-color: rgba(0, 0, 0, 0.3);
color: white;
font-size: 28px;
padding: 15px;
text-align: center;
text-transform: uppercase;
width: 100%;
margin: 0;
}
.image_and_text_holder {
background-size: 100% auto;
}
/*---------------------------------------------*/
/*--- 21. Members ---*/
/*---------------------------------------------*/
.member-holder {
background: rgb(236, 240, 241) none repeat scroll 0 0;
overflow: hidden;
}
.member-holder .post-name {
margin: 15px 0;
}
.member-holder .post-details {
padding: 30px 15px 30px 30px;
}
article.single-post.member {
border-bottom: 0 none;
padding-bottom: 0;
}
.single-member-type {
background: rgb(233, 143, 255) none repeat scroll 0 0;
color: rgb(255, 255, 255);
padding: 2px 6px;
}
.member-holder .post-name a{
color: black;
}
.member-contact-urls > p {
margin: 0;
}
.member-holder .post-thumbnail {
padding-right: 0;
}
.member-contact-urls a {
color: rgb(0, 0, 0);
margin: 0 3px;
}
/*---------------------------------------------*/
/*--- 22. Our Services ---*/
/*---------------------------------------------*/
.single-service-template .services-activities .post-name {
margin-top: 0;
}
.single-service .single-post-article-header {
position: relative;
}
.services-home2 img {
max-width: 45px;
}
.section1-home .btn:after {
font-family: 'FONTAWESOME';
content: '\f178';
color: #009dde;
opacity: 1;
position: relative;
}
.single-service .thumbnail-holder {
position: relative;
}
.hover-service-content a {
padding: 10px 15px;
}
.single-service .thumbnail-overlay {
background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
}
.our-services .single-service {
margin-bottom: 30px;
}
.thumbnail-overlay > span {
color: rgb(255, 255, 255);
display: block;
left: 15px;
line-height: normal;
opacity: 1;
padding: 4px 8px;
position: absolute;
top: 15px;
visibility: visible;
}
.service-content.bottom-container {
background: rgb(236, 240, 241) none repeat scroll 0 0;
padding: 10px 25px;
}
.service-content.bottom-container > p {
margin: 0 0 10px;
}
.single-service .hover-service-content a {
border-color: rgb(255, 255, 255);
padding: 12px 30px;
margin-top: 9px;
}
.single-service .hover-service-content a,
.single-service .hover-service-content a:hover{
background: transparent;
}
.hover-service-content {
background: rgba(101, 171, 207,.9) none repeat scroll 0 0;
color: rgb(255, 255, 255);
height: 100%;
padding: 15px;
position: absolute;
top: 0;
width: calc(100% - 30px);
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.hover-service-content *{
color: white;
text-align: center;
}
.single-service:hover .hover-service-content{
opacity: 1;
visibility: visible;
}
.hover-service-content .post_title {
font-size: 21px;
font-weight: bold;
margin: 15px 0;
}
.hover-service-content .post_content {
opacity: 0.7;
}
body .minimal-dark .esg-navigationbutton:hover,
body .minimal-dark .esg-filterbutton:hover,
body .minimal-dark .esg-sortbutton:hover,
body .minimal-dark .esg-sortbutton-order:hover,
body .minimal-dark .esg-filterbutton.selected {
background: rgba(224, 224, 224, 0.5) none repeat scroll 0 0;
border-color: rgba(255, 255, 255, 0.2);
box-shadow: none;
}
body .minimal-dark .esg-filterbutton,
body .minimal-dark .esg-navigationbutton,
body .minimal-dark .esg-sortbutton {
background: rgba(224, 224, 224, 1) none repeat scroll 0 0;
border: 1px solid rgba(178, 178, 178, 0.1);
color: rgba(0, 0, 0,.6);
font-size: 14px;
font-weight: normal;
}
/*---------------------------------------------*/
/*--- 24. Sidebar menu ---*/
/*---------------------------------------------*/
.st-content,
.st-content-inner {
position: relative;
}
.st-container {
position: relative;
overflow: hidden;
}
.st-pusher {
position: relative;
left: 0;
z-index: 200;
height: 100%;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
}
.st-pusher::after {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
background: rgba(0,0,0,0.4);
content: '';
opacity: 0;
z-index: 201;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.st-menu-open .st-pusher::after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.st-menu {
position: fixed;
top: 0;
left: 0;
z-index: 100;
visibility: hidden;
width: 300px;
height: 100%;
background: #48a770;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.st-menu::after {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
content: '';
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.st-menu-open .st-menu::after {
width: 0;
height: 0;
opacity: 0;
-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
/* content style */
.st-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.st-menu h2 {
margin: 0;
padding: 1em;
color: rgba(0,0,0,0.4);
text-shadow: 0 0 1px rgba(0,0,0,0.1);
font-weight: 300;
font-size: 2em;
}
.st-menu ul li a {
display: block;
padding: 1em 1em 1em 1.2em;
outline: none;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
font-weight: 300;
-webkit-transition: background 0.3s, box-shadow 0.3s;
transition: background 0.3s, box-shadow 0.3s;
}
.st-menu ul li a:hover {
background: rgba(0,0,0,0.2);
color: #fff;
}
/* Effect 1: Slide in on top */
.st-effect-1.st-menu {
visibility: visible;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.st-effect-1.st-menu-open .st-effect-1.st-menu {
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.st-effect-1.st-menu::after {
display: none;
}
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
padding-left: 300px;
}
/* Toggle Styles */
#wrapper {
padding-left: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled {
padding-left: 250px;
}
#sidebar-wrapper {
z-index: 1000;
position: fixed;
left: 250px;
width: 0;
height: 100%;
margin-left: -250px;
overflow-y: auto;
background: #000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
width: 250px;
}
#page-content-wrapper {
width: 100%;
position: absolute;
padding: 15px;
}
#wrapper.toggled #page-content-wrapper {
position: absolute;
margin-right: -250px;
}
/* Sidebar Styles */
.sidebar-nav {
position: absolute;
top: 0;
width: 250px;
margin: 0;
padding: 0;
list-style: none;
}
.sidebar-nav li {
text-indent: 20px;
line-height: 40px;
}
.sidebar-nav li a {
display: block;
text-decoration: none;
color: #999999;
}
.sidebar-nav li a:hover {
text-decoration: none;
color: #fff;
background: rgba(255,255,255,0.2);
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
height: 65px;
font-size: 18px;
line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
color: #999999;
}
.sidebar-nav > .sidebar-brand a:hover {
color: #fff;
background: none;
}
@media(min-width:768px) {
#wrapper {
padding-left: 250px;
}
#wrapper.toggled {
padding-left: 0;
}
#sidebar-wrapper {
width: 250px;
}
#wrapper.toggled #sidebar-wrapper {
width: 0;
}
#page-content-wrapper {
padding: 20px;
position: relative;
}
#wrapper.toggled #page-content-wrapper {
position: relative;
margin-right: 0;
}
}
.st-container .sidebar_menu {
background-color: #f7f7f7;
z-index: 2001;
}
.sidebar_menu .logo {
margin-bottom: 50px;
margin-top: 30px;
text-align: center;
}
.st-menu.sidebar_menu .widget_nav_menu li {
width: 100%;
}
.st-menu.sidebar_menu li a {
color: rgb(0, 0, 0);
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
text-align: left;
}
.st-menu.sidebar_menu .share-social-links li a {
padding: 5px;
color: white;
height: auto;
font-size: 16px;
text-align: center;
}
.st-menu.sidebar_menu .share-social-links li {
margin-right: 5px;
margin-bottom: 5px;
}
.st-menu.sidebar_menu .widget-title {
color: black;
}
/**
* Toggle Switch Globals
*
* All switches should take on the class `c-hamburger` as well as their
* variant that will give them unique properties. This class is an overview
* class that acts as a reset for all versions of the icon.
*/
.c-hamburger {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 52px;
height: 48px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
.c-hamburger:focus {
outline: none;
}
.c-hamburger span {
background: white;
display: block;
height: 3px;
left: 10px;
position: absolute;
right: 10px;
top: 24px;
}
.c-hamburger span::before,
.c-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 3px;
background-color: white;
content: "";
}
.c-hamburger span::before {
top: -10px;
}
.c-hamburger span::after {
bottom: -10px;
}
/**
* Style 2
*
* Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
* down to center and transform into an "x".
*/
.c-hamburger--htx {
background-color: rgba(0, 0, 0, 0);
margin: 15px 0;
}
.c-hamburger--htx span {
-webkit-transition: background 0s 0.3s;
transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
-webkit-transition-duration: 0.3s, 0.3s;
transition-duration: 0.3s, 0.3s;
-webkit-transition-delay: 0.3s, 0s;
transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
-webkit-transition-property: top, -webkit-transform;
transition-property: top, transform;
}
.c-hamburger--htx span::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
}
.c-hamburger--htx.is-active span {
background: none;
}
.c-hamburger--htx.is-active span::before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
-webkit-transition-delay: 0s, 0.3s;
transition-delay: 0s, 0.3s;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.comment-form textarea {
height: 134px;
}
}
/*BLUR*/
/* General styles for the modal */
.modeltheme-modal.modeltheme-show *{
opacity:1;
visibility: visible;
}
.modeltheme-modal *{
opacity: 0;
visibility: hidden;
}
.modeltheme-modal {
position: fixed;
top: 50%;
left: 50%;
width: 50%;
max-width: 630px;
min-width: 320px;
height: auto;
z-index: 2000;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.modeltheme-show {
visibility: visible;
}
.modeltheme-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
background: rgba(0, 0, 0, 0.80);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.modeltheme-show ~ .modeltheme-overlay {
opacity: 1;
visibility: visible;
}
/* Content styles */
.modeltheme-content {
color: #3F3F3F;
background: #FFFFFF;
position: relative;
margin: 0 auto;
}
.modeltheme-content h3 {
margin: 0;
padding: 25px;
font-size: 24px;
font-weight: 300;
background: #48A8A7;
color: white;
border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
}
.modeltheme-content > div {
padding: 15px 40px 30px;
margin: 0;
font-weight: 300;
font-size: 1.15em;
}
.modeltheme-content > div p {
margin: 0;
padding: 10px 0;
}
.modeltheme-content button {
display: block;
margin: 0 auto;
font-size: 0.8em;
}
.modeltheme-content .modeltheme-close {
cursor: pointer;
padding: 25px;
right: 0;
opacity: 0.8;
top: 0;
}
.modeltheme-content .modeltheme-close:hover {
opacity: 1;
}
/* Modal: BLUR */
.modeltheme-show.modeltheme-effect-16 ~ .modeltheme-overlay {
background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
.modeltheme-show.modeltheme-effect-16 ~ #page {
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
filter: blur(4px);
}
.modeltheme-effect-16 .modeltheme-content {
-webkit-transform: translateY(-5%);
-moz-transform: translateY(-5%);
-ms-transform: translateY(-5%);
transform: translateY(-5%);
opacity: 0;
}
.modeltheme-show.modeltheme-effect-16 ~ #page,
.modeltheme-effect-16 .modeltheme-content {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.modeltheme-show.modeltheme-effect-16 .modeltheme-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
form#login{
width: 100%;
}
form#login p.status{
display: none;
}
.login_overlay{
height: 100%;
width: 100%;
background-color: #F6F6F6;
opacity: 0.9;
position: fixed;
z-index: 998;
}
form#login a.lost {
font-size: 15px;
margin-bottom: 7px;
display: block;
}
form#login label {
margin-bottom: 0;
margin-top: 8px;
}
form#login .register_button:hover,
form#login .submit_button:hover{
background: #feaf23;
}
form#login .register_button,
form#login .submit_button {
border: 0 none;
border-radius: 10px;
-webkit-border-radius: 10px;
color: white;
font-weight: 300;
padding: 8px 15px;
background: #FFBA41;
}
#login input[type="password"],
#login input[type="text"] {
border: 1px solid rgb(229, 236, 239);
padding: 8px;
}
/*Button default classes*/
.btn.btn-primary {
background-color: #3498db;
color: #ffffff;
}
.btn.btn-success {
background-color: #2ecc71;
color: #ffffff;
}
.btn.btn-info {
background-color: #03C2FF;
color: #ffffff;
}
.btn.btn-warning {
background-color: #FFBA41;
color: #ffffff;
}
.btn.btn-danger {
background-color: #e74c3c;
color: #ffffff;
}
/*Hover Effects
/* ------- Blog Posts Efects -------*/
.shortcode_post_content:hover::after {
left: 0;
}
.shortcode_post_content .text_content .post-more-download .post_link {
float: right;
}
.shortcode_post_content .text_content .post-more-download .share_link {
float: right;
}
.smartowl_shortcode_blog .shortcode_post_content a {
overflow: unset !important;
}
/*Portfolio - title styles*/
/* General link styles */
.link {
outline: none;
text-decoration: none;
position: relative;
font-size: 60px;
color: #fff;
display: inline-block;
}
/* Kukuri */
.link--kukuri {
text-transform: uppercase;
font-weight: 900;
overflow: hidden;
line-height: 0.75;
color: #fff;
}
.get-portfolio-details:hover .link--kukuri{
color: #fff;
}
.link--kukuri::after {
content: '';
position: absolute;
height: 16px;
width: 100%;
top: 50%;
margin-top: -8px;
right: 0;
background: #F9F9F9;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.get-portfolio-details:hover .link--kukuri::after{
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
.link--kukuri::before {
content: attr(data-letters);
position: absolute;
z-index: 2;
overflow: hidden;
color: #fff;
white-space: nowrap;
width: 0%;
-webkit-transition: width 0.4s 0.3s;
transition: width 0.4s 0.3s;
}
.get-portfolio-details:hover .link--kukuri::before{
width: 100%;
}
/*SINGLE PORTFOLIO*/
.love-it i {
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.loved i {
color: #009dde;
}
.portfolio-bottom-icons {
margin-top: 50px;
}
.portfolio-bottom-icons a h4 {
font-weight: 300;
}
.portfolio-bottom-icons i {
color: #000000;
font-size: 40px;
}
.portfolio-bottom-icons a:hover, .portfolio-bottom-icons a:hover i {
color: #009dde;
}
.portfolio-bottom-icons a i{
color: #000000;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.portfolio-bottom-icons a {
display: inline-table;
line-height: normal;
color: #000000;
margin: 0 30px;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.portfolio-bottom-icons {
float: left;
width: 100%;
margin: 50px 0 40px;
}
.portfolio-bottom-description p {
margin-bottom: 0;
}
.love-it-wrapper {
display: inline-table;
}
.single-portfolio .love-count {
display: block;
font-weight: 400px;
margin-top: 7px;
}
.portfolio-bottom-description label,
.portfolio-bottom-description i {
color: #009dde;
font-weight: 300;
margin-right: 5px;
}
.portfolio-bottom-description a[rel="tag"] {
color: #000000;
font-weight: 300;
}
.portfolio-bottom-icons .loved i{
color: #009dde;
}
img.portfolio-single-pic {
margin-bottom: 20px;
}
img.portfolio-single-pic:last-child {
margin-bottom: 0;
}
.single-portfolio .article-content {
margin-bottom: 0;
padding-bottom: 0;
}
.job_expire_in {
color: #ffffff;
}
/*JOBS*/
button[data-toggle="modal"] {
padding-right: 25px !important;
background: #009dde !important;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
button[data-toggle="modal"]:hover {
background: #00a0db !important;
}
.job_descriptions > span {
margin-right: 15px;
}
#apply_now input[type="text"], #apply_now input[type="email"], #apply_now input[type="file"], #apply_now textarea {
border-radius: 3px;
padding: 12px;
width: 100%;
}
.modal-header {
background: #009dde none repeat scroll 0 0;
color: #ffffff;
padding: 30px;
}
#apply_now .modal-header {
padding: 30px;
}
#apply_now .modal-body {
padding-bottom: 0px;
padding-left: 30px;
padding-top: 30px;
padding-right: 30px;
}
#apply_now button.close {
font-size: 30px;
margin-top: 0;
opacity: 0.8;
transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out;
}
#apply_now button.close:hover {
opacity: 1;
}
#apply_now .modal-content {
overflow: hidden;
}
#apply_now .wpcf7-submit {
border-radius: 3px;
margin-top: 15px;
padding: 15px;
width: 100%;
}
#apply_now .close > span {
color: #ffffff;
}
#navbar > p:nth-child(2) {
display: none;
}
.job-type a {
background: #e98b39 none repeat scroll 0 0;
border-radius: 3px;
color: #ffffff;
display: inline-table;
font-size: 16px;
font-weight: 300;
padding: 8px 16px;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.job-type a:hover {
color: #ffffff;
background: #d35400 none repeat scroll 0 0;
}
/*DESIGN FALLBACK*/
.navbar-default {
background-color: #fff;
}
.header3 .no-menu,
.header2 .no-menu {
color: #a5a5a5;
}
.no-menu {
color: #828282;
display: inline-table;
}
.added-redux-framework .no-menu,
.added-redux-framework .no-menu a {
color: #000;
}
.added-redux-framework .fixed-sidebar-menu .no-menu,
.added-redux-framework .fixed-sidebar-menu .no-menu a {
color: #828282;
}
.tp-static-layers{
opacity: 0 !important;
}
.vc_tta-accordion.vc_tta.vc_general .vc_tta-panel {
margin-bottom: 30px;
}
/*WooCommerce*/
.woocommerce .woocommerce-cart-form__contents button.button[name="apply_coupon"] {
padding: 16.5px 20px;
line-height: normal;
}
.woocommerce-checkout #payment div.form-row.place-order {
padding-left: 0;
}
.woocommerce-billing-fields__field-wrapper label {
margin: 0;
margin-top: 15px;
}
.woocommerce a.remove {
color: #2f73f6!important;
}
.woocommerce a.remove:hover {
color: #fff !important;
background: #2f73f6;
}
.single.single-product .product .thumbnails-summary .woocommerce-product-gallery__wrapper {
margin: 0px !important;
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
text-align: left;
}
.header_mini_cart .woocommerce.widget_shopping_cart .total {
text-align: left;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
padding: 15px 0;
width: 100%;
}
.woocommerce .woocommerce-Address-title.title {
background: transparent;
color: #252525;
}
.woocommerce .woocommerce-MyAccount-navigation ul li {
display: block !important;
padding: 20px 20px !important;
font-size: 20px;
border-bottom: 1px solid #ededed;
}
.woocommerce-cart .header_mini_cart {
visibility: hidden !important;
}
.woocommerce .woocommerce-MyAccount-navigation {
background: #F5F5F5;
}
.woocommerce div.product form.cart .variations label {
color: #828282;
font-size: 17px;
font-weight: 300;
line-height: 55px;
}
.woocommerce div.product div.images {
width: 100%;
}
.woocommerce ul.products li.product .price del {
display: inline;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
clear: none !important;
margin: 0 0 30px !important;
padding: 0 15px !important;
position: relative !important;
width: 25%;
}
.woocommerce .related.products ul.products li.product,
.woocommerce-page .related.products ul.products li.product {
margin: 0 !important;
}
.woocommerce ul.products {
margin: 0 -15px;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination {
background: transparent;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #2f73f6;
color: #ffffff;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
padding: 10px 20px;
font-size: 17px;
line-height: 1.5;
text-decoration: none;
transition: all 300ms ease 0s;
-webkit-transition: all 300ms ease 0s;
border: 1px solid #ededed;
}
.woocommerce nav.woocommerce-pagination ul li a {
color: #3c424f;
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: 0;
margin-right: 5px;
width: 55px;
}
.woocommerce .loader::before {
display: none;
}
.woocommerce .woocommerce-ordering select.orderby {
padding: 10px 15px;
border: 1px solid #ededed;
color: rgba(130,130,130,0.7);
font-size: 15px;
}
.woocommerce .woocommerce-ordering select.orderby:focus,
.woocommerce #reviews .comment-form textarea#comment:focus {
border-color: #b5b9bd;
}
.woocommerce .woocommerce-ordering {
margin-bottom: 30px;
}
.woocommerce .woocommerce-result-count {
margin-bottom: 5px;
margin-top: 12px;
}
body.woocommerce ul.products li.product .onsale {
background: #ff023e none repeat scroll 0 0;
border-radius: 0;
height: auto;
left: auto;
line-height: 0;
margin: 0;
min-height: auto;
min-width: auto;
padding: 16px;
margin-right: -15px;
top: 0;
font-weight: 300;
}
.single-product.woocommerce span.onsale {
background-color: #ff023e;
border-radius: 0;
color: rgb(255, 255, 255);
font-size: 16px;
font-weight: 300;
left: 33px;
line-height: 0;
margin: 0;
min-height: auto;
min-width: auto;
padding: 16px;
position: absolute;
text-align: center;
top: 0;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
width: auto;
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
padding: 7px;
}
.comment-form-comment label,
.comment-form-author label,
.comment-form-email label {
font-weight: 400;
color: #828282;
}
.comment-form-email #email {
border: 1px solid #ededed;
width: 100%;
padding: 10px 15px;
}
.woocommerce #reviews #respond.comment-respond {
margin-bottom: 20px;
}
.shop_attributes th {
text-indent: 10px;
}
.woocommerce-grouped-product-list-item__label label a,
.woocommerce-grouped-product-list-item__price span {
line-height: 45px;
}
.product-name a:visited {
color: #2f73f6;
}
.woocommerce-cart .cart-collaterals .cart_totals tr th {
padding: 12px 20px !important;
}
.woocommerce-Tabs-panel {
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: 10px 20px;
font-weight: 600;
color: #ffffff;
text-decoration: none;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 2em;
}
.woocommerce div.product form.cart table.woocommerce-grouped-product-list.group_table {
border-bottom: 0px;
margin-bottom: 30px;
}
.woocommerce form .form-row .input-checkbox {
margin-top: 10px;
margin-left: 0;
display: inline-flex;
}
.woocommerce-terms-and-conditions-checkbox-text {
padding-left: 30px;
}
.woocommerce-terms-and-conditions-wrapper .form-row.validate-required {
position: relative;
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox{
display: inline-block;
}
.woocommerce div.product form.cart .group_table tr:first-child td {
padding-top: 30px !important;
padding-bottom: 0px !important;
}
.woocommerce div.product form.cart .group_table tr:last-child td {
padding-top: 0px !important;
padding-bottom: 30px !important;
}
.woocommerce div.product form.cart .group_table td {
padding-left: 30px !important;
padding-right: 30px !important;
}
.woocommerce div.product form.cart .group_table td:first-child {
padding-left: 30px !important;
}
.woocommerce-grouped-product-list-item__price {
text-align: right;
padding-right: 30px !important;
}
.woocommerce-grouped-product-list-item__label {
text-align: left;
}
.woocommerce-grouped-product-list.group_table {
background: #F4F8FF;
}
.woocommerce-grouped-product-list-item__label a {
color: #333333 !important;
}
.woocommerce-grouped-product-list-item__price .woocommerce-Price-amount.amount {
color: #919191;
font-size: 18px;
}
.woocommerce-grouped-product-list-item__price del .woocommerce-Price-amount.amount {
color: rgba(145,145,145,0.6);
}
/*SUBSCRIBE FORM*/
footer .mc4wp-form-fields input[type="email"] {
background: rgba(255, 255,255, 1) none repeat scroll 0 0;
border: 1px solid #ededed;
color: #828282;
font-size: 17px;
padding: 14px 0px;
outline: 0;
float: left;
border-radius: 0;
font-weight: 300;
width: 300px;
line-height: 25px;
text-indent: 15px;
font-family: Montserrat;
}
footer .mc4wp-form-fields input[type="submit"] {
color: rgb(255, 255, 255);
font-size: 17px;
background: #2f73f6;
padding: 14px 35px;
border: 1px solid #2f73f6;
outline: 0;
border-radius: 0;
font-weight: 300;
text-transform: capitalize;
transition: all 250ms ease;
-webkit-transition: all 250ms ease;
-ms-transition: all 250ms ease;
width: 150px;
line-height: 25px;
margin-left: 5px;
}
footer .mc4wp-form-fields input[type="submit"]:hover {
background: #ff023e !important;
border: 1px solid #ff023e;
}
footer .mc4wp-form-fields input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #828282 !important;
}
footer .mc4wp-form-fields input[type="email"]::-moz-placeholder { /* Firefox 19+ */
color: #828282 !important;
}
footer .mc4wp-form-fields input[type="email"]:-ms-input-placeholder { /* IE 10+ */
color: #828282 !important;
}
footer .mc4wp-form-fields input[type="email"]:-moz-placeholder { /* Firefox 18- */
color: #828282 !important;
}
footer .newsletter-hostcluester {
margin-top: 12px;
}
footer .footer-top .widget-title {
margin-top: 35px;
}
/*RATINGS*/
.comment_rating_price_value,
.comment_rating_overall,
.commentrating {
display: inline-table;
}
/*redesign shop*/
.woocommerce ul.products li.product .archive-product-title a {
font-size: 18px;
color: #3c424f;
line-height: 32px;
font-weight: 700;
}
.woocommerce ul.products li.product .archive-product-title {
text-align: center;
padding-bottom: 0;
}
.woocommerce .star-rating span {
color: #f1c40f;
}
.woocommerce .products .star-rating {
float: none !important;
margin: 0 auto !important;
}
.woocommerce ul.products li.product .price {
text-align: center;
padding-top: 0px;
margin-bottom: 0px;
font-weight: 500;
}
.woocommerce ul.products li.product .price ins,
.product .price ins,
.woocommerce-Price-amount.amount {
font-weight: 500 !important;
text-decoration: none;
}
.woocommerce ul.products li.product .price span.amount,
.product .price span.amount {
color: #666;
}
.custom_inner_class {
background-color: #fff;
padding-bottom: 25px;
overflow: hidden;
text-align: center;
}
.woocommerce #respond input#submit {
margin-top: 25px;
background-color: #2f73f6;
color: #ffffff;
padding: 10px 20px;
font-weight: 600 !important;
border-radius: 0;
transition: 250ms all ease;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 2em;
}
.woocommerce ul.products li.product .button {
display: none;
transition: 0.9s all;
top: 30%;
background-color: #2f73f6;
color: #ffffff;
padding: 10px 20px;
font-weight: 600 !important;
border-radius: 0;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 2em;
position: absolute;
z-index: 10;
transform: translateY(-55%);
}
.woocommerce ul.products li.product .block-button {
display: flex;
justify-content: center;
}
.woocommerce-message .button.wc-forward {
transform: none !important;
}
.woocommerce ul.products li.product .custom_inner_class img{
transition: 250ms all ease;
}
.woocommerce ul.products li.product .custom_inner_class:hover img{
opacity: 0.8;
}
.woocommerce ul.products li.product .custom_inner_class:hover .button{
display: block;
transition: all .9s;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit:hover {
background-color:#ff023e ;
color: #ffffff;
}
.woocommerce span.onsale {
top: 18px !important;
right: 35px !important;
font-weight: 400;
background: #009dde;
}
.woocommerce .product-thumbnails span.onsale {
right: auto !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
left: -5px !important;
box-shadow: 2px 2px 0 transparent !important;
border-radius: 0px;
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
right: -5px !important;
box-shadow: -2px 2px 0 transparent !important;
border-radius: 0px !important;
border: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #2f73f6;
background-color: #2f73f6;
border-radius: 0px !important;
margin-right: 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #f4f8ff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: #fff !important;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover {
color: #2f73f6;
}
.woocommerce button.button.alt:hover {
background-color: #ff023e !important;
}
.woocommerce button.button.alt {
background-color: #2f73f6 !important;
color: #ffffff !important;
border: 0 !important;
border-radius: 0;
font-weight: 400;
}
.related.products ul.products li.product .button {
background-color: #2f73f6 ;
color: #ffffff !important;
border: 0 !important;
}
.related.products ul.products li.product .button:hover {
background-color: #ff023e ;
}
.woocommerce .quantity .qty {
height: 2.2em;
}
/*///////////////////*/
.related.products ul.products li.product .archive-product-title a {
font-size: 18px;
color: #3c424f;
line-height: 32px;
font-weight: 700;
}
.related.products ul.products li.product .archive-product-title {
text-align: center;
padding-top: 0px;
}
.related.products .star-rating span {
color: #f1c40f;
}
.related.products .products .star-rating {
float: none !important;
margin: 0 auto !important;
}
.related.products ul.products li.product .price {
padding-top: 0px;
margin-bottom: 0px;
font-size: 20px;
text-align: center;
font-weight: 800;
}
.custom_inner_class {
padding-bottom: 32px;
overflow: hidden;
text-align: center;
position: relative;
}
.related.products ul.products li.product .button {
margin-top: 1em;
background-color: #ffffff;
border: 2px solid #e7edf1;
color: #009dde;
padding: 10px 20px;
font-weight: 600 !important;
line-height: 2em;
letter-spacing: 0.3px;
font-size: 13px;
}
.related.products span.onsale {
top: 18px !important;
right: 35px !important;
font-weight: bold;
background: #009dde;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #FFD600;
color: #515151;
-webkit-font-smoothing: antialiased;
transition: all 250ms ease;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color:#FFDF39;
color: #515151;
}
/*sticky menu*/
.is-sticky .logo img,
.is-sticky .navbar-header .logo img {
max-width: 120px;
transition: all 0.3s ease 0s;
}
.logo img,
.navbar-header .logo img {
transition: all 0.3s ease 0s;
}
/*header mini*/
.first_header .header_mini_cart,
.second_header .header_mini_cart,
.third_header .header_mini_cart,
.fourth_header .header_mini_cart,
.fifth_header .header_mini_cart,
.sixth_header .header_mini_cart,
.seventh_header .header_mini_cart,
.eighth_header .header_mini_cart,
.first_header .header_mini_cart.visible_cart,
.second_header .header_mini_cart.visible_cart,
.third_header .header_mini_cart.visible_cart,
.fourth_header .header_mini_cart.visible_cart,
.fifth_header .header_mini_cart.visible_cart,
.sixth_header .header_mini_cart.visible_cart,
.seventh_header .header_mini_cart.visible_cart,
.eighth_header .header_mini_cart.visible_cart{
z-index: 10;
}
.header_mini_cart .cart_list.product_list_widget li,
.header_mini_cart .cart_list.product_list_widget a {
color: #252525;
}
.header_mini_cart .remove:before,
.header_mini_cart .remove:after{
content: "" !important;
}
.header_mini_cart .woocommerce .widget_shopping_cart .total,
.header_mini_cart .woocommerce.widget_shopping_cart .total {
border-top: 1px solid;
margin: 0;
padding: 15px 0;
}
.header_mini_cart .buttons {
margin-bottom: 0;
text-align: left;
}
.header_mini_cart .button.wc-forward,
.header_mini_cart .button.checkout {
padding: 10px 18px;
background-color: #009dde;
margin-right: 0 !important;
}
.header_mini_cart .button.wc-forward:hover,
.header_mini_cart .button.checkout:hover {
background-color: #FFDF39;
}
.header_mini_cart .button.checkout {
float: right;
}
body .shop_cart > a {
padding: 20px 12px !important;
padding-right: 0px !important;
}
.header_mini_cart .woocommerce ul.cart_list li a.remove,
.header_mini_cart .woocommerce ul.cart_list li a.remove::before,
.header_mini_cart .woocommerce ul.cart_list li a.remove::after{
transition: all 0ms !important;
-webkit-transition: all 0ms !important;
}
.header_mini_cart .woocommerce .widget_shopping_cart .cart_list li.empty,
.header_mini_cart .woocommerce.widget_shopping_cart .cart_list li.empty{
margin: 0;
padding: 0;
}
.shop_cart{
transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-ms-transition: all 400ms ease 0s;
}
.header_mini_cart.visible_cart {
background: #f5f5f5;
opacity: 1;
padding: 15px;
position: absolute;
top: 100%;
right: 15px;
width: 250px;
visibility: visible;
transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-ms-transition: all 400ms ease 0s;
box-shadow: 0px 5px 15px 4px rgba(0, 0, 0, 0.06);
}
.header_mini_cart {
background: #f5f5f5;
position: absolute;
padding: 15px;
opacity: 0;
width: 250px;
top: 150%;
right: 15px;
transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-ms-transition: all 400ms ease 0s;
visibility: hidden;
z-index: 999;
}
.shop_cart{
transition: all 400ms ease 0s;
-o-transition: all 400ms ease 0s;
-moz-transition: all 400ms ease 0s;
-webkit-transition: all 400ms ease 0s;
-ms-transition: all 400ms ease 0s;
}
.contact_insert_input {
padding: 0px 30px;
}
div.wpcf7 .ajax-loader {
display: none;
}
.wpcf7-form p {
margin: 0;
}
.mt_clients_slider .client_image, .clients-no-slider .client_image {
width: 85%;
}
/*LISTINGS CSS*/
.mt_cars--main-pic a {
border-radius: 10px;
display: block;
overflow: hidden;
}
.mt_car .post-details {
padding: 0 15px;
}
.mt_car .blog_custom:hover {
box-shadow: none;
}
.mt_cars--single-main-pic .post-title {
margin-right: 20px;
margin-top: 10px;
}
.mt_cars--single-main-pic img {
height: auto;
max-width: 100%;
width: 100%;
}
.mt_car--booking-form div.wpcf7 {
background-color: #fff !important;
border-radius: 0 0 10px 10px !important;
margin: 0 !important;
padding: 25px 0 0 !important;
}
.mt_house--price-container {
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 10px 10px 0 0 !important;
overflow: hidden;
}
.mt_cars--single-main-pic {
position: relative;
}
.mt_car--single-gallery.mt_car--featured-single-gallery i {
margin-right: 5px;
}
.mt_car--single-gallery.mt_car--featured-single-gallery {
border: 2px solid #fff;
border-radius: 2px;
color: #ffffff;
font-size: 12px;
line-height: normal;
padding: 6px 10px;
transition: all 250ms ease-in-out 0s;
-o-transition: all 250ms ease-in-out 0s;
-moz-transition: all 250ms ease-in-out 0s;
-webkit-transition: all 250ms ease-in-out 0s;
-ms-transition: all 250ms ease-in-out 0s;
}
.mt_car--single-gallery.mt_car--featured-single-gallery:hover{
color: #000 !important;
border-color: #000 !important;
}
.contact_insert_input .wpcf7-date {
padding: 1em 2em !important;
width: 100% !important;
}
.single .mt_cars--single-main-pic .post-name {
align-self: end;
color: #ffffff;
margin-bottom: 40px;
text-transform: none;
width: 100%;
}
.mt_car--tax-type {
display: inline-table !important;
}
.gradient-holder {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
height: 100%;
left: 0;
top: 0;
width: 100%;
z-index: 2;
}
article.mt_car .mt_cars--main-pic a {
border-radius: 10px;
-webkit-border-radius: 10px;
display: block;
overflow: hidden;
}
.gradient-holder-category {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 45%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
height: 100%;
left: 0;
top: 0;
width: 100%;
z-index: 2;
}
.single-mt_car .related-posts{
margin: 70px 0;
}
.mt_car--booking-form {
margin-top: 0px !important;
}
.single-mt_car .related-posts .post-name {
margin: 0;
}
.mt_cars--main-pic .post-name {
bottom: 0px;
z-index: 2;
width: 100%;
color: #fff !important;
padding: 30px;
font-size: 35px;
line-height: 40px;
font-weight: 600;
padding-bottom: 23px;
padding-top: 23px;
}
.mt_cars--main-pic .post-name a {
display: inline-block !important;
font-size: 35px !important;
font-weight: 600;
line-height: 40px !important;
color: #FFD600 !important;
overflow: visible !important;
}
.mt_car--single-price-inner {
background: #009dde;
color: rgba(255,255,255,0.8);
font-size: 18px;
font-weight: bold;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
}
.mt_car--single-price-inner-day {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.mt_car--single-price .priceval {
font-size: 32px;
opacity: 1;
color: #fff;
}
.mt_cars--features-description .mt_car--price {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-radius: 10px;
display: inline-block;
font-size: 15px;
margin-bottom: 3px;
margin-top: 10px;
padding: 10px 10px 10px 0;
text-align: left;
width: 100%;
}
.mt_cars--main-pic:hover .blog_post_image {
transform: scale(1.03);
}
.mt_car--price-day.mt_car--price .car_price {
font-size: 50px;
font-weight: 900;
line-height: 60px;
color: #009dde;
}
.mt_car--price-day.mt_car--price .car_currency {
font-size: 16px;
line-height: 25px;
font-weight: 500;
position: relative;
bottom: 35px;
color: #009dde;
}
.mt_car--price-day.mt_car--price .car_per {
font-size: 14px;
line-height: 23px;
font-weight: 500;
position: relative;
bottom: 13px;
margin-left: 10px;
color: #009dde;
}
.mt_cars--features-description .house_title {
margin-top: 0px;
}
.mt_cars--features-description .house_description {
margin: 0px;
}
.mt_cars--main-pic {
margin-top: 12px !important;
}
.mt_cars--main-pic .mt_car--features-group {
margin: 30px 0;
}
.mt_cars--features-description .single-car-feature {
margin: 5px 0;
}
.mt_car--important-features .car_number_passengers_value,
.mt_car--important-features .car_luggage_value,
.mt_car--important-features .car_gearbox_value {
margin-left: 10px;
position: relative;
bottom: -2px;
}
.mt_car--important-features .car_number_passengers,
.mt_car--important-features .car_luggage,
.mt_car--important-features .car_gearbox {
margin-top: 15px;
margin-bottom: 15px;
border-right: 1px solid #dadada !important;
}
.mt_car--important-features span:last-child {
border: none !important;
}
.mt_car--features-group .features_items p {
margin: 0px !important;
}
.mt_car--features-group .features_items a {
font-size: 18px !important;
margin: 0;
line-height: 29px;
font-weight: 200;
color: rgba(69,70,70,0.8);
margin-left: 5px;
}
.mt_cars--features-description .mt_car--important-features {
border: 1px solid #dadada;
border-radius: 10px;
margin-top: 12px !important;
padding: 0;
}
.mt_car .car_separator {
height: 1px;
background-color: #ededed;
margin-top: 30px;
margin-bottom: 30px;
}
.mt_cars--extra-pics .mt_cars--extra-pics-holder img {
max-width: 100%;
width: 100%;
height: auto;
margin-bottom: 0px !important;
}
.mt_cars--extra-pics .mt_cars--extra-pics-holder {
border-radius: 10px;
-webkit-border-radius: 10px;
display: block;
overflow: hidden;
margin-bottom: 30px;
}
.list-view.mt_car .blog_custom {
background: transparent none repeat scroll 0 0 !important;
}
/*
=================================================================================================
BEGIN: WIDGET MONSTER FIX
=================================================================================================
*/
/*FOOTER*/
footer .widget_recent_comments li,
footer .widget_pages li,
footer .widget_meta li,
footer .widget_categories li,
footer .widget_archive li,
footer .widget_nav_menu li,
footer .widget_recent_entries li {
margin-bottom: 5px;
position: relative;
}
footer .widget_nav_menu .menu{
padding: 0;
}
.footer-top .widget_nav_menu li {
margin: 0;
text-align: left;
width: 100%;
}
footer .widget_recent_comments li,
footer .widget_pages li,
footer .widget_meta li,
footer .widget_categories li,
footer .widget_archive li,
footer .widget_nav_menu li,
footer .widget_nav_menu a {
display: block;
color: #9aa7af;
width: 100%;
text-align: left;
}
footer .widget:last-child {
margin-bottom: 0;
}
footer .widget {
clear: both;
}
footer #wp-calendar th,
footer #wp-calendar td {
color: #252525;
}
/*OTHER SIDEBARS*/
footer .footer-top .widget_nav_menu[id*="monster-widget"] .menu li.menu-item,
.sidebar-content .widget_recent_entries li,
.sidebar-content .widget_recent_comments li,
.sidebar-content .widget_pages li,
.sidebar-content .widget_meta li,
.sidebar-content .widget_categories li,
.sidebar-content .widget_archive li,
.sidebar-content .widget_nav_menu li a {
padding-bottom: 9px;
padding-top: 9px;
border-bottom: 1px solid #e5ecef;
}
.sidebar-content .widget_rss ul li{
padding-bottom: 25px;
margin-bottom: 15px;
border-bottom: 1px solid #e5ecef;
padding-top: 9px;
}
.sidebar-content .widget_categories li.cat_item_has_children,
.sidebar-content .widget_pages li.page_item_has_children,
.sidebar-content .widget_nav_menu li.menu-item-has-children > a{
border-bottom: 0 none;
}
footer .footer-top .widget_nav_menu[id*="monster-widget"] .menu li.menu-item:first-child,
.sidebar-content .widget_recent_entries li:first-child,
.sidebar-content .widget_recent_comments li:first-child,
.sidebar-content .widget_pages li:first-child,
.sidebar-content .widget_meta li:first-child,
.sidebar-content .widget_categories li:first-child,
.sidebar-content .widget_archive li:first-child,
.sidebar-content .widget_nav_menu li:first-child{
border-top: 1px solid #e5ecef;
}
.sidebar-content .widget_categories ul li ul.children li.cat-item:first-child,
.sidebar-content .widget_pages ul li ul.children li.page_item:first-child,
.sidebar-content .widget_nav_menu ul li ul.sub-menu li.menu-item:first-child{
border-top: 1px solid #e5ecef !important;
}
.sidebar-content .widget.widget_categories ul.children li:last-child {
border-bottom: 1px solid #e5ecef !important;
}
.sidebar-content .widget.widget_categories ul.children li.cat-item.cat-item-58 {
border-bottom-width: 0px !important;
}
footer .footer-top .widget_nav_menu[id*="monster-widget"] .menu li.menu-item a{
padding-bottom: 0;
border-bottom: 0 none;
padding-top: 0;
}
.rsswidget,
.rsswidget:hover,
.rsswidget:visited {
color: #3c424f;
}
.rssSummary {
margin-top: 12px;
margin-bottom: 12px;
}
#archives-dropdown--1,
select#cat {
margin-bottom: 25px;
margin-top: 15px;
}
.calendar_wrap {
margin-bottom: 25px;
}
.widget_search .search-form {
margin-top: 0px;
margin-bottom: 25px;
}
.widget_text .textwidget {
margin-top: 23px;
margin-bottom: 12px;
}
.widget_tag_cloud .tagcloud {
margin-top: 40px;
}
.widget_tag_cloud {
margin-bottom: 25px;
}
.sidebar-content .widget_categories ul.children,
.sidebar-content .widget_pages ul.children {
padding-left: 15px;
}
/*SUBMENU*/
.widget_pages ul.children li::before,
.widget_categories ul.children li::before,
.widget_nav_menu ul.sub-menu li::before{
left: 10px;
}
body .widget_pages ul.children li a,
body .widget_categories ul.children li a,
body .widget_nav_menu ul.sub-menu li a{
padding-left: 30px;
}
body .widget_pages ul.children li.page_item_has_children ul.children,
body .widget_categories ul.children li.cat_item_has_children ul.children,
body .widget_nav_menu ul.sub-menu li.menu-item-has-children ul.sub-menu{
padding-left: 20px;
}
/*SUBMENU HOVER*/
.sidebar-content .widget_nav_menu > ul,
.widget_recent_entries > ul,
.widget_pages > ul,
.widget_meta > ul,
.widget_archive > ul,
.widget_categories > ul {
list-style: outside none none;
padding-left: 0;
}
.recentcomments::before,
.widget_recent_entries li::before{
content: "\f101";
font-family: fontawesome;
margin-right: 8px;
}
.recentcomments {
list-style: outside none none;
margin-bottom: 5px;
}
.widget_recent_comments > ul{
padding: 0;
margin-bottom: 5px;
}
.widget_pages li.page_item_has_children:before,
.widget_categories li.cat_item_has_children:before,
.widget_nav_menu li::before{
margin-top: 10px !important;
}
.widget_categories li.cat_item_has_children > a,
.widget_pages li.page_item_has_children > a{
padding-bottom: 9px;
padding-top: 9px;
display: inline-table;
}
.widget_categories li.cat_item_has_children,
.widget_pages li.page_item_has_children,
.widget_nav_menu li.menu-item-has-children{
padding-bottom: 0px;
padding-top: 0px;
}
.sidebar-content .widget_recent_entries li:first-child,
.sidebar-content .widget_recent_comments li:first-child,
.sidebar-content .widget_pages li:first-child,
.sidebar-content .widget_meta li:first-child,
.sidebar-content .widget_categories li:first-child,
.sidebar-content .widget_archive li:first-child,
.sidebar-content .widget_nav_menu li:first-child {
border-top-width: 0px !important;
}
.link_missing_text {
display: none !important;
}
.sidebar-content .widget_recent_comments li,
.sidebar-content .widget_pages li > a,
.sidebar-content .widget_meta li > a,
.sidebar-content .widget_categories li > a,
.sidebar-content .widget_archive li > a,
.sidebar-content .widget_nav_menu li > a,
.sidebar-content .widget_recent_entries li > a{
padding-left: 20px;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.sidebar-content .widget_recent_comments li,
.sidebar-content .widget_pages li,
.sidebar-content .widget_meta li,
.sidebar-content .widget_categories li,
.sidebar-content .widget_archive li,
.sidebar-content .widget_nav_menu li,
.widget_recent_entries li {
position: relative;
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.sidebar-content .widget_recent_comments li::before,
.sidebar-content .widget_pages li::before,
.sidebar-content .widget_meta li::before,
.sidebar-content .widget_categories li::before,
.sidebar-content .widget_archive li::before,
.sidebar-content .widget_nav_menu li::before,
.sidebar-content .widget_recent_entries li::before {
content: "\f101";
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
font-family: 'fontawesome';
left: 0;
margin-right: 8px;
position: absolute;
color: #374C9F !important;
font-size: 15px;
background: transparent !important;
}
.sidebar-content .widget_nav_menu .menu{
padding: 0;
}
.sidebar-content .widget_recent_comments li,
.sidebar-content .widget_pages li,
.sidebar-content .widget_meta li,
.sidebar-content .widget_categories li,
.sidebar-content .widget_archive li,
.sidebar-content .widget_nav_menu li,
.sidebar-content .widget_nav_menu a {
display: block;
width: 100%;
text-align: left;
}
.sidebar-content .widget_recent_comments .children,
.sidebar-content .widget_categories .children,
.sidebar-content .widget_pages .children {
padding: 0;
}
/*
=================================================================================================
END: WIDGET MONSTER FIX
=================================================================================================
*/
/*
* 25. OWL Slider Styling
* v1.3.3
*/
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
cursor:url(../images/grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.owl-theme .owl-controls{
margin-top: 45px;
text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
/* preloading images */
.owl-item.loading{
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center
}
/*FALLBACK CSS*/
.is_header_semitransparent .navbar-default {
background: rgba(35, 35, 49, 0.2) none repeat scroll 0 0;
}
.is_header_semitransparent .sticky-wrapper.is-sticky .navbar-default {
background: rgba(35, 35, 49, 0.9) none repeat scroll 0 0;
}
.back-to-top {
background: transparent;
color: #ffffff;
}
.back-to-top:hover {
background: transparent;
color: #ffffff;
}.breadcrumb a::after {
content: "/";
}
body{
background: #ffffff;
}
.logo img,
.navbar-header .logo img {
max-width: 220px;
}
::selection{
color: #ffffff;
background: #2f73f6;
}
::-moz-selection { /* Code for Firefox */
color: #ffffff;
background: #2f73f6;
}
a{
color: #2f73f6;
}
a:focus,
a:hover{
color: #ff023e;
}
.posted_in a:visited,
.woocommerce-grouped-product-list-item td label a:visited{
color: #2f73f6;
}
.single article .article-content p, p, .post-excerpt{
font-size: 17px;
line-height: 26px;
font-family: Poppins;
color: #828282;
}
.no-comments.alert.alert-info {
background-color: #f4f8ff;
border: 0;
border-radius: 0;
padding-left: 20px;
}
form .logged-in-as a {
color: #2f73f6;
}
body{
font-family: Poppins;
}
h1, h1 span {
font-family: "Poppins";
font-size: 36px;
}
h2, h2 span {
font-family: "Poppins";
font-size: 30px;
font-weight: 400 !important;
}
h3 , h3 span{
font-family: "Poppins";
font-size: 24px;
font-weight: 400 !important;
}
h4, h4 span {
font-family: "Poppins";
font-size: 18px;
}
h5, h5 span {
font-family: "Poppins";
font-size: 14px;
}
h6, h6 span {
font-family: "Poppins";
font-size: 12px;
}
input, textarea {
font-family: Poppins;
}
input[type="submit"] {
font-family: Poppins;
}
/*------------------------------------------------------------------
COLOR
------------------------------------------------------------------*/
a,
a:hover,
a:focus,
a:visited,
.mt_car--tax-type,
span.amount,
.widget_popular_recent_tabs .nav-tabs li.active a,
.widget_product_categories .cat-item:hover,
.widget_product_categories .cat-item a:hover,
.widget_archive li:hover,
.widget_archive li a:hover,
.widget_categories .cat-item:hover,
.widget_categories li a:hover,
.pricing-table.recomended .button.solid-button,
.pricing-table .table-content:hover .button.solid-button,
.pricing-table.Recommended .button.solid-button,
.pricing-table.recommended .button.solid-button,
#sync2 .owl-item.synced .post_slider_title,
#sync2 .owl-item:hover .post_slider_title,
#sync2 .owl-item:active .post_slider_title,
.pricing-table.recomended .button.solid-button,
.pricing-table .table-content:hover .button.solid-button,
.testimonial-author,
.testimonials-container blockquote::before,
.testimonials-container blockquote::after,
.post-author > a,
h2 span,
label.error,
.author-name,
.prev-next-post a:hover,
.prev-text,
.wpb_button.btn-filled:hover,
.next-text,
.social ul li a:hover i,
.wpcf7-form span.wpcf7-not-valid-tip,
.text-dark .statistics .stats-head *,
.wpb_button.btn-filled,
.widget_meta a:hover,
.widget_pages a:hover,
.blogloop-v1 .post-name a:hover,
.blogloop-v2 .post-name a:hover,
.blogloop-v3 .post-name a:hover,
.blogloop-v4 .post-name a:hover,
.blogloop-v5 .post-name a:hover,
.post-category-comment-date span a:hover,
.list-view .post-details .post-category-comment-date i:hover,
.list-view .post-details .post-category-comment-date a:hover,
.simple_sermon_content_top h4,
.page_404_v1 h1,
.mt_cars--single-main-pic .post-name > a,
.widget_recent_comments li:hover a,
.list-view .post-details .post-name a:hover,
.blogloop-v5 .post-details .post-sticky-label i,
header.header2 .header-info-group .header_text_title strong,
.widget_recent_entries_with_thumbnail li:hover a,
.widget_recent_entries li a:hover,
.blogloop-v1 .post-details .post-sticky-label i,
.blogloop-v2 .post-details .post-sticky-label i,
.blogloop-v3 .post-details .post-sticky-label i,
.blogloop-v4 .post-details .post-sticky-label i,
.blogloop-v5 .post-details .post-sticky-label i,
.error-404.not-found h1,
.header-info-group i,
.action-expand::after,
.header4 header .right-side-social-actions .social-links a:hover i,
.sidebar-content .widget_nav_menu li a:hover{
color: #2f73f6;
}
.missing-modeltheme-framework.missing-redux-framework .post-category-comment-date span:hover {
color: #a5a5a5;
}
/* NAVIGATION */
.navstyle-v8.header3 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v8.header3 #navbar .menu > .menu-item:hover > a,
.navstyle-v1.header3 #navbar .menu > .menu-item:hover > a,
.navstyle-v1.header2 #navbar .menu > .menu-item:hover > a,
.navstyle-v4 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v4 #navbar .menu > .menu-item:hover > a,
.navstyle-v3 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v3 #navbar .menu > .menu-item:hover > a,
.navstyle-v3 #navbar .menu > .menu-item > a::before,
.navstyle-v3 #navbar .menu > .menu-item > a::after,
.navstyle-v2 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v2 #navbar .menu > .menu-item:hover > a{
color: #2f73f6;
}
.nav-submenu-style1 #navbar .sub-menu .menu-item.selected > a,
.nav-submenu-style1 #navbar .sub-menu .menu-item:hover > a,
.navstyle-v2.header3 #navbar .menu > .menu-item > a::before,
.navstyle-v2.header3 #navbar .menu > .menu-item > a::after,
.navstyle-v8 #navbar .menu > .menu-item > a::before,
.navstyle-v7 #navbar .menu > .menu-item .sub-menu > .menu-item > a:hover,
.navstyle-v7 #navbar .menu > .menu-item.current_page_item > a,
.navstyle-v7 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v7 #navbar .menu > .menu-item:hover > a,
.navstyle-v6 #navbar .menu > .menu-item.current_page_item > a,
.navstyle-v6 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v6 #navbar .menu > .menu-item:hover > a,
.navstyle-v5 #navbar .menu > .menu-item.current_page_item > a,
.navstyle-v5 #navbar .menu > .menu-item.current-menu-item > a,
.navstyle-v5 #navbar .menu > .menu-item:hover > a,
.navstyle-v2 #navbar .menu > .menu-item > a::before,
.navstyle-v2 #navbar .menu > .menu-item > a::after{
background: transparent;
}
/* Color Dark / Hovers */
.related-posts .post-name:hover a{
color: #ff023e;
}
/*------------------------------------------------------------------
BACKGROUND + BACKGROUND-COLOR
------------------------------------------------------------------*/
.tagcloud > a:hover,
.modeltheme-icon-search,
.wpb_button::after,
.rotate45,
.latest-posts .post-date-day,
.latest-posts h3,
.latest-tweets h3,
.latest-videos h3,
.button.solid-button,
button.vc_btn,
.pricing-table.recomended .table-content,
.pricing-table .table-content:hover,
.pricing-table.Recommended .table-content,
.pricing-table.recommended .table-content,
.pricing-table.recomended .table-content,
.pricing-table .table-content:hover,
.block-triangle,
.owl-theme .owl-controls .owl-page span,
body .vc_btn.vc_btn-blue,
body a.vc_btn.vc_btn-blue,
body button.vc_btn.vc_btn-blue,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
#subscribe > button[type='submit'],
.social-sharer > li:hover,
.prev-next-post a:hover .rotate45,
.masonry_banner.default-skin,
.form-submit input,
.member-header::before,
.member-header::after,
.member-footer .social::before,
.member-footer .social::after,
.subscribe > button[type='submit'],
.no-results input[type='submit'],
h3#reply-title::after,
.newspaper-info,
header.header1 .header-nav-actions .shop_cart,
.categories_shortcode .owl-controls .owl-buttons i:hover,
.widget-title:after,
h2.heading-bottom:after,
.single .content-car-heading:after,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active,
#primary .main-content ul li:not(.rotate45)::before,
.wpcf7-form .wpcf7-submit,
ul.ecs-event-list li span,
#contact_form2 .solid-button.button,
.details-container > div.details-item .amount, .details-container > div.details-item ins,
.modeltheme-search .search-submit,
.pricing-table.recommended .table-content .title-pricing,
.pricing-table .table-content:hover .title-pricing,
.pricing-table.recommended .button.solid-button,
#navbar ul.sub-menu li a:hover,
.blogloop-v5 .absolute-date-badge span,
.post-category-date a[rel="tag"],
.nexbunkr_preloader_holder,
#navbar .mt-icon-list-item:hover,
.mt_car--single-gallery.mt_car--featured-single-gallery:hover,
.modeltheme-pagination.pagination .page-numbers.current,
.pricing-table .table-content:hover .button.solid-button,
footer .footer-top .menu .menu-item a::before,
.mt-car-search .submit .form-control,
.blogloop-v4.list-view .post-date,
.navbar-toggle .icon-bar,
.back-to-top,
.post-password-form input[type="submit"],
.search-form input[type="submit"],
.post-password-form input[type='submit'] {
background: transparent;
}
.modeltheme-search.modeltheme-search-open .modeltheme-icon-search,
.no-js .modeltheme-search .modeltheme-icon-search,
.modeltheme-icon-search:hover,
.latest-posts .post-date-month,
.button.solid-button:hover,
body .vc_btn.vc_btn-blue:hover,
body a.vc_btn.vc_btn-blue:hover,
.post-category-date a[rel="tag"]:hover,
.single-post-tags > a:hover,
body button.vc_btn.vc_btn-blue:hover,
.blogloop-v5 .absolute-date-badge span:hover,
.mt-car-search .submit .form-control:hover,
#contact_form2 .solid-button.button:hover,
.subscribe > button[type='submit']:hover,
footer .mc4wp-form-fields input[type="submit"]:hover,
.no-results.not-found .search-submit:hover,
.no-results input[type='submit']:hover,
ul.ecs-event-list li span:hover,
.pricing-table.recommended .table-content .price_circle,
.pricing-table .table-content:hover .price_circle,
#modal-search-form .modal-content input.search-input,
.wpcf7-form .wpcf7-submit:hover,
.form-submit input:hover,
.blogloop-v4.list-view .post-date a:hover,
.pricing-table.recommended .button.solid-button:hover,
.search-form input[type="submit"]:hover,
.modeltheme-pagination.pagination .page-numbers.current:hover,
.error-return-home.text-center > a:hover,
.pricing-table .table-content:hover .button.solid-button:hover,
.post-password-form input[type="submit"]:hover,
.navbar-toggle .navbar-toggle:hover .icon-bar,
.back-to-top:hover,
.post-password-form input[type='submit']:hover {
background: #ff023e;
}
.tagcloud > a:hover{
background: #ff023e !important;
}
.flickr_badge_image a::after,
.thumbnail-overlay,
.portfolio-hover,
.pastor-image-content .details-holder,
.item-description .holder-top,
blockquote::before {
background: rgba(52, 152, 219, 0.7);
}
/*------------------------------------------------------------------
BORDER-COLOR
------------------------------------------------------------------*/
.author-bio,
blockquote,
.widget_popular_recent_tabs .nav-tabs > li.active,
body .left-border,
body .right-border,
body .member-header,
body .member-footer .social,
body .button[type='submit'],
.navbar ul li ul.sub-menu,
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
#contact-us .form-control:focus,
.sale_banner_holder:hover,
.testimonial-img,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.header_search_form,
.list-view .post-details .post-excerpt .more-link:hover{
border-color: #2f73f6;
}
.missing-modeltheme-framework.missing-redux-framework .comment-form input,
.missing-modeltheme-framework.missing-redux-framework .comment-form textarea {
border-color: #d1d3d6;
}
/*home*/
.title-left h1,
.title-left .section-subtitle {
text-align: left;
margin: 0px;
}
.block-services {
transition: 250ms all ease;
}
.block-services .wpb_wrapper {
margin-right: 15px;
margin-left: 15px;
transition: 250ms all ease;
box-shadow: 0 0 25px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.05);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.05);
transition: box-shadow 0.3s ease-in-out;
padding: 40px 40px 30px 40px;
background-color: #ffffff;
}
.block-services .wpb_text_column .wpb_wrapper {
margin-right: 0px;
margin-left: 0px;
box-shadow: none;
}
.block-services .wpb_text_column .wpb_wrapper p {
line-height: 30px;
}
.block-services:hover .wpb_content_element .wpb_wrapper {
box-shadow: none;
}
.row-newsletter {
margin-left: 5%;
box-shadow: 0 0 25px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.05);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.05);
}
.trusted-img:hover {
box-shadow: 0 0 25px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.1);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.1);
}
/*services*/
.service-table .pricing-section-v3 .pricing--cluster .pricing__feature {
padding: 20px 0;
}
/* services - FAQ */
.services-faq-content.vc_toggle_active {
box-shadow: 0 0 25px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.05);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.05);
transition: 250ms all ease;
}
.services-faq-content.vc_toggle_default .vc_toggle_title{
color: #2f73f6;
transition: 250ms all ease;
}
.services-faq-content.vc_toggle_default.vc_toggle_active .vc_toggle_title {
background: #2f73f6;
color: #ffffff;
}
.services-faq-content.vc_toggle_default .vc_toggle_title{
padding: 23px 50px 20px 50px !important;
transition: 250ms all ease;
}
.services-faq-content.vc_toggle_size_lg.vc_toggle_default .vc_toggle_content{
padding: 4px 50px 7px 50px !important;
}
.services-faq-content.vc_toggle_size_lg.vc_toggle_default .vc_toggle_title .vc_toggle_icon {
right: 50px;
left: auto;
}
.service-table .pricing-section-v3 .pricing--cluster .pricing__feature-list {
padding: 0 50px;
margin: 10px 0 0 0;
}
.services-faq-content.vc_toggle_default.vc_toggle_active .vc_toggle_icon {
background: #ffffff !important;
border-color: #ffffff !important;
}
.services-faq-content.vc_toggle_default .vc_toggle_icon,
.services-faq-content.vc_toggle_default .vc_toggle_icon::after,
.services-faq-content.vc_toggle_default .vc_toggle_icon::before {
background: #2f73f6 !important;
border-color: #2f73f6 !important;
}
/*about us*/
.mt_members1.owl-theme .owl-controls .owl-page span {
height: 4px;
width: 40px;
box-shadow: 0 0 25px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.05);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.05);
margin-top: 25px;
}
.missing-modeltheme-framework.missing-redux-framework #navbar .menu-item:hover > a {
color: #2f73f6;
}
.edit-link a.post-edit-link {
color: #2f73f6;
}
.mt_members1.owl-theme .owl-controls {
margin-top: 0px;
}
.blogloop-v3 .post-name,
.blogloop-v3.list-view .post-category-comment-date,
.post-excerpt.row.text-center {
text-align: left;
}
.block-services i {
background-color: #ff023e;
padding: 10px;
margin-top: 5px;
}
/*contact*/
.select-options select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("../images/sort-down.svg") no-repeat 96%;
background-size: 14px;
}
.footer-top .widget-title {
margin-top: 15px;
}
/*news*/
.sidebar-content .widget:last-child {
padding-bottom: 0;
}
.sidebar-content .widget_recent_entries[id*="monster-widget"],
.missing-modeltheme-framework .sidebar-content .widget.widget_recent_entries {
padding-bottom: 45px;
}
.sidebar-content .widget.widget_recent_entries li:last-child {
border-bottom-width: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.sidebar-content .widget.widget_recent_comments li:last-child,
.sidebar-content .widget.widget_archive li:last-child,
.sidebar-content .widget.widget_categories li:last-child,
.sidebar-content .widget.widget_meta li:last-child,
.sidebar-content .widget.widget_rss li:last-child,
.sidebar-content .widget.widget_pages li:last-child,
.sidebar-content .widget.widget_nav_menu li:last-child a {
border-bottom-width: 0px;
}
.widget_recent_entries > ul {
margin-bottom: 0px;
}
.calendar_wrap table a:visited {
color: #2f73f6;
}
.sidebar-content .widget.widget_pages li ul.children li:last-child,
.sidebar-content .widget.widget_nav_menu li ul.sub-menu li:last-child {
border-bottom: 1px solid #e5ecef;
}
.sidebar-content .widget.widget_nav_menu li:nth-child(3) ul.sub-menu li.menu-item-1061 {
border-bottom: 1px solid #e5ecef !important;
}
.sidebar-content .widget.widget_nav_menu li:nth-child(3) ul.sub-menu li:first-child {
border-bottom: 0px;
}
/*cart*/
.woocommerce .quantity input {
border: 1px solid #ededed;
height: 47px !important;
}
.sku_wrapper,
.posted_in,
.tagged_as {
display: block;
color: #828282;
line-height: 26px;
font-size: 17px;
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text{
border: 1px solid #ededed;
padding: 13px 0px;
text-indent: 20px;
}
.woocommerce button.button {
background: #2f73f6;
color: #ffffff;
font-weight: 600;
border-radius: 0px;
padding: 10px 20px;
transition: all 250ms ease;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.3px;
line-height: 2em;
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
padding: 13px 20px;
color: #ffffff;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
background-color: #ff023e;
text-decoration: none;
background-image: none;
color: #ffffff;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce .button.wc-backward:hover {
background-color: #ff023e;
color: #ffffff;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce .woocommerce-message .button,
.woocommerce .button.wc-backward {
background: #2f73f6;
color: #ffffff;
font-weight: 600;
border-radius: 0px;
padding: 10px 20px;
line-height: 2em;
transition: all 250ms ease;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
-ms-transition: all 250ms ease;
font-size: 13px;
letter-spacing: 0.3px;
text-transform: uppercase;
}
.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce .woocommerce-checkout table.shop_table th {
border-radius: 0px;
border-color: #ededed;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
border: 1px solid #ededed;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #ededed;
border-radius: 0px;
height: 40px;
}
.select2-selection__arrow {
top: 6px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #828282;
padding-top: 5px;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label,
.woocommerce .woocommerce-checkout table.shop_table th {
font-weight: 300;
}
#primary .main-content ul li:not(.rotate45)::before,
.woocommerce-info::before {
color: #2f73f6;
margin-top: 3px;
background: transparent !important;
}
.woocommerce-message {
border-top-color: #2f73f6;
}
.woocommerce-message::before {
color: #2f73f6;
}
.product-type-external .custom_inner_class {
padding-bottom: 15px;
}
.woocommerce div.product form.cart .variations td.value {
text-align: left;
}
.woocommerce-notice.woocommerce-notice--info.woocommerce-info,
.woocommerce-form-coupon-toggle .woocommerce-info {
background: #F4F8FF;
border-top-color: #2f73f6;
padding: 1em 2em 1em 65px;
line-height: normal !important;
color: #3c424f;
font-size: 17px;
}
.woocommerce-checkout #payment ul.payment_methods {
padding: 0px;
border: 0px;
}
.woocommerce-checkout #payment div.form-row {
padding-right: 0px;
background: #fff;
}
.woocommerce form.checkout_coupon .form-row .input-text,
.woocommerce-page form.checkout_coupon .form-row .input-text {
padding: 12px 20px;
}
.woocommerce-noreviews {
padding: 10px 20px;
color: #3c424f;
margin-top: 15px;
margin-bottom: 25px;
background: #F4F8FF;
}
.woocommerce-Reviews .comment-reply-title {
font-size: 17px;
}
.woocommerce-Reviews .comment-form-rating {
margin-top: 17px;
}
p.comment-notes {
font-size: 14px;
}
.mt-product-single {
height: auto;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: 33.33%;
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
width: 50%;
}
.woocommerce-product-details__short-description {
margin-bottom: 25px;
}
/* blog */
.woocommerce-Tabs-panel--description h2,
.related.products h2,
.woocommerce-Tabs-panel--additional_information h2,
#reviews h2 {
font-size: 24px;
color: #3c424f;
padding-bottom: 15px;
font-weight: 700 !important;
}
.related.products h2 {
margin-bottom: 15px;
margin-top: 55px;
}
.product .thumbnails-summary {
margin-bottom: 50px;
}
.woocommerce-Tabs-panel--description h2:after,
.related.products h2:after,
.woocommerce-Tabs-panel--additional_information h2:after,
#reviews h2:after {
background: #2f73f6;
content: "";
display: block;
bottom: -2px;
width: 150px;
height: 3px;
margin-top: 5px;
}
.breadcrumb .active {
margin-left: 3px;
color: #828282;
}
.comment_body .author_name a {
color: #3c424f !important;
}
.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-square.vc_btn3-style-custom,
.sidebar-content .widget_search .search-submit,
.vc_btn3.vc_btn3-size-md {
font-size: 13px !important;
letter-spacing: 0.3px;
text-transform: uppercase;
font-weight: 600 !important;
padding: 10px 20px !important;
line-height: 2em;
}
.sidebar-content .widget_search .search-submit {
height: 53px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0 0 0 5px;
}
form.login-form div:last-child {
float: left;
}
.archive .breadcrumb li a {
color: #828282;
}
body #navbar li.menu-item:last-child > a {
padding-right: 0px !important;
}
.server-name-ext {
margin: 0 15% !important;
}
/* modern page*/
.vc_row.vc_row-flex > .vc_column_container.modern-home-s1 .vc_column-inner,
.vc_row.vc_row-flex > .vc_column_container.modern-home-s2 .vc_column-inner,
.vc_row.vc_row-flex > .vc_column_container.sys-admin-home-s1 .vc_column-inner,
.vc_row.vc_row-flex > .vc_column_container.sys-admin-home-s2 .vc_column-inner {
display: block;
}
.modern-home-s1 .wpb_wrapper {
width: 75%;
float: right;
}
.sys-admin-home-s1 .wpb_wrapper {
width: 70%;
float: right;
}
.modern-home-s2 .wpb_wrapper {
float: left;
width: 75%;
}
#bridge #main-body .announcement-single p {
margin: 2px 0 20px;
}
#bridge #main-body .announcement-single blockquote p {
margin: 2px 0 0px;
line-height: 30px;
}
.display-home {
display: inline;
}
.text-bold {
font-weight: 700 !important;
}
.top-header {
background: white;
display: none;
}
.is_top_header_visible .top-header {
display: block;
}
.slider-2-right {
text-align: right !important;
}
.tp-parallax-wrap button.btn.submit-search-domain {
padding: 18px 0px !important;
text-align: center !important;
font-size: 17px !important;
line-height: normal !important;
}
.tp-parallax-wrap .hostcluster-row select.form-control,
.tp-parallax-wrap .hostcluster-row .form-control {
padding: 15px !important;
height: auto;
font-size: 17px !important;
line-height: normal !important;
}
.post-details-holder p {
color: #545454;
}
.about-section1 {
background-position: center;
}
.entry-content .contact-us-bg {
background-position: inherit !important;
}
footer .footer-top {
border-top: 1px solid #ededed;
}
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
display: contents;
}
/*LOADERS*/
@-webkit-keyframes scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
45% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.7;
}
80% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
45% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0.7;
}
80% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.ball-pulse > div:nth-child(1) {
-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(2) {
-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(3) {
-webkit-animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
}
@-webkit-keyframes ball-pulse-sync {
33% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
66% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes ball-pulse-sync {
33% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
66% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.ball-pulse-sync > div:nth-child(1) {
-webkit-animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(2) {
-webkit-animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out;
}
.ball-pulse-sync > div:nth-child(3) {
-webkit-animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
animation: ball-pulse-sync 0.6s 0s infinite ease-in-out;
}
.ball-pulse-sync > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
}
@-webkit-keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.ball-scale > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite;
}
@keyframes ball-scale {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.ball-scale > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
height: 60px;
width: 60px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite;
}
.ball-scale-random {
width: 37px;
height: 40px;
}
.ball-scale-random > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
display: inline-block;
height: 30px;
width: 30px;
-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
animation: ball-scale 1s 0s ease-in-out infinite;
}
.ball-scale-random > div:nth-child(1) {
margin-left: -7px;
-webkit-animation: ball-scale 1s 0.2s ease-in-out infinite;
animation: ball-scale 1s 0.2s ease-in-out infinite;
}
.ball-scale-random > div:nth-child(3) {
margin-left: -2px;
margin-top: 9px;
-webkit-animation: ball-scale 1s 0.5s ease-in-out infinite;
animation: ball-scale 1s 0.5s ease-in-out infinite;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.ball-rotate {
position: relative;
}
.ball-rotate > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: relative;
}
.ball-rotate > div:first-child {
-webkit-animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite;
}
.ball-rotate > div:before, .ball-rotate > div:after {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
content: "";
position: absolute;
opacity: 0.8;
}
.ball-rotate > div:before {
top: 0px;
left: -28px;
}
.ball-rotate > div:after {
top: 0px;
left: 25px;
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6);
}
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}
}
.ball-clip-rotate > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
border: 2px solid #fff;
border-bottom-color: transparent;
height: 25px;
width: 25px;
background: transparent !important;
display: inline-block;
-webkit-animation: rotate 0.75s 0s linear infinite;
animation: rotate 0.75s 0s linear infinite;
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6);
}
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}
}
@keyframes scale {
30% {
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.ball-clip-rotate-pulse {
position: relative;
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
.ball-clip-rotate-pulse > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
top: 0px;
left: 0px;
border-radius: 100%;
}
.ball-clip-rotate-pulse > div:first-child {
background: #fff;
height: 16px;
width: 16px;
top: 7px;
left: -7px;
-webkit-animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
.ball-clip-rotate-pulse > div:last-child {
position: absolute;
border: 2px solid #fff;
width: 30px;
height: 30px;
left: -16px;
top: -2px;
background: transparent;
border: 2px solid;
border-color: #fff transparent #fff transparent;
-webkit-animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
}
50% {
-webkit-transform: rotate(180deg) scale(0.6);
transform: rotate(180deg) scale(0.6);
}
100% {
-webkit-transform: rotate(360deg) scale(1);
transform: rotate(360deg) scale(1);
}
}
.ball-clip-rotate-multiple {
position: relative;
}
.ball-clip-rotate-multiple > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
left: -20px;
top: -20px;
border: 2px solid #fff;
border-bottom-color: transparent;
border-top-color: transparent;
border-radius: 100%;
height: 35px;
width: 35px;
-webkit-animation: rotate 1s 0s ease-in-out infinite;
animation: rotate 1s 0s ease-in-out infinite;
}
.ball-clip-rotate-multiple > div:last-child {
display: inline-block;
top: -10px;
left: -10px;
width: 15px;
height: 15px;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
border-color: #fff transparent #fff transparent;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
@-webkit-keyframes ball-scale-ripple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
100% {
opacity: 0.0;
}
}
@keyframes ball-scale-ripple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
100% {
opacity: 0.0;
}
}
.ball-scale-ripple > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
height: 50px;
width: 50px;
border-radius: 100%;
border: 2px solid #fff;
-webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
@-webkit-keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
100% {
opacity: 0.0;
}
}
@keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
100% {
opacity: 0.0;
}
}
.ball-scale-ripple-multiple {
position: relative;
-webkit-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px);
}
.ball-scale-ripple-multiple > div:nth-child(0) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.ball-scale-ripple-multiple > div:nth-child(1) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.ball-scale-ripple-multiple > div:nth-child(2) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.ball-scale-ripple-multiple > div:nth-child(3) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.ball-scale-ripple-multiple > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
top: -2px;
left: -26px;
width: 50px;
height: 50px;
border-radius: 100%;
border: 2px solid #fff;
-webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
@-webkit-keyframes ball-beat {
50% {
opacity: 0.2;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-beat {
50% {
opacity: 0.2;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.ball-beat > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: ball-beat 0.7s 0s infinite linear;
animation: ball-beat 0.7s 0s infinite linear;
}
.ball-beat > div:nth-child(2n-1) {
-webkit-animation-delay: -0.35s !important;
animation-delay: -0.35s !important;
}
@-webkit-keyframes ball-scale-multiple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
5% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes ball-scale-multiple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
5% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.ball-scale-multiple {
position: relative;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.ball-scale-multiple > div:nth-child(2) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.ball-scale-multiple > div:nth-child(3) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.ball-scale-multiple > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
left: -30px;
top: 0px;
opacity: 0;
margin: 0;
width: 60px;
height: 60px;
-webkit-animation: ball-scale-multiple 1s 0s linear infinite;
animation: ball-scale-multiple 1s 0s linear infinite;
}
@-webkit-keyframes ball-triangle-path-1 {
33% {
-webkit-transform: translate(25px, -50px);
transform: translate(25px, -50px);
}
66% {
-webkit-transform: translate(50px, 0px);
transform: translate(50px, 0px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@keyframes ball-triangle-path-1 {
33% {
-webkit-transform: translate(25px, -50px);
transform: translate(25px, -50px);
}
66% {
-webkit-transform: translate(50px, 0px);
transform: translate(50px, 0px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@-webkit-keyframes ball-triangle-path-2 {
33% {
-webkit-transform: translate(25px, 50px);
transform: translate(25px, 50px);
}
66% {
-webkit-transform: translate(-25px, 50px);
transform: translate(-25px, 50px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@keyframes ball-triangle-path-2 {
33% {
-webkit-transform: translate(25px, 50px);
transform: translate(25px, 50px);
}
66% {
-webkit-transform: translate(-25px, 50px);
transform: translate(-25px, 50px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@-webkit-keyframes ball-triangle-path-3 {
33% {
-webkit-transform: translate(-50px, 0px);
transform: translate(-50px, 0px);
}
66% {
-webkit-transform: translate(-25px, -50px);
transform: translate(-25px, -50px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@keyframes ball-triangle-path-3 {
33% {
-webkit-transform: translate(-50px, 0px);
transform: translate(-50px, 0px);
}
66% {
-webkit-transform: translate(-25px, -50px);
transform: translate(-25px, -50px);
}
100% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
.ball-triangle-path {
position: relative;
-webkit-transform: translate(-29.994px, -37.50938px);
-ms-transform: translate(-29.994px, -37.50938px);
transform: translate(-29.994px, -37.50938px);
}
.ball-triangle-path > div:nth-child(1) {
-webkit-animation-name: ball-triangle-path-1;
animation-name: ball-triangle-path-1;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.ball-triangle-path > div:nth-child(2) {
-webkit-animation-name: ball-triangle-path-2;
animation-name: ball-triangle-path-2;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.ball-triangle-path > div:nth-child(3) {
-webkit-animation-name: ball-triangle-path-3;
animation-name: ball-triangle-path-3;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.ball-triangle-path > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 15px;
height: 15px;
border-radius: 100%;
border: 2px solid #fff;
}
.ball-triangle-path > div:nth-of-type(1) {
top: 50px;
}
.ball-triangle-path > div:nth-of-type(2) {
left: 25px;
}
.ball-triangle-path > div:nth-of-type(3) {
top: 50px;
left: 50px;
}
@-webkit-keyframes ball-pulse-rise-even {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
25% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
75% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-pulse-rise-even {
0% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
25% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
75% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes ball-pulse-rise-odd {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
25% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
}
@keyframes ball-pulse-rise-odd {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
25% {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
}
.ball-pulse-rise > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0;
}
.ball-pulse-rise > div:nth-child(2n) {
-webkit-animation-name: ball-pulse-rise-even;
animation-name: ball-pulse-rise-even;
}
.ball-pulse-rise > div:nth-child(2n-1) {
-webkit-animation-name: ball-pulse-rise-odd;
animation-name: ball-pulse-rise-odd;
}
@-webkit-keyframes ball-grid-beat {
50% {
opacity: 0.7;
}
100% {
opacity: 1;
}
}
@keyframes ball-grid-beat {
50% {
opacity: 0.7;
}
100% {
opacity: 1;
}
}
.ball-grid-beat {
width: 57px;
}
.ball-grid-beat > div:nth-child(1) {
-webkit-animation-delay: 0.21s;
animation-delay: 0.21s;
-webkit-animation-duration: 0.63s;
animation-duration: 0.63s;
}
.ball-grid-beat > div:nth-child(2) {
-webkit-animation-delay: -0.08s;
animation-delay: -0.08s;
-webkit-animation-duration: 0.94s;
animation-duration: 0.94s;
}
.ball-grid-beat > div:nth-child(3) {
-webkit-animation-delay: 0.59s;
animation-delay: 0.59s;
-webkit-animation-duration: 1.37s;
animation-duration: 1.37s;
}
.ball-grid-beat > div:nth-child(4) {
-webkit-animation-delay: 0.06s;
animation-delay: 0.06s;
-webkit-animation-duration: 1.05s;
animation-duration: 1.05s;
}
.ball-grid-beat > div:nth-child(5) {
-webkit-animation-delay: 0.65s;
animation-delay: 0.65s;
-webkit-animation-duration: 1.59s;
animation-duration: 1.59s;
}
.ball-grid-beat > div:nth-child(6) {
-webkit-animation-delay: 0.74s;
animation-delay: 0.74s;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
.ball-grid-beat > div:nth-child(7) {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
-webkit-animation-duration: 1.45s;
animation-duration: 1.45s;
}
.ball-grid-beat > div:nth-child(8) {
-webkit-animation-delay: 0.26s;
animation-delay: 0.26s;
-webkit-animation-duration: 0.73s;
animation-duration: 0.73s;
}
.ball-grid-beat > div:nth-child(9) {
-webkit-animation-delay: 0.38s;
animation-delay: 0.38s;
-webkit-animation-duration: 0.97s;
animation-duration: 0.97s;
}
.ball-grid-beat > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
float: left;
-webkit-animation-name: ball-grid-beat;
animation-name: ball-grid-beat;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0;
}
@-webkit-keyframes ball-grid-pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes ball-grid-pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
.ball-grid-pulse {
width: 57px;
}
.ball-grid-pulse > div:nth-child(1) {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
-webkit-animation-duration: 0.71s;
animation-duration: 0.71s;
}
.ball-grid-pulse > div:nth-child(2) {
-webkit-animation-delay: -0.13s;
animation-delay: -0.13s;
-webkit-animation-duration: 1.23s;
animation-duration: 1.23s;
}
.ball-grid-pulse > div:nth-child(3) {
-webkit-animation-delay: 0.53s;
animation-delay: 0.53s;
-webkit-animation-duration: 1.36s;
animation-duration: 1.36s;
}
.ball-grid-pulse > div:nth-child(4) {
-webkit-animation-delay: 0.38s;
animation-delay: 0.38s;
-webkit-animation-duration: 0.79s;
animation-duration: 0.79s;
}
.ball-grid-pulse > div:nth-child(5) {
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s;
-webkit-animation-duration: 1.4s;
animation-duration: 1.4s;
}
.ball-grid-pulse > div:nth-child(6) {
-webkit-animation-delay: 0.46s;
animation-delay: 0.46s;
-webkit-animation-duration: 1.56s;
animation-duration: 1.56s;
}
.ball-grid-pulse > div:nth-child(7) {
-webkit-animation-delay: -0.07s;
animation-delay: -0.07s;
-webkit-animation-duration: 1.17s;
animation-duration: 1.17s;
}
.ball-grid-pulse > div:nth-child(8) {
-webkit-animation-delay: 0.31s;
animation-delay: 0.31s;
-webkit-animation-duration: 1.45s;
animation-duration: 1.45s;
}
.ball-grid-pulse > div:nth-child(9) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
-webkit-animation-duration: 1.13s;
animation-duration: 1.13s;
}
.ball-grid-pulse > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
float: left;
-webkit-animation-name: ball-grid-pulse;
animation-name: ball-grid-pulse;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0;
}
@-webkit-keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
.ball-spin-fade-loader {
position: relative;
top: -10px;
left: -10px;
}
.ball-spin-fade-loader > div:nth-child(1) {
top: 25px;
left: 0;
-webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
animation: ball-spin-fade-loader 1s -0.96s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(2) {
top: 17.04545px;
left: 17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
animation: ball-spin-fade-loader 1s -0.84s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 25px;
-webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
animation: ball-spin-fade-loader 1s -0.72s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(4) {
top: -17.04545px;
left: 17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
animation: ball-spin-fade-loader 1s -0.6s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(5) {
top: -25px;
left: 0;
-webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
animation: ball-spin-fade-loader 1s -0.48s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(6) {
top: -17.04545px;
left: -17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
animation: ball-spin-fade-loader 1s -0.36s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -25px;
-webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
animation: ball-spin-fade-loader 1s -0.24s infinite linear;
}
.ball-spin-fade-loader > div:nth-child(8) {
top: 17.04545px;
left: -17.04545px;
-webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
animation: ball-spin-fade-loader 1s -0.12s infinite linear;
}
.ball-spin-fade-loader > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
}
@-webkit-keyframes ball-spin-loader {
75% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@keyframes ball-spin-loader {
75% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
.ball-spin-loader {
position: relative;
}
.ball-spin-loader > span:nth-child(1) {
top: 45px;
left: 0;
-webkit-animation: ball-spin-loader 2s 0.9s infinite linear;
animation: ball-spin-loader 2s 0.9s infinite linear;
}
.ball-spin-loader > span:nth-child(2) {
top: 30.68182px;
left: 30.68182px;
-webkit-animation: ball-spin-loader 2s 1.8s infinite linear;
animation: ball-spin-loader 2s 1.8s infinite linear;
}
.ball-spin-loader > span:nth-child(3) {
top: 0;
left: 45px;
-webkit-animation: ball-spin-loader 2s 2.7s infinite linear;
animation: ball-spin-loader 2s 2.7s infinite linear;
}
.ball-spin-loader > span:nth-child(4) {
top: -30.68182px;
left: 30.68182px;
-webkit-animation: ball-spin-loader 2s 3.6s infinite linear;
animation: ball-spin-loader 2s 3.6s infinite linear;
}
.ball-spin-loader > span:nth-child(5) {
top: -45px;
left: 0;
-webkit-animation: ball-spin-loader 2s 4.5s infinite linear;
animation: ball-spin-loader 2s 4.5s infinite linear;
}
.ball-spin-loader > span:nth-child(6) {
top: -30.68182px;
left: -30.68182px;
-webkit-animation: ball-spin-loader 2s 5.4s infinite linear;
animation: ball-spin-loader 2s 5.4s infinite linear;
}
.ball-spin-loader > span:nth-child(7) {
top: 0;
left: -45px;
-webkit-animation: ball-spin-loader 2s 6.3s infinite linear;
animation: ball-spin-loader 2s 6.3s infinite linear;
}
.ball-spin-loader > span:nth-child(8) {
top: 30.68182px;
left: -30.68182px;
-webkit-animation: ball-spin-loader 2s 7.2s infinite linear;
animation: ball-spin-loader 2s 7.2s infinite linear;
}
.ball-spin-loader > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 15px;
height: 15px;
border-radius: 100%;
background: green;
}
@-webkit-keyframes ball-zig {
33% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px);
}
66% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes ball-zig {
33% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px);
}
66% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes ball-zag {
33% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px);
}
66% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes ball-zag {
33% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px);
}
66% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.ball-zig-zag {
position: relative;
-webkit-transform: translate(-15px, -15px);
-ms-transform: translate(-15px, -15px);
transform: translate(-15px, -15px);
}
.ball-zig-zag > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
margin-left: 15px;
top: 4px;
left: -7px;
}
.ball-zig-zag > div:first-child {
-webkit-animation: ball-zig 0.7s 0s infinite linear;
animation: ball-zig 0.7s 0s infinite linear;
}
.ball-zig-zag > div:last-child {
-webkit-animation: ball-zag 0.7s 0s infinite linear;
animation: ball-zag 0.7s 0s infinite linear;
}
@-webkit-keyframes ball-zig-deflect {
17% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px);
}
34% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
67% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
84% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes ball-zig-deflect {
17% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px);
}
34% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
67% {
-webkit-transform: translate(15px, -30px);
transform: translate(15px, -30px);
}
84% {
-webkit-transform: translate(-15px, -30px);
transform: translate(-15px, -30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes ball-zag-deflect {
17% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px);
}
34% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
67% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px);
}
84% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes ball-zag-deflect {
17% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px);
}
34% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
67% {
-webkit-transform: translate(-15px, 30px);
transform: translate(-15px, 30px);
}
84% {
-webkit-transform: translate(15px, 30px);
transform: translate(15px, 30px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.ball-zig-zag-deflect {
position: relative;
-webkit-transform: translate(-15px, -15px);
-ms-transform: translate(-15px, -15px);
transform: translate(-15px, -15px);
}
.ball-zig-zag-deflect > div {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
margin-left: 15px;
top: 4px;
left: -7px;
}
.ball-zig-zag-deflect > div:first-child {
-webkit-animation: ball-zig-deflect 1.5s 0s infinite linear;
animation: ball-zig-deflect 1.5s 0s infinite linear;
}
.ball-zig-zag-deflect > div:last-child {
-webkit-animation: ball-zag-deflect 1.5s 0s infinite linear;
animation: ball-zag-deflect 1.5s 0s infinite linear;
}
/** * Lines */
@-webkit-keyframes line-scale {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4);
}
100% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
@keyframes line-scale {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4);
}
100% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
.line-scale > div:nth-child(1) {
-webkit-animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(2) {
-webkit-animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(3) {
-webkit-animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(4) {
-webkit-animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div:nth-child(5) {
-webkit-animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.line-scale > div {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
}
@-webkit-keyframes line-scale-party {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes line-scale-party {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.line-scale-party > div:nth-child(1) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
-webkit-animation-duration: 0.35s;
animation-duration: 0.35s;
}
.line-scale-party > div:nth-child(2) {
-webkit-animation-delay: 0.68s;
animation-delay: 0.68s;
-webkit-animation-duration: 1.25s;
animation-duration: 1.25s;
}
.line-scale-party > div:nth-child(3) {
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
-webkit-animation-duration: 0.39s;
animation-duration: 0.39s;
}
.line-scale-party > div:nth-child(4) {
-webkit-animation-delay: 0.17s;
animation-delay: 0.17s;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
}
.line-scale-party > div {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation-name: line-scale-party;
animation-name: line-scale-party;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 0;
animation-delay: 0;
}
@-webkit-keyframes line-scale-pulse-out {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4);
}
100% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
@keyframes line-scale-pulse-out {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
50% {
-webkit-transform: scaley(0.4);
transform: scaley(0.4);
}
100% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
.line-scale-pulse-out > div {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
-webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
}
.line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) {
-webkit-animation-delay: -0.4s !important;
animation-delay: -0.4s !important;
}
.line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) {
-webkit-animation-delay: -0.2s !important;
animation-delay: -0.2s !important;
}
@-webkit-keyframes line-scale-pulse-out-rapid {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
80% {
-webkit-transform: scaley(0.3);
transform: scaley(0.3);
}
90% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
@keyframes line-scale-pulse-out-rapid {
0% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
80% {
-webkit-transform: scaley(0.3);
transform: scaley(0.3);
}
90% {
-webkit-transform: scaley(1);
transform: scaley(1);
}
}
.line-scale-pulse-out-rapid > div {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: inline-block;
vertical-align: middle;
-webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
}
.line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) {
-webkit-animation-delay: -0.25s !important;
animation-delay: -0.25s !important;
}
.line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) {
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important;
}
@-webkit-keyframes line-spin-fade-loader {
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@keyframes line-spin-fade-loader {
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
.line-spin-fade-loader {
position: relative;
top: -10px;
left: -4px;
}
.line-spin-fade-loader > div:nth-child(1) {
top: 20px;
left: 0;
-webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(2) {
top: 13.63636px;
left: 13.63636px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 20px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(4) {
top: -13.63636px;
left: 13.63636px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(5) {
top: -20px;
left: 0;
-webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(6) {
top: -13.63636px;
left: -13.63636px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -20px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
}
.line-spin-fade-loader > div:nth-child(8) {
top: 13.63636px;
left: -13.63636px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
}
.line-spin-fade-loader > div {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
width: 5px;
height: 15px;
}
/** * Misc */
@-webkit-keyframes triangle-skew-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0);
}
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg);
}
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg);
}
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0);
}
}
@keyframes triangle-skew-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0);
}
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg);
}
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg);
}
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0);
}
}
.triangle-skew-spin > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid #fff;
-webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
@-webkit-keyframes square-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0);
}
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg);
}
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg);
}
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0);
}
}
@keyframes square-spin {
25% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
transform: perspective(100px) rotateX(180deg) rotateY(0);
}
50% {
-webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
transform: perspective(100px) rotateX(180deg) rotateY(180deg);
}
75% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
transform: perspective(100px) rotateX(0) rotateY(180deg);
}
100% {
-webkit-transform: perspective(100px) rotateX(0) rotateY(0);
transform: perspective(100px) rotateX(0) rotateY(0);
}
}
.square-spin > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 50px;
height: 50px;
background: #fff;
-webkit-animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
}
@-webkit-keyframes rotate_pacman_half_up {
0% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
}
@keyframes rotate_pacman_half_up {
0% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
50% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
}
@-webkit-keyframes rotate_pacman_half_down {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@keyframes rotate_pacman_half_down {
0% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
50% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@-webkit-keyframes pacman-balls {
75% {
opacity: 0.7;
}
100% {
-webkit-transform: translate(-100px, -6.25px);
transform: translate(-100px, -6.25px);
}
}
@keyframes pacman-balls {
75% {
opacity: 0.7;
}
100% {
-webkit-transform: translate(-100px, -6.25px);
transform: translate(-100px, -6.25px);
}
}
.pacman {
position: relative;
}
.pacman > div:nth-child(2) {
-webkit-animation: pacman-balls 1s -0.99s infinite linear;
animation: pacman-balls 1s -0.99s infinite linear;
}
.pacman > div:nth-child(3) {
-webkit-animation: pacman-balls 1s -0.66s infinite linear;
animation: pacman-balls 1s -0.66s infinite linear;
}
.pacman > div:nth-child(4) {
-webkit-animation: pacman-balls 1s -0.33s infinite linear;
animation: pacman-balls 1s -0.33s infinite linear;
}
.pacman > div:nth-child(5) {
-webkit-animation: pacman-balls 1s 0s infinite linear;
animation: pacman-balls 1s 0s infinite linear;
}
.pacman > div:first-of-type {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #fff;
border-left: 25px solid #fff;
border-bottom: 25px solid #fff;
border-radius: 25px;
-webkit-animation: rotate_pacman_half_up 0.5s 0s infinite;
animation: rotate_pacman_half_up 0.5s 0s infinite;
position: relative;
left: -30px;
}
.pacman > div:nth-child(2) {
width: 0px;
height: 0px;
border-right: 25px solid transparent;
border-top: 25px solid #fff;
border-left: 25px solid #fff;
border-bottom: 25px solid #fff;
border-radius: 25px;
-webkit-animation: rotate_pacman_half_down 0.5s 0s infinite;
animation: rotate_pacman_half_down 0.5s 0s infinite;
margin-top: -50px;
position: relative;
left: -30px;
}
.pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) {
background-color: #fff;
width: 15px;
height: 15px;
border-radius: 100%;
margin: 2px;
width: 10px;
height: 10px;
position: absolute;
-webkit-transform: translate(0, -6.25px);
-ms-transform: translate(0, -6.25px);
transform: translate(0, -6.25px);
top: 25px;
left: 70px;
}
@-webkit-keyframes cube-transition {
25% {
-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
transform: translateX(50px) scale(0.5) rotate(-90deg);
}
50% {
-webkit-transform: translate(50px, 50px) rotate(-180deg);
transform: translate(50px, 50px) rotate(-180deg);
}
75% {
-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
transform: translateY(50px) scale(0.5) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes cube-transition {
25% {
-webkit-transform: translateX(50px) scale(0.5) rotate(-90deg);
transform: translateX(50px) scale(0.5) rotate(-90deg);
}
50% {
-webkit-transform: translate(50px, 50px) rotate(-180deg);
transform: translate(50px, 50px) rotate(-180deg);
}
75% {
-webkit-transform: translateY(50px) scale(0.5) rotate(-270deg);
transform: translateY(50px) scale(0.5) rotate(-270deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.cube-transition {
position: relative;
-webkit-transform: translate(-25px, -25px);
-ms-transform: translate(-25px, -25px);
transform: translate(-25px, -25px);
}
.cube-transition > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
width: 10px;
height: 10px;
position: absolute;
top: -5px;
left: -5px;
background-color: #fff;
-webkit-animation: cube-transition 1.6s 0s infinite ease-in-out;
animation: cube-transition 1.6s 0s infinite ease-in-out;
}
.cube-transition > div:last-child {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes spin-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.semi-circle-spin {
position: relative;
width: 35px;
height: 35px;
overflow: hidden;
}
.semi-circle-spin > div {
position: absolute;
border-width: 0px;
border-radius: 100%;
-webkit-animation: spin-rotate 0.6s 0s infinite linear;
animation: spin-rotate 0.6s 0s infinite linear;
background-image: -webkit-linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
background-image: linear-gradient(transparent 0%, transparent 70%, #fff 30%, #fff 100%);
width: 100%;
height: 100%;
}
.slider-page-search {
box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
z-index: 999999;
}
.slider-page-search #hostclustersearch {
margin-top: 30px;
}
/* mega menu */
#navbar .cf-mega-menu.sub-menu {
width: 400px;
}
.cf-mega-menu.sub-menu .vc_row {
border-bottom: 2px solid #ededed;
padding-bottom: 5px;
}
.cf-mega-menu.sub-menu .vc_column_container .vc_column-inner {
padding-top: 10px !important;
}
.vc-custom-button-megamenu a {
text-transform: uppercase;
font-size: 13px !important;
font-weight: 600;
}
.cf-mega-menu.sub-menu img {
padding-top: 5px;
}
.vc_btn3-container.vc-custom-button-megamenu {
margin-bottom: 13px;
}
/* GDPR */
.gdpr.gdpr-privacy-bar, .gdpr.gdpr-reconsent-bar {
bottom: 35px;
left: 35px;
background: rgba(255,255,255);
width: 20%;
color: #455561;
border-radius: 5px;
box-shadow: 0 0 25px rgba(0,0,0,.05);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.05);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.05);
}
.gdpr.gdpr-reconsent-bar .gdpr-preferences,
.gdpr.gdpr-privacy-bar .gdpr-preferences::before,
.gdpr.gdpr-reconsent-bar .gdpr-preferences::before,
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-close,
.gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-close {
color: #455561;
margin-right: 0px !important;
}
.gdpr.gdpr-privacy-bar .gdpr-preferences {
color: #2f73f6;
}
.gdpr.gdpr-privacy-bar .gdpr-agreement {
float: right;
background: #2f73f6;
border-radius: 0px;
border: none !important;
font-weight: 600;
text-transform: uppercase !important;
padding: 2px 12px;
text-shadow: none;
}
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-preferences,
.gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-right .gdpr-buttons button.gdpr-preferences {
margin-left: 10px;
margin-right: 0px;
}
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content p,
.gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-content p {
color: #455561;
}
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content,
.gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-content,
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-right,
.gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-right {
flex: unset;
display: table;
clear: both;
padding-right: 0;
}
.gdpr.gdpr-privacy-bar .gdpr-wrapper,
.gdpr.gdpr-reconsent-bar .gdpr-wrapper {
-webkit-box-orient: unset;
-webkit-box-direction: unset;
-ms-flex-direction: unset;
flex-direction: column;
padding: 20px 20px;
}
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-content {
padding-bottom: 15px;
}
.gdpr.gdpr-privacy-bar .gdpr-preferences::before,
.gdpr.gdpr-reconsent-bar .gdpr-preferences::before {
content: '';
}
.gdpr.gdpr-privacy-bar .gdpr-agreement:hover,
.gdpr.gdpr-reconsent-bar .gdpr-agreement:hover {
background: #ff023e;
border: none;
}
.gdpr.gdpr-privacy-bar .gdpr-agreement,
.gdpr.gdpr-reconsent-bar .gdpr-agreement {
transition: all 250ms ease-in-out;
-webkit-transition: all 250ms ease-in-out;
}
.gdpr.gdpr-privacy-bar .gdpr-wrapper .gdpr-close,
.gdpr.gdpr-reconsent-bar .gdpr-wrapper .gdpr-close {
padding: 10px;
}
.flat-icon {
color: #fff !important;
}
/* tabs*/
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active > a,
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern.vc_tta-tabs .vc_tta-panels,
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab > a:focus,
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab > a:hover {
background-color: #f4f8ff !important;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab a {
border: none !important;
color: #3c424f !important;
}
.slider-home-top {
box-shadow: 0 0 25px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 25px rgba(0,0,0,.1);
-ms-box-shadow: 0 0 25px rgba(0,0,0,.1);
}
/*isometric-home*/
.isometric-search .slider-home-top {
margin-top: -80px;
margin-bottom: -80px;
}
.isometric-search .hostcluster-row button[type="submit"] {
background-color: #d4088c;
border-color: #d4088c;
}
.isometric-search .hostcluster-row select.form-control {
width: 100%;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
background-color: #f4f8ff;
}
.isometric-search .hostcluster-row button[type="submit"] {
width: 100%;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.isometric-search .hostcluster-row input[type="text"].form-control {
border: 0px;
background-color: #f4f8ff;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}
.isometric-offer .block-services .wpb_wrapper {
background-color: #151b60;
visibility: hidden;
margin: 0px;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
}
.isometric-offer .block-services .wpb_wrapper .title-subtile-holder,
.isometric-offer .block-services .wpb_wrapper .isometric-btn {
visibility: hidden !important;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
}
.isometric-offer .block-services:hover .wpb_wrapper,
.isometric-offer .block-services:hover .wpb_wrapper .title-subtile-holder,
.isometric-offer .block-services:hover .wpb_wrapper .isometric-btn {
visibility: visible !important;
}
.isometric-offer .block-services .section-title.light_title {
font-size: 24px;
font-weight: 600;
}
.isometric-offer .block-services .section-subtitle {
font-size: 16px;
}
.isometric-btn a.vc_btn3.vc_btn3-size-lg {
padding: 15px 50px;
font-size: 18px;
font-weight: 600;
border-radius: 30px;
font-family: Montserrat;
}
.isometric-server .label_text_percentange {
color: #ffffff;
}
.isometric-server .progress-bar-info {
background-color: #d4088c !important;
}
.isometric-server .progress-bar-danger {
background-color: #6cdff6 !important;
}
.isometric-server .progress {
border-radius: 5px !important;
}
.isometric-pricing-tables .pricing__action {
border-radius: 30px;
}
ul.list-mappins.isometric-list-mappins li {
color: #d4088c;
}
ul.list-mappins.isometric-list-mappins li a {
color: #ffffff;
}
.vc_tta-panel-body h3 {
line-height: normal;
margin-bottom: 8px;
margin-top: 11px;
}
.wpb-js-composer .vc_tta-container {
margin-bottom: 0px !important;
}
.testimonials-bg-blue.isometric-testimonials .testimonial01_item .name-test,
.testimonials-bg-blue.isometric-testimonials p.position-test,
.testimonials-bg-blue.isometric-testimonials .testimonail01-content {
background: #ffffff;
}
.isometric-testimonials .testimonial01-img-holder:hover h2,
.isometric-testimonials .testimonial01-img-holder:hover .testimonail01-content,
.isometric-testimonials .testimonial01-img-holder:hover .position-test {
background: #192075 !important;
}
.isometric-testimonials .owl-theme .owl-controls .owl-page.active span,
.isometric-testimonials .owl-theme .owl-controls .owl-page span {
border-color: #d4088c !important;
}
.isometric-jobs h1.section-title.dark_title {
font-size: 24px;
}
.isometric-jobs .section-subtitle {
font-size: 18px;
margin-top: 5px !important;
}
.two-mil-web {
z-index: 999999;
}
.header3 footer .footer-top {
background: #f4f8ff;
}
.header3 .widget-title::after,
.header3 footer .social-links a:hover {
background: #d4088c;
}
.header3 footer .footer-top .menu .menu-item a:hover,
.header3 p.copyright a {
color: #d4088c !important;
}
/**/