#count-down ul, footer ul, ul {
    list-style: none
}

body {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px
}

.has-error .help-block {
    color: #ff0 !important
}

h1, h2, h3, h4, h5, h6 {
    font-family: Raleway,sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

h2, h3 {
    font-size: 36px;
    font-weight: 700
}

ul {
    margin: 0;
    padding-left: 0
}

a:hover {
    text-decoration: none
}

.pad0 {
    padding: 0px !important;
}

button:focus {
    outline: 0 !important;
    background: 0 0 !important;
    box-shadow: none !important
}

.playfair {
    font-family: 'Playfair Display',serif
}

form input[type=number], form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.price {
    text-align: center;
    align-items: self-end;
    border: 1px dashed #ccc;
    padding: 15px;
    background-color: #efefef;
    color: #0e74bc
}

*, :after, :before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#count-down ul {
    display: block;
    margin: 0 auto;
    padding: 0
}

    #count-down ul:after {
        clear: both;
        content: "";
        display: table
    }

#count-down li {
    float: left;
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: 25%
}

#count-down div {
    font-size: 1em;
    line-height: 1em;
    position: relative
}

.wrapper {
    margin: 0 auto;
    width: 100%
}

#count-down {
    font-size: 40px
}

    #count-down div {
        background: #3498db;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        color: #fff;
        font-weight: 700;
        overflow: hidden;
        margin: 30px 0;
        padding: .75em .25em;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
        text-shadow: 0 0 #2489cc,1px 1px #2489cc,2px 2px #2489cc,3px 3px #2489cc,4px 4px #2489cc,5px 5px #2489cc,6px 6px #2489cc,7px 7px #2489cc,8px 8px #2489cc,9px 9px #2489cc,10px 10px #2489cc,11px 11px #2489cc,12px 12px #2489cc,13px 13px #2489cc,14px 14px #2489cc,15px 15px #2489cc,16px 16px #2489cc,17px 17px #2489cc,18px 18px #2489cc,19px 19px #2489cc,20px 20px #2489cc,21px 21px #2489cc,22px 22px #2489cc,23px 23px #2489cc,24px 24px #2489cc,25px 25px #2489cc,26px 26px #2489cc,27px 27px #2489cc,28px 28px #2489cc,29px 29px #2489cc,30px 30px #2489cc,31px 31px #2489cc,32px 32px #2489cc,33px 33px #2489cc,34px 34px #2489cc,35px 35px #2489cc,36px 36px #2489cc,37px 37px #2489cc,38px 38px #2489cc,39px 39px #2489cc,40px 40px #2489cc,41px 41px #2489cc,42px 42px #2489cc,43px 43px #2489cc,44px 44px #2489cc,45px 45px #2489cc,46px 46px #2489cc,47px 47px #2489cc,48px 48px #2489cc,49px 49px #2489cc,50px 50px #2489cc,51px 51px #2489cc,52px 52px #2489cc,53px 53px #2489cc,54px 54px #2489cc,55px 55px #2489cc,56px 56px #2489cc,57px 57px #2489cc,58px 58px #2489cc,59px 59px #2489cc,60px 60px #2489cc,61px 61px #2489cc,62px 62px #2489cc,63px 63px #2489cc,64px 64px #2489cc,65px 65px #2489cc,66px 66px #2489cc,67px 67px #2489cc,68px 68px #2489cc,69px 69px #2489cc,70px 70px #2489cc,71px 71px #2489cc,72px 72px #2489cc,73px 73px #2489cc,74px 74px #2489cc,75px 75px #2489cc,76px 76px #2489cc,77px 77px #2489cc,78px 78px #2489cc,79px 79px #2489cc,80px 80px #2489cc,81px 81px #2489cc,82px 82px #2489cc,83px 83px #2489cc,84px 84px #2489cc,85px 85px #2489cc,86px 86px #2489cc,87px 87px #2489cc,88px 88px #2489cc,89px 89px #2489cc,90px 90px #2489cc,91px 91px #2489cc,92px 92px #2489cc,93px 93px #2489cc,94px 94px #2489cc,95px 95px #2489cc,96px 96px #2489cc,97px 97px #2489cc,98px 98px #2489cc,99px 99px #2489cc,100px 100px #2489cc,101px 101px #2489cc,102px 102px #2489cc,103px 103px #2489cc,104px 104px #2489cc,105px 105px #2489cc,106px 106px #2489cc,107px 107px #2489cc,108px 108px #2489cc,109px 109px #2489cc,110px 110px #2489cc,111px 111px #2489cc,112px 112px #2489cc,113px 113px #2489cc,114px 114px #2489cc,115px 115px #2489cc,116px 116px #2489cc,117px 117px #2489cc,118px 118px #2489cc,119px 119px #2489cc,120px 120px #2489cc,121px 121px #2489cc,122px 122px #2489cc,123px 123px #2489cc,124px 124px #2489cc,125px 125px #2489cc,126px 126px #2489cc,127px 127px #2489cc,128px 128px #2489cc,129px 129px #2489cc,130px 130px #2489cc,131px 131px #2489cc,132px 132px #2489cc,133px 133px #2489cc,134px 134px #2489cc,135px 135px #2489cc,136px 136px #2489cc,137px 137px #2489cc,138px 138px #2489cc,139px 139px #2489cc,140px 140px #2489cc,141px 141px #2489cc,142px 142px #2489cc,143px 143px #2489cc,144px 144px #2489cc,145px 145px #2489cc,146px 146px #2489cc,147px 147px #2489cc,148px 148px #2489cc,149px 149px #2489cc,150px 150px #2489cc,151px 151px #2489cc,152px 152px #2489cc,153px 153px #2489cc,154px 154px #2489cc,155px 155px #2489cc,156px 156px #2489cc,157px 157px #2489cc,158px 158px #2489cc,159px 159px #2489cc,160px 160px #2489cc,161px 161px #2489cc,162px 162px #2489cc,163px 163px #2489cc,164px 164px #2489cc,165px 165px #2489cc,166px 166px #2489cc,167px 167px #2489cc,168px 168px #2489cc,169px 169px #2489cc,170px 170px #2489cc,171px 171px #2489cc,172px 172px #2489cc,173px 173px #2489cc,174px 174px #2489cc,175px 175px #2489cc,176px 176px #2489cc,177px 177px #2489cc,178px 178px #2489cc,179px 179px #2489cc,180px 180px #2489cc,181px 181px #2489cc,182px 182px #2489cc,183px 183px #2489cc,184px 184px #2489cc,185px 185px #2489cc,186px 186px #2489cc,187px 187px #2489cc,188px 188px #2489cc,189px 189px #2489cc,190px 190px #2489cc,191px 191px #2489cc,192px 192px #2489cc,193px 193px #2489cc,194px 194px #2489cc,195px 195px #2489cc,196px 196px #2489cc,197px 197px #2489cc,198px 198px #2489cc,199px 199px #2489cc,200px 200px #2489cc
    }

        #count-down div:after {
            content: " " attr(data-interval-text);
            display: inline-block;
            bottom: .1em;
            font-size: .35em;
            font-weight: 400;
            left: 50%;
            margin-left: -2em;
            position: absolute;
            width: 4em;
            text-shadow: 0 0 #217dbb,1px 1px #217dbb,2px 2px #217dbb,3px 3px #217dbb,4px 4px #217dbb,5px 5px #217dbb,6px 6px #217dbb,7px 7px #217dbb,8px 8px #217dbb,9px 9px #217dbb,10px 10px #217dbb,11px 11px #217dbb,12px 12px #217dbb,13px 13px #217dbb,14px 14px #217dbb,15px 15px #217dbb,16px 16px #217dbb,17px 17px #217dbb,18px 18px #217dbb,19px 19px #217dbb,20px 20px #217dbb,21px 21px #217dbb,22px 22px #217dbb,23px 23px #217dbb,24px 24px #217dbb,25px 25px #217dbb,26px 26px #217dbb,27px 27px #217dbb,28px 28px #217dbb,29px 29px #217dbb,30px 30px #217dbb,31px 31px #217dbb,32px 32px #217dbb,33px 33px #217dbb,34px 34px #217dbb,35px 35px #217dbb,36px 36px #217dbb,37px 37px #217dbb,38px 38px #217dbb,39px 39px #217dbb,40px 40px #217dbb,41px 41px #217dbb,42px 42px #217dbb,43px 43px #217dbb,44px 44px #217dbb,45px 45px #217dbb,46px 46px #217dbb,47px 47px #217dbb,48px 48px #217dbb,49px 49px #217dbb,50px 50px #217dbb,51px 51px #217dbb,52px 52px #217dbb,53px 53px #217dbb,54px 54px #217dbb,55px 55px #217dbb,56px 56px #217dbb,57px 57px #217dbb,58px 58px #217dbb,59px 59px #217dbb,60px 60px #217dbb,61px 61px #217dbb,62px 62px #217dbb,63px 63px #217dbb,64px 64px #217dbb,65px 65px #217dbb,66px 66px #217dbb,67px 67px #217dbb,68px 68px #217dbb,69px 69px #217dbb,70px 70px #217dbb,71px 71px #217dbb,72px 72px #217dbb,73px 73px #217dbb,74px 74px #217dbb,75px 75px #217dbb,76px 76px #217dbb,77px 77px #217dbb,78px 78px #217dbb,79px 79px #217dbb,80px 80px #217dbb,81px 81px #217dbb,82px 82px #217dbb,83px 83px #217dbb,84px 84px #217dbb,85px 85px #217dbb,86px 86px #217dbb,87px 87px #217dbb,88px 88px #217dbb,89px 89px #217dbb,90px 90px #217dbb,91px 91px #217dbb,92px 92px #217dbb,93px 93px #217dbb,94px 94px #217dbb,95px 95px #217dbb,96px 96px #217dbb,97px 97px #217dbb,98px 98px #217dbb,99px 99px #217dbb,100px 100px #217dbb,101px 101px #217dbb,102px 102px #217dbb,103px 103px #217dbb,104px 104px #217dbb,105px 105px #217dbb,106px 106px #217dbb,107px 107px #217dbb,108px 108px #217dbb,109px 109px #217dbb,110px 110px #217dbb,111px 111px #217dbb,112px 112px #217dbb,113px 113px #217dbb,114px 114px #217dbb,115px 115px #217dbb,116px 116px #217dbb,117px 117px #217dbb,118px 118px #217dbb,119px 119px #217dbb,120px 120px #217dbb,121px 121px #217dbb,122px 122px #217dbb,123px 123px #217dbb,124px 124px #217dbb,125px 125px #217dbb,126px 126px #217dbb,127px 127px #217dbb,128px 128px #217dbb,129px 129px #217dbb,130px 130px #217dbb,131px 131px #217dbb,132px 132px #217dbb,133px 133px #217dbb,134px 134px #217dbb,135px 135px #217dbb,136px 136px #217dbb,137px 137px #217dbb,138px 138px #217dbb,139px 139px #217dbb,140px 140px #217dbb,141px 141px #217dbb,142px 142px #217dbb,143px 143px #217dbb,144px 144px #217dbb,145px 145px #217dbb,146px 146px #217dbb,147px 147px #217dbb,148px 148px #217dbb,149px 149px #217dbb,150px 150px #217dbb,151px 151px #217dbb,152px 152px #217dbb,153px 153px #217dbb,154px 154px #217dbb,155px 155px #217dbb,156px 156px #217dbb,157px 157px #217dbb,158px 158px #217dbb,159px 159px #217dbb,160px 160px #217dbb,161px 161px #217dbb,162px 162px #217dbb,163px 163px #217dbb,164px 164px #217dbb,165px 165px #217dbb,166px 166px #217dbb,167px 167px #217dbb,168px 168px #217dbb,169px 169px #217dbb,170px 170px #217dbb,171px 171px #217dbb,172px 172px #217dbb,173px 173px #217dbb,174px 174px #217dbb,175px 175px #217dbb,176px 176px #217dbb,177px 177px #217dbb,178px 178px #217dbb,179px 179px #217dbb,180px 180px #217dbb,181px 181px #217dbb,182px 182px #217dbb,183px 183px #217dbb,184px 184px #217dbb,185px 185px #217dbb,186px 186px #217dbb,187px 187px #217dbb,188px 188px #217dbb,189px 189px #217dbb,190px 190px #217dbb,191px 191px #217dbb,192px 192px #217dbb,193px 193px #217dbb,194px 194px #217dbb,195px 195px #217dbb,196px 196px #217dbb,197px 197px #217dbb,198px 198px #217dbb,199px 199px #217dbb,200px 200px #217dbb;
            -moz-transition: all 1s ease-in-out;
            -o-transition: all 1s ease-in-out;
            -webkit-transition: all 1s ease-in-out;
            transition: all 1s ease-in-out
        }

        #count-down div[data-interval-text=day], #count-down div[data-interval-text=hr], #count-down div[data-interval-text=min], #count-down div[data-interval-text=sec] {
            background: #28b263;
            text-shadow: 0 0 #295,1px 1px #295,2px 2px #295,3px 3px #295,4px 4px #295,5px 5px #295,6px 6px #295,7px 7px #295,8px 8px #295,9px 9px #295,10px 10px #295,11px 11px #295,12px 12px #295,13px 13px #295,14px 14px #295,15px 15px #295,16px 16px #295,17px 17px #295,18px 18px #295,19px 19px #295,20px 20px #295,21px 21px #295,22px 22px #295,23px 23px #295,24px 24px #295,25px 25px #295,26px 26px #295,27px 27px #295,28px 28px #295,29px 29px #295,30px 30px #295,31px 31px #295,32px 32px #295,33px 33px #295,34px 34px #295,35px 35px #295,36px 36px #295,37px 37px #295,38px 38px #295,39px 39px #295,40px 40px #295,41px 41px #295,42px 42px #295,43px 43px #295,44px 44px #295,45px 45px #295,46px 46px #295,47px 47px #295,48px 48px #295,49px 49px #295,50px 50px #295,51px 51px #295,52px 52px #295,53px 53px #295,54px 54px #295,55px 55px #295,56px 56px #295,57px 57px #295,58px 58px #295,59px 59px #295,60px 60px #295,61px 61px #295,62px 62px #295,63px 63px #295,64px 64px #295,65px 65px #295,66px 66px #295,67px 67px #295,68px 68px #295,69px 69px #295,70px 70px #295,71px 71px #295,72px 72px #295,73px 73px #295,74px 74px #295,75px 75px #295,76px 76px #295,77px 77px #295,78px 78px #295,79px 79px #295,80px 80px #295,81px 81px #295,82px 82px #295,83px 83px #295,84px 84px #295,85px 85px #295,86px 86px #295,87px 87px #295,88px 88px #295,89px 89px #295,90px 90px #295,91px 91px #295,92px 92px #295,93px 93px #295,94px 94px #295,95px 95px #295,96px 96px #295,97px 97px #295,98px 98px #295,99px 99px #295,100px 100px #295,101px 101px #295,102px 102px #295,103px 103px #295,104px 104px #295,105px 105px #295,106px 106px #295,107px 107px #295,108px 108px #295,109px 109px #295,110px 110px #295,111px 111px #295,112px 112px #295,113px 113px #295,114px 114px #295,115px 115px #295,116px 116px #295,117px 117px #295,118px 118px #295,119px 119px #295,120px 120px #295,121px 121px #295,122px 122px #295,123px 123px #295,124px 124px #295,125px 125px #295,126px 126px #295,127px 127px #295,128px 128px #295,129px 129px #295,130px 130px #295,131px 131px #295,132px 132px #295,133px 133px #295,134px 134px #295,135px 135px #295,136px 136px #295,137px 137px #295,138px 138px #295,139px 139px #295,140px 140px #295,141px 141px #295,142px 142px #295,143px 143px #295,144px 144px #295,145px 145px #295,146px 146px #295,147px 147px #295,148px 148px #295,149px 149px #295,150px 150px #295,151px 151px #295,152px 152px #295,153px 153px #295,154px 154px #295,155px 155px #295,156px 156px #295,157px 157px #295,158px 158px #295,159px 159px #295,160px 160px #295,161px 161px #295,162px 162px #295,163px 163px #295,164px 164px #295,165px 165px #295,166px 166px #295,167px 167px #295,168px 168px #295,169px 169px #295,170px 170px #295,171px 171px #295,172px 172px #295,173px 173px #295,174px 174px #295,175px 175px #295,176px 176px #295,177px 177px #295,178px 178px #295,179px 179px #295,180px 180px #295,181px 181px #295,182px 182px #295,183px 183px #295,184px 184px #295,185px 185px #295,186px 186px #295,187px 187px #295,188px 188px #295,189px 189px #295,190px 190px #295,191px 191px #295,192px 192px #295,193px 193px #295,194px 194px #295,195px 195px #295,196px 196px #295,197px 197px #295,198px 198px #295,199px 199px #295,200px 200px #295
        }

            #count-down div[data-interval-text=day]:after, #count-down div[data-interval-text=hr]:after, #count-down div[data-interval-text=min]:after, #count-down div[data-interval-text=sec]:after {
                text-shadow: 0 0 #1f884c,1px 1px #1f884c,2px 2px #1f884c,3px 3px #1f884c,4px 4px #1f884c,5px 5px #1f884c,6px 6px #1f884c,7px 7px #1f884c,8px 8px #1f884c,9px 9px #1f884c,10px 10px #1f884c,11px 11px #1f884c,12px 12px #1f884c,13px 13px #1f884c,14px 14px #1f884c,15px 15px #1f884c,16px 16px #1f884c,17px 17px #1f884c,18px 18px #1f884c,19px 19px #1f884c,20px 20px #1f884c,21px 21px #1f884c,22px 22px #1f884c,23px 23px #1f884c,24px 24px #1f884c,25px 25px #1f884c,26px 26px #1f884c,27px 27px #1f884c,28px 28px #1f884c,29px 29px #1f884c,30px 30px #1f884c,31px 31px #1f884c,32px 32px #1f884c,33px 33px #1f884c,34px 34px #1f884c,35px 35px #1f884c,36px 36px #1f884c,37px 37px #1f884c,38px 38px #1f884c,39px 39px #1f884c,40px 40px #1f884c,41px 41px #1f884c,42px 42px #1f884c,43px 43px #1f884c,44px 44px #1f884c,45px 45px #1f884c,46px 46px #1f884c,47px 47px #1f884c,48px 48px #1f884c,49px 49px #1f884c,50px 50px #1f884c,51px 51px #1f884c,52px 52px #1f884c,53px 53px #1f884c,54px 54px #1f884c,55px 55px #1f884c,56px 56px #1f884c,57px 57px #1f884c,58px 58px #1f884c,59px 59px #1f884c,60px 60px #1f884c,61px 61px #1f884c,62px 62px #1f884c,63px 63px #1f884c,64px 64px #1f884c,65px 65px #1f884c,66px 66px #1f884c,67px 67px #1f884c,68px 68px #1f884c,69px 69px #1f884c,70px 70px #1f884c,71px 71px #1f884c,72px 72px #1f884c,73px 73px #1f884c,74px 74px #1f884c,75px 75px #1f884c,76px 76px #1f884c,77px 77px #1f884c,78px 78px #1f884c,79px 79px #1f884c,80px 80px #1f884c,81px 81px #1f884c,82px 82px #1f884c,83px 83px #1f884c,84px 84px #1f884c,85px 85px #1f884c,86px 86px #1f884c,87px 87px #1f884c,88px 88px #1f884c,89px 89px #1f884c,90px 90px #1f884c,91px 91px #1f884c,92px 92px #1f884c,93px 93px #1f884c,94px 94px #1f884c,95px 95px #1f884c,96px 96px #1f884c,97px 97px #1f884c,98px 98px #1f884c,99px 99px #1f884c,100px 100px #1f884c,101px 101px #1f884c,102px 102px #1f884c,103px 103px #1f884c,104px 104px #1f884c,105px 105px #1f884c,106px 106px #1f884c,107px 107px #1f884c,108px 108px #1f884c,109px 109px #1f884c,110px 110px #1f884c,111px 111px #1f884c,112px 112px #1f884c,113px 113px #1f884c,114px 114px #1f884c,115px 115px #1f884c,116px 116px #1f884c,117px 117px #1f884c,118px 118px #1f884c,119px 119px #1f884c,120px 120px #1f884c,121px 121px #1f884c,122px 122px #1f884c,123px 123px #1f884c,124px 124px #1f884c,125px 125px #1f884c,126px 126px #1f884c,127px 127px #1f884c,128px 128px #1f884c,129px 129px #1f884c,130px 130px #1f884c,131px 131px #1f884c,132px 132px #1f884c,133px 133px #1f884c,134px 134px #1f884c,135px 135px #1f884c,136px 136px #1f884c,137px 137px #1f884c,138px 138px #1f884c,139px 139px #1f884c,140px 140px #1f884c,141px 141px #1f884c,142px 142px #1f884c,143px 143px #1f884c,144px 144px #1f884c,145px 145px #1f884c,146px 146px #1f884c,147px 147px #1f884c,148px 148px #1f884c,149px 149px #1f884c,150px 150px #1f884c,151px 151px #1f884c,152px 152px #1f884c,153px 153px #1f884c,154px 154px #1f884c,155px 155px #1f884c,156px 156px #1f884c,157px 157px #1f884c,158px 158px #1f884c,159px 159px #1f884c,160px 160px #1f884c,161px 161px #1f884c,162px 162px #1f884c,163px 163px #1f884c,164px 164px #1f884c,165px 165px #1f884c,166px 166px #1f884c,167px 167px #1f884c,168px 168px #1f884c,169px 169px #1f884c,170px 170px #1f884c,171px 171px #1f884c,172px 172px #1f884c,173px 173px #1f884c,174px 174px #1f884c,175px 175px #1f884c,176px 176px #1f884c,177px 177px #1f884c,178px 178px #1f884c,179px 179px #1f884c,180px 180px #1f884c,181px 181px #1f884c,182px 182px #1f884c,183px 183px #1f884c,184px 184px #1f884c,185px 185px #1f884c,186px 186px #1f884c,187px 187px #1f884c,188px 188px #1f884c,189px 189px #1f884c,190px 190px #1f884c,191px 191px #1f884c,192px 192px #1f884c,193px 193px #1f884c,194px 194px #1f884c,195px 195px #1f884c,196px 196px #1f884c,197px 197px #1f884c,198px 198px #1f884c,199px 199px #1f884c,200px 200px #1f884c
            }

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.common-btn, .hero, .hero > a, .section-title h2, a.back-to-top {
    text-align: center
}

