/* CSS Document */
html,body{
margin: 0;
padding: 0;
}
img{
width: 100%;
}
ul li{
list-style: none;
/*! padding-top: 13px; */
}
.pad-out{
padding: 0px;
}
@font-face{
font-family:"Montserrat-bold";
src: url(../fonts/Montserrat-Bold.ttf);
}
@font-face{
font-family: "montserrat-regular";
src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face{
font-family: "montserrat-light";
src: url(../fonts/Montserrat-Light.otf);
}
@font-face{
font-family: "quicksand";
src: url(../fonts/Quicksand-Regular.ttf);
}
@font-face{
font-family:"quicksand-bold";
src:url(../fonts/Quicksand-Bold.ttf);
}
@font-face{
font-family: "raavi";
src: url(../fonts/raavi.ttf);
}
@font-face{
font-family: "Royal-Crescent-demo";
src: url(../fonts/Royal-Crescent-demo.otf) ;
}
li.no-dis {
display: none;
}
.owl-pagination{
display:none!important;
}
.margin-auto{
margin: 0 auto;
float: none;
}
.nav-bg{
position:fixed;
top:0;
background:none;
z-index: 1000000;
color:white;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
backface-visibility:visible;
-webkit-backface-visibility: visible;
-webkit-transform: translateZ(0);
}
.blue{
position:fixed;
top:0;
background:blue;
width:100%;
}
.navv
{
background:none !important;
}
.logo{
margin-top: 0px;
padding-left:10px;
}
.logo1
{
width: 333px;
margin-top: 18px;
}
.navbar{
min-height: 65px;
margin-bottom: 15px !important;
}
.nav-top{
margin-top: 2px;
font-size: 14px;
text-transform: uppercase;
}
.nav>li>a{
color: #FFFFFF;
font-size: 17px;
text-transform: uppercase;
font-family: "raavi";
padding: 12px 22px !important;
margin-top: 40px ;
}
.dropdown-menu li{
padding-top:0px;
}
.dropdown-menu > li > a
{
padding: 10px 20px;
background: #f6f3f3;
color: #002a64;
font-size: 14px;
text-transform: none;
}
.navbar-brand
{
padding:0px 0px;
}
.dropdown-menu {
padding: 0px 0px;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background-color: #f0f0f0 !important;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
/*! background-color: #013c7e !important; */
background: transparent !important;
}
.pad-out{
padding: 0px 0px;
}
.nav>li>a:hover{
background: #987229!important ;
}
/*.carousel-caption
{
position: absolute;
top: 42%;
left:135px !important;
background: #04040426;
bottom: 0;
padding: 0px 10px;
height: 145px !important;
text-align: left !important;
right: 50%;
}*/
.nav > li > a:focus, .nav > li > a:hover {
background-color:#987229 !important;
}
/*.carousel-caption h1
{
font-family: "montserrat-regular";
margin: 0px 0px;
padding: 11px 0px;
}
.carousel-caption h3
{
font-family: Quicksand;
font-size: 21px;
line-height: 30px;
margin: 0px 0px;
}*/
.title-slide
{
font-family: "montserrat-regular"!important;
font-size:30px!important;
}
.sub-title
{
font-family: Quicksand;
font-size: 21px;
}
.abt-img img
{
height:500px;
}
.home-abt h3
{
/*! font-family: "Royal-Crescent-demo"; */
color:#5ac8eb;
padding-bottom: 35px;
margin-bottom: 0px;
}
.abt-sub-bg
{
padding: 60px 74px 64px;
background: #9b9b9b1a none repeat scroll 0 0;
}
.home-abt-cnts
{
color: #848484;
line-height: 25px;
font-family: "raavi";
font-size: 17px;
text-align: justify;
}
/*.home-abt-cnt
{
/*color:#8484848;
line-height: 25px;
font-family: "raavi";
font-size: 17px;
text-align: justify;*/
/*background: url(../images/b1.jpg);
background-size: cover;
background-position: center;
min-height: 294px;
}*/
.dubai-imgg img:hover {
opacity: .6;
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.dubai-imgg img
{
transition: .3s;
}
.dubai-imgg
{
transition: .3s;
display: block;
overflow: hidden;
background: #000;
transition: .3s;
/*! height: 159px; */
}
.home-abt-cnt1
{
/*color:black;
line-height: 20px;
font-family: "raavi";
font-size: 16px;
text-align: justify;
padding: 36px 10px;*/
padding: 0px 0px;
/* padding: 0px 49px 0px 37px; */
color: #848484;
line-height: 26px;
font-family: "raavi";
font-size: 17px;
text-align: justify;
}
.home-arrow img
{
width: 12%;
height: 15px;
margin-top: 53px
}
.home-s-icon1 img {
width: 28%;
height: 15px;
margin-top: 10px;
}
.home-service-bg
{
background: url(../images/ser.jpg);
background-size: cover;
background-position: center;
min-height: 800px;
}
.home-service-sec
{
padding:50px 0px;
}
.home-ser h3
{
color:black !important;
padding: 0px 0px;
padding-bottom: 50px;
}
.home-sub-ser
{
background: #04040426;
height:154px;
}
.service-home-sub
{
margin-top:30px;
}
.home-s-img img
{
height: 134px;
margin-top: 10px;
}
.home-s-cnt h4
{
color:white;
padding-top:27px;
font-family: "raavi";
font-size: 25px;
}
.home-s-icon img
{
width:28%;
height:15px;
margin-top: 26px;
}
.home-package h3
{
color:white;
}
.home-package
{
border-left: 1px solid white;
}
.thumbnail{
padding: 4px !important;
margin-bottom: 0px;
}
.caption h5{
font-family:"raavi";
font-size: 17px;
}
.caption p{
font-family: "raavi";
font-size: 14px;
margin-top: 0px;
text-align: justify;
}
.servc-btn a
{
color:white !important;
}
.servc-btn {
background: #5ac8eb;
border: none;
width: 100%;
font-size: 17px;
color: white;
padding-left: 49px;
padding-top: 5px;
padding-bottom: 5px;
}
.home-package-grid
{
padding:50px 0px;
}
.home-p-icon
{
width:25%;
height:20px;
float: right;
padding: 0px 0px;
margin-right: 45px;
}
.thumbnail .caption {
padding-bottom: 2px;
}
.img-scrl-bg{
background: #0b141b;
padding-top:15px;
padding-bottom: 15px;
}
.img-scrl{
padding: 20px 0px 0px 0px;
}
.footer-bg
{
padding:50px 0px;
background: url(../images/footer.jpg);
background-size: cover;
background-position: center;
min-height: 400px;
}
.footer-bg h5{
color: #FFFFFF;
font-family: "raavi";
font-size: 17px;
margin: 0px 0px;
}
.footer-bg ul li {
color: #FFFFFF !important;
font-family: "raavi";
padding: 8px 0px;
font-size: 15px;
}
.copyright a {
text-decoration: none;
}
.footer-bg a{
color: #FFFFFF !important;
text-decoration: none;
}
.footer-head-clr{
color:#ff0000;
}
.pad-in
{
padding: 37px 0px;
}
.pad-sub
{
padding-top:37px !important;
padding:0px 0px;
}
.sub-sec
{
width: 100%;
border: 0;
padding: 0px 6px;
font-family: "raavi";
padding-top: 9px !important;
padding-bottom: 6px !important;
}
.sub-btn
{
background: #5ac8eb;
border: 0px;
margin-top: 20px;
padding: 5px 25px;
font-family: "raavi";
color: white;
padding-top: 8px !important;
padding-bottom: 5px !important;
}
.slide-left i
{
font-size: 20px;
}
.copyright
{
background: #1a1a1a;
text-align: center;
color: #eaeaea;
font-family: "raavi";
padding: 5px 0px;
}
.copyright a
{
color: #eaeaea !important;
}
.left-msg i
{
color: white;
font-size: 21px;
margin-top: 9px;
}
.right-msg
{
height: 60px;
width: 135px;
float: right;
color: white;
line-height: 5px;
font-size: 14px;
margin-top: -13px !important;
}
.sticky-detail {
position: fixed;
right: 0;
top: 38%;
width: 205px;
height: 37px;
margin-right: -150px;
z-index: 1500000;
cursor: pointer;
transition: margin 0.5s ease;
}
.sticky-detail:hover {
margin-right: 0px!important;
}
.left-msg1 i
{
color: white;
font-size: 21px;
}
.right-msg1
{
height: 60px;
width: 135px;
float: right;
color: white;
margin-top:-22px!important;
font-size: 14px;
}
.sticky-details {
position:fixed;
right: 0;
top: 44%;
width: 205px;
height: 9px;
margin-right: -150px;
z-index: 1500000;
cursor: pointer;
transition: margin 0.5s ease;
}
.sticky-details:hover {
margin-right: 47px!important;
}
#google
{
position:fixed;
right: 0;
top:48%;
}
#instagram
{
position:fixed;
right: 0;
top: 53%;
}
#phone
{
position:fixed;
right: 0;
top: 58%;
}
#envalop
{
position:fixed;
right: 0;
top: 62%;
}
/*ABOUT*/
.abt-banner{
background: url(../images/s1.jpg)no-repeat;
background-position:center;
background-size: cover;
background-attachment: fixed;
min-height: 200px;
}
.abt-head{
font-family: "raavi";
margin: 0px 0px;
}
.abt-sec-img{
position: relative;
padding-left: 15px;
}
.abt-sec-img img
{
height:333px;
}
.abt-sec-img:after {
position: absolute;
width: 280px;
height: 260px;
right: 240px;
content: "";
background-image: url(../images/abtt1.jpg);
top: 127px;
background-size: cover;
background-position: center;
}
.abt-cntnt{
padding: 0px 49px 0px 27px;
color: #848484;
line-height: 25px;
font-family: "raavi";
font-size: 17px;
text-align: justify;
}
.abt-main-head
{
padding-top: 50px;
padding-left: 0px;
padding-right: 0px;
}
.abt-img-scrl-bg
{
padding:50px 0px;
}
.abt-bot
{
padding-bottom: 80px;
}
.vis-sec {
text-align: center;
}
.vis-icon
{font-size: 25px;
color: #01b0d0;
padding: 0px 0px;
}
.abt-vis
{
padding: 50px 0px;
background: #9b9b9b1a;
}
.vis-para
{
color: #848484;
line-height: 25px;
font-family: "raavi";
font-size: 15px;
}
.abt-vis-contn
{
text-align: left;
padding-left: 18px;
}
.vis-icon i
{
width: 50px;
height: 50px;
background: white;
border-radius: 50%;
line-height: 50px;
color: #5ac8eb
}
.vis-icon:hover i
{
background: #5ac8eb;
color: white;
}
/* END ABOUT*/
/*SERVICE */
.services {
background: #fff none repeat scroll 0 0;
height: 250px;
padding: 20px;
margin-bottom:40px;
transition: all 0.4s ease 0s;
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1);
color: #848484;
}
.services:hover
{
background: #5ac8eb;
color: #fff !important;
box-shadow: 0 1px 2px 1px rgb(90, 200, 235);
}
.ser-icon
{
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 100px;
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
color: #5ac8eb !important;
font-size: 24px;
height: 60px;
left: 0;
line-height: 56px;
margin: -30px auto auto;
position: absolute;
right: 0;
text-align: center;
top: 0;
transition: all 0.3s ease 0s;
width: 60px;
}
.line{
background: #ff6c00;
margin-top: 15px;
}
.line1
{
background: #ff6c00;
margin-top: 15px;
margin-left: 15px;
}
.ser-icon:hover
{
background: #5ac8eb;
color: #fff !important;
box-shadow: 0 1px 2px 1px rgb(90, 200, 235);
}
.ser-bg
{
background: #9b9b9b1a none repeat scroll 0 0;
}
.ser-sub-head
{
line-height: 25px;
font-family: "raavi";
font-size: 22px;
margin: 35px 0 20px;
}
.ser-sub-para
{
line-height: 25px;
font-family: "raavi";
font-size: 17px;
}
.ser-sub-pad
{
padding-bottom:50px;
}
/* END SERVICE*/
/*CONATCT*/
.contact-address ul li i {
/*! background: #fff none repeat scroll 0 0; */
/*! border-radius: 30px; */
/*! box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); */
color: #fff;
font-size: 18px;
/*! height: 45px; */
line-height: 36px;
/*! margin-right: 20px; */
text-align: center;
/*! width: 45px; */
}
.contact-headoff
{
border-right: 1px solid aliceblue;
}
.contact-address ul li {
font-size: 16px;
/*! margin-bottom: 15px; */
font-family:"raavi";
}.contact-address ul {
list-style: none;
padding: 0px 0px;
}
.inp-textarea
{
position:relative;
padding: 15px 31px;
}
.inp-subject
{
margin-top:15px;
}
.inp-textarea textarea
{
width: 100%;
border: 1px solid #e1e1e1;
padding: 15px 35px;
height: 243px;
transition: all 0.5s;
font-family: "raavi";
}
.pencil
{
position: absolute;
/*! right: 47px; */
line-height: 50px;
color: #797979;
transition: all 0.5s;
float: left;
left: 44px;
}
.send-btn input
{
background: #5ac8eb;
border: none;
height: 46px;
width: 130px;
color: #fff;
font-size: 16px;
padding: 0px 0px;
font-family: "raavi";
margin-top: 7px;
}
.contact-icon-pad
{
padding:2em 0px;
padding-bottom: 3em;
}
.contact-icon-align i
{
color: #ffffff;
background: #1ab5c1;
border-style: ;
border-color: #333333;
border-width: 1px;
width: 62px;
height: 62px;
line-height: 62px;
border-radius: 500px;
font-size: 28px;
display: inline-block;
text-align:center;
}
.contact-icon-text1
{
font-family: 'lato-regular';
color: #292929;
}
.contact-icon-text1 h3
{
font-size:21px;
}
.contact-icon-text2
{
font-family: lato-regular;
color: #818181;
padding: 10px 0px;
}
.inp-sub
{
padding: 12px 31px;
padding-bottom: 10px;
padding-top: 22px;
}
.inp-sub span
{
right: 22px;
}
.inp-text
{
position:relative;
}
.inp-text span
{
position: absolute;
/*! right: 35px; */
top: 0;
line-height: 50px;
color: #797979;
transition: all 0.5s;
float: left;
left: 30px;
}
.inp-text input
{
width: 100%;
border: 1px solid #e1e1e1;
padding: 1px 37px;
height: 55px;
transition: all 0.5s;
font-family: "raavi";
}
.contact-border
{
/*! border-bottom: 1px solid #a4a7aa66; */
/*! padding-bottom: 16px; */
background: #5ac8eb;
}
.inp-star span
{
left: 44px;
top: 21px;
}
.conatct1
{
background: #9b9b9b1a none repeat scroll 0 0;
padding-bottom:0px;
}
.map iframe
{
border: 0;
width: 100%;
border: 0 !important;
height: 300px;
}
#sub-frame-error
{
margin-top:10px!important;
}
/*END CONTACT*/
/*DUBAI*/
.dubai
{
padding:50px 0px;
padding-bottom:0;
}
.dubai1
{
padding-bottom:50px;
}
.bk-dubai {
height: 257px;
background-size: cover !important;
background-position: center;
margin-bottom: 12px;
}
.dubai-img{
background: url(../images/dubai.jpg);
background-size: cover;
background-position: center;
min-height: 451px;
}
.package-grid
{
padding-bottom: 10px;
border: 4px solid #cfd1d14d;
-webkit-transition: .4s;
transition: .4s;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
margin-bottom: 10px;
margin-top: 10px;
font-family: "raavi";
}
.package-img
{
margin: 0px 0px;
padding-bottom: 39px;
}
.pac-sec
{
padding-bottom:50px;
}
.package-grid h4
{
font-size:23px;
}
.package-grid p
{
font-size: 15px;
}
.pac-main-grid
{
padding-top:39px;
}
.some-area {
font-family: "raavi";
font-size: 14px;
margin-top: 0px;
}
.desc
{
padding-bottom:10px;
}
/* END DUBAI*/
/* PAKAGE DEATIL*/
.pad-right {
padding-right:5px;
padding-top:5px;
}
.bk-img {
height: 393px;
background-size: cover !important;
background-position: center;
}
.tpr-sec
{
margin-top: 16px;
}
.send-but input
{
margin-top: 28px;
background: #5ac8eb;
border: none;
color: #fff;
width: 176px;
height: 35px;
text-align: center;
font-size: 16px;
font-family: "raavi";
}
.inp
{
width: 100%;
resize: vertical;
background: #fff;
border: none;
padding: 9px 9px;
outline: 0;
color: #6b6969;
font-family: "raavi";
}
.inp-tx
{
width: 100%;
resize: vertical;
background: #fff;
border: none;
padding: 10px 15px;
height: 84px;
outline: 0;
}
.input-group-addon {
padding: 9px 12px;
font-size: 20px;
line-height: 0px;
color: #5ac8eb;
text-align: center;
background-color: #d2cece66;
width: 14%;
position: absolute;
top: 0;
right: 15px;
border: none;
border-radius:none!important;
border-radius: 0px;
}
.send-butt input
{
margin-top: 28px;
background: #23c704;
border: none;
color: #fff;
width: 176px;
height: 35px;
text-align: center;
font-size: 16px;
}
.pro-form
{
background: #9b9b9b1a none repeat scroll 0 0;
padding-bottom: 33px;
border: 1px solid #d8d8d8;
}
.pro-form h4
{
margin-top: 21px;
font-family: "raavi";
font-size: 20px;
}
.head-h
{
padding-left: 15px;
}
.detail-cont
{
color: #848484;
line-height: 25px;
font-family: "raavi";
font-size: 17px;
text-align: justify;
margin-top: 30px;
}
.pac-det-img
{
padding-top: 31px;
}
.pac-det-cnt
{
padding-bottom: 50px;
}
.navbar-toggle .icon-bar {
background-color: #888 !important;
}
.navbar-toggle
{
background:white !important;
margin-top: 36px;
}
/* END PACKAGE DETAIL */
/* RESPONSIVE */
@media (max-width:1236px)
{
.abt-sec-img::after
{
right: 176px;
}
}
@media (max-width:1156px)
{
.carousel-caption
{
height: 235px !important;
}
.services {
height: 333px;
}
}
@media (max-width:1105px)
{
.nav > li > a {
padding: 12px 18px !important;
font-size:15px;
}
}
@media (max-width:1236px)
{
.abt-sec-img::after
{
right: 110px;
}
}
@media (max-width:1025px)
{
.nav > li > a{
padding: 12px 15px !important;
}
}
@media (max-width:966px)
{
.carousel-caption h1
{
font-size: 20px;
}
.carousel-caption h3 {
font-size: 16px;
}
.carousel-caption
{
right: 22%;
height: 151px !important;
}
}
@media (max-width:991px)
{
.package-mob
{
margin-top:15px;
}
.abt-sub-bg
{
padding:0px 0px;
margin-top:15px;
}
.pro-form
{
margin-top:15px;
}
.detail-cont
{
margin-top:15px;
}
.pac-det-cnt
{
padding-bottom:15px;
}
.abt-sec-img::after
{
display:none;
}
.abt-sec-img
{
margin-bottom:20px;
}
.mapouter
{
width:100% !important;
}
.gmap_canvas {
width:100% !important;
}
.contact-headoff {
border-right:0;
}
.send-btn
{
margin-bottom:20px;
}
.abt-vis-contn
{
text-align:center;
}
.vis-para
{
text-align:center;
}
.abt-vis
{
padding-bottom:30px;
}
}
@media (max-width:897px)
{
.nav > li > a {
padding: 12px 13px !important;
}
}
@media (max-width:875px)
{
.nav > li > a{
padding: 12px 9px !important;
font-size:14px;
}
}
@media (max-width:773px)
{
.nav > li > a {
padding: 12px 6px !important;
}
}
@media (max-width:767px)
{
.navbar {
margin-bottom: 0px;
background-color: #d9d9d9;
min-height: 116px;
margin-bottom: 0px !important;
}
.nav-bg {
background: #04040426 !important;
position: static;
}
.tp-caption.title-slide.color-white {
font-size: 25px!important;
}
.logo {
width: 129px !important;
}
.nav > li > a{
margin-top:0px !important;
text-align:center;
}
.nav > li > a:focus, .nav > li > a:hover {
text-align:center;
margin-top:0px !important;
}
.carousel-caption
{
top: 17%;
left: 80px !important;
}
.abt-sub-bg {
padding:0px 0px;
}
.home-abt h3
{
padding-bottom:15px;
}
.home-arrow img
{
margin-top: 15px;
margin-bottom: 15px;
}
.service-home-subb
{
margin-top:30px;
}
.media-pad
{
padding:0px 0px;
}
.home-service-sec
{
margin-bottom: 30px;
}
.home-s-cnt h4
{
font-size:17px;
}
.package-mob
{
margin-top:15px;
}
.packages-mob
{
margin-top:15px;
}
.home-p-icon img
{
width:60%;
}
.home-package-grid
{
padding:15px 0px;
}
.home-package h3
{
font-size:20px;
}
.home-abt h3 {
font-size: 18px;
}
.pad-in
{
padding:15px 0px;}
.pad-sub
{
padding-top:15px !important;
}
.home-abt-cnt
{
margin-top:15px;
}
.abt-head
{
font-size:26px;
}
.inp-sub
{
padding:0px 0px;
}
.inp-textarea
{
padding:0px 0px;
}
.pencil
{
left: 17px;
top: 10px;
}
.inp-text span
{
left: 17px;
top: 10px;
}
.inp-text input
{
margin-top:10px;
}
.inp-textarea textarea
{
margin-top:10px;
}
.abt-cntnt
{
margin-top:10px;
}
.abt-main-head {
padding: 25px 0px;
}
.dubai {
padding: 0px 0px;
}
.contact-form
{
padding-bottom: 25px;
}
.pac-sec
{
padding-bottom: 25px;
}
.pac-det-cnt
{
padding-bottom:15px;
}
.send-but
{
padding-bottom:10px;
}
.contact-headoff
{
padding-left: 17px;
}
.contact-headoff1
{
padding-left: 17px;
}
.ser-mob-head{
padding: 40px 0px;
}
.abt-vis
{
padding-bottom:30px;
}
}
@media (max-width:460px)
{
.logo {
padding:0px 0px;
width: 107px !important;
}
.carousel-caption h3 {
font-size: 13px;
line-height: 26px;
}
.carousel-caption h1 {
font-size: 16px;
}
}
@media (max-width:430px)
{
.carousel-caption {
left: 41px !important;
right: 11%;
height: 107px !important;
}
}
@media (max-width:340px)
{
.carousel-caption {
left: 27px !important;
top:4%;
}
.carousel-caption h1 {
font-size: 12px;
}
.carousel-caption h3 {
font-size: 13px;
line-height: 18px;
}
}
@media (max-width:304px)
{
.services {
height: 361px;
}
.contact-address ul li i
{
margin-right:0px;
}
}