/*
Theme Name: Postery
Theme URI: http://cmp.niteothemes.com/?cmp_preview=true&selector=true&theme=postery
Author: NiteoThemes
Author URI: https//niteothemes.com
Version: 1.7

Postery CMP Theme, Copyright 2018 NiteoThemes
Postery 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/
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background: grey;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

article {
    margin: 0;
}


article:last-of-type {
    margin-bottom: 0;
}


audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

p {
    margin: 0;
}

a {
    background-color: transparent;
    text-decoration: none;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;

}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}


small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

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

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
    width: auto!important;
}

hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

code {
    background-color: #BEFFE9;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    box-shadow: inset 0 0 0 0 !important;
    -webkit-box-shadow: inset 0 0 0 0 !important;
    -webkit-appearance: none;
    outline: none;
}

textarea {
    overflow: auto;
    padding: 0;
    border-radius: 5px;
    text-indent: 5px;
    width: 100%;
    border: none;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    text-indent: 0;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
    text-indent: 5px;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

body{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    margin:0;
    min-height: 100vh;
}

h1 {
    font-weight: 700;
    font-size: 1em;
}



h2,h3,h4,h5,h6 {
    font-weight: 700;
    font-size: 2em;
    margin: 0;
}


.container.particle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

#background-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}


#background-image,
.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 {
    opacity: 0;
    -webkit-transition: opacity 400ms;
    transition: opacity 400ms;
}

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

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

.background-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;  
    z-index: -1;
}

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

.inner-content {
    width: 100%;
    max-width: 600px;
    -webkit-perspective: 2000px;
            perspective: 2000px;
}


.logo {
    padding-bottom: 0;
}

.logo h1 {
    margin: 0;
}


.logo span {
    display: block;
}

.logo img {
    max-width: 100%;
    margin-bottom: 20px;
}

.body p {
    font-size: 1.1em;
}

.social-list {
    display: inline-block;
    padding:0;
    margin: 0;
    width: 100%;
    text-align: center;
}

.social-list li{
    position: relative;
    list-style: none;
    display: inline-block;
}

.social-list a {
    display: block;
    margin: 10px;
    margin-top: 0;
    width: 2.5em;
    height: 2.5em;
    font-size: 2em;
    line-height: 2.5em;
    border-radius: 15px;
    background: transparent;
    background-color: rgba(0,0,0,0.1);
    text-align: center;
    -webkit-transition: background 300ms linear;
    transition: background 300ms linear;
} 

.social-list a:first-of-type {
    margin-left: 0;
}

.social-list i{
    font-size: 1em;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.social-list.body li {
    padding: 5px 10px;
}

.social-list.body i {
    color: #ffffff;
}


#counter,
.subscribe,
.social-list {
    margin: 3em 0;
}

.copyright {
    margin-top: 0;
}

.inner-content h1 {
    margin: 0;
    /* transform: translateZ(30px); */
}


.social-list li,
input,
.input-icon {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transition: opacity 500ms, -webkit-transform 500ms;
    transition: opacity 500ms, -webkit-transform 500ms;
    transition: transform 500ms, opacity 500ms;
    transition: transform 500ms, opacity 500ms, -webkit-transform 500ms;
}

.social-list li:hover,
input:hover,
.input-icon.hover {
    -webkit-transition: opacity 300ms, -webkit-transform 500ms;
    transition: opacity 300ms, -webkit-transform 500ms;
    transition: transform 500ms, opacity 300ms;
    transition: transform 500ms, opacity 300ms, -webkit-transform 500ms;
    -webkit-transform: translateZ(20px);
            transform: translateZ(20px);
}

.slabtext{
    display:block;
    line-height: 1;
    opacity:1;
    -webkit-transition: opacity 100ms;
    transition: opacity 100ms;
}

.slabtextdone .slabtext.hover {
    opacity:1;
}



.social-list li {
    /* transform: translateZ(30px); */
}

