/*

	Theme Name: Green Vistas Landing Page

	Theme URI: 

	Description: This css file is for light template layout alignments

	Version: 1.0

	Author: Responsive Experts

	Author URI: http://themeforest.net/user/responsiveexperts

	Tags:

	

	---------------------------

	MAIN TEMPLATE STYLES

	---------------------------

	

	TABLE OF CONTENTS

	---------------------------

	 01. Global Content Styles

	 02. Preloader Content Styles

     03. Header Content Styles

	 04. Main Content Styles

	 05. Media Query 

*/



/* ===================================================================================================== */

/* Fonts                                                                             					*/

/* ===================================================================================================== */


@font-face {
    font-family: 'AllerBoldItalic';
    src: url('../fonts/AllerBoldItalic.eot');
    src: url('../fonts/AllerBoldItalic.eot') format('embedded-opentype'),
         url('../fonts/AllerBoldItalic.woff2') format('woff2'),
         url('../fonts/AllerBoldItalic.woff') format('woff'),
         url('../fonts/AllerBoldItalic.ttf') format('truetype'),
         url('../fonts/AllerBoldItalic.svg#AllerBoldItalic') format('svg');
}

@font-face {
    font-family: 'AllerBold';
    src: url('../fonts/AllerBold.eot');
    src: url('../fonts/AllerBold.eot') format('embedded-opentype'),
         url('../fonts/AllerBold.woff2') format('woff2'),
         url('../fonts/AllerBold.woff') format('woff'),
         url('../fonts/AllerBold.ttf') format('truetype'),
         url('../fonts/AllerBold.svg#AllerBold') format('svg');
}

@font-face {
    font-family: 'Aller_Rg';
    src: url('../fonts/Aller_Rg.eot');
    src: url('../fonts/Aller_Rg.eot') format('embedded-opentype'),
         url('../fonts/Aller_Rg.woff2') format('woff2'),
         url('../fonts/Aller_Rg.woff') format('woff'),
         url('../fonts/Aller_Rg.ttf') format('truetype'),
         url('../fonts/Aller_Rg.svg#Aller_Rg') format('svg');
}

@font-face {
    font-family: 'Aller_Std_Rg';
    src: url('../fonts/Aller_Std_Rg.eot');
    src: url('../fonts/Aller_Std_Rg.eot') format('embedded-opentype'),
         url('../fonts/Aller_Std_Rg.woff2') format('woff2'),
         url('../fonts/Aller_Std_Rg.woff') format('woff'),
         url('../fonts/Aller_Std_Rg.ttf') format('truetype'),
         url('../fonts/Aller_Std_Rg.svg#Aller_Std_Rg') format('svg');
}




/* ===================================================================================================== */

/* 01. Global Content Styles                                                                             */

/* ===================================================================================================== */





html, body {

    font-family:'Aller_Rg';

	height: 100%;

	width: 100%;

	line-height:25px;

	font-size: 18px;

	letter-spacing:0.30px;

	color: #1d1d1d;

	background:#ffffff;

}

/* Link Styling */



a, a:hover, a:active, a:visited, a:link {

	outline: none;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-ms-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

	text-decoration: none;

}



/* Headings */



h1 {
	font-size: 45px;
}

h2 {
	    font-size: 25px;
}


h6 {

	font-size: .9em;
	color: #32393e;
}



p {

	padding:10px 0 15px 0;

	margin:0 0 0 0;

}
@media(min-width: 1200px) {
.container {

	max-width: 1030px;


}
}


/*
.img-full {

	width:100%;

}

.img-max-width {

	max-width:100%;

}*/





/* ===================================================================================================== */

/* 02. Banner Area Content Styles                                                                        */

/* ===================================================================================================== */


