@charset "utf-8";

/* -----------------------------------------------------

[Master StyleSheet]

Project:        Travel Zone- Personal and Corporate Portfolio Theme
Version:        1.02
Last Change:    Jan 30, 2018
Assigned to:    S. Ahsan, M. Moklas
Primary use:    Personal and Corporate Portfolio

-------------- Table of Content -------------------*/


/*---------------------------------------------------
[Table of contents]

1. Genarel (body, header, nav, section, article etc  )
2. Import Css
3. Header Css
4. Slider Css
5. Booking Css
6. Place Css
7. Video Css
8. Services Css
9. Counter Css
10. Hotel Css
11. Portfolio Css
12. Team Css
13. Testimonal Css
14. Location Css
15. Footer Css

---------------------------------------------------*/


/* =====================================
    01. Import CSS 
===================================== */


/* GOOGLE FONTs */

@import url('https://fonts.googleapis.com/css?family=Lato|Open+Sans|Poppins|Raleway|Sofia|Varela+Round');

/* OTHER IMPORTED CSS */





/*  28. Strat Custome CSS 
/*--------------------------------*/

section .container,
.section .container {
    position: relative;
    padding: 100px 0 70px;
    display: block;
    clear: both;
}

section,
.section {
    display: block;
    overflow: hidden;
    position: relative;
}


.services-style-four {
    position: relative;
    padding: 0 0 100px;
}

.services-style-four .column-margin {
    margin-top: 10px;
}

.services-features-four i {
    background: rgb(162, 117, 52, 1);
    color: #FFF;
    border: 1px solid #cccccc;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    font-size: 30px;
    margin-bottom: 20px;
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -40px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.services-features-four p {
    color: #000;
    margin-bottom: 20px;
}

.services-features-four .back-color {
    margin-top: 70px;
}

.services-style-four .services-features-four {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 10px;
}

.services-features-four .back-color a {
    margin-bottom: 10px;
}

.services-features-four .back-color a:hover {
    background: #000;
    color: #fff;
}

.services-features-four:hover i {
    background: #fff;
    color: rgb(50, 189, 230, 1);
}



/* Services Style Five start*/

.services-style-five {
    padding: 0 0 100px;
}

.services-features-five {
    background: #EEEEEE;
    padding: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.services-features-five i {
    color: #272822;
    height: 80px;
    width: 80px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    font-size: 40px;
    margin-top: 10px;
}

.services-features-five h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

.services-features-five p {
    padding-bottom: 20px;
}

.services-features-five .back-color a {
    margin-bottom: 20px;
}

.services-features-five:hover {
    -webkit-box-shadow: 0px 9px 40px -15px rgba(82, 75, 82, 1);
    -moz-box-shadow: 0px 9px 40px -15px rgba(82, 75, 82, 1);
    box-shadow: 0px 9px 40px -15px rgba(82, 75, 82, 1)
}



.services-features-four1 i {
    background: #F2517D;
    color: #fff;
   
}
.services-features-four1:hover i {
    background: rgb(255, 255, 255, 1);
    color: #F2517D;   
}



.services-features-four2 i {
    background: #FFCF09;
    color: #fff;
   
}
.services-features-four2:hover i {
    background: rgb(255, 255, 255, 1);
    color: #FFCF09;   
}



.services-features-four3 i {
    background: #969ce6;
    color: #fff;
   
}
.services-features-four3:hover i {
    background: #fff;
    color: #969ce6;   
}



.services-features-four4 i {
    background: #E12C6F;
    color: #fff;
   
}
.services-features-four4:hover i {
    background: #fff;
    color: #E12C6F;   
}



.services-features-four5 i {
    background: #7DB15A;
    color: #fff;
   
}
.services-features-four5:hover i {
    background: rgb(255, 255, 255, 1);
    color: #7DB15A;   
}



.services-features-four6 i {
    background: #019FC2;
    color: #fff;
   
}
.services-features-four6:hover i {
    background: rgb(255, 255, 255, 1);
    color: #019FC2;   
}



.services-features-four7 i {
    background: #FA0001;
    color: #fff;
   
}
.services-features-four7:hover i {
    background: rgb(255, 255, 255, 1);
    color: #FA0001;   
}



.services-features-four8 i {
    background: #7105C8;
    color: #fff;
   
}
.services-features-four8:hover i {
    background: rgb(255, 255, 255, 1);
    color: #7105C8;   
}



.services-features-four9 i {
    background: #62C4AE;
    color: #fff;
   
}
.services-features-four9:hover i {
    background: rgb(255, 255, 255, 1);
    color: #62C4AE;   
}



.services-features-four10 i {
    background: #91df56;
    color: #fff;
   
}
.services-features-four10:hover i {
    background: rgb(255, 255, 255, 1);
    color: #91df56;   
}



.services-features-four11 i {
    background: #6F1517;
    color: #fff;
   
}
.services-features-four11:hover i {
    background: rgb(255, 255, 255, 1);
    color: #6F1517;   
}



.services-features-four12 i {
    background: #F499C0;
    color: #fff;
   
}
.services-features-four12:hover i {
    background: rgb(255, 255, 255, 1);
    color: #F499C0;   
}



.services-features-four14 i {
    background: #955D12;
    color: #fff;
   
}
.services-features-four14:hover i {
    background: rgb(255, 255, 255, 1);
    color: #955D12;   
}



.services-features-four13 i {
    background: #250DC5;
    color: #fff;
   
}
.services-features-four13:hover i {
    background: rgb(255, 255, 255, 1);
    color: #250DC5;   
}



.services-features-four15 i {
    background: #C88BD9;
    color: #fff;
   
}
.services-features-four15:hover i {
    background: rgb(255, 255, 255, 1);
    color: #C88BD9;   
}

.avs{
    margin-left: -60px !important;
}

@media (min-width: 768px){
    .avs{
        margin-left: 0px;
    }
}