@import url('../css2');



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

caption, tbody, tfoot, thead,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



*, * focus {

	outline: none;

	margin: 0;

	padding: 0;

}





body{

	font-family: 'Open Sans', sans-serif!important;

	font-weight: 400!important;

	font-size: 14px!important;

	line-height:26px!important;

	color: #111!important;

	height: 100%;

	padding:0!important;

	margin:0!important;

}



html {

  scroll-behavior: smooth!important;

}

.clear{

	clear:both;

	display:block;

	overflow:hidden;

	visibility:hidden;

	width:0;

	height:0

}

.sticky{

	position: fixed!important;

	z-index:999!important;

	width: 100%;

	left: 0;

	top: 0;

	padding:0px 0;

	box-shadow:0px 15px 15px rgba(0,0,0,.15);

	background-color: #000000;

	border-radius: 0;

}

.sticky .logo{

}

.top-nav .container{

	padding-top:0;

	padding-bottom:0;

}

.top-nav i{

	color:#fff;

	margin:0 5px 0 0;

}

.top-nav span{

	float:right;

	text-align:right!important;

}

@media screen and (max-width : 992px) {

.sticky{

	padding:5px 0;

}

.sticky .logo img{

}

}

header{

	position: absolute;

	z-index:1000;

	left:10px;

	top:10px;

	width: calc(100% - 20px);

	background-color: rgba(255, 255, 255, 0.85);

	height:auto;

	padding:5px;

	border-radius: 0 15px 0 15px;

}

header .container{

	padding-top:0;

	padding-bottom:0;

}

header .logo{

	float:left;

	width:25%;

	padding:0;

}

header .logo img{

	width:auto;

	height:70px;

	max-width: 100%;

}

header .header-right{

	float:left;

	width:75%;

	text-align:right;

	padding-top:15px;

}

header .header-right img{

	width:auto;

	height:auto;

}

header .header-right a{

}

header .call{

	float:right;

	text-align:right;

	text-transform:uppercase;

}

header .call a{

	color:#000!important;

	background:linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f)!important;

	display:inline-block;

	text-decoration:none!important;

	-webkit-transition: all .3s ease;

    transition: all .3s ease;

	font-size:16px;

	line-height:40px;

	font-weight:700;

	padding:0 8px;

	margin:0 0 0 10px;

	border-radius:0 10px 0 10px;

	border:solid 0px rgba(0,0,0,0);

}

header .call a i{

	font-size:16px;

	line-height:35px;

	margin-right:0px;

}

.t-menu{

	float: right;

	margin:0;

	width:auto;

}

.navigation{

	width:100%;

	display:block;

	color:#f7c852;

}

.expert{

	position:fixed;

	z-index:999;

	right:0;

	top:50%;

	margin:-104px 0 0 0;

	display:none;

	width:49px;

	height:208px;

}

@media screen and (max-width : 992px) {

header{

	position: relative;

	width: 100%!important;

	left: 0;

	top: 0;

	padding:5px 0;

	border-radius: 0;

	background-color: #fefefe;

}

header .logo{

	float:left;

	width:40%;

	padding:0;

	position:relative;

}

header .logo img{

	width:auto;

	height:50px;

}

header .header-right{

	float:left;

	width:60%;

	padding: 6px 50px 0 0;

	text-align:right;

}

header .call a{

	font-size: 13px;

	line-height:33px;

	padding:0 8px;

	margin:0 0 0 5px;

	border-radius:0 10px 0 10px;

}

}



.slide{

	width: 100%;

	position: relative;

	font-size: 16px!important;

	line-height:32px!important;

	padding:30px 0;

	padding-bottom: 60px;

}





.slide2{

	background-color:#2d2d2d;

	background:url(../images/bg1.jpg) no-repeat left bottom scroll;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	text-decoration: none;

	padding:60px 0;

	color: #fff;

}

.slide2 h6{

	color: #fff!important;

}

.slide2 h2{

    color: #f7c852;

}

.slide3{

	width: 100%;

	background-color: #f9f9f9;

	position: relative;

	font-size: 16px!important;

	line-height:32px!important;

	padding:10px 0;

}







.slide hr{

	border: 0;

	height: 1px;

	margin:10px 0;

	background: #333;

	background-image: linear-gradient(to right, #bbb, #ccc, #aaa);

}







.clear{

	clear:both;

	height:0px;

	line-height:0px;

}



h1{

	font-family: 'Roboto', sans-serif!important;

	font-weight:700!important;

	font-size: 40px!important;

	padding: 0!important;

	color: #000000;

	margin: 0 0 10px 0!important;

	line-height: normal;

	position:relative;

}

h2{

    font-family: 'Roboto', sans-serif!important;

	font-weight:700!important;

	font-size: 40px!important;

	padding: 0!important;

	color: #000000;

	margin: 0 0 10px 0!important;

	line-height: normal;

	position:relative;

}

.subtitle{

	text-transform: uppercase;

	font-size: 14px;

	line-height: 17px;

	display: inline-block;

	letter-spacing: 2.8px;

	padding: 0 0;

	position: relative;

	margin-bottom: 30px;

	z-index: 10;

	color: #fff;

}

.subtitle::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 3px;

    background-color: #f7c852;

    left: 0;

    bottom: -10px;

    z-index: -1;

}

