/*
Theme Name: ayins
Theme URI:
Author:
Author URI:
Description: This is a new wordpress
Version: 1.3
License:
License URI:
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: yamaha
*/


@charset "utf-8";
@charset "utf-8";

.container-image {
    position: relative;
    width: 100%;
   padding-top: 46.95%;

}

h1.title {
    font-size: 60px;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    top: 2%;
    right: 2%;
    line-height: 60px;
    width: 70%;
}
.price-box {
    margin-right: -15px;
    display: table;
    margin-top: 10px;
    position: absolute;
    top: 74%;
    right: 0%;
}
.price-box .price-box-row {
    display: table-row;
    background: rgba(50,153,201,0.85);
}
.price-box .price-box-row:last-child {
    background: rgba(255,255,255,0.9);
}
.price-box h2 {
    padding: 6px 50px 6px 15px;
    margin: 0;
    font-size: 42px;
    color: #ffffff;
    font-weight: bold;
}
.price-box p {
    padding: 8px 50px 3px 15px;
    font-weight: 300;
    font-size: 32px;
    color: #282b2e;
    line-height: 32px;
}


.left-side {
    position: absolute;
    top: 0;
    left: 2%;
    background: #50a7cd;
    height: 100%;
    width: 20%;
    min-width: 300px;
    text-align: center;
    padding-bottom: 20px;
}
.left-side-top {
    position: relative;
    background: #ffffff;
}
.left-side-top img.logo {
    margin-top: 10%;
    max-width: 180px;
}

.left-side-top p {
    margin-top: 7%;
    color: #000000;
    font-size: 24px;
    line-height: 24px;
}

.left-side-border {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.container-text {
    background: #ffffff;
    color: #2e2f30;
    font-size: 20px;
}

.container-text p {
    margin: 30px 20px;
    border-right: 6px solid #50a7cd;
    padding: 0 20px;
}
.container-text a {
	color: #182a36;
	text-decoration: none;
}
.form-wrapper {
	color: #ffffff;
}
.form-wrapper legend {
	color: #ffffff;
	font-weight: bold;
	font-size: 32px;
}
.form-wrapper .form-control {
    width: 80%;
    margin: 7px auto;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #73b9d7;
    border-radius: 0;
	color: #ffffff;
	box-shadow: none;
	padding-right: 0px;
}
.form-wrapper textarea {
    width: 80%;
    margin: 15px auto;
	height: 50px;
	resize: none;
    background: transparent;
    border: 2px solid #73b9d7;
}
.wpcf7-checkbox {
    font-size: 13px;
	color: rgba(255,255,255,0.6);
	font-weight: 400;
}
.ajax-loader {
	display: block;
}

@media (max-width: 1450px) {
   .container-image {
       padding-top: 60%;
    }
}

    @media (max-width: 1199px) {
    h1.title {
        font-size: 48px;
    }

   .container-image {
            padding-top: 70%;
        }

    .hours-powers {
        top: 43%;
        width: 220px;
    }

    .price-box {
        top: 70%;
    }
    .price-box h2 {
        font-size: 30px;
    }
    .price-box p {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .header-mobile {
        background: #ffffff;
    }

    .header-mobile a.phone {
        background: #50a7cd;
        display: inline-block;
        text-align: center;
        padding: 11px 18px;
        color: #fff;
        line-height: 21px;
        margin-right: -15px;
        font-weight: bold;
        font-size: 22px;
    }
    .container-image {
        position: relative;
        width: 100%;
        padding-top: 20px;
    }

    h1.title {
        position: static;
        margin: 0;
        width: 100%;
        text-align: center;
        font-size: 26px;
        line-height: 24px;
        padding: 0 10px;
    }

    .hours-powers {
        position: static;
        float: left;
        width: 180px;
        margin-top: 30px;
    }

    .price-box {
        position: static;
        width: 100%;
        margin: 0;
        text-align: center;
        padding-top: 280px;
    }
    .price-box h2 {
        font-size: 25px;
        margin: 0;
        padding: 6px 0;
    }
    .price-box .price-box-row:last-child {
    }
    .price-box p {
        margin: 0;
        padding: 6px 0;
        font-size: 22px;
        line-height: 22px;
    }
    .left-side {
        width: 100%;
        position: static;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }
}
::-webkit-input-placeholder,
.form-wrapper .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white;
}
::-moz-placeholder,
.form-wrapper .form-control::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
:-ms-input-placeholder,
.form-wrapper .form-control:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
:-moz-placeholder,
.form-wrapper .form-control:-moz-placeholder { /* Firefox 18- */
  color: white;
}

.owl-carousel {
	position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
	direction: ltr;
	z-index: -1;
}

.owl-carousel *{
	direction: ltr;
}
.owl-carousel .owl-stage-outer,
.owl-stage,
.owl-carousel .owl-item {
	height: 100%;
}
.bacground {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height: 100%;
	width: 100%;
}
.owl-theme .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.owl-theme .owl-dots .owl-dot span {
height: 20px;
width: 20px;
}

@media (max-width: 991px) {
.owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-stage,
.owl-carousel .owl-item {
	height: auto;
}

.owl-theme .owl-dots {
	bottom: 40px;
}
}