section.about-victoria {
    padding: 80px 0
}

section.vic-partner {
    background-color: #efefef;
    padding: 40px 0
}

.partner-slider {
    margin-bottom: 50px;
    margin-top: 30px
}

    .partner-slider .item {
        padding: 10px;
        text-align: center
    }

        .partner-slider .item i {
            border: 1px dashed #ccc;
            padding: 20px;
            background-color: #fff;
            font-size: 40px
        }

        .partner-slider .item h3 {
            font-size: 20px;
            margin-top: 20px
        }

.common-header .navbar #navbar, .section-title h3 {
    margin-top: 0
}

.section-title span {
    color: #0e74bc
}

.section-title p {
    font-size: 17px;
    color: #353535;
    padding-top: 30px;
    margin: 0
}

.overlay {
    background-color: rgba(0,0,0,.3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.owl-next, .owl-prev {
    background-color: #0e74bc !important;
    width: 30px;
    height: 30px;
    border-radius: 0 !important;
    opacity: 1 !important;
    position: absolute;
    -webkit-transition: all .1s;
    transition: all .1s
}

    .owl-next i, .owl-prev i {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

        .owl-next i:before, .owl-prev i:before {
            font-size: 15px;
            margin: 0
        }

    .owl-next:hover, .owl-prev:hover {
        background: #000 !important
    }

.btn {
    -webkit-transition: all .1s;
    transition: all .1s
}

    .btn:hover {
        background: rgba(255,255,255,.1) !important
    }

.common-header {
    background-color: #111;
    position: static;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

.btn-group .btn, .common-btn {
    position: relative
}

.common-header .navbar {
    padding-bottom: 24px
}

    .common-header .navbar #navbar .navbar-nav {
        margin-top: 25px
    }

.common-header .right-buttons {
    line-height: auto;
    position: relative;
    top: 32px
}

    .common-header .right-buttons > li {
        height: auto !important
    }

.common-btn {
    background-color: #0e74bc;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0;
    border: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.ui-datepicker {
    width: 14em
}

.ui-widget-header {
    border: 0
}

a.back-to-top {
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 999;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    background-position: center 43%;
    line-height: 65px;
    color: #fff
}

    a.back-to-top i {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.pre-loder {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    background-color: #fff
}

    .pre-loder .loding {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        height: 50px;
        width: 50px;
        margin: -25px 0 0 -25px;
        border-radius: 50%
    }

        .pre-loder .loding:after, .pre-loder .loding:before {
            content: "";
            border: 2px solid #0e74bc;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            position: absolute;
            left: 0
        }

        .pre-loder .loding:before {
            transform: scale(1,1);
            opacity: 1;
            -webkit-animation: outside .6s infinite linear;
            animation: outside .6s infinite linear
        }

        .pre-loder .loding:after {
            transform: scale(0,0);
            opacity: 0;
            -webkit-animation: inside .6s infinite linear;
            animation: inside .6s infinite linear
        }

@-webkit-keyframes inside {
    from {
        -webkit-transform: scale(.5,.5);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1,1);
        opacity: 1
    }
}

@keyframes inside {
    from {
        transform: scale(.5,.5);
        opacity: 0
    }

    to {
        transform: scale(1,1);
        opacity: 1
    }
}

@-webkit-keyframes outside {
    from {
        -webkit-transform: scale(1,1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.5,1.5);
        opacity: 0
    }
}

@keyframes outside {
    from {
        -webkit-transform: scale(1,1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.5,1.5);
        opacity: 0
    }
}

header {
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100
}

    header .navbar {
        margin-bottom: 0;
        border: 0
    }

        header .navbar .container {
            padding-left: 0;
            padding-right: 0;
            position: relative
        }

        header .navbar .navbar-nav {
            margin-top: 27px;
            visibility: hidden;
            opacity: 0;
            -webkit-transition: all .8s;
            transition: all .8s
        }

.toggle-menu {
    visibility: visible !important;
    opacity: 1 !important
}

.toggle-dropdown-menu {
    display: block !important
}

header .navbar #navbar > ul > li {
    padding: 10px 0
}

.navbar-brand {
    height: auto !important;
    padding: 22px 15px !important
}

header .navbar #navbar ul > li > a {
    color: #fff;
    background: 0 0;
    text-transform: uppercase;
    line-height: 16px;
    padding: 5px 10px
}

    header .navbar #navbar ul > li.active > a, header .navbar #navbar ul > li.active > a:active, header .navbar #navbar ul > li.active > a:focus, header .navbar #navbar ul > li.active > a:visited, header .navbar #navbar ul > li > a:hover {
        background-color: #0e74bc
    }

header .dropdown-menu li.active > a {
    background-color: #0e74bc;
    color: #fff !important
}

.dropdown-menu a, header #navbar .dropdown-menu a:active, header #navbar .dropdown-menu a:focus {
    color: #000 !important
}

.dropdown-menu {
    background-color: #fff;
    border: 0;
    border-radius: 0;
    padding: 0
}

    .dropdown-menu:before {
        content: "";
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        position: absolute;
        left: 50%;
        top: -7px;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    .dropdown-menu a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        font-weight: 400;
        border-bottom: 1px solid #f1f1f1
    }

    .dropdown-menu li:last-child a {
        border-bottom: 0
    }

    .dropdown-menu a:hover {
        color: #fff !important
    }

@media screen and (min-width:768px) {
    header #navbar > ul > li.dropdown:hover > ul {
        display: block
    }
}

header .search-wrapper {
    position: relative;
    top: 39px;
    z-index: 20
}

.common-header .search-wrapper {
    top: 37px
}

header .search-wrapper button {
    background: 0 0;
    color: #fff;
    border: 0
}

    header .search-wrapper button:hover {
        color: #0e74bc
    }

header .search-wrapper > ul > li {
    display: inline-block;
    height: 46px
}

header .search-wrapper .search-box {
    background: #0e74bc;
    width: 300px;
    position: absolute;
    right: 0;
    top: 46px;
    padding: 25px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.toggle-search-box {
    visibility: visible !important;
    opacity: 1 !important
}

header .search-box form {
    position: relative
}

    header .search-box form input {
        width: 100%;
        border: 0;
        box-shadow: none;
        height: 40px;
        padding: 5px 10px
    }

        header .search-box form input:focus {
            outline: 0
        }

    header .search-box form button {
        background: 0 0;
        position: absolute;
        right: 0;
        top: 0;
        height: 40px;
        color: #000
    }

header .lang-wrapper {
    position: relative;
    top: 39px;
    z-index: 20;
    margin-left: 10px
}

.common-header .lang-wrapper {
    top: 37px
}

header .lang-wrapper a {
    background: 0 0;
    color: #fff;
    border: 0
}

    header .lang-wrapper a:hover {
        color: #0e74bc
    }

header .lang-wrapper > ul > li {
    display: inline-block;
    height: 46px
}

.about img, .fun-fact span {
    display: block
}

@media only screen and (max-width:991px) {
    header .lang-wrapper {
        position: absolute;
        top: 30px;
        right: 30px
    }
}

header .login-wrapper {
    position: relative;
    top: 39px;
    z-index: 20
}

    header .login-wrapper a {
        background: 0 0;
        color: #fff;
        border: 0;
        text-decoration: none !important;
        cursor: pointer
    }

footer .copyright p a:hover, footer ul li a:hover {
    text-decoration: none
}

header .login-wrapper a:hover {
    color: #0e74bc
}

header .login-wrapper ul li a:hover {
    color: #0e74bc !important
}

@media only screen and (max-width:991px) {
    header .login-wrapper {
        position: absolute;
        top: 60px;
        right: 30px
    }
}

.hero, .hero > a {
    position: relative
}

.hero {
    margin: 0
}

#home-1 .hero .item {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 1080px
}

