/* CSS Document 
Theme Name: Belise Sales
Description: Theme for Belise Sales
Author: Zigzag Advertising (Whitney Chua)
Author URI: http://www.zigzagadvertising.com.au/
Version: 1.0
*/

/***** FONTS *****/
/***** FONTS *****/
@font-face { 
font-family: Baskerville;  
src:url('fonts/Baskerville.eot'); /* IE9 Compat Modes */
src:url('fonts/Baskerville.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/Baskerville.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/Baskerville.woff') format('woff'), /* Pretty Modern Browsers */
url('fonts/Baskerville.ttf')  format('truetype'), /* Safari, Android, iOS */
url('fonts/Baskerville.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}

@font-face { 
font-family: Baskerville-Bold;  
src:url('fonts/Baskerville-Bold.eot'); /* IE9 Compat Modes */
src:url('fonts/Baskerville-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/Baskerville-Bold.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/Baskerville-Bold.woff') format('woff'), /* Pretty Modern Browsers */
url('fonts/Baskerville-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
url('fonts/Baskerville-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}
@font-face { 
font-family: Baskerville-BoldItalic;  
src:url('fonts/Baskerville-BoldItalic.eot'); /* IE9 Compat Modes */
src:url('fonts/Baskerville-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/Baskerville-BoldItalic.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/Baskerville-BoldItalic.woff') format('woff'), /* Pretty Modern Browsers */
url('fonts/Baskerville-BoldItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
url('fonts/Baskerville-BoldItalic.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}
@font-face { 
font-family: Baskerville-Italic;  
src:url('fonts/Baskerville-Italic.eot'); /* IE9 Compat Modes */
src:url('fonts/Baskerville-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/Baskerville-Italic.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/Baskerville-Italic.woff') format('woff'), /* Pretty Modern Browsers */
url('fonts/Baskerville-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
url('fonts/Baskerville-Italic.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}
@font-face { 
font-family: Baskerville-SemiBold;  
src:url('fonts/Baskerville-SemiBold.eot'); /* IE9 Compat Modes */
src:url('fonts/Baskerville-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/Baskerville-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
url('fonts/Baskerville-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
url('fonts/Baskerville-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
url('fonts/Baskerville-SemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}

/***** GENERAL *****/
body { overflow-x:hidden; font-size:16px; color:#251f52; font-family: Baskerville; line-height:1.5em; }
a { color:#15425a; }
a, a:hover, a:focus { outline:0; } 
a:hover, a:focus { color:#15425a; text-decoration:underline; } 
h1,h2,h3,h4,h5,h6 { color:#251f52; font-weight:normal; text-align:center; letter-spacing:1px; margin-top:10px; margin-bottom:10px; text-transform:uppercase; line-height:1.5em; }
h2 { letter-spacing:2px; }
.full-width { padding-left:0px; padding-right:0px; }
strong { font-weight:normal; font-family: Baskerville-Bold;   }
.four-oh-four h1 { color:#251f52; padding-top:150px; padding-bottom:150px; }
.SemiBold {font-family:Baskerville-SemiBold;}
.submit-button { padding:8px 12px; border:1px solid #423b6a; border-radius:0; background:#ffffff; color:#423b6a; font-family:Baskerville-SemiBold;}
.submit-button:hover {text-decoration:none; background:#423b6a; color:#ffffff;}
.download-button {padding:8px 12px; border:1px solid #423b6a; border-radius:0; background:#ffffff; color:#423b6a; font-family:Baskerville-SemiBold; }
.download-button:hover {text-decoration:none; background:#423b6a; color:#ffffff;}
.center {margin-left:auto !important; margin-right:auto !important;}

/***** TABLES *****/
.table, table, tr, td, tbody {margin-left:auto !important; margin-right:auto !important; border:0px !important;  width:auto !important; padding:15px !important;}
.line {border-top:2px solid !important; padding-bottom:5px !important;}

.table2 {border:1px solid !important;}
.apartment-table {text-align:center;border:1px solid !important; padding:10px !important;}
.apartment-table-grey {background:#4f4d4d; height:10px !important; padding:0px !important; border:1px solid #4f4d4d !important;}
th {background:#251d53; color:#ffffff}

/***** HEADER *****/
header { padding-top:15px; padding-bottom:15px; text-align:center; background:#251d53; }
header img { margin-left:auto; margin-right:auto; }

/***** HERO *****/
.hero-container {  text-align:left; position:relative; background-size:cover; background-repeat:no-repeat; background-position:bottom;  }
.hero-container .container { position:relative; display:block; height:650px; }
.hero-container .hero-description  { position:absolute; top:50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);   transform: translateY(-50%);  color:#ffffff; font-family: Baskerville-Italic; float:none; text-align:left; }
.hero-container h2 {  color:#ffffff; font-family: Baskerville; text-align:left; }
.hero-container .hero-description strong { font-family: Baskerville-Bold !important;}
.hero-circle { left:82%; top:5%; float:none;  display:block;}
.img-hero-circle {width:200px !important;display:block;}


/***** HOMEPAGE SECOND ROW *****/
.second-row-container { position:relative; text-align:center; padding:50px 0px;}

/***** HOMEPAGE THIRD ROW *****/
.third-row-container { position:relative; background:#e6e7e8; text-align:center; padding:50px 0px;}

/***** REGISTER ROW *****/
.register-row-container { position:relative; text-align:center; padding:0px !important; background:#ffffff;}
.form-fields {margin-top:10px; padding-left:10px; outline:none;margin-left:auto !important; margin-right:auto !important; border:1px solid #423b6a; color:#423b6a;}
div#wpcf7-f92-p100-o1 {text-align:center !important;}

/***** REGISTRATION FORM *****/
.um-field-label, .um-field-checkbox-option {font-size:16px; color:#251f52 !important; font-family: Baskerville; line-height:1.5em; }
.um-form-field {border-color:#251f52 !important;}
.um-button, .um-alt {background-color:#251f52 !important; color:#ffffff !important; border:2px solid #423b6a !important; font-size:17px !important; font-family:Baskerville-SemiBold !important;}
.um-button:hover, .um-alt:hover {background-color:#ffffff !important; color:#251f52 !important;}
.um-field-block {font-size:13px !important;}

/***** HOMEPAGE FOURTH ROW *****/
.fourth-row-container { position:relative; text-align:center; padding:60px 0px 20px 0px;}
.download-button1 {width:200px !important; height:100px !important; display:inline-block;border:2px solid #423b6a; vertical-align:top; margin:20px 10px 0px 0px; padding:25px 0px;}
.download-button1:hover {background:#423b6a; color:#ffffff; text-decoration:none;}
.download-button2 {width:200px !important; height:100px !important; display:inline-block;border:2px solid #423b6a; vertical-align:top; margin:20px 10px 0px 0px; padding:13px 0px;}
.download-button2:hover {background:#423b6a; color:#ffffff; text-decoration:none;}



/***** HOMEPAGE FIFTH ROW *****/
.fifth-row-container { position:relative; text-align:center; padding:10px 0px 20px 0px;}
.method-button1 {width:350px !important; height:120px !important; display:inline-block;border:2px solid #423b6a; vertical-align:top; margin:20px 10px 0px 0px; padding:35px 0px;}
.method-button2 {width:350px !important; height:120px !important; display:inline-block;border:2px solid #423b6a; vertical-align:top; margin:20px 10px 0px 0px; padding:25px 0px;}
.method-button1:hover, .method-button2:hover  {background:#423b6a; color:#ffffff; text-decoration:none;}

/***** HOMEPAGE SIXTH ROW *****/
.sixth-row-container { position:relative; text-align:center; padding:50px 0px 0px 0px; margin:0px !important;}
.gallery-row-container { position:relative; text-align:center; padding:20px 0px; margin:0px !important;}
.sp-slides-container {height:200px !important;}
.sp-button {border: 2px solid #423b6a;}
.sp-selected-button {background:#423b6a;}


/***** HOMEPAGE SEVENTH ROW *****/
.seventh-row-container { position:relative; text-align:center; padding:50px 0px 0px 0px;}



 
/***** CONTACT DETAILS *****/
.contact-details-container { background:#009bac; text-align:center; color:#ffffff; padding-top:50px; padding-bottom:50px; }
.contact-details-container h3 { color:#ffffff; }
.contact-details-container a { color:#ffffff; }
.contact-details-container .btn { text-transform:uppercase; padding:8px 12px; border:1px solid #ffffff; border-radius:0; }
.contact-details-container .btn:hover {color:#ffffff; text-decoration:none; background:#06818f;}
.disclaimer {font-size:10px;line-height:15px;}


/***** FOOTER *****/
footer { background:#333132; padding-top:20px; padding-bottom:20px; text-align:center; }
footer img { margin-left:auto; margin-right:auto; }

/*** MEDIA QUERIES ***/
@media (max-width:1200px) {
.sp-button {width:10px !important; height:10px;}
}
@media (max-width:980px) {

	
}
@media (max-width:768px) {
.hero-container .container { height:600px; }	
.second-row-container { padding-top:50px; padding-bottom:50px; }
.third-row-container { padding-top:50px; padding-bottom:50px; }
.sp-button {width:10px !important; height:10px;}
}
@media (max-width:767px) {
.hero-container .container { height:700px; }
.hero-container h2 {font-size:25px !important;}
.hero-container .hero-description  {top:65%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);   transform: translateY(-50%);  }
.hero-circle { left:0%; top:5%; float:none;  display:block; position:relative;}

}



@media (max-width:480px) {
.hero-container .container { height:660px; }
.hero-container h2 {font-size:22px !important;}
.method-button1, .method-button2 {width:300px !important; height:120px !important;}
.hero-container .hero-description  {top:63%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);   transform: translateY(-50%);  }
.hero-circle { left:0%; top:5%; float:none;  display:block; position:relative;}
.img-hero-circle {width:160px !important;display:block;}
}

@media only screen and (max-width: 414px)     {  
.hero-container .container { height:700px; }
.hero-container h2 {font-size:20px !important;}
.method-button1, .method-button2 {width:245px !important; height:140px !important;}
}

@media only screen and (max-width: 375px)     {  
.hero-container .container { height:740px; }
.hero-container h2 {font-size:16px !important;}
.hero-container .hero-description  {top:60%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);   transform: translateY(-50%);  }
.hero-circle { left:0%; top:5%; float:none;  display:block; position:relative;}
.img-hero-circle {width:160px !important;display:block;}


}