.subtitle2{

	text-transform: uppercase;

	font-size: 14px;

	line-height: 17px;

	display: inline-block;

	letter-spacing: 2.8px;

	padding: 0 0;

	position: relative;

	margin-bottom: 30px;

	z-index: 10;

	color: #000;

}

.subtitle2::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 3px;

    background-color: #f7c852;

    left: 0;

    bottom: -10px;

    z-index: -1;

}

h3{

	color: #222;

	font-size: 22px;

	font-weight:600!important;

	position:relative;

	padding:0 0 15px 0;

	margin:0 0 15px 0;

	text-transform:uppercase;

}

h3 strong{

	font-weight:700!important;

	color:	#f7c852;

}

h4{

	color:rgba(0,0,0,.6);

	font-size: 22px;

	font-weight:500!important;

	position:relative;

}

h4 strong{

	font-weight:700!important;

	color: #f68523;

}

h5{

	font-weight:600!important;

	color: #111;

	font-size: 18px!important;

	position:relative;

	margin:0 0 10px 0!important;

}

h6{

	font-size:16px;

	line-height:25px;

	color:#333;

	margin: 0 0 15px 0!important;



}

div p{

	font-size:14px;

	line-height:26px;

	text-align:justify;

}

div p:last-child{

	font-size:14px;

	line-height:26px;

	text-align:justify;

	margin-bottom: 0!important;

}





.text-center p{

	text-align:center!important;

}

.text-justify p{

	text-align:justify!important;

}



@media screen and (max-width: 768px) {

h1{

	font-size: 32px!important;

	padding: 0!important;

	margin: 0 0 5px 0!important;

}

h2{

    font-size: 32px!important;

	padding: 0!important;

	margin: 0 0 5px 0!important;

}

.subtitle{

	text-transform: uppercase;

	font-size: 14px;

	line-height: 17px;

	display: inline-block;

	letter-spacing: 2.8px;

	padding: 0 0;

	position: relative;

	margin-bottom: 30px;

	z-index: 10;

	color: #fff;

}

.subtitle::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 3px;

    background-color: #ccc;

    left: 0;

    bottom: -10px;

    z-index: -1;

}

.subtitle2{

	text-transform: uppercase;

	font-size: 14px;

	line-height: 17px;

	display: inline-block;

	letter-spacing: 2.8px;

	padding: 0 0;

	position: relative;

	margin-bottom: 30px;

	z-index: 10;

	color: #000;

}

.subtitle2::before {

    position: absolute;

    content: "";

    width: 100%;

    height: 3px;

    background-color: #666;

    left: 0;

    bottom: -10px;

    z-index: -1;

}

h3{

	color: #222;

	font-size: 22px;

	font-weight:600!important;

	position:relative;

	padding:0 0 15px 0;

	margin:0 0 15px 0;

	text-transform:uppercase;

}

h3 strong{

	font-weight:700!important;

	color:	#f7c852;

}

h4{

	color:rgba(0,0,0,.6);

	font-size: 22px;

	font-weight:500!important;

	position:relative;

}

h4 strong{

	font-weight:700!important;

	color: #f68523;

}

h5{

	font-weight:600!important;

	color: #111;

	font-size: 18px!important;

	position:relative;

	margin:0 0 10px 0!important;

}

h6{

	font-size:16px;

	line-height:30px;

	color:#666;

}

p{

	font-size:14px;

	line-height:26px;

	text-align:justify;

}

}



@media screen and (max-width: 570px) {

.container{

	padding-left: 40px!important;

	padding-right: 40px!important;

}

}



.slide ul{



}

.slide ul li{

	margin: 0 0 15px 0;

}



.slider {

	width:100%;

	height: auto;

	position:relative;

	background-color:#000000;

	padding:0!important;

}

.slider .slide{

	padding: 0;

}

.carousel-inner img{

	width:100%;

	height: auto;

}



.slide-text{

  	top: 30%;

	position:absolute;

	z-index:98;

	color:#fff;

	width:100%;

	text-shadow:1px 1px 5px rgba(0,0,0,0);

}

.slide-text .container-fluid{

  	padding-left: 80px;

	padding-right: 80px;

}



.brief{

	background-color:rgba(0,0,0,.8);

	padding: 20px;

	border-radius: 0 35px 0 35px;

	color: #fff;

	font-size: 16px;

	line-height: 1.8;

}

.brief .subheading{

	font-size: 17px;

	font-weight: 500;

	font-family: 'Roboto', sans-serif!important;

	background:linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f);

	color: rgba(0,0,0,.95);

	margin: 0 0 15px 0;

	padding: 0 10px;

	border-radius: 0 10px 0 10px;

	display: inline-block;

}

.brief h3{

	font-size: 28px;

	font-weight: 700!important;

	font-family: 'Roboto', sans-serif!important;

	color: #FFF;

	padding: 0!important;

	margin: 0!important;

	text-transform: capitalize;

}

