/*----------------------------------------- [MASTER STYLE SHEET] * Project: Landing Page HTML5 Template * Version: v1.1.1 * Copyright 2018-2020 Sends * Last Changes: 21/08/2018 * Author: RN53 Themes -----------------------------------------------*/
/*--------------------------------------------- [TABLE OF CONTENT] 1. COMMON STYLES 2. PRE LOADING 3. CONTAINER SIZE 4. TOP SECTION 5. BANNER SECTION 6. BOOKING FORM 7. PACKAGES 8. CUSTOMER TESTIMONIALS 9. FOOTER 10. TRAVEL PLAN 11. MOBILE FRIENDLY STYLES(RESPONSIVE STYLES) ------------------------------------------------*/
/*-------------------------------------------------*/
/* = COMMON STYLES 
/*-------------------------------------------------*/
 body{
    font-family: 'Poppins', sans-serif;
    margin: 0;
    font-size: 14px;
    background: #fff;
    color: #1a2a38;
}
 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
     display: block;
}
 audio, canvas, progress, video {
     display: inline-block;
     vertical-align: baseline;
}
 audio:not([controls]) {
     display: none;
     height: 0;
}
 [hidden], template {
     display: none;
}
 a {
     text-decoration: none;
}
 a:active, a:hover {
     outline: 0;
}
 abbr[title] {
     border-bottom: 1px dotted;
}
 b, strong {
     font-weight: bold;
}
 li{
     list-style-type:none;
}
 ul{
     padding:0px;
     margin: 0px;
}
 h1, h2, h3, h4, h5, h6 {
     margin-top: 0px;
     margin-bottom: 0px;
}
 a {
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
 a:hover {
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
 div{
     box-sizing: border-box;
}
 :before{
    font-family: "Material Icons";
    position: absolute;
}
 :after{
    font-family: "Material Icons";
    position: absolute;
}
/* fallback */
 @font-face {
     font-family: 'Material Icons';
     font-style: normal;
     font-weight: 400;
     src: url(icon.woff2) format('woff2');
}
 input, textarea, select{
    outline:none;
    font-family: 'Poppins', sans-serif;
}
/* width */
 ::-webkit-scrollbar {
     width: 5px;
}
/* Track */
 ::-webkit-scrollbar-track {
     background: #f1f1f1;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
     background: #888;
}
/* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #555;
}
/* Placeholder text color */
 ::placeholder {
     color: #1a2a38;
     opacity: 1;
    /* Firefox */
}
 :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
     color: #1a2a38;
}
 ::-ms-input-placeholder {
    /* Microsoft Edge */
     color: #1a2a38;
}
/*-------------------------------------------------*/
/* PRE LOADING 
/*-------------------------------------------------*/
 #preloader {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
    /* change if the mask should have another color then white */
     z-index: 99999;
    /* makes sure it stays on top */
}
 #status {
     position: absolute;
     left: 46%;
    /* centers the loading animation horizontally one the screen */
     top: 40%;
     border: 5px solid #f3f3f3;
     border-radius: 50%;
     border-top: 5px solid #76cef1;
     width: 100px;
     height: 100px;
     -webkit-animation: spin 2s linear infinite;
    /* Safari */
     animation: spin 2s linear infinite;
}
/* Safari */
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
    }
}
 @keyframes spin {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
/*-------------------------------------------------*/
/* = CONTAINER SIZE 
/*-------------------------------------------------*/
 .land-full{
     width: 100%;
     position: relative;
     display: inline-block;
}
 .land-container{
     width: 1000px;
     margin: 0 auto;
     position: relative;
}
 .la-container-75{
    width: 950px;
}
 .col1{
    width:10%;
    float:left;
    padding:15px;
}
 .col15{
    width:15%;
    float:left;
    padding:15px;
}
 .col2{
    width:20%;
    float:left;
    padding:15px;
}
 .col25{
    width:25%;
    float:left;
    padding:15px;
}
 .col3{
    width:30%;
    float:left;
    padding:15px;
}
 .col35{
    width:35%;
    float:left;
    padding:15px;
}
 .col4{
    width:40%;
    float:left;
    padding:15px;
}
 .col45{
    width:45%;
    float:left;
    padding:15px;
}
 .col5{
    width:50%;
    float:left;
    padding:15px;
}
 .col55{
    width:55%;
    float:left;
    padding:15px;
}
 .col6{
    width:60%;
    float:left;
    padding:15px;
}
 .col65{
    width:65%;
    float:left;
    padding:15px;
}
 .col7{
    width:70%;
    float:left;
    padding:15px;
}
 .col75{
    width:75%;
    float:left;
    padding:15px;
}
 .col8{
    width:80%;
    float:left;
    padding:15px;
}
 .col85{
    width:85%;
    float:left;
    padding:15px;
}
 .col9{
    width:90%;
    float:left;
    padding:15px;
}
 .col95{
    width:95%;
    float:left;
    padding:15px;
}
/*-------------------------------------------------*/
/* = TOP SECTION 
/*-------------------------------------------------*/
 .land-3{
}
 .land-3-top-full{
     background: #ffffff;
     position: fixed;
     display: inline-block;
     width: 100%;
     height: 55px;
     padding: 10px 0px;
     top: 0px;
     z-index: 9;
     box-shadow: 0 3px 35px 0.6px rgba(40, 30, 20, 0.29);
    /* background: linear-gradient(to top, #262e3e, #999ca3);
     */
}
 .land-3-top{
     position: relative;
     width: 100%;
     display: inline-block;
     margin-bottom: 25px;
     z-index: 2;
}
 .land-3-top-logo{
     float: left;
     width: 50%;
}
 .land-3-top-logo a{
}
 .land-3-top-logo a img{
     margin-top: 2px;
     width: 200px;
     height: 32px;
     -webkit-object-fit: cover;
     -moz-object-fit: cover;
     -o-object-fit: cover;
     -ms-object-fit: cover;
     object-fit: cover;
}
 .land-3-top-contact{
     float: left;
     width: 50%;
}
 .land-3-top-contact ul{
     float: right;
     padding-top: 7px;
}
 .land-3-top-contact ul li{
     color: #ffffff;
     float: left;
     margin-left: 12px;
     font-weight: 500;
}
 .land-3-top-contact ul li a{
     color: #fff;
     cursor: pointer;
}
 .land-3-top-contact ul li:nth-child(1) a{
     border: 1px solid #fff;
     border-radius: 50px;
     padding: 5px 20px;
}
 .land-3-top-contact ul li:nth-child(2) a{
     border: 1px solid #caa244;
     border-radius: 50px;
     padding: 5px 20px 5px 39px;
     color: #000;
     background: #FFB75E;
    /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #ED8F03, #FFB75E);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to top, #deb553, #fbd477);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     text-shadow: 0px 0px 0px #414950;
}
 .land-3-top-contact ul li:before {
}
 .land-3-banner-full{
    position: relative;
    /* background: url(../images/grass.png) no-repeat center bottom;
     */
    background-size:100%;
    padding: 20px 0px 0px 0px;
    /* margin-top: 55px;
     */
}
 .land-3-banner-full:before {
     content: '';
     position: absolute;
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     background: #67a2dc;
    /* fallback for old browsers */
     background: -webkit-linear-gradient( 176deg, #4d95e0 25%, #a9c4d3 142%);
    /* Chrome 10-25, Safari 5.1-6 */
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     background: linear-gradient( 176deg, #0d4c82 25%, #0f395f 142%);
}
 .land-3-banner-full:after{
     content: '';
     position: absolute;
     background: url(../images/product-bg.png) no-repeat;
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     background-size: cover;
     opacity: 0.1;
}
 @keyframes animatedBackground {
     from {
         background-position: 0 0;
    }
     to {
         background-position: 100% 0;
    }
}
/*-------------------------------------------------*/
/* = BANNER SECTION 
/*-------------------------------------------------*/
 .land-3-banner{
     z-index: 5;
     position: relative;
}
 .land-3-banner-conte{
     float: left;
     width: 60%;
     color: #ffffff;
     padding: 40px 60px 50px 0px;
}
 .land-3-banner-conte h1{
     font-size: 60px;
     line-height: 60px;
     padding-bottom: 14px;
     color: #fcd577;
}
 .land-3-banner-conte h1 span{
    /* font-size: 45px;
     */
    /* line-height: 45px;
     */
     padding-bottom: 6px;
     font-weight: 100;
     display: block;
     color: #fff;
}
 .tit1{
     font-size: 32px;
     line-height: 32px;
}
 .tit2{
     font-size: 24px;
     line-height: 24px;
     margin-top: 7px;
}
 .land-3-banner-conte h4{
     font-size: 20px;
     font-weight: 300;
}
 .land-3-banner-conte p{
    /* color: #677082;
     */
    /* border-bottom: 1px solid #737fc5;
     */
     padding-bottom: 0px;
     margin-bottom: 30px;
     font-weight: 300;
}
 .demo-form{
     width: 75%;
     background: #123452;
     position: relative;
     display: inline-block;
     padding: 15px;
     border-radius: 3px;
     box-shadow: 0px 3px 8px -2px rgb(21, 29, 37);
}
 .demo-form ul{
}
 .demo-form li{
     float: left;
     width: 40%;
}
 .demo-form li input{
     width: 100%;
     height: 42px;
     background: #2c577d;
     border: 4px solid #123452;
     padding: 5px 15px;
     box-sizing: border-box;
     color: #fff;
}
 .demo-form li:nth-child(1){
     width: 60%;
}
 .demo-form li:nth-child(2) input[type="submit"]{
     font-weight: 500;
     font-size: 16px;
     color: #000;
     background: #d0b72b;
    /* fallback for old browsers */
     background: -webkit-linear-gradient(to bottom, #FFEB3B, #987817);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to bottom, #fbd477, #c39d42);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     text-shadow: 0px 0px 0px #414950;
    /* z-index: 99;
     */
     cursor: pointer;
}
/*-------------------------------------------------*/
/* = BOOKING FORM 
/*-------------------------------------------------*/
 .land-3-banner-form{
     float: left;
     width: 40%;
     padding-left: 20px;
}
 .land-com-form{
     background: #2f4d71;
     border-radius: 10px;
     box-shadow: 0px 31px 53px -15px rgba(0,0,0,0.76);
}
 .land-com-form h2{
     font-size: 22px;
     text-align: center;
     margin-bottom: 18px;
     color: #fff;
     background: #273c56;
     padding: 10px;
     border-radius: 10px 10px 0px 0px;
}
 .land-com-form form{
     padding: 20px 50px 25px 50px;
}
 .land-com-form form ul{
}
 .land-com-form form ul li{
     margin-bottom: 15px;
     position: relative;
     list-style-type: none;
}
 .land-com-form form ul li:before{
     font-size: 18px;
     margin-top: 12px;
     margin-left: 10px;
     color: #6a717f;
     font-weight: 500;
}
 .land-com-form form ul li:nth-child(1):before{
    content: "person";
}
 .land-com-form form ul li:nth-child(2):before{
    content: "mail_outline";
}
 .land-com-form form ul li:nth-child(3):before{
    content: "phone_iphone";
}
 .land-com-form form ul li:nth-child(4):before{
    content: "people";
}
 .land-com-form form ul li:nth-child(5):before{
}
 .land-com-form form ul li input, select{
     width: 100%;
     display: block;
     border: 0;
     border: 1px solid #d4d4d4;
     line-height: 24px;
     font-size: 14px;
     outline: none;
     height: 40px;
     background: #ffffff;
     padding-left: 45px;
     box-sizing: border-box;
     border-radius: 3px;
     color:#1a2a38;
}
 .land-com-form form ul li input[type="submit"]{
     background: #d93b3a;
     color: #fff;
     height: 50px;
     line-height: 50px;
     font-weight: 600;
     font-size: 16px;
     text-align: center;
     border-radius: 3px;
     cursor: pointer;
     padding-left: 0;
     border: 1px solid #b32120;
     text-transform: capitalize;
     background: -webkit-linear-gradient(to top, #D63938, #ef4b4a);
     background: linear-gradient(to top, #D63938, #ef4b4a);
}
 .land-com-form form ul li:nth-child(5):before{
     content: "send";
     margin-left: 207px;
     margin-top: 17px;
     color: #fff;
     font-size: 16px;
     opacity:0;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
 .land-com-form form ul li:nth-child(5):hover:before{
     opacity:1;
     margin-left: 212px;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
 .land-com-form form ul li p{
     margin-bottom: 0px;
     color: #9fb2ca;
     font-size: 12px;
     text-align: center;
}
 .land-com-form form ul li p a{
     color: #849ebd;
}
 .land-com-form form ul li:last-child{
    margin-bottom:0px;
}
 input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label{
     left: 48px;
     top: 0px;
     font-size: 11px;
     opacity: 0;
     font-size:8px;
}
 .inputText {
     font-size: 14px;
     width: 200px;
     height: 35px;
}
 .floating-label {
     position: absolute;
     pointer-events: none;
     left: 48px;
     top: 11px;
     transition: 0.2s ease all;
}
 .land-3-dwn-full{
    /* position: relative;
     */
     display: inline-block;
     padding: 60px 0px;
}
 .land-3-dwn{
}
 .land-3-dwn-img{
     float: left;
     width: 40%;
}
 .land-3-dwn-img img{
     width: 100%;
     height: 350px;
     -webkit-object-fit: cover;
     -moz-object-fit: cover;
     -o-object-fit: cover;
     -ms-object-fit: cover;
     object-fit: cover;
}
 .land-3-dwn-right{
     float: left;
     width: 60%;
     padding-left: 100px;
}
 .land-3-dwn-right h2{
     font-size: 48px;
     line-height: 62px;
}
 .land-3-dwn-right p{
     line-height: 26px;
     color: #495e71;
}
 .land-3-dwn-right a{
    margin-right: 15px;
}
 .land-3-banner-form{
}
 .land-3-banner-form img{
     width: 309px;
     margin-top: 28px;
     position: absolute;
}
 .ball{
     padding: 120px 0px 70px 0px;
     margin-bottom: 170px;
     position:relative;
     height: 636px;
     background: url(../images/product-left-bg.png) center left;
     background-size: 38%;
}
 .ball:before{
     content:'';
     position:absolute;
     width:100%;
     height:100%;
     left:0px;
     top:0px;
     bottom:0px;
     right:0px;
     background: #e2f2ff;
    /* fallback for old browsers */
     background: -webkit-linear-gradient(to top, #1f252d, #0e4270);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to top, #1f252d, #0e4270);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     z-index: -1;
}
 .ball:after{
     content: '';
     position: absolute;
     background: url(../images/grass.png) bottom left;
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     background-size: 48%;
     background-repeat: repeat no-repeat;
     opacity: 0.3;
}
 .ball-main{
}
 .ballcom{
     width: 75px;
     height: 75px;
    /* background: #fff;
     */
     border-radius: 50px;
     box-sizing: border-box;
     position: absolute;
     box-shadow: 0px 1px 17px -3px rgba(0, 0, 0, 0.45);
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
     left: 49%;
     margin-top: 47%;
     opacity:0;
     z-index: 11;
}
 .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9, .b10{
    opacity:1;
}
 .ballcom a{
     width: 75px;
     height: 75px;
     position: absolute;
     background: #27415a;
     border-radius: 50px;
     z-index: 1;
     border: 1px solid #3e444e;
}
 .ball-final a{
     width: 200px;
     height: 200px;
     position: absolute;
     background: #fff;
     border-radius: 50px;
     z-index: 1;
}
 .ballcom a:hover.ball-final a{
     background: #2c4b67;
}
 .ballcom a:hover{
     background: #ffffff;
}
 .ball-final a:hover{
     background: #d1e4f5;
}
 .ballcom a img{
     width: 44px;
     height: 44px;
     padding: 16px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
    /* box-shadow: 0px 2px 5px 6px rgba(150,150,150,0.8);
     */
     text-align: center;
     object-fit: contain;
}
 .ballcom:hover.ballcom:after{
     border-right: 1px dashed #ffffff;
}
 .b1{
     left: 43%;
     margin-top: 41%;
     width: 200px;
     height: 200px;
     border-radius: 50%;
}
 .ballcom.b1 img{
     width: 175px;
     padding: 13px;
}
 .ball-final{
     background: #fff;
     box-sizing: border-box;
     position: absolute;
     box-shadow: 0px 1px 17px -3px rgba(0, 0, 0, 0.45);
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     left: 43%;
     margin-top: 41%;
     width: 200px;
     height: 200px;
     border-radius: 50%;
     z-index: 12;
}
 .ball-final img{
     width: 100%;
     padding: 13px;
     box-sizing: border-box;
     object-fit: contain;
}
 .b2{
     left: 25%;
     margin-top: 5%;
}
 .b3{
     left: 50%;
     margin-top: -5%;
}
 .b4{
     left: 91%;
     margin-top: 6%;
}
 .b5{
     left: 42%;
     margin-top: 16%;
}
 .b6{
     left: 12%;
     margin-top: 33%;
}
 .b7{
     left: 64%;
     margin-top: 6%;
}
 .b8{
     left: 64%;
     margin-top: 29%;
}
 .b9{
     left: 4%;
     margin-top: 12%;
}
 .b10{
     left: 90%;
     margin-top: 23%;
}
 .ballcom:after{
     content:'';
     position:absolute;
     border-right: 1px dashed #88939c;
     z-index: -1;
}
 .b2:after{
     width: 0px;
     height: 428px;
     transform: rotate(-30deg);
     left: 144px;
     top: 10px;
}
 .b3:after{
     width: 0px;
     height: 464px;
     transform: rotate(1deg);
     left: 35px;
     top: 10px;
}
 .b4:after{
     width: 0px;
     height: 562px;
     transform: rotate(41deg);
     left: -153px;
     top: -13px;
}
 .b5:after{
     width: 0px;
     height: 303px;
     transform: rotate(-12deg);
     left: 64px;
     top: 10px;
}
 .b6:after{
     width: 0px;
     height: 345px;
     transform: rotate(-66deg);
     left: 178px;
     top: -72px;
}
 .b7:after{
     width: 0px;
     height: 428px;
     transform: rotate(18deg);
     left: -30px;
     top: 10px;
}
 .b8:after{
     width: 0px;
     height: 145px;
     transform: rotate(36deg);
     left: -16px;
     top: 45px;
}
 .b9:after{
     width: 0px;
     height: 478px;
     transform: rotate(-51deg);
     left: 221px;
     top: -54px;
}
 .b10:after{
     width: 0px;
     height: 391px;
     transform: rotate(54deg);
     left: -125px;
     top: -38px;
}
 .enquiry{
}
 .enquiry-left{
     float: left;
     width: 20%;
     color: #ffffff;
     padding: 0px 60px 50px 0px;
}
 .enquiry-left img{
     width: 100%;
}
 .enquiry-left-1{
     float: left;
     width: 40%;
     color: #1c2938;
     padding: 0px 60px 50px 0px;
}
 .enquiry-left-1 ul{
}
 .enquiry-left-1 ul li{
     margin-bottom: 25px;
     padding-left: 50px;
}
 .enquiry-left-1 ul li h4{
     font-size: 18px;
}
 .enquiry-left-1 ul li p{
     font-size: 13px;
}
 .enquiry-left-1 ul li:before{
     font-size: 40px;
     margin-top: 4px;
     margin-left: -58px;
     color: #FF5722;
     font-weight: 500;
}
 .enquiry-left-1 ul li:nth-child(1):before{
     content: "file_download";
}
 .enquiry-left-1 ul li:nth-child(2):before{
     content: "adb";
}
 .enquiry-left-1 ul li:nth-child(3):before{
     content: "headset";
}
 .enquiry-right{
     float: left;
     width: 40%;
}
 .land-3-top-contact ul li:nth-child(2) a:before{
     content: "file_download";
     font-size: 20px;
     margin-top: 1px;
     margin-left: -26px;
     color: #000000;
     font-weight: 500;
     text-shadow: 0px 0px 0px #414950;
}
 .mov-cloud{
     z-index: 0;
     opacity: 0.2;
}
 @-webkit-keyframes animateCloud {
     0% {
         margin-left: -1000px;
    }
     100% {
         margin-left: 100%;
    }
}
 @-moz-keyframes animateCloud {
     0% {
         margin-left: -1000px;
    }
     100% {
         margin-left: 100%;
    }
}
 @keyframes animateCloud {
     0% {
         margin-left: -1000px;
    }
     100% {
         margin-left: 100%;
    }
}
/* ANIMATIONS */
 .x1 {
     -webkit-animation: animateCloud 35s linear infinite;
     -moz-animation: animateCloud 35s linear infinite;
     animation: animateCloud 35s linear infinite;
     -webkit-transform: scale(0.65);
     -moz-transform: scale(0.65);
     transform: scale(0.25);
}
 .x2 {
     -webkit-animation: animateCloud 20s linear infinite;
     -moz-animation: animateCloud 20s linear infinite;
     animation: animateCloud 20s linear infinite;
     -webkit-transform: scale(0.3);
     -moz-transform: scale(0.3);
     transform: scale(0.3);
}
 .x3 {
     -webkit-animation: animateCloud 30s linear infinite;
     -moz-animation: animateCloud 30s linear infinite;
     animation: animateCloud 30s linear infinite;
     -webkit-transform: scale(0.5);
     -moz-transform: scale(0.5);
     transform: scale(0.5);
}
 .x4 {
     -webkit-animation: animateCloud 18s linear infinite;
     -moz-animation: animateCloud 18s linear infinite;
     animation: animateCloud 18s linear infinite;
     -webkit-transform: scale(0.4);
     -moz-transform: scale(0.4);
     transform: scale(0.4);
}
 .x5 {
     -webkit-animation: animateCloud 25s linear infinite;
     -moz-animation: animateCloud 25s linear infinite;
     animation: animateCloud 25s linear infinite;
     -webkit-transform: scale(0.55);
     -moz-transform: scale(0.55);
     transform: scale(0.55);
}
/* OBJECTS */
 .cloud {
     background: #fff;
     background: -moz-linear-gradient(top, #fff 5%, #f1f1f1 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#fff), color-stop(100%,#f1f1f1));
     background: -webkit-linear-gradient(top, #8ab9e6 5%,#9cceff 100%);
     background: -o-linear-gradient(top, #fff 5%,#f1f1f1 100%);
     background: -ms-linear-gradient(top, #fff 5%,#f1f1f1 100%);
     background: linear-gradient(top, #fff 5%,#f1f1f1 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f1f1f1',GradientType=0 );
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     border-radius: 100px;
     -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
     box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);
     height: 120px;
     position: relative;
     width: 350px;
     opacity: 0.3;
}
 .cloud:after, .cloud:before {
     background: #8ab9e6;
     content: '';
     position: absolute;
     z-indeX: -1;
}
 .cloud:after {
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     border-radius: 100px;
     height: 100px;
     left: 50px;
     top: -50px;
     width: 100px;
}
 .cloud:before {
     -webkit-border-radius: 200px;
     -moz-border-radius: 200px;
     border-radius: 200px;
     width: 180px;
     height: 180px;
     right: 50px;
     top: -90px;
}
/*-------------------------------------------------*/
/* = TRANSION EFFECTS 
/*-------------------------------------------------*/
 @-webkit-keyframes fadeIn {
     from {
         opacity:0;
    }
     to {
         opacity:1;
    }
}
 @-moz-keyframes fadeIn {
     from {
         opacity:0;
    }
     to {
         opacity:1;
    }
}
 @keyframes fadeIn {
     from {
         opacity:0;
    }
     to {
         opacity:1;
    }
}
 .fade-in {
     opacity:0;
    /* make things invisible upon start */
     -webkit-animation:fadeIn ease-in 1;
    /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
     -moz-animation:fadeIn ease-in 1;
     animation:fadeIn ease-in 1;
     -webkit-animation-fill-mode:forwards;
    /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
     -moz-animation-fill-mode:forwards;
     animation-fill-mode:forwards;
     -webkit-animation-duration:1s;
     -moz-animation-duration:1s;
     animation-duration:1s;
}
 .fade-in.one {
     -webkit-animation-delay: 0.7s;
     -moz-animation-delay: 0.7s;
     animation-delay: 0.7s;
}
 .fade-in.two {
     -webkit-animation-delay: 1.2s;
     -moz-animation-delay:1.2s;
     animation-delay: 1.2s;
}
 .fade-in.three {
     -webkit-animation-delay: 1.6s;
     -moz-animation-delay: 1.6s;
     animation-delay: 1.6s;
}
 .fade-in.four {
     -webkit-animation-delay: 2.1s;
     -moz-animation-delay: 2.1s;
     animation-delay: 2.1s;
}
/*-------------------------------------------------*/
/* = FOOTER 
/*-------------------------------------------------*/
 .land-1-foot-full{
     background: #2f4d71;
     padding: 10px 0px;
}
 .land-1-foot-text{
}
 .land-1-foot-text p{
     text-align: center;
     margin: 0px;
     font-size: 13px;
     color: #ffffff;
}
 .land-1-foot-text p a{
     color: #69b4f7;
}

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
	text-align: center;
}
/*-------------------------------------------------*/
/* = MOBILE FRIENDLY STYLES(RESPONSIVE STYLES) 
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* = When the browser is between 0px and 1050px wide,below css will be applied. 
/*-------------------------------------------------*/
 @media screen and (max-width:1050px){
     .land-container{
         width: 85%;
    }
     .land-3-banner-conte{
         width: 60%;
    }
     .land-3-banner-form{
         width:40%;
    }
     .land-3-banner-form img {
         width: 96%;
         margin-top: 0px;
         position: relative;
    }
     .land-3-top-logo {
         width: 30%;
    }
     .land-3-top-contact{
        width:70%;
    }
     .land-3-banner-form{
        margin-top:35px;
    }
     .land-3-banner-full:before{
    }
}
/*-------------------------------------------------*/
/* = When the browser is between 0px and 992px wide,below css will be applied. 
/*-------------------------------------------------*/
 @media screen and (max-width:992px){
     .land-3-top-contact ul li {
         margin-left: 40px;
         font-size: 12px;
    }
     .land-3-banner-full {
         padding: 40px 0px 55px 0px;
    }
     .land-pack{
        width:100%;
    }
     .enquiry-left{
        display:none;
    }
     .enquiry-left-1 {
         width: 50%;
         padding: 0px 60px 50px 0px;
    }
     .enquiry-right {
         width: 50%;
    }
     .ball {
         padding: 0px 0px 0px 0px;
         margin-bottom: 70px;
         height: 388px;
    }
     .ball-final a {
         width: 150px;
         height: 150px;
    }
     .ball-final{
         width: 150px;
         height: 150px;
    }
     .ballcom:after{
        display:none;
    }
}
/*-------------------------------------------------*/
/* = When the browser is between 0px and 767px wide,below css will be applied. 
/*-------------------------------------------------*/
 @media screen and (max-width:767px){
     .land-3-top-logo, .land-3-dwn-img, .land-3-dwn-right {
         width: 100%;
    }
     .land-3-top-contact{
        display:none;
    }
     .land-3-top-logo a img {
         margin: 0 auto;
         display: table;
    }
     .land-3-banner-conte h1{
         font-size: 44px;
         line-height: 40px;
         margin-bottom: 20px;
         text-align: center;
    }
     .land-3-banner-conte{
         width: 100%;
         padding: 0px 0px 50px 0px;
    }
     .land-3-banner-form{
         width:100%;
    }
     .land-3-banner-form img {
         width: 75%;
         margin:0 auto;
         display:table;
    }
     .land-3-banner-conte p{
        text-align:center;
    }
     .demo-form {
         width: 75%;
         display: table;
         margin: 0 auto;
    }
     .ballcom{
         height: 75px;
        /* background: #fff;
         */
         border-radius: 50px;
         position: relative;
         left: 49%;
         margin-top: 47%;
         opacity:0;
         z-index: 11;
         float: left;
         margin-bottom: 20px;
         margin-right: 2%;
    }
     .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9, .b10{
        opacity:1;
    }
     .ball-final {
         display:none;
    }
     .ballcom a{
         width: 100%;
         height: 75px;
         position: absolute;
         background: #ffffff;
         border-radius: 50px;
         z-index: 1;
         border: 1px solid #ffffff;
         text-align: center;
    }
     .ball-final img{
         width: 100%;
         padding: 13px;
         box-sizing: border-box;
    }
     .b2{
         left: initial;
         margin-top: initial;
    }
     .b3{
         left: initial;
         margin-top: initial;
    }
     .b4{
         left: initial;
         margin-top: initial;
    }
     .b5{
         left: initial;
         margin-top: initial;
    }
     .b6{
         left: initial;
         margin-top: initial;
    }
     .b7{
         left: initial;
         margin-top: initial;
    }
     .b8{
         left: initial;
         margin-top: initial;
    }
     .b9{
         left: initial;
         margin-top: initial;
    }
     .b10{
         left: initial;
         margin-top: initial;
    }
     .enquiry-left-1 {
         width: 100%;
         padding: 0px 0px 50px 0px;
    }
     .enquiry-right {
         width: 100%;
         margin-bottom: 60px;
    }
     .ball {
         padding: 0px 0px 70px 0px;
         margin-bottom: 70px;
         height: auto;
    }
}
/*-------------------------------------------------*/
/* = When the browser is between 0px and 480px wide,below css will be applied. 
/*-------------------------------------------------*/
 @media screen and (max-width:480px){
     .land-3-dwn-right a {
         margin-right: 0px;
         width: 100%;
    }
     .land-3-banner-conte h1 span {
         font-size: 26px;
         line-height: 28px;
    }
     .land-3-banner-conte h1{
         font-size: 32px;
    }
}
/*-------------------------------------------------*/
/* = When the browser is between 0px and 400px wide,below css will be applied. 
/*-------------------------------------------------*/
 @media screen and (max-width:400px){
}