#wallDiv {
    width: 100%;
    height: 100vh;
    overflow: hidden
}

#wallDiv .socialMediaDiv {
    position: absolute;
    z-index: 2;
    top: 35%;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 1.5rem
}
.services i {
	font-size: 60px !important;
  }
  .bgMain1 {
    background: #58c28a !important;
}

@media (min-width: 768px) {
    #wallDiv .socialMediaDiv {
        margin-right: 2rem
    }
}

@media (min-width: 768px) {
    #wallDiv .socialMediaDiv {
        margin-right: 3rem
    }
}

#wallDiv .socialMediaDiv .socialMedia:hover {
    border-radius: 20px;
    border: 1px solid #faa424
}

#wallDiv .socialMediaDiv .socialMedia {
    width: 2rem;
    height: 2rem;
    padding: .5rem;
    margin: .2rem 0;
    border: 1px solid #fefefe;
    border-radius: 2rem;
    -webkit-transition: border-radius 1s, border 1s;
    transition: border-radius 1s, border 1s
}

#wallDiv .socialMediaDiv .socialMedia .socialMediaIcon {
    width: 100%;
    height: 100%
}

#wallDiv .wallbutton:hover .wallbuttonText {
    padding-left: 5px
}

#wallDiv .wallbutton:hover .wallbuttonText::before {
    content: " ..";
    padding-right: .3rem
}

#wallDiv .wallbutton {
    display: none !important;
    background-color: #d61010;
    border: none;
    border-radius: 50px;
    padding: .5rem 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 20%;
    left: 5%
}

@media (min-width: 568px) {
    #wallDiv .wallbutton {
        bottom: 50px
    }
}

#wallDiv .wallbutton .wallbuttonText {
    color: #fefefe;
    margin: auto;
    font-weight: 600;
    font-size: 1.563rem;
    -webkit-transition: padding 0.1s;
    transition: padding 0.1s
}

#wallDiv .homePageSlideWrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

#wallDiv .homePageSlider {
    min-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s, -webkit-transform 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

#wallDiv .homePageSlide {
    min-width: 100%;
    max-width: 100%
}

#wallDiv #slideOne {
    background-image: url(/images/slideShow/Bali.jpg);
    background-color: #c20b0b
}

#wallDiv #slideOne .slideOneText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    margin-top: 10rem
}

#wallDiv #slideOne .slideOneText .title {
    color: #037c0d;
    margin: 0;
    font-weight: 900;
    font-size: 5rem
}

#wallDiv #slideOne .slideOneText .text {
    color: white;
    margin: 0
}

#wallDiv #slideOne .slideOneText .date {
    color: #f1ff26;
    font-weight: 600;
    margin: 0;
    margin-bottom: .5rem
}

#wallDiv #slideTwo {
    background-image: url(/images/slideShow/China.jpg);
    background-color: #c20b0b
}

#wallDiv #slideTwo .slideTwoText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    margin-top: 10rem
}

#wallDiv #slideTwo .slideTwoText .title {
    color: white;
    margin: 0;
    font-weight: 400;
    font-size: 5rem
}

#wallDiv #slideTwo .slideTwoText .text {
    color: #ffffff;
    margin: 0;
    font-weight: 400
}

#wallDiv #slideTwo .slideTwoText .date {
    color: #ffe70f;
    margin: 0
}

#wallDiv #slideThree {
    background-image: url(/images/slideShow/Malaysia.jpg);
    background-color: #412804
}

#wallDiv #slideThree .slideThreeText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    margin-top: 10rem
}

#wallDiv #slideThree .slideThreeText .date {
    color: #cf4331;
    margin: 0
}

#wallDiv #slideThree .slideThreeText .title {
    color: #ffffff;
    margin: 0;
    font-size: 5rem
}

#wallDiv #slideThree .slideThreeText .text {
    color: #5d6dff;
    margin-top: 1rem;
    font-weight: 700
}

#wallDiv #slideFour {
    background-image: url(/images/slideShow/UAE-Visa.jpg);
    background-color: #fd9947
}

#wallDiv #slideFour .slideFourText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    margin-top: 10rem
}

#wallDiv #slideFour .slideFourText .title {
    color: #fce300;
    margin: 0;
    font-size: 5rem
}

#wallDiv #slideFour .slideFourText .text {
    color: #fefefe
}

#wallDiv #slideFour .slideFourText .date {
    color: #fefefe;
    margin: 0
}

#wallDiv .slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#wallDiv #slideDropDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    margin: auto;
    bottom: 20px;
    right: 46%
}

#wallDiv #slideDropDiv .slideDrop {
    width: .5rem;
    height: .5rem;
    background-color: #fefefe;
    border-radius: 1rem;
    margin: 0 .3rem
}

#wallDiv #slideDropDiv .currentDrop {
    -webkit-box-shadow: 0px 0px 5px 1px #fefefe;
    box-shadow: 0px 0px 5px 1px #fefefe
}

.dealsMainDiv {
    height: auto !important
}

.dealsMainDiv .dealsDiv {
    width: 100% !important
}

.dealsMainDiv .dealsDiv .dealsBoxDiv .dealsWrapper {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: auto !important
}

