/* !~^~^~^~^~^~! Theme Name: The Hills Village !~^~^~^~^~^~! */
/* .....:: Font Kits ::..... */
@font-face { font-family: 'gothambook'; src: url('../fonts/gothambook-webfont.eot'); src: url('../fonts/gothambook-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothambook-webfont.woff2') format('woff2'), url('../fonts/gothambook-webfont.woff') format('woff'), url('../fonts/gothambook-webfont.ttf') format('truetype'), url('../fonts/gothambook-webfont.svg#gothambook') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } @font-face {font-family: 'gothammedium'; src: url('../fonts/gothammedium-webfont.eot'); src: url('../fonts/gothammedium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothammedium-webfont.woff2') format('woff2'), url('../fonts/gothammedium-webfont.woff') format('woff'), url('../fonts/gothammedium-webfont.ttf') format('truetype'), url('../fonts/gothammedium-webfont.svg#gothammedium') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; } @font-face {font-family: 'gothambold'; src: url('../fonts/gothambold-webfont.eot'); src: url('../fonts/gothambold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothambold-webfont.woff2') format('woff2'), url('../fonts/gothambold-webfont.woff') format('woff'), url('../fonts/gothambold-webfont.ttf') format('truetype'), url('../fonts/gothambold-webfont.svg#gothambold') format('svg'); font-weight: normal; font-style: normal; font-display: fallback; }
/*------- Normalize --------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,menu,nav,section,time,mark,audio,video,details,summary{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent; font-family: 'gothambook'; font-weight: normal;
    font-style: normal; } article,aside,figure,footer,header,nav,section,details,summary{display:block;} img,object,embed{max-width:100%;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color: #658e85; text-decoration: none; } a:hover { color: #636466; } a:focus { outline: none; } del{text-decoration:line-through;} abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;} table{border-collapse:collapse;border-spacing:0;} th { vertical-align:bottom; } td { font-weight:normal;vertical-align:top; } hr{display:block;height:1px;border:0;margin:1em 0;padding:0;} input,select{vertical-align:middle;} pre{white-space:pre; /* CSS2 */white-space:pre-wrap; /* CSS 2.1 */white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */word-wrap:break-word; /* IE */} input[type="radio"]{vertical-align:text-bottom;} input[type="checkbox"]{vertical-align:bottom;} select,input,textarea{font:99% sans-serif;} table{font-size:inherit;} small{font-size:85%;} b,strong{font-weight: 700;} td,td img{vertical-align:top;} sub,sup{font-size:75%;line-height:0;position:relative;} sup{top:-0.5em;} sub{bottom:-0.25em;} pre,code,kbd,samp{font-family:monospace,sans-serif;} input[type=button],input[type=submit],input[type=file],button{cursor:pointer;} i span,i,em{ font-style: italic; font-weight: 400; } button,input,select,textarea{margin:0;} /* make buttons play nice in IE */ button,input[type=button]{width:auto;overflow:visible;} button:focus, textarea:focus, input:focus{ outline: none; } /* let's clear some floats ================*/ .clearfix:before,.clearfix:after, .cf:before,.cf:after{content:"\0020";display:block;height:0;overflow:hidden;} .clearfix:after, .cf:after{clear:both;} .cf{zoom:1;} body{ font-family: 'gothambold', sans-serif; font-weight: normal; font-weight: normal; background: #ffffff; color: rgba(0,0,0,0.7);} body,html { font-size: 16px; line-height: normal; }
/* ~~~~~ Typography ~~~~~ */
h1, h2, h3, h4 { font-family: 'gothambold', sans-serif; font-weight: normal;
    font-style: normal; padding: 0 0 10px 0; margin: 0; color: #503C35; line-height: 1.2;  } h1 { font-size: 60px; line-height: 1; letter-spacing: 0; font-weight: 900; } h2 span, h2 { font-size: 40px; font-weight: 900; } h3 { font-size: 30px; color: #000000; font-weight: 900; } h4 { font-size: 20px; color: #000000; } h5 { font-size: 18px; color: #000000; } h6 { font-size: 16px; color: #000000; } img {max-width: 100%; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; height: auto; }
/* ~~~~~ Input type ~~~~~ */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
/* ~~~~~ Input type ~~~~~ */
input[type="text"], input[type="email"], input[type="search"], input[type="tel"], input[type="number"], input[type="password"], input[type="url"], input[type="date"], select, textarea { font-family: 'gothambold', sans-serif; font-weight: normal; font-style: normal;  width: 100%; font-size: 16px; padding: 8px 17px 11px; border: none; margin: 10px 0 5px 0; background-color: #ffffff; color: #000; border-radius: 0; box-shadow: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;         border-radius: 5px; -webkit-border-radius: 5px; } form button, input[type="submit"] { font-family: 'gothambook', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; color: #1d303e; line-height: 1; background: #11c0f3; text-transform: uppercase; width: 100%; padding: 14px 50px 10px 50px; border: none; border-radius:6px; margin-top: 8px; border-radius: 5px; -webkit-border-radius: 5px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; } form button:hover, input[type="submit"]:hover { background-color: #503C35; outline: none; color: #fff; } html {-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } .one select { background-position: 95% center; } select{ cursor: pointer; } select:focus { outline: none; } input::-webkit-input-placeholder { color: #000; text-transform: uppercase; opacity: 1 !important; } input::-moz-placeholder { color: #000; text-transform: uppercase; opacity: 1 !important; } input:-ms-input-placeholder { color: #000; text-transform: uppercase; opacity: 1 !important; } input:-moz-placeholder 			 {  color: #000; text-transform: uppercase; opacity: 1 !important; } textarea::-webkit-input-placeholder { color: #000; text-transform: uppercase; opacity: 1 !important; } textarea::-moz-placeholder 		    { color: #000; text-transform: uppercase; opacity: 1 !important; } textarea:-ms-input-placeholder 	    { color: #000; text-transform: uppercase; opacity: 1 !important; } textarea:-moz-placeholder 			{ color: #000; text-transform: uppercase; opacity: 1 !important; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height:auto;} [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance:none;} [type="search"]::-webkit-file-upload-button {-webkit-appearance:button; font:inherit;} textarea{-webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: auto; } b,strong {font-family: 'gothambold', sans-serif; font-style: normal; } .text-center { text-align: center; } a,a:hover {-webkit-transition: all 0.25s ease-in-out;  -moz-transition: all 0.25s ease-in-out;  -o-transition: all 0.25s ease-in-out;  -ms-transition: all 0.25s ease-in-out;  transition: all 0.25s ease-in-out;} .cf:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .cf { height: 1%; } .cf { display: block; } i b, i strong, em, i { font-style: italic; } .color-white, .color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white span, .color-white a, .color-white strong, .color-white em { color: #ffffff; } /* ----- White Color ----- */ .color-white p,.color-white p strong,.color-white p span, .color-white p i, .color-white p em, .color-white p b, .color-white li, .color-white li span,.color-white li strong,.color-white  li b, .color-white li i { color: rgba(255,255,255,1); } input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], button{-webkit-appearance: none; -moz-appearance: none; appearance: none; } ol li, ul li { padding: 0; padding-bottom: 5px; } ul,ol { padding: 5px 0; margin-left: 20px; }
/* close commented backslash hack */
/* Change the white to any color ;) */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-animation: autofill 0s forwards; animation: autofill 0s forwards; } @keyframes autofill {100% {background: #003649; color: #ffffff; } } @-webkit-keyframes autofill {100% {background: #003649; color: #ffffff; } }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
 /* Firefox */
input[type=number] {-moz-appearance: textfield; } select::-ms-expand { display: none; } .no-margin { margin-left: 0 !important; margin-right: 0 !important; } textarea { resize: none; }
::selection {color: #fff; background-color: #003649; }
/*----------------------------------------------------------------*/
input, textarea, button, select, a { -webkit-tap-highlight-color: rgba(0,0,0,0); }
/* ----- Background image cover ----- */
.bg-image { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; }
blockquote {border-left: 5px solid #eeeeee; padding: 0 0 0 35px; margin: 0 0 40px; }
blockquote:before, blockquote:after{content:"\0020";display:block;height:0;overflow:hidden;} blockquote:after{clear:both;} blockquote{zoom:1;}
/* ----- Auto focus fill Remove css ----- */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0px 1000px transition inset; transition: background-color 5000s ease-in-out 0s; }
p,li { font-family: 'gothambook', sans-serif; font-weight: normal; font-style: normal; margin-top: 0; padding: 10px 0; font-size: 16px; line-height: 1.5; color: #000000; letter-spacing: 0px; }
a { color: #000000; } a:hover { color: #003649; }
hr.border { border: none; height: 2px; background: #71daeb; max-width: 100px; margin: 15px 0; }
/* Default Css Start Here
===================================================*/
.wrapper { position:relative; overflow:hidden; max-width:100%; height:100%; } .container { max-width: 1650px; margin: 0 auto; padding-left: 15px; padding-right: 15px; width: 100%;     -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;  } .flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-left:-15px; margin-right: -15px; } .col-1 { width:8.33% } .col-2 { width:16.67% } .col-3 { width:25% } .col-4 { width:33.33% } .col-5 { width:41.67% } .col-6 { width:50% } .col-7 { width:58.33% } .col-8 { width:66.67% } .col-9 { width:75% } .col-10{ width:83.33% } .col-11{ width:91.67% } .col-12{ width:100% }
/* ~~~~~ Box Sizing ~~~~~ */
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; padding-right: 15px; }
/* Landing Page CSS */
.hero-section {min-height: 100vh; width: 100%; position: relative; }
.scroll-down {position: absolute; bottom: 60px; left: 0; right: 0; margin: 0 auto; text-align: center; }
.banner-contain-section {min-height: 100vh; }
.scroll-down a:hover { opacity: 0.6; }
.row-wrap {width: 100%; min-height: 100vh; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; align-items: center; padding-top: 220px; padding-bottom: 170px; }
.banner-contain{padding-left: 70px; }
.selling-title { padding-left: 84px; }
.banner-contain {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: nowrap; padding-top: 12px; }
.ctm-btn { margin-top: 20px;  }
.banner-contain h1 { font-size: 15px; text-transform: uppercase; }
.banner-contain p { font-size: 15px; }
.left-icon { width: 20%; }
.right-contain { width: 80%; padding-left: 12px; }
.logo { margin-top: -172px; text-align: center; padding-bottom: 49px; margin-right: 63px; }
.banner-wrap { max-width: 533px; width: 100%; height: 100%; padding-top: 4px; position: relative; padding-bottom: 50px; }
.banner-wrap:before {content: ''; position: absolute; top: -96px; left: -53px; width: 123%; height: 123%; background-image: url(../images/banner-back-shape.svg); background-position: top right; background-repeat: no-repeat; background-size: cover; opacity: 1; z-index: 0; }
.logo, .selling-title, .banner-contain { position: relative; z-index: 10; }
.hero-section h1 { font-size: 15px; color: #ffffff; padding: 0; margin: 0; padding-bottom: 6px; }
.hero-section p { font-size: 15px; color: #ffffff; margin: 0; padding: 0; width: 100%; max-width: 330px; line-height: 1.7; }
.register-section { background-color: #003649; padding-top: 126px; padding-bottom: 160px; }
.formsection select, .formsection input {border: none; border-bottom: 1px solid #ffffff; background-color: #003649; border-radius: 0; color: #ffffff; padding: 10px 0; width: 100%; margin-bottom: 17px; margin-top: 13px; font-family: 'gothambold', sans-serif; font-size: 15px; }
.formsection select:focus, .formsection input:focus { border-bottom-color: #6dcb99; }
.formsection input::-webkit-input-placeholder {  color: #ffffff; }
.formsection input::-moz-placeholder {  color: #ffffff; }
.formsection input:-ms-input-placeholder {  color: #ffffff; }
.formsection input:-moz-placeholder {  color: #ffffff; }
.formsection textarea::-webkit-input-placeholder { color: #ffffff; }
.formsection textarea::-moz-placeholder { color: #ffffff; }
.formsection textarea:-ms-input-placeholder { color: #ffffff; }
.formsection textarea:-moz-placeholder { color: #ffffff; }
.submit-btn { margin-top: 20px; }
.submit-btn button {border: 1px solid #ffffff; padding: 10px 30px; background-color: transparent; color: #fff; width: auto; text-transform: inherit; font-size: 15px; border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.submit-btn button:hover {background-color: #74648b; border-color: #74648b; }
.ctm-btn { display: block; margin-top: 50px; }
.ctm-btn a {font-family: 'gothammedium', sans-serif; background: #ffffff; border-radius: 4px; display: inline-block; padding: 14px 20px; border: none; color: #000000; font-size: 15px; }
.ctm-btn a:hover { background-color: #003649; color: #fff; }
.copy-right { text-align: center; }
.formsection select{padding-right: 30px !important; background-image: url(../images/select-arrow.svg); background-position: center right; background-repeat: no-repeat; }
.register-section h3 { color: #ffffff; font-size: 25px; max-width: 420px; width: 100%; }
.register-section h3 a { color: #ffffff; }
.register-section h3 a:hover { color: #74648b; }
.leftside, .right-form { padding-left: 7px; }
.formsection { max-width: 550px; width: 100%; }
.footer-left-text {margin-top: -83px; text-align: right; margin-right: 100px; }
.form-title {padding-top: 52px; }
.formsection { padding-top: 26px; }
.form-bottom-logo { text-align: right; margin-top: -30px; display: inline-block; float: right; }
.footer-logo a { display: inline-block; }
.form-bottom-logo a:hover { opacity: 0.5; }
.copy-right p { font-size: 15px; color: #003649; }
/* .....:: Bounce Arrow ::.....*/
.scroll-down a {display: inline-block; position: relative; }
.scroll-down a:after{content: ''; background-image: url(../images/down-in-arrow.svg); background-position: center;background-repeat: no-repeat; display: inline-block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; background-size: 20px; height: 20px; width: 20px; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; } 
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
  40% {-moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }
  60% {-moz-transform: translateY(12px); -ms-transform: translateY(12px); -webkit-transform: translateY(12px); transform: translateY(12px); }
}
@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
  40% {-moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }
  60% {-moz-transform: translateY(12px); -ms-transform: translateY(12px); -webkit-transform: translateY(12px); transform: translateY(12px); }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0px); -ms-transform: translateY(0px); -webkit-transform: translateY(0px); transform: translateY(0px); }
  40% {-moz-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transform: translateY(10px); transform: translateY(10px); }
  60% {-moz-transform: translateY(12px); -ms-transform: translateY(12px); -webkit-transform: translateY(12px); transform: translateY(12px); } }
/* .....:: //Bounce Arrow ::.....*/
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; -webkit-box-shadow: 0 0 0px 1000px #003649 inset; transition: background-color 5000s ease-in-out 0s; }