.inner-content form {
    text-align: left;
    margin-top: 2em;
}

.inner-content form br {
    display: none;
}

input {
    display: inline-block;
    height: 4em;
    line-height: 4em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: middle;
    margin-bottom: 10px;
}

label {
    display: block;
    text-align: left;
    font-size: .8em;
    padding: 0 0 5px 0;
}

input[type="email"].subscribe-input {
    text-indent: 40px;
}

input:focus {
    border: 1px solid #ffffff;
}
input[type="email"],
input[type="text"] {
    width: 100%;
    text-indent: 15px;
    font-style: italic;
    border: none;
    border-radius: 5px;

}

.cmp-subscribe input[type="email"] {
    width: calc(100% - 4em);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    float: left;
}

input[type="text"] {
    width: 100%;
}

input[type="submit"] {
    font-family: FontAwesome;
    min-width: 5em;
    padding: 0 10px;
    line-height: 4em;
    height: 4em;
    border: none;
    cursor:pointer;
    text-transform: uppercase;
    border-radius: 5px;
}

.cmp-subscribe input[type="submit"] {
    min-width: 4em;
    width: 4em;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left:-6px;
}



/* Mailchimp css */
.mc4wp-form-fields {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */ /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mc4wp-form input[type="email"],
.mc4wp-form input[type="text"] {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

.mc4wp-form input[type="email"],
.mc4wp-form input[type="submit"] {
    width: auto;
}

.counter-wrap {
    position: relative;
    display: inline-block;
    margin: 5px;
    width: 120px;
    height: 120px;
    border-radius: 15px;
}

.counter-wrap::before {
    content: "";
    display: block;
    padding-top: 100%;
}


.inner-counter {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    padding: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.counter-wrap p {
    margin: 0;
    font-weight: 700;
}

.counter-wrap span {
    display: inline-block;
    font-weight: 700;
    font-size: 3em;
}



/* 3d animation */
.content {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: rgba(0,0,0,.1);
    padding: 30px;
    border-radius: 10px;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
}

.content.slab-done {
    opacity: 1;
}

.content:before {
    content: '';
    position: absolute;
    left:5%; top:5%;
    width:90%; height:90%;
    border-radius: inherit;
    background: rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 40px 20px rgba(0,0,0,.1);
            box-shadow: 0 0 40px 20px rgba(0,0,0,.1);
    -webkit-transform: translateZ(-100px);
            transform: translateZ(-100px);
}

/* wpcf7-form */
/* contact form 7 */
.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: -21px; left: 0px; text-align: left; font-size: 0.7em;}
div.wpcf7-mail-sent-ng {border:none;}
div.wpcf7-response-output { border:none;margin: 0; padding: 0;}



/* slabtext required */
.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:normal !important;*word-spacing:normal !important}




@media only screen and (max-width : 1024px) {
    body {font-size:16px!important;}

}   



@media only screen and (max-width : 768px) {
    body {font-size:15px!important;}
    .content {
        padding: 3em
    }
    .counter-wrap {
        width: 105px;
        height: 105px;
    }

    .social-list a {
        width: 3em;
        height: 3em;
        line-height: 3em;
    }

    .social-list a {
        font-size: 1em;
    }

    input { 
        height: 3em;
        line-height: 3em;
    }

    input[type="submit"] {
        font-size: 1em;
        line-height: 1em;
        height: 3em;
    }

    .counter-wrap {
        width: calc(40% - 15px);
        height: calc(40% - 15px);
    }

    .counter-wrap span {
        font-size: 2.3em;
    }

    #counter, .subscribe, .social-list {text-align: center;}
}

@media only screen and (max-width : 420px) {
    input[type="submit"],
    input[type="text"],
    input[type="email"] {
        display: block;
        width: 100%;
        border-radius: 5px;
        margin-left: 0;
    }
    .content {
        padding: 1em;
    }
}