.brief h4{

	color: #f7c852;

	font-weight: 700!important;

}

.brief h5{

	color: #f7c852;

}

.brief h6{

	font-size: 18px;

	font-style: normal;

	color: #fff;

}

.brief a{

	background-color: #fff;

	border-radius: 0 10px 10px 0;

	line-height: 50px;

	padding: 0px 15px 0px 10px;

	display: inline-block;

	text-decoration: none!important;

	font-weight: 800!important;

	font-size: 22px;

	margin: 10px 0 0 0;

	color: #000000!important;

	box-shadow: 0px 0px 6px rgba(0,0,0,.5);

}

.brief a i{

	float: left;

	background-color: #000000;

	display: inline-block;

	width: 40px;

	height: 50px;

	line-height: 50px;

	color: #fff;

	text-align: center;

	margin: 0 5px 0 0;

	box-shadow: 0px 0px 6px rgba(0,0,0,.5);

}

.brief ul{

	display: block;

	width: 100%;

	list-style: none;

	margin: 0 0 10px 0!important;

	padding: 0!important;

}

.brief ul li{

	display: inline-block;

	margin: 0 10px 0 0;

}

.brief ul li i{

	color:#f7c852;

}



.enquiry{

	width:90%;

	float: right;

	font-weight:700;

	background:linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f)!important;

	margin-top:0;

	text-align:left;

	padding:20px;

	border-radius: 0 15px 0 15px;

}

.enquiry h2{

	font-size:24px!important;

	font-weight:700!important;

	padding-bottom:10px!important;

	color: #000;

}

.enquiry form{

	padding:0;

}

.enquiry form button{

  background-color: #000000;

  width: 100%;

  display: block;

  padding: 0px 20px;

  line-height: 50px;

  font-weight: 600 !important;

  color: #fff !important;

  text-decoration: none !important;

  text-transform: uppercase;

  font-size: 14px;

  margin: 0px 0 0 0;

  border: 0;

  border-radius: 0 10px 0 10px;

  text-align: center;

  cursor: pointer;

  transition: all ease-in-out 0.2s;

  -webkit-transition: all ease-in-out 0.2s;

}





@media screen and (max-width : 992px) {

.slide, .slide2, .slide3{

	padding: 30px 0;

}

.slide-text{

  	top: 0;

	position:relative;

	z-index:auto;

	color:#fff;

	width:100%;

	padding: 0 0 20px 0;

	text-shadow:1px 1px 5px rgba(0,0,0,0);

}

.slide-text .container-fluid{

  	padding-left: 40px;

	padding-right: 40px;

}



.brief{

	background-color:rgba(0,0,0,0);

	padding: 20px 0;

	border-radius: 0 35px 0 35px;

	color: #fff;

	font-size: 18px;

	line-height: 1.8;

	text-align: center;

}

.brief a{

	background-color: #fff;

	border-radius: 10px 0 10px 0;

	line-height: 50px;

	padding: 0px 15px 0px 10px;

	display: inline-block;

	text-decoration: none!important;

	font-weight: 800!important;

	font-size: 22px;

	margin: 10px 0 0 0;

	color: #000000!important;

	box-shadow: 0px 0px 6px rgba(0,0,0,.5);

}

.enquiry{

	width:100%;

	float: none;

}

}



@media screen and (max-width : 480px) {

.slide-text{

  	top: 0;

	position:relative;

	z-index:auto;

	color:#fff;

	width:100%;

	padding: 0 0 20px 0;

	text-shadow:1px 1px 5px rgba(0,0,0,0);

}

.slide-text .container-fluid{

  	padding-left: 40px;

	padding-right: 40px;

}



.brief{

	background-color:rgba(0,0,0,0);

	padding: 20px 0;

	border-radius: 0 35px 0 35px;

	color: #fff;

	font-size: 16px;

	line-height: 1.8;

}

.brief .subheading{

	font-size: 13px;

	font-weight: 500;

	font-family: 'Roboto', sans-serif!important;

	background-color: #f7c852;

	color: rgba(0,0,0,.95);

	margin: 0 0 15px 0;

	padding: 0 10px;

	border-radius: 0 10px 0 10px;

	display: inline-block;

}

.brief h3{

	font-size: 27px;

}

.brief h4{

	color: #f7c852;

	font-size: 18px;

}

.brief h5{

	color: #f7c852;

}

.brief h6{

	font-size: 14px;

	color: #fff;

}

}



@media screen and (max-width: 992px) {

}









.types{

}

.types ul{

	display: table;

	width: 100%;

	list-style: none;

	margin: 0!important;

	padding: 0!important;

	outline: 0!important;

}

.types ul li{

	float: left;

	width: 33.33%!important;

	line-height: 1.3;

	text-align: center;

	padding: 20px;

	color: #666;

}

.types ul li div{

	display: inline-block;

	margin: 0 auto;

	text-align: left;

	min-width: 260px;

}