#home-1 .hero .item-1 {
    background: url(../images/home-1/slider/slider-1.jpg) 50% 50% no-repeat;
    background-size: cover
}

#home-1 .hero .item-2 {
    background: url(../images/home-1/slider/slider-2.jpg) 50% 50% no-repeat;
    background-size: cover
}

.hero > a {
    background: rgba(255,255,255,.1);
    width: 200px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 0;
    top: -300px
}

    .hero > a:hover {
        background: #84af00 !important;
        color: #fff !important;
        border-color: #84af00
    }

.hero .title, .resort .title {
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%
}

.hero .title {
    background: url(../images/home-1/title-bg.png) no-repeat;
    width: 894px;
    height: 341px;
    background-size: cover;
    padding: 0 25px;
    top: 40%;
    -webkit-transform: translate(-50%,-40%);
    transform: translate(-50%,-40%);
    z-index: 6
}

    .hero .title > div {
        margin-top: 75px
    }

.hero .playfair {
    font-size: 28px
}

.hero .title h2 {
    font-size: 60px;
    font-weight: 800;
    line-height: 66px;
    margin: .83em 0 30px
}

.hero .title p {
    font-size: 20px;
    text-transform: uppercase
}

    .hero .title p span {
        font-weight: 600
    }

#main-hero .owl-controls {
    margin-top: -87px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.hero .owl-page span {
    background: rgba(255,255,255,.2) !important;
    opacity: 1 !important
}

.hero .owl-pagination .active span {
    width: 14px;
    height: 14px;
    background: rgba(255,255,255,.9) !important
}

#bar {
    width: 0%;
    max-width: 100%;
    height: 6px;
    background: #0e74bc
}

#progressBar {
    background-color: rgba(255,255,255,.2);
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: 0;
    z-index: 5
}

.about-resort {
    overflow: hidden;
    margin-top: -45px
}

.about {
    padding-top: 140px
}

    .about img {
        margin: 0 auto
    }

    .about .owl-next, .about .owl-prev {
        right: 17px;
        top: -110px;
        border: 1px solid transparent
    }

    .about .owl-prev {
        right: 51px
    }

