@charset "UTF-8";
/* CSS Document */
/* selection color */
::selection { background: #939598; color:#000000; /* Safari */}
::-moz-selection {background: #939598; color:#000000; /* Firefox */}
/* defults */
body{background-color:#000000; font-family: 'Open Sans Condensed', sans-serif; font-size:13px; color:#ffffff;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
p{line-height:1.5em; padding-bottom:1em; font-size:12px;}
a {text-decoration:none;}
.clear {clear:both;}
/* normal color */
#overlay #navigation ul li a, #continfo a, #footcopy a {color:#ffffff;}
/* hilite color */
#overlay #navigation ul li a:hover, #overlay #navigation ul li.selected a, #continfo a:hover, #footcopy a:hover {color:#939598;}
/* fixed position */
#overlay {position:fixed; width:268px; right:30px; bottom:0px; text-transform:uppercase; z-index:100;}
#overblock {background:url(../images/over_bg.png); padding:16px 10px;}

/* 100% width */
#content {}
/* home page logos */
#projlogos {position:absolute; width:100%; height:100%;}
/* products slideshow */
#prodshow {height:100%; overflow:hidden;}
#prodshow .showitems {width:100%; height:100%;}
#prodshow .showitems img {width:100%; height:auto;}
/* prev & next for top */
.top_prev, .top_next {position:fixed; top:40%; z-index:200;}
.top_prev a, .top_next a {width:53px; height:53px; display:block; text-indent:-1000em; background:url(../images/prevnxt.png) no-repeat;}
.top_prev {left:30px;}
.top_next {right:30px;}

.top_next a {background-position:-53px 0px;}
.top_prev a:hover {background-position:0px -53px;}
.top_next a:hover {background-position:-53px -53px;}
/* logo */
#logo {padding:0 0 11px 14px;}
#logo h1 {padding-bottom:4px; margin-left:-2px;}
#logo h1 a {width:146px; height:66px; display:block; background:url(../images/dnm_photo.png) no-repeat; text-indent:-1000em;}
#logo h5 {font-size:12px;}
#share {}
/* navigation */
#navigation {font-size:19px; font-weight:bold; padding:6px 0px 14px 0px; line-height:24px; letter-spacing:1px;}

/* contact & footer */
#continfo {font-size:18px; line-height:18px; padding:4px 0px 20px 0px;}
#footcopy {font-size:14px; line-height:14px; padding-top:20px;}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
input, textarea, select {color: #000;width: 100%;}
/* ================================================================================
                                    ph-menu
===================================================================================*/
.phmenu, .opts {float: none;background-color: rgba(0, 0, 0, 0.6) ;position: absolute;z-index: 999;width: 100%;display: none;}
.phmenu{top: 0;}
.mnubtn { padding: 15px 0 15px 25px;float: left;}
.mnubtn a {color: #fff; padding-left: 44px; padding-right: 12px; text-transform: capitalize; background: url("../images/mob-ico.png") no-repeat; background-position:  left center; background-size: 32px 32px; line-height: 36px; display: block; float: left;font-size:16px;}
.opts {overflow: hidden; margin: 0; list-style: none; text-align: center; text-transform: capitalize; border-top: 1px solid #999; display: none;text-align: left;top: 65px;}
.opts li{margin:0; border-bottom: 1px solid #999999;padding: 6px 0;}
.opts li:last-child {border-bottom: none;}
.opts li:hover{background-color: rgba(0, 0, 0, 0.9) ;}
.opts a {color: #fff;text-transform: capitalize;line-height: 2em;padding-left: 20px; font-size:16px; font-weight:600;}
.msubmenu {display: none; background-color: rgba(255, 255, 255, 0.2);}
.msubmenu a {display: block; border-bottom: 1px solid #000;}
.msubmenu a:last-child {border-bottom: none;}
.phmenu > #logo {float: right;}
.phmenu > #logo h1 a{background: rgba(0, 0, 0, 0) url("../images/dnm_photo.png") no-repeat scroll center center / contain ;width: 100px;height: 34px;}
* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*=========================================
            Transition
=======================================*/

.opts li{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}





/*======================================08-05-2018====================*/
.chatmsg9 {bottom: 0;position: fixed;left: 10px;z-index: 666;}
.msgbox {bottom: -100%;position: fixed;left: 10px; z-index: 666;border: 1px solid #515151;width: 100%;box-sizing: border-box;max-width: 350px;min-width: 320px;}
.chatmsg9 > a > p {background: #ffffff url("../img/chat.png") no-repeat scroll 5px 10px / 35px auto;color: #000;font-size: 1.6em;font-weight: 400;padding: 9px 18px 16px 45px;text-transform: uppercase;}
.glft {float: left;}
.getrig {float: right;margin-right: 14px;padding-top: 3px; width: 11px;}
.clos {background-color: #fff;}
.get {color: #000;font-size: 1.2em;padding:13px 0 10px 15px; text-transform: uppercase;font-weight: 600;}
.frm9 {background-color: #fff;padding: 10px 20px 10px 30px;}
.ctxt {border-bottom: 1px solid #808080 !important;font-size: 0.9em;margin-bottom: 22px; padding: 4px 0 5px 0px;border: none;}
#enq9 {border: 1px solid #808080;padding: 4px 0 0 6px;height: 130px;}
.chclm:last-child {margin-top: 20px;}
/*.msgbox {height: 0;}*/
.chatmsg9.hde { display: none;} 
.chat9.posi { bottom: 0;}
.msgbox.cht9 { bottom: 0px;}
.cros {  display: inline-block;  vertical-align: top;  width: 13px;  height: auto;  float: right;padding: 8px 11px 0 0;}
.chclm > label { padding-left: 0px; padding-bottom: 4px; display: block;}
.mobs9 {display: none;}
input.submit {
    background-image: url("../img/submit.png");
    background-position: 11px 10px;
}
input.submit, input.reset {
    color: #ffffff;
    display: inline-block;
    font-size: 0.9rem;
    padding: 11px 11px 10px 42px;
    text-align: left;
    text-transform: uppercase;
    width: 134px;
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-color: #000;
    border: 1px solid rgba(0,0,0,0);
}
input.submit:hover {
    background-position: 11px -30px;
}
input.submit:hover, input.reset:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #000000;
    color: #000000;
}


.msgbox.cht9, .msgbox {
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}
/* ==========================================================================
   Media Queries for Responsive Design ('mobile first') styles.
   ========================================================================== */

/* From iPhone (portrait) 320px ----------- */
@media only screen and (min-width: 20em), only screen and (min-width: 0.001em) {
    /* Styles */
    .phmenu{display: block;}
    #overlay{display: none;}

}
/* From iPhone (landscape) 480px ----------- */
@media only screen and (min-width: 64em) {
	 .phmenu, .opts{display: none;}
    #overlay{display: block;}

}
     /*=============================================================================================================
                                        Changes 26-09-2017
    ==============================================================================================================*/
@media only screen and (max-width:64em){

    .chatmsg9, .msgbox {left: 0;}
    .chat9 {margin-top: 33px;}
    
}

@media only screen and (max-width:48em){
   .chatmsg9 > a > p {background: #ffffff url("../img/chat.png") no-repeat scroll 6px 10px / 19px auto;padding: 8px 19px 6px 31px;} 
    
}

@media only screen and (max-width:30em){
     .desks9 {display: none;}
    .mobs9 {display: block}
    .chatmsg9.clik.mobs9 {width: 100%;text-align: center;}
    .chatmsg9.clik > a > p {font-size: 1.2em;padding: 13px 0;background-position: 16px 10px !important;background-size: 27px;}
    .msgbox {max-width: 100%;}
    
}
#overlays {
   	z-index: 999;
   }
   #overlays {
   width: 100%;
   height: 100%;
   top: 0px;
   }
   #overlays {
   	position: fixed;
   } 
   #overlays {
   	background-color: rgba(0, 0, 0, .6);
   }
   #message {
   width: 320px;
   color: #000;
   text-align: center;
   margin: 23% auto 0px auto;
   padding: 10px;
   }
   #message {
   	background-color: rgba(255, 255, 255, .8);
   } 
   #message {
   	font-family: 'Roboto Condensed', sans-serif;
   	font-weight: 400;
   }
   #message #okbtn {
   color: #FFF;
   padding: 5px 20px;
   background: #000;
   }
input.ctxt.error {border-bottom: 1px solid #ff0000 !important;border:none !;}