@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; box-sizing:border-box;}
body{ margin:0; background:#ab2a07; padding:0; font-size:13px; color:#666666; overflow-x:hidden;font-family: 'Open Sans', sans-serif;}
a{ color:#f4b9b2; text-decoration:none; outline:none; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
a:hover{ color:#f28a2e;}
ul{ list-style:none;}
img{ max-width:100%; height:auto;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family: 'Open Sans', sans-serif; }
/*************************************************/



@font-face {
    font-family: 'corisandelightregular';
    src: url('../fonts/corisandelight-webfont.woff2') format('woff2'),
         url('../fonts/corisandelight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
section{width:100%; clear:both; }
.wrapper{width:100%; padding-left:100px;  }
.leftsection{position:fixed; left:0px; top:0px; width:100px; background:#f28a2e; height:100%; z-index:1; }
.aside-title{background:#4a4245; color:#ff9900; text-transform:uppercase; min-height:37px; line-height:37px; font-weight:bold; text-align:center; font-size:12px; }
.leftnav li{border-top:1px solid #df700e; float:left; width:100% }
.leftnav li:first-child{border-top:0px; }
.leftnav li .first-label{color:#fff;padding:3px 5px 7px 5px; display:block; transition-duration:0.2s }
.leftnav li .first-label:hover{background:#f2f2f2; color:#f28a2e; transition-duration:0.2s }
.leftnav li .first-label .menu-text{font-size:12px; text-transform:uppercase; text-align:center; }
.menuicon{width:100%; text-align:center; font-size:25px; }
.dropdown{display:none; }
.leftnav li:hover > .first-label{background:#f2f2f2; color:#f28a2e; transition-duration:0.2s }
.leftnav li:hover .dropdown{display:block!important; } 
.leftnav li .dropdown{position:absolute; top:0px; left:100px; background:#f2f2f2; height:100%; width:700px; padding:20px;  }
.dropdown h4{text-align:left; font-size:25px; color:#F28A2E; }
.learnmore{color:#FF9900; font-size:15px; }
.leftnav li .second-label{width:100%; border-top:1px #e3e3e3 solid; width:100%; padding:0px 0px 0px 0px; margin-top:25px }
.leftnav li .second-label li{display:inline; width:49%; margin-right:1%;border-bottom:1px #e3e3e3 solid; border-top:0px; }
.leftnav li .second-label li a{color:#888888; padding:10px 0px; display:block; font-size:15px; }
.leftnav li .second-label li a:hover{color:#f28a2e;}
.leftnav li .first-label .iconbox {width:40px; height:37px; margin:auto; display:table }

.leftnav li .first-label .icon1{background:url(../images/icon1.gif) no-repeat center; }
.leftnav li .first-label:hover .icon1{background:url(../images/icon1hover.gif) no-repeat center; }

.leftnav li .first-label .icon2{background:url(../images/icon2.gif) no-repeat center; }
.leftnav li .first-label:hover .icon2{background:url(../images/icon2hover.gif) no-repeat center; }

.leftnav li .first-label .icon3{background:url(../images/icon3.gif) no-repeat center; }
.leftnav li .first-label:hover .icon3{background:url(../images/icon3hover.gif) no-repeat center; }

.leftnav li .first-label .icon4{background:url(../images/icon4.gif) no-repeat center; }
.leftnav li .first-label:hover .icon4{background:url(../images/icon4hover.gif) no-repeat center; }

.leftnav li .first-label .icon5{background:url(../images/icon5.gif) no-repeat center; }
.leftnav li .first-label:hover .icon5{background:url(../images/icon5hover.gif) no-repeat center; }

.leftnav li .first-label .icon6{background:url(../images/icon6.gif) no-repeat center; }
.leftnav li .first-label:hover .icon6{background:url(../images/icon6hover.gif) no-repeat center; }

.leftnav li .first-label .icon7{background:url(../images/icon7.gif) no-repeat center; }
.leftnav li .first-label:hover .icon7{background:url(../images/icon7hover.gif) no-repeat center; }

.leftnav li .first-label .icon8{background:url(../images/icon8.gif) no-repeat center; }
.leftnav li .first-label:hover .icon8{background:url(../images/icon8hover.gif) no-repeat center; }

.leftnav li .first-label .icon9{background:url(../images/icon9.gif) no-repeat center; }
.leftnav li .first-label:hover .icon9{background:url(../images/icon9hover.gif) no-repeat center; }

.leftnav li .first-label .icon10{background:url(../images/icon10.gif) no-repeat center; }
.leftnav li .first-label:hover .icon10{background:url(../images/icon10hover.gif) no-repeat center; }

.leftnav li .first-label .icon11{background:url(../images/icon11.gif) no-repeat center; }
.leftnav li .first-label:hover .icon11{background:url(../images/icon11hover.gif) no-repeat center; }

.banner-section{float:left; width:100%; clear:both; }
.first-banner{ float:left; width:70%; padding-right:10px; }
.second-banner{ float:right; width:30%; padding-left:10px;}
.banner-inner1{background:#f8b664; min-height:300px; display:block;}
.banner-inner2{background:#e96b18; min-height:300px; display:block}
.services-section{float:left; width:100%; clear:both; padding:20px 0px 0px 0px; }
.services-section ul{margin:0px -10px; }
.services-section li{width:33.33333%; float:left; padding:0px 10px;  }
.innerbox{  background:#ccc; min-height:210px; display:block}


.header{position:relative; width:100%; }
.header-top{background:#655a5e; min-height:37px;}
.topmenu{float:left;    font-family: 'corisandelightregular'; }
.topmenu li{float:left; }
.topmenu li a{color:#fff;padding:12px 15px 11px 15px; float:left; font-size:13px; }
.topmenu li a:hover{background:#4a4245; color:#fff; }

.contact-section{ min-height:37px; float:right; }
.contact-section ul{float:left; height:37px; } 
.contact-section ul li{float:left; width:45px; overflow:hidden; transition-duration:0.4s; background:#423d3f; }
.contact-section ul li:hover{transition-duration:0.5s; width:110px; background:#83c444 }
.contact-section ul li a{float:left; padding:10px 0px 9px 15px; color:#fff; font-size:12px; text-transform:uppercase; width:110px; }
.contact-section ul li a i{color:#fff; font-size:16px; margin-right:15px;  }
.header-bottom{min-height:75px; float:left; position:absolute; z-index:100; padding:30px 25px 5px 30px; width:auto; clear:both; }
.logo{float:left; margin-left: 40px; padding:7px 0px 0px 0px; }
.logo img{max-width:280px; width:100%; }
.language-group{float:left; padding:0px 0px 0px 50px; }
.good-evening{color: #666666;float: left;font-family: 'corisandelightregular';font-size: 14px; padding:15px 0px 0px 0px; line-height: 24px;font-weight:bold;text-transform: uppercase;}
.language-menu li{position:relative; float:left; margin-right:5px; }
.language-menu li a{background:rgba(255, 255, 255, 0.49); color:#666; float:left; padding:7px 15px; font-size:14px; }
.language-menu li a i{margin-right:5px; font-size:12px; }
.language-menu li a:hover{background:#666666; color:#fff; }
.language-menu li:hover .dropmenu{ display:block!important }
.language-menu li:hover > a{background:#666666; color:#fff; }
.dropmenu{position:absolute; top:34px; left:0px; width:315px;}
.dropmenu li{float:left; margin-right:0px; }
.dropmenu li a{padding:8px 12px; background:#979797; color:#fff; font-size:14px; text-transform:uppercase; float:left; }
.dropmenu li a:hover{background:#666666;  }
.dropmenu li:last-child a{border-right:3px #333333 solid; }
.banner{clear:both; width:100%; }
.banner img{width:100%; height:auto; }
.header-link{float:right; width:auto; margin-top:25px; }
.header-link li{float:left; padding-left:30px; }
.header-link li:first-child a{padding-left:45px; }
.header-link li a{float:left; font-size:16px; font-weight:bold; color:#fff; position:relative; padding-left:30px; line-height:17px; } 
.header-link li a i{font-size:45px; position:absolute; left:0px; bottom:-3px; }
.header-link li a i.fa-laptop{font-size:34px; bottom:0px;}
.header-link li a i.fa-map-marker{font-size:35px;bottom:0px; }
.header-link li a span{font-size:14px; font-weight:normal; }
.bradcrumb{box-shadow:0 4px 7px -1px rgba(0, 0, 0, 0.08); width:100%; clear:both; float:left; }
.container{ padding:0px 50px; }
.bradcrumb ul li{float:left; padding:20px 10px ;color:#666666; font-size:13px; }
.bradcrumb ul li.seprater{padding-left:0px; padding-right:0px; }
.bradcrumb ul li:first-child{padding-left:0px; } 
.bradcrumb ul li a{color:#666666 }
.middle-content{padding:50px 0px 100px 0px; float:left; width:100%; clear:both; }
.middle-content h1{font-size:35px; padding:0px 0px 10px 0px; }
.middle-content p{font-size:14px; padding:0px 0px 20px 0px }
.button{background:#eb5300; border-radius:25px; color:#fff; font-weight:bold; font-size:13px; padding:10px 22px; display:inline-block; text-align:center }
.button:hover{color:#fff; background:#d03800; }
.share-section{background:#e8e8e8; clear:both; width:100%; float:left; padding:20px 0px 18px 0px; font-size:13px; }
.share-section ul li{float:left; margin:0px 15px 0px 0px;  } 
.share-section ul li a{color:#666;} 
.share-section ul li a i{font-size:17px; }
.email-section{width:100%; clear:both; background:#dedede; float:left;	 }
.email-section ul li{float:left; width:25%; text-align:center; }
.email-section ul li a i{margin-right:2px; }
.email-section ul li a{padding:24px 15px; display:block; text-transform:uppercase; font-size:16px; color:#666; }
.email-section ul li a:hover{background:#666666; color:#fff; }
.security-sectrion{float:left; padding:60px 0px; background:#f2f2f2 }
.security-sectrion ul li{width:25%; float:left; text-align:center; border-left:1px #cccccc dotted  }
.security-sectrion ul li:first-child{border:0px; }
.icon-box{font-size:45px; }
.security-sectrion ul li h4{color:#333333; font-size:16px; text-transform:uppercase; padding:0px 0px 15px 0px;}
.security-sectrion ul li a{color:#696969; width:100%; display:table;  font-size:14px; padding-bottom:3px; transition-duration:0.2s }
.security-sectrion ul li a:hover{color:#f28a2e; transition-duration:0.2s }
.security-sectrion ul li a.contactlink:hover{text-decoration:underline; color:#696969; }

.footer{background:#444; padding:20px 0px 20px 0px; float:left;  }
.footer-top{border-bottom:1px #999 solid; width:100%; clear:both; float:left; padding-bottom:20px; }
.footer-colum{width:33.33333%; float:left; }
.footer-colum h3{font-size:18px; color:#999999; padding:0px 0px 15px 0px;  }
.footerlist li{list-style:inside none square; color:#b3b3b3; font-size:14px; padding:0px 0px 3px 0px;  }
.footerlist li a{ color:#b3b3b3 }
.footerlist li a:hover{color:#f28a2e;}
.appicon{width:100%; padding-bottom:10px; }
.appicon li{display:inline-block; padding:0px 10px 0px 0px; } 
.social-links{width:100%; clear:both; float:left; margin-top:-5px; }
.social-links li{display:inline-block; margin-right:15px; }
.social-links li a{color:#999999; font-size:22px;  }
.social-links li a:hover{color:#fff; }
#awards .item img{height: auto; max-width:100%}
#awards .item{text-align:center;}
#awards .owl-controls{position:absolute; height:0px; top:0px; margin-top:-5px; width:100% }
.owl-buttons .owl-prev:before {content: "\f053"; font-family: 'FontAwesome'; font-size:30px;}
.owl-buttons .owl-next:before {content: "\f054"; font-family: 'FontAwesome'; font-size:30px;}
.owl-buttons .owl-prev{font-size:0px; width:35px; float:left; position:absolute; left:0px; margin-top:38px; }
.owl-buttons .owl-next{font-size:0px; width:35px; float:right;position:absolute; right:0px; margin-top:38px;  }
.owl-buttons .owl-next:hover, .owl-buttons .owl-prev:hover{color:#f28a2e; } 
.footer-bottom{float:left; width:100%; clear:both; padding:0px; }
.copyright{float:left;color:#b3b3b3; font-size:14px; }
.footermenu{float:left; margin-left:40px; }
.footermenu li{display:inline-block; font-size:14px; padding:0px 5px; }
.footermenu li a{color:#b3b3b3;  }
.footermenu li a:hover{color:#c93072; }
.menu-scroll{float:left; }
.mobilemenu{display:none;} 


.login-banner{position:relative; margin-bottom: -4px; }
.login-left{float:left; width:65%; margin-top:14%; padding:0px 0px 0px 20px; border-left:solid 5px #eb3807; position:absolute; top: 0px; left:70px }
.login-left h1{font-size:40px; color:#EEE; margin-bottom:10px;}
.login-left p{font-size:16px; color:#CCC; width:80%; margin-left:0px; text-align:justify; }
.login-right{float:right; width:25%; padding-top:18px; padding-right:25px; position:absolute; top:30px; right:30px; }
.login-box{padding:20px 35px; background:rgba(0,0,0,0.6); float:right; width:350px; border-radius:6px; }
.login-box h3{font-size:21px; color:#fff; padding:12px 0px; text-align:center; font-weight:bold;}
.inputwrapper{position:relative; padding:0px 0px 12px 0px; }
.textbox{border:0px; background:#fff; padding:11px 10px; width:100%; border-radius:3px;margin-top: 10px;} 
.login-again{color:#fff; font-size:13px; padding:0px 0px 5px 0px;text-align: center; }
.remeberme{color:#fff; padding:0px 0px 15px 0px;margin-top: 20px}
.remeberme input{position:relative; top:2px; }
.login-btn{width:100%; background:#eb3807; transition:all 0.7s; color:#fff; font-size:16px; text-align:center; border:0px; border-radius:3px; padding:11px 10px; cursor:pointer}
.login-btn:hover{background:#999 }
.forgot{color:#CCC; display:block; padding: 20px 0px 10px 0px; text-align: center; }
.forgot:hover{color:#c93072; text-decoration:none; }
.tooltip{display:inline-block; margin-left:5px; position:relative;  }
.tooltip em{border:1px #fff solid; width:18px; height:18px;border-radius:25px; text-align:center; line-height:16px; display:inline-block; font-style:normal; font-weight:bold; color:#fff; cursor:pointer;  }
.tooltip span{display:none; }
.tooltip:hover span{display:block!important; left:15px; top:10px; position:absolute; width:200px; padding:5px; background:#fff; font-size:12px; }
.register-btn{background:#83c444; transition:all 0.7s; border-radius:3px; display: block; width:100%; color:#fff; font-size:18px; text-align:center; border:0px; padding:11px 10px; cursor:pointer;}
.register-btn:hover{background:#999; color:#fff;}
.img-circle{
    margin-top:10px;
}

@media only screen and (max-width:320px) {
.login-right {
    float: right;
    width: 100% !important;
    padding-top: 18px;
    padding-right: 25px;
    position: absolute;
    top: 95px;
    right: 0px;
}
.footer {
        background: #444444;
        padding: 50px 0px 20px 0px;
        float: left;
        margin-top: 428px;
    }
.login-left {
    float: left;
    width: 70% !important;
    padding: 10% 0px 0px 0px;
        padding-bottom: 0px;
    position: absolute;
    padding-bottom: 300px;
    top: 0;
    left: 96px;
}
.login-left p {
    font-size: 13px !important;
    color: #141313;
    margin-left: 0px;
    text-align: justify;
}
.login-box-h2{
    font-size:17px;
    font-weight: bold;
}
.banner-img{
width: 100%;
height:126px !important;
}
}

@media only screen and (min-width:1550px){
.login-banner{background-size:100% auto }	
.header-bottom{background-size:100% auto }
}



@media only screen and (max-width:1250px){
.menu-scroll{overflow-x:scroll; white-space:nowrap; width:70%; }
.topmenu{width:820px; }	  	
.topmenu li{display:table-cell }
.topmenu li a{padding-left:10px; padding-right:10px; }
.header-bottom{padding-left:25px; }
}

@media only screen and (max-width:1500px){
.logo img{width:180px; height:auto }	
}

@media only screen and (max-width:1024px){
.header-link li a{color:#f28a2e }	
.logo img{width:180px; height:auto }	
.email-section ul li a{font-size:14px; padding-left:10px; padding-right:10px; }
.security-sectrion ul li{padding-left:10px; padding-right:10px; }
.first-banner{width:100%; padding-right:0px; }
.second-banner{width:100%; padding-left:0px; padding-top:20px; }
.login-left {padding-left: 20px; width:52%;}
.login-left p{ font-size:15px; width: 86%;}
.login-left h1 {font-size: 28px; margin-bottom:15px;}
.login-box {margin-top: 0px;}
}

@media only screen and (max-width:991px){
.language-group{clear:both; padding-left:0px; }
.header-bottom{padding-top:15px; padding-bottom:15px; }
.security-sectrion ul li{width:50%; }
.footer-colum{width:100%; margin-bottom:25px;} 
.login-left h1{font-size:38px; }	
.login-left p{width:100%; padding-right:35px; } 
.login-right{width:35%;   }
.login-right{float:right; }
.login-left{width:57%; }
}

@media only screen and (max-width:920px){
.menu-scroll{width:60% }
.email-section ul li{width:50% }
.container{padding-left:30px; padding-right:30px; }
.footer-bottom{width:100%; text-align:center; }
.copyright{width:100%; }
.footermenu{width:100%; margin-left:0px; padding-top:10px; }

	
}



@media only screen and (max-width:768px){
.banner{overflow:hidden; }	
.banner img{max-width:inherit; width:150%  }
.container{padding-left:15px; padding-right:15px; }
.middle-content h1{font-size:25px; }
.login-left{width:80%; }
.login-right{width:90%; right:5%; position:relative; top: 0px; margin-bottom:30px;}
.login-box{width:100%; }
.login-left h1{font-size:24px; }
.textbox {padding: 14px 10px;}
    .login-btn {padding:13px 10px;}
    .register-btn {padding:13px 10px;}
    body {background:#EEE;}
    .login-box { background: rgba(0,0,0,0.8);}
}


@media only screen and (max-width:767px){
.menu-scroll{width:100%; }	
.leftsection{left:-100px; transition-duration:0.3s; z-index:20; }
.menuopen .leftsection{left:0px; transition-duration:0.3s; }
.menufade{background:rgba(0, 0, 0, 0.7); width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:15; display:none; }
.menuopen .menufade{display:block!important; }
.leftnav li .dropdown{width:300px; }
.leftnav li .second-label li{width:100%; margin-right:0px; }
.dropdown h4{font-size:22px; }
.leftnav li .dropdown{overflow:auto }
.leftsection .leftnav{height:94%;}
.wrapper{padding-left:0px; }
.contact-section{width:100%; background:#655a5e; position:relative;}
.contact-section ul{float:right; }
.mobilemenu{position:absolute; display:block!important; background:#ff9900; width:50px; padding-left:10px; padding-right:10px; height:100%; left:0px; text-align:center; line-height:4px; padding-top:10px;  }
.mobilemenu:hover{background:#f18b00 }
.mobilemenu span{height:2px; background:#fff; width:25px; display:inline-block;  }
.contact-section ul li a{padding-top:13px; padding-bottom:12px; }
.header-bottom{padding-left:15px; padding-right:15px;  }
.middle-content{padding-top:15px; padding-bottom:20px; }
.security-sectrion{padding-top:20px; padding-bottom:20px; }
.login-banner{width:100%; float:left; background-size:cover;  }
.login-right{padding-right:0px; }
.login-left p{font-size:14px; }
.services-section li{width:100%; margin-bottom:20px }
}

@media only screen and (max-width:667px) {
    .login-left {width: 90%;}
.login-left {padding-left: 20px; margin-top:21%; left:63px;}
}

@media only screen and (max-width:650px){
.logo{float:none; margin:auto; display:table; }	
.language-group{margin:auto; display:table; float:none; }
.header-link{width:100%; margin-top:15px; }
.header-link li{padding-left:0px; width:33.3333%; }
.header-bottom{background-size:390% 100%; }
.good-evening{width:100%; text-align:center; }
.middle-content h1{font-size:22px; }
.good-evening{width:auto; padding-top:7px; }
.language-menu{float:left; padding-left:25px; }
.language-menu li a{background: rgba(230, 230, 230, 0.9)}
.language-group{padding:5px 0px; }

	
}
@media only screen and (max-width:568px){
.login-left { left: 36px;}
    .header-bottom {
        padding-left: 30px;
    }
}


@media only screen and (max-width:480px){
.header-link li a{width:100%; text-align:center; padding-left:0px; padding-top:50px; }	
.header-link li:first-child a{padding-left:0px; }
.header-link li a i{left:0px; right:0px; top:0px; margin:auto }
.security-sectrion ul li{width:100%; border:0px; border-top:1px dotted #cccccc; padding-bottom:25px; padding-top:10px; }
.security-sectrion ul li:first-child{border-top:0px; }
.login-left {padding-left: 122px; margin-top: 20px;}
    .login-left h1 { font-size: 28px; margin-bottom: 15px; font-size: 21px;}
    .login-left p {width: 100%; padding-right: 14px;}
    .login-left {  padding-left:15px; margin-top: 100px; left: 23px;  }
}

@media only screen and (max-width:375px){
.header-link li a{font-size:13px; }
.header-link li a span{font-size:12px; }
.button{font-weight:normal }
.email-section ul li a{font-size:13px; text-transform:none; text-align:left; }
.leftnav li .dropdown{width:215px; }
.dropdown h4{font-size:18px; }
.leftnav li .second-label li a{font-size:13px; }
.login-left {padding-left: 15px; margin-top:85px;}
    .login-left h1 {font-size: 17px; margin-bottom: 5px; font-size: 15px;}
.login-left p {font-size: 12px; line-height: 13px;}
.header-bottom {width: 100%;}
.logo img {width: 134px;}
    .logo {        padding: 0px 0px 0px 0px; }
}

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

    .login-left {width: 90% !important; padding-bottom:0px; margin-top: 56px; padding: 0px 0px 0px 10px; }
    .footer {margin-top: 0px;}
    .login-right {right: 1%;}
    .login-left p{color: #CCC; }
.pagination {
    margin: 10px 0;
    font-size: 9px;
}
}
@media only screen and (max-width:414px) {
.banner-img{
width: 100%;
height: 200px;
}
.portlet .dashboard-stat:last-child {
    margin-bottom: 6px !important;
}

.flip-scroll thead {
    display: block;
    float: none !important; 
}
.table-scroll{
    overflow-x:scroll;
}
.portlet.light {
    padding: 12px 20px 100px !important;
}
.modal-footer {
    padding: 55px 0px 0px 0px !important;
}
}

@media only screen and (max-width:375px) {
.banner-img{
width: 100%;
height: 160px !important;
}
}

.drop_btn{
    position: absolute !important;
    z-index: 9999;
    margin-left: -37px;
    margin-top: -5px;
}

.caption{
    color:#eb3807 !important;
}

.notification_pop{
    width: 92%;padding: 2px 10px 4px 10px;margin: 9px 0px 0px 10px;border: 1px solid rgba(0,0,0,.125);float: left;border-radius: 16px;
}

.notif_deviceid {
    background:orange; width:100%; font-size:13px; color:#FFF; text-align:center;padding:5px;
    font-weight:bold;
}


    .notif_deviceid p {
    margin:5px 0px;
    }
.notif_icon{
    background-color: #eb3807;padding: 12px; font-size:20px; float:left; color:#FFF; width:20%; border-radius: 6px;margin-top:8px;
}


.notif_caption{
    width:75%; margin-top:5px; float:right; color:black
}

    .notif_caption p {
        margin:0;
    }

    .notif_btns{
        float:left;
    }