/*
* Shahala: Free Template by FreeHTML5.co
* Author: https://freehtml5.co
* Facebook: https://facebook.com/fh5co
* Twitter: https://twitter.com/fh5co
*/
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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0; }
@font-face {
font-family: "Angeline_Vintage";
src: url(../fonts/Angeline_Vintage.ttf); }
@font-face {
font-family: "Montserrat-Bold";
src: url(../fonts/Montserrat-Bold.ttf); }
@font-face {
font-family: "Roboto-Regular";
src: url(../fonts/Roboto-Regular.ttf); }
@font-face {
font-family: "Roboto-Italic";
src: url(../fonts/Roboto-Italic.ttf); }
body {
font-family: "Roboto-Regular";
font-size: 16px; }
h1, h2, h3, h4, h5, h6 {
font-family: "Montserrat-Bold"; }
.container-fluid {
padding: 0; }
.card {
border: none;
border-radius: 0; }
.card img {
border-radius: 0; }
header .card a, .vr-gallery a.btn {
background-color: #03133a;
width: 200px;
padding: 12px 0;
color: #ffffff;
font-family: "Montserrat-Bold";
margin-top: 20px;
border-radius: 0; }
header .card a:hover, .vr-gallery a.btn:hover {
background: #ffffff;
color: #03133a; }
header {
background-image: url(../images/home-bg.png);
text-align: center;
padding: 20px 0;
padding-bottom: 50px; }
header .bg-cover {
background: rgba(0, 0, 0, 0.7); }
header .input-group input {
display: none; }
header h2.logo {
font-size: 75px;
font-family: "Angeline_Vintage";
color: #ffffff; }
header .nav-fill {
max-width: 250px; }
header .nav-fill a {
color: #ffffff; }
header .nav-fill li:hover a {
color: #03133a; }
header .navbar li.nav-item a.nav-link {
font-family: "Montserrat-Bold";
color: #ffffff;
padding-right: 1.5rem;
padding-left: 1.5rem; }
header .card {
color: #ffffff; }
header .card p {
text-transform: uppercase; }
header .card hr {
margin-top: 5px;
width: 30px;
border: 1px solid #03133a; }
header .card h2 {
font-size: 40px;
max-width: 510px;
margin: 20px auto; }
@media (max-width: 1299px) {
header .card h2 {
font-size: 24px; }
header .card a {
width: auto;
padding: 8px 15px;
font-size: 12px; } }
@media (max-width: 767px) {
header .card h2 {
font-size: 36px; }
header .card a {
width: auto;
padding: 12px 15px;
font-size: 16px; } }
@media (max-width: 500px) {
header .card h2 {
font-size: 24px; }
header .card a {
width: auto;
padding: 8px 15px;
font-size: 14px; } }
header .col-md-3 {
text-align: center;
padding: 5px 2.5px !important; }
header .col-md-3.first {
padding-left: 15px !important; }
header .col-md-3.last {
padding-right: 15px !important; }
header .col-md-3 img {
max-height: 227px; }
header .col-md-3 h5 {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
header .bar1, header .bar2, header .bar3 {
width: 25px;
height: 2px;
background-color: #fff;
margin: 5px 0;
transition: 0.4s;
display: block;
position: relative; }
header .change .bar1 {
-webkit-transform: rotate(-42deg) translate(-2px, 6px);
transform: rotate(-42deg) translate(-2px, 6px); }
header .change .bar2 {
opacity: 0; }
header .change .bar3 {
-webkit-transform: rotate(46deg) translate(-4px, -8px);
transform: rotate(46deg) translate(-4px, -8px); }
.nav-search {
display: none;
max-width: 600px;
width: 100%;
margin: 10px 0;
padding: 10px;
height: auto; }
.toggle-search {
margin-top: 12px;
cursor: pointer; }
.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative; }
.owl-carousel {
display: none;
width: 100%;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none; }
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block; }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.owl-height {
transition: height .5s ease-in-out; }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease; }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
.video-player {
padding: 40px 0; }
.video-player hr {
background-color: #333333;
margin-top: 100px; }
.video-player .screen {
max-height: 500px;
width: 100%;
height: 100%; }
.video-player .screen iframe {
width: 100%; }
.video-player .play-list {
max-width: 900px;
margin: 20px auto; }
.video-player .owl-stage-outer img {
cursor: pointer; }
.video-player .owl-nav {
margin-top: -75px;
display: block !important;
left: 0;
right: 0;
position: relative; }
.video-player .owl-nav .owl-prev, .video-player .owl-nav .owl-next {
float: left;
color: #ffffff !important;
background: #03133a !important;
border-radius: 3px;
box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.48);
width: 41px;
height: 41px;
margin-left: -20px;
font-size: 12px !important; }
.video-player .owl-nav .owl-next {
right: 0;
float: right;
margin-right: -20px; }
.light-bg {
background: #f7f7f7; }
.vr-gallery p {
font-size: 15px;
color: #444444; }
.vr-gallery p small {
font-size: 11px;
color: #03133a;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px; }
.vr-gallery .pd-md {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important; }
.vr-gallery .pd-md img {
width: 100%; }
@media (max-width: 767px) {
.vr-gallery .col-md-4 {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important; } }
.vr-gallery h3 {
font-size: 18px;
color: #333333;
margin-top: 5px;
margin-bottom: 20px; }
.vr-gallery .cus-pd {
padding: 50px 55px 10px 55px; }
.vr-gallery .cus-pd2 {
padding: 40px 45px 10px 45px; }
.vr-gallery .card {
height: 100%; }
.vr-gallery .card img {
width: 100%; }
.vr-gallery .card .card-img-overlay h5 {
font-size: 22px;
color: #ffffff; }
.vr-gallery .card .card-img-overlay.opacity {
background-color: rgba(0, 0, 0, 0.459); }
.vr-gallery .cus-arrow-left::before, .vr-gallery .cus-arrow-up::before {
position: absolute;
content: "";
border: 20px solid transparent; }
.vr-gallery .cus-arrow-left::before {
border-color: transparent #f7f7f7 transparent transparent;
left: 0;
margin-left: -40px;
top: 20px; }
@media (max-width: 991px) {
.vr-gallery .cus-arrow-left {
padding-left: 15px;
padding-right: 15px; }
.vr-gallery .cus-arrow-left::before {
border-width: 15px;
border-color: transparent transparent #f7f7f7 transparent;
margin-top: -50px;
left: 50px; } }
.vr-gallery .cus-arrow-up::before {
border-width: 15px;
border-color: transparent transparent #f7f7f7 transparent;
margin-top: -70px;
left: 20px; }
.vr-gallery .contact-box {
background: #f7f7f7;
display: inline-block;
max-width: 382px;
padding: 40px 55px 40px 55px;
position: absolute;
left: 0;
bottom: 0; }
.vr-gallery .contact-box::after {
position: absolute;
content: "";
border: 15px solid transparent;
border-color: #03133a;
right: 0;
top: 0; }
.vr-gallery a.btn {
width: 225px; }
.vr-gallery a.btn:hover {
background: #f7f7f7; }
.vr-gallery .play-1 {
position: absolute;
left: 50%;
top: 40%;
transform: translate(-50%, -40%); }
.vr-gallery .play-1 + h5 {
position: absolute;
left: 0;
right: 0;
top: 55%;
transform: translateY(-55%); }
.bg-gray {
background: #f7f7f7; }
.yu2fvl {
z-index: 9999;
top: 0; }
.yu2fvl-iframe {
display: block;
height: 100%;
width: 100%;
border: 0; }
.yu2fvl-overlay {
z-index: 9998;
background: #000;
opacity: 0.8; }
.yu2fvl-close {
position: absolute;
top: -20px;
right: -20px;
color: #fff;
border: 0;
background: none;
cursor: pointer; }
.fh5co-recent-news h2 {
font-size: 30px;
color: #03133a; }
.fh5co-recent-news hr {
background: #03133a;
margin: 10px auto;
width: 60px;
height: 3px; }
.fh5co-recent-news .card-img-overlay {
background-color: rgba(0, 0, 0, 0.67);
transition: all 0.5s;
-webkit-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s; }
.fh5co-recent-news .card-img-overlay .top-area, .fh5co-recent-news .card-img-overlay .bottom-area {
display: none; }
.fh5co-recent-news .card-img-overlay:hover {
background-color: rgba(0, 0, 0, 0); }
.fh5co-recent-news .card-img-overlay:hover .top-area, .fh5co-recent-news .card-img-overlay:hover .bottom-area {
display: block; }
.fh5co-recent-news .top-area {
background-color: rgba(0, 0, 0, 0.612);
position: absolute;
display: block;
padding: 15px;
left: 0;
right: 0;
top: 0; }
.fh5co-recent-news .top-area .fa-heart {
color: #777777; }
.fh5co-recent-news .bottom-area {
position: absolute;
display: block;
padding: 15px;
left: 0;
right: 0;
bottom: 0;
font-size: 14px;
font-family: "Roboto-Italic";
background-color: rgba(0, 0, 0, 0.612); }
.fh5co-recent-news .bottom-area h4 {
font-size: 16px; }
.stay {
background: url(../images/stay-bg.png);
background-repeat: repeat; }
.stay h2 {
font-size: 48px;
color: #03133a; }
.stay p {
font-family: "Roboto-Italic";
font-size: 15px;
color: #131313; }
.stay input {
border: none;
font-size: 16px;
font-family: "Roboto-Regular";
padding: 15px;
border-radius: 0;
height: auto; }
.stay ::placeholder {
font-family: "Roboto-Regular";
color: rgba(19, 19, 19, 0.2); }
.stay button {
width: 139px;
font-family: "Montserrat-Bold";
font-size: 16px;
padding: 15px 0;
margin-top: -2px;
border-radius: 0;
background: #03133a;
border-color: #03133a; }
.stay button:hover {
background: #06236a;
border-color: #06236a; }
footer {
background-image: url(../images/home-bg.png); }
footer h2.logo {
font-size: 75px;
font-family: "Angeline_Vintage";
color: #ffffff; }
footer .nav-fill {
max-width: 250px; }
footer .nav-fill a {
color: #ffffff; }
footer .nav-fill li:hover a {
color: #03133a; }
footer .copyright {
padding: 34px 0;
background-color: rgba(0, 0, 0, 0.451); }
footer .copyright p {
color: #999999; }
.article-pg header {
padding-bottom: 0; }
.article-pg header .bg-cover {
padding-bottom: 100px; }
.article-pg .breadc {
max-width: 150px; }
.article-pg .breadc .nav-item .nav-link {
font-size: 12px;
color: #ffffff !important; }
.ar-img-over:hover .card-img-overlay {
display: block; }
.ar-img-over .card-img-overlay {
background-color: rgba(0, 0, 0, 0.251);
margin: 25px;
display: none;
padding: 0; }
.ar-img-over .card-img-overlay a {
display: inline-block;
height: 53px;
width: 53px;
background: #0d131f; }
.date-time a {
color: #00000f;
font-size: 14px;
font-size: "Roboto-Italic";
text-decoration: none !important; }
.ar-content {
margin-top: -100px;
position: relative;
z-index: 5; }
.ar-content h2 {
color: #03133a;
font-size: 30px;
margin: 15px 0; }
.ar-content p {
color: #333333;
line-height: 1.5;
margin: 15px 0; }
.ar-content .q-box {
background: #03133a;
width: 100px; }
.ar-content .my-5.media {
align-items: stretch; }
.ar-content .my-5.media .bbg.media-body {
padding: 30px 20px;
background: url(../images/quote-bg.png); }
.ar-content .my-5.media h5 {
font-family: "Roboto-Italic";
font-size: 30px;
color: #777777; }
.ar-content .fs-35 {
font-size: 35px; }
.ar-content hr {
background-color: #03133a;
width: 28px;
height: 2px; }
.ar-content .second-clr {
color: #616161; }
.ar-content .img-tag {
color: #777777;
font-size: 12px;
margin-bottom: 5px; }
.ar-content h3 {
color: #03133a;
font-size: 18px; }
.ar-content .nav-fill {
max-width: 280px; }
.ar-content .nav-fill a {
color: #9e9e9e;
font-size: 12px;
padding: 0.5rem 0; }
.ar-content .nav-fill span {
font-size: 18px;
color: #9e9e9e; }
.ar-content a.btn {
width: 130px;
padding: 10px 0;
background: #03133a;
color: #ffffff;
border-radius: 0;
font-family: "Montserrat-Bold";
font-size: 12px;
display: block;
border-color: #03133a;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
border-width: 2px; }
.ar-content a.btn:hover {
background: #ffffff;
color: #03133a; }
.comment-section hr {
margin-bottom: -1px; }
.comment-section .media:first-of-type {
border-top: 1px solid #e0e0e0; }
.comment-section .card-img-overlay {
background-color: rgba(0, 0, 0, 0.251);
margin: 6px;
padding: 0; }
.comment-section h4 {
font-size: 16px; }
.comment-section p {
margin-top: 5px; }
.comment-section p span {
font-size: 12px;
color: #777777; }
.comment-section p a {
font-size: 12px;
color: #03133a; }
.comment-section .both-border {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0; }
.comment-section .bottom-border {
border-bottom: 1px solid #e0e0e0; }
.comment-form input {
border-radius: 0;
border: none;
border-bottom: 1px solid #e0e0e0;
padding-left: 0;
outline: none !important;
box-shadow: none !important;
font-size: 14px; }
.comment-form textarea {
box-shadow: none !important;
resize: none;
border-radius: 0;
border: none;
border-bottom: 1px solid #e0e0e0;
padding-left: 0;
min-height: 120px;
font-size: 14px; }
.comment-form ::placeholder {
font-family: "Roboto-Regular";
color: #bdbdbd; }
.comment-form hr {
margin-bottom: -1px;
border-radius: 5px; }
.comment-form hr.s-br {
margin: 0;
background: #e0e0e0;
border: none;
height: 1px;
width: 100%; }
.comment-form button {
background: #03133a;
font-size: 12px;
font-family: "Montserrat-Bold";
color: #fff;
width: 130px;
padding: 8px 0;
border-radius: 0; }
.sidebar hr {
background: #03133a;
width: 32px; }
.sidebar .card-img.rounded {
border-radius: 50% !important;
width: 100%;
max-width: 200px;
height: auto;
margin: 40px auto; }
.sidebar .card.pb-5 {
background: url(../images/stay-bg.png); }
.sidebar .third-clr {
color: #777777;
font-size: 14px; }
.sidebar .owl-dots {
text-align: center;
display: block !important; }
.sidebar .owl-dots span {
position: relative;
height: 9px;
width: 9px;
display: block;
background-color: #e0e0e0;
margin: 0 4px;
border-radius: 50%; }
.sidebar .owl-dots button {
box-shadow: none !important;
outline: none; }
.sidebar .owl-dots .active {
box-shadow: none; }
.sidebar .owl-dots .active span {
background: #03133a; }
.sidebar .card.bg-gray {
padding: 35px; }
.sidebar .card.bg-gray hr {
background: #03133a; }
.sidebar .card.bg-gray p {
color: #333333; }
.sidebar .card.bg-gray p span {
font-size: 14px;
color: #777777; }
.sidebar .nav-fill .nav-item .nav-link {
color: #03133a;
font-size: 16px; }
.sidebar .insta-links {
margin: 0 -8px; }
.sidebar .insta-links .card-img-overlay {
background-color: rgba(3, 19, 0, 0.702);
margin: 6px;
padding: 0;
display: none !important; }
.sidebar .insta-links .card:hover .card-img-overlay {
display: flex !important; }
.sidebar .insta-links .col-md-4 {
padding: 8px; }
.tranding-posts a {
color: #333333;
font-size: 16px;
text-decoration: none; }
.tranding-posts p {
font-size: 13px;
color: #777777; }
.tranding-posts .media {
align-items: stretch; }
.tranding-posts .media:hover a {
color: #03133a;
font-family: "Montserrat-Bold"; }
@media (max-width: 767px) {
.mt-md-4 {
margin-top: 50px; } }
@media (max-width: 991px) {
.ar-content .col-lg-9 {
padding-right: 15px !important; }
.ar-content .col-lg-3 {
padding-left: 15px !important; } }
/*# sourceMappingURL=style.css.map */