*{
padding:0;
margin:0
}
@import 'https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap';
html{
scroll-behavior:smooth
}
body,html{
height:100%;
margin:0;
background:#0c0347
}
p{
margin:0
}
html{
height:100%;
overflow-x:hidden;
-webkit-overflow-scrolling:touch;
scroll-behavior:smooth
}
a{
text-decoration:none
}
a:hover{
text-decoration:none
}
h1,h2,h3,h4,h5{
margin:0;
padding:0
}
ul{
list-style-type:none;
display:inline-block;
width:100%;
padding:0;
margin:0
}
.btn{
border:none
}
h1{
font-size:36px
}
h2{
font-size:30px
}
h3{
font-size:24px
}
h4{
font-size:20px
}
h5{
font-size:18px
}
h6{
font-size:16px
}
.text-uppercase{
text-transform:uppercase
}
.p-10{
padding-top:10px;
padding-bottom:10px
}
.p-20{
padding-top:20px;
padding-bottom:20px
}
.p-30{
padding-top:30px;
padding-bottom:30px
}
.p-40{
padding-top:40px;
padding-bottom:40px
}
.p-50{
padding-top:50px;
padding-bottom:50px
}
.p-60{
padding-top:60px;
padding-bottom:60px
}
.p-70{
padding-top:70px;
padding-bottom:70px
}
.p-80{
padding-top:80px;
padding-bottom:80px
}
.p-90{
padding-top:90px;
padding-bottom:90px
}
.p-100{
padding-top:100px;
padding-bottom:100px
}
.pt-10{
padding-top:10px
}
.pt-20{
padding-top:20px
}
.pt-30{
padding-top:30px
}
.pt-40{
padding-top:40px
}
.pt-50{
padding-top:50px
}
.pt-60{
padding-top:60px
}
.pt-70{
padding-top:70px
}
.pt-80{
padding-top:80px
}
.pt-90{
padding-top:90px
}
.pt-100{
padding-top:100px
}
.pb-10{
padding-bottom:10px
}
.pb-20{
padding-bottom:20px
}
.pb-30{
padding-bottom:30px
}
.pb-40{
padding-bottom:40px
}
.pb-50{
padding-bottom:50px
}
.pb-60{
padding-bottom:60px
}
.pb-70{
padding-bottom:70px
}
.pb-80{
padding-bottom:80px
}
.pb-90{
padding-bottom:90px
}
.pb-100{
padding-bottom:100px
}
.pb-150{
padding-bottom:150px
}
.pb-200{
padding-bottom:200px
}
.mt-10{
margin-top:10px
}
.mt-20{
margin-top:20px
}
.mt-30{
margin-top:30px
}
.mt-40{
margin-top:40px
}
.mt-50{
margin-top:50px
}
.mt-60{
margin-top:60px
}
.mt-70{
margin-top:70px
}
.mt-80{
margin-top:80px
}
.mt-90{
margin-top:90px
}
.mt-100{
margin-top:100px
}
.mb-10{
margin-bottom:10px
}
.mb-20{
margin-bottom:20px
}
.mb-30{
margin-bottom:30px
}
.mb-40{
margin-bottom:40px
}
.mb-50{
margin-bottom:50px
}
.mb-60{
margin-bottom:60px
}
.mb-70{
margin-bottom:70px
}
.mb-80{
margin-bottom:80px
}
.mb-90{
margin-bottom:90px
}
.mb-100{
margin-bottom:100px
}
.no-padding{
padding:0
}
.no-margin{
margin:0
}
.max-container90{
max-width:90%;
margin:0 auto
}
.site-office{
color:#fff;
font-size:14px;
margin-bottom:10px
}
@font-face{
font-family:butler;
src:url(//fonts/Butler_Ultra_Light.otf) format("opentype"),url(//www.orion132.com/Butler_Ultra_Light.woff) format('woff');
font-weight:100;
font-style:normal
}
@font-face{
font-family:butler;
src:url(//fonts/Butler_Light.otf) format("opentype"),url(//fonts/Butler_Light.woff) format('woff');
font-weight:300;
font-style:normal
}
@font-face{
font-family:butler;
src:url(//fonts/Butler_Regular.otf) format("opentype"),url(//fonts/Butler_Regular.woff) format('woff');
font-weight:400;
font-style:normal
}
@font-face{
font-family:butler;
src:url(//fonts/Butler_Medium.otf) format("opentype"),url(//fonts/Butler_Medium.woff) format('woff');
font-weight:500;
font-style:normal
}
@font-face{
font-family:butler;
src:url(//fonts/Butler_Bold.otf) format("opentype"),url(//fonts/Butler_Bold.woff) format('woff');
font-weight:700;
font-style:normal
}
@font-face{
font-family:butler;
src:url(//fonts/Butler_ExtraBold.otf) format("opentype"),url(//fonts/Butler_ExtraBold.woff) format('woff');
font-weight:800;
font-style:normal
}
@font-face{
font-family:butler;
src:url(//fonts/Butler_Black.otf) format("opentype"),url(//fonts/Butler_Black.woff) format('woff');
font-weight:900;
font-style:normal
}
::-webkit-scrollbar{
width:5px
}
::-webkit-scrollbar-track{
background:#fff
}
::-webkit-scrollbar-thumb{
background:#888
}
::-webkit-scrollbar-thumb:hover{
background:#555
}
#loader-wrapper{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:1000
}
#loader-wrapper .loader-section{
position:fixed;
top:0;
width:51%;
height:100%;
background:#414141;
z-index:1000
}
#loader-wrapper .loader-section.section-left{
left:0
}
#loader-wrapper .loader-section.section-right{
right:0
}
.loaded #loader-wrapper .loader-section.section-left{
-webkit-transform:translateX(-100%);
-ms-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);
transition:all .7s .3s cubic-bezier(.645,.045,.355,1)
}
.loaded #loader-wrapper .loader-section.section-right{
-webkit-transform:translateX(100%);
-ms-transform:translateX(100%);
transform:translateX(100%);
-webkit-transition:all .7s .3s cubic-bezier(.645,.045,.355,1);
transition:all .7s .3s cubic-bezier(.645,.045,.355,1)
}
.loaded #loader-wrapper{
visibility:hidden;
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);
-webkit-transition:all .3s 1s ease-out;
transition:all .3s 1s ease-out
}
article{
overflow:hidden
}
.bg-blue{
background:#0c0347!important
}
.bg-white{
background:#fff!important
}
.desk-view{
display:block
}
.mob-view{
display:none
}
.owl-dot{
outline:none!important
}
.main-heading{
position:relative;
display:block;
width:100%
}
.main-heading h5{
font-size:14px;
font-family:lato,sans-serif;
font-weight:400;
text-align:center;
text-transform:uppercase;
margin-bottom:20px;
color:#fff
}
.main-heading h2{
font-family:butler,sans-serif;
font-weight:400;
font-size:42px;
text-align:center;
background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
text-transform:capitalize
}
.main-heading img{
text-align:center;
width:140px;
margin:0 auto;
display:block;
margin-bottom:20px
}
.zindex999999{
z-index:999999;
position:relative
}
.navigation-wrap{
position:relative;
z-index:99999999!important
}
.start-header{
opacity:1;
transform:translateY(0);
padding:20px 0;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
.home-header .logo{
opacity:0;
transition:visibility 0s linear 300ms,opacity 300ms
}
.scroll-on .logo{
opacity:1;
transition:visibility 0s linear 500ms,opacity 500ms
}
.start-header.scroll-on{
padding:10px 0;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
.navigation-wrap{
position:fixed;
width:100%;
top:0;
left:0;
z-index:1000;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out;
background:#0c0347
}
.navbar{
padding:0
}
.navbar-nav{
display:flex;
align-items:center;
justify-content:end
}
.navbar-brand img{
display:block;
-webkit-transition:all .3s ease-out;
transition:all .3s ease-out
}
.navbar-toggler{
float:right;
border:none;
padding-right:0
}
.navbar-toggler:active,.navbar-toggler:focus{
outline:none
}
.navbar-light .navbar-toggler-icon{
width:24px;
height:17px;
background-image:none;
position:relative;
border-bottom:1px solid #000;
transition:all 300ms linear
}
.navbar-light .navbar-toggler-icon:after,.navbar-light .navbar-toggler-icon:before{
width:24px;
position:absolute;
height:1px;
background-color:#000;
top:0;
left:0;
content:'';
z-index:2;
transition:all 300ms linear
}
.navbar-light .navbar-toggler-icon:after{
top:8px
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{
transform:rotate(45deg)
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{
transform:translateY(8px) rotate(-45deg)
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{
border-color:transparent
}
.nav-link{
color:#fff!important;
text-transform:uppercase;
font-weight:400;
transition:all 200ms linear;
letter-spacing:.3px;
font-size:13px
}
.nav-item:hover .nav-link{
color:#fef0ca!important
}
.nav-item.active .nav-link{
color:#fef0ca!important
}
.nav-link{
position:relative;
padding:13px 0!important;
display:inline-block
}
.nav-item:after{
position:absolute;
bottom:-5px;
left:0;
width:0;
height:1px;
content:'';
background-color:#fef0ca;
opacity:0;
transition:width .5s,background-color .5s
}
.nav-item:hover:after{
bottom:-2;
opacity:1;
width:100%;
transition:width .5s,background-color .5s
}
.nav-item.active:hover:after{
opacity:0
}
.nav-item.activeclass:after{
bottom:-2;
opacity:1;
width:100%;
transition:width .5s,background-color .5s
}
.nav-item{
position:relative;
transition:all 200ms linear
}
a:-webkit-any-link:focus-visible{
outline-offset:0!important;
border:none!important;
outline:none!important
}
.dropdown-menu{
position:absolute;
top:100%;
left:-1px;
z-index:1000;
display:none;
float:left;
min-width:10rem;
padding:0;
margin:2px 0 0;
font-size:1rem;
color:#212529;
text-align:left;
list-style:none;
background-color:#fff;
background-clip:padding-box;
border:1px solid rgba(0,0,0,.15);
border-radius:0
}
.dropdown-item{
color:#0c0347!important;
text-transform:uppercase;
font-weight:400;
transition:.5s;
letter-spacing:.3px;
font-size:13px;
padding:8px 10px;
border-bottom:1px solid #eee
}
.dropdown-item:hover{
background:#fee2ca;
color:#0c0347!important;
transition:.5s
}
.full-height{
height:100vh
}
.over-hide{
overflow:hidden
}
.absolute-center{
position:absolute;
top:50%;
left:0;
width:100%;
margin-top:40px;
transform:translateY(-50%);
z-index:20
}
.navbar-expand-md .navbar-nav{
justify-content:end
}
.header-btn{
font-family:Lato,sans-serif;
font-weight:500;
background:0 0;
border-radius:0;
padding:8px 15px;
transition:all .3s;
margin-top:-5px;
color:#fff;
border:2px solid #fff;
text-transform:uppercase;
font-size:13px
}
.header-btn:hover{
background:#fee2ca;
transition:all .3s;
color:#0c0347;
border:2px solid #fff
}
#custCarousel{
position:relative;
z-index:999;
background:#0c0347;
margin-top:95px;
}
.logo{
width:200px;
margin:0 auto
}
.banner{
background-position:50% 0%;
background-size:cover;
height:100%;
}
.banner .visibility{
visibility:hidden
}
.banner .banner-text{
text-align:center
}
.banner .banner-text p{
font-size:14px;
font-family:lato,sans-serif;
font-weight:400;
text-align:center;
text-transform:uppercase;
margin-bottom:30px;
color:#fff
}
.banner .banner-text h2{
font-family:butler,sans-serif;
font-weight:400;
font-size:42px;
text-align:center;
background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
margin-bottom:50px
}
.banner-btn{
font-family:Lato,sans-serif;
font-weight:500;
background:0 0;
border-radius:0;
padding:10px 30px;
transition:all .3s;
margin-top:20px;
color:#fff;
border:2px solid #fff;
text-transform:uppercase;
font-size:14px;
color:#fff;
display:block;
margin-bottom:20px
}
.banner-btn:hover{
background:#fee2ca;
transition:all .3s;
color:#0c0347;
border:2px solid #fff
}
.banner2{
background:url(//images/transparent-banner.webp);
background-position:50% 0%;
background-size:cover;
height:100vh
}
.banner2 .banner-text{
text-align:center
}
.banner2 .banner-text p{
font-size:14px;
font-family:lato,sans-serif;
font-weight:400;
text-align:center;
text-transform:uppercase;
margin-bottom:30px;
color:#fff
}
.banner2 .banner-text h1{
font-family:butler,sans-serif;
font-weight:400;
font-size:40px;
text-align:center;
background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
margin-bottom:50px
}
.carousel-control-next,.carousel-control-prev{
position:absolute;
top:auto;
bottom:30px;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center;
width:4%;
color:#fff;
text-align:center;
opacity:1;
background:#0c0347;
width:35px;
height:35px;
padding:8px;
border:2px solid #fff
}
.carousel-control-prev{
right:70px;
left:auto
}
.carousel-control-next{
right:30px
}
.banner .left-box{
position: absolute;
background: #0c0347;
display: flex;
align-items: flex-start;
justify-content: center;
height: 100vh;
left: 0;
flex-wrap: wrap;
max-width: 400px;
right:0;
margin: 0px auto;
top:10px;
}
.banner .left-box .logo-box{padding-bottom: 150px;}
#homevideo iframe{
max-width:90%!important;
height:550px!important
}
.about{
position:relative;
background:#f1effd
}
.about h4{
font-size:18px;
font-family:butler,sans-serif;
font-weight:400;
color:#2d2d2d;
line-height:26px;
max-width:90%
}
.about p{
font-size:14px;
color:#2d2d2d;
font-family:lato,sans-serif;
font-weight:400;
max-width:90%
}
.about .button .inner-button:before{
content:"";
position:absolute;
height:1px;
width:40px;
background-color:#2d2d2d;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:background-color .3s;
transition:background-color .3s
}
.about .button .inner-button{
display:inline-block;
font-family:lato,sans-serif;
font-weight:400;
transition:all .3s;
color:#2d2d2d;
position:relative;
border:none;
text-transform:uppercase;
font-size:.8em;
letter-spacing:1px;
padding-left:50px;
margin-bottom:5px;
margin-top:20px
}
.about .button a:hover .inner-button:before{
background-color:#110b46;
transition:all .3s
}
.about .button a:hover .inner-button{
color:#110b46;
transition:all .3s
}
.explore-facilities{
position:relative;
background:#110b46
}
.explore-facilities .main-heading h5{
color:#fff
}
.explore-facilities .main-heading h2{
background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.explore-facilities .explore-facilities-box{
width:100%;
display:flex;
justify-content:space-evenly
}
.explore-facilities .explore-facilities-box .explore-text-box{
padding:0 20px
}
.explore-facilities .explore-facilities-box .explore-text-box h4{
font-size:24px;
font-family:butler,sans-serif;
font-weight:400;
background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
margin:15px auto
}
.explore-facilities .explore-facilities-box .explore-text-box p{
font-family:lato,sans-serif;
font-weight:300;
color:#fff;
font-size:13px
}
.explore-btn{
font-family:butler,sans-serif;
font-weight:500;
background:0 0;
border-radius:0;
padding:8px 30px;
transition:all .3s;
margin-top:20px;
border:2px solid #fff;
color:#fff!important
}
.explore-btn:hover{
background:#fee2ca;
color:#110b46!important;
border:2px solid #fff;
transition:all .3s
}
.explore-freeport{
position:relative;
background:#f1effd
}
.explore-freeport .main-heading h5{
color:#414141
}
.explore-freeport .main-heading h2{
background:-webkit-linear-gradient(#414141,#414141);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.explore-freeport ul{
margin:0;
padding:0;
display:inline-block;
margin-top:50px
}
.explore-freeport ul li{
width:100%;
float:left;
display:inline-block
}
.explore-freeport ul li .image-box{
overflow:hidden
}
.explore-freeport ul li .image-box img{
transition:transform .8s
}
.explore-freeport ul li:hover .image-box img{
transform:scale(1.1)
}
.explore-freeport ul li .freeport-text-box{
background:#110b46;
padding:20px 15px;
display:inline-block;
width:100%;
text-align:center
}
.freeport-btn{
font-family:butler,sans-serif;
font-weight:500;
background:#52c9ee;
border-radius:0;
padding:8px 10px;
transition:all .3s;
color:#fff;
text-align:center;
margin-top:-40px;
margin-bottom:20px;
position:relative;
z-index:99
}
.freeport-btn:hover{
background:#52c9ee;
transition:all .3s
}
.explore-freeport ul li .freeport-text-box p{
font-family:butler,sans-serif;
font-weight:400;
color:#fff;
font-size:16px;
margin:5px auto
}
.explore-freeport ul li .freeport-text-box h3{
font-family:lato,sans-serif;
font-weight:600;
color:#fff;
font-size:28px;
margin:5px auto
}
.project-image{
position:relative;
background:#f1effd
}
.project-image .main-heading h5{
color:#414141
}
.project-image .main-heading h2{
background:-webkit-linear-gradient(#414141,#414141);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.project-image .project-building{
background:url(//images/project-building.webp);
background-size:cover;
background-position:center;
height:700px;
width:100%;
background-attachment:fixed
}
.location-map{
position:relative;
background:#110b46;
overflow:hidden
}
.location-map .main-heading h5{
color:#fff
}
.location-map .main-heading h2{
background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.location-map ul{
list-style-type:square;
padding-left:25px
}
.location-map ul li{
font-family:lato,sans-serif;
font-weight:300;
font-size:13px;
color:#414141;
padding:1px 0
}
.location-map .table-bordered{
width:100%
}
#accordionExample{
max-height:500px;
overflow-y:scroll;
margin-right:10px;
padding-right:0;
margin-top:0px;
margin-bottom:0px
}
#accordionExample .card{
border-radius:0;
border:none
}
#accordionExample h4{
cursor:pointer;
color:#414141;
font-size:16px;
font-family:lato,sans-serif;
font-weight:400;
text-transform:uppercase;
padding:6px 10px;
border:none;
background:0 0;
border-bottom:1px solid #d1d0d0;
margin-left:0;
display:flex;
align-items:center;
justify-content:space-between
}
#accordionExample section:first-child h4{
border-top:1px solid #d1d0d0
}
#accordionExample h4[aria-expanded=true]{
color:#110b46
}
#accordionExample h4[aria-expanded=true] .aero{
-ms-transform:rotate(180deg);
transform:rotate(180deg);
transition:.5s
}
#accordionExample h4[aria-expanded=false] .aero{
transition:.5s
}
#accordionExample h4 .title{
margin-left:10px
}
#accordionExample h4 .aero{
float:right;
border:2px solid #aaa;
border-radius:100px;
display:flex;
align-items:center;
justify-content:center;
width:25px;
height:25px
}
#accordionExample .hover-effect span{
width:100%
}
#accordionExample .hover-effect span .hover-element:nth-child(2){
width:100%
}
#accordionExample .panel-heading{
cursor:pointer
}
#accordionExample .panel-body{
padding:15px 10px;
margin-left:0
}
#accordionExample .panel-body p:first-child{
margin-top:10px
}
#accordionExample .panel-body p{
width:100%;
display:inline-block;
font-size:14px;
margin-bottom:10px;
line-height:18px
}
#accordionExample .panel-body p .particular{
width:80%;
float:left
}
#accordionExample .panel-body p .kms{
width:20%;
text-align:right;
float:right
}
.blog{
position:relative;
background:#fff;
background:linear-gradient(to top,#110b46 0%,#110b46 50%,#110b46 50%,white 50%,white 100%)
}
.blog .main-heading h5{
color:#414141
}
.blog .main-heading h2{
background:-webkit-linear-gradient(#414141,#414141);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.blog ul{
margin:0;
padding:0;
display:inline-block;
margin-top:30px
}
.blog ul li{
width:100%;
float:left;
display:inline-block;
background:#fff
}
.blog ul li .blog-text-box{
padding:30px 25px;
min-height:300px;
}
.blog ul li .blog-text-box h3{
font-family:butler,sans-serif;
font-weight:600;
font-size:22px;
color:#414141;
margin-bottom:5px
}
.blog ul li .blog-text-box span{
font-family:lato,sans-serif;
font-weight:400;
font-size:14px;
color:#ccc
}
.blog ul li .blog-text-box p{
font-family:lato,sans-serif;
font-weight:400;
font-size:14px;
color:#414141;
margin:20px 0;
margin-top:5px;
max-width:100%
}
.blog .read-btn{
font-family:butler,sans-serif;
font-weight:500;
background:#110b46;
border-radius:0;
padding:8px 30px;
transition:all .3s;
margin-top:0;
color:#fff
}
.blog .read-btn:hover{
background:#fee2ca;
transition:all .3s;
color:#110b46
}
.explore-investment{background: #fff;}
.explore-investment .explore-box{background: #041a28;display: flex;align-items: center;justify-content: space-between;max-width: 75%;padding: 0px 100px;margin: 0px auto;border-radius: 10px;}
.explore-investment .explore-box .explore-text{margin-right: 50px;}
.explore-investment .explore-box h3{font-family: butler,sans-serif;
font-weight: 600;
font-size: 22px;
color: #fff;
margin-bottom: 5px;}
.explore-investment .explore-box p{margin-bottom: 0px;
color: #ffffff;
font-weight: 300;
line-height: 24px;
font-family: lato,sans-serif;
font-size: 14px;
opacity: 100%;}
.explore-form-btn{background: #236077;color: #fff ! important;border-radius: 120px;font-family: lato,sans-serif;font-size: 14px;padding: 12px 40px ! important;transition: .5s;}
.explore-form-btn:hover{background: #144a5e;transition: .5s;}
.expand{
background:#f1effd
}
.expand .tab-box{
width:90%;
display:flex;
justify-content:center;
align-items:center;
margin:0 auto;
margin-top:-130px;
position:relative
}
.expand .tab-box .box{
background:#52c9ee;
padding:25px;
text-align:left;
flex:1;
transition:.5s;
height:250px
}
.expand .tab-box .box:first-child{
background:#52c9ee
}
.expand .tab-box .box:nth-child(2){
background:#f7b63d
}
.expand .tab-box .box:nth-child(3){
background:#90c026
}
.expand .tab-box .box:hover{
flex:2;
transition:.5s
}
.expand .tab-box .box h3{
font-family:butler,sans-serif;
font-weight:600;
font-size:22px;
color:#fff;
margin-bottom:5px
}
.expand .tab-box .box p{
font-family:lato,sans-serif;
font-weight:400;
font-size:14px;
color:#fff;
margin:20px 0;
max-width:90%
}
.expand .read-btn{
font-family:butler,sans-serif;
font-weight:500;
background:#fff;
border-radius:0;
padding:8px 30px;
transition:all .3s;
margin-top:0;
color:#414141
}
.expand .read-btn:hover{
background:#080235;
transition:all .3s;
color:#fff
}
.expand .main-heading h5{
color:#414141
}
.expand .main-heading h2{
background:-webkit-linear-gradient(#414141,#414141);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.expand .service-block{
border:1px solid #ccc
}
.newsletter{
background:#080231;
position:relative;
z-index:999999
}
.newsletter .newsletter-box{
display:flex;
align-items:center;
justify-content:space-between
}
.newsletter .newsletter-box h3{
font-family:butler,sans-serif;
font-weight:600;
font-size:22px;
color:#fff;
margin-bottom:5px
}
.newsletter .newsletter-box .newsletter-form .form-group{
width:300px;
border:1px solid rgb(255 255 255/10%)
}
.newsletter .newsletter-box #subscribe{
background:#0f0a3a;
color:#0b162a;
width:100%;
border-radius:0;
font-size:14px;
border:none
}
.newsletter .newsletter-box #subscribe::placeholder{
color:#fff;
font-family:lato,sans-serif;
font-size:12px;
opacity:40%
}
.newsletter .newsletter-box .subscribe-btn{
float:right;
position:absolute;
outline:none!important;
border:none;
width:100px;
height:38px;
background:#080231;
color:#fff;
cursor:pointer;
text-decoration:none;
transition:all .3s;
font-size:14px
}
.newsletter .newsletter-box .subscribe-btn:hover{
background:#e9cbb1;
transition:all .3s;
color:#080231
}
footer{
background:#040214;
padding:80px 0;
position:relative;
z-index:999999
}
footer h3{
font-family:butler,sans-serif;
font-weight:600;
font-size:18px;
color:#fff;
margin-bottom:15px;
text-transform:uppercase
}
footer ul{
}
footer ul li{
padding:2px 0
}
footer ul li a{
color:#727277;
font-family:lato,sans-serif;
font-size:14px;
transition:.5s
}
footer ul li a:hover{
color:#fee2ca;
transition:.5s
}
footer p{
color:#727277;
font-family:lato,sans-serif;
font-size:14px;
margin-bottom:15px
}
footer p a{
color:#727277;
font-family:lato,sans-serif;
font-size:14px;
transition:.5s
}
footer p a:hover{
color:#fee2ca;
transition:.5s
}
footer #footer-side-form{
}
footer #footer-side-form .form-control{
background:0 0;
border-radius:0;
border:1px solid #2a2936
}
footer #footer-side-form .form-control::placeholder{
color:#727277;
font-family:lato,sans-serif;
font-size:12px
}
footer .button_submit{
position:relative;
outline:none!important;
border:none;
width:auto;
height:38px;
background:#fee2ca;
color:#0b162a;
cursor:pointer;
text-decoration:none;
border-radius:0;
text-transform:uppercase;
padding:0 30px;
margin-left:0
}
footer .button_submit:hover{
background:#e9cbb1;
transition:all .3s
}
footer .social{
margin-top:20px
}
footer .social ul li{
display:inline-block;
margin-right:5px
}
footer .social ul li a{
color:#727277;
border:2px solid #727277;
border-radius:50px;
width:44px;
height:44px;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
transition:.5s
}
footer .social ul li a i{
font-size:16px;
transition:.5s
}
footer .social ul li a:hover{
border:2px solid #fee2ca;
transition:.5s
}
footer .social ul li a:hover i{
color:#fee2ca;
transition:.5s
}
.inner-banner{
background:linear-gradient(to top,#f1effd 0%,#f1effd 20%,#f1effd 20%,white 20%,white 50%);
padding-top:150px
}
.inner-banner .main-heading h5{
color:#414141
}
.inner-banner .main-heading h2{
background:-webkit-linear-gradient(#414141,#414141);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.inner-banner img{
margin:0 auto;
display:block;
margin-top:40px;
width:100%
}
.blog_post_container{
background:#f1effd;
overflow:hidden
}
.feat_property{
background-color:#fff;
border:1px solid #e6e9ec;
border-radius:3px;
margin-bottom:30px;
overflow:hidden;
position:relative;
font-family:lato,sans-serif;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.feat_property .thumb{
background:#0d263b;
overflow:hidden;
position:relative;
padding-bottom:0!important;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.for_blog.feat_property .thumb img{
opacity:1
}
.feat_property .thumb img{
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.img-whp{
width:100%!important
}
.for_blog.feat_property .thumb .tag{
border-radius:3px;
font-size:10px;
font-weight:600;
left:20px;
line-height:20px;
padding:3px 13px;
position:absolute;
text-transform:capitalize;
top:20px
}
.bgc-thm{
background-color:#0c0347!important
}
.bgc-thm-btn{
background-color:#2e79bd!important
}
.feat_property .details{
position:relative
}
.feat_property .details .tc_content{
padding:20px
}
.for_blog.feat_property .details .tc_content{
padding:20px 20px 30px
}
.media-img{background:#f3f3f3;position:relative;display:block;padding:15px;}
.media-img img{height:300px;object-fit:contain;}
.media-img .popup-img:before {position: absolute;top: 50%;left: 50%;margin-top: -13px;margin-left: -13px;opacity: 0;color: #fff;font-size: 26px;font: normal normal normal 26px/1 FontAwesome;content: '\f00e';pointer-events: none;z-index: 9000;transition: 0.4s;}
.media-img .popup-img:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background-color: rgb(49 50 140 / 70%);content: '';transition: 0.4s;}
.media-img .popup-img:hover:after, .media-img .popup-img:hover:before {opacity: 1;}
.for_blog.feat_property .details .bp_meta ul li:first-child{
margin-right:20px
}
.for_blog.feat_property .details .bp_meta ul li a{
font-size:14px;
color:#696969;
text-decoration:none
}
.mr10{
margin-right:10px
}
.fz15{
font-size:15px
}
#sidebar-blog .title{
font-family:lato,sans-serif;
text-transform:uppercase;
font-size:16px;
color:#0d263b;
font-weight:600;
line-height:21px;
margin-bottom:20px
}
.feat_property .details .tc_content h4,.feat_property .details .tc_content h4 a,.feat_property.all_listing_style5 .fp_footer.all_listing_style5 h4 a,.feat_property.all_listing_style6 .fp_footer.all_listing_style6 h4 a{
font-size:16px;
color:#0d263b;
font-weight:600;
line-height:28px;
margin:10px 0;
font-family:lato,sans-serif;
text-transform:uppercase
}
.feat_property .details .tc_content p{
margin-bottom:17px;
font-family:lato,sans-serif;
font-size:14px
}
.read_more_btn{
font-family:butler,sans-serif;
font-weight:500;
background:#110b46;
border-radius:0;
padding:8px 30px;
transition:all .3s;
margin-top:0;
color:#fff;
font-size:14px
}
.read_more_btn:hover{
background:#fee2ca;
transition:all .3s;
color:#110b46
}
.list-inline-item{
display:inline-block
}
.text-white{
color:#fff!important;
text-decoration:none!important
}
.mbp_pagination{
display:inline-block;
position:relative;
width:100%;
margin-bottom:30px
}
.mbp_pagination ul.page_navigation{
margin-bottom:0;
text-align:center;
width:100%
}
.mbp_pagination ul.page_navigation li.page-item{
display:inline-flex;
margin-right:6px;
margin-top:12px
}
.mbp_pagination ul.page_navigation li .page-link{
background-color:transparent;
border:1px solid transparent;
border-radius:50%;
color:#0d263b;
font-size:14px;
font-family:lato,sans-serif;
height:40px;
line-height:40px;
overflow:hidden;
padding:0;
text-align:center;
width:40px
}
.mbp_pagination ul.page_navigation li .page-link:hover{
background-color:#f6f8f9
}
.mbp_pagination ul.page_navigation li.active .page-link{
background-color:#fee2ca;
color:#0b0346
}
.mbp_pagination .new_line_pagination{
position:relative
}
.mbp_pagination .new_line_pagination p{
color:#696969;
font-size:15px;
line-height:22px
}
.mbp_pagination .new_line_pagination .pagination_line{
background-color:#e6e9ec;
border-radius:10px;
height:6px;
margin:0 auto 15px;
max-width:300px;
position:relative;
width:100%
}
.mbp_pagination .new_line_pagination .pagination_line:before{
background-color:#234dd4;
border-radius:10px;
content:"";
left:0;
height:6px;
max-width:119px;
position:absolute;
width:100%
}
.mbp_pagination .new_line_pagination .pagi_btn{
position:relative
}
.mbp_pagination .new_line_pagination .pagi_btn:before{
background-color:#234dd4;
bottom:-3px;
content:"";
height:2px;
left:0;
position:absolute;
width:60px
}
.sidebar_recent_product,.sidebar_feature_listing,.sidebar_search_widget{
background-color:#fff;
border:1px solid #e6e9ec;
border-radius:3px;
margin-bottom:30px;
padding:30px;
font-family:lato,sans-serif;
-webkit-box-shadow:0 10px 30px rgb(13 38 59/5%);
-moz-box-shadow:0 10px 30px rgba(13,38,59,.05);
-o-box-shadow:0 10px 30px rgba(13,38,59,.05);
box-shadow:0 10px 30px rgb(13 38 59/5%)
}
.blog_search_widget .title,.terms_condition_widget .title{
font-size:16px;
font-weight:600;
line-height:32px
}
.mb25{
margin-bottom:25px!important
}
.input-group{
position:relative;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-align:stretch;
align-items:stretch;
width:100%
}
.input-group-append{
margin-left:-1px
}
.input-group-append,.input-group-prepend{
display:-ms-flexbox;
display:flex
}
.blog_search_widget input.form-control{
border:1px solid #f6f8f9;
border-radius:3px;
background-color:#f6f8f9;
flex:1;
height:55px;
padding-left:20px;
width:100%;
-webkit-transition:all .3s ease 0s;
-moz-transition:all .3s ease 0s;
-o-transition:all .3s ease 0s;
transition:all .3s ease 0s
}
.terms_condition_widget{
border:1px solid #e6e9ec;
border-radius:3px;
margin-bottom:30px;
padding:20px 30px;
position:relative;
font-family:lato,sans-serif;
-webkit-box-shadow:0 10px 30px rgb(13 38 59/5%);
-moz-box-shadow:0 10px 30px rgba(13,38,59,.05);
-o-box-shadow:0 10px 30px rgba(13,38,59,.05);
box-shadow:0 10px 30px rgb(13 38 59/5%);
background:#fff
}
.terms_condition_widget ul{
margin-bottom:0
}
.terms_condition_widget ul li{
border-bottom:1px solid #e6e9ec
}
.terms_condition_widget ul li a{
color:#696969;
font-size:14px;
line-height:40px;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
text-transform:capitalize
}
.terms_condition_widget ul li a span{
color:#0d263b
}
.float-right{
float:right!important
}
.sidebar_recent_product .media,.sidebar_feature_listing .media{
margin-bottom:20px;
margin-top:20px
}
.media{
display:-ms-flexbox;
display:flex;
-ms-flex-align:start;
align-items:flex-start
}
.sidebar_recent_product .media img,.sidebar_feature_listing .media img{
border-radius:6px;
height:80px;
width:80px
}
.mr-3,.mx-3{
margin-right:1rem!important
}
.align-self-start{
-ms-flex-item-align:start!important;
align-self:flex-start!important
}
.media-body{
-ms-flex:1;
flex:1
}
.sidebar_recent_product .media .media-body .post_title,.sidebar_feature_listing .media .media-body .post_title{
color:#0d263b;
font-size:14px;
font-weight:600;
line-height:22px;
margin-bottom:0
}
.mt-0,.my-0{
margin-top:0!important
}
.sidebar_recent_product .media .media-body a,.sidebar_feature_listing .media .media-body a{
font-size:12px;
color:#696969;
line-height:25px;
text-decoration:none
}
.blog_tag_widget{
background-color:#fff;
border:1px solid #e6e9ec;
border-radius:3px;
padding:30px 30px 20px;
font-family:lato,sans-serif;
-webkit-box-shadow:0 10px 30px rgb(13 38 59/5%);
-moz-box-shadow:0 10px 30px rgba(13,38,59,.05);
-o-box-shadow:0 10px 30px rgba(13,38,59,.05);
box-shadow:0 10px 30px rgb(13 38 59/5%)
}
.blog_tag_widget .title{
font-size:16px;
color:#0d263b;
font-weight:600;
line-height:21px;
margin-bottom:20px
}
.blog_tag_widget .tag_list li{
background-color:#e6e9ec;
border-radius:3px;
height:30px;
line-height:30px;
margin-bottom:10px;
padding:0 11px
}
.blog_tag_widget .tag_list li a{
font-size:12px;
color:#0d263b;
line-height:15px
}
.main_blog_post_content{
position:relative;
font-family:lato,sans-serif;
box-shadow:0 10px 30px rgb(13 38 59/5%);
background:#fff;
padding:25px;
border:1px solid #e6e9ec;
margin-bottom:20px
}
.list-inline-item:not(:last-child){
margin-right:5px
}
.blog_single_post_heading{
position:relative
}
.blog_single_post_heading .contents .bsph_tag{
border-radius:3px;
color:#fff;
font-size:10px;
height:30px;
line-height:30px;
text-align:center;
width:96px
}
.mb15{
margin-bottom:15px
}
.blog_single_post_heading .contents ul li a{
color:#696969;
font-size:14px
}
.blog_single_post_heading .contents ul li a span{
font-size:15px
}
.mr10{
margin-right:10px
}
.mbp_thumb_post .thumb{
border-radius:5px;
overflow:hidden;
position:relative
}
.main_blog_post_content p{
margin:20px 0;
color:#696969;
font-weight:400;
line-height:24px;
font-family:lato,sans-serif;
font-size:14px
}
.main_blog_post_content h2{
margin:15px 0;
font-family:butler,sans-serif
}
.mission{
position:relative;
background:#110b46
}
.mission h2{
font-family:butler,sans-serif;
background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.mission p{
margin:20px 0;
color:#fff;
font-weight:400;
line-height:24px;
font-family:lato,sans-serif;
font-size:14px;
opacity:50%
}
.mission .max-container90 .row{
justify-content:space-around
}
.team{
position:relative;
background:#f1effd
}
.team .main-heading h5{
color:#414141
}
.team .main-heading h2{
background:-webkit-linear-gradient(#414141,#414141);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.team .team-text-box{
padding:0 20px
}
.team .team-text-box h4{
font-size:24px;
font-family:butler,sans-serif;
font-weight:400;
background:-webkit-linear-gradient(#414141,#414141);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
margin:15px auto
}
.team .team-text-box p{
font-family:lato,sans-serif;
font-weight:300;
color:#414141;
font-size:13px
}
.clientale{
position:relative;
background:#110b46
}
.footer-video{
background:linear-gradient(to top,#0b0346 0%,#0b0346 40%,#0b0346 20%,white 20%,white 50%)
}
.footer-video .main-heading h5{
color:#414141
}
.footer-video .main-heading h2{
background:-webkit-linear-gradient(#414141,#414141);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.clientale-investment{
position:relative;
background:#fff
}
.clientale-investment .main-heading h5{
color:#414141
}
.clientale-investment .main-heading h2{
background:-webkit-linear-gradient(#414141,#414141);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.features{
position:relative;
background:#110b46;
overflow:hidden
}
.features .main-heading h5{
color:#fff
}
.features .main-heading h2{
background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
.features-box{
background:rgb(79 76 134/20%);
border:2px solid rgb(220 216 226/10%);
border-radius:4px;
text-align:center;
width:100%;
padding:20px 10px;
margin-top:15px;
margin-bottom:15px;
}
.features-box .features-icon{
width:80px;
height:80px;
background:rgb(113 106 242/10%);
display:block;
margin:0 auto;
border-radius:4px
}
.features-box h4{
font-size:18px;
font-family:butler,sans-serif;
font-weight:400;
margin:15px auto;
color:#fff;
margin-bottom:0
}
.features-box p{
font-family:lato,sans-serif;
font-weight:300;
color:#fff;
font-size:13px;
margin-bottom:20px
}
.contact{
background:#0c0347;
position:relative;
height:100%;
display:flex;
align-items:center
}
#contact .royal-contact-desc{
margin-bottom:50px
}
#contact .royal-contact-desc>h3{
color:#333;
font-size:20px;
font-weight:500;
margin-bottom:10px;
text-transform:capitalize;
font-family:lato,sans-serif
}
#contact .single-contact-left:first-child{
margin-top:0
}
#contact .single-contact-left{
background:0 0;
box-shadow:none;
padding:8px;
display:flex;
align-items:center;
width:100%;
margin-bottom:15px
}
#contact .contact-icon{
color:#fff;
display:flex;
float:left;
font-size:22px;
line-height:22px;
margin-right:10px;
width:80px;
height:80px;
vertical-align:middle;
align-items:center;
text-align:center;
background:#0c0347;
margin-right:20px;
background:rgb(79 76 134/20%);
border:2px solid rgb(220 216 226/10%)
}
#contact .contact-icon i{
text-align:center;
margin:0 auto
}
#contact .contact-text{
float:left;
font-family:lato,sans-serif;
font-weight:500;
width:70%
}
#contact .contact-text>h4{
color:#fff;
font-family:lato,sans-serif;
font-size:14px;
opacity:40%;
font-weight:600;
text-transform:uppercase;
padding:0;
padding-bottom:5px
}
#contact .contact-text span{
font-size:14px;
text-transform:capitalize
}
#contact .contact-text>p{
font-size:14px;
line-height:26px;
font-family:lato,sans-serif;
color:#fff;
opacity:40%
}
#contact .contact-text>p a{
color:#fff
}
#contact .heading h5{
font-size:14px;
font-family:lato,sans-serif;
font-weight:400;
text-align:left;
text-transform:uppercase;
margin-bottom:5px;
color:#fff
}
#contact .heading h2{
font-family:butler,sans-serif;
font-weight:400;
font-size:35px;
text-align:left;
background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent
}
#contact .royal-contact-form-right{
margin-top:0
}
#contact .royal-contact-form-right>form{
background:0 0;
box-shadow:none;
padding:0 50px;
margin-top:0
}
#contact .royal-contact-form-right input{
font-family:lato,sans-serif;
height:45px;
padding:5px 10px;
width:100%;
-webkit-transition:all .4s ease 0s;
transition:all .4s ease 0s;
outline:none;
background:rgb(79 76 134/20%);
border:2px solid rgb(220 216 226/10%);
color:#fff;
font-size:14px
}
#contact .royal-contact-form-right input::placeholder{
color:#fff;
font-family:lato,sans-serif;
font-size:12px;
opacity:40%
}
#contact .royal-contact-form-right textarea::placeholder{
color:#fff;
font-family:lato,sans-serif;
font-size:12px;
opacity:40%
}
#contact input.cform{
width:150px!important
}
#contact .royal-contact-form-right form p{
margin:10px 0
}
#contact .royal-contact-form-right input:focus,.royal-contact-form-right textarea:focus{
background:rgb(79 76 134/20%);
border:2px solid rgb(220 216 226/10%)
}
#contact .royal-contact-form-right textarea{
background:rgb(79 76 134/20%);
border:2px solid rgb(220 216 226/10%);
height:120px;
padding:5px 10px;
width:100%;
-webkit-transition:all .4s ease 0s;
transition:all .4s ease 0s;
outline:none;
color:#fff;
font-size:14px;
font-family:lato,sans-serif
}
#contact .contact-btn{
background:#0c0347;
border:none;
color:#fff;
font-size:18px;
font-weight:400;
padding:8px 20px;
transition:.5s;
cursor:pointer;
font-family:butler,sans-serif;
outline:none;
background:rgb(79 76 134/20%);
border:2px solid rgb(220 216 226/10%)
}
#contact .contact-btn:hover{
background:#fee2ca;
transition:.5s;
color:#0c0347
}
.line2{
border-top:#353434 solid 1px;
margin-top:30px
}
.thankyou{
padding:40px;
margin-bottom:85px;
border:#ddd 1px solid
}
#myChart{
height:400px;
width:100%;
max-width:60%;
margin:0 auto
}
.tnc{
background:#f1effd;
position:relative
}
.tnc h4{
font-size:22px;
font-family:butler,sans-serif;
font-weight:500;
margin:15px auto;
color:#0c0347
}
.tnc p{
font-family:lato,sans-serif;
font-weight:400;
color:#414141;
font-size:14px;
margin-bottom:20px
}
.about-freeport{
position:relative;
background:#fff
}
.about-freeport .about-freeport-logo{
width:120px;
margin-bottom:10px;
margin-left:-2px
}
.about-freeport h2{
font-size:36px;
font-family:butler,sans-serif;
background:-webkit-linear-gradient(#414141,#414141);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
margin-bottom:20px
}
.about-freeport p{
margin-bottom:20px;
color:#414141;
font-weight:300;
line-height:24px;
font-family:lato,sans-serif;
font-size:14px;
opacity:100%
}
.about-freeport p .line{
width:40px;
height:2px;
background:#414141;
display:flex;
float:left;
margin-right:10px;
margin-top:10px;
opacity:80%
}
.about-freeport .max-container90 .row{
justify-content:space-around
}
.about-freeport ul{
margin-left:15px;
list-style-type: circle;
}
.about-freeport ul li{
color:#414141;
font-weight:300;
line-height:24px;
font-family:lato,sans-serif;
font-size:14px;
opacity:100%
}
.about-freeport h5{
color:#414141;
font-weight:600;
line-height:24px;
font-family:lato,sans-serif;
font-size:14px;
text-transform:uppercase;
margin-bottom:0
}
.freeport-logos{
}
.freeport-logos ul{
display:flex;
flex-flow:wrap;
justify-content:center;
margin-top:20px;
margin-bottom:20px
}
.freeport-logos ul li{
width:14%;
border:2px solid rgb(238 238 238/20%);
border-radius:100%;
padding:20px;
margin-right:-22px;
margin-top:-22px
}
#section1{
background:#080231;
position:fixed;
bottom:0;
width:100%;
z-index:99
}
.eleven{
background:#565469;
position:relative;
bottom:0;
width:100%;
z-index:99
}
#bottom-form form{
display:block;
margin-top:0
}
#bottom-form .form-inline .form-group{
display:inline-block;
margin-bottom:0;
vertical-align:middle;
width:25%
}
#bottom-form .form-inline .form-control{
display:inline-block;
vertical-align:middle
}
#bottom-form{
background:#080231;
padding-top:30px;
padding-bottom:30px;
margin:0;
position:relative;
border-radius:0;
text-align:center
}
#bottom-form .first-box{
width:100px!important
}
#bottom-form .first-box h4{
color:#fff;
font-family:butler,sans-serif;
text-transform:uppercase;
font-weight:600;
text-align:right;
float:left;
margin:0;
margin-right:5px;
font-size:17px;
line-height:22px
}
#bottom-form .second-box i{
float:left;
font-size:30px;
margin-right:5px
}
#bottom-form .form-control{
border-radius:0;
height:40px;
padding:6px 22px;
margin-left:4px;
background:#0f0a3a;
color:#fff;
width:100%;
font-family:lato,sans-serif;
font-size:14px;
border:1px solid rgb(255 255 255/10%)
}
#bottom-form .form-control:focus{
border:1px solid rgb(255 255 255/20%)
}
#bottom-form .form-control::placeholder{
color:#eee;
font-family:lato,sans-serif;
font-size:12px
}
.btn{
padding:7px 35px;
margin-left:-3px
}
#bottom-form .form-control textarea{
padding-top:9px
}
#bottom-form .form-control input{
background:#0483d0;
border-top:1px solid #59ade0;
border-right:1px solid #59ade0
}
.modal-open{padding-right: 0px ! important;}
#myModal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99999;background: rgb(0 0 0 / 50%);opacity:1 ! important;z-index: 99999999;}
#myModal .modal-body{padding: 0;}
#myModal .modal-dialog {background: transparent;width: 360px;margin: 0 auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#myModal .modal-content{border: none;}
#myModal .form-slider-wrapper label{font-family: 'poppins', sans-serif;margin-bottom: 5px;text-transform: uppercase;font-weight: 400;}
#myModal .form-slider-wrapper {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=98);opacity: 0.98;background-color: #110b46;display: block;height: auto;padding: 20px 30px 30px 30px;position: relative;width: 360px;z-index: 10;color:#fff;right: 0;bottom: 0;}
#myModal .form-slider-wrapper .form-control{border-radius:0px;margin-bottom:10px;background: #fff;}
#myModal .form-slider-wrapper h1 {margin-top: 0;margin-bottom: 0px;font-size: 28px;}
#myModal .form-slider-wrapper h3 {margin: 0;color:#fff;font-size: 20px;}
#myModal .form-slider-wrapper h3:after {display: none;}
#myModal .form-slider-wrapper hr {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);opacity: 0.2;margin: 15px 0;}
#myModal .form-slider-wrapper .btn {font-size: 18px;padding: 10px;width: 100%;position: relative;background: #51c5ea;color: #fff;margin: 0;margin-top: 10px;font-family:'poppins', sans-serif;height: auto}
#myModal .form-slider-wrapper figure {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity: 0.6;}
#myModal .form-slider-wrapper .custom-radio{border: 2px solid #fff;padding: 2px 14px;text-align: center;margin: 0px auto;border-radius: 6px;margin-bottom: 0px;}
#myModal .form-slider-wrapper .custom-radio input{visibility: hidden;}
#myModal .form-slider-wrapper .custom-control-label::before{left: -20px;}
#myModal .form-slider-wrapper .custom-control-label::after{left: -20px;}
#myModal .form-slider-wrapper .custom-control-label {position: relative;margin-left: 10px;font-size: 14px;}
#myModal .form-slider-wrapper .list-inline-item:not(:last-child) {margin-right: 5px;}
#download-lb {max-width: 100%;margin: 0px auto;background: rgb(0 0 0 / 70%);z-index: 9999999;}
#download-lb .form-slider-wrapper{right: 0;left: 0;margin: 0px auto;position: absolute;top:10%}
#bottom-form select option { color: #fff;font-size: 14px; }
#myModal .close-btn {cursor:pointer;border-radius: 50px;border: 2px solid #fff;width: 30px;height: 30px;background: #51c5ea;color: #fff;outline: none;position: absolute;right: -20px;top: -20px;}
.modal-backdrop{background-color: transparent}
.submit-btn{
height:40px;
background:#fee2ca;
width:auto;
border-radius:0;
color:#0b162a;
border:none;
margin-top:0;
margin-bottom:0;
margin-left:10px;
font-family:lato,sans-serif;
text-transform:uppercase;
font-weight:400;
transition:.5s
}
.submit-btn:hover{
background:#e9cbb1;
color:#0b162a;
transition:.5s
}
.close-btn{
border-radius:50px;
border:2px solid #fff;
width:30px;
height:30px;
background:#70b248;
color:#fff;
outline:none;
position:absolute;
right:-20px;
top:-20px
}
.counter{
background: #4f4c86;
position: relative;
background-attachment: fixed;
background-size: cover;
background-position: center;
padding: 60px 0px;
}
.counter .counter-box{
align-items: center;
}
.counter .counter-box .icon-img{
}
.counter .counter-box .icon-img img{
width: 70px;
margin-right: 12px;
color:#fff;
}
.counter .counter-box .icon-text{
}
.counter .counter-box .icon-text h3{
color:#fff;
font-weight: 600;
font-size: 40px;
}
.counter .counter-box .icon-text p{
color:#fff;
font-size: 14px;
}
@media(min-width:1200px){
.container{ }
}
@media(min-width:1900px){
.container{
max-width:80%
}
.banner2 .banner-text{
padding-top:60px
}
.banner2 .banner-text h1{
font-size:50px
}
p{
font-size:16px!important
}
#accordionExample h4{
font-size:18px
}
.location-map ul li{
font-size:15px
}
.location-map .container{
max-width:70%
}
#accordionExample{
max-height:525px;
overflow-y:scroll
}
}
@media only screen and (max-width:1320px){
}
@media only screen and (max-width:1280px){
}
@media only screen and (max-width:961px){
.start-style .logo{
opacity:1
}
.navbar-light .navbar-toggler-icon{
border-bottom:1px solid #fff
}
.navbar-light .navbar-toggler-icon:after,.navbar-light .navbar-toggler-icon:before{
background:#fff
}
.navbar-nav{
display:flex;
align-items:flex-start;
justify-content:end
}
.navbar-nav li{
padding-left:0!important;
margin-left:0!important;
padding:5px 0
}
.header-btn{
margin-top:20px
}
.banner{
height:450px;
background-position:10% 0%
}
.banner .banner-text h2{
margin-bottom:20px;
font-size:35px
}
.banner .logo{
display:none
}
.banner .pt-100{
padding-top:80px
}
.banner2{
background:url(//images/transparent-banner.webp);
background-position:30% 0%;
background-size:cover;
height:100vh
}
.banner2 .logo{
display:none
}
.banner2 .pt-100{
padding-top:80px
}
.banner2 .banner-text{
text-align:center
}
.banner2 .banner-text p{
font-size:14px;
font-family:lato,sans-serif;
font-weight:400;
text-align:center;
text-transform:uppercase;
margin-bottom:30px;
color:#fff
}
.banner2 .banner-text h1{
font-family:butler,sans-serif;
font-weight:400;
font-size:42px;
text-align:center;
background:-webkit-linear-gradient(#fff3cd,#ecc5a4);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
margin-bottom:50px
}
video{
width:100%;
height:auto
}
.project-image .project-building{
background-attachment:scroll;
height:450px
}
.expand .tab-box .box:hover{
flex:1;
transition:.5s
}
.expand .tab-box .box h3{
font-size:18px
}
.expand .tab-box .box p{
font-size:12px;
margin:15px 0;
max-width:100%
}
.copyright{
margin-top:30px
}
.mission,.max-container90{
max-width:100%
}
.mission p{
font-weight:300;
font-size:14px;
line-height:20px
}
.team .team-text-box{
padding:0
}
.team .team-text-box p{
text-align:justify
}
#contact .royal-contact-form-right>form{
padding:0 10px
}
.freeport-logos ul li{
width:18%;
padding:14px;
margin-right:-14px;
margin-top:-14px
}
}
@media(max-width:767px){
.desk-view{
display:none
}
.mob-view{
display:block
}
.start-header{
padding:15px 0
}
.start-style .logo{
opacity:1
}
.dropdown-menu{
min-width:100%;
width:100%;
border:none;
background:0 0;
color:#fff
}
.dropdown-item{
color:#fff!important;
border-bottom:none
}
.nav-link{
padding:5px 0!important
}
.nav-item:after{
background-color:transparent
}
.navbar-brand{
padding:0
}
.navbar-toggler{
padding:0
}
.navbar-nav li{
padding-left:0!important;
margin-left:0!important;
padding:5px 0;
width:100%;
border-bottom:1px solid rgb(32 11 170/20%)
}
.navbar-light .navbar-toggler-icon{
border-bottom:1px solid #fff
}
.navbar-light .navbar-toggler-icon:after,.navbar-light .navbar-toggler-icon:before{
background:#fff
}
.navbar-nav{
display:flex;
align-items:flex-start;
justify-content:end
}
.header-btn{
margin-top:10px;
display:inline-block
}
.explore-investment .explore-box{padding-top: 40px ! important;display: flex;flex-wrap:wrap;padding: 0px 20px;max-width: 100%;}
.explore-investment .explore-box p{margin-bottom: 10px;}
.features-box{padding: 20px 40px;}
.banner{
background:#0c0347!important;
height:auto
}
.banner .visibility{
visibility:visible
}
.banner .pt-100{
padding-top:50px;
justify-content:center
}
.banner .logo{
display:none
}
.banner .banner-text{
text-align:center
}
.banner .banner-text p{
margin-bottom:15px;
text-align:center
}
.banner .banner-text h2{
margin-bottom:0;
text-align:center;
font-size:30px
}
.banner2{
display:none
}
.banner-btn{
margin-bottom:30px;
display:inline-block;
padding:10px 12px;
font-size:13px
}
.banner .left-box .logo-box {padding-bottom: 0px;}
.banner .left-box {position: relative;background: #0c0347;display: flex;align-items: flex-start;justify-content: center;height: auto;left: 0;flex-wrap: wrap;max-width: 100%;right: 0;margin: 0px auto;top: 0px;}
.carousel-control-next,.carousel-control-prev{
display:none
}
#homevideo iframe{
max-width:100%!important;
height:160px!important
}
.about{
padding-top:50px!important;
padding-bottom:50px!important
}
.about h4{
max-width:100%
}
.about p{
max-width:100%
}
.about .button .inner-button{
margin:20px 0
}
.main-heading h2{
font-size:28px
}
.explore-facilities,.p-80{
padding-top:50px;
padding-bottom:50px
}
video{
width:100%;
height:auto
}
.explore-facilities .explore-facilities-box{
display:block
}
.explore-facilities .explore-facilities-box .col-12{
margin-bottom:40px
}
.explore-facilities .explore-facilities-box .col-12:last-child{
margin-bottom:50px
}
.project-image,.pt-80{
padding-top:50px
}
.project-image .mt-80{
margin-top:50px
}
.project-image .project-building{
background-attachment:scroll;
height:350px
}
.location-map,.p-80{
padding-top:50px;
padding-bottom:0
}
.location-map.mt-60{
margin-top:50px
}
.blog.pb-200{
padding-bottom:50px
}
.blog ul li .blog-text-box{min-height:auto;}
.blog ul li .blog-text-box p{
max-width:100%
}
.expand{
padding-top:50px
}
.expand .tab-box{
display:block;
margin-top:0;
width:100%
}
.expand .tab-box .box{
height:auto
}
.expand .tab-box .box h3{
font-size:22px
}
.expand .tab-box .box p{
font-size:14px
}
.newsletter .newsletter-box{
display:block
}
.newsletter .newsletter-box h3{
font-size:20px;
margin-bottom:20px
}
.newsletter .newsletter-box .newsletter-form .form-group{
width:100%;
margin-bottom:0
}
footer{
padding:50px 0;
padding-bottom:30px
}
footer .row .col-12{
margin-bottom:30px;
border-bottom:1px solid #131121;
padding-bottom:30px
}
.footer-video{
padding-top:50px;
padding-bottom:50px
}
.inner-banner{
padding-top:100px
}
.inner-banner img{
margin-top:20px
}
.inner-banner .main-heading h5{
margin-bottom:10px
}
.main_blog_post_content h2{
font-size:24px
}
.main_blog_post_content p{
text-align:justify
}
.team{
padding-top:50px;
padding-bottom:50px
}
.team .team-text-box{
margin-bottom:30px
}
.team .team-text-box p{
text-align:center
}
.mission,.max-container90{
max-width:100%
}
.explore-freeport{
padding-top:50px;
padding-bottom:30px
}
.contact{
height:auto
}
#contact .royal-contact-form-right>form{
padding:0 10px
}
#myChart{
height:400px;
width:100%;
max-width:100%;
margin:0 auto
}
.features{
padding-bottom:50px
}
.about-freeport{
padding:50px 0
}
.about-freeport h2{
font-size:28px
}
.about-freeport ul{
margin-bottom:30px
}
.freeport-logos ul{
display:inline-block
}
.freeport-logos ul li{
width:28%;
padding:10px;
margin-right:-14px;
margin-top:-14px;
float:left
}
.tnc{
padding-top:20px;
padding-bottom:20px
}
#bottom-form .first-box{
width:100%!important
}
#bottom-form .first-box h4{
text-align:center;
float:none
}
#bottom-form .form-inline .form-group{
width:100%;
margin-bottom:15px
}
#section1{
display:none;
z-index:9999
}
#bottom-form .close-btn{
right:0;
left:0;
top:-20px;
margin:0 auto
}
.form-slider-wrapper{
width:100%
}
.form-slider-wrapper h1{
margin-top:0;
font-size:30px
}
.footer-btn{
background:#565469;
position:fixed;
bottom:0;
width:100%;
z-index:99;
padding:0
}
}