@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;}

.cus-carousel{width:100%; height:100%; position:relative; z-index:0!important;}
.cus-carousel-inner{width:100%; height:100%;}
.cus-carousel-inner > .item{width:100%; height:100%;}

.full-container{width:100%; max-width:1366px; margin:auto}

.home-banner-inner {position: absolute;width: 50%;height: 40%;z-index: 999 !important;left: 0px;right:0px;top: 0px;bottom:0px;margin:auto;}
.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;}
.font50{font-size: 50px;}
.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;}
.modal-in{height:350px; overflow:auto}
@keyframes pulse { 0%, 100% {margin-bottom:15px; }50% {margin-bottom:0px;}}
.navbar-brand{color:#333!important;}
.cus-nav{margin: 0px; border-radius: 0px!important; background:#fff 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; color:#fff!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; color:#fff!important}
.fviom{background:#333 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%; color:#fff!important;}
.tabslist li a.listactive{background:url(../images/listbgh.png) repeat 50%; color:#fff;}
.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;}
.bglight2white{padding:10px;background: url(../images/bglight2white.png) repeat !important;text-align: center;color: #333;}
.bglightyellow{padding:10px;background: url(../images/bglightyellow.png) repeat !important;text-align: center;color: #333;}
.bdbox-shaddow{box-shadow:0 7px 8px -4px rgba(0,0,0,0.5)}
.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;position:absolute; 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;}
.color-white, a.color-white{color:#fff!important;}

.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:768px) and (max-width:1280px){
.cus-carousel{width:100%; height:auto; position:relative; z-index:0!important;}
.cus-carousel-inner{width:100%; height:auto;}
.cus-carousel-inner > .item{width:100%; height:auto; min-width:767px; overflow:hidden}
.cus-carousel-inner > .item > img{width:auto; height:100%;}
.home-banner-inner {width: 85%;height: 40%;}
.wrapper{min-height:0!important}
.home{height:auto!important}
}

@media only screen and (min-width:20px) and (max-width:767px){
.home{height:auto!important}
.cus-carousel{width:100%; height:100%; position:relative; z-index:0!important;}
.cus-carousel-inner{width:100%; height:100%;}
.cus-carousel-inner > .item{width:100%; height:100%; min-width:767px; overflow:hidden}
.cus-carousel-inner > .item > img{width:auto; height:100%;}
.home-banner-inner {width: 95%;height: 50%;}
.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;
    }