FM / titan

/home/altere25/infinet.finance/wp-content/plugins/cmp-premium-themes/titan/

/home/altere25/infinet.finance/wp-content/plugins/cmp-premium-themes/titan

Name	Size	Mode	Actions
img/	-	0755	rm
js/	-	0755	rm
doing_it_wrong.php	1011	0644	edit dl rm
index.php	1618	0644	edit dl rm
style.css	12857	0644	edit dl rm
titan-defaults.php	2700	0644	edit dl rm
titan-settings.php	1989	0644	edit dl rm
titan-theme.php	9223	0644	edit dl rm

Edit: /home/altere25/infinet.finance/wp-content/plugins/cmp-premium-themes/titan/style.css (12857B)

/*
Theme Name: Titan
Theme URI: https://niteothemes.com/cmp-coming-soon-maintenance/?theme=titan
Author: NiteoThemes
Author URI: https://niteothemes.com/
Version: 1.0

Titan CMP Theme, Copyright 2021 NiteoThemes
Titan CMP Theme is distributed under the terms of the GNU GPL

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl.html

All used scripts are distributed under the terms of the GNU GPL v2 or later or under MIT license. 
Bundled images are distributed under the terms of the GNU GPL v2 or later or under MIT license or Unsplash license.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normaalize.css/
*/

body {
    margin: 0;
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    padding: 75px;
    box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-size: 2.5em;
    margin-bottom: .5em;
    margin-top: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.content a {
    text-decoration: underline;
}

a {
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
}

::-webkit-scrollbar {
    width: 11px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.8);
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

::-webkit-scrollbar-track {
    background: rgba(170, 170, 170, 0.8);
}

input, textarea, button {
    font-size: 1em;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* or `border-box` */
    height: 3rem;
    line-height: 1;
    border-radius: 0;
}

textarea {
    height: 150px;
    line-height: 1.5;
}

input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
    border: 1px solid black;
    outline: none;
}

::-webkit-input-placeholder {
    font-size: 1rem;
    color: inherit;
    opacity: 0.7;
}

::-moz-placeholder {
    font-size: 1rem;
    color: inherit;
    opacity: 0.7;
}

:-ms-input-placeholder {
    font-size: 1rem;
    color: inherit;
    opacity: 0.7;
}

input:focus, textarea:focus {
    outline: none;
}

a {
    position: relative;
    text-decoration: none;
}

header {
    display: flex;
    margin-bottom: 5em;
    line-height: 1;
}

.delay-small {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

.delay-small-1 {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}

.delay-small-2 {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}

.delay-small-3 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

.delay-huge {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.delay-huge-1 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.content {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-width: 600px;
    width: 35%;
    box-sizing: border-box;
}

.cmp-title {
    line-height: 1;
}

.logo-wrapper {
    margin-right: auto;
}

.text-logo {
    font-size: 3em;
}

.half-width {
    margin-top: auto
}

.half-width > * {
    margin: 24px 0;
}

.logo-wrapper a {
    text-decoration: none;
}

.logo-wrapper img {
    max-width: 100%;
    max-height: 300px;
}

.text-logo {
    margin-bottom: 0;
}

#background-wrapper, #slider-wrapper, #background-image, #background-color, .slide-background, .background-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#background-wrapper {
    left: 40%;
    overflow: hidden;
    clip-path: ellipse(100% 100% at 100% 50%);
    /* border-top-left-radius: 20vw 50%;
    border-bottom-left-radius: 20vw 50%; */
    /* animation: morphing 10s infinite; */ 
}

header, .content {
    z-index: 1;
}

@keyframes morphing {
    0% {
        border-top-left-radius: 30%;
        border-bottom-left-radius: 30% 70%;
    }
    25% {
        border-top-left-radius: 58% 76%;
        border-bottom-left-radius: 25% 24%;
    }
    50% {
        border-top-left-radius: 50% 55%;
        border-bottom-left-radius: 67% 45%;
    }
    75% {
        border-top-left-radius: 33% 63%;
        border-bottom-left-radius: 42% 37%;
    }
  }

.video-banner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

#background-image, .slide-background {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#background-image.loaded, .loaded #slider-wrapper {
    opacity: 1;
}

#background-image.pattern {
    background-repeat: repeat;
    background-size: initial;
}

#background-image, #slider-wrapper {
    overflow: hidden;
    opacity: 0;
    -o-transition: opacity 400ms;
    transition: opacity 400ms;
}

.slider-effect-train #slider-wrapper {
    overflow: initial;
}

.video-banner iframe, .video-banner video {
    -o-transition: opacity 1500ms;
    transition: opacity 1500ms;
}

#background-image.pattern {
    background-repeat: repeat;
    background-size: initial;
}

/* 
#background-image:not(.slide) {
    background-attachment: fixed;

} */

.social-list a:hover .another-circle {
    stroke-dashoffset: 0;
}

.social-list {
    display: flex;
    padding: 0;
    margin: 0;
    margin-left: auto;
}

.social-list li {
    list-style: none;
    text-align: center;
}

.social-list a {
    display: block;
    padding: 0 .5em;
    font-size: 1.5em;
}

.social-list li:first-of-type a {
    padding-left: 1em;
}

.social-list li:last-of-type a {
    padding-right: 1em;
}

.social-list i {
    position: relative;
    vertical-align: middle;
    transform: translateY(0);
    transition: transform 300ms ease-in-out;
}

.social-list i:hover {
    transform: translateY(-3px);
}

.social-list i::after {
    content: '';
    display: block;
    height: 2px;
    width: 0;
    position: absolute;
    bottom: -8px;
    background-color: #fff;
    transition: width 300ms ease-in-out;
}

