@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC);

body,p{

    font-family:ABeeZee,sans-serif,Times New Roman

}
h4
{
 font-size:15px;
}
<style type="text/css">
    @media (max-width: 1024px)
    {
        section{
            width:100%;
        }
    }    
    </style>

.btn.bordered,p{

    line-height:25px

}

body{

    color:#000;

    -webkit-animation-delay:.1s;

    -webkit-animation-name:fontfix;

    -webkit-animation-duration:.1s;

    -webkit-animation-iteration-count:1;

    -webkit-animation-timing-function:linear

}

@-webkit-keyframes fontfix{

    from,to{

        opacity:1

    }

}

p{

    text-align:justify;

    letter-spacing:1.5px

}

.btn.bordered,a,h1,h2,h3,h4,h5,h6{

    letter-spacing:1px

}

a{

    text-decoration:none;

    color:#168956;

    transition:color .2s ease-in 0s

}

a:hover{

    color:red;

    text-decoration:none

}

h1,h2,h3,h4,h5,h6{

    color:gold;

    _font-family:'Alegreya Sans SC',sans-serif;

    font-weight:400;

    margin:0 0 15px;

    text-transform:none

}

.mess-btn,.mess-btn>a{

    color:#fff

}

.Aims>ul>li>span,.btn.bordered,.heading>h1,.heading>p>span{

    text-transform:uppercase

}

.gradient-line{

    background:linear-gradient(to right,#f76570 0,#f76570 8%,#f3a46b 8%,#f3a46b 16%,#f3a46b 16%,#ffd205 16%,#ffd205 24%,#ffd205 24%,#1bbc9b 24%,#1bbc9b 25%,#1bbc9b 32%,#14b9d5 32%,#14b9d5 40%,#c377e4 40%,#c377e4 48%,#f76570 48%,#f76570 56%,#f3a46b 56%,#f3a46b 64%,#ffd205 64%,#ffd205 72%,#1bbc9b 72%,#1bbc9b 80%,#14b9d5 80%,#14b9d5 80%,#14b9d5 89%,#c377e4 89%,#c377e4 100%) rgba(0,0,0,0);

    height:3px;

    width:100%

}

.mess-btn{

    position:fixed;

    left:0;

    top:40%;

    width:10%;

    padding:10px 12px;

    z-index:1;

    background-color:#6149AC;

    transition:all .3s

}

.Aims,.Aims>h3{

    position:relative

}

.mess-btn:hover{

    background-color:#FAC624

}

.top_header{

    border-bottom:2.5px solid #FAC624;

    padding:5px 0;

    text-align:right;

    background-color:gold

}

.top_header .contact_info{

    display:inline-block;

    padding:0 18px;

    border-right:thin dashed #00462A;

    color:#00462A

}

.top_header .contact_info>i{

    padding:0 4px;

    display:inline-block;

    margin-right:5px

}

.heading>h1,.heading>p{

    margin:0;

    text-align:center

}

.top_header a:hover.contact_info{

    color:#fff

}

.logo_header{

    background-image:url(../Images/header_img.png);

    background-repeat:no-repeat;

    background-position:right;

    background-size:contain;

    background-color:#00462A

}

@media (max-width:600px){

    .logo_header{

        background-image:none

    }

}

.heading>h1{
font-family:fantasy;
     padding: 20px 0 3px;
    /* font-weight: 700; */
    text-shadow: #282724 0 0 10px;
}

.heading>p{

    font-size:small;

    color:#fff

}

.heading>p>span{

    font-size:20px

}

.btn.bordered{

    background-color:#29469D;

    border-color:#F6AA34;

    color:#fff;

    font-size:12px;

    border-radius:2px;

    text-align:center;

    transition:all .4s ease-in-out 0s;

    box-sizing:border-box;

    padding:0 10px;

    white-space:normal

}

.btn.bordered:hover{

    background:#F6AA34;

    border-color:transparent;

    color:#fff

}

#About,.mission_bg,.vision_bg{

    background-repeat:no-repeat

}

.Aims{

    padding:30px 15px;

    background-color:sienna

}

.Aims>h3{

    color:#fff

}

.Aims>h3::before{

    background-color:#FAC624;

    bottom:0;

    content:"";

    height:3px;

    left:0;

    margin:-5px 0;

    position:absolute;

    width:45px

}

.Aims>ul{

    margin:0;

    padding:0;

    list-style:none

}

.Aims>ul>li{

    display:block;

    padding:8.5px 0;

    color:#fff;

    font-weight:700;

    letter-spacing:1.5px;

    font-size:13px

}

.mission,.vision{

    padding:15px

}

.Aims>ul>li>i{

    color:#FAC624;

    margin-right:5px

}

.mission>h3::before,.vision>h3::before{

    margin:-5px 0;

    width:45px;

    left:0;

    bottom:0;

    content:""

}

.Aims>ul>li>span{

    color:#ED1C24

}

.vision>h3,.vision>p{

    color:#fff

}

.vision_bg{

    background-image:url('<?php echo FASSETS_PATH; ?>images/vision.jpg');

    background-position:right;

    background-size:60%;

    height:250px;

    background-color:#6149AC

}

.vision{

    background-color:#FE0000;

    height:250px

}

.vision>h3{

    position:relative

}

.vision>h3::before{

    background-color:#FFCE55;

    height:3px;

    position:absolute

}

.mission,.mission_bg{

    background-color:#FFCE55;

    height:265px

}

.mission_bg{

    

    background-position:left;

    background-size:60%

}

.mission>h3{

    color:#fff;

    position:relative

}

.mission>h3::before{

    background-color:sienna;

    height:3px;

    position:absolute

}

.mission>p{

    letter-spacing:1px

}

#About{

    background-image:url('<?php echo FASSETS_PATH; ?>images/top-bg.jpg');

    padding:30px 0;

    background-size:cover;

    background-color:#EEEFEF;

    background-position:bottom;

    position:relative

}

.service{

    padding:50px 0;

    background-color:rgba(20,30,48,.8)

}

.service h2{

    text-align:center

}

.service span{

    display:block;

    font-size:small

}

.feature-box{

    margin:10px 0!important;
    min-height:174px;	

}

.feature-box .media-left{

    padding-right:10px

}

.feature-box .imgbox-inner{

    width:70px;

    overflow:hidden

}

.media-body,.media-left,.media-right{

    display:table-cell;

    vertical-align:top

}

.feature-box .media-body .heading::before{

    background:#FE0000;

    content:"";

    height:3px;

    left:0;

    position:absolute;

    top:0;

    width:35px

}

.feature-box .media-body .heading{

    color:#FE0000;

    font-size:20px;

    margin:0;

    padding:15px 0;

    position:relative;

    text-transform:capitalize

}

.feature-box .media-body>p{

    margin:0;

    color:#fff

}

#class{

    background-image:url(../Images/bg-class.png);

    background-size:cover;

    background-color:#EEE;

    padding:30px 0

}

#class .cls_icon{

    background:#b3b63b;

    border-color:#fff;

    border-radius:0;

    border-style:solid;

    border-width:5px;

    color:#fff;

    font-size:40px;

    height:225px;

    line-height:105px;

    width:100%;

    margin:0 auto;

    text-align:center;

    box-sizing:content-box!important

}

#class .cls_icon>i{

    background-color:#6b6c1c;

    border-radius:50%;

    padding:18px

}

#class .cls_icon>img{

    height:225px

}

#class .cls_heading{

    border-color:#fff transparent;

    border-style:solid;

    border-width:20px;

    height:75%;

    left:0;

    position:absolute;

    top:0;

    width:100%

}

#class .cls_heading>h4{

    position:relative;

    margin:-6px 0 0;

    color:#FAC624;

    font-size:16px;

    font-weight:600

}

#class .cls_detail>p{

    text-align:center

}

#Chairman{

    padding:30px 0;

    background:linear-gradient(to left,#c7e4df 0,#c7e4df 50%,#c7e4df 50%,#9db9ba 50%,#9db9ba 100%)

}

@media (max-width:980px){

    #Chairman{

        background:linear-gradient(to bottom,#c7e4df 0,#c7e4df 50%,#c7e4df 50%,#9db9ba 50%,#9db9ba 100%)

    }

}

#Chairman .Chairman-wrapper{

    padding:20px;

    border-radius:5px;

    -moz-border-radius:5px;

    -webkit-border-radius:5px;

    margin-bottom:40px;

    background-color:transparent

}

#Chairman .Chairman-wrapper i{

    margin:5px;

    color:#FAC624;

    font-size:30px

}

#Chairman .Chairman-wrapper p{

    font-size:small

}

#Chairman small{

    color:#000;

    font-weight:700;

    font-size:13px

}

#Principal{

    padding:30px 0

}

#news{

    padding:25px 15px

}

.edu_heading{

    _float:left;

    margin:10px 0 30px;

    text-align:center;

    width:100%;

    position:relative

}

.edu_heading h1::before,.edu_heading h3::before{

    background-color:#00462A;

    bottom:0;

    content:"";

    height:2px;

    left:0;

    margin:auto;

    position:absolute;

    right:49px;

    width:25px

}

.edu_heading h1::after,.edu_heading h3::after{

    background-color:#FAC624;

    bottom:0;

    content:"";

    height:1px;

    left:49px;

    margin:auto;

    position:absolute;

    right:0;

    width:50px

}

.edu_heading h1,.edu_heading h3{

    padding-bottom:15px;

    position:relative;

    text-transform:uppercase

}

.edu_heading h1>span,.edu_heading h3>span{

    display:block;

    font-size:small;

    color:#000;

    letter-spacing:2px

}

#news .edu_new_des{

    float:left;

    margin-bottom:18px;

    position:relative;

    width:100%

}

#news .edu_event_des{

    float:left;

    padding:20px 0 0;

    position:relative;

    text-align:left;

    z-index:2;

    height:193px;

    width:105%

}

.edu_event_des>h4{

    margin:0;

    color:#29469D

}

.edu_event_des>p{

    font-size:13px;

    line-height:20px;

    height:123px;

    overflow:hidden;

    padding-top:10px

}

.edu_event_des>a{

    background-color:#FE0000;

    padding:3px 8px;

    position:absolute;

    right:-11px;

    bottom:0;

    color:#fff;

    font-size:smaller

}

#news .edu_event_des .post-option li,#news .edu_event_des .post-option>li>a{

    color:#999;

    display:inline-block;

    font-size:13px;

    text-transform:capitalize

}

#news .edu_event_des .post-option{

    float:left;

    line-height:normal;

    text-align:left;

    width:100%;

    list-style:none;

    margin:0;

    padding:0

}

#news .edu_event_des .post-option li:first-child{

    margin-left:0

}

#news .edu_event_des .post-option li{

    margin-left:8px

}

#news .edu_new_des figure{

    height:193px;

    overflow:hidden

}

#news .edu_new_des figure>img{

    max-height:200px;

    min-height:195px

}

.other_pagesbanner{

    background-image:url('<?php echo FASSETS_PATH; ?>images/other_pagesbanner.jpg');

    background-size:cover;

    padding:65px 0;

    position:relative

}

.other_pagesbanner>h2{

    color:#fff;

    text-align:center;

    margin:15px 0

}

.other_pagesbanner .list-inline>li{

    color:#F6AA34

}

.other_pagesbanner .list-inline>li a{

    color:#fff

}

.other_pagesbanner .list-inline>li a:hover{

    color:#F6AA34

}

.subnav-brill{

    display:flex;

    flex-wrap:wrap;

    list-style:none;

    margin-left:-10px;

    margin-top:-10px;

    padding:0;

    justify-content:center

}

.subnav-brill-bg{

    background-color:#7547A3;

    padding:15px 0

}

.subnav-brill li{

    letter-spacing:1px;

    margin:0 10px;

    padding:5px 10px;

    text-transform:uppercase

}

.subnav-brill li a{

    color:#F6AA34;

    transition:all 250ms cubic-bezier(.62,.28,.23,.99) 0s;

    text-decoration:none

}

.subnav-brill li a:hover{

    color:#ED1C24;

    text-decoration:none

}

.subnav-brill>li.active>a,.subnav-brill>li.active>a:focus,.subnav-brill>li.active>a:hover{

    color:#ED1C24;

    text-decoration:none;

    border-bottom:1px solid #D2C82A

}

.modal{

    background-color:rgba(22,137,86,.5)

}

.modal-close{

    color:#FE2E14;

    cursor:pointer;

    font-size:22px;

    left:100%;

    padding:2px 2px 6px 12px;

    position:absolute;

    top:0;

    transition:color .2s ease-in 0s;

    opacity:1

}

.modal-close:hover{

    color:#fff

}

.modal-content{

    background-color:transparent;

    box-shadow:none;

    border:none

}

.thumbnail img{

    height:200px;

    width:100%

}

.thumb{

    margin-bottom:20px

}

.navbar{

    margin-bottom:0

}

.vertical-align{

    display:flex;

    align-items:center

}

.Facilities_bg{

    background-image:url('<?php echo FASSETS_PATH; ?>images/bg1.jpg');

    background-size:cover;

    padding:30px 0

}

@media (max-width:1024px){

    .Facilities_bg{

        background-repeat:no-repeat;

        background-size:contain;

        background-color:#FFEB64;

        background-position:bottom

    }

}

@media (max-width:980px){

    .Facilities_bg{

        background-repeat:no-repeat;

        background-size:contain;

        background-color:#FFEB64;

        background-position:bottom

    }

}

#Facilities{

    padding:20px 0

}

#Facilities .Facilities_item{

    border:thin solid #C7CAC7;

    padding:50px 20px 10px;

    position:relative;

    text-align:center;

    margin:40px 0

}

#Facilities .Facilities_item>.img_div{

    border-top:thin solid #C7CAC7;

    border-left:thin solid #C7CAC7;

    border-right:thin solid #C7CAC7;

    border-bottom:none;

    position:absolute;

    top:-40px;

    width:90px;

    height:90px;

    left:40%

}

#Facilities .Facilities_item>.orange{

    background-color:#F59B29;

    border-color:#F59B29

}

#Facilities .Facilities_item>.darkblue{

    background-color:#0E7886;

    border-color:#0E7886

}

.sport_item{

    padding:30px 0 15px;

    margin:10px 0;

    height:348px;

    overflow:hidden

}

@media (max-width:600px){

    .sport_item{

        height:auto

    }

}

.sport_item>img{

    width:100%

}

.sport_item>h3:before{

    background:#fe0000;

    content:"";

    height:2px;

    left:45%;

    position:absolute;

    bottom:9px;

    width:35px

}

.sport_item>h3{

    color:#fe0000;

    margin:0;

    padding:15px 0;

    position:relative;

    text-transform:capitalize;

    text-align:center

}

.sport_item>p{

    font-size:16px;

    text-align:center

}

.why_ais{

    background-image:url(../Images/bg5.png);

    background-repeat:repeat;

    padding:40px 0;

    background-color:#6149AC;

    background-size:30%

}

.Nutritious,.bagless{

    background-size:contain;

    padding:30px 0;

    background-repeat:no-repeat

}

.why_ais p{

    font-size:17px;

    color:#fff

}

.Community p,.Hostel p,.Nutritious p,.Safe p,.Stress_free p,.Tour p,.Tracking p,.bagless p,.mentor p,.teacher p{

    font-size:15px

}

.Community h3,.Hostel h3,.Nutritious h3,.Safe h3,.Stress_free h3,.Tour h3,.Tracking h3,.bagless h3,.mentor h3,.teacher h3{

    color:#96281B

}

.bagless{

    background-image:url('<?php echo FASSETS_PATH; ?>images/bagless.jpg');

    background-position:right;

    background-color:#FAFAFA

}

.Nutritious{

    

    background-position:left;

    background-color:#fff

}

.Safe{

   

    background-position:right;

    padding:30px 0;

    background-repeat:no-repeat;

    background-size:50% 100%;

    background-color:#D3DDE6

}

.mentor,.teacher{

    background-size:contain;

    padding:30px 0;

    background-repeat:no-repeat

}

.teacher{

    background-image:url('<?php echo FASSETS_PATH; ?>images/Lowteacher.png');

    background-position:left;

    background-color:#fff

}

.mentor{

    background-image:url('<?php echo FASSETS_PATH; ?>images/mentor.png');

    background-position:right;

    background-color:#FBEDD9

}

