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

input[type=text],
textarea {
	border: 1px solid @gray;
	background: @light;
}

blockquote {
	font-size: 18px;
	font-style: italic;
	border-left: 3px solid @secondary-color;
	padding: 20px 0 20px 20px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.clearfix() {
    zoom: 1;

    &:before,
    &:after {
        content: "";
        display: table;
    }

    &:after {
        clear: both;
    }
}

.clearfix {
	zoom: 1;

	&:before,
	&:after {
		content: "";
		display: table;
	}

	&:after {
		clear: both;
	}
}

.tabs {
	@-webkit-keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@-moz-keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}
	@keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	.tabs-nav {
		margin: 0;
		padding: 0;
		overflow: hidden;
		list-style-type: none;

		li {
			float: left;
		}

		a {
			display: block;
		}
	}

	.tabs-panel {
		clear: both;
		display: none;

		&.active {
			animation: fadeIn 1 1s ease;
			display: block;
		}
	}
}

.main-color {
    color: @secondary-color;
}

.main-background-color {
    background-color: @secondary-color;
}

.demo-8 {
    .fp-latest-project .item-project {
        .overlay {
            background-color: rgba( 44, 32, 32, 0.9 ) !important;
        }

        &:after {
            border-left-color: #f71414;
            border-bottom-color: #f71414;
        }
    }
}

.owl-carousel div.owl-item img {
    max-width: 100%;
    width: inherit;
}

// Revo

.fp_button_layer,
.tp-caption.fp_button_layer {
	border-color: rgba( 255, 255, 255, 0.5 ) !important;
    transition: 0.5s !important;

	&:hover {
		border-color: @secondary-color !important;
        background-color: @secondary-color !important;
	}
}

.slide-form {
	width: 470px;
	height: 520px;

	form {
		background-color: @light;

		.info {
		white-space: normal;
		line-height: 1.6;
		}

        .wpcf7-submit {
            text-align: center !important;
        }

        .wpcf7-textarea {
            line-height: 100% !important;
            font-size: 16px !important;
        }

        .wpcf7-not-valid-tip {
            line-height: 1 !important;
            padding-top: 5px;
            font-size: 16px !important;
        }


        .wpcf7-response-output {
            line-height: 1 !important;
            margin-top: 0 !important;
            font-size: 16px !important;

            &.wpcf7-validation-errors {
                color: #f00;
            }

            &.wpcf7-mail-sent-ok {
                color: #398f14;
            }
        }
	}
}

// Contact form

.fp-form {

    p {
        &:before,
        &:after {
            content: '';
            display: table;
        }
        &:after {
            clear: both;
        }
    }

    .single-field {
        clear: both;
    }

    .field {
        margin-bottom: 20px;

        &.submit {
            margin-bottom: 0;
        }
    }

    input[type="submit"] {
        &:focus {
            outline: none;
        }
    }

    textarea,
    input[type="text"],
    input[type="email"],
    select {
        width: 100%;
        border: 1px solid #eaeaea;
        padding-left: 15px;
        color: @text-color;
        background-color: #fff;

        &:focus {
            outline: none;
        }
    }

    textarea {
        height: 90px;
        padding: 10px;
    }

    input[type="text"],
    input[type="email"],
    select {
        font-size: 16px;
        font-weight: 400;
        height: 45px;
        line-height: 45px;
    }

    .first-row,
    .last-row {
        width: 50%;
        padding: 0 10px;
    }

    .first-row {
        float: left;
        padding-left: 0;
        clear: both;
    }

    .last-row {
        float: right;
        padding-right: 0;
    }
}

.fp-form-1 {
    border: 5px solid #f7f7f7;
    padding: 30px 25px 35px 25px;

    .info {
        padding-bottom: 25px;
        font-size: 17px;
        color: @text-color;

        strong {
            color: @primary-color;
            font-family: @font-family-secondary;
        }

        span.phone-number {
            color: @secondary-color;
        }
    }
}