.bg{
    background: rgb(53,187,236);
    background: -moz-radial-gradient(circle, rgba(53,187,236,1) 0%, rgba(23,133,200,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(53,187,236,1) 0%, rgba(23,133,200,1) 100%);
    background: radial-gradient(circle, rgba(53,187,236,1) 0%, rgba(23,133,200,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#35bbec",endColorstr="#1785c8",GradientType=1);
}

.logo-sec img {
    max-width: 105px;
}

.right-sec img {
    width: 165px;
}

.right-sec {
    padding-top: 45px;
}
.banner-cont-sec {
    padding-top: 5em;
}
.happy-cust {
    width: 44%;
}
.banner-content {
    align-items: flex-end;
}
.happy-cust img {
    max-width: 100%;
}

.banner-form {
    width: 40%;
}

.form-sec {
	background-color: rgba(97, 98, 98, 0.3);
}

.form-sec h2 {
    text-align: center;
    color: #fff;
    background-color: #e3000f;
    text-transform: uppercase;
    padding: 10px 0;
}

.col-form {
    margin: 4px 20px;
    position: relative;
}
.col-form>span:nth-child(2) {
    position: absolute;
    left: 0;
    top: 18%;
    color: #000;
    font-style: italic;
    left: 12px;
}

.col-form>span:nth-child(2)>span {
    color: red;
}
.col-form input {
    width: 100%;
    border: none;
    padding: 10px;
}
.banner-form input, .banner-form textarea {
    border: none !important;
    outline: none !important;
}
::placeholder {
    color: #000;
    font-style: italic;
}

textarea {
    padding: 10px;
    height: 119px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}


.banner-form.col {
    padding-left: 150px;
}

.sub-btn {
    padding-right: 20px;
    padding-bottom: 15px;
}

.sub-btn input[type="submit"] {
    padding: 5px 30px;
    background-color: #E3000F;
    color: #fff;
    font-size: 16px;
}

.details{
	padding-top: 69px;
}


section.features-sec {
    margin-top: 50px;
}

.features-wrp {
    padding-bottom: 30px;
}

.features-blk {
    padding: 5px 20px;
    background-color: #fff;
}
.blks img {
    max-width: 100%;
}
.blk {
    width: 33.33%;
    border-right: 2px solid #009ee3;
}

.blk:last-child {
    border: none;
}

.blk span {
    display: block;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5em;
    font-size: 1.2em;
}

.banner-bg img {
    width: 100%;
}

section.amenties-sec {
    background-color: #ffcc00;
}

.amenities {
    
        max-width: 770px;
    padding: 60px 50px 40px 50px;
    margin: 0 auto;
}

.amenities h1 {
    text-transform: uppercase;
    padding-bottom: 30px;
    color: #1785c8;
    font-family: 'AllerBold';
}

.blks {
    text-align: center;
    margin-bottom: 20px;
    padding: 0 30px;
}

.blks img {
    margin-bottom: 10px;
}

.visit-btn {
    text-align: center;
    padding: 40px 0;
}

section.visit-sec {
    background-color: #689b34;
}
.visit-btn a {
    color: #689b34;
    padding: 15px 0;
    border-radius: 10px;
    font-family: 'AllerBold';
    font-size: 1.1em;
    background-color: #fff;
    display: inline-block;
    width: 210px;
    margin: 0 5px;
}

.about {
    max-width: 770px;
    margin: 0 auto;
    padding: 0 50px;
}
.about h3 {
    color: #0084c3;
    font-size: 1.9em;
    margin-bottom: .8em;
}
.about h5 {
    margin-bottom: .7em;
}
section.about-sec {
    padding-top: 60px;
    padding-bottom: 50px;
    background-color: #f7f7f7;
}

.left-info {
    padding-right: 15px;
        width: 50%;
}
.about p {
    line-height: 1.8em;
    font-style: italic;
}
.right-info {
    padding-left: 15px;
    width: 50%;
}

.info {
    text-align: justify;
}

section.copy-right-sec {
    background-color: #e3000f;
}

.cpy-rt {
    text-align: center;
}

.cpy-rt h6 {
    margin: 0;
    padding: 15px 0;
    color: #fff;
        font-size: .8em;
}

span.error {
    color: #cc0000;
    font-size: .8em;
}
a.phone-fixed {
    display: block;
    position: fixed;
    right: -5px;
    top: 24%;
    background: rgba(228,16,16,1);
    background: -moz-linear-gradient(45deg, rgba(228,16,16,1) 0%, rgba(255,77,61,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(228,16,16,1)), color-stop(100%, rgba(255,77,61,1)));
    background: -webkit-linear-gradient(45deg, rgba(228,16,16,1) 0%, rgba(255,77,61,1) 100%);
    background: -o-linear-gradient(45deg, rgba(228,16,16,1) 0%, rgba(255,77,61,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(228,16,16,1) 0%, rgba(255,77,61,1) 100%);
    background: linear-gradient(45deg, rgba(228,16,16,1) 0%, rgba(255,77,61,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41010', endColorstr='#ff4d3d', GradientType=1 );
    color: #fff;
    z-index: 999;
    padding: 15px 37px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.15);
}

a.phone-fixed h1 {
    font-size: 1.2em;
    margin: 0;
}
a.phone-fixed img {
    width: 33px;
    margin-right: 15px;
    margin-top: -4px;
}
span.ajax-loader {
    display: none !important;
}
span.ajax-loader {
    display: none !important;
}

.info br {
    display: none;
}
div.wpcf7-validation-errors {
    border: none;
    margin: 0;
    padding: 20px;
    font-size: .85em;
    color: #a91111;
    padding-top: 0;
}

span.wpcf7-not-valid-tip {
    color: #c52c1a;
    font-size: .85em;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}
#qlwapp.qlwapp-middle-left, #qlwapp.qlwapp-middle-right {
    top: auto;
    bottom: 50px;
}



.plan-block {
    width: 100%;
    height: 100%;
    opacity: .97;
    top: 0;
    left: 0;
    display: none;
    position: fixed;
    background-color: #313131;
    overflow: auto;
    z-index: 999999;
}
.zoom-blockwrap {
    position: absolute;
    left: 50%;
    top: 5%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    width: 900px;
}
.pop-header {
    position: relative;
    background-color: #c6161d;
    padding: 30px 35px 25px 50px;
}
.pop-header img {
    position: absolute;
    right: 20px;
    top: 10px;
    width: 20px;
    cursor: pointer;
}
.zoom-blockwrap h3 {
    font-size: 38px;
    color: #ffffff;
    margin-bottom: 0;
}
.zoom-blockwrap .pop-footer {
    padding: 0;
    background: #fff;
    padding: 20px 40px 20px;
}
.popup-form-wrap span.wpcf7-form-control-wrap {
    width: 100%;
}
.popup-form-wrap form br {
    display: none;
}
.popup-form-wrap span.wpcf7-form-control-wrap input, .popup-form-wrap span.wpcf7-form-control-wrap textarea {
    border: 1px solid #928f8f;
}
.popup-form-wrap span.wpcf7-form-control-wrap input {
    width: 100%;
    height: 48px;
    margin-bottom: 12px;
    padding-left: 15px;
}
span.widthbythree {
    width: 49.55%;
    display: inline-block;
}
.popup-form-wrap form textarea {
    width: 100%;
    max-height: 160px;
    padding-left: 15px;
    padding-top: 15px;
}
.popup-form-wrap input.wpcf7-form-control.wpcf7-submit {
    margin-left: 0;
    margin-top: 20px;
    width: 180px;
    height: 46px;
    background: #2188c9;
    outline: none;
    border: none;
    color: #ffffff;
    font-size: 24px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.popup-form-wrap input.wpcf7-not-valid {
    border: 1px solid red !important;
}
.popup-form-wrap input.wpcf7-not-valid {
    border: 1px solid red !important;
}
.popup-form-wrap span.wpcf7-not-valid-tip {
    display: none;
}
.popup-form-wrap .wpcf7-response-output {
    border: none !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* ===================================================================================================== */

/*  Media Query                                                                                       	*/

/* ===================================================================================================== */

@media(max-width: 1450px) {
a.phone-fixed img {
    width: 23px;
    margin-top: -2px;
}

a.phone-fixed {
    padding: 13px 24px;
}

a.phone-fixed h1 {
    font-size: 1em;
}    
}
@media(max-width: 1025px) {
a.phone-fixed {
    top: 14%;
}   
}
@media (max-width: 991px) {

h1 {
    font-size: 40px;
}

h2 {
    font-size: 15px;
}

h3 {
    font-size: 35px;
    margin-bottom: 20px;
}

h5 {
    font-size: 25px;
}

p {
    font-size: 15px;
}

.col-form {
    margin: 3px 10px;
}

.col-form input {
    padding: 3px;
}



textarea {
    height: 85px;
}

.sub-btn {
    padding-right: 10px;
    padding-bottom: 7px;
}
.sub-btn input[type="submit"] {
    padding: 0px 5px;
    font-size: 12px;
}

section.features-sec {
    margin-top: 30px;
}
.happy-cust {
    width: 46%;
}
.banner-cont-sec {
    padding-top: 2em;
}
.banner-form {
    margin-top: 50px;
}

.features-wrp {
    padding-bottom: 20px;
}

.amenities {
    padding-top: 50px;
    padding-bottom: 20px;
}

.amenities h1 {
    padding-bottom: 20px;
}

.blks {
    padding: 0 17px;
}

.banner-cont-sec {
    padding-top: 3em;
}

.blk span {
    font-size: 1em;
}
.blk:nth-child(2) {
    width: 41%;
}

.features-blk {
    padding: 5px 0;
}
.zoom-blockwrap {
    width: 90%;
}
span.widthbythree {
    width: 49.5%;
}
}



@media (max-width: 767px) {
span.widthbythree {
    width: 100%;
    display: block;
}
.logo-sec img {
    width: 70px;
}

.right-sec {
    padding-top: 30px;
}

.right-sec img {
    width: 110px;
}



.form-sec h2 {
    margin-bottom: 3px;
}

.col-form {
    margin: 5px 15px;
}

.col-form input {
    padding: 0px 5px;
}
.col-form>span:nth-child(2) {
    left: 5px;
}
textarea {
    padding: 5px;
}
.sub-btn {
    padding-right: 10px;
    padding-bottom: 12px;
}

.col-form:last-child {
    padding-bottom: 0;
}

.sub-btn input[type="submit"] {
    padding: 0px 8px;
    font-size: 10px;
}

h2 {
    font-size: 14px;
}

section.features-sec {
    margin-top: 20px;
}

.features-wrp {
    padding-bottom: 12px;
}

h1 {
    font-size: 30px;
}

.col-md-3.col-sm-6.blks {
    text-align: center;
}

.amenities h1 {
    text-align: center;
}


h3 {
    font-size: 30px;
}

h5 {
    font-size: 22px;
}

p {
    font-size: 14px;
}


h6 {
    font-size: 10px;
}
a.phone-fixed {
    bottom: 8px;
    left: 15px;
    right: auto;
    width: 241px;
    top: inherit;
    padding: 13px;
    text-align: center;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(77,77,77,0.5);
    -moz-box-shadow: 2px 2px 5px 1px rgba(77,77,77,0.5);
    box-shadow: 2px 2px 5px 1px rgba(77,77,77,0.5);

}

a.phone-fixed h1 {
    font-size: 16px;
}

a.phone-fixed img {
    width: 23px;
    margin-right: 12px;
    margin-top: -3px;
}
a.whatsapp-cht-icn {
position: fixed;
    bottom: 65px;
    right: 8px;
    background-color: #4fce5d;
    color: #fff;
    display: block;
    background-image: url(../img/whts-app-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    background-size: 61%;
    border-radius: 50%;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(77,77,77,0.5);
    -moz-box-shadow: 2px 2px 5px 1px rgba(77,77,77,0.5);
    box-shadow: 2px 2px 5px 1px rgba(77,77,77,0.5);
    z-index: 999;
}
.pop-header {
    position: relative;
    background-color: #c6161d;
    padding: 23px 35px 20px 41px;
}
.zoom-blockwrap h3 {
    font-size: 32px;
}
}




@media (max-width: 576px) {


.banner-content {
    flex-direction: column;
}

.happy-cust {
    width: 100%;
    padding-right: 0;
    text-align: center;
}

.banner-form {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    max-width: 300px;
}

.happy-cust img {
    max-width: 280px;
}

h2 {
    font-size: 17px;
}
html, body {
    font-size: 15px;
}
.sub-btn input[type="submit"] {
    font-size: 14px;
    padding: 3px 11px;
}

.sub-btn {
    padding-right: : 0;
    text-align: center !important; 
}

.amenities {
    padding-top: 30px;
    padding-left: 25px;
    padding-right: 25px;

}

.amenities h1 {
    padding-bottom: 10px;
}

.blks img {
    width: 100px;
}

.visit-btn {
    padding: 20px 0;
}

.visit-btn a {
    width: 210px;
    display: block;
    margin: 13px auto;
}

h3 {
    font-size: 25px;
}

h5 {
    font-size: 20px;
}

.info {
    flex-direction: column;
}

.left-info {
    padding: 0;
}

.right-info {
    padding: 0;
}
.info>div {
    width: 100% !important;
}
.blk {
    width: 100% !important;
    border: none !important;
    margin-bottom: 10px;
    background: #fff;
    padding: 8px;
}

.features-blk {
    flex-wrap: wrap;
    padding: 0;
    background: none;
}

.blk span {
    font-size: 16px;
}
section.features-sec {
    margin-top: 35px;
}
.blks {
    padding: 0 15px;
}

h6 {
    font-size: 13px;
}
input {
    height: 35px;
}

textarea {
    height: 100px;
}

.about {
    padding: 0 25px;
}
a.phone-fixed {
    width: 100%;
    bottom: 0;
    border-radius: 0;
    -webkit-box-shadow: 2px 2px 10px 4px rgba(77,77,77,0.5);
    -moz-box-shadow: 2px 2px 10px 4px rgba(77,77,77,0.5);
    box-shadow: 2px 2px 10px 4px rgba(77,77,77,0.5);
    left: 0;
}
#qlwapp.qlwapp-middle-left, #qlwapp.qlwapp-middle-right {
    top: auto;
    bottom: 40px;
}
.right-info p {
    padding-top: 0;
}
}