.types ul li i{

	float: left;

	font-size: 56px;

	margin-right: 10px;

	color: #f7c852;

}

.types ul li strong{

	display: block;

	font-size: 18px;

	font-weight: 700;

	text-transform: uppercase;

	color: #000;

	margin: 8px 0 0 0;

}

.types ul li span{

	font-size: 14px;

}





.subtypes{

	padding: 20px;

	background-color: #000000;

	color: #fff;

	border-radius: 0 25px 0 25px;

}

.subtypes ul{

	display: table;

	width: 100%;

	list-style: none;

	margin: 0!important;

	padding: 0!important;

	outline: 0!important;

}

.subtypes ul li{

	float: left;

	width: 25%!important;

	line-height: 1.3;

	text-align: center;

	position: relative;

	color: #fff;

}

.subtypes ul li::after {

	position: absolute;

	right: -20px;

	top: 10px;

	width: 1px;

	height: 80px;

	background-color: #fff;

	transform: rotate(20deg);

	color: #fff;

	content: "";

}

.subtypes ul li:last-child::after {

	display: none;

}

.subtypes ul li div{

	text-align: center;

}

.subtypes ul li strong{

	font-family: 'Roboto', sans-serif!important;

	display: block;

	font-size: 46px;

	font-weight: 900!important;

	color: #f7c852;

	margin: 8px 0 0 0;

}

.subtypes ul li span{

	font-size: 14px;

}





@media screen and (max-width: 768px) {

.types{

}

.types ul li{

	float: left;

	width: 50%!important;

	line-height: 1.3;

	text-align: left;

	padding: 10px 0;

	color: #666;

}

.types ul li div{

	display: block;

	margin: 0 auto;

	text-align: center;

	min-width: 100%;

}

.types ul li i{

	float: none;

	font-size: 32px;

	color: #f7c852;

	margin-right: 0px;

}

.types ul li strong{

	font-size: 15px;

	margin: 8px 0 0 0;

}

.types ul li span{

	font-size: 13px;

}





.subtypes{

	padding: 15px;

	background-color: #000000;

}

.subtypes ul{

	display: table;

	width: 100%;

	list-style: none;

	margin: 0!important;

	padding: 0!important;

	outline: 0!important;

}

.subtypes ul li{

	float: left;

	width: 50%!important;

	line-height: 1.3;

	text-align: center;

	position: relative;

	color: #fff;

}

.subtypes ul li::after {

	display: none;

}

.subtypes ul li div{

	text-align: center;

}

.subtypes ul li strong{

	font-size: 32px;

	font-weight: 900!important;

	margin: 8px 0 0 0;

}

.subtypes ul li span{

	font-size: 12px;

}

}



#amenities{

	/*background-image:url(../images/bg.jpg)!important;

	background-repeat:repeat-x;

	background-position:left bottom!important;*/

	box-shadow:inset 0px 0px 30px rgba(0,0,0,.2);

}

#amenities ol{

	margin:0 0 0 22px;

}

#amenities ol li{

	margin:10px 0;

}

#amenities .amt-img{

}

#amenities .amt-img img{

	margin-bottom:30px;

}

#contact{

	background-color:#000000;

	color:rgba(255,255,255,1);

	padding:0;

}

#contact h3{

	color: rgba(0,0,0,.95);

	font-weight: 700!important;

}

#contact h5{

	font-size:20px!important;

	text-transform:uppercase;

	padding: 7px 0 0 0!important;

	margin: 0px 0 0 0!important;

	font-weight: 700!important;

	color:rgba(255,255,255,1)!important;

}

#contact .cont-link, #contact .cont-link h5, #contact .cont-link p{

	font-size:16px!important;

	color:rgba(255,255,255,1)!important;

	text-decoration:none;

}

#contact .cont-link i{

	float: left;

	background-color: rgba(0,0,0,.5);

	width: 60px;

	height: 60px;

	line-height: 60px;

	text-align: center;

	border-radius: 10px 0 10px 0;

	font-size: 32px;

	margin: 0 10px 0 0;

}



#contact p{

	font-size:14px!important;

}

#contact p a{

	font-size:18px!important;

	color:rgba(255,255,255,1)!important;

	text-decoration:none;

}

#contact hr{

	border: 0;

	height: 1px;

	margin:0px 0 25px 0!important;

	background: #333;

	background-image: linear-gradient(to right, #f4f4f4, #f5f5f5, #f9f9f9);

}

#contact form{

	margin: -40px 0 0 0;

  border-radius: 50px 0 50px 0;

  background: linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f) !important;

  padding: 36px;

}

#contact form button{

  background-color: #000000;

  width: 100%;

  display: block;

  padding: 0px 20px;

  line-height: 50px;

  font-weight: 600 !important;

  color: #fff !important;

  text-decoration: none !important;

  text-transform: uppercase;

  font-size: 14px;

  margin: 0px 0 0 0;

  border: 0;

  border-radius: 10px 0 10px 0;

  text-align: center;

  cursor: pointer;

  transition: all ease-in-out 0.2s;

  -webkit-transition: all ease-in-out 0.2s;

}