.fp-form-2 {
    .field {
        margin-bottom: 30px;
    }

    .first-row,
    .last-row {
        padding: 0 15px;
    }

    .first-row {
        float: left;
        padding-left: 0;
    }

    .last-row {
        float: right;
        padding-right: 0;
    }

    textarea {
        height: 130px;
    }
}

.fp-form-3 {
    p.field {
        margin-bottom: 30px;
    }

    textarea,
    input[type="text"],
    input[type="email"] {
        width: 100%;
        border: 1px solid #f0f0f0;
        background-color: #f7f7f7;
    }

    p {
    	textarea {
    		height: 110px;
    	}

    	&.first-row {
    		padding-right: 15px;
    	}

    	&.last-row {
    		padding-left: 15px;
    	}
    }

    .submit {
        padding-top: 10px;

        input {
            width: 100%;
            padding-top: 15px;
            padding-bottom: 15px;
            font-family: @font-family-secondary;
            font-size: 14px;
            font-weight: 700;
            color: @light;
            background-color: @secondary-color;
            text-transform: uppercase;
            border-radius: 0;
            border: 0;
            box-shadow: none;
        }

        .ajax-loader {
            display: none;
        }
    }
}

.fp-estimation {
    padding: 15px 40px 25px 40px;
    text-align: center;
    border: 1px dashed #a1a1a1;

    .text-1,i {
        display: none;
    }

    .text-2 {
        font-size: 24px;
        text-transform: capitalize;
        margin-bottom: 23px;
    }

    .subscribe {
        position: relative;
    }

    input:focus {
        outline: none;
    }

    input[type="email"] {
        height: 50px;
        line-height: 50px;
        border: 1px solid #646464;
        padding-right: 65px;
        background-color: rgba( 0, 0, 0, 0.7 );
        width: 100%;
        padding-left: 15px;
    }

    input[type="submit"] {
        color: @light;
        font-size: 18px;
        font-weight: 400;
        font-family: @font-family-secondary;
        background-color: @secondary-color;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border: none;
        box-shadow: 0;
        position: absolute;
        right: 0;
        top: 0;
    }

    .ajax-loader {
        position: absolute;
        right: -20px;
        top: 15px;
    }
}

.fp-form-404 {
    padding: 30px 20px;
    background-color: rgba( 22, 22, 22, 0.59 );

    .field {
        margin-bottom: 30px;

        &.submit {
            margin-bottom: 0;
        }
    }

    input[type="text"],
    select,
    textarea {
        background-color: rgba( 22, 22, 22, 0.59 );
        border-color: #212121;
    }

    textarea {
        height: 130px;
    }
}

.form-style-6 {
    .fp-form-404 {
        background-color: rgba( 12, 46, 59, 0.59 );
        border: 1px solid rgba(255, 255, 255, 0.05);

        input[type="text"],
        select,
        textarea {
            background-color: rgba( 12, 46, 59, 0.59 );
            border-color: rgba(255, 255, 255, 0.05);
        }
    }
}

// Video
.mejs-container {
	.mejs-controls {
		background: #101010;

		.mejs-time span {
			color: @secondary-color;
		}

		.mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
		.mejs-volume-button .mejs-volume-slider .mejs-volume-handle,
		.mejs-volume-button .mejs-volume-slider .mejs-volume-current {
			background: @secondary-color;
		}

		.mejs-volume-button .mejs-volume-slider .mejs-volume-total {
			background: rgba(250, 192, 18, 0.5);
		}

		.mejs-time-rail {
			.mejs-time-loaded,
			.mejs-time-current,
			.mejs-time-total {
				height: 6px;
			}

			.mejs-time-current {
				background: @secondary-color;
			}

			.mejs-time-loaded {
				background: #4a4a4a;
			}

			.mejs-time-total {
				margin-top: 7px;
				background: #2d2d2d;
			}
		}
	}
}