.resort {
    padding-left: 0;
    padding-right: 0
}

    .resort .title {
        border: 1px dashed #fff;
        padding: 30px;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

        .resort .title h2 {
            font-size: 41px;
            letter-spacing: 10px;
            line-height: 32px;
            margin: 0 0 .24em
        }

        .resort .title p {
            font-size: 23px;
            margin: 0
        }

.resort-slider .item {
    position: relative
}

.resort-slider .item-1, .resort-slider .item-2, .resort-slider .item-3 {
    background: url(../images/home-1/resort/slider/img-1.jpg) 50% 50% no-repeat;
    background-size: cover
}

.resort-slider .owl-controls {
    margin-top: -87px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.resort-slider .owl-page span {
    background: rgba(255,255,255,.2) !important;
    opacity: 1 !important
}

.resort-slider .owl-pagination .active span {
    width: 13px;
    height: 13px;
    background: rgba(255,255,255,.9) !important
}

.beautifull-spa-and-faeture {
    margin-top: -10px;
    position: relative;
    z-index: 5
}

.beautifull-spa {
    background: url(../images/home-1/beautifull-spa.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 140px 40px 0
}

    .beautifull-spa .col:first-child {
        padding: 0
    }

    .beautifull-spa .col:last-child {
        text-align: right;
        padding: 0 25px 0 0;
        margin-top: 5px
    }

    .beautifull-spa .col:first-child p {
        font-size: 15px;
        color: #7d7d7d;
        line-height: 24px;
        margin-bottom: 0
    }

    .beautifull-spa h2 {
        font-size: 25px;
        line-height: 35px;
        margin: 0
    }

.faeture {
    background-color: #fff;
    overflow: hidden;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

    .faeture .col {
        padding: 80px 60px;
        -webkit-transition: all .2s;
        transition: all .2s
    }

        .faeture .col i:before {
            font-size: 45px
        }

    .faeture h3 {
        font-size: 18px;
        color: #222;
        margin: 2em 0
    }

    .faeture .col p {
        font-size: 15px;
        line-height: 23px;
        color: #7d7d7d;
        margin: 0
    }

    .faeture .col:hover h3, .faeture .col:hover p, .fun-fact {
        color: #fff
    }

    .faeture .col:hover {
        background-color: #0e74bc !important;
        color: #fff
    }

#index .faeture .col:nth-child(1), #index .faeture .col:nth-child(4) {
    background-color: #fafafa
}

.fun-fact {
    background: url(../images/home-2/funfact-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    text-align: center;
    padding: 53px 0;
    position: relative
}

    .fun-fact .container {
        position: relative
    }

    .fun-fact .col {
        border-right: 1px solid #555;
        padding-top: 15px;
        padding-bottom: 33px
    }

    .fun-fact .row .col:last-child {
        border-right: 0
    }

    .fun-fact i:before {
        margin-left: 0;
        font-size: 45px
    }

    .fun-fact .number {
        font-size: 50px;
        font-weight: 600;
        line-height: 40px;
        margin: .36em 0 .28em
    }

    .fun-fact .fact-title {
        font-size: 18px
    }

.spa-advantages {
    background: url(../images/home-1/adventure-bg.jpg);
    padding: 110px 0
}

    .spa-advantages .advantage-details {
        background: url(../images/home-1/adventure-img.png) no-repeat;
        padding-bottom: 43px
    }

    .spa-advantages .section-title {
        margin-bottom: 40px
    }

        .spa-advantages .section-title .playfair {
            margin: 0
        }

        .spa-advantages .section-title h2 {
            font-size: 35px;
            font-weight: 800;
            line-height: 30px;
            color: #000;
            margin: .77em 0 1.15em
        }

        .spa-advantages .section-title p {
            font-size: 16px;
            line-height: 24px;
            margin: 0
        }

    .spa-advantages .advantages {
        padding-left: 47px;
        margin-top: 32px
    }

        .spa-advantages .advantages .row {
            margin-bottom: 35px;
            position: relative
        }

            .spa-advantages .advantages .row:last-child {
                margin-bottom: 0
            }

        .spa-advantages .advantages .icon {
            width: 70px;
            height: 70px;
            padding: 0;
            border: 1px solid #0e74bc;
            border-radius: 50%;
            position: relative
        }

        .spa-advantages .advantages i {
            background-color: #0e74bc;
            width: 60px;
            height: 60px;
            display: table;
            text-align: center;
            border-radius: 50px;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

            .spa-advantages .advantages i:before {
                font-size: 33px;
                margin: 0;
                color: #fff;
                display: table-cell;
                vertical-align: middle
            }

    .spa-advantages .playfair {
        display: block;
        font-size: 16px;
        color: #83a100;
        margin-top: 5px
    }

    .spa-advantages .advantages h3 {
        font-family: 'Open Sans',sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #000;
        margin: .4em 0 .95em
    }

    .spa-advantages .advantages .line {
        background-color: #87a900;
        width: 160px;
        height: 1px;
        position: absolute;
        left: -160px;
        top: 35px
    }

        .spa-advantages .advantages .line .before {
            content: "";
            background-color: #fff;
            display: block;
            width: 20px;
            height: 20px;
            border: 4px solid #85a701;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: -10px;
            z-index: 5
        }

        .spa-advantages .advantages .line .point {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            background: 0 0;
            position: absolute;
            left: -1px;
            top: -11px;
            box-shadow: 0 0 0 1px #0e74bc;
            -webkit-animation: pin-point 2s linear infinite;
            animation: pin-point 2s linear infinite
        }

@-webkit-keyframes pin-point {
    0% {
        -webkit-transform: scale(1);
        opacity: .8
    }

    50% {
        opacity: .8
    }

    100% {
        -webkit-transform: scale(1.8);
        opacity: 0
    }
}

@keyframes pin-point {
    0% {
        transform: scale(1);
        opacity: .8
    }

    50% {
        opacity: .8
    }

    100% {
        transform: scale(1.8);
        opacity: 0
    }
}

.facial-slider.row.owl-carousel.owl-theme {
    margin: 0
}

.services {
    overflow: hidden;
    padding-bottom: 80px
}

    .services .thumbnail {
        background: 0 0;
        border: 0;
        border-radius: 0;
        padding: 0
    }

        .services .thumbnail .hover-content > div {
            position: absolute;
            width: 100%;
            text-align: center;
            bottom: 45px;
            left: 50%;
            -webkit-transform: translate(-50%);
            transform: translate(-50%)
        }

            .services .thumbnail .hover-content > div p {
                text-transform: uppercase;
                color: #fff;
                line-height: 12px;
                margin: 17px 0 0
            }

        .services .thumbnail .hover-content {
            background: rgba(14,116,188,.68) !important;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            visibility: hidden
        }

            .services .thumbnail .hover-content:after, .services .thumbnail .hover-content:before {
                content: "";
                width: 94%;
                height: 94%;
                position: absolute;
                left: 3%;
                top: 3%;
                -webkit-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out
            }

            .services .thumbnail .hover-content:before {
                width: 0;
                border-top: 1px dashed #fff;
                border-bottom: 1px dashed #fff
            }

            .services .thumbnail .hover-content:after {
                height: 0;
                border-left: 1px dashed #fff;
                border-right: 1px dashed #fff
            }

        .services .thumbnail:hover .hover-content:before {
            width: 94%
        }

        .services .thumbnail:hover .hover-content:after {
            height: 94%
        }

    .services .wrap-hover-content:hover .hover-content {
        visibility: visible
    }

.top-button {
    padding-bottom: 50px
}

    .top-button .col:first-child {
        padding: 0
    }

        .top-button .col:first-child p {
            font-family: Raleway,sans-serif;
            font-size: 18px;
            font-weight: 600;
            color: #d3d1ca;
            text-transform: uppercase;
            margin: 0
        }

    .top-button .col:nth-child(2) {
        background-color: #d3d1ca;
        line-height: 20px;
        width: 72%;
        height: 1px;
        margin: 12px 0 0 15px
    }

    .top-button .btn {
        background: 0 0;
        border: 0;
        padding: 0;
        border-radius: 0;
        margin-left: 16px;
        margin-right: 16px;
        position: relative
    }

        .top-button .btn i:before {
            font-size: 20px;
            color: #d5d3cd;
            margin: 0;
            -webkit-transition: all .2s;
            transition: all .2s
        }

        .top-button .btn:first-child {
            margin-left: 0
        }

        .top-button .btn:last-child {
            margin-right: 0
        }

        .top-button .btn:after {
            content: "";
            display: block;
            height: 26px;
            border-right: 1px solid #d5d3cc;
            position: absolute;
            top: 0;
            left: 36px
        }

        .top-button .btn:last-child:after {
            display: none
        }

        .top-button .active i:before, .top-button .btn:hover i:before {
            color: #000
        }

    .top-button .active {
        box-shadow: none;
        cursor: auto
    }

.services .view-all-service {
    background-color: #0e74bc;
    width: 180px;
    height: 40px;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin-top: 68px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .services .view-all-service:hover {
        background-color: #000 !important
    }

.services .facial-left-thumbnail img {
    width: auto
}

.services .body .left, .services .facial .left, .services .facial-left-thumbnail, .services .foot .left, .services .foot-left-thumbnail {
    position: relative
}

    .services .body-right-thumbnail .overlay + div, .services .facial-left-thumbnail .overlay + div, .services .foot-left-thumbnail .overlay + div {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 45px;
        z-index: 6
    }

        .services .body-right-thumbnail .overlay + div p, .services .facial-left-thumbnail .overlay + div p, .services .foot-left-thumbnail .overlay + div p {
            text-transform: uppercase;
            color: #fff;
            line-height: 12px;
            margin: 17px 0 0
        }

.services .facial-right-thumbnail {
    margin-left: 30px;
    margin-bottom: 0
}

    .services .facial-right-thumbnail .row {
        margin-left: 0;
        margin-right: 0
    }

.services .body .victorial-body-massage, .services .facial .victorial-facila-massage, .services .foot .victorial-foot-massage {
    background: #fff;
    text-align: center;
    padding: 60px 15px 20px;
    text-transform: uppercase;
    margin-bottom: 30px
}

    .services .body .victorial-body-massage h4, .services .facial .victorial-facila-massage h4, .services .foot .victorial-foot-massage h4 {
        font-size: 20px;
        font-weight: 700;
        line-height: 17px;
        color: #333
    }

        .services .body .victorial-body-massage h4 span, .services .facial .victorial-facila-massage h4 span, .services .foot .victorial-foot-massage h4 span {
            color: #0e74bc
        }

    .services .body .victorial-body-massage p, .services .facial .victorial-facila-massage p, .services .foot .victorial-foot-massage p {
        color: #7f7d79;
        margin-bottom: 22px
    }

    .services .body .victorial-body-massage > a, .services .facial .victorial-facila-massage > a, .services .foot .victorial-foot-massage > a {
        background-color: #333;
        color: #fff;
        border: 0;
        border-radius: 0;
        padding: 8px 11px
    }

        .services .body .victorial-body-massage > a:hover, .services .facial .victorial-facila-massage > a:hover, .services .foot .victorial-foot-massage > a:hover {
            background-color: #000 !important
        }

.services .facial .left {
    float: left
}

.services .facial .right {
    float: right
}

.services .body .like-comment, .services .facial .like-comment, .services .foot .like-comment {
    margin-top: 82px
}

    .services .body .like-comment a, .services .facial .like-comment a, .services .foot .like-comment a {
        font-size: 13px;
        color: #7f7d79;
        font-weight: 600;
        font-style: normal !important
    }

        .services .body .like-comment a:first-child, .services .facial .like-comment a:first-child, .services .foot .like-comment a:first-child {
            margin-right: 28px
        }

        .services .body .like-comment a i, .services .facial .like-comment a i, .services .foot .like-comment a i {
            font-style: normal !important
        }

            .services .body .like-comment a i:before, .services .facial .like-comment a i:before, .services .foot .like-comment a i:before {
                font-size: 15px;
                margin: 0 7px 0 0
            }

.services .facial-slider .owl-item {
    margin-right: 5px
}

.services .facial-slider .thumbnail {
    width: 170px;
    position: relative;
    border: 0;
    padding: 0;
    border-radius: 0;
    margin-bottom: 0
}

    .services .facial-slider .thumbnail img {
        width: 100%
    }

    .services .facial-slider .thumbnail a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 5
    }

.services .facial-slider .overlay {
    background: rgba(0,0,0,.1)
}

    .services .facial-slider .overlay:after, .services .facial-slider .overlay:before {
        content: "";
        position: absolute;
        left: 5%;
        top: 5%;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .services .facial-slider .overlay:before {
        border-top: 1px dashed #fff;
        border-bottom: 1px dashed #fff;
        width: 0%;
        height: 90%
    }

    .services .facial-slider .overlay:after {
        border-left: 1px dashed #fff;
        border-right: 1px dashed #fff;
        width: 90%;
        height: 0%
    }

    .services .facial-slider .overlay:hover:before {
        width: 90%
    }

    .services .facial-slider .overlay:hover:after {
        height: 90%
    }

.services .facial-slider .owl-next, .services .facial-slider .owl-prev {
    top: 35% !important
}

.services .facial-slider .owl-prev {
    left: -3% !important
}

.services .facial-slider .owl-next {
    right: -3% !important
}

.services .body, .services .foot {
    margin-top: 20px
}

    .services .body .right .thumbnail {
        margin-right: 15px
    }

    .services .body .left .thumbnail {
        margin-left: 30px;
        position: relative
    }

    .services .body .right {
        padding-left: 15px
    }

.services .body-left-thumbnail .thumb .thumbnail .overlay, .services .foot-right-thumbnail .thumb .thumbnail .overlay {
    background: rgba(133,173,0,.9) !important
}

.services .body-left-thumbnail .thumb .thumbnail, .services .foot-right-thumbnail .thumb .thumbnail {
    position: relative;
    margin: 0
}

.services .body-left-thumbnail .thumb img, .services .foot-right-thumbnail .thumb img {
    width: 100%
}

.services .body-left-thumbnail .thumb > .col {
    width: 175px;
    padding: 0;
    margin-right: 30px
}

    .services .body-left-thumbnail .thumb > .col:last-child, .services .foot-right-thumbnail .thumb > .col:last-child {
        margin-right: 0
    }

.services .body-left-thumbnail .thumb .thumbnail a, .services .foot-right-thumbnail .thumb .thumbnail a {
    background: #333;
    padding: 4px 10px;
    border-radius: 3px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 100
}

.services .body-left-thumbnail .thumb .thumbnail .overlay, .services .body-left-thumbnail .thumb .thumbnail a, .services .foot-right-thumbnail .thumb .thumbnail .overlay, .services .foot-right-thumbnail .thumb .thumbnail a {
    visibility: hidden
}

.services .body-left-thumbnail .thumb .thumbnail:hover .overlay, .services .body-left-thumbnail .thumb .thumbnail:hover a, .services .foot-right-thumbnail .thumb .thumbnail:hover .overlay, .services .foot-right-thumbnail .thumb .thumbnail:hover a {
    visibility: visible
}

.services .body-left-thumbnail .thumb .thumbnail:after, .services .body-left-thumbnail .thumb .thumbnail:before, .services .foot-right-thumbnail .thumb .thumbnail:after, .services .foot-right-thumbnail .thumb .thumbnail:before {
    content: "";
    width: 90%;
    height: 90%;
    position: absolute;
    left: 5%;
    top: 5%;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.appoinment-popup-box, .news-letter-popup {
    -webkit-transition: all .8s;
    visibility: hidden
}

.services .body-left-thumbnail .thumb .thumbnail:before, .services .foot-right-thumbnail .thumb .thumbnail:before {
    width: 0;
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff
}

.services .body-left-thumbnail .thumb .thumbnail:after, .services .foot-right-thumbnail .thumb .thumbnail:after {
    height: 0;
    border-left: 1px dashed #fff;
    border-right: 1px dashed #fff
}

.services .body-left-thumbnail .thumb .thumbnail:hover:before, .services .foot-right-thumbnail .thumb .thumbnail:hover:before {
    width: 90%
}

.services .body-left-thumbnail .thumb .thumbnail:hover:after, .services .foot-right-thumbnail .thumb .thumbnail:hover:after {
    height: 90%
}

.services .body-right-thumbnail {
    background: url(../images/home-1/services/body/body-massage.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 625px
}

.services .foot-left-thumbnail {
    background: url(../images/home-1/services/foot/foot.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 615px
}

.services .foot-right-thumbnail {
    margin: 0 15px 0 45px
}

    .services .foot-right-thumbnail .thumb > .col {
        width: 165px;
        padding: 0;
        margin-right: 30px
    }

.news-shop {
    background: url(../images/news-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 100px 0;
    position: relative
}

    .news-shop .news {
        color: #fff
    }

        .news-shop .news .portfolio h3 {
            margin: 0 0 1.33em
        }

            .news-shop .news .portfolio h3 + p {
                font-size: 19px;
                line-height: 30px;
                margin: 0 0 2em
            }

        .news-shop .news .portfolio span {
            font-size: 19px;
            font-weight: 600;
            text-transform: uppercase
        }

        .news-shop .news .portfolio + h3 {
            font-size: 76px;
            margin: 1em 0 0;
            padding-bottom: .7em;
            color: rgba(255,255,255,.4);
            border-bottom: 1px solid rgba(255,255,255,.4)
        }

            .news-shop .news .portfolio + h3 span {
                font-size: 51px;
                display: block;
                font-weight: lighter
            }

        .news-shop .news > a {
            width: 145px;
            height: 32px;
            line-height: 30px;
            text-align: center;
            color: #fff;
            text-transform: uppercase;
            border: 1px solid #fff;
            border-radius: 0;
            padding: 0;
            margin-left: 147px
        }

        .news-shop .news .portfolio + h3 {
            line-height: 60px
        }

    .news-shop .sort-about {
        margin-top: 42px
    }

        .news-shop .sort-about p:first-child {
            font-size: 16px;
            color: #fff;
            line-height: 26px;
            margin: 0 0 2.5em
        }

        .news-shop .sort-about .playfair {
            font-size: 18px;
            color: #86a900;
            line-height: 29px;
            margin: 0 0 3.66em
        }

    .news-shop .appointment .btn-group .btn {
        background: 0 0;
        width: 50px;
        height: 50px;
        text-align: center;
        border: 1px dotted #444;
        padding: 0;
        border-radius: 0;
        margin-right: 9px
    }

        .news-shop .appointment .btn-group .btn i:before {
            margin: 0;
            font-size: 30px;
            color: #444
        }

        .news-shop .appointment .btn-group .btn:hover i:before {
            color: #fff
        }

    .news-shop .appointment > a {
        background-color: #0e74bc;
        width: 250px;
        height: 50px;
        line-height: 50px;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        border: 0;
        border-radius: 0;
        text-align: center;
        color: #fff;
        padding: 0
    }

    .news-shop .shop > .col {
        padding: 10px
    }

    .news-shop .shop > a {
        width: 170px;
        height: 32px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        border: 1px solid #fff;
        border-radius: 0;
        padding: 0;
        margin: 43px 0 0 10px
    }

    .news-shop .shop .thumbnail {
        border-radius: 0;
        padding: 0;
        border: 0;
        margin-bottom: 30px
    }

        .news-shop .shop .thumbnail > div {
            text-align: center;
            padding: 10px 0 40px;
            position: relative
        }

        .news-shop .shop .thumbnail a {
            display: inline-block;
            background-color: #87a900;
            width: 40px;
            height: 40px;
            color: #fff;
            text-align: center
        }

            .news-shop .shop .thumbnail a i:before {
                margin-left: 0;
                font-size: 21px;
                color: rgba(255,255,255,.4);
                line-height: 40px
            }

        .news-shop .shop .thumbnail h3 {
            font-size: 19px;
            color: #3f3f3f;
            margin: 0 0 .6em
        }

        .news-shop .shop .thumbnail .playfair {
            color: #84ae00
        }

        .news-shop .shop .thumbnail img {
            display: block;
            margin: 0 auto
        }

    .news-shop .shop .price {
        background-color: #0e74bc;
        color: #fff;
        width: 75px;
        height: 75px;
        line-height: 65px;
        font-size: 19px;
        border-radius: 50%;
        position: absolute;
        left: 28%;
        top: 50%
    }

        .news-shop .shop .price span {
            display: block;
            width: 65px;
            height: 65px;
            border: 1px dashed #c3d300;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

    .news-shop .shop-slider .owl-next, .news-shop .shop-slider .owl-prev {
        bottom: -95px
    }

    .news-shop .shop-slider .owl-prev {
        right: 50px
    }

    .news-shop .shop-slider .owl-next {
        right: 10px
    }

        .news-shop .news-slider .owl-next:hover, .news-shop .news-slider .owl-prev:hover, .news-shop .shop-slider .owl-next:hover, .news-shop .shop-slider .owl-prev:hover {
            background-color: #444 !important
        }

#home-2 .partner {
    background-color: #fff
}

.partner {
    background: #eee;
    padding: 60px 0 30px
}

    .partner .partner-slider .thumbnail {
        background: #fff;
        border: 0;
        border-radius: 0;
        padding-top: 30px;
        padding-bottom: 30px
    }

        .partner .partner-slider .thumbnail img {
            opacity: .5
        }

    .partner .partner-slider .owl-next, .partner .partner-slider .owl-prev {
        top: 42%;
        -webkit-transform: translateY(-42%);
        transform: translateY(-42%)
    }

    .partner .partner-slider .owl-prev {
        left: -5px
    }

    .partner .partner-slider .owl-next {
        right: -5px
    }

    .partner .partner-slider .thumbnail:hover img {
        opacity: 1
    }

.exparts {
    padding: 125px 0;
    position: relative;
    overflow: hidden
}

    .exparts .section-title {
        margin-bottom: 70px
    }

    .exparts h2 {
        font-size: 35px;
        line-height: 30px;
        font-weight: 800;
        color: #000;
        margin: 0 0 1em
    }

    .exparts .section-title p {
        font-size: 16px
    }

    .exparts .thumbnail {
        width: 325px;
        margin-bottom: 0;
        border: 0;
        border-radius: 0;
        position: relative
    }

        .exparts .thumbnail .img-frame {
            background-color: #f4f4f4;
            padding: 35px 0 0
        }

            .exparts .thumbnail .img-frame img {
                display: block;
                margin: 0 auto
            }

    .exparts .social {
        position: absolute;
        right: -40px;
        top: 4px
    }

        .exparts .social li {
            width: 35px;
            height: 39px;
            line-height: 39px;
            border-top: 1px solid #ccc;
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
            text-align: center
        }

        .exparts .social ul li:last-child {
            border-bottom: 1px solid #ccc
        }

        .exparts .social li a {
            display: block;
            font-size: 16px;
            color: #ccc
        }

            .exparts .social li a:hover {
                background-color: #333;
                color: #fff
            }

        .exparts .social + div {
            margin-top: 24px
        }

    .exparts .thumbnail p {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        display: inline-block;
        margin: 0
    }

    .exparts .thumbnail .playfair {
        display: inline-block;
        font-size: 16px;
        color: #7d7d7d;
        padding: 0 0 0 10px;
        position: relative
    }

        .exparts .thumbnail .playfair:before {
            content: "~";
            position: absolute;
            left: 0;
            top: 0
        }

footer, footer h2 {
    position: relative
}

.latest-news {
    padding-bottom: 90px;
    overflow: hidden
}

    .latest-news .top-button .col:nth-child(2) {
        margin-left: 35px
    }

    .latest-news .content > .col {
        padding: 0;
        overflow: hidden
    }

    .latest-news .date {
        width: 90px;
        height: 100px;
        padding: 0;
        border: 1px solid #eee;
        border-radius: 15px;
        display: table
    }

        .latest-news .date div {
            text-align: center;
            font-size: 40px;
            color: #bebabd;
            display: table-cell;
            vertical-align: middle
        }

            .latest-news .date div p {
                margin: 0;
                line-height: 30px
            }

            .latest-news .date div span {
                font-size: 20px;
                display: block;
                margin-top: 10px
            }

    .latest-news .news-details {
        padding: 0 0 0 35px
    }

    .latest-news .playfair {
        font-size: 16px;
        color: #84af00;
        margin: 0
    }

    .latest-news .news-details h3 {
        font-size: 22px;
        font-weight: 700;
        color: #333;
        margin: 1.14em 0 1.82em
    }

        .latest-news .news-details h3 + p {
            font-size: 15px;
            color: #7d7d7d;
            line-height: 24px;
            margin: 0
        }

    .latest-news .links {
        margin-top: 120px;
        text-align: center
    }

        .latest-news .links a:first-child {
            margin-right: 5px
        }

        .latest-news .links a {
            background-color: #0e74bc;
            width: 130px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #fff;
            font-size: 15px;
            text-transform: uppercase;
            border: 0;
            border-radius: 0;
            padding: 0
        }

            .latest-news .links a:hover {
                background-color: #2c2c2c !important
            }

footer {
    background-color: #151515;
    padding: 70px 0 23px;
    color: #fff;
    overflow: hidden
}

    footer .row:first-child {
        padding-bottom: 30px
    }

    footer a, footer li, footer p {
        font-size: 15px;
        color: #666
    }

    footer h2 {
        font-size: 23px;
        line-height: 32px;
        font-weight: 600;
        margin: 0 0 33px;
        padding: 0 0 32px
    }

        footer h2:before {
            content: "";
            background-color: #0e74bc;
            display: block;
            width: 35px;
            height: 2px;
            position: absolute;
            left: 0;
            bottom: 0
        }

    footer ul {
        margin: 0;
        padding-left: 0
    }

        footer ul li {
            margin-bottom: 8px
        }

            footer ul li:last-child {
                margin-bottom: 0
            }

            footer ul li a:hover {
                color: #fff
            }

.victoria img {
    display: block;
    margin-bottom: 34px
}

.victoria p {
    margin-bottom: 36px
}

.victoria .nav li {
    margin-right: 5px
}

    .victoria .nav li:last-child {
        margin-right: 0
    }

.victoria .nav a {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    color: #666;
    border: 1px solid #313131;
    padding: 0;
    text-align: center;
    border-radius: 50%
}

    .victoria .nav a:hover {
        background-color: #0e74bc;
        color: #fff;
        border-color: #0e74bc
    }

footer .copyright {
    padding-top: 42px;
    border-top: 1px solid #666
}

    footer .copyright .col:first-child {
        line-height: 50px;
        padding-left: 0
    }

    footer .copyright .col:last-child {
        padding-right: 0
    }

    footer .copyright p {
        margin: -15px 0 0
    }

        footer .copyright p a, footer .copyright p span {
            color: #0e74bc;
            text-transform: uppercase
        }

    footer .copyright .nav li {
        margin-left: 30px
    }

        footer .copyright .nav li:first-child {
            margin-left: 0
        }

    footer .copyright .nav a {
        padding: 0;
        opacity: .3
    }

        footer .copyright .nav a:hover {
            background: 0 0;
            opacity: 1
        }

.appoinment-popup-box {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.8);
    top: 0;
    z-index: 1000;
    opacity: 0;
    transition: all .8s
}

    .appoinment-popup-box .booking {
        background: url(../images/booking-bg.jpg) 50% 50% no-repeat;
        background-size: cover;
        height: 658px;
        padding: 95px 230px;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .appoinment-popup-box .booking .close {
            border: 0;
            background: 0 0;
            font-size: 20px;
            color: #fff;
            position: absolute;
            left: 15px;
            top: 15px;
            opacity: 1
        }

        .appoinment-popup-box .booking > .col {
            padding: 0
        }

    .appoinment-popup-box .section-title {
        text-align: left;
        color: #fff;
        overflow: hidden
    }

        .appoinment-popup-box .section-title h3 {
            font-size: 38px;
            line-height: 1;
            margin: 0 0 .45em
        }

        .appoinment-popup-box .section-title .playfair {
            color: #fff;
            font-size: 16px;
            line-height: 17px;
            margin-bottom: 15px
        }

    .appoinment-popup-box .btn-group .btn {
        background-color: transparent;
        width: 45px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        padding: 0;
        border: 1px dotted #fff;
        margin-right: 4px;
        border-radius: 5px !important
    }

    .appoinment-popup-box .btn-group button i:before {
        margin: 0;
        font-size: 25px
    }

    .appoinment-popup-box .btn-group .btn:hover {
        background-color: #fff !important;
        color: #87a92b
    }

    .appoinment-popup-box form {
        margin-top: 15px
    }

        .appoinment-popup-box form > .col {
            margin-bottom: 40px;
            padding-left: 0
        }

            .appoinment-popup-box form > .col:nth-child(4), .appoinment-popup-box form > .col:nth-child(5), .appoinment-popup-box form > .col:nth-child(6) {
                margin-bottom: 0
            }

        .appoinment-popup-box form label {
            display: block;
            color: #fff
        }

    .appoinment-popup-box .form-inline input, .appoinment-popup-box .form-inline select {
        width: 100% !important;
        border: 0;
        box-shadow: none
    }

    .appoinment-popup-box form input:focus, .appoinment-popup-box form select:focus {
        box-shadow: none !important
    }

.login-popup form input[type=text]:focus, .news-letter-popup form input[type=email]:focus, .news-letter-popup input {
    box-shadow: none
}

.appoinment-popup-box form input:focus {
    background-color: #9abf41;
    text-transform: uppercase;
    color: #576e00
}

.appoinment-popup-box form > .col div {
    position: relative
}

.appoinment-popup-box form > .col i {
    position: absolute;
    top: 50%;
    left: 85% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .appoinment-popup-box form > .col i:before {
        margin: 0;
        color: #ccc
    }

.appoinment-popup-box form select {
    -webkit-appearance: none
}

.appoinment-popup-box .submit {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10
}

    .appoinment-popup-box .submit .btn {
        background-color: transparent;
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        border: 2px solid #fff;
        border-radius: 5px;
        width: 170px !important
    }

.appoinment-popup-box .appointment-footer {
    margin-top: 62px;
    padding-top: 33px;
    border-top: 1px solid rgba(255,255,255,.2)
}

.appoinment-popup-box .social a {
    background-color: transparent;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 0;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 50%
}

.appoinment-popup-box .social li {
    margin-left: 4px !important
}

.appoinment-popup-box .social a:hover {
    background-color: #fff;
    color: #9abf41
}

.appoinment-popup-box .social + div {
    line-height: 35px
}

.toggle input[type=radio] + .label-text:before, input[type=radio] + .label-text:before {
    font-family: FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    width: 1em;
    display: inline-block
}

.appoinment-popup-box .appointment-footer p {
    font-size: 14px;
    color: #b2df46;
    margin: 0
}

.appoinment-popup-box .form-check {
    padding: 5px 10px 1px;
    background: 0 0
}

    .appoinment-popup-box .form-check:nth-child(2n) {
        background: 0 0
    }

input[type=radio], input[type=checkbox] {
    position: absolute;
    right: 9000px
}

    input[type=radio] + .label-text:before {
        content: "\f10c";
        margin-right: 5px
    }

    input[type=radio]:checked + .label-text:before {
        content: "\f192";
        color: #ffe200;
        animation: effect 250ms ease-in
    }

    input[type=radio]:disabled + .label-text {
        color: #aaa
    }

        input[type=radio]:disabled + .label-text:before {
            content: "\f111";
            color: #ccc
        }

.toggle input[type=radio] + .label-text:before {
    content: "\f204";
    margin-right: 10px
}

.toggle input[type=radio]:checked + .label-text:before {
    content: "\f205";
    color: #16a085;
    animation: effect 250ms ease-in
}

.toggle input[type=radio]:disabled + .label-text {
    color: #aaa
}

    .toggle input[type=radio]:disabled + .label-text:before {
        content: "\f204";
        color: #ccc
    }

.label-text span {
    margin-right: 20px
}

    .label-text span:last-child {
        margin-right: 0;
        float: right;
        color: #ffe200
    }

@keyframes effect {
    0% {
        transform: scale(0)
    }

    25% {
        transform: scale(1.3)
    }

    75% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1)
    }
}

.news-letter-popup {
    background-color: rgba(0,0,0,.9);
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    transition: all .8s
}

    .news-letter-popup .wrapper {
        position: relative;
        top: 50%;
        margin-top: -125px
    }

    .news-letter-popup .row {
        background: url(../images/news-letter-bg.jpg) 50% 50% no-repeat;
        background-size: cover;
        height: 250px;
        position: relative
    }

    .news-letter-popup .close {
        background: 0 0;
        color: #fff;
        position: absolute;
        right: 15px;
        top: 15px;
        opacity: 1;
        z-index: 100
    }

    .news-letter-popup .row .col {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .news-letter-popup .row:before {
        content: "";
        background: rgba(0,0,0,.2);
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .news-letter-popup .row .col img {
        display: block;
        width: auto;
        margin-left: 117px
    }

    .news-letter-popup h2 {
        font-size: 25px;
        line-height: 20px;
        margin: 0 0 .52em
    }

    .news-letter-popup p {
        font-size: 15px;
        margin: 0
    }

    .news-letter-popup form {
        margin-top: 24px
    }

    .news-letter-popup input {
        width: 200px;
        height: 40px;
        border: 0
    }

    .news-letter-popup form button {
        background-color: #0e74bc;
        color: #fff;
        width: 120px;
        height: 40px;
        font-size: 15px;
        text-transform: uppercase;
        border: 0
    }

        .news-letter-popup form button:hover {
            background-color: #000 !important;
            color: #fff
        }

.login-popup {
    background-color: rgba(0,0,0,.9);
    width: 100%;
    height: 100%;
    color: #fff;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    -webkit-transition: all .8s;
    transition: all .8s
}

    .login-popup .wrapper {
        position: relative;
        top: 15%;
        width: 380px
    }

    .login-popup .row {
        background: url(../images/login-bg.jpg) 50% 50% no-repeat;
        background-size: cover;
        height: 600px;
        position: relative
    }

    .login-popup .close {
        background: 0 0;
        color: #fff;
        position: absolute;
        right: 15px;
        top: 15px;
        opacity: 1;
        z-index: 100
    }

    .login-popup .row .col {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 50px;
        text-align: center
    }

    .login-popup .row:before {
        content: "";
        background: rgba(0,0,0,.2);
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0
    }

    .login-popup h2 {
        font-size: 25px;
        line-height: 20px;
        margin: 0 0 .52em
    }

    .login-popup form {
        margin: 35px 0
    }

        .login-popup form .form-group {
            display: block;
            margin-bottom: 15px
        }

    .login-popup input, .login-popup select {
        box-shadow: none;
        width: 90% !important;
        height: 38px;
        border: 0
    }

    .login-popup form a {
        background-color: #000;
        color: #fff;
        width: 90%;
        height: 40px;
        font-size: 15px;
        text-transform: uppercase;
        border: 0;
        line-height: 1.8
    }

        .login-popup form a:focus, .login-popup form a:hover {
            background-color: #195791 !important;
            color: #fff
        }

    .login-popup .forgot-link {
        color: #fff900;
        text-decoration: underline
    }

        .login-popup .forgot-link:hover {
            color: #c5c102
        }

    .login-popup .login-social {
        margin: 30px 0 50px
    }

        .login-popup .login-social p {
            text-transform: uppercase
        }

        .login-popup .login-social a {
            width: 40px;
            height: 40px;
            padding: 10px;
            display: inline-block;
            border-radius: 50%;
            margin: 0 4px;
            color: #fff
        }

            .login-popup .login-social a:hover {
                opacity: .8
            }

            .login-popup .login-social a.facebook {
                background: #4267b2
            }

            .login-popup .login-social a.google {
                background: #ea4235
            }

    .login-popup .register-link a {
        color: #fff900;
        text-decoration: underline
    }

        .login-popup .register-link a:hover {
            color: #c5c102
        }

@media only screen and (max-width:480px) {
    .login-popup .wrapper {
        width: 85%;
        top: 5%;
    }

    .login-popup input {
        width: 100% !important
    }

    .login-popup form button {
        width: 100%
    }
}

#gallery .services {
    background: #fff
}

.photo-gallery-title, .shop-title {
    background-color: #f6f6f6;
    text-align: center;
    padding: 60px 0
}

    .photo-gallery-title h2, .shop-title h2 {
        font-size: 33px;
        margin: 14px 0 0;
        line-height: 27px
    }

    .photo-gallery-title .playfair, .shop-title .playfair {
        font-size: 16px;
        color: #6d9600
    }

.page-breadcrumb {
    padding-bottom: 10px;
    border-bottom: 1px dashed #eee;
    margin-bottom: 25px;
}

    .page-breadcrumb .container {
        padding: 0
    }

    .page-breadcrumb p {
        font-family: Raleway,sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #ddd;
        text-transform: uppercase;
        float: left;
        margin: 7px 0;
    }

    .page-breadcrumb .row > .col:nth-child(2) {
        position: relative
    }

    .page-breadcrumb .breadcrumb {
        background: 0 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        position: absolute;
        left: 50%
    }

        .page-breadcrumb .breadcrumb li, .page-breadcrumb .breadcrumb li a {
            color: #ccc !important;
            font-size: 15px
        }

        .page-breadcrumb .breadcrumb:after, .page-breadcrumb .breadcrumb:before {
            content: "";
            height: 1px;
            background: #eee;
            position: absolute
        }

        .page-breadcrumb .breadcrumb:before {
            width: 430px;
            left: -440px;
            top: 10px
        }

        .page-breadcrumb .breadcrumb:after {
            width: 380px;
            right: -390px;
            top: 10px
        }

    /*.page-breadcrumb .row .col:last-child {
        text-align: right;
        margin-top: -3px
    }*/

    .page-breadcrumb .filt-btn .active, .pg-breadcrumb .filt-btn .active {
        background: 0 0 !important;
        box-shadow: none !important;
        cursor: auto !important
    }

        .pg-breadcrumb .filt-btn .active i:before {
            color: #1e1e1e
        }

    .page-breadcrumb button {
        background-color: #333;
        color: #fff;
        border: 0;
        border-radius: 5px;
    }

        .page-breadcrumb button:hover, .page-breadcrumb button:visited, .page-breadcrumb button:focus {
            background-color: #000 !important;
            color: #fff !important;
        }

    .page-breadcrumb .row .col:last-child button:last-child {
        margin-right: 0
    }

    .page-breadcrumb button i:before {
        color: #d5d3cd;
        margin: 0;
        -webkit-transition: all .2s;
        transition: all .2s
    }

    .page-breadcrumb button:after {
        content: "";
        width: 1px;
        height: 26px;
        background: #eaeaea;
        position: absolute;
        right: -15px;
        top: 0
    }

    .page-breadcrumb .row .col:last-child button:last-child:after {
        display: none
    }

/*.page-breadcrumb .filt-btn .active i:before, .page-breadcrumb button:hover i:before {
        color: #000
    }*/

.simple-page-breadcrumb .breadcrumb {
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

    .simple-page-breadcrumb .breadcrumb:before {
        width: 520px;
        left: -530px;
        top: 10px
    }

    .simple-page-breadcrumb .breadcrumb:after {
        width: 520px;
        right: -530px;
        top: 10px
    }

#gallery-2 .gallery-content {
    padding-bottom: 100px;
    overflow: hidden
}

.gallery-content .container {
    padding-left: 0;
    padding-right: 0
}

    .gallery-content .container > a {
        background-color: #0e74bc;
        width: 180px;
        height: 40px;
        color: #fff;
        font-size: 15px;
        line-height: 40px;
        text-align: center;
        text-transform: uppercase;
        border: 0;
        padding: 0;
        margin-top: 68px;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .gallery-content .container > a:hover {
            background-color: #000 !important
        }

.gallery-content .thumbnail {
    border: 0;
    padding: 0;
    margin-bottom: 30px
}

    .gallery-content .thumbnail > div {
        position: relative;
        overflow: hidden
    }

    .gallery-content .thumbnail .details {
        padding: 0 10px 10px;
        background: #f9f9f9
    }

        .gallery-content .thumbnail .details .hotel-stars p {
            float: left;
            margin-right: 10px;
            color: #333
        }

.hotel-stars {
    display: inline-block;
    width: 100%
}

    .hotel-stars .stars-container {
        color: #fdb714;
        font-size: 19px;
        display: inline-block
    }

        .hotel-stars .stars-container i {
            float: left
        }

.begin-journey-offer .hotel-details, .excursion-details {
    text-align: left;
    overflow: hidden;
    padding-left: 30px !important;
    padding-right: 25px !important
}

    .begin-journey-offer .hotel-details span.location, .excursion-details span.location {
        font-size: 15px;
        color: #0e74bc;
        display: block;
        margin-bottom: 10px;
        font-family: 'Playfair Display',serif
    }

    .begin-journey-offer .hotel-details h3, .excursion-details h3 {
        font-size: 32px;
        margin: 0 0 10px
    }

    .begin-journey-offer .hotel-details .hotel-stars {
        margin-bottom: 5px
    }

        .begin-journey-offer .hotel-details .hotel-stars p {
            float: left;
            margin-right: 10px
        }

    .excursion-details .excursion-price p, .excursion-price p {
        font-size: 20px;
        color: #fea634;
    }

    .excursion-details a.btn {
        background-color: #333;
        color: #fff;
        border: 0;
        border-radius: 0;
        padding: 8px 11px;
        margin-top: 20px;
        float: right;
    }

        .excursion-details a.btn:hover {
            background-color: #000 !important
        }

.excursion-book {
    padding: 50px 70px !important;
    height: 600px !important;
}

.gallery-content .hover-content {
    background: rgba(14,116,188,.9);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

    .gallery-content .hover-content:after, .gallery-content .hover-content:before {
        content: "";
        width: 90%;
        height: 90%;
        position: absolute;
        left: 5%;
        top: 5%;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .gallery-content .hover-content:before {
        width: 0;
        border-top: 1px dashed #fff;
        border-bottom: 1px dashed #fff
    }

    .gallery-content .hover-content:after {
        height: 0;
        border-left: 1px dashed #fff;
        border-right: 1px dashed #fff
    }

    .gallery-content .hover-content div {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 100
    }

    .gallery-content .hover-content h3 {
        font-size: 25px;
        color: #fff;
        margin-bottom: 40px
    }

    .gallery-content .hover-content a {
        display: inline-block;
        width: 140px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #fff;
        border-radius: 5px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        text-transform: uppercase
    }

        .gallery-content .hover-content a:hover {
            background-color: #fff !important;
            color: #000
        }

.gallery-content .thumbnail:hover .hover-content:before {
    width: 90%
}

.gallery-content .thumbnail:hover .hover-content:after {
    height: 90%
}

.gallery-content .thumbnail:hover .hover-content {
    visibility: visible;
    opacity: 1
}

#gallery-3 .gallery-content {
    padding-top: 80px;
    padding-bottom: 40px;
    overflow: hidden
}

#gallery-3 .thumbnail {
    margin-bottom: 55px
}

    #gallery-3 .thumbnail .playfair {
        font-size: 15px;
        color: #0e74bc;
        display: block;
        margin-top: 15px
    }

    #gallery-3 .thumbnail h3 {
        font-size: 18px;
        font-weight: 700;
        margin: 10px 0;
        color: #333
    }

        #gallery-3 .thumbnail h3 + p {
            text-transform: uppercase;
            font-size: 14px;
            color: #9a9a9a;
            margin-bottom: 0
        }

#gallery-3 .gallery-content .container > a {
    margin-top: 38px
}

.pswp--open {
    background: rgba(0,0,0,.9)
}

.banar {
    background: url(../images/home-2/services/banar.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 300px
}

    .banar .playfair {
        font-size: 22px;
        color: #0e74bc;
        display: block;
        margin-top: 140px
    }

    .banar h2 {
        font-size: 42px;
        color: #fff;
        margin: .6em 0 0
    }

#service .about-victoria .section-title h2 {
    color: #000;
    font-size: 42px;
    font-weight: blod;
    margin: 1.66em 0 1em
}

#service .about-victoria .section-title p {
    font-size: 16px;
    color: #7d7d7d;
    line-height: 29px
}

#service .about-victoria .container img {
    display: block;
    margin: 0 auto
}

#service .about-victoria .icon {
    text-align: center;
    margin-top: 65px
}

    #service .about-victoria .icon li {
        display: inline-block;
        width: 100px;
        height: 100px;
        border: 1px dashed #d4d4d4;
        border-radius: 50%;
        margin-right: 18px;
        position: relative
    }

    #service .about-victoria .icon ul li:last-child {
        margin-right: 0
    }

    #service .about-victoria .icon li a i {
        display: block;
        width: 90px;
        height: 90px;
        overflow: hidden;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        -webkit-transition: all .3s;
        transition: all .3s
    }

        #service .about-victoria .icon li a i:before {
            margin: 0;
            font-size: 50px;
            color: #666;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

    #service .about-victoria .icon span {
        font-family: 'Playfair Display',serif;
        width: 100%;
        font-size: 15px;
        color: #7d7d7d;
        position: absolute;
        left: 0;
        bottom: -40px
    }

    #service .about-victoria .icon ul a:hover span {
        color: #0e74bc
    }

    #service .about-victoria .icon ul a:hover i {
        background: #0e74bc;
        color: #fff
    }

        #service .about-victoria .icon ul a:hover i:before {
            color: #fff
        }

    #service .about-victoria .icon .btn {
        background: #84af00;
        width: 250px;
        height: 45px;
        line-height: 45px;
        padding: 0;
        text-transform: uppercase;
        font-size: 14px;
        color: #fff;
        border-radius: 20px;
        margin-top: 110px
    }

        #service .about-victoria .icon .btn:hover {
            background: #000 !important
        }

