@import url('../css2.html');
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, #a70808, #042e1f, #f50c0c)!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:#042e1f;
}
.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: #042e1f;
}
.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: #042e1f;
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: #042e1f;
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: #042e1f;
}
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: #042e1f;
}
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, #042e1f, #042e1f, #042e1f);
color: #fff;
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: #fff;
font-weight: 700!important;
font-size:25px;
}
.brief h5{
color: #042e1f;
}
.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:#042e1f;
}
.enquiry{
width:90%;
float: right;
font-weight:700;
background:linear-gradient(120deg, #042e1f, #042e1f, #042e1f)!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: #fff;
}
.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: #042e1f;
color: #fff;
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: #fff;
font-size: 18px;
}
.brief h5{
color: #042e1f;
}
.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: #042e1f;
}
.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: #042e1f;
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: #042e1f;
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, #042e1f, #042e1f, #042e1f) !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: #042e1f;
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: #042e1f;
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: #042e1f;
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: #042e1f;
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, #042e1f, #042e1f, #042e1f)!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: #fff;
text-shadow: 0 0px 0 rgba(255,255,255,0);
opacity: 1;
margin:0;
background:linear-gradient(120deg, #042e1f, #042e1f, #042e1f)!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, #042e1f, #042e1f);
background: linear-gradient(45deg, #042e1f, #042e1f);
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, #042e1f, #042e1f, #042e1f)!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, #07367e 0%, #0d6efd 50%, #0d6efd 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:#fff;
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, #850505, #042e1f, #b94421)!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, #042e1f, #042e1f, #042e1f)!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:#042e1f;
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, #042e1f, #042e1f, #042e1f)!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, #042e1f, #042e1f, #042e1f)!important;
color: #fff!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:#fff!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, #042e1f, #042e1f, #042e1f)!important;
color: #000!important;
}
.btn4{
background: linear-gradient(120deg, #042e1f, #042e1f, #042e1f) !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: #042e1f;
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;
}