/*
Theme Name: IIG
Theme URI: ''
Author: Romashka
Author URI: ''
Description: IIG
Version: 1.1.11
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, featured-images, post-formats, sticky-post, translation-ready, flexible-header, custom-background, grid-layout, footer-widgets, blog, e-commerce, photography, rtl-language-support
Text Domain: pw_blog
*/

/*  TABLE OF CONTENTS
01. RESET
02. GLOBAL
03. STRUCTURE
04. MEDIA
05. NAVIGATION
06. HEADER
	-Main
	-Menu
	-Bootstrap Menu
	-Slider
	-Intro Options
	-Notification Bar
07. MAIN CONTENT
	-Breadcrumbs
	-Image Overlays
	-Pre-Designed Homepage
	-Call to Action / Attention Grabber
	-Floating Content
08. FOOTER
09. WIDGETS & SIDEBAR
10. PAGE FORMATS
	-Meta Content
	-Blog
	-Single Post
	-Contact Us
	-Archive
	-Sitemap
	-Parallax
	-Search Results
	-404 Error
	-Portfolio
	-Project
11. SHORTCODES - THEME SPECIFIC STYLE
12. PAGE BUILDER - THEME SPECIFIC STYLE
13. IE STYLES
14. SAFARI STYLES
15. MISC
*/

/* ---------------------------------------------------------------------------------------
	01. RESET
--------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, cite,
del, dfn, em, font, q, s, samp,
strike, strong,
ol, ul, li,
fieldset, form, label, legend,
tbody, tfoot, thead, tr {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 14px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a {
    text-decoration: none;
}

.container {
    width: 100%;
    height: 100%;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box
}

/*-------------------------------------*/
/*-------------------------------------*/
.ua-version .en {
    display: none !important;
}

.en-version .ua {
    display: none !important;
}

/*-------------------------------------*/
/*-------------------------------------*/