.social-list i:hover::after {
    width: 100%;
}

.social-list li:nth-child(1) {
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
}

.social-list li:nth-child(2) {
    -webkit-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.social-list li:nth-child(3) {
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms;
}

.social-list li:nth-child(4) {
    -webkit-animation-delay: 1600ms;
    animation-delay: 1600ms;
}

.social-list li:nth-child(5) {
    -webkit-animation-delay: 1800ms;
    animation-delay: 1800ms;
}

.social-list li:nth-child(6) {
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
}

.social-list li:nth-child(7) {
    -webkit-animation-delay: 2200ms;
    animation-delay: 2200ms;
}

.social-list li:nth-child(8) {
    -webkit-animation-delay: 2400ms;
    animation-delay: 2400ms;
}

.social-list li:nth-child(9) {
    -webkit-animation-delay: 2600ms;
    animation-delay: 2600ms;
}

.buttons-wrapper {
    display: flex;
    align-items: center;
    margin-top: 5em;
}

#counter {
    position: absolute;
    right: 50px;
    bottom: 50px;
}

.counter-inner {
    font-size: 74px;
    position: relative;
}

#counter-day {
    font-size: 74px;
    font-weight: 700;
}

.counter-box p {
    display: inline;
    font-size: 74px;
    font-weight: 700;
    text-transform: uppercase;
}

.cmp-form-inputs {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

input {
    padding: 0;
    -webkit-appearance: none;
}

.cmp-subscribe input[type="email"],
.cmp-subscribe input[type="text"] {
    border: 1px solid black;
    color: black;
    max-width: 60%;
    flex: 1;
    text-indent: 15px;
}
 
.cmp-subscribe input[type="email"],
.cmp-subscribe input[type="text"],
.cmp-subscribe input[type="submit"] {
    border-radius: 30px;
    height: 60px;
    margin-bottom: 15px;
}

.cmp-subscribe input[type="submit"] {
    border: 2px dashed;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 1em;
    transition: all 300ms ease-in-out;
    flex: 1;
    max-width: 30%;
    font-weight: 600;
    margin-left: 8px;
}

.cmp-subscribe input[type="submit"]:hover {
    background: white;
}

#subscribe-response {
    margin-top: .5em;
    width: 100%;
}

.copyright-mobile {
    display: none;
}

.copyright {
    margin-bottom: 0;
    margin-top: auto;
    font-size: 14px;
    font-weight: 600;
}

.mobile {
    display: none;
}

.copyright-desktop {
    margin-top: auto;
}

/* wpcf7-form */
.wpcf7 .screen-reader-response, .wpcf7 .wpcf7-validation-errors {
    display: none!important;
}

.wpcf7 .wpcf7-form-control-wrap {
    position: relative;
}

.wpcf7-form .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -33px;
    left: 0px;
    text-align: left;
    font-size: 0.7em;
}

div.wpcf7-mail-sent-ng {
    border: none;
}

.wpcf7 .wpcf7-response-output {
    display: block!important;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 0.7em;
}

.lang-switch-wrapper {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 100;
}

@media only screen and (max-width: 1700px) {
    .text-logo {
        font-size: 40px!important;
    }
    .cmp-title {
        font-size: 34px!important;
    }

body, .content {
        font-size: 16px;
    }

}

@media only screen and (max-width: 1200px) {
    body {
        overflow: auto;
        padding: 0;
        padding-bottom: 0;
    }

header {
        display: block;
        text-align: center;
        margin-bottom: 2em;
        padding: 50px;
        padding-bottom: 0;
    }

.social-list {
        justify-content: center;
        margin: 20px 0;
    }

.content {
        max-width: 100%;
        padding: 0 50px;
        width: 100%;
    }

#background-wrapper {
        position: relative;
        left: initial;
        top: initial;
        right: initial;
        bottom: initial;
        overflow: hidden;
        padding-top: 75%;
        clip-path: unset;
    }

#background-image, #slider-wrapper {
        left: -50px;
        right: -50px;
    }

.content,
    .cmp-form-inputs {
        display: block;
    }

.cmp-form-inputs {
        max-width: 400px;
        margin: auto;
    }

.logo-wrapper img {
        max-height: 100px;
        max-width: 200px;
    }

.cmp-subscribe input[type="email"], .cmp-subscribe input[type="text"], .cmp-subscribe input[type="submit"] {
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    
    
    .left, .right {
        width: auto;
        display: block;
        position: relative;
        min-height: auto;
        text-align: center;
        margin: 0;
        padding: 0;
    }

.social-list {
        padding: 0;
    }

header.no-logo {
        justify-content: center;
    }

.no-logo .social-list {
        margin-left: 0;
    }

#counter {
        position: relative;
        right: initial;
        bottom: initial;
        text-align: center;
        margin: 35px 0;
    }

#counter-day {
        width: auto;
        text-align: center;
    }

.cmp-title {
        margin: 1em 0;
    }
    .copyright-desktop {
        display: none;
    }
    .copyright-mobile {
        display: block;
        z-index: 1;
        text-align: center;
        margin: 2em 0;
    }
    .cmp-subscribe {
        margin: 0 auto;
    }
    .mobile {
        display: block;
    }
    .desktop {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    body {
        font-size: 14px!important;
    }
    
    #counter-day, .counter-box p {
        font-size: 60px;
    }
}

@media only screen and (max-width: 560px) {
    #counter-day, .counter-box p {
        font-size: 50px;
    }

#counter {
        margin-top: 0;
    }

header {
        padding: 20px;
        padding-top: 40px;
        padding-bottom: 0;
        margin-bottom: 0;
    }

.content {
        padding: 0 20px;
    }

}

cmd: