@charset "utf-8";
/* CSS Document BY Mahesh Vishwakarma Form Dion Global Ltd. */
@import "../fonts/calibri/default1.css";
* {margin:0; padding:0;}
:focus {outline:none;}
body, html {margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; font-family: 'Calibri'; background:#2b2d54 url(../images/bg.jpg) repeat-x top;}
@font-face {
    font-family: 'Helvetica-Condensed';
    src: url('../fonts/Helvetica-Condensed.eot');
    src: url('../fonts/Helvetica-Condensed.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Helvetica-Condensed.woff') format('woff'),
         url('../fonts/Helvetica-Condensed.ttf') format('truetype'),
         url('../fonts/Helvetica-Condensed.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
a {text-decoration:none;}
h1, h2, h3, h4, h5{ display:block; font-weight:normal; margin:0; padding:0;}
img {border:none;}
span, i, a, em {display:block;}
.FL {float:left;}
.FR {float:right;}
.CB {clear:both;}
.PR {position:relative;}
.PA {position:absolute;}
ul,li {list-style-type:none;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mb5 {margin-bottom:5px;}
.mb15 {margin-bottom:15px;}
.mb10 {margin-bottom:10px;}
.mt10 {margin-top:10px;}
.mb20 {margin-bottom:20px;}
.ofd {overflow:hidden;}
.sprite {background:url(../images/sprite.png) no-repeat;}


#wrapper {width:1000px; margin:0 auto;}
.header {height:102px;}
.header h1 { width:250px; height:102px; float:left;}
.header h1 a {height:102px; width:100%;}
.header .topnav {float:right; margin:5px 10px 0 0}
.header .topnav li {float:left; position:relative}
.header .topnav li i {position:absolute; top:4px; right:0; width:1px; height:12px; background-color:#7f8387}
.header .topnav li em {position:absolute; bottom:0px; background:#5068b9; height:1px; width:0px; left:50%; margin-left:-3px; visibility:hidden; transition:0.2s linear;}
.header .topnav li:hover em {height:1px; width:80%; left:50%; margin-left:-40%; visibility:visible}
.header .topnav li a {font-size:13px; color:#5a5e60; line-height:20px; padding:0 10px; text-transform:uppercase}
.header .topnav li a:hover {color:#000000;}
.navholder {float:right; clear:right; margin-top:42px; position:relative; z-index:999}
*+html .header .nav {width:75%;}
.header .nav {float:left;}
*+html .navholder {width:640px;}
.header .nav li {float:left; position:relative;}
.header .nav li i {position:absolute; background-position:-7px -4px; right:0; top:12px; width:11px; height:11px;}
.header .nav li:hover, .header .nav li:hover a {color:#3b3d6e;}
.header .nav li > a {position:relative; line-height:35px; padding:0 20px; font-size:18px; color:#000000; text-transform:uppercase}
.header .nav li .drop {display:none; padding:10px; background-color:#e2eaf0; position:absolute; top:30px; left:0; width:130px; z-index:999 !important}
.header .nav li .drop span {display:block; margin-bottom:7px;}
.header .nav li .drop span a {color:#666; line-height:25px; margin:0 10px; font-size:15px; transition:0.1s linear; border-bottom:1px dotted #666666}
.header .nav li .drop span a:hover {color:#000; padding-left:5px; transition:0.2s linear;}
.Clogin a {line-height:26px; padding:0 15px; border:1px solid #11112b; border-radius:5px; background-color:#11112b; color:#FFFFFF; font-size:14px; text-transform:uppercase; margin-left:20px; margin-top:3px; transition:0.3s ease-in-out}
.Clogin a:hover {background-color:#5068b9;}
.Clogin a:active {background-color:#e2e9ef; border:1px solid #11112b; color:#11112b;}

.ban_cont {background:#5068b9 url(../images/ban_bg.jpg) repeat-x top; height:365px; overflow:hidden; width:1000px; z-index:99}
.banner {width: 582px; height: 365px; overflow: hidden; background: #000; position:relative; z-index:11}
.banner img {width: 583px;height: 365px;}
#bul {position:absolute; bottom:10px; left:450px; z-index:99; height:10px; padding:5px 0 0 0;} /****** 02/01/14 ********/
#bul a {background-color:#1568ba; text-indent:-9999px; text-decoration:none; display:block; float:left; margin-right:5px; width:7px; height:7px;} /****** 02/01/14 ********/
#bul a.activeSlide {background-color:#fff; position:relative;} /****** 02/01/14 ********/

.banRight {padding:25px 20px 20px; width:378px;}
.banRight p {color:#FFFFFF; font-size:16px; margin-bottom:12px;}
.Wmore_btn {position:relative; overflow:hidden;}
.Wmore_btn a {font-size:16px; color:#FFFFFF; padding-right:30px; line-height:25px;}
.Wmore_btn i {position:absolute; background-position:-27px -21px; width:23px; height:23px; right:0; top:2px; cursor:pointer}
.Wmore_btn:hover i {background-position:-1px -21px;}
.whitebg {background-color:#FFFFFF; overflow:hidden}
*+html .whitebg {padding-bottom:25px;}
.bx_cont {width:255px; overflow:hidden; border:1px solid #e2eaf0; margin:25px 38px;}
.bx_cont h3 {font-size:17px; background-color:#e2eaf0; font-weight:bold; line-height:35px; padding-left:15px;}
.bx_cont p {padding:15px 20px; font-size:14px; line-height:21px; text-align:justify}
.Bmore_btn {position:relative; overflow:hidden; margin:0 10px 10px 0}
.Bmore_btn a {font-size:14px; color:#3b3d6e; padding-right:25px; line-height:25px; font-weight:bold}
.Bmore_btn i {position:absolute; background-position:-27px -48px; width:23px; height:23px; right:0; top:3px; cursor:pointer}
.Bmore_btn:hover i {background-position:-3px -48px;}
.footer {background:url(../images/ft_bg.jpg) repeat-x; width:100%; height:42px;}
.footer .ft_cont {width:1000px; margin:0 auto;}
.footer .ft_cont p {font-size:11px; color:#707078; line-height:42px; margin-right:10px;}
.dionlogo {background:url(../images/dion.png) no-repeat; display:inline-block; width:59px; height:20px; margin:10px 10px 0 0;}
.ftnav {float:left;}
.ftnav li {position:relative; float:left;}
.ftnav li i {position:absolute; right:0; top:13px; width:1px; height:15px; background:#FFFFFF;}
.ftnav li a {font-family: 'Helvetica-Condensed'; font-size:15px; color:#FFFFFF; padding:0 20px; line-height:42px; text-transform:uppercase}
.ftnav li a:hover {text-decoration:underline;}

/******************* Inner Page Style *********************/
.cm_head_bg {background:url(../images/cm_inr_hd.jpg) no-repeat; height:96px;}
.cm_head_bg h2 {color:#FFFFFF; padding:50px 0 0 20px; font-size:30px;}
#aboutInrbg {background:#FFFFFF url(../images/About_inr_img.jpg) right bottom no-repeat; min-height:450px; overflow:hidden; padding:20px;}
#ProdInrbg {background:#FFFFFF url(../images/Prod&Ser_inr_img.jpg) right bottom no-repeat; min-height:450px; overflow:hidden; padding:20px;}
#PartInrbg {background:#FFFFFF url(../images/Part_inr_img.jpg) right bottom no-repeat; min-height:450px; overflow:hidden; padding:20px;}
#InvtInrbg {background:#FFFFFF url(../images/Invt_inr_img.jpg) right bottom no-repeat; min-height:450px; overflow:hidden; padding:20px;}
#DisclaimersInrbg {background:#FFFFFF url(../images/Disclaimer_inr_img.jpg) right bottom no-repeat; min-height:450px; overflow:hidden; padding:20px;}
#ContactInrbg {background:#FFFFFF url(../images/Contact_inr_img.jpg) right bottom no-repeat; min-height:300px; overflow:hidden; padding:20px;}
.Client_cont {position:relative; background:#FFFFFF; height:550px;}
.Client_cont .logbox {width:260px; height:220px; border-radius:5px; position:absolute; top:50%; left:50%; margin-top:-110px; margin-left:-130px; border:1px solid #CCC; background-color:#2c2c59; padding:10px 15px;}
.Client_cont .logbox h3 {font-size:21px; text-transform:uppercase; line-height:35px; text-align:center; color:#FFFFFF; border-bottom:1px solid #CCC}
.Client_cont .logbox input {border:none; width:100%; margin-top:15px; border-radius:5px; line-height:30px; text-indent:5px;}
.Client_cont .logbox input {height:30px\0/;}
*+html .Client_cont .logbox input {height:30px; margin-left:125px;}
*+html .Client_cont .logbox input[type="password"] {margin-left:130px;}
.Client_cont .logbox .log_btn {margin-top:15px; line-height:30px; border-radius:5px; text-align:center; text-transform:uppercase; background-color:#2a83e1; color:#FFFFFF; font-size:16px; position:relative;}
*+html .Client_cont .logbox .log_btn {height:30px;}
.Client_cont .logbox .log_btn:hover {background-color:#449efd;}
.Client_cont .logbox .log_btn:active {top:2px;}
.Client_cont .logbox .forgot_txt {margin-top:10px; color:#FFF; font-size:14px; float:left;}
.Client_cont .logbox .forgot_txt:hover {text-decoration:underline;}
.lfpart {width:750px; float:left; min-height:400px; background:url(../images/lf_shd_img.png) right bottom no-repeat; padding-right:15px; padding-bottom:30px;}
.lfpart p {font-size:14px; line-height:20px; color:#636363; margin-bottom:10px; padding-right:10px; text-align:justify}
.lfpart img {padding:5px; background-color:#FFFFFF; border:1px solid #CCC; margin-right:15px;}
.cminhdtxt {color:#3c3c3c; font-size:20px; margin-bottom:12px;}
.Rgpart {float:right;}
.etabs {margin:0; padding:0;}
#InrTab li {margin-bottom:5px; margin-left:15px; position:relative;}
#InrTab li a {background-color:#0c0d2f; color:#838383; font-size:15px; line-height:36px; padding:0 55px 0 15px; position:relative;}
*+html #InrTab li a {height:36px; width:180px; padding:0 0 0 15px;}
#InrTab li a.active {background:#5068b9;color:#fff;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;position: relative;}
#InrTab li a:hover {color:#d5d5d5;}
#InrTab li a i {position:absolute; width: 0; height: 0; border-style: solid; border-width: 18px 15px 18px 0; border-color: transparent #0c0d2f transparent transparent; top:0; left:0; opacity:0; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out;}
#InrTab li a:hover i {opacity:1; left:-15px; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; width: 0; height: 0; border-style: solid; border-width: 18px 15px 18px 0; border-color: transparent #0c0d2f transparent transparent;}
#InrTab li a.active i {left:-15px;opacity:1;border-color: #000 transparent transparent transparent;display: none;}
.mailto {display:inline-block; color:#383a7f;}
.mailto:hover {text-decoration:underline}
.sitemap {padding:30px 0px 0 30px; float:left; width:200px;}
.sitemap > li {margin-bottom:10px; position:relative; float:left; margin-right:20px;}
.sitemap > li > a {font-size:16px; color:#333; font-weight:bold; text-transform:uppercase;}
.sitemap > li > a:hover {text-decoration:underline;}
.sitemap > li > ul {display:block; margin:5px 0 0 0;}
.sitemap > li > ul > li {margin-top:7px; position:relative; padding-left:15px;}
.sitemap > li > ul > li > i {position:absolute; left:4px; top:6px; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #1f67d6;}
.sitemap > li > ul > li > a {font-size:14px !important; color:#3a3a80; line-height:22px;}
*+html .sitemap > li > ul > li {height:19px;}
.sitemap > li > ul > li > a:hover {text-decoration:underline;}
.media {float:left; margin-bottom:20px; width:700px;}
.media a {overflow:hidden;}
.media img {padding:5px; background-color:#FFFFFF; border:1px solid #CCC; margin-right:15px; float:left;}
.media span {float:left;}
.media span h3 {font-size:25px; color:#000; font-weight:bold; text-transform:uppercase;}
.media span h4 {font-size:20px; color:#36386f;}
.media span p {font-size:13px;}


ul#InrTab {
    width: 100%;
        margin-bottom: 20px;
}

ul#InrTab li {
    display: inline-block;
}

#InrTab li a.active:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #5068b9;
    top: 36px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.d-flex {
    display: flex;
    margin-right: 10px;
    width: 100%;
}

.d-flex div {
    width: 100%;
}