@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Oswald-Light.woff') format('woff'), url('../fonts/Oswald-Light.ttf')  format('truetype'), url('../fonts/Oswald-Light.svg#Oswald-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibri';
    src: url('../../font/calibri-webfont.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{ margin:0; padding:0; height: 100vh; 
background: #565656; /* Old browsers */ background: -moz-linear-gradient(-45deg,  #565656 0%, #1c1c1c 56%, #000000 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg,  #565656 0%,#1c1c1c 56%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg,  #565656 0%,#1c1c1c 56%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section{ float:left; width:100%; }
main{ max-width:1100px; width:100%; margin:0 auto}
.wrap{ float:left; width:100%}
.logo{ text-align:center; width:100%; margin-top:20px; float:left}
.logoInner{ display:inline-block; width:480px; height:10px; }
.logoInner .stroke{width:26%; float:left; border-top:1px solid #fff; margin-top:12px; height:1px}
.logoInner .logoNdText{ float:left; font-family:calibri, calibriregular; font-size:21px; text-transform:uppercase; color:#fff; margin:0 18px;}
.logoInner .logoNdText img{ float:left; margin-right:10px;}
h2{ float:left; width:100%; text-align:center; text-shadow:3px 3px 0px #000; -webkit-text-shadow:3px 3px 0px #000; -moz-text-shadow:3px 3px 0px #000; font-family:Oswald; font-size:70px; color:#24b4de; margin:18px 0 0; padding:0; font-weight:normal}
h5{float:left; width:100%; text-align:center; font-family:calibri, calibriregular; font-size:21px; color:#ccc; margin:4px 0 20px; padding:0; font-weight:normal}
.bookingPart{ background:#6c6c6c; padding:5px 0; float:left; text-align:center; width:100%;}
.bookingPart .midStroke{display:inline-block; height:1px; border-top:1px solid #fff; width:100px;}
.bookingPart h3{display:inline-block; width:100%; text-align:center; font-family:calibri, calibriregular; font-size:26px; color:#cccccc; text-transform:capitalize; margin:0px 0; padding:0; font-weight:normal }
.mobileImg{float: left}
.rightPart{ width:68%; margin:0 2%; text-align:center; float:left;}
.price{color: #fff;display: inline-block;font-family: calibri,calibriregular;font-size: 42px;margin-bottom: 10px;margin-top: 15px;text-align: center;
text-transform: uppercase;width: 100%;}
.details{ background:#8cc739; float:left; width:100%; margin-top:22px; padding:15px; margin-bottom:26px; box-sizing:border-box}
.details p{float:left width:100%; text-align:left; font-family:Oswald; font-size:24px; color:#111; margin:0px; padding:0 0 10px; font-weight:normal}
.details p:last-child{ padding:0}
select{ width:32%; float:left; height: 41px; background:#fff; border:1px solid #ccc; padding:8px 10px;  font-family:calibri, calibriregular; font-size:17px; color:#444;}
button{ background:#24b4dd; color:#fff; padding:10px 25px; width:31%; margin-top:25px; cursor:pointer; border:0; font-family:calibri, calibriregular; text-transform:uppercase; font-size:19px; float:left; }
.frmFields{ float:left; width:100%;}
.frmFields input{ width:31%; margin-right:3%; float:left; background:#fff; border:none; font-family:calibri, calibriregular; font-size:17px; color:#999; padding:10px; box-sizing:border-box}

.errorMsgInput{color:red !important;}
.loader{background:#fff;display:none;position:fixed;z-index:120;font-family: calibri}
.FP_adjestclose img{height:32px!important;overflow:auto;position:absolute;right:-10px;top:-9px;width:32px!important;z-index:5}
.loader .containerRight { box-sizing: border-box; float: left; padding: 12px;}
.loader #popDesc{padding:0 0 15px 0;}
.loader .buttonContainer{padding:0 0 10px 0;}
.loader .buttonContainer .smlButtonSbt{text-transform: capitalize;background: rgb(89,200,255);border:0px;box-shadow: none; }

.profileRightCatHeadMain {
  background: rgba(0, 0, 0, 0) linear-gradient(to right, #27cb88 0px, #1bc1ac 41%, #12b8c9 63%, #01aafb 100%) repeat scroll 0 0;
  box-sizing: unset;
  color: #fff;
  float: left;  
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 10px;
  padding: 2.5%;
  position: relative;
  text-align: left;
  width: 95%;
}
.smlButtonSbt {
  background: #1f5c99 none repeat scroll 0 0;
  border: 1px solid #0e4780;
  border-radius: 5px;
  box-shadow: 0 1px 0 #4d98e2 inset;
  color: #fff !important;
  cursor: pointer;
  font-family: calibri,calibriregular;
  font-size: 14px;
  padding: 3px 10px;
  text-align: center;
}
@media screen and (max-width: 1075px) {
    .mobileImg{ width:30%}
    .rightPart{ width:66%}
}
@media screen and (max-width: 960px) {
    .mobileImg{ width:100%; text-align:center}
    .rightPart{ width:96%}
    .details{ margin-top:0}
    button{margin-bottom: 25px;}
}
@media screen and (max-width: 760px) {
    .frmFields input{ float:none; width:60%; margin-right:0; margin-bottom:20px;}
    select{float:none; width:60%; }
    button{ width:60%; margin-top:20px;}
    h2{ font-size:50px; padding:8px 0}
}
@media screen and (max-width: 498px) {
    .logoInner .stroke{ display:none}
    .logoInner .logoNdText{ float:none; display:inline-block;}
    h2{ margin:0; font-size:38px}
    .bookingPart h3{ font-size: 19px;font-weight: bold;}
    .price{ font-size:30px;}
    .details p{ font-size:20px}
    .frmFields input{width:80%;}
    select{float:none; width:80%; }
    button{ width:66%}    
    .logoInner{ width:100%}
    h5{ font-size:17px;}
}