@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300);
.clear{clear: both;}
.ffss{font-family: 'Lato', sans-serif!important;}
*{font-family: 'Lato', sans-serif}
*,*:after,*:before{box-sizing: border-box;}

body,html{width:100%; height: 100%;padding:0px; background-size: cover; font-size: 14px!important;}

.overlay{
    position:fixed;
    width:100%; 
    height: 100%; 
    background:#333;
    z-index: 99999;
    background: url(../images/outer-bg.jpg) repeat; 
    text-align: center;
    padding: 150px 0;
}
.min-center{
    text-align: center;   
    width:40%; 
    height: 180px;
    padding:20px;
    background: url(../images/bg.png) repeat bottom left; 
    margin:0 auto; 
}

.min-center p > a.btn {border-radius: 0px!important;}

.totop{
    display: block; 
    width:30px; 
    height: 30px; 
    text-align: center; 
    background: url(../images/bglightwhite.png) repeat !important;
    position: fixed;
    right:10px;
    bottom: 50%;
    padding:6px;
    z-index: 1;
    display: none;
    z-index: 999;
}

.gap-xl{height: 160px;}
.gap-md{height: 80px;}
.gap-lg{height: 40px;}
.gap-sm{height: 20px;}
.gap-xs{height: 10px;}

.font100{font-size: 100px;}
.font80{font-size: 80px;}
.font60{font-size: 60px;}
.font40{font-size: 40px;}
.font30{font-size: 30px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font16{font-size: 16px;}
.font14{font-size: 14px;}
.font12{font-size: 12px;}
.font10{font-size: 10px;}

.margintopmin10{ margin-top: -10px;}
.margintop0{ margin: 0px;}
.color-default{color:#fff;}
a.color-default, a.color-default:active, a.color-default:focus{color:#fff!important;}
.addpanel{ min-height: 280px;}
.color-black{color:#000;}
a.color-black, a.color-black:active, a.color-black:focus{color:#000!important;}
.boxshadow{box-shadow:0 5px 8px -5px #bdbdbd}

.textshaddow{ text-shadow: 0px 3px 5px #333}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255,255,255,0.8) url(../images/processing.gif) center no-repeat;
    
}


.uppercase{ text-transform: uppercase!important;}
.lowercase{text-transform: lowercase!important;}
.capitalize{text-transform: capitalize!important;}
.textdecoration0{text-decoration: none!important;}

.wbg{background: rgba(112,85,87,0.5);}
.wrapper{width:100%; height: auto;min-height: 100%;position: relative; }

.home{position: relative;width:100%; height: 100%;background: url(../images/banner/7.jpg) no-repeat center top; background-size: cover; overflow: hidden;} 
.home:after{
    content:''; 
    position: absolute; 
    width:100%; 
    height: 100%; 
    left:0px; 
    top:50px;
    background:url(../images/grid.png) repeat; z-index: 2;
}
.homeinner{
    width:60%;
    margin: 0 auto;
     background: rgba(255,255,255,0.5);
    padding: 10px;
    
}

.toDown{
    display: block; 
    width:50px; 
    height: 50px; 
    text-align: center; 
    background: url(../images/bglightblack.png) repeat!important;
    position: absolute;
    left:50%;
    bottom: 50px;
    padding:16px;
    z-index: 999;
    color:#fff!important;
    margin-left: -25px;
    z-index: 9;
    animation: pulse 2s infinite; 
}

@keyframes pulse { 0%, 100% {margin-bottom:15px; }
50% {margin-bottom:0px;}
}


.navbar-brand{color:#333!important; text-transform: uppercase;}
.cus-nav{margin: 0px; border-radius: 0px!important; background:url(../images/bglightwhite.png) repeat!important;border:0px!important;transition:linear 0.3s;}
.cus-nav-ul li{}
.cus-nav-ul li a{color:#333; position: relative; font-weight: 400;overflow: hidden; text-transform: uppercase; outline: 0 none!important}
.cus-nav-ul li a:hover{background:url(../images/listbg.png) repeat 50%;!important}
.cus-nav-ul li a:active{outline:none 0px!important;}
.cus-nav-ul li a.mPS2id-highlight{ background:url(../images/listbgh.png) repeat 50%;!important}

.fviom{background:url(../images/bgdarkwhite.png) repeat!important;}



.navbar-toggle {
padding: 8px 8px!important;
margin-top: 8px!important;
margin-right: 8px!important;
margin-bottom: 8px!important;
border-radius: 0px!important;
background: #fff!important;    
}


.navbar-toggle >span{ background: #333!important;float:none!important} 

.navbar-toggle{background: transparent!important;border:0px!important;border-radius: 0px!important;}

.navbar-toggle .icon-bar {width: 22px;transition: all 0.2s;}
.navbar-toggle .top-bar {transform: rotate(45deg);transform-origin: 10% 10%;}
.navbar-toggle .middle-bar {opacity: 0;}
.navbar-toggle .bottom-bar {transform: rotate(-45deg);transform-origin: 10% 90%;}
.navbar-toggle.collapsed .top-bar {transform: rotate(0);}
.navbar-toggle.collapsed .middle-bar {opacity: 1;}
.navbar-toggle.collapsed .bottom-bar {transform: rotate(0);}


.navbar-header{ border:0px!important;}
.navbar-toggle > span{float:left; background: #fff!important;}
.middlepage{width:100%; height:100%; }


.fnormal300{font-weight: 300!important}
.fnormal100{font-weight: 100!important}
.fbold{font-weight: 700!important}


.default-panel{width:100%; height: auto; background:#fff;}

.socalpanel{width:100%; height:auto; padding:10px 0; }
.socalpanelfix{position: absolute; z-index: 9999; background:rgba(0,0,0,0.9);bottom:0px;}
.socalpanel ul{padding:0px; margin:0px; list-style: none; text-align: center;}
.socalpanel ul li{display: inline-block;}
.socalpanel ul li a{
    display: block; 
    padding:20px; 
    text-align: center; 
    width:60px; 
    height:60px; 
    text-decoration: none!important; 
    color:#fff; 
    transition: linear 0.3s;
    border:2px solid #fff;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.socalpanel ul li a:after{
    content: '';
    position: absolute;
    width:0%; height: 0%;
    left:0px; 
    top:0px;
    bottom: 0px;
    right:0;
    margin:auto;
    z-index: -1;
    transition: linear 0.1s;
    border-radius: 50%;
    z-index: -1;
}

.socalpanel ul li:hover a:after{width:90%; height: 90%;}
.socalpanel ul li a.fafacebook:after {background:rgba(59,89,152,0.9);}
.socalpanel ul li a.fatwitter:after {background:rgba(86,163,217,0.9);}
.socalpanel ul li a.fagoogleplus:after {background:rgba(221,75,57,0.9);}
.socalpanel ul li a.fayoutube:after {background:rgba(191,34,31,0.9);}
.socalpanel ul li a.falinkedin:after {background:rgba(0,123,182,0.9);}
.socalpanel ul li a.fawhatsapp:after {background:rgba(42,178,0,0.9);}


.banner1{ background: url(../images/banner/1.jpg) no-repeat fixed center top; background-size: cover;}
.banner2{ background: url(../images/banner/2.jpg) no-repeat fixed center top; background-size: cover;}
.banner3{ background: url(../images/banner/3.jpg) no-repeat fixed center top; background-size: cover;}
.banner4{ background: url(../images/banner/4.jpg) no-repeat fixed center top; background-size: cover;}
.banner5{ background: url(../images/banner/5.jpg) no-repeat fixed center top; background-size: cover;}
.banner6{ background: url(../images/banner/6.jpg) no-repeat fixed center top; background-size: cover;}
 
/*.banner1,.banner2,.banner3,.banner4,.banner5,.banner6{ background-repeat: no-repeat; background-position:fixed; background-size:cover;}*/

.padd0{padding: 0px!important;}

.item .item-in{ display: block; 
    overflow: hidden; 
    position: relative;
    cursor: pointer;
}
.item .item-in:after{
    content:''; 
    background: rgba(0,0,0,0.5); 
    position: absolute; 
    left:0px;
    top: 0px;
    right:0px;
    bottom: 0;
    margin: auto;
    width:0%; 
    height: 0%;
    z-index: 99;
    transition: linear 0.2s;
}
.item .item-in img{ display: block;width:100%; transition: linear 0.2s;}
.item .item-in:hover img{transform: scale(1.1);}
.item .item-in:hover:after{width:100%; height: 100%;}
.item .item-in:hover .itemicon{width:100%; height:40px;}
.itemicon{
    position: absolute; 
    left:0px;
    top: 0px;
    right:0px;
    bottom: 0;
    margin: auto;
    width:0%; 
    height: 0px;
    z-index: 999;
    text-align: center;
    overflow: hidden;
    
}
.itemicon a{color:#777!important;text-decoration: none!important; padding:10px 5px;}
.itemicon a:hover{color:#fcd305!important;}

.tabpanel{width:100%; height: auto;}
.tabslist{width:20%; float:left; list-style: none; padding:30px 0 0 0; margin: 0px;}
.tabslist li{width:100%; margin:0 0 1px 0;}
.tabslist li a{
    display:block; 
    padding:8px 10px; 
    background:url(../images/listbg.png) repeat 50%; 
    text-decoration: none; 
    color:#333; 
    text-align: left;
    font-weight: bold;
    color:#333;
    outline: 0 none!important;
}
.tabslist li a:hover{background:url(../images/listbgh.png) repeat 50%;}
.tabslist li a.listactive{background:url(../images/listbgh.png) repeat 50%;}
.tabcontent{width:80%; float:right; text-align: left; background: #fff; min-height: 500px; color:#333;}
.tabcontent .contentbody{padding:0 20px 10px 20px;}


.bgdarkwhite{padding:10px;background: url(../images/bgdarkwhite.png) repeat !important;text-align: center;color: #333;}
.bglightblack{padding:10px;background:url(../images/bglightblack.png) repeat;text-align: center;color: #fff;}
.bglightwhite{padding:10px;background: url(../images/bglightwhite.png) repeat !important;text-align: center;color: #333;}
.bglightyellow{padding:10px;background: url(../images/bglightyellow.png) repeat !important;text-align: center;color: #333;}

.borderradius5{ border-radius: 5px!important;}
.borderradius10{ border-radius: 10px!important; }

.hpanel{background:url(../images/bgdarkwhite.png) repeat!important; padding: 10px; border-top:1px solid #fff; }
.hpanel h3{ margin: 0px;}

.ulpara{ list-style: none; padding:10px 0px; margin: 0px;}
.ulpara li{ padding: 3px 0 3px 20px; background: url(../images/paraul.png) no-repeat left 6px;}


.cfg{display: block; background:#490}
.cfg a{ display: block;width:100%; padding: 5px 5px; text-align: left;  }

.ico-office{background:url(../images/office-icon.png) no-repeat 50% bottom; display: inline-block;width:35px; height: 35px; margin-bottom: -8px;}
.page-header{position: relative;text-align: left;padding-bottom: 3px;}
.table-responsive{}
.table-responsive table th{ background:url(../images/listbgh.png) repeat 50%; }
a.highhref{color:#333; text-decoration: none!important;}
.tdnoborder{border-right: 1px solid #fff!important;border-left: 1px solid #fff!important; padding: 0px!important;}

.pos-relative{position: relative;}

.footer{background: #f4e081 url(../images/listbgh.png) repeat 50%; width:100%; height: auto;bottom: 0px;}

.ullist{ padding:10px 0px; margin: 0px; list-style:none;}
.ullist li{ display: inline-block;}
.ullist li a{ display: block; text-transform: uppercase; outline: 0 none; font-size:13px;}

.footer p{ padding-bottom: 10px;}


.margin0{ margin: 0px!important;}
.margintb2{ margin-top: 2px!important; margin-bottom: 2px!important}

.font11{ font-size: 11px;}

.modal { background:url(../images/bgdarkblack.png)repeat!important;}

.textpanel {}
.textpanel h4{ background:#fcf7dd; border:1px solid #faf0c0; padding: 5px;}


.modal-header{ background:url(../images/listbg.png) repeat 50%!important; text-align: left!important}
.modal-header .close{color:#000!important; opacity:0.7!important;}


@media only screen and (min-width:20px) and (max-width:767px){
.cus-nav {background: rgba(0,0,0,0.8)!important;}
.cus-nav-ul li a{color:#fff!important;} 
.cus-nav-ul li a:hover{color:#333!important;} 
.cus-nav-ul li a.mPS2id-highlight{color:#333!important;} 


.navbar-brand{color:#fff!important;}    
.gap-xl{height: 80px;}.gap-md{height: 40px;}.gap-lg{height: 20px;}.gap-sm{height: 10px;}.font100{font-size: 50px;}.font80{font-size: 40px;}.font60{font-size: 30px;}.font40{font-size: 20px;}
.tabpanel{width:100%; height: auto;}
.tabslist{width:100%; float:none!important; list-style: none; padding:0px 0 0 0; margin: 0px;}
.tabcontent{width:100%; float:none; text-align: left; background: #fff; min-height: 500px; color:#333;}
.tabcontent .contentbody{padding:0 20px 10px 20px;} 
.page-header {padding-bottom: 3px !important;margin:0 0 0 0px!important; padding: 20px 0;}
.hpanel {margin-top: 20px!important;} 
.addpanel{min-height: inherit;}
.table-responsive{border:1px solid #fff!important;}
.footer{position:static; margin-top: 10px;}
}

@media only screen and (min-width:768px) and (max-width:991px){.cus-nav-ul li a{padding-left:10px!important; padding-right:10px!important;}}
@media only screen and (min-width:20px) and (max-width:480px){.socalpanel ul li a{padding:5px; width:30px; height:30px;}}
.doclist{width:100%; height:auto;}
.doclist ul{padding:0px; margin:0px; list-style:none}
.doclist ul:after{content:''; display:block; clear:both; float:none;}

.doclist ul li{width:100%; float:left;}
    .doclist ul li a {
        margin:3px 5px;
        display: block!important;
        text-decoration: none !important;
        text-align:left!important;
        padding:10px 20px 10px 65px;
        font-size:13px;
        color: #333;
        /* height:120px; */
        background: #f9f9f9 url(../images/pdf-icon.png) no-repeat 15px 50%;
        border:5px solid #eee;
        transition:linear 0.1s;
        overflow:hidden;
        width: auto;
        box-shadow: 0px 3px 3px -2px #777;
        margin-bottom:10px;

    }
    .doclist ul li a strong{display:block; padding:30px 0;}
    .doclist ul li a:hover{
        background:url(../images/pdf-icon-h.png) no-repeat 15px 50%;
        border:5px solid #00a651;
    }

    @media only screen and (min-width: 20px) and (max-width: 480px) {
        .navbar-nav > li > .dropdown-menu {
            margin-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            width: -webkit-fill-available;
            background: transparent;
            position: relative;
            color: #fff;
        }
    }