#contact footer{

	background-color:#000000;

	font-size:12px;

	line-height:1.3;

	padding:15px 0;

	width:100%;

	color:rgba(255,255,255,.8);

}

@media screen and (max-width : 992px) {

#contact {

	padding-top:0!important;

	padding-bottom:0!important;

}

#contact form{

	margin: 20px 0 0 0;

	border-radius:50px 0 50px 0;

	background-color: #f7c852;

	padding:30px;

}

#contact footer{

	padding:15px 0 70px 0;

}

}

@media screen and (max-width : 768px) {

#contact {

	padding-top:0!important;

	padding-bottom:0!important;

}

#contact form{

	margin: 0;

	border-radius:20px 0 20px 0;

	padding:15px 10px 10px 10px;

}

}







.floor-plan{

	border-radius: 15px 0 15px 0;

	overflow: hidden;

	margin: 0 0 14px 0;

	width: 100%;

	height: auto;

	border: solid 5px rgba(0,0,0,.3);

	box-shadow: 0px 10px 15px -5px rgba(0,0,0,.15);

}

.floor-plan img{

	width: 100%;

	height: auto;

}



.gallery{

	border-radius: 15px 0 15px 0;

	overflow: hidden;

	width: 100%;

	height: auto;

	box-shadow: 0px 10px 15px -5px rgba(0,0,0,.15);

}

.gallery img{

	width: 100%;

	height: auto;

}







input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"] {

	font-size: 14px;

	border-radius: 4px;

	color: #666;

	font-weight: 400;

	clear: both;

	padding: 0 10px!important;

	width: 100%!important;

	text-decoration: none;

	height: 43px;

	margin: 0 0 10px 0;

	background-color:#fff;

	border:solid 1px rgba(0,0,0,.2);

}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {

	box-shadow: inset 0px 0px 0px #999;

}

select {

	font-size: 14px;

	border-radius: 4px;

	color: #666;

	font-weight: 400;

	clear: both;

	padding: 0 10px!important;

	width: 90%!important;

	text-decoration: none;

	height: 43px;

	margin: 0 0 10px 0;

	background-color:#fff;

	border:solid 1px rgba(0,0,0,.2);

}



textarea {

	font-family: 'Overpass', sans-serif !important;

	font-weight: 400!important;

	font-size: 14px!important;

	line-height:15px!important;

	border-radius: 4px;

	color: #666;

	font-weight: 400;

	clear: both;

	padding: 5px 10px!important;

	width: 100%!important;

	text-decoration: none;

	height: 45px;

	margin: 0 0 10px 0;

	background-color:#fff;

	border:solid 1px rgba(0,0,0,.2);

}



::-webkit-input-placeholder { /* Chrome */

	color: #666;

	opacity: 1;

}

:-ms-input-placeholder { /* IE 10+ */

	color: #666;

	opacity: 1;

}

::-moz-placeholder { /* Firefox 19+ */

	color: #666;

	opacity: 1;

}

:-moz-placeholder { /* Firefox 4 - 18 */

	color: #666;

	opacity: 1;

}







.enquiry input[type="text"], .enquiry input[type="password"], .enquiry input[type="tel"], .enquiry input[type="number"], .enquiry input[type="email"] {

	font-size: 14px;

	border-radius: 4px;

	color: #666;

	font-weight: 400;

	clear: both;

	padding: 0 10px!important;

	width: 100%!important;

	text-decoration: none;

	height: 43px;

	margin: 0 0 10px 0;

	background-color:#fff;

	border:solid 0px rgba(0,0,0,.0);

	box-shadow: 0px 1px 3px rgba(0,0,0,.15);

}



#contact input[type="text"], #contact input[type="password"], #contact input[type="tel"], #contact input[type="number"], #contact input[type="email"] {

	font-size: 14px;

	border-radius: 4px;

	color: #666;

	font-weight: 400;

	clear: both;

	padding: 0 10px!important;

	width: 100%!important;

	text-decoration: none;

	height: 43px;

	margin: 0 0 10px 0;

	background-color:#fff;

	border:solid 0px rgba(0,0,0,.0);

	box-shadow: 0px 1px 3px rgba(0,0,0,.15);

}











.list1{

	margin:0 0 20px 0!important;

	padding: 0!important;

}

.list1 li{

	list-style-type: none;

	padding:8px 0 8px 30px;

	text-indent:3px;

	border-left:solid 0px #FF6600;

	margin:0 0 10px 0;

	text-align:justify;

	font-weight: 600;

	position: relative;

	line-height: 1.3;

}

.list1 li:before {

	position: absolute;

	content: "\f14a";

    font-family: 'Font Awesome 5 Free'!important;

    font-style: normal;

    font-weight: 700;

    text-decoration: inherit;

    color: #f7c852;

    font-size: 26px;

    top: 2px;

    left: 0px;

}



.list1{

	margin:0 0 20px 0!important;

	padding: 0!important;

}

.list1 li{

	list-style-type: none;

	padding:8px 0 8px 30px;

	text-indent:3px;

	border-left:solid 0px #FF6600;

	margin:0 0 10px 0;

	text-align:justify;

	font-weight: 600;

	position: relative;

	line-height: 1.3;

}