.Technologically{

    background-image:url('<?php echo FASSETS_PATH; ?>images/technologically.png');

    background-position:left;

    padding:30px 0;

    background-repeat:no-repeat;

    background-size:36% 100%;

    background-color:#fff

}

.Community,.Stress_free,.Tour,.Tracking{

    background-size:contain

}

.Technologically h3{

    color:#96281B

}

.Technologically p{

    font-size:15px

}

.Stress_free{

    background-image:url('<?php echo FASSETS_PATH; ?>images/stressfree.png');

    background-position:right;

    padding:30px 0;

    background-repeat:no-repeat;

    background-color:#FD8F39

}

.Tracking{

    background-image:url('<?php echo FASSETS_PATH; ?>images/bustracking.png');

    background-position:left;

    padding:30px 0;

    background-repeat:no-repeat;

    background-color:#fff

}

.Community{

    background-image:url('<?php echo FASSETS_PATH; ?>images/community.png');

    background-position:right;

    padding:30px 0;

    background-repeat:no-repeat;

    background-color:#78ADDA

}

.Hostel,.Tour{

    padding:30px 0;

    background-repeat:no-repeat;

    background-color:#fff

}

.Tour{

    background-image:url('<?php echo FASSETS_PATH; ?>images/edutour.png');

    background-position:left

}

.Hostel{

    background-image:url(<?php echo FASSETS_PATH; ?>images/hostel.png);

    background-position:top right;

    background-size:42% 107%

}

@media (max-width:1024px){

    .Nutritious,.bagless{

        background-size:35% 100%

    }

    .Safe{

        background-size:50% 100%

    }

    .Technologically,.mentor{

        background-size:35% 100%

    }

    .Tracking{

        background-size:43% 100%

    }

    .Community,.Tour{

        background-size:35% 100%

    }

}

@media (max-width:980px){

    .Community>.container,.Hostel>.container,.Nutritious>.container,.Safe>.container,.Stress_free>.container,.Technologically>.container,.Tour>.container,.Tracking>.container,.bagless>.container,.mentor>.container{

        width:100%

    }

    .Safe{

        background-size:43% 100%

    }

    .teacher{

        background-size:36% 100%

    }

    .Stress_free{

        background-size:39%;

        background-position:right bottom

    }

}

@media (max-width:600px){

    .Community,.Hostel,.Nutritious,.Safe,.Stress_free,.Tour,.Tracking,.bagless,.mentor,.teacher{

        background-size:cover

    }

    .bagless{

        padding:0

    }

    .bagless h3{

        color:#FAC624

    }

    .bagless p{

        color:#fff

    }

    .bagless>.container{

        background-color:rgba(0,0,0,.85);

        padding:30px 15px

    }

    .Nutritious{

        padding:0

    }

    .Nutritious h3{

        color:#FAC624

    }

    .Nutritious p{

        color:#fff

    }

    .Nutritious>.container{

        background-color:rgba(97,73,172,.85);

        padding:30px 15px

    }

    .Safe{

        padding:0

    }

    .Safe h3{

        color:#FAC624

    }

    .Safe p{

        color:#fff

    }

    .Safe>.container{

        background-color:rgba(0,0,0,.85);

        padding:30px 15px

    }

    .teacher{

        padding:0

    }

    .teacher h3{

        color:#96281B

    }

    .teacher p{

        color:#fff

    }

    .teacher>.container{

        background-color:rgba(151,188,57,.85);

        padding:30px 15px

    }

    .mentor{

        padding:0

    }

    .mentor h3{

        color:#FAC624

    }

    .mentor p{

        color:#fff

    }

    .mentor>.container{

        background-color:rgba(0,0,0,.9);

        padding:30px 15px

    }

    .Technologically{

        background-size:cover;

        padding:0

    }

    .Technologically h3{

        color:#FAC624

    }

    .Technologically p{

        color:#fff

    }

    .Technologically>.container{

        background-color:rgba(219,10,91,.85);

        padding:30px 15px

    }

    .Stress_free{

        background-image:url('<?php echo FASSETS_PATH; ?>images/streessfree2.jpg');

        padding:0

    }

    .Stress_free h3{

        color:#FAC624

    }

    .Stress_free p{

        color:#fff

    }

    .Stress_free>.container{

        background-color:rgba(0,0,0,.85);

        padding:30px 15px

    }

    .Tracking{

        padding:0

    }

    .Tracking h3{

        color:#FAC624

    }

    .Tracking p{

        color:#fff

    }

    .Tracking>.container{

        background-color:rgba(249,105,14,.85);

        padding:30px 15px

    }

    .Community{

        padding:0

    }

    .Community h3{

        color:#FAC624

    }

    .Community p{

        color:#fff

    }

    .Community>.container{

        background-color:rgba(0,0,0,.85);

        padding:30px 15px

    }

    .Tour{

        padding:0

    }

    .Tour h3{

        color:#FAC624

    }

    .Tour p{

        color:#fff

    }

    .Tour>.container{

        background-color:rgba(31,58,147,.85);

        padding:30px 15px

    }

    .Hostel{

        padding:0

    }

    .Hostel h3{

        color:#FAC624

    }

    .Hostel p{

        color:#fff

    }

    .Hostel>.container{

        background-color:rgba(0,0,0,.85);

        padding:30px 15px

    }

}