.middle-banar {
    background: url(../images/service/middle-banar.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 1048px;
    text-align: center;
    color: #fff;
    position: relative
}

    .middle-banar .overlay {
        background: rgba(0,0,0,.2)
    }

    .middle-banar .container {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 5
    }

    .middle-banar h2 {
        font-size: 40px;
        margin: 1em 0 .75em
    }

    .middle-banar p {
        font-size: 16px;
        margin: 0
    }

    .middle-banar .btn {
        background-color: #0e74bc;
        width: 220px;
        height: 45px;
        line-height: 45px;
        padding: 0;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        color: #fff;
        border: 0;
        border-radius: 25px;
        margin-top: 45px
    }

#service .services {
    padding-top: 80px
}

    #service .services .section-title h2 {
        font-size: 42px;
        line-height: 30px;
        margin: 0 0 .7em
    }

    #service .services .section-title p {
        line-height: 29px;
        margin-bottom: 115px
    }

#service .spa-advantages {
    background: #fff
}

#service .shop {
    padding-bottom: 75px;
    overflow: hidden
}

    #service .shop .top-button {
        padding-left: 30px;
        padding-right: 30px
    }

#service .service-shop-slider {
    padding-bottom: 40px
}

    #service .service-shop-slider .thumbnail, #shop .shop .thumbnail, #shop-details .shop .thumbnail {
        border: 0;
        border-radius: 0;
        padding: 70px 5px 5px;
        text-align: center;
        position: relative
    }

        #service .service-shop-slider .thumbnail:before, #shop .shop .thumbnail:before, #shop-details .shop .thumbnail:before {
            content: "";
            width: 100%;
            height: 100%;
            border-radius: 10px;
            background: #f5f5f5;
            position: absolute;
            left: 0;
            top: 0
        }

        #service .service-shop-slider .thumbnail > div, #shop .shop .thumbnail > div, #shop-details .shop .thumbnail > div {
            position: relative;
            z-index: 10
        }

        #service .service-shop-slider .thumbnail img, #shop .shop .thumbnail img, #shop-details .shop .thumbnail img {
            display: block;
            margin: 0 auto;
            width: 65%
        }

        #service .service-shop-slider .thumbnail h3, #shop .shop .thumbnail h3, #shop-details .shop .thumbnail h3 {
            font-family: 'Open Sans',sans-serif;
            font-size: 18px;
            font-weight: 600;
            margin: 0 0 1em
        }

    #service .service-shop-slider .playfair, #shop .shop .playfair, #shop-details .shop .playfair {
        font-size: 15px;
        color: #0e74bc;
        display: block;
        margin-bottom: 5px
    }

    #service .service-shop-slider .price, #shop .shop .price, #shop-details .shop .price {
        background: #0e74bc;
        display: block;
        width: 100px;
        height: 100px;
        line-height: 70px;
        font-size: 24px;
        text-align: center;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: -65px;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

    #service .service-shop-slider .owl-next, #service .service-shop-slider .owl-prev {
        top: 35%
    }

    #service .service-shop-slider .owl-prev {
        left: 0
    }

    #service .service-shop-slider .owl-next {
        right: 0
    }

