/* Greenture Environment Saving HTML5 Template */


/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Header Style Two
5. Main Slider
6. Main Features
7. Featured Fluid Section
8. Default Section
9. Default Featured Columns / Recent Projects / Events Section
10. Two Column Fluid
11. Vertical Links
12. Testimonials Style One
13. Blog News Section
14. Sponsors Carousel
15. Parallax Section
16. Intro Section
17. Main Footer
18. Default Icon Column
19. Testimonials Style Two
20. Our Team
21. FAQs Page
22. Error Page
23. Blog Pages / Classic / Three Column
24. Blog Details
25. Comments Area
26. Comment Form
27. Sidebar Styles / Widgets
28. Gallery Masonry
29. Gallery Three Column
30. Contact Page

**********************************************/



/*** 

====================================================================
	Reset
====================================================================

 ***/
* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

.SliderImage .carousel-control {
    background: none !important;
    background-image: none !important;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #25292f;
    line-height: 1.8em;
    font-weight: 400;
    background: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-font-smoothing: antialiased;
    -font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 1;
}

.SocialICON {
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    background: #e8e8e8;
}

    .SocialICON a {
        margin: 0px 2px;
        font-size: 22px;
        display: inline-block;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #046173;
        color: #fff;
        line-height: 40px;
        width: 38px;
        height: 38px;
        text-align: center;
        padding-top: 1px;
    }

.Main_BranchCtr {
    display: table;
    width: 100%;
}

    .Main_BranchCtr .SocialICON {
        background: rgba(232, 232, 232, 0.40);
    }

    .Main_BranchCtr > div {
        display: table-cell;
        border: 1px solid #e8e8e8;
        padding: 2px;
    }

        .Main_BranchCtr > div > span {
            font-size: 14px;
            height: 20px;
            line-height: 20px;
            color: #fff;
            background: #046173;
            display: block;
            text-align: center;
        }

.packageCtr {
    max-width: 1024px;
    margin: 0 auto;
}

.RegisterNowBtn {
    margin: 0px;
    font-size: 16px;
    display: inline-block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #046173;
    color: #fff;
    line-height: 38px;
    width: 100%;
    height: 38px;
    text-align: center;
    padding-top: 1px;
}

.RegisterNowHeading {
    position:relative;
    background: #046173;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 10px 10px 10px;
    /*-moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;*/
}

    .RegisterNowHeading > div {
        font-size: 12px;
        text-transform: none;
    }

a {
    cursor: pointer;
}

    a:hover {
        cursor: pointer;
        color: #ffffff !important;
        text-decoration: none !important;
        background: #004b5a !important;
    }

form .form-control {
    height: 38px;
    line-height: 34px;
    border: 2px solid #efe9e9;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
}

form .alert {
    margin-top: 20px;
    padding: 10px 15px;
}

form ::-webkit-input-placeholder {
    color: #999 !important;
}

form :-moz-placeholder {
    color: #999 !important;
}

form ::-moz-placeholder {
    color: #999 !important;
}

form :-ms-input-placeholder {
    color: #999 !important;
}

form .styled-select-car {
    border: 2px solid #efe9e9;
    height: 38px;
    position: relative;
    margin-bottom: 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

form .form-group label {
    margin-bottom: 2px;
}

form .styled-select-car:after {
    content: '';
    background: #ffffff url('../images/dropdown-icon.png') no-repeat 9px 13px;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 34px;
    position: absolute;
    pointer-events: none;
}

form .styled-select-car select {
    border: none;
    font-size: 12px;
    /*font-weight: bold;*/
    width: 100%;
    background-image: none;
    background: #fff;
    -webkit-appearance: none;
    padding: 3px 10px;
    height: 34px;
    outline: none;
    color: rgba(0, 0, 0, 0.72);
}

.form-group {
    position: relative;
}

.ar_span {
    font-family: 'Tajawal', sans-serif;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}

.registernowctr {
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
    padding: 0px;
    background: #fff;
    display: none;
    border: 1px solid #e8e8e8;
    /*-moz-border-radius: 7px 7px 5px 5px;
    -webkit-border-radius: 7px 7px 5px 5px;
    border-radius: 7px 7px 5px 5px;*/
}

    .registernowctr label {
        font-weight:500;
        font-size:14px;
    }

    @media only screen and (max-width: 400px) {
        .registernowctr {
        max-width: none;
        margin: 0 auto;
        left: 0px;
        top: 10%;
    }
}

.registernowctr form {
    margin: 20px;
}

/*.registernowctr.reservation-form-shadow {
    background-color: #fff;
    -moz-box-shadow: 8px 12px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 8px 12px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 8px 12px 0 rgba(0, 0, 0, 0.2);
}*/

.overlay-box {
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.72);
    display: none;
}

#checkoutModalLabel {
    background: #046173;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 20px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.footerbtnctr {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: #ffffff;
}

    .footerbtnctr > div {
        max-width: 1024px;
        margin: 0 auto;
    }

.packageCtr {
    margin-bottom: 100px;
}

.btn_close {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #25292f;
    color: #ffffff;
    border-radius: 30px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top:-15px;
    line-height: 26px;
    text-align: center;
    border: 2px solid #ffffff;
    -webkit-box-shadow: 1px 0px 8px 4px rgba(0,0,0,0.37);
    -moz-box-shadow: 1px 0px 8px 4px rgba(0,0,0,0.37);
    box-shadow: 1px 0px 8px 4px rgba(0,0,0,0.37);
    font-family: Arial;
    font-size: 12px;
}