.dotted-border::after{

    border-bottom:1px dotted #bfbfbf;

    bottom:1px;

    content:"";

    height:1px;

    left:0;

    position:absolute;

    width:100%

}

.dotted-border{

    border-bottom:1px dotted #bfbfbf;

    position:relative;

    text-transform:uppercase;

    margin-bottom:15px

}

.dotted-border>h2{

    font-size:18px;

    text-align:left;

    color:#fff

}

#artical_mid>.read_more,.meta-categories a,.meta-date{

    font-size:12px;

    letter-spacing:1px;

    text-transform:uppercase

}

#artical_mid{

    box-shadow:0 2px 3px 0 rgba(0,0,0,.1);

    padding-bottom:2px;

    margin-bottom:15px;

    background-color:#fff

}

#artical_mid>.article_img{

    background:#111;

    height:208px;

    overflow:hidden;

    position:relative;

    width:100%;

    margin-bottom:18px

}

#artical_mid>.article_img img{

    height:auto;

    margin:0;

    min-height:208px;

    padding:0;

    width:100%

}

.overlay{

    background:rgba(0,0,0,0);

    height:100%;

    left:0;

    position:absolute;

    top:0;

    transition-duration:1s;

    width:100%

}

.overlay>span{

    color:rgba(255,255,255,0);

    line-height:200px;

    -webkit-transition:color 2s;

    transition:color 2s

}

#artical_mid>.article_img:hover .overlay{

    background:rgba(0,0,0,.3)

}

#artical_mid>.article_img:hover .overlay>span{

    color:#fff;

    line-height:200px

}

#artical_mid>.read_more{

    background-color:gold;

    width:100%;

    line-height:25px;

    padding:6px;

    text-align:right;

    transition:all .4s ease-in-out 0s;

    white-space:normal;

    position:relative;

    bottom:0;

    display:block

}

.meta,footer #social p,footer #social ul,footer .loc_detail>p,footer .loc_icon{

    text-align:center

}

.meta-categories{

    margin-bottom:8px;

    height:60px;

    overflow:hidden

}

.meta-categories a,.meta-date{

    color:gold;

    font-weight:700

}

.newstitle h2,.newstitle h3{

    color:#151515;

    font-size:small;

    letter-spacing:1px;

    line-height:1.5em;

    margin-bottom:3px;

    text-transform:uppercase

}

.meta::before{

    background-color:#333;

    bottom:0;

    content:"";

    height:2px;

    left:50%;

    margin-left:-35px;

    position:absolute;

    width:70px

}

.meta{

    margin-bottom:15px;

    overflow:hidden;

    padding-bottom:14px;

    position:relative

}

.meta span:first-child{

    border-left:0 none

}

.meta span{

    border-left:1px solid #ccc;

    color:#40e0d0;

    display:inline-block;

    font-size:12px;

    font-weight:700;

    letter-spacing:.5px;

    line-height:1;

    padding:0 12px;

    text-transform:uppercase

}

.meta span>a{

    color:#00ff7f

}

.meta span>a:hover{

    color:#000

}

