body {
font-family: 'Open Sans', sans-serif;
}
img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
outline: none;
}
.topbar {
margin-top: 9px;
}
.hdata {
display: inline-block;
width: 70px;
margin-top: 20px;
}
.hdata p {
padding: 0;
margin: 0
}
.mcol-left {
width: 28%;
float: left;
margin-top: 10px;
}
.phon {
font-size: 18px;
}
.mcol-right {
width: 61%;
float: right;
}
.logo {
margin-left: 10px;
}
.offer {
margin: 50px 80px 0 0px;
float: right;
}
/*navbar start*/
.martop {
margin-top: 30px;
}
.active2 {
color: #000;
background: url(../images/nav.png) left no-repeat #52c6d5!important;
background-position: 5px;
}
.nav2 > li.active2 > a, .nav2 > li > a:hover {
color: #fff;
}
a:hover {
text-decoration: none
}
/*navbar end*/
.cent {
margin-top: 40px;
}
.centv {
margin-top: 24px;
}
.cent p {
line-height: 25px;
padding-top: 2px;
text-align: justify;
}
.cent a {
color: #000;
font-size: 12px;
margin-left: 20px;
color: #ff5858
}
.cent h1 {
margin-top: 43px;
display: table-cell;
white-space: pre;
font-size: 30px;
padding: 0 23px;
}
.bookn {
background: #52c6d5;
top: -32px;
position: relative;
}
.bookn p {
text-align: center;
padding: 50px 0
}
.social {
margin-top: 1px;
margin-bottom: 25px;
}
.fbv {
background-color: #52c6d5;
color: #fff;
font-size: 37px;
height: 70px;
padding-top: 18px;
text-align: center;
width: 70px;
}
.fbv:hover {
background-color: #3c599f;
}
.fbvin {
background-color: #52c6d5;
color: #fff;
font-size: 37px;
height: 70px;
padding-top: 18px;
text-align: center;
width: 70px;
}
.fbvin:hover {
background-color: #a87d5d;
}
.fbvp {
background-color: #52c6d5;
color: #fff;
font-size: 37px;
height: 70px;
padding-top: 18px;
text-align: center;
width: 70px;
}
.fbvp:hover {
background-color: #d73532;
}
.socialbar {
padding: 0;
position: relative;
}
.socialbar li {
display: inline;
list-style: none;
padding: 0 7px;
}
.foot {
background: #d4d4d4
}
.foot p {
padding: 20px 0;
margin: 0
}
.bj {
color: #000
}
.bj2 {
color: #188c9b
}
/*about page start*/
.seabo {
margin: 10px 0;
background: #ededed
}
.right-linie {
display: table-cell;
vertical-align: middle;
position: relative;
width: 100%;
}
.right-linie span::before {
background: #d2d2d2;
}
.right-linie {
top: 1px;
}
.right-linie span {
border-bottom: 1px solid #d2d2d2;
}
.right-linie span {
width: 100%;
display: block;
position: relative;
}
.right-linie span::before {
position: absolute;
content: '';
left: 0;
width: 8px;
height: 8px;
top: -3px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.flowe {
border-top: 1px solid #dedede;
text-align: center
}
.floweimg {
display: inline;
position: relative;
top: -12px;
background: #FFF;
padding: 0 10px;
}
.sectioa {
border-top: 8px solid #52c6d5;
}
.aboutright {
padding: 10px 0;
margin-top: 25px;
/* box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #afafaf;
-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #afafaf;
-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #afafaf;
-o-box-shadow: inset 0px 0px 10px 0px #ABABAB,5px 5px 5px 1px #afafaf;*/
box-shadow: inset 0px 0px 1px 0px #ABABAB, 0px 1px 4px 1px #afafaf;
-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB, 0px 1px 4px 1px #afafaf;
-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB, 0px 1px 4px 1px #afafaf;
-o-box-shadow: inset 0px 0px 10px 0px #ABABAB, 0px 1px 4px 1px #afafaf;
}
.boxed {
/*border: #ddd 1px solid;*/
display: block;
margin: 30px 0;
padding: 10px 10px;
/*box-shadow: inset 0px 0px 1px 0px #ABABAB, 0px 1px 4px 1px #afafaf;
-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB, 0px 1px 4px 1px #afafaf;
-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB, 0px 1px 4px 1px #afafaf;
-o-box-shadow: inset 0px 0px 10px 0px #ABABAB, 0px 1px 4px 1px #afafaf;*/
box-shadow: inset 0px 0px 1px 0px #ABABAB, 0px 1px 4px 1px #828282;
-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB, 0px 1px 4px 1px #828282;
-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB, 0px 1px 4px 1px #828282;
-o-box-shadow: inset 0px 0px 10px 0px #ABABAB, 0px 1px 4px 1px #828282;
}
.foota {
background: #d4d4d4;
border-top: 8px solid #52c6d5;
}
.foota p {
padding: 20px 0;
margin: 0
}
.bord { /*border: 1px solid #52c6d5; */
border: 1px solid #fff;
padding: 20px;
border-radius: 5px;
box-shadow: inset 0px 0px 1px 0px #ABABAB, 0px 1px 4px 1px #afafaf;
-webkit-box-shadow: inset 0px 0px 10px 0px #ABABAB, 0px 1px 4px 1px #afafaf;
-moz-box-shadow: inset 0px 0px 10px 0px #ABABAB, 0px 1px 4px 1px #afafaf;
-o-box-shadow: inset 0px 0px 10px 0px #ABABAB, 0px 1px 4px 1px #afafaf;
}
.bordimg {
margin-right: 20px;
float: left
}
.bordimg2 {
margin-left: 20px;
float: right
}
.bord p {
padding-top: 2px;
line-height: 25px;
text-align: justify
}
.bord ul li {
padding-top: 8px;
line-height: 25px;
text-align: justify
}
.butt {
margin-top: 66px;
padding: 0 215px;
}
.btn-primary {
background-color: #f32b22;
border-color: #52c6d5;
color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
color: #fff;
background-color: #178f99;
border-color: #178f99
}
.centa ul li {
line-height: 25px;
padding-top: 8px;
text-align: justify;
}
.centa {
margin-top: 40px;
}
.centa p {
line-height: 25px;
padding-top: 2px;
text-align: justify;
}
.centa a {
color: #31a5b4;
}
.centa a:hover {
color:#000;
}
.centa h1 {
margin-top: 43px;
display: table-cell;
white-space: pre;
font-size: 30px;
padding: 0 23px;
}
.pv {
margin-top: 88px
}
/*about page end*/
/*houseboat page start*/
.marginv {
margin-top: 30px;
}
.well {
background: none;
margin-bottom: 20px;
min-height: 20px;
padding: 2px 0px;
}
.nav2 {
}
.nav-stacked li {
border-bottom: 1px solid #52c6d5;
list-style-position: inside;
list-style: none;
padding: 6px 6px 6px 32px;
background: url(../images/navb.png) left no-repeat;
background-position: 5px !important;
background-color: #fcfcfc;
}
.nav-stacked li:hover {
background-color: #52c6d5;
background: url(../images/nav.png) left no-repeat;
background-position: 5px;
}
.nav2 {
margin: 0;
padding: 0;
}
.nav2>li>a {
position: relative;
text-decoration: none;
}
.nav2>li>a:hover, .nav2>li>a:focus {
color: #000;
}
.nav-stacked a {
color: #52c6d5;
font-size: 13px;
font-weight: bold;
}
.nav-stacked a:hover {
color: #000
}
.air{ background:url(../images/planeb.png) left no-repeat !important;
background-position: 5px !important;
}
.air:hover{ background:url(../images/plane.png) left no-repeat !important;
background-position: 5px !important;
}
.car{ background:url(../images/carb.png) left no-repeat !important;
background-position: 5px !important;
}
.car:hover{ background:url(../images/car.png) left no-repeat !important;
background-position: 5px !important;}
.train{background:url(../images/trainb.png)left no-repeat !important;
background-position: 5px !important;}
.train:hover{ background:url(../images/train.png) left no-repeat !important;
background-position: 5px !important;}
.cloud{background:url(../images/cloudb.png)left no-repeat !important;
background-position: 5px !important;}
.cloud:hover{background:url(../images/cloud.png)left no-repeat !important;
background-position: 5px !important;}
.shirt{background:url(../images/shirtb.png)left no-repeat !important;
background-position: 5px !important;}
.shirt:hover{background:url(../images/shirt.png)left no-repeat !important;
background-position: 5px !important;}
.langu{background:url(../images/langub.png)left no-repeat !important;
background-position: 5px !important;}
.langu:hover{background:url(../images/langu.png)left no-repeat !important;
background-position: 5px !important;}
/*houseboat page end*/
/*contact page start*/
.cp {
margin-top: 30px;
}
.input-group-addon {
border: 1px solid #ccc;
border-radius: 4px;
color: #555;
font-size: 14px;
font-weight: 400;
line-height: 1;
padding: 6px 12px;
text-align: center;
}
.glyphicon2 {
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
position: relative;
top: 1px;
color: #FFF
}
.cent2 {
margin-top: 30px;
}
.cent2 h1 {
margin-top: 43px;
display: table-cell;
white-space: pre;
font-size: 30px;
padding-right: 23px;
padding-left: 12px;
}
.cent3 {
margin: 30px 0;
}
.cent3 h1 {
margin-top: 43px;
display: table-cell;
white-space: pre;
font-size: 22px;
padding-right: 23px;
padding-left: 2px;
}
label {
display: inline-block;
font-weight: 100;
margin-bottom:0px;
}
/*contact page end*/
/*Gallery Page Start*/
.gall {
margin-top: 30px;
}
.portfolio-items, .portfolio-filter {
list-style: none;
padding: 0;
margin: 0 -20px 20px 0;
}
.portfolio-filter > li {
display: inline-block;
}
.portfolio-items > li {
float: left;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portfolio-items.col-2 > li {
width: 50%;
}
.portfolio-items.col-3 > li {
width: 33%;
}
.portfolio-items.col-4 > li {
width: 25%;
}
.portfolio-items.col-5 > li {
width: 20%;
}
.portfolio-items.col-6 > li {
width: 16%;
}
.portfolio-item {
padding: 0;
margin: 0;
}
.portfolio-item .item-inner {
background: #fff;
border: 1px solid #095ac7;
padding:0px;
margin: 0 20px 20px 0;
position: relative;
}
.portfolio-item img {
width: 100%;
}
.portfolio-item h5 {
background: #095ac7;
margin: 0;
padding: 10px 0;
font-weight: 700;
font-size: 14px;
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-align: center;
margin: -1px 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.portfolio-item .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(255, 255, 255, 0.9);
text-align: center;
vertical-align: middle;
-webkit-transition: opacity 300ms;
-moz-transition: opacity 300ms;
-o-transition: opacity 300ms;
transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
position: relative;
top: 50%;
display: inline-block;
margin-top: -20px;
}
.portfolio-item:hover .overlay {
opacity: 0.7;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
background-color: #063d86 !important;
border-color: #095ac7 !important;
color: #fff !important;
padding: 7px;
}
.btn-default {
background: #095AC7;
border-color: #eee;
color: #fff;
font-size:12px;
padding: 7px;
}
.btn-danger {
background-color: #52c6d5;
border-color: #178f99;
color: #fff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
color: #fff;
background-color: #178f99;
border-color: #52c6d5
}
/*Gallery Page end*/
/*Tarrif Page start*/
.tarri {
margin-top: 25px;/* padding-left: 17px;*/
}
.tarri p {
text-align: justify;
line-height: 25px;
}
.martop {
margin-top: 7px;
}
/*Tarrif Page end*/
/*
testimonial start*/
#carousel-example {
border: 1px solid #dfdfdf;
margin-top: 10px;
}
.mar-bottom {
margin-bottom: 50px;
}
.slide-custom {
line-height: 30px;
min-height: 200px;
padding: 20px;
}
.carousel-indicators li {
border: 1px solid #05acd3;
}
.slide-custom p {
line-height: 30px;
text-align: justify;
margin-right: 35px;
}
.section-title {
background: url("../images/testinomial.png") no-repeat center;
margin: 0 auto;
}
.testv {/* border-top:1px solid #eeeeee*/
}
/*
testimonial end*/
/*social button start*/
.fbv2 {
font-size: 19px;
background-color: #b1b1b1;
border-radius: 20px;
width: 33px;
text-align: center;
color: #FFF;
padding-top: 7px;
height: 32px;
}
.fbv2:hover {
background: #3a5897
}
.ins2 {
font-size: 19px;
background-color: #b1b1b1;
border-radius: 20px;
width: 33px;
text-align: center;
color: #FFF;
padding-top: 7px;
height: 32px;
}
.ins2:hover {
background: #a87d5d
}
.gpl2 {
font-size: 20px;
background-color: #b1b1b1;
border-radius: 20px;
width: 33px;
text-align: center;
color: #FFF;
padding-top: 7px;
height: 32px;
}
.gpl2:hover {
background: #d62408
}
.blo2 {
background: #b1b1b1;
color: white;
padding: 10px;
border-radius: 50%
}
.blo2:hover {
background: #fd6500
}
.callbar {
float: right;
padding-top: 20px;
position: relative;
}
.callbar li {
display: inline;
list-style: none;
}
.vtr{font-size:13px; font-weight:500; font-style:italic;}
/*social button end*/
.imgz{
position:absolute;
margin-left:62px;
left:0;
margin-top:30px;
color:#FFF;
font-size:20px;
background-color: rgba(000, 000, 000, .4); text-align:center; padding:11px 20px; width:165px;
}
@media all and (max-width: 480px) and (min-width: 320px) {
.hdata {
margin-right: 98px;
}
.logo {
margin-left: 1px;
}
.offer {
margin: 50px 0 0;
float: left;
}
.textv a {
width: 24%
}
.butt {
margin-top: 20px;
padding: 0 15px
}
.bookn {
margin-top: 40px;
}
.bord {
border: 1px solid #fff;
padding: 14px;
}
.hdata {
margin-right: 1px;
}
}
@media all and (max-width: 1024px) and (min-width: 768px) {
.bookn {
width: 40%;
margin-left: 200px;
margin-top: 40px;
}
.social {
margin-left: 214px;
}
.textv a {
width: 24%
}
.aboutright {
box-shadow: none;
}
.pv {
margin-top: 50px
}
.offer {
margin: 50px 0 0;
float: right;
}
.col-md-8 { width: auto; }
.col-md-4 { width: 40%; }
}
@media all and (max-width: 100%) and (min-width: 1024px) {
.col-md-8 { width: 50%; }
.col-md-4 { width: 50%; }
}
@media all and (max-width: 980px) and (min-width: 768px) {
.col-md-8 { width: 100%; }
.col-md-4 { width: 100%; }
}
@media all and (max-width: 640px) and (min-width: 360px) {
.col-md-8 { width: 100%; }
.col-md-4 { width: 100%; float: left; }
}
@media all and (max-width: 320px) and (min-width: 240px) {
.col-md-8 { width: 100%; }
.col-md-4 { width: 100%; }
.logo {margin:0px;}
.offer { margin: 50px 20px 0 0; float: right; }
}
.img-border {
-webkit-border-radius: 50%;
border-radius: 50%;
}
a.links{color:#1794D3}
a.links:hover{color:#000}
.hero__content-footer label {
display: inline-block;
font-weight: 100;
margin-bottom: 9px;
color:#FFF;
font-size:18px;
}
.hero__content-footer {
background-color: #000;
background-color: rgba(0,0,0,0.6);
bottom: 0;
left: 0;
padding-bottom: 30px;
padding-top: 30px;
position: absolute;
right: 0
}
.form-control2 {
display: block;
width: 100%;
height: 54px;
padding: 6px 103px 8px 16px;
font-size: 20px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
}
@media screen and (max-width: 768px) {
.form-control2 {
width: 100%;
height: 90px;
padding: 6px 103px 8px 16px;
font-size: 30px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
}
.myButton {
height: 153px;
width: 581px;
}
}
@media screen and (max-width: 400px) {
.form-control2 {
width: 100%;
height: 150px;
padding: 6px 103px 8px 16px;
font-size: 80px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
}
}
.portfolio-filter li a { font-size:12px !important}
#portfolio {
width: 100%;
padding-bottom:0px !important;
position: relative;
}