.list1 li:before {

	position: absolute;

	content: "\f14a";

    font-family: 'Font Awesome 5 Free'!important;

    font-style: normal;

    font-weight: 700;

    text-decoration: inherit;

    color: #f7c852;

    font-size: 26px;

    top: 2px;

    left: 0px;

}



.list-map{

	margin:0 0 20px 0!important;

	padding: 0!important;

}

.list-map li{

	list-style-type: none;

	padding:8px 0 8px 30px;

	text-indent:3px;

	border-left:solid 0px #FF6600;

	margin:0 0 10px 0;

	text-align:justify;

	font-weight: 600;

	position: relative;

	line-height: 1.3;

}

.list-map li:before {

	position: absolute;

	content: "\f3c5";

    font-family: 'Font Awesome 5 Free'!important;

    font-style: normal;

    font-weight: 700;

    text-decoration: inherit;

    color: #f7c852;

    font-size: 26px;

    top: 2px;

    left: 0px;

}



.modal-backdrop.in {

    filter: alpha(opacity=60)!important;

    opacity: .6!important;

}

.modal-content{

  border-radius: 15px!important;

  outline: 0;

  box-shadow:15px 15px 25px rgba(0,0,0,.3);

  background-color:#fff!important;

  border:0!important;

}

.modal-body {

  padding: 0!important;

  padding:0px!important;

	display: flex;

}

.modal-content .mb-l{

	width:50%;

	border-radius:15px 0 0 15px;

	overflow: hidden;

	align-self: center !important;

}

.modal-content .mb-l img{

	width:100%;

	height:auto;

	vertical-align:top;

}

.modal-content .mb-r{

	position: relative;

	width:50%;

	padding:30px 30px 30px 30px;

	align-self: auto!important;

}

.modal-content .mb-r img{

	height: 50px;

}

.modal-content .mb-r .m-call{

	width: 100%;

	height: 45px;

	line-height: 45px;

	text-align: center;

	position: absolute;

	z-index: 1;

	left: 0;

	bottom: 0;

	background:linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f)!important;

	color: #000;

	border-radius: 0 0 15px 0;

	text-decoration: none;

	font-size: 22px;

	font-weight: 700;

}

.modal-content h2{

	font-weight:normal!important;

	font-weight: 700!important;

	text-transform: capitalize;

	font-size: 26px!important;

	padding: 0 0 15px 0;

	color: #000000!important;

	margin: 0 0 15px 0!important;

	line-height: normal;

	position:relative;

}



.modal-content .mb-r h4{

	color:#fff!important;

}

.modal-body .close {

	position: absolute;

	z-index: 1;

	right: -10px;

	top: -10px;

  font-size: 28px!important;

  font-weight: 700;

  color: #000;

  text-shadow: 0 0px 0 rgba(255,255,255,0);

  opacity: 1;

  margin:0;

  background:linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f)!important;

  width:39px;

  height:39px;

  line-height:39px!important;

  border-radius:50%;

  border:solid 0px #fff!important;

  outline:none!important;

}

.modal-body .close:hover, .modal-body.close:focus {

	background-color:#000;

	opacity: 1;

	color:#000;

}