.post-content{

    margin-bottom:5px;

    text-align:left;

    letter-spacing:1px;

    line-height:24px;

    font-size:15px;

    padding:0 10px;

    height:100px;

    overflow:hidden

}

@media screen and (max-width:600px){

    .post-content{

        height:auto

    }

}

.news-item-control{

    background:#000;

    color:#fff;

    font-size:20px;

    padding:4px 10px;

    position:absolute;

    top:-13%;

    right:30px

}

footer{

    background-color:#D3D3D3;

    background-repeat:no-repeat;

    padding:0

}

footer .loc_icon{

    border-color:#FAC624;

    border-radius:500px;

    border-style:solid;

    border-width:9px;

    color:#FAC624;

    font-size:32px;

    height:64px;

    line-height:64px;

    width:64px;

    box-sizing:content-box!important;

    margin:0 auto

}

#contact .address p,.address p{

    letter-spacing:1px;

    line-height:28px

}

footer .loc_icon>i{

    color:#00462A

}

footer .loc_detail{

    text-align:center;

    color:#666

}

footer .loc_detail>h3{

    color:#666;

    margin:8px auto

}

footer #social{

    padding:30px 0

}

footer #social ul{

    list-style:none;

    padding:0 10px;

    margin:8px auto;

    width:28%

}

footer #social ul>li{

    display:block;

    margin:10px 0

}

footer #social ul>li>a{

    color:#fff;

    text-decoration:none;

    transition:all .3s ease 0s;

    padding:10px;

    display:block;

    margin:5px 0

}

footer #social ul>li>a.fb{

    background-color:#405D95

}

footer #social ul>li>a.fb:hover{

    background-color:#2B3E66

}

footer #social ul>li>a.twitter{

    background-color:#66CBF9

}

footer #social ul>li>a.twitter:hover{

    background-color:#4CA2D1

}

.footer-links ul li a:hover{

    color:#345E6E

}

.address p{

    color:#fff

}

.address i{

    color:#29469D;

    margin-right:10px

}

.address a{

    color:#29469D;

    text-decoration:none

}

.address a:hover{

    color:#fff;

    text-decoration:none

}

.brill-footer{

    border-bottom:1px solid #413d3e;

    background-color:#345E6E;

    background-size:cover;

    padding:10px 0

}

.footer-brilltext p{

    color:#fff;

    letter-spacing:1px;

    margin:0;

    padding:10px 0;

    text-align:inherit

}

.footer-brilltext a{

    color:#62c6f8;

    letter-spacing:1px;

    text-decoration:none;

    margin:0

}

.footer-brilltext a:hover{

    color:#fff

}

#contact .address p{

    color:#000

}

.input-brill,.select-brill{

    font-size:1em;

    line-height:normal;

    -webkit-transition:all .3s ease-in-out;

    -moz-transition:all .3s ease-in-out;

    -ms-transition:all .3s ease-in-out;

    -o-transition:all .3s ease-in-out;

    width:100%

}

#contact .address i{

    color:#29469D;

    margin-right:10px

}

#contact .address a{

    color:#29469D;

    text-decoration:none

}

#contact .address a:hover{

    color:#000;

    text-decoration:none

}

.input-brill{

    padding:5px 10px;

    position:relative;

    z-index:1;

    background-color:transparent;

    border:2px solid rgba(255,255,255,.5);

    color:#000;

    border-radius:0;

    display:inline-block

}

.input-brill:focus{

    border-color:#FAC624;

    background-color:#fff;

    color:#ED1C24

}

.control-label{

    color:#fff;

    font-family:'Noto Sans',sans-serif

}

.select-brill{

    background-color:transparent;

    background-image:none;

    border:2px solid rgba(255,255,255,.5);

    border-radius:0;

    color:#ED1C24;

    display:block;

    height:34px;

    padding:6px 12px

}

.select-brill:focus{

    border-color:#ED1C24;

    background-color:#fff;

    color:#ED1C24

}

.btn-file{

    position:relative;

    overflow:hidden

}

.btn-file input[type=file]{

    position:absolute;

    top:0;

    right:0;

    min-width:100%;

    min-height:100%;

    font-size:100px;

    text-align:right;

    filter:alpha(opacity=0);

    opacity:0;

    outline:0;

    background:#fff;

    cursor:inherit;

    display:block

}

