/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 24, 2018, 4:23:49 AM
    Author     : Win8
*/

@keyframes point{
    50%{
        padding-right : 2%;
    }
    100%{
        padding-right : 0;
    }
}


body{
    font-family: 'Abel', sans-serif;
    color : white;
}

#notice{
    padding-top: 10px;
    font-size: 24px;
    font-weight: bolder;
    text-align: center;
    color: red;
}

.unique_font{
    font-family: 'Tangerine', cursive;
    font-weight: bolder;
    color : #d4d3b7;
}

.label_text{
    padding:0;
    margin:0;
}

.label{
    padding:0;
    margin:0;
}

#background{
    background-color: black;
    position:fixed;
    width:100%;
    height:150%;
    z-index:-50;
    box-shadow: 10px 5px 13px #e2e2cf inset ,-10px 5px 13px #e2e2cf inset;
}

header{
    padding-top:3%;
    padding-bottom: 5%;
}

#logo{
    text-align: center;
}

#slogan{
    font-weight: bold;
    color : white;
}

#text_holder{
    padding-top:1%;
    text-align: center;
}

#ratoath{
    display : inline-block;
    font-size : 25px;
    color : white;
    margin : 0;
}

#trim{
    display : inline-block;
    font-size : 25px;
    color : white;
    margin : 0;
}

#ratoath:hover{
    text-decoration : underline;
}
#trim:hover{
    text-decoration : underline;
}

.pointer{
    animation : point 1s infinite;
}

#welcome_text{
    margin:0;
    padding:0;
    font-size : 70px;
}

#spliter{
    margin:0;
    padding:0;
}

#spliter>img{
    width : 20%;
}
#text_holder>h3{
    margin:0;
    padding:0;
    margin-top:2%;
}

#reward_box{
    height:20%;
}


#reward_logo{
    height: 20%;
    width:36%;
    text-align: center;
    left:32%;
    position:absolute;
}

#review{
    text-align: center;
    padding-top : 11%;
    color : #e6e6e6;
}
#review>h5{
    font-style : italic;
}

.round_border_image{
    border-radius: 2%;
    box-shadow: 7px 7px 10px #262626;
}


#div2{
    text-align: center;
}

#label_one >img{
    width: 50%;
    padding-bottom : 3%;
}
#label_two >img{
    width: 50%;
    padding-bottom : 3%;
}

#div3{
    text-align: center;
    margin-top : 5%;
}

#label_three>img{
    width : 25%;
    padding-bottom : 3%;
}

#div4{
    margin-top :5%;
    text-align: center;
}

#label_four>img{
    width : 15%;
    padding-bottom : 3%;
}

#div5{
    margin-top:5%;
    text-align: center;
}

#label_five>img{
    width : 15%;
    padding-bottom : 3%;
}

#div6{
    margin-top : 5%;
    text-align : center;
}

#label_six>img{
    width : 10%;
    padding-bottom : 3%;
}

#div7{
    margin-top:5%;
    text-align : center;
}

#label_seven>img{
    width : 15%;
    padding-bottom : 3%;
}

#about_us>h5>a{
    color:#e6e6e6;
}

#award_img{
    text-align: center;
    border-radius: 50%;
    height:450px;
    background-image : url('../img/award/award.jpg');
    background-position : 55% 50%;

}

.title{
    font-size : 60px;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 1.25s linear;
    -moz-transition: opacity 1.25s linear;
    -ms-transition: opacity 1.25s linear;
    -o-transition: opacity 1.25s linear;
    transition: opacity 1.25s linear;

}

@media(max-width : 992px){
    header{
        padding-top : 5%;
    }
    #logo>img{
        width : 80%
    }
    #welcome_text{
        font-size : 70px;
    }
    #spliter>img{
        width : 40%;
    }
    #text_holder>h3{
        margin-top : 3%;
    }
    #review{
        padding-top : 20%;

    }
    #reward_box{
        height : 30%;
    }
    #reward_logo{
        height : 30%;
        width : 46%;
        left : 27%;
    }
    .title{
        font-size : 60px;
    }
}

@media(max-width:767px){
    #ratoath{
        font-size : 23px;
    }

    #trim{
        font-size : 23px;
    }
/*    .award_holder{
        display : inline-block;
    }*/
    
/*    .award_holder>img{
        width : 60%;
    }*/
    .phone_hidden{
        display: none;
    }
    #spliter>img{
        width : 50%;
    }

    #text_holder>h1{
        font-size : 40px;
    }

    #text_holder>h3{
        margin-top : 5%;
        font-size : 16px;
    }
    #review{
        padding-top : 30%;

    }
    #review>h5{
        font-size : 14px;
    }

    .label_text{
        margin-top:15%;
    }

    .top_spacing{
        margin-top : 7%;
    }
    .top_spacing2{
        margin-top : 4%;
    }
    .title{
        font-size : 35px;
    }
    #label_three>img{
        width : 50%;
    }
    #label_four>img{
        width : 30%;
    }
    #label_five>img{
        width : 30%;
    }
    #label_six>img{
        width : 25%;
    }
    #label_seven>img{
        width : 25%;
    }

}