.btn-demo{

	position:fixed;

	right:40px;

	bottom:0;

	z-index:99;

	border-radius:2px 2px 0 0;

	background: -webkit-linear-gradient(45deg, #dd2622, #f53b37);

	background: linear-gradient(45deg, #dd2622, #f53b37);

	color:#fff;

	padding:0 25px;

	font-weight:400;

	font-size:16px;

	line-height:32px;

	border:solid 2px #fff;

	border-bottom:0;

	box-shadow:0px 0px 5px rgba(0,0,0,.1);

}

@media screen and (max-width : 992px) {

.modal-body {

  padding: 0!important;

  padding:0px!important;

	display: block;

}

.modal-content .mb-l{

	width: 100%;

}

.modal-content .mb-l img{

	display: none;

}

.modal-content .mb-r{

	width:100%;

	padding:30px 30px 75px 30px;

}

.modal-body .close {

	position: absolute;

	z-index: 1;

	right: -5px;

	top: -5px;

  font-size: 28px!important;

  font-weight: 700;

  color: #000;

  text-shadow: 0 0px 0 rgba(255,255,255,0);

  opacity: 1;

  margin:0;

  background:linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f)!important;

  width:39px;

  height:39px;

  line-height:39px!important;

  border-radius:50%;

  border:solid 0px #fff!important;

  outline:none!important;

}

.modal-body .close:hover, .modal-body.close:focus {

	background-color:#000;

	opacity: 1;

	color:#fff;

}

}







.fix-call{

    position:fixed;

    right:0;

    bottom:10px;

    width:160px;

    z-index:1000;

    background-color:rgba(255,255,255,0)!important;

    text-align:center;

    padding:0 10px;

    box-shadow:0px 0px 5px rgba(0, 0, 0, 0)!important;

	text-align:right;

}

.fix-call a{

    color:#fff !important;

    font-size:30px;

	width:auto;

	height:auto;

	display:inline-block;

	text-align:center;

}

.fix-call a:hover{

    text-decoration: none;

}

.fix-call a i{

    color:#fff!important;

    font-size:22px!important;

	width:52px!important;

	height:52px!important;

	line-height:52px!important;

	border-radius:100%;

	display:inline-block;

	margin:0 2px;

	border:solid 0px #0b0c0b;

	box-shadow:0px 3px 3px rgba(0,0,0,.3);

}

.fix-call a.wa img{

    display:none;

}

.fix-call a.fx-call{

	display:none;

}

.fix-call a .fa-phone{

	background: linear-gradient(90deg, #b3802b 0%, #caa13e 50%, #e8ce4f 100%);

}

.fix-call a .fa-whatsapp{

	background-color:#13990a;

	font-size:26px!important;

	line-height:52px!important;

	color:#fff!important;

}

.fix-call a .fa-envelope-open{

	background-color: #000000;

}

.fix-call a span{

	color:#000;

	font-size:14px;

	font-weight:800;

	display:none;

	text-transform:uppercase;

}

@media screen and (max-width : 992px) {

.fix-call{

    position:fixed;

    left:0;

    bottom:0;

    width:100%;

    z-index:100;

	background:linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f)!important;

    text-align:center;

    padding:0 0 0 0;

    box-shadow:0px -5px 10px rgba(0, 0, 0, .1)!important;

	display:table;

}

.fix-call a{

	display:table-cell;

	width: 40%!important;

    color:#000 !important;

	height:auto;

	line-height:1;

	text-align:center;

	text-decoration: none!important;

	margin:0;

	padding:3px 5px;

	font-size:22px!important;

	vertical-align:middle;

	border-right:solid 0px rgba(0,0,0,.3);

}

.fix-call a i{

	display: inline-block;

    color:#000 !important;

    font-size:14px!important;

	width:auto!important;

	height:auto!important;

	line-height:45px!important;

	border-radius:0;

	margin:0 3px 0 0;

	border:solid 0px rgba(255,255,255,0);

	vertical-align:middle;

	box-shadow:0px 3px 3px rgba(0,0,0,0);

	background: transparent!important;

}

.fix-call a i{

	background: transparent;

}

.fix-call a.fx-call{

	display:table-cell;

	width: 40%!important;

}

.fix-call a.wa{

	position: relative;

	z-index: 10;

	top: -5px;

	padding: 3px 5px;

	width: 20%!important;

	background-color: #13990a;

	border-radius: 5px;

	margin-top: 0px;

	box-shadow: 0px 0px 5px rgba(0,0,0,.25);

}

.fix-call a.wa img{

    display:inline-block;

	height:40px;

	vertical-align:middle;

}

.fix-call a.wa span{

    display:none;

}

.fix-call a .fa-whatsapp{

	display:none!important;

	font-size:22px!important;

	background: transparent;

	color:#13990a!important;

}

.fix-call a span{

	display:inline-block;

	line-height:45px;

}

}



.left-fix{

	position:fixed;

	left:-88px;

	z-index:101;

	top:50%;

	margin-top:0px;

	width:210px;

	text-align:center;

	transform: rotate(-90deg);

	font-size:16px;

}

.left-fix a{

	display:block;

	background:linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f)!important;

	color:#000!important;

	text-decoration:none!important;

	line-height:35px;

	padding:0 0;

	font-weight:700!important;

	text-transform:uppercase;

	border-radius: 0 0 5px 5px;

	box-shadow: 0px 0px 10px rgba(0,0,0,.0);

}

.left-fix a:hover{

	text-decoration:none!important;

}

.left-fix i{

	color:#fff;

	font-size:20px;

	background-color:#000;

	width:35px;

	height:35px;

	line-height:35px;

	text-align:center;

}

.right-fix{

	position:fixed;

	right:-88px;

	z-index:999;

	top:50%;

	margin-top:0px;

	width:210px;

	text-align:center;

	transform: rotate(-90deg);

	font-size:16px;

}

.right-fix a{

	display:block;

	background-color:#000000;

	color:#fff!important;

	text-decoration:none!important;

	line-height:35px;

	padding:0 0;

	font-weight:700!important;

	text-transform:uppercase;

	border-radius:5px 5px 0 0;

	box-shadow: 0px 0px 10px rgba(0,0,0,0);

}

.right-fix a:hover{

	text-decoration:none!important;

}

.right-fix i{

	color:#fff;

	font-size:20px;

	background-color:#000;

	width:35px;

	height:35px;

	line-height:35px;

	text-align:center;

}