#img-upload{

    width:100%

}

.date-container,date-picker{

    position:relative;

    display:inline-block;

    width:100%;

    color:#4b4d4e;

    -webkit-touch-callout:none;

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    user-select:none

}

.date-container{

    padding:0 40px;

    text-align:center

}

.date-picker h2,.date-picker h4{

    margin-top:10px;

    margin-bottom:10px;

    padding:0;

    font-family:Roboto,sans-serif;

    font-weight:200

}

.date-picker span.fa{

    position:absolute;

    cursor:pointer

}

.date-picker span.fa[data-method=subtract]{

    left:0

}

.date-picker span.fa[data-method=add]{

    right:0

}

@media (min-width:768px) and (max-width:1010px){

    .date-picker h2{

        font-size:1.5em;

        font-weight:400

    }

    .date-picker h4{

        font-size:1.1em

    }

    .date-picker span.fa{

        font-size:3em

    }

}

.animationload{

    background-color:rgba(0,70,42,.8);

    height:100%;

    left:0;

    position:fixed;

    top:0;

    width:100%;

    z-index:10000;

    text-align:center

}

.animationload>h3{

    position:relative;

    top:60%;

    letter-spacing:2px;

    font-weight:700

}

.loader{

    display:inline-block;

    width:30px;

    height:30px;

    position:relative;

    border:4px solid #Fff;

    top:50%;

    animation:loader 2s infinite ease

}

.loader-inner{

    vertical-align:top;

    display:inline-block;

    width:100%;

    background-color:#fff;

    animation:loader-inner 2s infinite ease-in

}

@keyframes loader{

    0%{

        transform:rotate(0)

    }

    25%,50%{

        transform:rotate(180deg)

    }

    100%,75%{

        transform:rotate(360deg)

    }

}

@keyframes loader-inner{

    0%,100%,25%{

        height:0%

    }

    50%,75%{

        height:100%

    }

}

/* ============================================================= Popup STYLES ============================================================ */

 #image-gallery .modal-content {

     background-color:#FFDAB9;

     border:none;

     padding:0;

     border-radius:0;

     margin-top:20% 

}

 #image-gallery .modal-content > .modal-body {

     position:relative;

     height:400px;

     padding:0;

     background-size:cover;

     background-position:center 

}

 #image-gallery .modal-content > .modal-body > img {

     height:100%;

     width:100% 

}

 #image-gallery .modal-content > .modal-body > button.close {

     background-color:#ffc107;

     padding:4px 8px;

     opacity:1;

     position:absolute;

     right:-25px;

}

 #image-gallery .modal-content > .modal-body > .login-block {

     height:auto;

     background-color:transparent;

     box-shadow:none;

     margin:0 auto;

     float:none;

     padding-top:70px;

}

 #image-gallery .modal-content > .modal-footer {

     padding:0;

     border-radius:0 

}

 #image-gallery .modal-content > .modal-footer > ul {

     list-style:none;

     padding:0;

     margin:0;

     text-align:center 

}

 #image-gallery .modal-content > .modal-footer > ul > li {

     display:inline-block;

}

 #image-gallery .modal-content > .modal-footer > ul > li > button {

     text-align:center;

     color:#fff;

     background-color:#7D32B3;

     display:block;

     border-radius:0;

     width:100% 

}

/*================== Gallery Style ========*/

 .gallery_product {

     margin-bottom:10px;

     border:thin solid #808080;

     height:250px;

     overflow:hidden;

     position:relative 

}

 .gallery_product > .thumbnail {

     border:none;

     padding:0 

}

 .gallery_product img {

     width:100%;

     height:255px 

}

 .overlay {

     position: absolute;

     bottom: 0;

     left: 0;

     right: 0;

     background-color: rgba(0,0,0,0.5);

     overflow: hidden;

     width: 0;

     height: 100%;

     transition: .3s ease;

}

 .gallery_product:hover .overlay {

     width: 100%;

}

 .text {

     color: white;

     font-size: 20px;

     position: absolute;

     top: 50%;

     left: 50%;

     transform: translate(-50%, -50%);

     -ms-transform: translate(-50%, -50%);

     white-space: nowrap;

}