body {
    background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
nav,
section {
    display: block;
}

ol, ul {
    list-style: none;
}

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

blockquote, q {
    display: block;
    font-style: normal !important;
    color: #7C8A95;
    padding: 0 0 0 44px;
    position: relative;
}

blockquote::before,
q::before {
    content: '';
    width: 4px;
    height: 100%;
    background: #F3F7FD;
    border-radius: 4px;
    position: absolute;
    left: 28px;
}

blockquote p:last-child {
    margin-bottom: 0;
}

blockquote cite a,
q cite a {
    color: #fff;
}

blockquote cite:before,
q cite:before {
    content: "- ";
}

dt {
    font-weight: bold;
}

a img {
    border: 0;
}

.clearboth {
    width: 100%;
    clear: both;
    display: block;
}

.screen-reader-text {
    display: none;
}

/*fonts Eina*/

@font-face {
    src: url('./fonts/Eina02/Eina02-Light/font.eot');
    font-family: 'Eina';
    src: url('./fonts/Eina02/Eina02-Light/font.woff2') format('woff2'), url('./fonts/Eina02/Eina02-Light/font.woff') format('woff'), url('./fonts/Eina02/Eina02-Light/font.eot?#iefix') format('embedded-opentype'), url('./fonts/Eina02/Eina02-Light/font.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    src: url('./fonts/Eina02/Eina02-Regular/font.eot');
    font-family: 'Eina';
    src: url('./fonts/Eina02/Eina02-Regular/font.woff2') format('woff2'), url('./fonts/Eina02/Eina02-Regular/font.woff') format('woff'), url('./fonts/Eina02/Eina02-Regular/font.eot?#iefix') format('embedded-opentype'), url('./fonts/Eina02/Eina02-Regular/font.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    src: url('./fonts/Eina02/Eina02-SemiBold/font.eot');
    font-family: 'Eina';
    src: url('./fonts/Eina02/Eina02-SemiBold/font.woff2') format('woff2'), url('./fonts/Eina02/Eina02-SemiBold/font.woff') format('woff'), url('./fonts/Eina02/Eina02-SemiBold/font.eot?#iefix') format('embedded-opentype'), url('./fonts/Eina02/Eina02-SemiBold/font.ttf') format('truetype');
    font-weight: 500;
}

/* ---------------------------------------------------------------------------------------
	02. GLOBAL
--------------------------------------------------------------------------------------- */
* {
    box-sizing: border-box;
    font-weight: 400;
    font-family: Tahoma;
}

.landing-page * {
    box-sizing: border-box;
    font-weight: 400;
    font-family: Tahoma;
}

h1, h2, h3, h4 {
    font-weight: 500;
}

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
    html {
        zoom: 80%;
    }
}

@media (max-width: 1000px) {
    html {
        zoom: 100%;
    }
}

/*
*  BUTTON
*/
.btn {
    height: 48px;
    width: max-content;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 0;
    transition: .2s ease-in-out;
    border: 0;
    padding: 0 30px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
}

.btn.default {
    background: #D9AD4F;
    color: #fff;
}

.btn.default:hover {
    background: #b89343;
}

.btn.blue {
    background: #272A4E;
    color: #fff;
}

.btn.blue:hover {
    background: #1b1e36;
}


@keyframes short-press {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

.btn.submit-button {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    transition: all 0.3s ease;
    padding: 0;
}

.btn.submit-button br {
    display: none;
}

.btn.submit-button .wpcf7-submit {
    width: 100%;
    background: none;
    border: 0;
    color: inherit;
}

.btn.submit-button > span,
.btn.submit-button > .wpcf7-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 100%;
    font-weight: bold;
    padding: 0 30px;
    cursor: pointer;
}

.btn.submit-button .wpcf7-submit {
    transition: all .3s cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-delay: .1s;
    font-size: inherit;
    padding: 0 !important;
}

.btn.submit-button.state-1 .wpcf7-submit {
    margin-top: -48px;
}

.btn.submit-button.state-2 .wpcf7-submit {
    margin-top: -96px;
}


.btn.submit-button.animated {
    animation: .75s short-press cubic-bezier(0.770, 0.000, 0.175, 1.000) forwards;
}


/*
INPUTS
*/

/*.input-effect {*/

/*}*/

input {
    outline: none !important;
    transition: .2s ease-in-out;
}

/*input:hover {*/
/*    border-color: rgba(217, 173, 79, 0.53);*/
/*}*/

/*input::placeholder {*/
/*    color: #9A9A9A;*/
/*}*/

/*input:focus {*/
/*    border-color: #D9AD4F;*/
/*}*/

.input-effect {
    position: relative
}

/* necessary to give position: relative to parent. */

.wpcf7-response-output,
.ajax-loader {
    display: none !important;
}

.input-effect input {
    color: #333;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    letter-spacing: 1px;
    outline: none !important;
    transition: .2s;
}

.input-effect input:focus {
    border-color: transparent;
}

.effect-19 {
    border: 1px solid #ccc;
    padding: 7px 14px;
    transition: 0.4s;
    background: transparent;
}

.effect-19 ~ .focus-border:before,
.effect-19 ~ .focus-border:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 50%;
    width: 0;
    height: 1px;
    background-color: #D9AD4F;
    transition: 0.4s;
}

.effect-19 ~ .focus-border:after {
    top: auto;
    bottom: 0;
}

.effect-19 ~ .focus-border i:before,
.effect-19 ~ .focus-border i:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 0;
    background-color: #D9AD4F;
    transition: 0.6s;
}

.effect-19 ~ .focus-border i:after {
    left: auto;
    right: 0;
}


.effect-19:focus ~ .focus-border:before,
.effect-19:focus ~ .focus-border:after,
.has-content.effect-19 ~ .focus-border:before,
.has-content.effect-19 ~ .focus-border:after {
    left: 0;
    width: 100%;
    transition: 0.4s;
}

.effect-19:focus ~ .focus-border i:before,
.effect-19:focus ~ .focus-border i:after,
.has-content.effect-19 ~ .focus-border i:before,
.has-content.effect-19 ~ .focus-border i:after {
    top: -1px;
    height: 100%;
    transition: 0.6s;
}

.effect-19 ~ label {
    position: absolute;
    left: 14px;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    color: #9A9A9A;
    transition: 0.3s;
    z-index: -1;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    font-size: 16px;
}

.effect-19:focus ~ label,
.has-content.effect-19 ~ label {
    top: -18px;
    bottom: auto;
    left: 0;
    font-size: 12px;
    color: #D9AD4F;
    transition: 0.3s;
}