#service .shop .view-all {
    background: #0e74bc;
    width: 180px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    border: 0;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    #service .shop .view-all:hover {
        background: #000 !important;
        color: #fff
    }

#shop .shop .content .thumbnail:hover .price, #shop-details .shop .content .thumbnail:hover .price {
    -webkit-animation-name: scaling;
    -webkit-animation-duration: .3s;
    -webkit-animation-timing-funtion: ease-in-out;
    -webkit-transform-origin: top left;
    animation-name: scaling;
    animation-duration: .3s;
    animation-timing-funtion: ease-in-out;
    transform-origin: top left
}

#about .about-victoria {
    padding: 25px 0 92px
}

    #about .about-victoria h2 {
        font-size: 42px;
        margin: 1.24em 0 1em
    }

    #about .about-victoria p {
        font-size: 18px;
        line-height: 32px
    }

    #about .about-victoria h2 + p {
        margin-bottom: 60px
    }

    #about .about-victoria .learn-more {
        padding: 0 20%;
        margin-bottom: 65px
    }

        #about .about-victoria .learn-more span:first-child {
            font-weight: 600;
            color: #333
        }

        #about .about-victoria .learn-more span:last-child {
            font-weight: 600
        }

    #about .about-victoria .btn {
        background: #84af00;
        width: 210px;
        height: 45px;
        line-height: 45px;
        border: 0;
        border-radius: 25px;
        padding: 0;
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        position: relative
    }

.about-slider.owl-carousel.owl-theme {
    min-height: 490px
}

#about .about-victoria .btn i {
    display: inline-block;
    margin-right: 5px
}

#about .about-victoria .btn:hover {
    background-color: #000 !important
}

#about .vic-partner {
    text-align: center;
    padding-bottom: 45px;
    overflow: hidden
}

    #about .vic-partner p {
        font-size: 16px
    }

    #about .vic-partner .top-button .col:nth-child(2) {
        width: 79%
    }

    #about .vic-partner .partner-slider {
        padding: 0 105px
    }

        #about .vic-partner .partner-slider .item a img {
            opacity: .3
        }

        #about .vic-partner .partner-slider .item a {
            border: 1px solid #eee;
            display: inline-block;
            padding: 20px 40px;
            overflow: hidden
        }

        #about .vic-partner .partner-slider .owl-next, #about .vic-partner .partner-slider .owl-prev {
            top: 29%
        }

        #about .vic-partner .partner-slider .owl-prev {
            left: 0
        }

        #about .vic-partner .partner-slider .owl-next {
            right: 0
        }

        #about .vic-partner .partner-slider .owl-pagination {
            position: absolute;
            top: -70px;
            right: 0
        }

            #about .vic-partner .partner-slider .owl-pagination span {
                margin-left: 2px;
                margin-right: 2px
            }

            #about .vic-partner .partner-slider .owl-pagination .active span {
                background: #0e74bc;
                opacity: 1
            }

        #about .vic-partner .partner-slider .item a:hover img {
            opacity: 1
        }

#about .fun-fact i:before {
    color: #0e74bc
}

#about .team, #team .team {
    background: url(../images/about/bg.jpg);
    padding: 110px 0 135px
}

    #about .team .section-title .playfair, #team .team .section-title .playfair {
        font-size: 20px;
        color: #0e74bc;
        display: inline-block;
        margin-bottom: 25px
    }

    #about .team .thumbnail, #team .team .thumbnail {
        background: 0 0;
        padding: 0
    }

        #about .team .thumbnail .img-frame, #team .team .thumbnail .img-frame {
            background-color: #e5e6de
        }

    #about .team .social, #team .team .social {
        background: #e5e6de;
        top: 0;
        border-radius: 5px
    }

        #about .team .social li, #team .team .social li {
            border-left: 0;
            border-right: 0;
            border-top-color: #eee;
            border-bottom-color: #eee
        }

            #about .team .social li a, #team .team .social li a {
                color: #fff
            }

#about .middle-banar {
    background: url(../images/about/middle-banar.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 790px;
    overflow: hidden
}

#team .banar {
    background-image: url(../images/team/banar.jpg)
}

#team .middle-banar {
    background: url(../images/team/middle-banar.jpg) 50% 50% no-repeat;
    background-size: cover;
    height: 790px;
    overflow: hidden
}

#team .page-breadcrumb .breadcrumb:after, #team .page-breadcrumb .breadcrumb:before {
    background: #9a9893
}

#team .team {
    padding: 0 0 95px
}

    #team .team .simple-page-breadcrumb {
        padding-top: 37px;
        padding-bottom: 123px
    }

    #team .team .content > .col {
        margin-bottom: 70px
    }

    #team .team .container > .btn {
        background: #0e74bc;
        width: 150px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
        padding: 0;
        border: 0;
        border-radius: 5px;
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

        #team .team .container > .btn:hover {
            background-color: #000 !important
        }

#team .about-team {
    padding: 65px 0 117px
}

    #team .about-team .playfair {
        font-size: 20px;
        color: #86a600
    }

    #team .about-team .left-side {
        padding-top: 50px
    }

    #team .about-team h2 {
        font-size: 38px;
        color: #1f1f1f;
        line-height: 30px;
        margin: .5em 0 1.08em
    }

        #team .about-team h2 + p {
            font-size: 16px;
            color: #7d7d7d;
            line-height: 26px;
            margin: 0
        }

#team .team-skill {
    padding-top: 60px
}

    #team .team-skill h3 {
        font-size: 21px;
        color: #333;
        margin: 0 0 1.71em
    }

    #team .team-skill > div {
        background: #f4f4f4;
        width: 100%;
        height: 40px;
        margin-bottom: 5px;
        border-radius: 5px;
        position: relative
    }

        #shop .shop .thumbnail:before, #shop-details .shop .thumbnail:before, #team .team-skill > div div {
            height: 100%;
            border-radius: 5px
        }

        #team .team-skill > div div {
            background-color: #86a600;
            width: 0;
            color: #fff;
            text-align: right;
            line-height: 40px;
            -webkit-transition: all 2s ease-in-out !important;
            transition: all 2s ease-in-out !important
        }

    #team .team-skill span {
        font-family: Raleway,sans-serif;
        font-size: 13px;
        font-weight: 600;
        color: #fff;
        text-transform: uppercase;
        position: absolute;
        top: 50%;
        left: 14px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

#shop .breadcrumb {
    left: 45%
}

#shop .page-breadcrumb .container {
    padding-left: 15px;
    padding-right: 15px
}

#shop .breadcrumb:before {
    width: 390px;
    left: -400px
}

#shop .breadcrumb:after {
    width: 360px;
    right: -370px
}

#shop .shop {
    padding-top: 80px;
    padding-bottom: 60px
}

    #shop .shop .content > .col {
        margin-bottom: 60px
    }

    #shop .shop .content > a {
        background: #0e74bc;
        color: #fff;
        width: 140px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        border: 0;
        border-radius: 5px;
        font-size: 15px;
        font-weight: 600;
        text-transform: uppercase;
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

        #shop .shop .content > a:hover {
            background-color: #000 !important
        }

#shop-details .vic-shop {
    background: #f6f6f6;
    padding: 87px 0
}

    #shop-details .vic-shop h2 {
        font-size: 38px;
        color: #260a00;
        margin: 0;
        line-height: 30px;
        text-align: center
    }

#shop-details .page-breadcrumb {
    padding-bottom: 60px
}

#shop-details .simple-page-breadcrumb .breadcrumb:after, #shop-details .simple-page-breadcrumb .breadcrumb:before {
    display: none
}

#shop-details .simple-page-breadcrumb .container {
    padding: 0 30px
}

#shop-details .simple-page-breadcrumb .row .col {
    position: relative
}

    #shop-details .simple-page-breadcrumb .row .col:after, #shop-details .simple-page-breadcrumb .row .col:before {
        content: "";
        width: 45%;
        height: 1px;
        background: #eee;
        position: absolute;
        top: 10px
    }

    #shop-details .simple-page-breadcrumb .row .col:before {
        left: 0
    }

    #shop-details .simple-page-breadcrumb .row .col:after {
        right: 0
    }

#shop-details .product > .col:first-child {
    padding: 0
}

#shop-details .product > .col:last-child {
    padding-left: 8px
}

    #shop-details .product > .col:last-child .thumbnail {
        margin-bottom: 6px
    }

#shop-details .details .title {
    position: relative
}

#shop-details .details h2 {
    color: #000;
    font-size: 25px;
    line-height: 20px;
    font-weight: 700;
    margin: 0
}

    #shop-details .details h2 span {
        color: #869f00
    }

#shop-details .details .title p {
    color: #879f00;
    margin: 30px 0 0
}

#shop-details .details .title .price {
    font-size: 25px;
    color: #879f00;
    position: absolute;
    right: 0;
    top: -7px
}

