@charset "utf-8";
/* CSS Document */
a, a:active, a:focus { outline: 0;}
blockquote, q {	quotes: none}
blockquote:after, blockquote:before, q:after, q:before {content: ''; content: none;}
a {	text-decoration: none;	transition: all .3s ease-out;-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;	-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out}
.clearfix:after, .clearfix:before {	content: " "; visibility: hidden; display: block;	height: 0}
input:focus, select:focus {	outline-color: #FFFFFF;}
* {	padding: 0;	margin: 0;}

a:hover, a:focus { text-decoration: none;}
button { border: none;}
body { }


/* Global CSS starts here */


.mt20 { margin-top:20px; }
.mt50 { margin-top:50px; }

.mb35 { margin-bottom:35px; }
.mb50 { margin-bottom:50px; }

.padzero { padding:0;}


/* Global CSS starts here */


.wrapper { width:100%; margin:0px auto;}
.logo > a > img { width:100%; max-width:155px;}

.social-media > ul { margin:0; padding:0; float:right;}
.social-media > ul > li { display-inline:block; list-style:none; float:left; padding-right:10px;}
.social-media > ul > li:last-child { padding-right:0;}

.spotlight > img { width:100%; margin:0px auto;}
.spotlight > iframe { width:100%; margin:0px auto; height:500px;}

.texture-bg{ background:url(../images/bg.jpg) no-repeat top center; background-size:cover;}
.pics {  width:100%; margin:0px auto; max-width:800px; }
.pics > ul { margin:0; padding:0; text-align:center; padding:50px 0 50px 0;}
.pics > ul > li { display:inline-block; list-style:none; width:33%; float:left; }
.pics > ul > li > p { text-align:center; font-size:30px; font-family: 'thesans_b6_semiboldregular'; color:#333333; padding-top:15px; }


.clr-bg { background:#e3d2a4; width:100%; margin:0px auto; padding:50px 0 50px 0;}
.copy-text { font-size:25px; font-family: 'thesans_b5_plainregular'; color:#333333;}
.copy-text > p { font-size:30px; font-family: 'thesans_b7bold'; color:#333333; padding:20px 0 0 0;}



.rule-listing > p { font-size:30px; font-family: 'thesans_b7bold'; color:#333333; text-align:center; padding-top:50px;}

.rule-listing > ul { margin:0; padding:0; text-align:center; padding:0 0 50px 0;}
.rule-listing > ul > li { list-style:none; text-align:center; position:relative; font-size:25px; font-family: 'thesans_b5_plainregular'; color:#333333; padding:20px 0 20px 0;}
.rule-listing > ul > li:before { content:''; position:absolute; width:8px; height:8px; background-color:#a5851e; border-radius:8px; left:50%; transform:translateX(-50%); top:0; }
.rule-listing > ul > li > p { text-align:center; font-size:30px; font-family: 'thesans_b6_semiboldregular'; color:#333333; padding-top:15px; }
.rule-listing > ul > li:first-child:before { content:none; }
.rule-listing > ul > li:first-child { padding-top:0; }

.rule-listing > ul > li > a { color:#0569c7; text-decoration:none;}
.rule-listing > ul > li > a:hover { color:#333333; text-decoration:none;}

.spots > img { width:100%; margin:0px auto;}


.elegance {  font-family: 'thesans_b3_lightregular'; font-size:35px; color:#333333; text-align:center; }
.elegance > p {  font-family: 'thesans_b5_plainregular'; font-size:18px; color:#333333; padding-top:20px; }


.gray-bg { background-color:#f3f2f2; padding:50px 0 50px 0;}

.ceiling {  font-family: 'thesans_b2_extralightregular'; font-size:32px; color:#333333; text-align:center; }
.ceiling > p { font-size:16px; }


.ceiling > ul { margin:0; padding:0; margin-top:45px;}
.ceiling > ul > li { float:left;  list-style:none; width:20%; }
.ceiling > ul > li > span { display:flex; align-items:center; justify-content:center; width:100px; height:100px; background-color:#0569c7; border-radius:100px; margin:0px auto; }

.ceiling > ul > li > div { font-family: 'thesans_b5_plainregular'; font-size:16px; color:#333333; text-align:center; text-transform:uppercase; padding-top:15px; }
.ceiling > ul > li > p { font-family: 'thesans_b5_plainregular'; font-size:14px; color:#333333; text-align:center; padding-top:20px;}



.terms { }
.terms > p { font-family: 'thesans_b5_plainregular'; font-size:16px; color:#333333; padding:20px 0 5px 0;}
.terms > ul { margin:0; padding:0; padding-left:15px;}
.terms > ul > li { list-style:decimal; float:left; font-size:11px; padding-bottom:5px; width:100%;}

/* media querry starts here */

@media screen and (min-width:320px) and (max-width:767px){
	
.spotlight > iframe { height:300px;}	
	
.pics > ul > li {  width:100%; float:none; display:block; }	
.pics > ul > li > p { font-size:25px;}

.copy-text { font-size:18px;}
.copy-text > p { font-size:25px;}

.rule-listing > ul > li { font-size:18px; }

.elegance {  font-size:25px; }
.elegance > p { font-size:14px;}

.ceiling { font-size:25px; }
.ceiling > p { font-size:13px; }
.ceiling > ul > li { float:none; width:100%; text-align:center; }
	
}


@media screen and (min-width:768px) and (max-width:991px){ 
.ceiling > ul > li { width:33%; }

.pics > ul > li > p { font-size:28px;}

.copy-text { font-size:20px;}
.copy-text > p { font-size:28px;}

.rule-listing > ul > li { font-size:20px; }

.elegance {  font-size:28px; }
.elegance > p { font-size:16px;}

.ceiling { font-size:28px; }
.ceiling > p { font-size:14px; }

}