@media screen and (max-width : 992px) {

.left-fix{

	position:fixed;

	left:-74px;

	top:50%;

	width:175px;

	font-size:14px;

}

.left-fix a{

	line-height:28px;

	padding:0 0;

}

.right-fix{

	position:fixed;

	right:-74px;

	top:50%;

	width:175px;

	text-align:center;

}

.right-fix a{

	display:block;

	color:#fff;

	text-decoration:none;

	line-height:28px;

	padding:0 0;

	font-size: 15px;

}

.right-fix2{

	position:fixed;

	right:-65px;

	top:60%;

	width:150px;

	text-align:center;

	transform: rotate(-90deg);

	text-transform:uppercase;

	font-size:14px;

}

.right-fix2 a{

	display:block;

	color:#fff;

	text-decoration:none;

	line-height:20px;

	padding:0 0;

}

}



.dynamic{

}

.dynamic ul{

	margin:0 0 0 20px;

}

.dynamic ul li{

	margin:0 0 10px 0;

	text-align:justify;

	line-height:1.7;

}

.dynamic ol{

	margin:0 0 0 20px;

}





.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; background-color:#18242e; margin-bottom:15px; }



.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



.map-container{

}

.map-container iframe{

	width:100%;

	height:200px;

	background-color:#fff;

	padding:2px;

	box-shadow:0px 3px 5px rgba(0,0,0,.25);

	margin:0 0 10px 0;

}

.btn1{

	background-color:#052b3a;

	display:inline-block;

	padding:5px 20px;

	line-height:30px;

	font-weight:400!important;

	color:rgba(0,0,0,.8);

	text-transform:uppercase;

	font-size:16px;

	margin:10px 0 0 0;

	border:0;

	transition:all ease-in-out 0.2s;

	-webkit-transition:all ease-in-out 0.2s;

}

.btn1:hover{

	background:linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f)!important;

	color:#fff;

}

.btn2{

	width:auto;

	display:inline-block;

	padding:0px 30px;

	line-height:40px;

	font-weight:700!important;

	text-decoration:none!important;

	text-transform:uppercase;

	font-size:15px;

	margin:0;

	border:0;

	border-radius: 5px;

	text-align:center;

	cursor:pointer;



	background:linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f)!important;

	color: #000!important;

	box-shadow: 0px 5px 10px rgba(0,0,0,.1);



	transition:all ease-in-out 0.2s;

	-webkit-transition:all ease-in-out 0.2s;

}

.btn2:hover{

	background-color:#000000;

	color:#000!important;

	box-shadow: 0px 5px 10px rgba(0,0,0,.2);

}

.btn3{

	background-color:#000000;

	width:100%;

	display:block;

	padding:0px 20px;

	line-height:50px;

	font-weight:700!important;

	color:#fff!important;

	text-decoration:none!important;

	text-transform:uppercase;

	font-size:14px;

	margin:0;

	border:0;

	border-radius: 5px;

	text-align:center;

	cursor:pointer;

	box-shadow: 0px 5px 10px rgba(0,0,0,.2);

	transition:all ease-in-out 0.2s;

	-webkit-transition:all ease-in-out 0.2s;

}

.btn3:hover{

	background:linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f)!important;

	color: #000!important;

}

.btn4{

	background: linear-gradient(120deg, #ffdf8f, #f7c852, #ffdf8f) !important;

  width: 100%;

  display: block;

  padding: 0px 20px;

  line-height: 50px;

  font-weight: 400 !important;

  color: #000 !important;

  text-decoration: none !important;

  text-transform: uppercase;

  font-size: 26px;

  margin: 10px 0 0 0;

  border: 0;

  text-align: center;

  cursor: pointer;

  transition: all ease-in-out 0.2s;

  -webkit-transition: all ease-in-out 0.2s;

}

.btn4:hover{

	background-color:#052b3a!important;

	color:#ffff!important;

}

.btn5{

	background-color:#f9f9f9;

	display:inline-block;

	padding:0px 15px;

	line-height:35px;

	font-weight:700!important;

	color:rgba(0,0,0,.8);

	text-transform:uppercase;

	font-size:14px;

	margin:0px 0 0 0;

	border:solid 1px rgba(0,0,0,.1);

	border-radius: 4px;

	text-align:center;

	text-decoration: none!important;

	transition:all ease-in-out 0.2s;

	-webkit-transition:all ease-in-out 0.2s;

}

.btn5:hover{

	background-color:#000000;

	color: #fff;

}



/*#dots{display:none;}

#more {display:inline-block;}

#myBtn{display:none!important;}





#dots2{display:none;}

#more2{display: inline-block;}

#myBtn2{display:none!important;}



#dots3{display:none;}

#more3{display: inline-block;}

#myBtn3{display:none!important;}

*/



#dots{display:inline-block;}

#more{display: none;}

#myBtn{display:inline-block!important;}



#dots2{display:inline-block;}

#more2{display: none;}

#myBtn2{display:inline-block!important;}



#dots3{display:inline-block;}

#more3{display: none;}

#myBtn3{display:inline-block!important;}





.grecaptcha-badge { opacity:0;}



.fptypes small{color:#fff;font-weight:bold;}

.button-top {

  background: #ffdf8f;

  position: fixed;

  cursor: pointer;

  left: 10px;

  bottom: 10px;

color: #000;;

  font-size: 13px;

  opacity: 0;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all 500ms ease;

  z-index: 99;

}