#shop-details .details .description {
    padding-top: 45px
}

    #shop-details .details .description h3 {
        font-family: 'Open Sans',sans-serif;
        font-size: 18px;
        color: #000;
        margin: 0 0 2.2em;
        line-height: 20px
    }

    #shop-details .details .description p {
        font-size: 16px;
        color: #7d7d7d;
        line-height: 24px;
        margin-bottom: 35px
    }

    #shop-details .details .description .add-cart-form {
        overflow: hidden;
        margin: 55px 0 40px
    }

    #shop-details .details .description form .col {
        padding-left: 0
    }

    #shop-details .details .description form input, #shop-details .details .description form select {
        width: 95%;
        border: 1px dashed #e7e7e7;
        box-shadow: none !important;
        outline: 0;
        font-size: 14px;
        color: #ccc
    }

        #shop-details .details .description form select option {
            color: #000
        }

#shop-details .product-details .form-group div {
    position: relative
}

#shop-details .product-details .form-group i {
    opacity: .5;
    position: absolute;
    right: 15%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#shop-details .details .description form input {
    background: #88a100;
    border: 0;
    color: #fff;
    text-transform: uppercase
}

#shop-details .details .description form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    #shop-details .details .description form select::-ms-expand {
        display: none
    }

#shop-details .details .description .share > div {
    display: inline-block
}

#shop-details .details .description .share span {
    font-size: 18px;
    color: #000;
    text-transform: uppercase
}

#shop-details .details .description .share li {
    display: inline-block;
    margin-right: 5px;
    border-right: 1px solid #ddd
}

#shop-details .details .description .share ul {
    padding-left: 25px
}

    #shop-details .details .description .share ul li:last-child {
        border-right: 0
    }

#shop-details .details .description .share li a {
    font-size: 14px;
    color: #ddd;
    display: block;
    padding-right: 5px
}

#shop-details .review {
    padding: 73px 0 40px
}

    #shop-details .review .thumbnail {
        border: 0;
        padding: 0
    }

#shop-details .product-review .thumbnail {
    overflow: hidden
}

#shop-details .nav-tabs {
    margin: 0;
    border: 0
}

    #shop-details .nav-tabs li {
        margin-right: 17px
    }

    #shop-details .nav-tabs .active a {
        color: #333
    }

    #shop-details .nav-tabs a {
        border: 0;
        margin: 0;
        font-size: 18px;
        color: #ccc;
        text-transform: uppercase;
        border-right: 1px solid #ccc;
        padding: 0 17px 0 0;
        border-radius: 0
    }

    #shop-details .nav-tabs li:last-child a {
        border-right: 0
    }

    #shop-details .nav-tabs a:hover {
        background: 0 0
    }

#shop-details .product-review .tab-content {
    background: #fbfbfb;
    padding: 29px 29px 38px;
    margin-top: 35px;
    height: 381px;
    overflow: auto
}

    #shop-details .product-review .tab-content .col {
        padding-left: 0
    }

#shop-details .product-review .tab-pane > div .col:first-child {
    padding-right: 0
}

#shop-details .product-review .tab-pane > div {
    overflow: hidden;
    margin-bottom: 28px
}

    #shop-details .product-review .tab-pane > div:last-child {
        margin-bottom: 0
    }

#shop-details .product-review .tab-pane img {
    border-radius: 5px
}

#shop-details .product-review .tab-pane h5 {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: none;
    color: #333;
    margin: 0 0 7px
}

#shop-details .product-review .tab-pane p {
    font-size: 15px;
    color: #7d7d7d;
    line-height: 25px
}

#shop-details .product-review .review-rating {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px
}

    #shop-details .product-review .review-rating i {
        color: #879f00
    }

    #shop-details .product-review .review-rating span {
        display: inline-block;
        color: #ccc
    }

#shop-details .own-review h4, #shop-details .own-review h5 {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin: 0
}

#shop-details .own-review .thumbnail div {
    background: #fbfbfb;
    padding: 47px 38px;
    margin-top: 40px;
    height: 381px;
    overflow: auto
}

#shop-details .own-review h5 {
    font-size: 15px;
    color: #333;
    margin: 0 0 30px
}

#shop-details .own-review .thumbnail div p {
    font-size: 15px;
    color: #7d7d7d;
    line-height: 23px;
    margin-bottom: 40px
}

    #shop-details .own-review .thumbnail div p:last-child {
        margin: 0
    }

#shop-details .shop .top-button {
    padding-left: 15px;
    padding-right: 15px
}

    #shop-details .shop .top-button .col:nth-child(2) {
        width: 69%;
        margin: 12px 0 0 22px
    }

    #shop-details .shop .top-button p {
        font-size: 17px
    }

#shop-details .shop {
    padding-bottom: 100px
}

    #shop-details .shop .price:before {
        content: "";
        width: 90%;
        height: 90%;
        border: 1px dashed #fff;
        border-radius: 50%;
        position: absolute;
        left: 5%;
        top: 5%
    }

    #shop-details .shop .common-btn {
        width: 140px;
        height: 40px;
        line-height: 40px;
        margin-top: 80px
    }

        #shop-details .shop .common-btn:hover {
            background-color: #000 !important;
            color: #fff
        }

#contact .map #googleMap {
    height: 560px;
    border-bottom: 4px solid #0e74bc
}

#contact .keep-in-touch {
    padding: 70px 0;
    position: relative;
    overflow: hidden
}

    #contact .keep-in-touch .section-title {
        margin-bottom: 92px
    }

    #contact .keep-in-touch h2 {
        font-size: 42px;
        color: #1e1e1e;
        line-height: 31px;
        margin: 0 0 .85em
    }

        #contact .keep-in-touch h2 + p {
            font-size: 16px;
            line-height: 24px
        }

    #contact .keep-in-touch .content {
        text-align: center
    }

        #contact .keep-in-touch .content .col {
            border-right: 1px solid #eee;
            min-height: 240px
        }

            #contact .keep-in-touch .content .col:last-child {
                border-right: 0
            }

        #contact .keep-in-touch .content span {
            display: inline-block;
            width: 100px;
            height: 100px;
            border: 1px dashed #0e74bc;
            text-align: center;
            border-radius: 50%;
            position: relative
        }

            #contact .keep-in-touch .content span i:before {
                margin: 0;
                font-size: 34px;
                color: #fff;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

            #contact .keep-in-touch .content span i {
                background: #0e74bc;
                width: 90px;
                height: 90px;
                border-radius: 50%;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

        #contact .keep-in-touch .content h3 {
            font-size: 21px;
            color: #333;
            line-height: 10px;
            margin: 1.67em 0
        }

        #contact .keep-in-touch .content p {
            font-size: 15px;
            color: #676767;
            line-height: 23px;
            margin: 0
        }

        #contact .keep-in-touch .content .col:hover i {
            background: #999
        }

        #contact .keep-in-touch .content .col:hover span {
            border-color: #999
        }

    #contact .keep-in-touch .container > a {
        width: 220px;
        height: 45px;
        line-height: 45px;
        border-radius: 25px;
        margin-top: 120px
    }

        #contact .keep-in-touch .container > a:hover {
            background-color: #000 !important;
            color: #fff
        }

#contact .leave-message {
    overflow: hidden
}

    #contact .leave-message .left-col {
        /*background: url(../images/contact/journey-bg.jpg) 50% 50% no-repeat;*/
        background-size: cover;
        text-align: center;
        position: relative
    }

        #contact .leave-message .left-col img {
            display: block;
            margin: 0 auto
        }

        #contact .leave-message .left-col .content p {
            display: inline-block;
            background-image: url(../images/contact/para-bg-lt.png),url(../images/contact/para-bg-ri.png);
            background-repeat: no-repeat;
            background-position: center left,center right;
            font-size: 14px;
            color: #fff;
            padding: 0 30px;
            position: relative
        }

            #contact .leave-message .left-col .content p:before {
                content: "";
                width: 1px;
                height: 90px;
                background: #fff;
                position: absolute;
                left: 50%;
                -webkit-transform: translate(-50%);
                transform: translate(-50%);
                top: -100px
            }

    #contact .leave-message .right-col {
        background-color: #0e74bc;
        padding: 112px 105px 112px 145px
    }

        #contact .leave-message .right-col .section-title {
            text-align: left;
            color: transparent;
            padding-bottom: 32px;
            margin-bottom: 40px;
            border-bottom: 1px solid rgba(255,255,255,.2);
            position: relative
        }

            #contact .leave-message .right-col .section-title h2 {
                color: #fff;
                font-size: 42px;
                line-height: 20px;
                margin: 0 0 17px;
                text-align: left !important
            }

            #contact .leave-message .right-col .section-title p {
                color: #fff;
                padding: 0
            }

            #contact .leave-message .right-col .section-title span {
                color: #4e4e4d
            }

            #contact .leave-message .right-col .section-title div {
                position: absolute;
                right: 0;
                top: 20px
            }

#contact .social-links {
    padding-left: 0;
    overflow: hidden
}

    #contact .social-links li {
        list-style-type: none !important;
        display: inline-block;
        width: 35px;
        height: 35px;
        border: 1px solid #fff;
        border-radius: 50%;
        margin-right: 5px;
        text-align: center
    }

        #contact .social-links li a {
            display: block;
            width: 35px;
            height: 35px;
            line-height: 35px;
            border-radius: 50%;
            font-size: 16px;
            color: #fff
        }

            #contact .social-links li a:hover {
                background-color: #fff;
                color: #0e74bc
            }

#contact .leave-message .form-inline .col {
    padding: 0 0 0 10px;
    margin-bottom: 40px
}

    #contact .leave-message .form-inline .col:first-child, #contact .leave-message .form-inline .col:nth-child(4) {
        padding-left: 0
    }

    #contact .leave-message .form-inline .col label {
        color: #fff;
        font-size: 17px
    }

    #contact .leave-message .form-inline .col input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        box-shadow: none;
        border: 0
    }

        #contact .leave-message .form-inline .col input:focus, #contact .leave-message .form-inline .col textarea:focus {
            background: #8ebedf;
            border: 0;
            outline: 0;
            box-shadow: none !important
        }

#contact .leave-message .form-inline label {
    display: block
}

#contact .leave-message .form-inline textarea {
    width: 100%;
    text-transform: uppercase;
    height: 160px !important
}

#contact .leave-message .form-inline input[type=submit] {
    background-color: transparent;
    width: 160px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    display: inline-block;
    border: 2px solid #fff;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase
}

@media only screen and (max-width:767px) {
    #contact .leave-message .left-col img {
        width: 100%
    }
}

#blog .blog-title {
    background-color: #f6f6f6;
    text-align: center;
    padding: 60px 0
}

    #blog .blog-title .playfair {
        font-size: 16px;
        color: #6d9600
    }

    #blog .blog-title h2 {
        line-height: 30px;
        font-size: 33px;
        color: #333;
        margin: 16px 0 0
    }

#blog .blog-content {
    padding-top: 80px;
    overflow: hidden;
    padding-bottom: 80px
}

    #blog .blog-content .pull-right i:before {
        font-size: 15px
    }

#blog .pg-breadcrumb {
    padding-bottom: 50px
}

    #blog .pg-breadcrumb .filter-btn button {
        background: 0 0;
        border: 0;
        padding: 0;
        margin-right: 30px;
        color: #eee;
        position: relative;
        -webkit-transition: all .1s;
        transition: all .1s
    }

        #blog .pg-breadcrumb .filter-btn button:hover {
            color: #000
        }

        #blog .pg-breadcrumb .filter-btn button:after {
            content: "";
            background-color: #eee;
            width: 1px;
            height: 25px;
            position: absolute;
            top: 2px;
            right: -15px
        }

        #blog .pg-breadcrumb .filter-btn button:last-child {
            margin-right: 0
        }

            #blog .pg-breadcrumb .filter-btn button:last-child:after {
                display: none
            }

    #blog .pg-breadcrumb .filter-btn i:before {
        margin: 0;
        font-size: 20px
    }

    #blog .pg-breadcrumb .mid-col {
        height: 28px;
        line-height: 28px;
        text-align: center;
        position: relative
    }

        #blog .pg-breadcrumb .mid-col:after, #blog .pg-breadcrumb .mid-col:before {
            content: "";
            height: 1px;
            background-color: #eee;
            position: absolute;
            top: 14px
        }

        #blog .pg-breadcrumb .mid-col:before {
            width: 45%;
            left: -3%
        }

        #blog .pg-breadcrumb .mid-col:after {
            width: 41%;
            right: 0
        }

        #blog .pg-breadcrumb .mid-col .breadcrumb {
            background-color: transparent;
            margin: 0;
            padding: 0;
            border: 0;
            border-radius: 0;
            display: inline-block
        }

        #blog .pg-breadcrumb .mid-col li, #blog .pg-breadcrumb .mid-col li a {
            font-size: 15px;
            color: #ccc
        }

    #blog .pg-breadcrumb .bred-title p {
        font-family: Raleway,sans-serif;
        font-size: 16px;
        line-height: 32px;
        color: #ddd;
        text-transform: uppercase;
        margin: 0
    }

#blog .news > div {
    overflow: hidden
}

#blog .big-img {
    overflow: hidden;
    position: relative;
    border: 2px dashed #ccc;
    border-radius: 20px;
    padding: 20px
}

    #blog .big-img + div {
        overflow: hidden;
        margin-top: 20px
    }

    #blog .big-img img {
        border-radius: 20px;
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out
    }

    #blog .big-img:hover img {
        -webkit-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2)
    }

#blog .blog-content .news {
    padding-left: 0;
    padding-bottom: 125px
}

    #blog .blog-content .news > div {
        margin-bottom: 50px
    }

        #blog .blog-content .news > div:last-child {
            margin-bottom: 0
        }

    #blog .blog-content .news img {
        display: block
    }

        #blog .blog-content .news img + div {
            overflow: hidden
        }

    #blog .blog-content .news .playfair {
        font-size: 16px;
        color: #86a900
    }

    #blog .blog-content .news .pull-right span {
        font-size: 13px;
        font-weight: 600;
        color: #959595;
        display: inline-block;
        margin-left: 25px
    }

        #blog .blog-content .news .pull-right span i {
            font-size: 12px;
            display: inline-block;
            padding-right: 7px
        }

            #blog .blog-content .news .pull-right span i:before {
                margin: 0
            }

        #blog .blog-content .news .pull-right span:first-child {
            margin-left: 0;
            text-transform: uppercase
        }

    #blog .blog-content .news h3 {
        font-size: 30px;
        line-height: 21px;
        margin: 20px 0
    }

.blog-content img {
    width: 100%
}

#blog .blog-content .news p {
    font-size: 16px;
    color: #949494;
    line-height: 29px;
    margin: 0;
    height: 58px;
    overflow: hidden;
}

    #blog .blog-content .news p a {
        color: #0e74bc
    }

#blog .blog-content .news .common-btn {
    position: static;
    -webkit-transform: none;
    transform: none;
    display: inline-block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin-top: 15px
}

    #blog .blog-content .news .common-btn:hover {
        background-color: #000 !important;
        color: #fff
    }

