/*
Theme Name: Deltacom Consultant
Theme URI: http://www.deltacomcpl.com
Description: Deltacom Consultant CPL
Author: LBM Infotech Pvt. Ltd.
Author URI: http://www.lbminfotech.com/
Version: 1.1
.
This theme can be used for commercial or non-commercial use
so long as it is not redistributed or resold in any way.
.
*/

@import url(reset.css);

/*-----------------------------------*/
/* Basic Styles
/*-----------------------------------*/
p { line-height: 22px; padding: 0 0 10px 0;}
h1 { font-family: 'londontworegular'; font-size: 16px; color: #8a8a8a; padding: 0 0 10px 0; font-weight: normal;   font-style: normal; line-height: 30px; margin: 0; text-align:center;}

h2 { font-family: 'Lato', sans-serif; font-size: 22px; color: #000; padding: 0 0 15px 0; font-weight: bold; font-style: normal; line-height: 29px; text-transform:uppercase;}
h3 { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #cfcfcf; padding: 5px 0 6px 0; margin: 0; font-weight: bold; text-transform:uppercase; }
h4 { font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #000; padding: 3px 0 8px 0; }
h5 { font-family: 'casper_bold_italicregular'; font-size: 14px; font-weight: normal; padding: 0 0 5px 0; color:#c60000;}
h6 { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #3b9a83; padding: 0 0 5px 0; font-weight: normal; text-transform:uppercase;}
strong { font-weight: bold; }
a { color: #d51b05; text-decoration:underline;}
a:hover { color: #d51b05; }
ul { margin: 0; padding: 0; }
li { line-height: 22px; padding: 0; margin: 0; background: none; list-style:none; }

body {font-size: 14px; color:#2c2c2c; font-family: 'Lato', sans-serif; font-weight: normal; background-color: #1f1f1f; line-height: normal; text-align: left;}



/*-----------------------------------*/
/* Embedding Fonts
/*-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Lato);
@font-face {
    font-family: 'eras_demi_itcregular';
    src: url('fonts/serasdemi-webfont.eot');
    src: url('fonts/erasdemi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/erasdemi-webfont.woff') format('woff'),
         url('fonts/erasdemi-webfont.ttf') format('truetype'),
         url('fonts/erasdemi-webfont.svg#eras_demi_itcregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'casper_bold_italicregular';
    src: url('fonts/casper_bold_italic-webfont.eot');
    src: url('fonts/casper_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/casper_bold_italic-webfont.woff') format('woff'),
         url('fonts/casper_bold_italic-webfont.ttf') format('truetype'),
         url('fonts/casper_bold_italic-webfont.svg#casper_bold_italicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'londontworegular';
    src: url('fonts/londontwo-webfont.eot');
    src: url('fonts/londontwo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/londontwo-webfont.woff') format('woff'),
         url('fonts/londontwo-webfont.ttf') format('truetype'),
         url('fonts/londontwo-webfont.svg#londontworegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-----------------------------------*/
/* Ready to use classes
/*-----------------------------------*/
#topPan, #header, #subMid, #middle, #footTop, #footer, #innerHeader{width:100%; float:left; clear:both;}
.container {position: relative; width: 1000px; margin: 0 auto;}
#logo{width:214px; height:99px; margin:0; padding:79px 22px 79px 22px; z-index:5; border: solid 4px #000; position:absolute; background:#FFF; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.85); -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.85); box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.85); top:114px; left:-80px;}
#logo a{width:214px; height:99px; background:url(../images/logo.jpg) no-repeat left top; text-indent:-999px; display:block;}
.listing{margin:0 0 8px 20px; float:left; width:100%;}
.listing li{list-style:disc; padding:0 0 7px 0;}
.fltRgt{float:right; margin:0 0 20px 20px;}
.fltLft{float:left; margin:0 20px 20px 0;}
.clear {clear: both;}
.alignleft {float: left;}
.alignright {float: right;}
.left {text-align:left;}
.right {text-align:right;}

/*-----------------------------------*/
/* Navigation Styles
/*-----------------------------------*/
#nav{float:right; width:284px; margin-top:30px;}
#nav ul{padding:0; margin:0; float:right;}
#nav ul li{width:100%; float:left; background:url(../images/linkDevider.gif) no-repeat right center; position:relative;}
#nav ul .last{background:none;}
#nav ul li a{font-family: 'eras_demi_itcregular'; margin:0 0 29px 0; display:block; text-transform:uppercase; color:#fff; font-size:12px; font-weight:bold; font-family:; text-decoration:none; line-height:normal;}
#nav ul li a:hover{color:#FFFF00;}
#nav ul ul{position:absolute; z-index:100; padding:60px 0 20px 0; margin:0 0 0 0px; top:-50px; width:190px; left:-1500px; background:#7d0000; -webkit-border-top-left-radius: 300px; -webkit-border-top-right-radius: 300px; -moz-border-radius-topleft: 300px; -moz-border-radius-topright: 300px; border-top-left-radius: 300px; border-top-right-radius: 300px; -webkit-border-bottom-left-radius: 35px; -webkit-border-bottom-right-radius: 35px; -moz-border-radius-bottomleft: 35px; -moz-border-radius-bottomright: 35px; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px;}
#nav li:hover ul{height:auto; left:65px;}
#nav li li{margin:0; width:190px; background:none; display:block; position:relative; }
#nav li li a{margin:0; width:174px; color:#ffffff; border-bottom:solid 1px #9d0000; padding:12px 8px; font-size: 12px; font-weight: normal; text-transform: none; display:block; color:#ffffff; text-decoration:none; text-align:center;}
#nav li li a:hover{margin:0; width:174px; border-bottom:solid 1px #9d0000; padding:12px 8px; font-size: 12px; font-weight: normal; text-transform: none; display:block; color:#ffffff; text-decoration:none; background-color:#9d0000; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav ul ul ul{position:absolute; z-index:999; padding:0; margin:0;  width:190px; left:-1500px;}
#nav li li:hover ul, #nav li li li:hover ul{padding:0; margin:0; top:0;  left:190px; height:auto;}
#nav h2{color:#FFF; padding:10px 0 10px 0; text-align:center;}
.home{padding:0 0 0 75px;}
.about{padding:0 0 0 90px;}
.comm{padding:0 0 0 100px;}
.serv{padding:0 0 0 92px;}
.careers{padding:0 0 0 85px;}
.contact{padding:0 0 0 70px;}
.bx-wrapper img {border:4px solid #4B4B4B;}

#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}
 
#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}
 
#boxes #dialog {
  width: 750px;
  height: 300px;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;

}

#boxes #dialog img {
  vertical-align:middle;
  margin-top:50px;
}

 
#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
}

/*-----------------------------------*/
/* Footer Styles
/*-----------------------------------*/
#footer{padding:25px 0; border-top:solid 9px #4b4b4b; z-index: 999px; position: relative; background-color: #000000;}
#footer p{padding:0 0 5px 0;}
#footer a:hover{text-decoration:underline;}
#footLink{width:60%; float:left; color:#cfcfcf;}
#footLink a{color:#cfcfcf; text-decoration:none;}
#footLBM{width:35%; float:right; text-align:right; color: #cfcfcf;}
#footLBM a{color:#d33f2d; text-decoration:none;}


/*-----------------------------------*/
/* Contact Styles
/*-----------------------------------*/
.tWidth{width:120px; float:none;}
.enquiryBtn {margin: 10px 0 0 0px;}
.textBox{width:98%; height:28px; background:#fff; border:solid 1px #C7C7C7; font-family: 'Open Sans', sans-serif; color:#000; font-size:15px; margin-bottom: 10px;}
.textBoxMulti {width: 98%; height: 80px; background: #fff; border: solid 1px #C7C7C7; font-family: 'Open Sans', sans-serif; color:#000; font-size:15px;}
.btn{background:#9d0000; display:inline-block; padding:10px 18px; color:#fff; text-transform:uppercase; text-decoration:none; border:none;}
.tred{color:#C00;}



/*-----------------------------------*/
/* Themes Styles
/*-----------------------------------*/
.dis2{display:none;}
#topPan{padding:9px 0 0 0; height:450px;}
.topAbs{background:url(../images/topPanBg.gif) repeat-x; height:9px; width:100%; position:absolute; z-index:20; top:0;}
#redBg1{width:672px; height:672px; top:-104px; left:0; position:absolute; background:url(../images/redBg.gif); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index:1;}
#redBg2{width:233px; height:557px; top:-104px; right:0; position:absolute; background:url(../images/redBg.gif); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index:2; padding:115px 0 0 439px;}

 
#banner{width:672px; height:672px; top:-124px; left:62px; position:absolute; background:#f5f5f5; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index:3; border:solid 21px #FFFFFF;}
#banner img{-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
#follow{ height:23px; padding:3px 4px; background:#FFF; margin:0 0 60px 10px; float:left;}
#follow img{margin:0 1px;}
#subMid{background:url(../images/subMidBg.gif) repeat-x bottom; padding:180px 0 38px 0;}
#subMid h5{line-height:57px; color:#c60000; background:url(../images/dotBg.gif) repeat-x; text-align:center;}
/*#subMid h1{background:url(../images/dotBg.gif) repeat-x;}*/
#middle{padding:30px 0 30px 0;}
.tCenter{text-align:center !important; color: #cfcfcf; margin: 0 0 10px 0;}
.t14{font-size:16px !important; line-height:26px; color: #cfcfcf;}
.linesub {color: #cfcfcf;}
.textusb {text-decoration: underline !important; color: #ababab!important;}
.sublist ul {padding: 0;  margin: 0;}
.sublist li {list-style: none; background: url(../images/listImg.gif) no-repeat left center; color: #cfcfcf; padding: 0 0 0 20px;}
.codeList {margin: 0 0 0 30px;}


.leftNew{ float: right; width: 230px;}
.contctDetails{ float: left; width: 230px;}
#topPaninner{background:url(../images/topPanBg.gif) repeat-x; padding:9px 0 0 0;}

#innerHead{width:522px; top:-124px; left:62px; position:relative; background: url(../images/pattern.gif) repeat left top #fff; -webkit-border-top-left-radius: 300px;
-webkit-border-top-right-radius: 300px; -moz-border-radius-topleft: 300px; -moz-border-radius-topright: 300px; border-top-left-radius: 300px; border-top-right-radius: 300px; -webkit-border-top-left-radius: 300px;
-webkit-border-top-right-radius: 300px; -moz-border-radius-bottomleft: 300px; -moz-border-radius-bottomright: 300px; border-bottom-left-radius: 300px; border-bottom-right-radius: 300px; z-index:3; border:solid 21px #f9f2f2; padding:150px 30px 0 110px; margin:0 0 0 0; min-height:500px;}

#subinnerHead{width:520px; top:-163px; left:-110px; position:relative; background: url(../images/pattern.gif) repeat left top #fff; -webkit-border-top-left-radius: 300px;
-webkit-border-top-right-radius: 300px; -moz-border-radius-topleft: 300px; -moz-border-radius-topright: 300px; border-top-left-radius: 300px; border-top-right-radius: 300px; -webkit-border-top-left-radius: 300px;
-webkit-border-top-right-radius: 300px; -moz-border-radius-bottomleft: 300px; -moz-border-radius-bottomright: 300px; border-bottom-left-radius: 300px; border-bottom-right-radius: 300px; z-index:3; border:solid 1px #000; padding:155px 30px 180px 110px; margin:0 0 -165px 0; min-height:500px;}
#subinnerHead p {padding: 0 0 0 25px;}
.headsublist { font-family: 'Lato', sans-serif; font-size: 18px; color: #ababab; padding: 0 0 30px 0 ; font-weight: bold; font-style: normal; line-height: 29px; text-transform: none; margin: 0 0 15px 0; width: 100%;}

#proList li{
	float:left;
	margin:0 12px 15px;
	height: 226px;
	width: 226px;
	border:solid 4px #666;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
#proList li img{
	float:left;
	margin:0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	height: 226px;
	width: 226px;
}
.smhr{display:block; height:1px; border:0; border-top:1px solid #e5e5e5; margin:0.5em 0; padding:0 0 5px 0; }
.view {
   width: 230px;
   height: 230px;
   margin: 0 16px 16px 0;
   float: left;
   padding:0;
  -webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   border:solid 4px #666;
   
}
.view .mask, .view .content {
   width: 230px;
  
   height: 230px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   -webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.view h2 {
	font-family:'casper_bold_italicregular';
	text-transform: none;
   text-align: center;
   position: relative;
   color: #fff;	
   padding: 0; 
  width:190px;
   margin: 75px auto 0  ;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
    -webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
   
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(157,0,0, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
    -webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
  
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
 .bg{ background:url(../images/bg1.png) no-repeat left bottom; height:587px;  position: absolute; width: 100%; bottom: 30px;}
 .bg1{ background:url(../images/bg2.png) no-repeat right bottom; height:90%; background-size: 100%; position: fixed; width: 100%; bottom: 30px;  }
 .bg2{  background:url(../images/bg3.png) no-repeat right bottom; height:90%;  position: fixed; width: 100%; bottom: 30px; }
 .bg3{  background:url(../images/bg4.png) no-repeat right bottom; height:90%; background-size: 100% 100%;  position: fixed; width: 100%; bottom: 30px; }
 .bg4{  background:url(../images/bg5.png) repeat-x right bottom; height:90%;  position: fixed; width: 100%; bottom: 30px; }