@media (min-width: 568px) {
    .dealsMainDiv .dealsDiv .dealsBoxDiv .dealsWrapper {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
}

.dealsMainDiv .dealsDiv .dealsBoxDiv .dealsWrapper .dealsBox {
    min-width: 100px !important;
    max-width: 300px !important;
    margin: 1rem 0 !important
}

@media (min-width: 568px) {
    .dealsMainDiv .dealsDiv .dealsBoxDiv .dealsWrapper .dealsBox {
        width: 33% !important;
        min-width: 33% !important;
        max-width: 33% !important
    }
}

.arrowDiv {
    display: none !important
}

#servicesDiv {
    padding-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (min-width: 768px) {
    #servicesDiv {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

#servicesDiv .services:hover {
    -webkit-box-shadow: 0px 9px 20px -6px #878787;
    box-shadow: 0px 9px 20px -6px #878787;
    background: none repeat scroll 0 0 rgba(0, 163, 77, 0.65);
}

#servicesDiv .services:hover .servicesTitle {
    font-weight: 600;
    color: #fefefe
}

#servicesDiv .services {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40vw;
    height: 40vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1rem;
    border: 1px solid #960000;
    text-align: center;
    border-radius: 25px;
    margin: 1rem 0;
    -webkit-transition: background-color .3s, -webkit-box-shadow .3s;
    transition: background-color .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, background-color .3s;
    transition: box-shadow .3s, background-color .3s, -webkit-box-shadow .3s
}

@media (min-width: 568px) {
    #servicesDiv .services {
        width: 20vw;
        height: 20vw
    }
}

@media (min-width: 768px) {
    #servicesDiv .services {
        width: 20vw;
        height: 20vw
    }
}

@media (min-width: 1024px) {
    #servicesDiv .services {
        width: 15vw;
        height: 15vw;
        margin: 2rem 2rem
    }
}

#servicesDiv .services .servicesIconDiv {
    display: none;
    height: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    padding: .5rem
}

#servicesDiv .services .servicesIconDiv .servicesIcon {
    width: 100%
}

#servicesDiv .services .servicesTitle {
    font-size: 1rem;
    font-weight: 600;
    color: #202020;
    margin: 0;
    -webkit-transition: font-weight .5s;
    transition: font-weight .5s
}

@media (min-width: 768px) {
    #servicesDiv .services .servicesTitle {
        font-size: 2rem;
        margin: 0
    }
}

@media (min-width: 768px) {
    #servicesDiv .services .servicesTitle {
        font-size: 1.5rem
    }
}

#blogDiv {
    padding-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#blogDiv .blog {
    padding: 1rem;
    text-align: center;
    border: 1px solid #faa424;
    border-radius: 20px;
    width: 100%
}

@media (min-width: 1024px) {
    #blogDiv .blog {
        width: 48%
    }
}

#blogDiv .blog .blogImageDiv {
    width: 100%;
    height: 13rem;
    overflow: hidden;
    margin-top: 1rem;
    border-radius: 10px
}

#blogDiv .blog .blogImageDiv .blogImage {
    width: 100%
}

#blogDiv .blog .blogcontent {
    height: 15rem;
    overflow: hidden
}

#blogDiv .blog .readMore:hover {
    color: #faa424
}

#blogDiv .blog .readMore {
    -webkit-transition: color .5s;
    transition: color .5s
}

#testimonialDiv {
    margin-top: 2rem;
    height: 300px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.testimonialSlider {
    min-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.testimonialSlide {
    min-width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.slide {
    width: 100%;
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.testimonialTitle {
    color: #df4b4b
}

.testimonialcontent {
    padding-top: 1rem;
    max-width: 800px;
    min-width: 300px;
    margin: 0 auto
}

#testimonialDropDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    margin: auto;
    bottom: 20px;
    right: 47%
}

#testimonialDropDiv .testimonialDrop {
    width: .5rem;
    height: .5rem;
    background-color: #df4b4b;
    border-radius: 3px;
    margin: 0 .3rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

#testimonialDropDiv .testimonialcurrentDrop {
    width: .7rem;
    height: .7rem
}

.marginCommon {
    margin: 0
}

#contactPageFormSection {
    top: 100px;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3rem
}

#contactPageFormSection #contactPageFormDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    padding: 2rem;
    border-radius: 25px;
    -webkit-box-shadow: 0px 1px 15px -2px #ebebeb;
    box-shadow: 0px 1px 15px -2px #ebebeb
}

#contactPageFormSection #contactPageFormDiv #contactPageform {
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#contactPageFormSection #contactPageFormDiv #contactPageform .contactPageFormInput {
    width: 100%;
    height: 2rem;
    padding: 0 1rem 0 0;
    margin-top: 1rem;
    border: none;
    border-bottom: 1px solid #e4e2e0
}

#contactPageFormSection #contactPageFormDiv #contactPageform #contactPageContactButton:hover {
    background-color: #fefefe;
    color: #58c28a;
    border: 1px solid #58c28a;
    background-image: none
}

#contactPageFormSection #contactPageFormDiv #contactPageform #contactPageContactButton {
    background-color: #58c28a ;
    width: 10rem;
    margin-top: 1.5rem;
    border: none;
    padding: .3rem;
    border-radius: 100px;
    color: #fefefe;
    border: 1px solid transparent;
    cursor: pointer;
    -webkit-transition: background-color .5s, color .5s, border 1s, background-image .3s;
    transition: background-color .5s, color .5s, border 1s, background-image .3s
}

/*# sourceMappingURL=main.css.map */