#blog .sidebar {
    padding-right: 0
}

    #blog .sidebar > div {
        margin-bottom: 74px;
        overflow: hidden
    }

    #blog .sidebar h3 {
        font-size: 25px;
        margin: 0 0 1.68em;
        line-height: 19px
    }

    #blog .sidebar .form {
        margin-bottom: 60px
    }

    #blog .sidebar form > div {
        position: relative
    }

    #blog .sidebar form input {
        font-family: 'Playfair Display',serif;
        height: 40px;
        font-size: 16px;
        color: #ccc;
        border: 1px solid #eee;
        border-radius: 0;
        box-shadow: none
    }

    #blog .sidebar form button {
        padding-top: 0;
        padding-bottom: 0;
        height: 38px;
        line-height: 38px;
        border: 0;
        border-radius: 0;
        color: #ddd;
        position: absolute;
        right: 1px;
        top: 1px
    }

    #blog .sidebar .archieves li, #blog .sidebar .category li {
        margin-bottom: 20px
    }

    #blog .sidebar .archieves ul li:last-child, #blog .sidebar .category ul li:last-child {
        margin-bottom: 0
    }

    #blog .sidebar .archieves li a, #blog .sidebar .category li a {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        color: #939393
    }

        #blog .sidebar .archieves li a i, #blog .sidebar .category li a i {
            display: inline-block;
            padding-right: 8px;
            color: #0e74bc;
            font-style: 15px
        }

    #blog .sidebar .latest-post > div {
        overflow: hidden;
        margin-bottom: 15px
    }

        #blog .sidebar .latest-post > div:last-child {
            margin-bottom: 0
        }

        #blog .sidebar .latest-post > div .col {
            padding: 0
        }

            #blog .sidebar .latest-post > div .col:last-child {
                padding-left: 20px
            }

    #blog .sidebar .latest-post h5 {
        margin: 0 0 12px
    }

        #blog .sidebar .latest-post h5 a {
            font-family: 'Open Sans',sans-serif;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            color: #333
        }

            #blog .sidebar .latest-post h5 a:hover {
                color: #0e74bc
            }

    #blog .sidebar .latest-post span {
        font-size: 12px;
        color: #ccc;
        text-transform: uppercase
    }

        #blog .sidebar .latest-post span i {
            display: inline-block;
            padding-right: 7px
        }

    #blog .sidebar .gallery li {
        display: inline-block;
        margin: 0 2px 5px 0
    }

    #blog .sidebar .gallery ul li:nth-child(3n) {
        margin-right: 0
    }

@media only screen and (max-width:767px) {
    #blog .big-img {
        padding: 5px
    }

    #navbar {
        background: #000;
        border-top: 0 !important;
        margin-top: 35px !important;
        width: 105%
    }
}

@media only screen and (max-width:991px) {
    .navbar > .container {
        padding-left: 0;
        padding-right: 0
    }

    header .navbar #navbar ul > li {
        margin-left: 20px
    }
}

@media only screen and (max-width:1199px) {
    .navbar > .container {
        padding-left: 0;
        padding-right: 0
    }

    .hero .title {
        background: url(../images/home-1/title-md-bg.png) no-repeat;
        width: 600px;
        height: 229px;
        padding: 0 25px;
        position: absolute;
        top: 45%;
        left: 50%;
        -webkit-transform: translate(-50%,-45%);
        transform: translate(-50%,-45%)
    }

        .hero .title > div {
            margin-top: 50px
        }

    .hero .playfair {
        font-size: 18px
    }

    .hero .title h2 {
        font-size: 40px;
        line-height: 46px;
        margin: .83em 0 15px
    }

    .hero .title p {
        font-size: 14px
    }

    .hero .hero-slider img {
        height: 700px !important
    }
}

@media only screen and (max-width:991px) {
    .hero .hero-slider .item img {
        height: 700px !important
    }
}

@media only screen and (max-width:767px) {
    .hero .playfair, .hero > a {
        font-size: 14px
    }

    .hero > a {
        width: 160px;
        height: 40px;
        line-height: 40px;
        margin-top: -200px
    }

    .hero .hero-slider .item img {
        height: 500px !important
    }

    .hero .title {
        background: url(../images/home-1/title-bg-sm.png) no-repeat;
        width: 450px;
        height: 172px
    }

        .hero .title > div {
            margin-top: 40px
        }

        .hero .title h2 {
            font-size: 30px;
            font-weight: 700;
            line-height: 36px;
            margin: .5em 0 16px
        }

        .hero .title p {
            font-size: 10px
        }

    .hero .owl-controls {
        margin-top: -37px
    }

    .hero .owl-pagination .active span {
        width: 12px;
        height: 12px
    }

    #bar, #progressBar {
        height: 5px
    }
}

@media only screen and (max-width:500px) {
    .hero .playfair, .hero > a {
        font-size: 14px
    }

    .hero > a {
        width: 160px;
        height: 40px;
        line-height: 40px;
        margin-top: -200px
    }

    .hero .hero-slider .item img {
        height: 450px !important
    }

    .hero .title {
        background: url(../images/home-1/title-bg-xs.png) no-repeat;
        width: 300px;
        height: 122px
    }

        .hero .title > div {
            margin-top: 25px
        }

        .hero .title h2 {
            font-size: 25px;
            font-weight: 700;
            line-height: 30px;
            margin: .2em 0 5px
        }

        .hero .title p {
            font-size: 10px
        }
}

@media only screen and (max-width:767px) {
    .resort {
        margin-top: -10px
    }

        .resort .title {
            padding: 20px
        }

            .resort .title h2 {
                font-size: 25px;
                letter-spacing: 5px;
                line-height: 25px
            }

            .resort .title p {
                font-size: 15px
            }

    #home-1 .resort .resort-slider .item {
        height: 450px !important
    }
}

@media only screen and (max-width:500px) {
    #home-1 .resort .resort-slider .item {
        height: 350px !important
    }
}

@media only screen and (max-width:767px) {
    .beautifull-spa {
        height: 500px !important;
        padding: 80px 0 0
    }

        .beautifull-spa h2 {
            font-size: 25px
        }

        .beautifull-spa .col:first-child {
            text-align: center !important;
            margin-bottom: 25px
        }

        .beautifull-spa .col:last-child {
            text-align: center !important;
            padding: 0 10px !important
        }
}

@media only screen and (max-width:500px) {
    .beautifull-spa {
        padding: 60px 0 0
    }

        .beautifull-spa h2 {
            font-size: 20px;
            line-height: 30px
        }
}

@media only screen and (max-width:1199px) {
    .spa-advantages .advantages {
        padding-left: 80px
    }
}

@media only screen and (max-width:991px) {
    .spa-advantages .advantages {
        padding-left: 0;
        margin-top: 500px
    }

        .spa-advantages .advantages > .row {
            padding-left: 25px
        }

        .spa-advantages .advantages .line {
            display: none
        }
}

@media only screen and (max-width:767px) {
    .fun-fact .row .col:nth-child(2n) {
        border-right: 0
    }

    .fun-fact .number {
        font-size: 40px
    }

    .spa-advantages {
        padding-top: 60px;
        padding-bottom: 60px
    }

        .spa-advantages .advantages {
            margin-top: 25px
        }

        .spa-advantages .advantage-details {
            background: 0 0
        }
}

@media only screen and (max-width:500px) {
    .fun-fact .number {
        font-size: 28px
    }

    .fun-fact i:before {
        margin-left: 0;
        font-size: 25px
    }

    .spa-advantages .section-title h2 {
        font-size: 25px
    }

    .spa-advantages .advantages h3 {
        font-size: 16px
    }
}

@media only screen and (max-width:1199px) {
    .top-button .col:nth-child(2) {
        width: 67%;
        margin: 12px 0 0 14px
    }

    .services .facial-left-thumbnail {
        height: 590px;
        overflow: hidden
    }

    .services .facial-slider .thumbnail {
        width: 140px;
        height: 140px
    }
}

@media only screen and (max-width:991px) {
    .top-button .col:first-child {
        padding-left: 15px
    }

    .top-button .col:last-child {
        padding-right: 15px
    }

    .top-button .col:nth-child(2) {
        display: none;
        margin-top: 8px
    }

    .top-button .col:first-child p {
        font-size: 14px
    }

    .top-button .btn {
        margin-left: 10px;
        margin-right: 10px
    }

        .top-button .btn i:before {
            font-size: 15px
        }

        .top-button .btn:after {
            height: 20px;
            left: 25px
        }

    .services .facial-right-thumbnail {
        margin-left: 0
    }

    .services .facial .left, .services .facial .right {
        display: inline-block;
        width: 91%;
        margin-right: 15px;
        padding-right: 15px
    }

    .services .facial-slider .thumbnail {
        width: 95% !important;
        height: 95% !important;
        margin-bottom: 20px
    }

    .services .facial-slider .owl-next, .services .facial-slider .owl-prev {
        top: 40% !important
    }

    .services .facial-slider .owl-prev {
        left: -20px !important
    }

    .services .facial-slider .owl-next {
        right: -15px !important
    }
}

@media only screen and (max-width:767px) {
    .services .facial-slider {
        padding-left: 15px
    }

        .services .facial-slider .owl-item {
            margin-right: 0
        }

        .services .facial-slider .owl-prev {
            left: 0 !important
        }

        .services .facial-slider .owl-next {
            right: 0 !important
        }
}

@media only screen and (max-width:1199px) {
    .services .body-left-thumbnail .thumb > .col {
        width: 147px;
        margin-right: 20px
    }

    .services .body-right-thumbnail {
        height: 597px
    }
}

@media only screen and (max-width:991px) {
    .services .body-left-thumbnail .thumb > .col {
        width: 31% !important;
        margin-right: 3%
    }

    .services .body-right-thumbnail {
        margin-left: 0 !important
    }
}

@media only screen and (max-width:767px) {
    .services .body-right-thumbnail, .services .facial-left-thumbnail, .services .foot-left-thumbnail {
        height: auto !important
    }
}

@media only screen and (max-width:1199px) {
    .services .foot-right-thumbnail .thumb > .col {
        width: 141px;
        margin-right: 15px
    }

    .services .foot-left-thumbnail {
        height: 590px
    }

    .news-shop .appointment > a {
        margin-top: 15px
    }
}

@media only screen and (max-width:991px) {
    .services .foot-right-thumbnail .thumb > .col {
        width: 31% !important;
        margin-right: 3%
    }

    .services .foot-right-thumbnail {
        margin-left: 15px !important
    }

    .news-shop .appointment > a {
        margin-top: 0
    }

    .news-shop .appointment .btn-group .btn {
        border: 1px dotted #fff
    }

        .news-shop .appointment .btn-group .btn i:before {
            color: #fff
        }
}

@media only screen and (max-width:767px) {
    .news-shop .appointment > a {
        font-size: 14px;
        width: 200px;
        height: 35px;
        line-height: 35px;
        margin-top: 0
    }

    .news-shop .appointment .btn-group .btn {
        width: 35px;
        height: 35px
    }

        .news-shop .appointment .btn-group .btn i:before {
            font-size: 20px
        }

    .partner .partner-slider .owl-next, .partner .partner-slider .owl-prev {
        top: 40% !important;
        -webkit-transform: translateY(-40%) !important;
        transform: translateY(-40%) !important
    }
}

@media only screen and (max-width:420px) {
    #home-1 .news-shop .appointment > a {
        margin-top: 10px
    }
}

@media only screen and (max-width:1199px) {
    .exparts .thumbnail {
        width: 265px
    }
}

@media only screen and (max-width:991px) {
    .exparts .thumbnail {
        width: 245px
    }

    .exparts .social {
        right: 2px
    }
}

@media only screen and (max-width:767px) {
    .exparts {
        padding: 70px 0 100px
    }

        .exparts .thumbnail {
            width: auto !important
        }

        .exparts .social li {
            width: 25px;
            height: 29px;
            line-height: 29px;
            border-top: 1px solid rgba(0,0,0,.2);
            border-left: 1px solid rgba(0,0,0,.2);
            border-right: 1px solid rgba(0,0,0,.2)
        }

        .exparts .social ul li:last-child {
            border-bottom: 1px solid rgba(0,0,0,.2)
        }

        .exparts .social li a {
            background: rgba(0,0,0,.1);
            display: block;
            font-size: 14px;
            color: rgba(0,0,0,.5)
        }
}

@media only screen and (max-width:500px) {
    .exparts .content > .col {
        width: 100%;
        margin-bottom: 80px
    }

        .exparts .content > .col:last-child {
            margin-bottom: 0
        }

    .exparts .social li {
        width: 35px;
        height: 39px;
        line-height: 39px
    }

        .exparts .social li a {
            font-size: 16px
        }
}

@media only screen and (max-width:767px) {
    .latest-news {
        padding-bottom: 70px
    }

        .latest-news .content > .col {
            margin-bottom: 50px;
            padding-left: 15px
        }

            .latest-news .content > .col:last-child {
                margin-bottom: 0
            }

        .latest-news .playfair {
            font-size: 14px
        }

        .latest-news .news-details h3 {
            font-size: 18px;
            margin: 10px 0 15px
        }

        .latest-news .links {
            margin-top: 80px
        }
}

@media only screen and (max-width:500px) {
    .latest-news .date {
        width: 50px;
        height: 70px;
        border-radius: 5px
    }

        .latest-news .date div {
            font-size: 25px
        }

            .latest-news .date div p {
                margin: 0;
                line-height: 15px
            }

            .latest-news .date div span {
                font-size: 14px
            }

    .latest-news .news-details {
        padding: 0 0 0 25px
    }

    .latest-news .playfair {
        font-size: 15px
    }

    .latest-news .news-details h3 {
        font-size: 18px;
        margin: 1em 0
    }
}

.flight-head, .flight-head2 {
    padding: 5px 10px;
    color: #fff
}

.flight-head {
    background: #0e74bc
}

.flight-head2 {
    background: #72bf66
}

.flight-row1, .flight-row2 {
    color: #666;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 15px
}

.flight-row1 {
    background: #f2f2f2
}

.flight-row2 {
    background: #fff;
    min-height: 110px
}

.flight-select {
    background: #fbfbfb;
    padding: 5px 7px 7px;
    text-align: right;
    margin-bottom: 30px
}

    .flight-select a {
        background-color: #333;
        color: #fff;
        border: 0;
        border-radius: 0;
        padding: 8px 25px
    }

        .flight-select a:focus, .flight-select a:hover {
            background-color: #000 !important;
            color: #fff
        }


/* Search Tabs */

.booking .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    width: 50%;
}

    .booking .nav-tabs > li > a {
        padding: 20px 15px 15px;
        color: #fff;
        opacity: 0.8
    }

        .booking .nav-tabs > li > a:hover, .booking .nav-tabs > li > a:focus {
            background-color: transparent;
            opacity: 1;
            border: 1px solid #0e74bc;
            border-bottom-color: #ddd;
        }

    .booking .nav-tabs > li.active > a, .booking .nav-tabs > li.active > a:focus, .booking .nav-tabs > li.active > a:hover {
        color: #fdb714;
        cursor: default;
        background-color: transparent;
        border: 1px solid #ddd;
        border-bottom-color: #0e74bc;
        padding: 20px 15px 15px;
        opacity: 1
    }