body{
 background-color:#fcfcfc !important;
}
/*
.sizy{
	position: fixed;
	left: 0;
	top: 40%;
	padding: 10px;
	color: #fff;
	width: 100px;
	height: 100px;
	background: #000;
	z-index: 2000;
}
*/
a.white-btn {
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 0.85em;
	margin-top: 1.25em;
	padding: 0.625em 1.25em;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
/*section-title  section-title label carousel navbar-brand*/
a.white-btn:hover {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
}
a.color-btn, form.customform button.color-btn {
	background: none;
	border: 1px solid #001925;
	border-radius: 3px;
	color: #001925;
	display: block;
	font-size: 0.85em;
	padding: 0.625em 1.25em;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
a.color-btn:hover, form.customform button.color-btn:hover {
	border: 1px solid #92c500;
	color: #92c500;
}

#topbar {
/*	background: none repeat scroll 0 0 #072b3c;*/
	background: none repeat scroll 0 0 #E48604;
/*	background: none repeat scroll 0 0 #f69105;*/
/*	background:url(../img/connect-us.jpg);*/
/*	border-bottom: 1.5px solid #19A3E4;*/
	border-top: solid #007AA6;
	padding: 0.3125em 0;
	position: relative;
	height: auto;
/*	transition: 2s;*/
/*	margin: auto 15px;*/
}
.mini{
/*	background: none repeat scroll 0 0 rgba(78,75,75,0.79);*/
	background: none repeat scroll 0 0 rgba(2,26,37,0.81);
	
}
.mini #topbar{
	display: none;
	transition: 1s;
}
#topbar p {
	color: #333;
	font-size: 0.75em;
/*	opacity: 0.7;*/
	position: relative;
	top: 2px;
}
#topbar p strong {
	font-weight: 600;
}
#topbar i {
	color: #333;
	font-size: 1.1em;
	opacity: 0.9;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
#topbar i:hover {
/*	color: #0D8DC9;*/
	color: #fff;
	cursor: pointer;
	opacity: 1;
}
header {
/*	border-bottom: 4px solid #BD7106;*/
	position:fixed;
	width: 100%;
/*	border: green solid;*/
	z-index: 10;
}

.head2{
/*	position: relative;*/
/*	border: #08A4B1 solid;*/
	overflow: hidden;
	background: #FFFFFF;
/*	background: rgba(237,237,237,0.75);*/
}
/*
.menu{
	position: absolute;
	right: 1px !important;
	width: 50px;
	height: 50px;
	z-index: 9999;
	border: #6AD996 solid;
}
*/
.logo-box{
/*	float: left;*/
	position: relative;
/*	width:10%;*/
/*    height:10vh;*/
	max-height:100px;
/*	height:80px;*/
/*	border: green solid;*/
}
.cname{
	padding: 2.5px 1px;
	text-transform: capitalize;
	font-weight: 700;
	color: #025B86;
	position: relative;
	margin-top: 10px;
/*	color: #fff;*/
/*	border: #000000 solid;*/
}
.cname p{
	margin-left: -10px;
	text-shadow: #fff 1px 1px 1px;
	font-size: 24px;
/*	text-shadow: #000 2px 2px 2px;*/
/*	font-family: Franklin Gothic Bold, Arial Black," sans-serif";*/
/*	font-family: Algerian, Arial Narrow, Arial Rounded MT Bold," Bauhaus 93", Jokerman, Script MT Bold;*/
	font-family:Bookman Old Style, Book Antiqua, Bradley Hand ITC, Brush Script MT, Courier, French Script MT;
}
.cname span{
/*	font-family: "alex-brush";*/
	font-family:Bradley Hand ITC, Brush Script MT, Courier, French Script MT;
	position: absolute;
	bottom: -11px;
}
.lll{
/*	width:70%;*/
/*	border: red solid;*/
}
.lll{
/*	background: none repeat scroll 0 0 rgba(13,141,201,0.23);*/
/*	background: none repeat scroll 0 0 rgba(2,26,37,0.81);*/
/*  padding:4px 3px 4px 22px;*/
/*	border-bottom: solid 2px #f69105;*/
	padding: 4px;
	position: relative;
/*    border-radius:0 0 40px 0px;*/
}

.lll img{
/*  width:98%;*/
/*  height:95%;*/
  height:48px;
/*	border: #000 solid;*/
}
nav {
	display: block;
	background-position:left;
	position: relative;
/*	border: red solid;*/
}
.top-nav{
	position: relative;
/*	border: red solid;*/
}
.nav-list{
	position: relative;
/*	border: #A216A6 solid;*/
}
.top-nav:after{
	content: "";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.lll a {
	color: #333;
}
.lll span {
	position: absolute;
/*	right: 0;*/
	top: 25px;
	left: 100px;
	color: #fff;
}
.right{
  border:;
  float:;
  display:;
/*
	text-align: right;
	border: #9F248F solid;
*/
  }
p.logo {
	color: #fff;
	font-size: 1.7em;
	font-weight: 300;
	position: relative;
	text-transform: uppercase;
	top:;
}
p.logo span{
position:absolute;
z-index:;
font-size:21px;
top:20px;
right:-85px;
font-family:;
text-transform:capitalize;
}
p.logo strong {
	font-weight: 700;
}
.nav2 .top-nav li a{
	color: #0A98D4;
	text-shadow: #000 1.5px 1.5px 1.5px;
}
.mini .top-nav li a{
	color: #2088BB;
}
.top-nav li a {
/*	border-top: 4px solid #ff0000;*/
	color:#025B86;
/*	text-shadow: #333 2.5px 2.5px 2.5px;*/
	text-shadow: #C1C1C1 1.5px 1.5px 1.5px;
	font-size: 0.89em;
	font-weight: 1000;
/*	padding: 2.1em 1.5em 2.5em;*/
	padding: 1em 1.5em 1em;
	text-transform:capitalize;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
.top-nav li a:hover, .top-nav li.active-item a{
/*	background: none repeat scroll 0 0 #f7f6f5;*/
	background: none;
	
	border-bottom: 4px solid #f69105;
/*	border-bottom: 4px double #072b3c;*/
/*	border-bottom: 4px solid #f7f6f5;*/
/*	color: #BD7106;*/
	border-radius:12px;
/*	text-shadow:#D7C73E 4px 4px 4px;*/
	position: relative;
}
.a a:hover, .b a:hover{
    border-bottom:none !important;
	color: #fff !important;
	border-radius:none !important;
}
.a a, .b a{
}
#carousel{
width: ;
	position:;
/*	margin:auto 15px;*/
/*	border: blue solid;*/
}
.user{
 position:fixed;
 top:8%;
 right:0;
 padding:0 5px;
 background-color:#072b3c;
 overflow:;
 z-index:;
 display:none;
}
.user i {
margin:0 4px;
}
.icon-user{
 cursor:pointer;
}
h5 i:hover{
border-bottom:#BD7106 solid 1px;

}
.user i span{
 font-size:12px;
 color:yellow;
 position:absolute;
 right:8px;
 top:-13px;
 border-radius:50%;
 padding:2px;
 cursor:pointer;
 background-color:#BD7106;
}
.user i img{
  display:inline;
  width:;
  max-height:;
  cursor:pointer;
}

#ssform{
 position:relative;
 z-index:3;
 display:none;
 width:auto;

}
.ssform{
 position:relative;
 z-index:;
 overflow:hidden;
 display:;
 width:auto;

}
#sform{
 margin:0;
 padding:0;
 width:100%;
}
#search_list{
 position:absolute;
 width:78%;
 padding:0;
 right:8px;
 background-color:;
 border-radius:;
 box-shadow:;
}
.search_list{
 position:relative;
 width:100%;
 padding:10px;
 right:;
 background-color:#EFEFEF;
 border-radius:;
 box-shadow:#333 5px 10px 9px;
}
.ssform form label{
float:right;
position:relative;
width:100%;
padding-top:13px;
overflow:hidden;
}
.sin{
 position:absolute;
 display:inline;
 width:25px;
 height:25px;
 left:20.3%;
 top:28px;
 cursor:pointer;
}

#sform input{
 padding: 1.1em 2.4em 1.5em;
 margin:0;
 float:right;
 width:80%;
 color:#333;
 border-radius:12px;
}

.search img{
width:25px;
height:15px;
}
.user h5{
position:relative;
padding:3px;
border-radius:30px;
float:right;
top:px;
right:px;
background-color:#072b3c;
border:;
}
@media(max-width:950px){
.top-nav li{
}
.top-nav li a{
    font-size: 0.80em;
	font-weight: 500;
	padding: 2.1em 0.4em 2.5em;
	}
.right{
 
  }
}
@media(max-width:768px){
/*
	.lll{
		width: 100% !important;
		border: red solid;
		float: none;
	}
*/
	
#ssform{
position:relative;
 position:absolute;
 width:50%;
 left:175px;
 top:-55px;
}
.ssform{
 position:relative;
 z-index:3;
 overflow:hidden;
 display:;
 width:100%;

}
.ssform form label{
float:right;
position:relative;
width:100%;
padding-top:13px;
overflow:hidden;
}
.sin{
 position:absolute;
 display:inline;
 width:15px;
 height:15px;
 left:2.3%;
 top:25px;
 cursor:pointer;
}

#sform input{
 padding: 0.5em 2em 0.5em;
 margin:0;
 float:right;
 width:100%;
 color:#333;
 border-radius:8px;
}
#search_list{
 position:absolute;
 width:98%;
 right:3px;
}
.search_list{
 position:relative;
 width:100%;
 padding:5px;
 box-shadow:#333 5px 10px 9px;
}
}

@media(max-width:495px){
#ssform{
 position:absolute;
 z-index:3;
 display:;
 width:80%;
 left:1px;
 top:-85px;
}
.ssform{
 position:relative;
 overflow:hidden;
 display:;
 width:100%;
}
.ssform form label{
float:right;
position:relative;
width:100%;
padding-top:13px;
overflow:hidden;
}
.sin{
 position:absolute;
 display:inline;
 width:25px;
 height:25px;
 left:2.3%;
 top:25px;
 cursor:pointer;
}

#sform input{
 padding: 1.5em 2.8em 1.5em;
 margin:0;
 float:right;
 width:100%;
 color:#333;
 border-radius:8px;
}
}
/*------- slider and the slider images -------*/
#carousel .text {
	position: absolute;
	top: 30%;
	z-index: 10;
	right:;
	left:1%;
/*	border: red solid;*/
}
#carousel .r-text {
	position: absolute;
	top: 60%;
	z-index: 10;
	right:1%;
	
}
/*#072b3c  */
#carousel .r-text h3{
	background: none repeat scroll 0 0#072b3c;
	border-top:#f69105 solid;
/*	border-top:#072b3c solid;*/
	color: #fff;
	display: inline-block;
	font-size: 1.2em;
	font-weight: 300;
	margin: 1px 0;
	max-width: 600px;
	padding: 10px 20px;
	width: 100%;
	position:relative;
	transition:2s;
}     
#carousel .r-text h3 b{
	color: #D7C73E;
	font-size: 1.3em;
	font-weight: 700;
}
@media(max-width:1300px){
	#carousel .r-text {
	position: absolute;
	top: 70%;
	z-index: 10;
	right:1%;
	
}
#carousel .r-text h3{
	font-size: 1em;
	font-weight: 300;
	max-width: 400px;
}   
}
@media(max-width:1100px){
	#carousel .r-text {
	display: none;
}

}
@media(max-width:480px){
	#carousel .r-text {
/*	display: block;*/
}
}
.item, .other-head {
	overflow: hidden;
	width: 100%;
	position:relative;
	max-height:510px;
/*	border: red solid;*/
}
.text-dir{
	color: #fff !important;
}
.shad{
position:absolute;
height:100%;
background-color:rgba(66,42,80,0.4);
right:0;
width:50%;
z-index:9;
}
.item img{
	width: 100%;
	height:100%;
}
.ind{
 
}
.prev-arrow, .next-arrow {
/*	background: none repeat scroll 0 0 #072b3c;*/
	background: none repeat scroll 0 0 #072b3c;
	cursor: pointer;
	float: left;
	height: 20px;
	line-height: 20px;
	margin-right: 1px;
	text-align: center;
	width: 20px;
	transition:2s;
}
#carousel .text h2 {
/*	background: none repeat scroll 0 0 #BD7106;*/
	background: none repeat scroll 0 0 #072b3c;
	color: #fff;
	display: inline-block;
	font-size: .7em;
	font-weight: 300;
	margin: 1px 0;
	max-width: 500px;
/*	padding: 10px 20px;*/
	padding: 10px 20px;
	width: 100%;
	position:relative;
	transition:2s;
	border:#BD7106 solid;
}

#carousel .text p {
/*	background: none repeat scroll 0 0 rgba(146, 197, 0, 0.8);*/
	background: none repeat scroll 0 0 rgba(7,43,60,0.6);
	color: #fff;
	max-width: 500px;
	padding: 10px 20px;
	width: 100%;
	font-weight:500;
	text-shadow:#072b3c 3px 3px 3px;
	font-size:.99em;
	border-bottom:#BD7106 solid;
/*	font-weight:200em;*/
}
#carousel .text p  a{
	color: #BD7106 !important;
}
#carousel .owl-theme .owl-controls {
	background: none repeat scroll 0 0 rgba(13,141,201,0.53);
	bottom: 0;
	margin: 0;
	padding: 0.625em 0;
	position: absolute;
	width: 100%;
	border-bottom: 3px solid #f69105;
	
}
.owl-theme .owl-controls .owl-page span {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 3px solid #fff;
	height: 18px;
	margin: 0 0.3125em;
	opacity: 1;
	width: 18px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	background: none repeat scroll 0 0 #f69105;
}
#first-block {
	background: none repeat scroll 0 0 #072b3c;
	padding: 0.6em;
	text-align: center;
	display: none;
}
#first-block h1 {
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
	margin-top: 0;
}
#first-block p {
	color: #6c7c84;
	font-size: 0.80em;
}

/*------ things we do ---------------*/

.features {
	background: none repeat scroll 0 0 #fff;
	position: relative;
	 background-color:;
	 margin-bottom:em;
}
.fetu{
 background:rgba(255,255,255,0.9);
 padding:0.5em;
 }
.features h2{
 font-family:"Bernard MT Condensed";
 word-spacing:px;
 letter-spacing:px;
 font-weight:700;
 color:#BD7106;
 text-shadow:#7DAB32 2px 2px 2px;
}
.features h1 b{
background:#fff;
}
#features {
	padding: 2em 1.6em;
	position: relative;
	text-align: center;
	z-index: 2;
	/*border-top:#072b3c solid;*/
	margin-top:1.5em;
}
.feats{
	background:rgba(255,255,255);
	overflow: hidden;
/*	border: red solid;*/
}

#features img{
 max-width:100%;
	margin: auto;
 height:200px;
}
#features i {
	background: none repeat scroll 0 0 #92c500;
	border-radius: 100px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3) inset;
	color: #fff;
	display: inline-block;
	font-size: 2em;
	height: 100px;
	line-height: 100px;
	text-align: center;
	width: 100px;
}
#features h2 {
	font-size: 1em;
	font-weight: 600;
	margin: 1.25em 0;
	text-transform: uppercase;
	color:#f69105 ;
}
#features p {
	color: #777;
	text-align:justify;
	color:#0c4965;
	font-size:17px;
	line-height: 1.3em;
}
#features p a{
    font-size:19px;
    color:#f69105;
	background: #fff;
}
#about-us {
	background: none repeat scroll 0 0 #00283a;
	clear: both;
}
#about-us:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
#about-us article {
	padding: 4em;
}
article h2 {
	font-size: 4em;
	font-weight: 900;
	letter-spacing: -2px;
	line-height: 0.9;
	margin: 0 0 0.625em 0
}
article h1, article h2, article h3, article h4, article h5, article h6 {
	color: #fff;
}
.media-container {
  overflow: hidden;
}
.media-container video, .media-container img {
  display: block;
  height: 100%;
  max-width: none;
  min-width: 100%;
  width: auto;
}
article p, article li {
	color: #fff;
	font-size: 0.85em;
	opacity: 0.7;
}
article ul {
	padding: 1.25em 0;
}
article ul li {
	list-style-type: none;
	margin: 0.625em 0;
	padding: 0 0 0 1em;
}
article ul li:before {
	background: #00283a none repeat scroll 0 0;
	color: #fff;
	content: "\f006";
	display: inline-block;
	font-family: "mfg";
	font-size: 0.8em;
	height: 20px;
	line-height: 20px;
	margin-left: -1em;
	margin-right: 0.625em;
	text-align: center;
	width: 20px;
}
.about-us-icons i {
	border: 2px solid #92c500;
	border-radius: 100px;
	color: #92c500;
	display: block;
	float: left;
	font-size: 1.6em;
	height: 60px;
	line-height: 60px;
	margin-right: 0.625em;
	text-align: center;
	width: 60px;
}
.about-us-icons {
	display: block;
	margin-top: 2em;
}

/*@media(max-width:420px){
h2.section-title {
	color: #dedede;
	font-size: 2.8em;
	font-weight: 700;
	letter-spacing: -1px;
	margin: 0 0 1.25em;
	text-align: center;
	text-transform: uppercase;
}
}*/
/*--------------- our work section ----------*/
#our-work {
	background: none repeat scroll 0 0 #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	padding: 1em 2em ;
	position: relative;
	z-index: 2;
	border-top:#072b3c 5px solid;
}

.tab-item {
	background: #fff none repeat scroll 0 0;
	margin-top: 1.25em;
	padding: 1.25em 0;
	overflow:hidden;
	border:;
}
.tab-item img{
  width:420px;
  height:260px;
}
.our-work-container {
	display: block;
	height: 100%;
	position: relative;
}

.our-work-text {
	background: #072b3c none repeat scroll 0 0;
	bottom: 0;
	display: block;
	left: 0;
	opacity: 0;
	padding: 1em;
	position: absolute;
	border-radius:9px 9px 0 0;
	border-top:#fff solid 4px;
	right: 0;
	text-align: center;
	transition: opacity 0.20s linear 0s;
	-o-transition: opacityd 0.20s linear 0s;
	-ms-transition: opacity 0.20s linear 0s;
	-moz-transition: opacity 0.20s linear 0s;
	-webkit-transition: opacity 0.20s linear 0s;
	width: 100%;
}
.our-work-container:hover > .our-work-text {
	opacity: 1;
}
.our-work-text h4 {
	color:#BD7106;
	font-size: 1em;
	font-weight: 600;
}
.our-work-text p {
	color:#BD7106;
	font-size: 0.8em;
	opacity: 0.7;
}
.tab-nav {
	display: table;
}
a.tab-label, a.tab-label:link, a.tab-label:visited {
	background: #BD7106 none repeat scroll 0 0;
	color: #fff;
	display: block;
	font-size: 1em;
	padding: 0.625em 1.25em;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
a.tab-label:hover, a.tab-label.active-btn {
	background: #92c500;
	color: #fff;
}
/*----- latex ----*/

.latest-box{
	overflow: hidden;
	position: relative;
	background: none repeat scroll 0 0 #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	padding: 1em 2em ;
	position: relative;
	z-index: 2;
	
}
.latest{
	position: relative;
	float: ;
	margin: 10px auto;
	border:#BD7106 solid;
	box-shadow: #ccc 5px 5px;
	max-width: 90%;
	height: 400px;
	overflow: hidden;
}
.latest img{
	max-width: 100%;
	height: 100%;
}
/*---- worked with --------*/
#worked-with {
	background: none repeat scroll 0 0 #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	padding: 1em 2em ;
	position: relative;
	z-index: 2;
	border-top:#072b3c 5px solid;
	overflow:hidden;
}
/**/
#services {
	background: rgba(232,230,230,1.00);
/*	background: url(../img/shop12.jpg) no-repeat radial-gradient();*/
/*	background: url(../img/wit.png) no-repeat 0px 0px;*/
/*	background: url(../img/learned3d.jpg) no-repeat 0px 0px;*/
/*	background-position: top;*/
/*	background-position: right;*/
	background-position: center;
	background-size: contain;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	padding:2em 2em 7em 2em;
	border-bottom:;
	/*border-top:#072b3c 10px outset;*/
	margin:1em auto auto auto;
	position: relative;
/*	width: 97.6%;*/
/*	border: red solid;*/
}

.serv-line{

}
#services h2 {
	color: #fff;
	margin: 0 0 2.56em;
	position: relative;
	margin-bottom: 6em;
	text-shadow: #000 1px 1px 3px;
}
#services h2.section-title:after {
	background: #fff none repeat scroll 0 0;
}
#services i {
/*	background: none repeat scroll 0 0 #0c4965;*/
	background: none repeat scroll 0 0 #f69105;
	border-radius: 80px;
/*	color: #0c4965;    */
	color:  #fff;    
	display: block;
	float: left;
	font-size: 1.8em;
	height: 80px;
	line-height: 80px;
	margin-right: 0.625em;
	text-align: center;
	width: 80px;
}
.service-text {
	display: table;
	position: relative;
/*	background: rgba(255,255,255,0.7);*/
/*	box-shadow: rgba(255,255,255,0.5) 3px 3px 3px;*/
/*	border: solid 1px #f69105;*/
	padding: 5px;
}
#services h3 {
	color: #020835;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: #000 1px 1px 3px;
}
#services p {
	color: #555;
	font-size: 1em;
	text-align: justify;
/*	font-weight: 600;*/
/*	text-shadow: #000 1px 1px 3px;*/
}
#latest-news {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 6em 2em;
	position: relative;
	z-index: 3;
}
.news-date {
	background: #0c4965 none repeat scroll 0 0;
	clear: both;
	color: #fff;
	display: block;
	float: none;
	min-height: 118px;
	padding: 0.625em 0;
	text-align: center;
	width: 100%;
}
.day {
	font-size: 2.5em;
	font-weight: 700;
}
.month, .year {
	font-size: 0.85em;
}
.news-text {
	background: #BD7106 none repeat scroll 0 0;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	min-height: 118px;
	padding: 0.625em 1.25em;
	
}
.news-text p {
	color: #fff;
	font-size: 0.85em;
}
.news-text h4 {
	color: #fff;
}

	#services2 {
/*	background: #072b3c none repeat scroll 0 0;*/
	background:url(../img/about2.jpg);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	padding: 6em 2em;
	margin: auto;
/*	width: 97.8%;*/
}
#services2 h2 {
	color:#fff;
	margin: 0 0 1.25em;
	text-shadow: #000 1px 1px 3px;
}
#services2 h2.section-title:after {
	background: #fff none repeat scroll 0 0;
}
#services2 i {
	background: none repeat scroll 0 0#f69105;
	border-radius: 80px;
	border: solid #f69105;
/*	color:#072b3c;*/
	color:#fff;
	display: block;
	float: left;
	font-size: 1.8em;
	height: 80px;
	line-height: 80px;
	margin-right: 0.625em;
	text-align: center;
	width: 80px;
}
.service2-text {
	display: table;
	position: relative;
}
#services2 h3 {
	color:#fff;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: #000 1px 1px 3px;
}
#services2 p {
	color: #fff;
	font-size: 0.8em;
	text-shadow: #000 1px 1px 3px;
}
/* ------------------- study and trainning starts --------------*/
.head_rep{
 padding:4em;
 background-color:#fff;
}
.bd{
 width:100%;
 position:relative;
 margin:auto;
/* padding:10px 20px;*/
 background-color:#fff;
	border: #fff solid 1px;
}
.ca-img{
/* width:98%;*/
 position:relative;
/* margin:7.8em 15px auto 15px;*/
 padding:2em;
	overflow: auto;
	border-bottom: #BD7106 solid;
/*	border: #0c4965 solid 2px;*/
 background:url(../img/bnk.jpg);
}
.ca-img img{
position:relative;
display:block;
margin:10px auto;
max-width:300px;
max-height:420px;
}
.ca-img p{
position:relative;
text-align:justify;
/*position:absolute;*/
max-width:500px;
padding:5px;
	float: left;
color:#fff;
/*bottom:64px;*/
/*left:30%;*/
/*background-color:rgba(154,202,72,0.72);*/
/*border-bottom:#D7C73E solid ;*/
}
@media(max-width:768px){
	.ca-img{
/*		margin:0em 15px auto 15px;*/
	}
}
.bdc{
 width:100%;
 position:relative;
 margin:50px auto;
 padding:10px;
 overflow:hidden;
 background-color:#fff;
}
.bdci{
 position:relative;
 width:300px;
 height:350px;
 margin:5px 15px;
 float:left;
}
.bdci img{
 width:100%;
 max-height:220px;
 border: #BD7106 solid 2px;
}
.bdci h4{
 width:100%;
 padding:3px;
 background-color:#BD7106;
 color:#fff;
 text-transform:capitalize;
}
.bdci p{
 width:100%;
 padding:3px;
 color:#BD7106;
 text-transform:;
 text-align:justify;
}
.scho{
 padding:15px;
 background-color:#fff;
 margin-top:20px;
}
.scholars{
 overflow:hidden;
 border:#ccc solid 1px;
 border-radius:8px;
 padding:10px;
}
.scholars img{
 border-radius:4px;
 float:left;
 margin:5px;
 max-width:350px;
 max-height:250px;
}
.ca-side{
 margin:5px;
 float:left;
}
.bdc h3{
 color:#333;
}
.speaker{
padding:10px;
}
/*--------------- store ---------------*/
/*.dir{
 border:;
 padding:2px;
 position:absolute;
 right:37px;
 top:82px;
}
.dir img{
 width:120px;
 max-height:80px;
}
*/

.store{
width:100%;
position:relative;
padding:0;
background-color:#fff;
margin:-27px auto 40px auto;
border:;
}
.store-top{
width:100%;
position:relative;
margin:13px auto;
padding:0 15px;
background-color: #fff;
}
.store1{
/*width:97.8%;*/
/*width:100%;*/
height:450px;
position:relative;
/*margin:auto 15px auto 15px;*/
border:;
overflow:hidden;
}
.store1 img{
width:100%;
height:100%;
border:none;
}
.for-store img{
 transition:1s;
}
.for-store img:hover{
 transform:scale(1.1);
}
.store1 p{
 position:absolute;
 background-color:rgba(255,255,255,0.3);
 border-radius:;
 text-align:justify;
 bottom:0px;
 display:;
 left:;
 right:0;
 top:;
 font-size:18px;
 width:45%;
 height:100%;
 color:#072b3c;
 font-weight:600;
 font-size:20px;
 text-shadow:#000 2px 2px 2px;
 text-transform:capitalize;
 padding:2em;
}
.store1 p label{
  background-color:rgba(0,0,0,0.4);
  padding:3px;
  display:inline;
  text-align:left;
  line-height:30px;
}
#comps{
width:100%;
margin:auto;
position:relative;
background-color:#fff;
margin-bottom:20px;
}
.comps{
width:90%;
margin:auto;
position:relative;
padding:10px 15px;
background-color:#fff;
overflow:hidden;
}
.comp{
 position:relative;
 width:300px;
 border:#BD7106 solid 1px;
 float:left;
 margin:8px 12px;
}
.comp:hover{
box-shadow:#ccc 8px 2px;
}
.comp img{
width:100%;
height:200px;
}
.comp h4{
padding:4px;
color:#333;
}
.comp label{
padding:4px 10px;
cursor:pointer;
background-color:#BD7106;
color:#fff;
top:4px;
left:10px;
position:absolute;
border-radius:20px;
box-shadow:#ccc 3px 4px;
transition:1s;
}
.comp label:hover{
background-color:#072b3c;
}
.comp ul{
 list-style:none;
 padding:0;
 margin:0;
 width:100%;
}
.comp ul li{
text-transform:capitalize;
border-bottom:#BD7106 solid 1px;
padding-bottom:3px;
width:100%;
padding:3px 0;
}
.comp ul li span{
color:#fff;
position:relative;
border:#BD7106 solid 2px;
background-color:#072b3c;
margin-right:5px;
font-size:16px;
padding:3px 6px;
box-shadow:#BD7106 4px 1px;
}
#store-order{
 max-width:40%;
 position:fixed;
 top:9vw;
 z-index:200;
 height:70%;
 left:30%;
 background:url(../img/laptops-960x480.jpg);
 bottom:2%;
 overflow:auto;
 border:;
 box-shadow:#072b3c 5px 5px;
 display:;
 animation-name:store;
 animation-duration:1.2s;
}
@keyframes store{
 from{
 transform:scale(0);
 opacity:0;
 }
 to{
 transform:scale(1);
 opacity:10;
 }
}
.store-order{
width:100%;
padding:15px;
position:relative;
background:rgba(255,255,255,0.79);
}
.store-order button{
 position:absolute;
 padding:4px 8px;
 background:#072b3c;
 top:1px;
 left:0;
 font-size:18px;
 cursor:pointer;
 color:#fff;
 transition:1.5s;
 border-radius:0 8px 8px 0;
}
.store-order button:hover{
background:#BD7106;
}
.store-order img{
max-width:150px;
max-height:90px;
margin:auto;
position:relative;
border:;
}
.store-order p{
 padding: 0 10px;
 text-align:center;
 font-size:18px;
 color:#BD7106;
}
.store-order form ul{
width:100%;
position:relative;
margin:0;
padding:0;
list-style:none;
border-radius:10px;
border:;
}
.store-order form ul li{
 width:;
 display:;
 border:;
 margin:5px 0;
}
.store-order form ul li label,span{
color:#BD7106;
font-size:19px;
font-weight:500;
text-transform:capitalize;
}
.store-order form ul li span{
  width:90px;
 display:inline-block;
}
.store-order form ul li input[type=text]{
 width:100%;
 padding:5px;
 border:none;
 border-bottom:#ccc solid 2px;
}
.store-order form ul li input[type=submit]{
 padding:5px 9px;
 border-radius:8px;
 transition:1.5s;
 background:#072b3c;
 color:#fff;
 cursor:pointer;
 font-size:18px;
}
.store-order form ul li input[type=submit]:hover{
background:#BD7106;
}

/*--- web app page---*/
.webapp-top{
/*margin-top:-8px;*/
}
.web-top-3{
/*border:none !important;*/
width:98%;
height:33vw;
position:relative;
margin:3vh auto auto auto;
/*border:red solid;*/
/*overflow:hidden;*/
}
.web-top-3 img{
/*border:none !important;*/
margin: auto;
	max-height: 100%;
	position: relative;
	display: block;
}
.img-up{
 width:30%;
 position:absolute;
 height:auto;
 top:5vh;
/*	bottom: 1em;*/
 left:2%;
/* border:;*/
/* box-shadow:#D7C73E 5px 1px;*/
}
.img-up ul li{
 padding: 5px;
	text-transform: capitalize;
	font-weight: 600;
	font-size:18px;
	color:#072b3c ;
}
@media(max-width:700px){
	.img-up{
		top: 1vh;
	}
	.img-up ul li{
		padding: 3px;
		font-size: 2.2vw;
	}
}
.zoomer{
 position:relative;
 transition:1.1s;
 cursor:pointer;
}
.zoomer:hover{
transform:scale(1.1);
  -webkit-filter: grayscale(0); /* Chrome, Safari, Opera */
  filter: grayscale(0);
}
.img-up img:hover{
 
}
.store-top-coment{
background-color:rgba(215,199,62,0.7) !important;
border-radius:15px;
}
.webapp_def{
width:100%;
position:relative;
/*padding:25px 10px 25px 10px;*/
background-color:#fff;
/*border: red solid;*/
}
.webapp_def p{
width:96%;
position:relative;
padding:5px;
margin:auto;
text-align:justify;
font-size:18.5px;
color:#072b3c;
line-height:35px;
/*border: red solid;*/
/*box-shadow:#D7C73E 8px 4px 8px;*/
/*border:#7DAB32 1px solid;*/
}
.webapp_def p b{
 font-size:24px;
 color:#D7C73E;
 font-family:"Bauhaus 93";
}
.sec{
 margin-top:10px;
}
.seca{
 text-align:center;
 text-transform:capitalize;
 border:;
 color:#fff;
 padding:10px;
 background-color:rgba(12,73,101,0.88);
 margin-top:-20px;
 margin-left:25px;
 max-width:400px;
 box-shadow:#BD7106 1px 5px;
 border-radius:6px;
}
.seca label{
padding-bottom:3px;
}
#logs{
width:90%;
position:relative;
margin:auto;
padding:5px;
overflow:hidden;
}
.logs{
position:relative;
width:400px;
height:170px;
float:left;
margin:15px;
border:;
}

.logs img{
 width:180px;
 max-height:120px;
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}
.third h3{

}
#webs{
padding:10px;
position:relative;
overflow:hidden;
width:99%;
margin:auto;
border:#000;
}
.webs{
 width:31%;
 position:relative;
 float:left;
 height:370px;
 margin:10px;
 border:#ccc solid 1px;
 box-shadow:#BD7106 5px 4px;
 background-color:#fff;
 overflow:hidden;
}
.webpic{
 width:100%;
 height:100%;
 position:relative;
}
.webpic_chang{
  animation-name:webpic;
 animation-duration:2s;
}
@keyframes webpic{
from{
 transform:scale(0)
}
to{
 transform:scale(1)
}
}
.webpic2{
 width:25%;
 max-height:150px;
 position:absolute;
 left:20px;
 bottom:-18px;
 border:#ccc solid;
 box-shadow:#333 6px 6px;
}
.webs_btm{
 border:#000 solid;
 padding:2px;
}
.stages{
 width:98%;
 padding:5px;
 margin:auto;
}
.stages h3{
 color:#072b3c;
 padding:10px 0;
 text-transform:capitalize;
}
.stages h3 label{
padding-bottom:3px;
border-bottom:#BD7106 solid 2px;
}
.stages h6{
max-width:80%;
text-align:justify;
font-size:19px;
line-height:28px;
font-family:"Times New Roman", Times, serif;
}
.stages h3 b{
color:#BD7106;
}
.coms{
 padding:20px 10px;
/* width:99.3%;*/
 position:relative;
 background:url(../img/shop12.jpg) no-repeat;
/* background:url(../img/kkk.jpg) repeat;*/
 background:#fff;
/* filter:blur(50px);*/
 background-position:center;
 margin:10px auto;
/* height:500px;*/
/* border: blue solid;*/
}
.com{
/* background-color:rgba(154,202,72,0.65);*/
 position:relative;
 width:90%;
 margin:auto;
 padding:10px;
 top:20%;
 border-radius:0 40px 0 40px; 
 box-shadow:;
 overflow:hidden;
/* background: #fff;*/
	filter: brightness(90%);
}
.com ul{
 position:relative;
 list-style:none;
 width:100%; padding:0;
 margin:0;
}
.com ul li{
  width:100%;
  position:relative;
 padding:0;
 margin:0;
 display:none;
}
.com ul li img{
 position:relative;
 width:150px;
 height:150px;
 margin:auto;
 border-radius:50%;
 border:#f69105 solid;
}

.com ul li h5{
 position:relative;
 font-size:;
 text-transform:capitalize;
 text-align:center;
 font-size:19.5px;
 color: #f69105;
/*	text-shadow: #333 2px 2px 2px;*/
 font-weight:;
}
.com ul li h6{
 position:relative;
 font-size:;
 text-align:center;
 font-size:18px;
  color:#f69105;
 font-weight:;
/*	text-shadow: #333 2px 2px 2px;*/
}

.show{
 display:block !important;
 animation-name:comz;
 animation-duration:1.4s;
}
@keyframes comz{
 from{
 opacity:0.7;
 right:-50%;
 }
 to{
  opacity:1;
   right:0;
 }
}
.five{
 background-color:#F7F7F7;
/* border-top:#BD7106 solid;*/
}
.five h4{
max-width:860px;
margin:auto;
background-color:#072b3c;
color:#fff;
text-align:justify;
padding:8px 10px 0 10px;
font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
/*box-shadow:#BD7106 8px 9px 9px;*/
box-shadow:#BD7106 4px 4px 4px;
border-top: #BD7106 solid;
}
.five h4 label{

}
.five h4 span{
  display:block;
  padding:5px 50px;
  max-width:100px;
  background-color:#BD7106;
  margin:5px auto 0 auto;
  position:relative;
}
.quote{
 padding:10px;
 width:88%;
 position:relative;
 margin:35px auto 0 auto;
 overflow:hidden;
 background-color:#F9F9F9;
 border:;
}
.qleft{
float:left;
width:40%;
position:relative;
z-index:2;
margin-top:4%;
color:#fff;
padding:10px;
right:-50px;
line-height:30px;
font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
text-align: justify;
background-color:#072b3c;
box-shadow:#BD7106 2px 2px 2px;
border: #BD7106 solid;
	border-radius: 10px 0 0 10px;
}
.qright{
float:left;
padding:10px;
width:48%;
position:relative;
z-index:1;
background-color:#072b3c;
box-shadow:#BD7106 6px 6px 5px;
}
.qright ul{
 position:relative;
 width:90%;
/* margin:auto;*/
 list-style:none;
	margin-left: 50px;
	padding: 0;
/* border:red solid;*/
}
.qright ul li{
position:relative;
 width:100px%;
 margin:5px auto;
 padding:;
}
.qright ul li input{
 width:100%;
 padding:10px;
 border-radius:5px;
	border: solid 1px #BD7106;
}
.qright ul li textarea{
 width:100%;
 padding:10px;
 resize:none;
  border-radius:5px;
	border: solid 1px #BD7106;
}
.qright ul li button{
 padding:3px 8px;
 color:#333;
 font-size:18px;
 border-radius:4px;
 background-color:;
}
.qright ul li button:hover{
 color:#333;
 background-color:;
 box-shadow:#BD7106 4px 4px 4px;
}
/*--- automation page-----*/
.auto-top{
/*margin-top:-9px;*/
}
.auto-top-coment{
background:url(../img/bnk.jpg) !important;
left:1px;
width:46.5% !important;
padding:0 !important;
}
.auto-top-coment img{
 width:100%;
 height:100%;
 transition:4s;
 display:;
}
.auto-top-3{
 border:none !important;
}
.webapp_def{
/*
width:100%;
position:relative;
padding:25px 10px 25px 10px;
background-color:#fff;
*/
}
.auto-intro{
	position: relative;
	overflow: auto;
	margin: 2em auto;
	padding: 10px;
/*	border: red solid;*/
}
.auto-intro img{
	max-width: 30%;
	float: left;
/*	border: red solid;*/
}
.auto-intro p{
/*width:96%;*/
	float: left;
	max-width: 70%;
position:relative;
/*padding:10px;*/
margin:auto;
text-align:justify;
font-size:18.5px;
color:#BD7106;
line-height:35px;
/*box-shadow:none;*/
/*border:blue solid;*/
font-family:"Arial Unicode MS";
}
.webapp_def p b{
 font-size:24px;
 color:#072b3c !important;
 font-family:Harrington;
}
@media(max-width:768px){
	.auto-intro img{
		max-width: 100%;
		margin: auto;
		border-radius: 10px;
		max-height: 300px;
		float: none;
	}
	.auto-intro p{
		max-width: 100%;
		float: none;
	}
}
#auto-first{
 position:relative;
 width:100%;
 margin:10px auto;
 background-color:#fff;
 padding:10px;
}
.auto-first{
 position:relative;
 width:98%;
 margin:auto;
 background-color:#fff;
 padding:10px;
}
.auto-first h4{
 padding:10px;
 color:;
}
.autos{
width:100%;
position:relative;
overflow:hidden;
padding-bottom:10px;
margin:10px auto;
border-bottom:#ccc solid 1px;
}
.autos img{
width:25%;
max-height:220px;
position:relative;
float:left;
border-radius:8px;
box-shadow:#072b3c 8px 1px;
}
.autos .espl{
width:73%;
float:right;
position:relative;
padding:10px;
color:#BD7106;
font-size:18px;
border:;
}
.autos .espl h3{
 color:#BD7106;
 font-weight:600;
 text-transform:capitalize;
 font-family:Georgia, "Times New Roman", Times, serif;
 text-shadow:#ccc 8px 8px 8px;
}
.autos .espl p{
text-align:justify;
}
.auto-seconds{
 width:100%;
 position:relative;
 margin:auto;
 padding:0;
 min-height:20vw;
/* background:url(../img/Eco-friendly.png);*/
	background: url(../img/ai.jpg);
/* background-position:left;*/
 background-size:contain;
background-repeat: no-repeat;
/* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);*/
}
.auto-seconds img{
}
.auto-seconds h5{
  line-height:27px;
 text-align:;
 width:100%;
 height:100%;
 position:relative;
 font-size:18px;
/* top:20px;*/
 background-color:rgba(0,0,0,0.628);
 padding:10px;
 text-shadow:;
 font-weight:550;
 color:#fff;
}
/*---- ecommerce -----*/
.head-bg{
/*	border: red solid;*/
	background: none repeat scroll 0 0 rgba(2,26,37,0.81);
}
.all-e{
 background-color:#fff;
 border:#fff solid;
}
.coma-f{
 padding:30px 2px 30px 10px;
 background:url(../img/ecc.jpg) repeat right;
 position:relative;
/*	margin: auto 15px auto 15px;*/
/*	border: red solid;*/
/* width:100%;*/
}
.coma-f span{
 position:absolute;
 padding:12px;
 background-color:#fff;
 top:0;
 width:50px;
 left:10px;
}
.coma-f h4{
 padding:1em;
 border-top:;
 background-color:#fff;
 color:#BD7106;
 border-right:;
/* box-shadow:#BD7106 13px 3px; */
 font-size:26px;
 border-radius:4px 0 0 4px;
 width:80%;
 margin:0;
}
.coma-f h4 img{
 display:inline;
 position:absolute;
 right:-80px;
 top:-9px;
 bottom:;
 border-radius:50%;
 height:105px;
 width:105px;
}
.contain{
 width:100%;
 padding:0px 0px;
 background:url(../img/e-comms.jpg) repeat center;
 margin:30px 0;
 float:;
 overflow:hidden;
}
.sleft{
 padding:10px;
/* background:url(../img/bgc.jpg) repeat center; */
}
.sleft img:first-child{
 border-radius:8px 8px 0 0;
}
.sleft > p{
 color:#0c4965;
 text-align:justify;
 padding:4px;
 position:relative;
 margin:5px 0;
 font-size:19px;
 line-height:30px;
/* background-color:rgb(154,202,72);*/
}
.scent{
margin:10px 0;
border-bottom:#ccc solid 1px;
padding-bottom:5px;
overflow:hidden;
}
.scent p{
 padding-bottom:10px;
 color:#BD7106;
 max-width:700px;
}
.scent h3{
color:#072b3c;
font-weight:700;
text-shadow:#BD7106;
}
.scent img{
max-height:300px;
max-width:300px;
}
.scenter{
 padding:10px;
 position:relative;
 background-color:#fff;
}
/*---- E-services -----*/
#es-head{
position:relative;
/*margin-top:-15.8px;*/
 padding:;
 border: #fff solid;
}
.es-head{
 position:relative;
/* padding:20px 0;*/
/* margin:113px 15px auto 15px;*/
/* border: red solid;*/
/* margin-top: 6em;*/
/* background-color:#DDDDFF;*/
}
.es-head img{
 position:relative;
 width:100%;
/* max-height:400px;*/
 margin:auto;
}

.es-head-com{
/* top:35%;*/
 bottom: 40%;
 padding:;
/* max-width:39%;*/
 left:0px;
 border:;
 position:absolute;
	
}
.es-head-com h4{
 background-color:rgba(7,43,60,0.88);
 padding:10px;
 border: #BD7106 solid 3px;
 text-align:center;
 margin:1px;
 font-family:"Book Antiqua";
 font-weight:500;
 color:#fff;
}
.es-head-com p{
 background-color:rgba(7,43,60,0.71);
 padding:5px;
 word-spacing:px;
 margin:0;
 line-height:24px;
 font-family:;
 font-weight:500;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#fff;
 border-bottom: #BD7106 solid 3px;
}

.es-body{
 position:relative;
 background-color:#fff;
}
.es-bd-first{
	background: rgba(7,7,7,0.85);
/* background:url(../img/kkk.jpg) repeat center;*/
 position: relative;
 margin: 2em auto;
/* padding:px;*/
 overflow:hidden;
 border-top:#BD7106 solid;
}
.es-bd-l{
position:relative;
/*background: rgba(7,7,7,0.85);*/
/*margin-top:7%;*/
/* border:red solid;*/
}
.es-bd-l p{
 color:#E7E7E7;
 max-width:80%;
 position:relative;
 padding:10px;
 text-align:justify;
 font-size:18px;
 text-transform:capitalize;
 font-family:"Javanese Text";
 margin:auto;
 border:;
}
.es-bd-r{
/*  border:red solid;*/
  padding:15vh 1vh;
	
}
.es-bd-r img{
width:100%;
height:100%;
	box-shadow: 5px 5px 10px #FFFFFF;
}
@media(max-width:768px){
	.es-head{
/* margin:-10px 15px auto 15px;	*/
	}
	.es-head-com{
/*	border: red solid;*/
/*		display: none;*/
}
	.es-bd-r{
  display: none;
}
}
.es-scenter h4{
 padding:10px;
 font-family:;
 font-weight:700;
 color:gray;
 text-align:justify;
}
.es-scent{
position:relative;
overflow:hidden;
}
.es-scent img{
 float:left;
 margin:0 5px;
 max-height:400px !important;
 max-width:400px !important;
}
/*----- web maintenance service ------*/
#wms-head{
}
.wms-head{
 margin-top:5px;
 background-color:#fff;
}
.wms-head img{
 margin:auto;
 max-width:;
 max-height:430px;
 border:;
}
.wms-con{
 border:;
 background-color:#fff;
 margin-top:0 !important;
}
/*--- digital marketing --------------------------------*/
.dm-head{}
 .dm-head img{
  border:;
  position:relative;
  transition:2s;
 }
 .dm-head-left p, h3, h4,.dm-head-right p, h3, h4{
  font-size:18px;
  padding:8px;
  position:relative;
  margin:10px auto;
  color:#fff;
   transition:1s;
   cursor:pointer;
 }
 .trans-dm-head{
  animation-name:te;
   animation-duration:1s;
 }
 @keyframes te{
 from{
 transform:scale(1);
 }
 to{
 transform:scale(0.8);
 }
 }
/* #BD7106*/
  .dm-head-left h4,.dm-head-right h4{
   background-color:#072b3c;
 }
 .dm-head-left h4:hover,.dm-head-right h4:hover{
   background-color:#BD7106;
   color:#072b3c;
 }
  .dm-head-left p,.dm-head-right p{
  background-color:#BD7106;
 }
  .dm-head-left p:hover,.dm-head-right p:hover{
  background-color:#BD7106;
  color:#fff;
 }
  .dm-head-left,.dm-head-right{
   max-width:35%;
   top:25%;
   position:absolute;
 }
.dm-head-left{
 left:10%;
}
.dm-head-right{
 right:10%;
 text-align:right;
 }
 .dm{
 box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  margin-top:1.5em;
 }
 .dml{
 border-right:;
/* background:url(../img/Eco-friendly.png);*/
 background:url(../img/imgbin-digital-marketing-.jpg);
 }
 .dmr{
 border-left:#ccc solid;
 }
 .dm-yt{
  background:;
  position:relative;
 }
 .dm-talk-1{
  border:;
  background:;
  color:;
  font-size:24px;
  font-weight:500;
  padding:10px;
  position:relative;
  min-height:250px;
 }
  .dm-talk-1 p{
   width:98%;
   position:relative;
   text-align:justify;
   margin:auto;
/*   padding:5px;*/
   font-weight:500;
   font-family:"Adobe Garamond Pro";
   text-shadow:;
  }
   .dm-talk-1 p label{
   background:rgba(255,255,255,0.88);
	   padding: 5px;
   display:inline-block;
   line-height:30px;
   }
.dm-scenter{
 border:;
 }
 .dm-cent{
 margin-left:12px;
 margin-right:12px;
 padding:10px;
 position:relative;
 border:;
 }
 .dm-cent h3{
  color:#0c4965;
  font-size:22px;
  font-weight:700;
  text-align:center;
  text-shadow:#ccc 3px 3px 3px;
  text-transform:capitalize;
  font-family:"Bookman Old Style";
 }
  .dm-cent ul{
  list-style:square;
  padding:;
 }
  .dm-cent ul li{
  font-size:18px;
  padding:8px;
  color:#0c4965;
  line-height:30px;
 }
 /*---- about us ------*/
 
 #abt-head{
  position:relative;
/*  padding:px;*/
/*  margin:8em auto auto auto;*/
/*  max-height:480px;*/
/*  border:red solid;*/
 }
 .abt-head{
/* border:;*/
/*  background-color:#000;*/
/* padding:;*/
/* width:100%;*/
/* height:100%;*/
 
/* margin: auto 15px auto 15px;*/
 }
 .abt-head img{
  width:100%;
/*  height:100%;*/
	 max-height:480px;
  margin:auto;
   border:;
 }

 .abt-head-com,.conect-head-com{
  max-width:440px;
  position:absolute;
  top:25%;
  left:2%;
   background-color:;
  color:;
  border:;
 }
 .abt-head-com h3{
   color:#fff;
   font-size:16px;
   font-weight:500;
	 padding: 8px;
	 max-width: 350px;
/*   text-shadow:#BD7106 3px 3px 3px;*/
 }
 .abt-head-com p{
   color:#fff ;
   font-size:14px;
   font-weight:500;
	 padding: 8px;
	 max-width: 350px;
/*   text-shadow:#BD7106 3px 3px 3px;*/
 }
 .abt-con{
 padding:20px;
 background-color:#fff;
 overflow:hidden;
/* border:#072b3c solid;*/
 }
 
 .abt-first{
 margin:15px 0;
 border:;
 float:;
 overflow:hidden;
 padding:10px;
 width:100%;
 }
 .abts{
 width:380px;
 height:360px;
 float:left;
 margin:10px 13px;
 border:;
 }
  .abts img{
 width:100%;
 margin-bottom:38px;
 max-height:200px;
 border:#ccc 1px solid;
 }
 .abts h4{
 margin:0;
 color:#BD7106;
 font-weight:600;
 padding:2px;
 text-transform:capitalize;
 border:;
 }
 .abts p{
 color:#BD7106;
 margin:0;
 border:;
 }
 .abts h5{
 margin:0;
 color:#072b3c;
 border:;
 }
  .abts h5 a,i{
 color:#7DAB32;
 }
@media(max-width:765px){
	#abt-head{
/*  margin:-1em auto auto auto;*/
 }
}
 /*------ basic page ------*/
  #bsc-head{
  position:relative;
/*  padding:px;*/
/*  margin:auto 15px auto 15px;*/
/*  border:red solid;*/
 }
  .bsc-head{
 border:;
  background:url(../img/bnk2.jpg) repeat;
 padding:;
 width:100%;
/* max-height:550px;*/
 }
 .bsc-head img{
  max-width:100%;
  max-height:550px;
  margin:;
   border:;
 }
  .bsc-head-com{
  max-width:440px;
  position:absolute;
  top:20%;
  right:2%;
   background-color:;
  color:;
  border:;
 }
  .bsc-head-com h3{
   color:#f69105;
   font-size:21px;
   font-weight:700;
   text-shadow:#000 3px 3px 3px;
 }
 .bsc-head-com p{
   color:#fff;
   font-size:17px;
   font-weight:600;
   text-shadow:#000 3px 3px 3px;
 }
 .bas{
  width:70%;
 }
 .bas ul{
  width:;
  list-style:square;
  color:;
 }
 .bas ul li{
  line-height:40px;
  font-size:18px;
  font-family:"Adobe Hebrew";
  width:;
  color:#072b3c;
 }
  .bas ul li label{
  color:#0c4965;
  font-weight: 550;
  }
@media(max-width:765px){
	#bsc-head{
/*		margin: -50px 15px auto 15px;*/
	}
}
  /*----- partner -----*/
  .part-dr{
    background:;
  }
  .part-d-left{
   overflow:hidden;
  width:;
  padding:15px;
  }
   .part-d-left p{
   float:left;
   }
    .part-d-left img{
   float:right;
   max-height:400px;
   } 
  .part-d-right{
  float:;
   overflow:hidden;
   width:;
  padding:15px;
  }
   .part-d-right p{
   float:right;
   }
    .part-d-right img{
   float:;
   max-height:400px;
   } 
  .part-d-right p,.part-d-left p{
   padding:10px;
   max-width:40%;
   font-size:22px;
   color:#BD7106;
   font-weight:600;
   text-shadow:#ccc 2px 2px 2px;
   text-align:center;
  }
  .part-d-right img,.part-d-left img{
  max-width:60%;
  }
  .basic-third{
  position:relative;
  margin:15px auto 0 auto;
  padding:10px;
  background:url(../img/robots-typing.jpg);
   background-size:;
  }
   .basic-third p{
   font-size:20px;
    width:90%;
	 margin:auto;
   padding:8px;
   color:#fff;
   line-height:32px;
   text-shadow:#333 3px 3px 3px;
   text-align:justify;
   font-weight:600;
   }
   /*----- family -------*/
   #fam-head{
    position:relative;
	height:100%;
	width:100%;
	background:url(../img/best-equipment-loan-1024x683.jpg) left;
	background-size:cover;
	border:;
   }
    .fam-head{
    position:relative;
	height:100%;
	width:100%;
	background:rgb(0,0,0,0.8);
	border:;
   }
    .fam-head img{
	max-height:100%;
	max-width:100%;
	box-shadow:#000 15px 2px 4px;
   }
   .fam-second-1{
    position:relative;
	width:100%;
	overflow:hidden;
/*	border:blue solid;*/
   }
   .fam-block{
/*    width:49% !important;*/
	height:450px;
	float:left !important;
	margin:0px;
/*	border:red solid 1px;*/
	}
	.fam-block img{
	min-width:300px;
	max-height:80%;
	position:relative;
	margin:auto;
		border-radius: 5px;
/*	border:#ccc solid 4px;*/
	}
	.fam-block p{
	text-align:center;
	color:#BD7106;
	font-size:22px;
	padding-top:22px;
	}
	.fam-block h5{
	text-align:center;
	color:#072b3c;
	font-size:17px;
	font-weight:600;
	padding:1px;
	}
	.fam-block h5 a{
	 color:#7DAB32;
	}
	.fam-second-2{
/*	border:red solid;*/
	 position:relative;
	 width:100%;
	}
	.fam-second-2 img{
	 position:relative;
	 min-width:300px;
	 max-height:400px;
	 border-radius: 5px;
/*	 border:#ccc solid 4px;*/
	 margin:auto;
	}
	.fam-second-2 p{
	text-align:center;
	color:#BD7106;
	font-size:22px;
	padding:15px;
	}
	/*---- blog ------*/
	.blog-gen{
	position:relative;
	margin-top:15px;
	border:;
	}
	#blog-call{
	 background-color:rgb(255,255,255,0.1);
	  border:;
	  position:fixed;
	  left:0;
	  top:0;
	  height:100%;
	  width:100%;
	 margin:auto;
	  z-index:100;
		overflow: auto;
/*	  width:100;*/
	  display:none;
	}
	.blog-call{
	 background-color:#fff;
	 border:#072b3c solid;
	 max-width:480px;
	 margin:auto;
	 padding:;
	 position:relative;
	 max-height:446px;
	 animation-name:blg;
	 animation-duration:1s;
	}
	@keyframes blg{
	from {
	top:-500px;
	transform:scale(0)
	}
    to {
	top:0;
	transform:scale(1)
	}

	}
	.blog-call p{
	 padding:3px 4px;
	 text-transform:capitalize;
	 color:#BD7106;
	 font-weight:600;
	}
	.blog-call ul{
	list-style:none;
	padding:10px;
	}
	.blog-call ul li{
	text-transform:capitalize;
	}
	.blog-call ul li input[type=text],.blog-call ul li input[type=number],.blog-call ul li input[type=email],.blog-call ul li textarea{
	padding:5px;
	width:100%;
	resize:none;
	border:#ccc 1px solid;
	}
	.blog-call ul li input[type=submit]{
	padding:6px 12px;
	text-transform:capitalize;
	margin:4px auto;
	border-radius:4px;
	}
	.blog-call button{
	display:block;
	position:absolute;
	margin:auto;
	left:40%;
	padding:6px 12px;
	border:#072b3c 1px solid;
	text-transform:capitalize;
	background-color:#072b3c;
	color:#fff;
	cursor:pointer;
	bottom:0px;
	border-radius:4px 4px 0 0;
	}
	.blog-left{
	 position:relative;
	margin:20px auto auto 0;
	padding:10px;
	background-color: #072b3c;
	color:#fff;
	width:90%;
	border:;
	box-shadow:#BD7106 8px 2px 2px;
	
	}
.from-left{
	 position:relative;
	 animation-name:lefty;
	 animation-duration:1s;
}
	@keyframes lefty{
	from {
	left:-500px;
	}
    to {
	left:0;
	}

	}
	.blog-left ul{
	list-style:none;
	margin:0;
	padding:0;
	}
	.blog-left ul li{
	 font-size:19px;
	 position:relative;
	 margin:10px auto;
	 text-transform:capitalize;
	 font-family:"Adobe Caslon Pro Bold";
	 border-bottom:#BD7106 solid 1px;
	 padding-bottom:4px;
	 transition:1s;
	 cursor:pointer;
	}
	.blog-left ul li i{
	position:absolute;
	right:5px;
	font-size:px;
	color:#fff;
	}
	.blog-left ul a{
	color:#fff;
	}
	.blog-left ul li:hover{
	box-shadow:#BD7106 0px 10px;
	}
	.blog-center{
	background-color:#fff;
	padding:15px;
	position:relative;
	}
	.centered{
	}
	.blog-side{
	 position:fixed;
	 top:40%;
	 right:-30px;
	 background-color:#BD7106;
	 padding:4px;
	 cursor:pointer;
	 color:#fff;
	 display:none;
	 text-transform:capitalize;
	 font-size:18px;
	 transform: rotate(-90deg);
	 transition:1s;
	}
	.op{
	 z-index:3;
	}
	.cl{
	 z-index:3;
	}
	.blog-side:hover{
	 background-color:#072b3c;
	}
	.posts{
	position:relative;
	 padding-bottom:4px;
	 border-bottom:#BD7106 solid 1px;
	}
	.posts h3{
	 color:#333;
	}
	.posts img{
	max-width: 400px;
	max-height: 300px;
	}
	.posts h3 label{
	 color:#fff;
	 padding:5px;
	 border-radius:5px 0 0 5px;
	 background-color:#072b3c;
	 border-top:#BD7106 solid 1px;
	}
	.posts p{
	}
	/*----- why work -------*/
	 .why-head{
/* border:red solid;*/
  background:url(../img/bnk2.jpg) repeat;
 padding:;
 width:100%;
 height:550px;
 overflow:hidden;
 }
 .why-head img{
  max-width:100%;
  max-height:100%;
  float:right;
  margin:;
   border:;
 }
  .why-head-com{
  max-width:440px;
  position:absolute;
  top:25%;
  left:5%;
   background-color:;
  color:;
  border:;
 }
  .why-head-com h3{
   color:#fff;
   font-size:21px;
   font-weight:700;
   text-shadow:#000 3px 3px 3px;
 }
 .why-head-com p{
   color:#fff;
   font-size:17px;
   font-weight:600;
   text-shadow:#000 3px 3px 3px;
 }
	.why-second{
	position:relative;
	border:;
	}
	#why-w{
	padding:10px;
	width:80%;
	margin:auto;
	border:;
	}
	.why-w{
	padding-left:15px;
	padding-bottom:15px;
	width:100%;
	margin:20px auto;
	border-left:#ccc solid 5px;
	border-radius:20px;
	}
	.why-w p{
	padding:10px;
	margin:0;
	font-size:18px;
	border:;
	}
	.why-w h3{
	color:#BD7106;
	font-weight:600;
	margin:0;
	border:;
	}
	.why-w img{
	max-width:400px;
	height:300px;
	border-radius:0 0 10px 10px;
	}
	/*------ connect with us ------*/
  #conect-head{
  position:relative;
  padding:px;
  margin:auto auto auto auto;
  border:;
  }
.conect-head{
	position: relative;
/* border:red solid;*/
/*  background-color:#000;*/
/* padding:;*/
/* width:100%;*/
 height:auto;
/* margin: auto 15px auto 15px;*/
/*	max-height: 650px;*/
 }
   .conect-head img{
	   position: relative;
	margin: auto;
	width: 100%;
	max-height:600px;
    }
.conect-head-com h3{
   color:#f69105;
   font-size:18px;
   font-weight:500;
	 padding: 0;
	 max-width: 400px;
	font-weight: 700;
/*   text-shadow:#BD7106 3px 3px 3px;*/
 }
 .conect-head-com p{
   color:#fff ;
   font-size:16px;
   font-weight:500;
/*	 padding: 8px;*/
	 max-width: 400px;
	 font-weight: 700;
/*   text-shadow:#BD7106 3px 3px 3px;*/
 }
	#connect-first{
	position:relative;
	background:url(../img/Eco-friendly.png);
	}
	.connect-first{
	border:;
	padding:10px;
	background-color:rgb(255,255,255,0.1);
	position:relative;
	width:90%;
	margin:auto;
	}
	.cons{
	position:relative;
	overflow:hidden;
	margin:10px auto;
	background-color:rgb(0,0,0,0.1);
	height:200px;
	border-radius:8px;
	}
	.con-left{
	position:relative;
	float:left;
	width:50%;
	height:100%;
	background-color:rgb(0,0,0,0.1);
	padding:10px;
	border:;
	}
	.con-left h3{
	position:relative;
	color:#BD7106;
	padding:10px;
	color:#107094;
	width:100%;
	text-shadow:#fff 5px 5px 5px;
	font-weight:600;
	}
	.con-left p, .con-left p a{
	padding:10px;
	position:relative;
	font-size:20px;
	color:#107094;
	font-weight:500;
	border:;
	text-shadow:#fff 5px 5px 5px;
	}
	.con-left{}
	.con-right{
	position:relative;
	float:left;
	width:50%;
	height:100%;
	border:;
	}
	.con-right img{
	width:100%;
	height:100%;
	}
.products{
	padding: 10px;
	overflow: auto;
	margin: auto 15px auto 15px;
/*	border: red solid;*/
}
    .prod{
		height: 200px;
/*	border: blue solid;*/
    }
 .prod h4{
	color: #BD7106;
    }
.prod p{
	color: #072b3c;
    }

	/*------- consult us --------*/
	.consult{
	position:relative;
/*	border:red solid;;*/
	}
	.consult img{
	position:relative;
	border:#072b3c solid;
	border-radius:8px;
	
	}

.from-right{
	position:relative;
	 animation-name:cons;
	 animation-duration:2s;
}
	@keyframes cons{
	from {
	right:-500px;
	}
    to {
	right:0;
	}

	}
	.consult p{
	position:relative;
	font-size:23px;
	line-height:30px;
	padding:8px 5px;
	text-align:justify;
	color:#BD7106;
	font-family:"Adobe Garamond Pro";
	}
	.consult form{
	position:relative;
	display:block;
	border:;
	color:#BD7106;
	}
	.consult form ul{
	list-style:none;
	margin:0 auto;
	padding:5px 0;
	border:;
	width:70%;
	}
	.consult form ul h4{
	color:#BD7106;
	}
	.consult form ul li{
	 width:90%;
	 margin:auto;
	}
	.consult form ul li label{
	font-size:19px;
	color:#BD7106;
	}
	.consult form ul li input[type=text],.consult form ul li input[type=email],.consult form ul li input[type=number],textarea{
	width:100%;
	padding:6px;
	resize:none;
	border-radius:5px;
	}
	.consult form ul li input[type=submit]{
	padding:5px 9px;
	border-radius:8px;
	margin:3px auto;
	background-color:#072b3c;
	color:#fff;
	box-shadow:#ccc 4px 4px 4px;
	border:;
	}
@media(max-width:1490px){   /*general mobile sizing starts here*/
#logs{
width:86%;
position:relative;
margin:auto;
padding:5px;
overflow:hidden;
}
.logs{
position:relative;
max-width:250px;
max-height:150px;
float:left;
margin:5px;
}
#store-order{
 max-width:40%;
 position:fixed;
 top:11vw;
}
}
@media(max-width:1200px){
 .webs{
 width:40%;
 position:relative;
 float:left;
 height:380px;
 margin:10px;
 border:#ccc solid 1px;
 box-shadow:#D7C73E 5px 4px;
 background-color:#fff;
}
.quote{
 width:98%;
}
.qleft{
width:50%;
right: -8px;
}
.qright{
float:left;
padding:10px;
width:47%;
position:relative;
z-index:1;
background-color:#072b3c;
box-shadow:#ccc 6px 6px 5px;
}
.qright ul{
 position:relative;
 width:90%;
 margin:auto;
 list-style:none;
 border:;
}
.qright ul li{
position:relative;
 width:96%;
 margin:10px 0;
 padding:;
}
.qright ul li input{
 width:75%;
 padding:8px;
 border-radius:5px;
}
.qright ul li textarea{
 width:90%;
 padding:10px;
 resize:none;
  border-radius:5px;
}
.coms{
 height:370px;
}

}
@media(max-width:1100px){
.autos img{
width:60%;
max-height:220px;
margin:20px auto;
float:none;
}
.autos .espl{
width:98%;
float:none;
text-align:justify;
}
.coma-f h4{
 padding:1.8em;
 font-size:18px;
 width:80%;
}
.coma-f h4 img{
 right:;
 top:;
 height:110px;
 width:110px;
}
 .abts{
 width:46%;
 height:360px;
 float:left;
 margin:10px 13px;
 border:;
 }
 .bsc-head-com{
  max-width:440px;
  max-height:200px;
  position:absolute;
  top:50%;
  bottom:;
  right:;
  left:2%;
   background-color:;
  color:;
  border:;
 }
  .fam-block{
/*    width:48%;*/
	height:500px;
	float:left;
	margin:5px;
/*	border:red solid;*/
	}
	.fam-block img{
		max-height: 300px;
	}
	#store-order{
 max-width:60%;
 position:fixed;
 top:15vw;
 z-index:200;
 height:76%;
 left:20%;
 background:url(../img/laptops-960x480.jpg);
 bottom:2%;
 overflow:auto;
}
}
@media(max-width:960px){
.store-top{
width:100%;
position:relative;
margin:3.5vw auto 10px auto;
padding:0 1px;
background-color: #fff;
}

.store1 img{
width:100%;
height:100%;
/*border:red solid;*/
}
.store1 p{
 font-size:18px;
 width:50%;
 font-weight:600;
 padding:0em;
}
.store1 p label{
  background-color:rgba(0,0,0,0.4);
  padding:3px;
  display:inline;
  text-align:left;
  line-height:22px;
}
.user{
 position:fixed;
 top:8%;
 right:0;
 padding:0 1px;
 background-color:#072b3c;
 overflow:;
 z-index:;
}
.user i {
margin:0 0;
}
.user i span{
 font-size:12px;
 color:yellow;
 position:absolute;
 right:2px;
 top:-13px;
 border-radius:50%;
 padding:2px;
 background-color:#BD7106;
}
.user i img{
  display:inline;
  width:;
  max-height:;
}
.user h5{
position:relative;
padding:3px 1px;
border-radius:30px;
float:right;
top:px;
right:px;
background-color:#072b3c;
border:;
}
#logs{
width:90%;
position:relative;
margin:auto;
padding:5px;
overflow:hidden;
}
.logs{
position:relative;
max-width:200px;
max-height:150px;
float:left;
margin:5px;
}
.webapp_def p{
width:90%;
font-size:16.5px;
line-height:30px;
/*box-shadow:#D7C73E 8px 4px 8px;*/
}
.webs{
 width:320px;
 position:relative;
 float:left;
 height:280px;
 margin:10px;
 border:#ccc solid 1px;
 box-shadow:#D7C73E 5px 4px;
 background-color:#fff;
}
.quote{
 padding:5px;
}
.qleft{
width:51%;
padding:5px;
line-height:20px;
}
.qright{
float:left;
padding:10px;
width:47%;
position:relative;
z-index:1;
background-color:#072b3c;
box-shadow:#ccc 6px 6px 5px;
}
.qright ul{
 position:relative;
 width:90%;
 margin:auto;
 list-style:none;
 border:;
}
.qright ul li{
position:relative;
 width:96%;
 margin:10px 0;
 padding:;
}
.qright ul li input{
 width:99%;
 padding:8px;
 border-radius:5px;
}
.qright ul li textarea{
 width:99%;
 padding:10px;
 resize:none;
  border-radius:5px;
}
.es-head-com{
/* max-width:74%;*/
}
.es-head-com p{
/* background-color:rgb(154,202,72,0.7);*/
}

}
@media(max-width:850px){
.es-head-com{
/* max-width:74%;*/
}
.es-head-com p{
/* background-color:rgb(154,202,72,0.7);*/
}
	#store-order{
 max-width:76%;
 position:fixed;
 top:19vw;
 z-index:200;
 height:76%;
 left:10%;
 background:url(../img/laptops-960x480.jpg);
 bottom:2%;
 overflow:auto;
}
}
@media(max-width:790px){
.quote{
/*
 padding:5px;
 width:98%;
 position:relative;
 margin:35px auto 0 auto;
 overflow:hidden;
 background-color:#F9F9F9;
*/
}
.qleft{
/*
float:left;
width:51%;
position:relative;
z-index:2;
margin-top:4%;
color:#fff;
padding:5px;
right:-50px;
line-height:20px;
background-color:#BD7106;
box-shadow:#ccc 10px 2px;
*/
}
.qright{
float:left;
padding:10px;
width:47%;
position:relative;
z-index:1;
background-color:#072b3c;
box-shadow:#ccc 6px 6px 5px;
}
.qright ul{
 position:relative;
 width:92%;
 margin:auto;
 list-style:none;
 border:;
}
.qright ul li{
position:relative;
 width:100%;
 margin:10px 0;
 padding:;
}
.qright ul li input{
 width:99%;
 padding:8px;
 border-radius:5px;
}
.qright ul li textarea{
 width:99%;
 padding:10px;
 resize:none;
  border-radius:5px;
}
.auto-seconds h5{
 line-height:24px;
 top:5px;
}
 .bsc-head{
/* height:350px;*/
 }
  .part-d-left{
     border-bottom:#ccc solid 1px;
  }
  .part-d-right p,.part-d-left p{
   padding:10px;
   max-width:500px;
   position:relative;
   margin:auto;
   padding-bottom:10px;
   float:none;
  }
  .part-d-right img,.part-d-left img{
  max-width:500px;
  position:relative;
  margin:auto;
  float:none;
  }
  .con-left{
	position:relative;
	float:left;
	width:50%;
	height:100%;
	background-color:rgb(0,0,0,0.1);
	padding:1px;
	border:;
	}
  .con-left p, .con-left p a{
	padding:4px;
	position:relative;
	font-size:16px;
	color:#107094;
	font-weight:500;
	border:;
	text-shadow:#fff 5px 5px 5px;
	}
}
@media(max-width:768px){  /*mobile*/
	.mini{
		background: none;
	}
	.mini .logo-box{
/*		background: none repeat scroll 0 0 rgba(2,26,37,0.81);*/
		background: none repeat scroll 0 0 rgba(179,209,223,0.71);
	}
	.mini .lll{
	width:16.6666%;
/*	background: #4B4646;	*/
}
	.lll img{
		height: 39px;
/*		border: red solid;*/
	}
	.cname{
     position: absolute !important;
	 left: 18% !important;
		margin-top: 0px;
/*		border: red solid;*/
}
	.cname p{
	margin-left: 0px;
		font-size: 21px;
/*	left: 16% !important;*/
/*	text-shadow: #000 2px 2px 2px;*/
/*	font-family: Franklin Gothic Bold, Arial Black," sans-serif";*/
}
	.cname span{
		font-size: 16px;
		bottom: -7px;
	}
	.nav-list{
/*		width: 58vw;*/
		margin: auto;
		padding: 5px;
		display: block;
		float: right;
/*		border: red solid;*/
/*		background: #000000;*/
	}
	.nav-list:after{
	content: "";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
	.nav-list li{
		display: block;
		width: 100%;
/*		border: red solid;*/
	}

.item,.other-head {
/*	max-height:310px;*/
	height:390px;
	margin:0 auto auto auto !important;
/*	border: red solid;*/
}
	
.head_rep2{
 padding:5px;
}
	.feats{
		margin: 1em auto;
		border-bottom: #BD7106 solid 2px;
		box-shadow: #BD7106 5px 5px 4px;
	}
.our-works img{
 float:none;
 max-width:100%;
 margin:auto;
}
.bdc{
 padding:5px;
}
.bdci{
 position:relative;
 width:280px;
 height:330px;
 margin:10px 8px;
 float:left;
}
.store-top{
width:100%;
position:relative;
margin:-125px auto 10px auto;
padding:0 1px;
background-color: #fff;
}
.store1 p{
 font-size:18px;
 width:50%;
 font-weight:600;
 padding:0em;
}
.user{
 position:relative;
 top:0;
 right:0;
 padding:0 5px;
 background-color:#072b3c;
 overflow:;
 z-index:;
 border:;
 overflow:visible;
}
.user i img{
  display:inline;
  max-width:60px;
  max-height:20px;
}
.user i {
margin:0 4px;
}
.user i span{
 font-size:13px;
 font-weight:500;
 position:absolute;
 color:#BD7106;
 right:8px;
 top:-12px;
width:15px;
 height:5px;
 border-radius:50%;
 padding:2px;
 background-color:#7DAB32;
}
.user i img{
  display:inline;
  width:;
  max-height:;
}
#logs{
width:94%;
position:relative;
margin:auto;
padding:5px;
overflow:hidden;
}
.logs{
position:relative;
max-width:170px;
max-height:130px;
float:left;
margin:5px;
}
 .stages h6{
max-width:98%;
text-align:justify;
font-size:19px;
line-height:28px;
font-family:"Times New Roman", Times, serif;
}
.com{
 top:8%;
}
.m-1, .m-2, .m-3, .m-4, .m-5, .m-6, .m-7, .m-8, .m-9, .m-10, .m-11, .m-12{
 float:none;
 position:relative;
 width:100%;
}
.coma-f{
 padding:10px;
/* margin-top:-125px;*/
}
.coma-f h4{
 padding:2em;
 font-size:15.4px;
 width:80%;
}
.coma-f h4 img{
 right:;
 top:;
 height:105px;
 width:105px;
}
 .auto-top{
/*margin-top:-129px;*/
}
 .dm-head-left p, h3, h4,.dm-head-right p, h3, h4{
  font-size:16px;
  padding:6px;
  margin:8px auto;
  color:#fff;
 }
  .dm-head-left,.dm-head-right{
   max-width:35%;
   top:40%;
   position:absolute;
 }
.dm-head-left{
 left:2%;
}
.dm-head-right{
 right:2%;
 text-align:right;
 }
 .dm-talk-1{
  font-size:20px;
  font-weight:500;
  min-height:250px;
  padding:2px;
 }
  .dm-talk-1 p{
   width:90%;
   position:relative;
   margin:auto;
   padding:5px;
  }
  .abts{
 width:460px;
 height:360px;
 float:none;
 position:relative;
 margin:10px auto;
 border:;
 }
	.abt-head-com,.conect-head-com{
  max-width:440px;
  position:absolute;
  top:auto;
  bottom: 10%;
  left:2%;
   background-color:;
  color:;
  border:;
 }
  .bas{
  width:92%;
 }
 
	}
	.fam-block{
/*    width:100%;*/
	height:auto;
	float:none;
	margin:10px auto;
/*	border:red solid;*/
	}
	.fam-block img{
		max-width: 100%;
		max-height: 300px;
	}
.why-head-com{
  max-width:440px;
  position:absolute;
  top:auto;
  left:5%;
  bottom: 10px;
 }
	.blogg{
		position: relative;
		margin-top: -7em;
		/*border:#000 solid;*/
	}
	.blog-lleft{
		position:absolute;
		top: 18vw;
		left: 0;
/*		z-index:;*/
		height: 500px;
		width:0;
		overflow: hidden;
		margin:;
		display:;
		transition:1s;
		z-index: 5;
	}
	.blog-left{
	 position:relative;
	margin:20px auto auto 0;
	padding:10px;
	background-color: #072b3c;
	color:#fff;
	width:100%;
	box-shadow:#BD7106 8px 2px 2px;
	
	}
	.blog-left ul li:hover{
	box-shadow: 0px 0px;
	
	}
	.blog-side{
	 display:block;
	}
	
	 .why-head{
 height:300px;
 }
  .abt-head{
 height:300px;
 }
.conect-head{
/* height:300px;*/
 }
 #store-order{
 max-width:76%;
 position:fixed;
 top:4vw;
 z-index:200;
 height:76%;
 left:10%;
 background:url(../img/laptops-960x480.jpg);
 bottom:2%;
 overflow:auto;
}
	.consult img{
		width: 100%;
	}
}
@media(max-width:750px){
.webs{
 width:47%;
 position:relative;
 float:left;
 height:280px;
 margin:5px;
 border:#ccc solid 1px;
 box-shadow:#D7C73E 5px 4px;
 background-color:#fff;
}
#why-w{
	padding:10px;
	width:96%;
	margin:auto;
	border:;
	}
	.why-w{
	padding-left:15px;
	padding-bottom:15px;
	width:100%;
	margin:20px auto;
	border-left:#ccc solid 5px;
	border-radius:20px;
	}
	.why-w p{
	padding:10px;
	margin:0;
	font-size:18px;
	border:;
	}
}
@media(max-width:685px){
.comp{
 position:relative;
 max-width:320px;
 border:#BD7106 solid 1px;
 float:none;
 margin:8px auto;
}
.autos img{
width:90%;
max-height:220px;
margin:20px auto;
float:none;
}
.autos .espl{
width:98%;
float:none;
text-align:justify;
}
.coma-f h4{
 padding:2em;
 font-size:15.4px;
 width:80%;
}
.coma-f h4 img{
 right:-75px;
 top:;
 height:105px;
 width:105px;
}
#blog-call{
/*
	  left:1%;
	  top:21%;
	  height:405px;
	   max-width:98%;
	 margin:auto;
	  z-index:100;
	  width:100%;
*/
	}
	.store1{
/*width:98%;*/
max-height:350px;
/*
position:relative;
margin:auto;
border:;
overflow:hidden;
*/
}
.store1 img{
/*
max-width:100%;
max-height:100%;
margin:auto;
position:relative;
border:none;
*/
}
}
@media(max-width:665px){
.bdc{
 padding:0;
}
.bdci{
 position:relative;
 min-width:350px;
 height:auto;
 margin:5px auto;
 float:none;
}
.ca-img img{
position:relative;
display:block;
margin:auto;
max-width:100%;
max-height:420px;
}

#logs{
width:90%;
position:relative;
margin:auto;
padding:5px;
overflow:hidden;
}
.logs{
position:relative;
max-width:90px;
max-height:70px;
float:left;
margin:5px;
}
.logs img{
 width:100px;
 max-height:70px;
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}

.seca{
 margin-top:-20px;
 margin-left:10px;
 font-size:16.5px;
 font-weight:500;
}
.quote{
/*
 padding:5px;
 width:98%;
 position:relative;
 margin:35px auto 0 auto;
 overflow:hidden;
 background-color:#F9F9F9;
*/
}
.qleft{
float:none;
width:98%;
position:relative;
z-index:0;
margin:5px auto;
margin-top:0;
color:#fff;
padding:5px;
right:auto;
line-height:20px;
/*background-color:#BD7106;*/
box-shadow:none;
}
.qright{
float:none;
padding:10px;
width:98%;
position:relative;
z-index:0;
background-color:#072b3c;
box-shadow:none;
}
.qright ul{
 position:relative;
 width:99%;
 margin:auto;
 list-style:none;
 border:;
}
.qright ul li{
position:relative;
 width:96%;
 margin:10px 0;
 padding:;
}

.qright ul li input{
 width:99%;
 padding:8px;
 border-radius:5px;
}
.qright ul li textarea{
 width:99%;
 padding:10px;
 resize:none;
  border-radius:5px;
}
.coma-f h4{
 padding:2em 0.5em 2em 0.4em;
 font-size:15.4px;
 width:80%;
}
.coma-f h4 img{
 right:;
 top:;
 height:105px;
 width:105px;
}
.es-head-com{
/* top:0;*/
/* padding:;*/
/* max-width:100%;*/
/* left:0px;*/
 border:;
 position:relative;
}
.es-head-com h4{
/* background-color:rgb(100,59,128,0.84);*/
 padding:10px;
 text-align:center;
 margin:0 0 2px 0;
 font-family:"Book Antiqua";
 font-weight:500;
 color:#fff;
}
.es-head-com p{
/* background-color:rgb(154,202,72,0.9);*/
 padding:5px;
 word-spacing:px;
 margin:0;
 line-height:24px;
 font-family:;
 font-weight:500;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#fff;
}
  .bas{
  width:99%;
 }
 .blog-left ul li{
	 font-size:15px;
	
	}
}
@media(max-width:615px){
.coma-f h4{
 padding:2em 2em 2em 0.4em;
 font-size:13.4px;
 width:80%;

}
.coma-f h4 img{
 right:;
 top:;
 height:95px;
 width:95px;
}
#blog-call{
/*
	  left:1%;
	  top:32%;
	  height:405px;
	   max-width:98%;
	 margin:auto;
	  z-index:100;
	  width:100%;
*/
	}
	#why-w{
	padding:10px;
	width:96%;
	margin:auto;
	border:;
	}
	.why-w{
	padding-left:15px;
	padding-bottom:15px;
	width:100%;
	margin:20px auto;
	border-left:#ccc solid 5px;
	border-radius:20px;
	}
	.why-w p{
	padding:10px;
	margin:0;
	font-size:18px;
	border:;
	}
	.why-w img{
	width:100%;
	}
}
@media(max-width:560px){
.webs{
 width:320px;
 position:relative;
 float:none;
 height:320px;
 margin:10px auto;
 border:#ccc solid 1px;
 box-shadow:#D7C73E 5px 4px;
 background-color:#fff;
}
.qright ul li{
position:relative;
 width:99%;
 margin:10px 0;
 padding:;
}
.qright ul li input{
 width:100%;
 padding:8px;
 border-radius:5px;
}
.qright ul li textarea{
 width:100%;
 padding:10px;
 resize:none;
  border-radius:5px;
}
.coma-f h4{
 padding:2em;
 font-size:12px;
 width:80%;
}
.coma-f h4 img{
 right:;
 top:;
 height:98px;
 width:98px;
 border:;
}
.abt-first{
 padding:2px;
 width:100%;
 }
.abts{
 max-width:100%;
 height:360px;
 float:none;
 position:relative;
 margin:10px auto;
 }
 .blog-call button{
	display:block;
	position:absolute;
	margin:auto;
	left:40%;
	padding:6px 12px;
	border:#072b3c 1px solid;
	text-transform:capitalize;
	background-color:#072b3c;
	color:#fff;
	cursor:pointer;
	bottom:0px;
	border-radius:4px 4px 0 0;
	}
	#why-w{
	padding:10px;
	width:100%;
	margin:auto;
	border:;
	}
	#store-order{
 max-width:90%;
 position:fixed;
 top:;
 z-index:200;
 height:76%;
 left:4%;
 background:url(../img/laptops-960x480.jpg);
 bottom:2%;
 overflow:auto;
}
}
@media(max-width:500px){
#blog-call{
/*
	  left:1%;
	  top:32%;
	  height:405px;
	   max-width:98%;
	 margin:auto;
	  z-index:100;
	  width:100%;
*/
	}
.store1 p{
 font-size:15px;
 width:70%;
}
}
@media(max-width:418px){
.bdci{
 min-width:280px;
}
#logs{
width:90%;
position:relative;
margin:auto;
padding:5px;
overflow:hidden;
}
.logs{
position:relative;
max-width:70px;
max-height:50px;
float:left;
margin:5px;
}
.logs img{
 width:70px;
 max-height:50px;
-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
  filter: grayscale(100%);
}
.coma-f h4{
 padding:2em;
 font-size:12px;
 width:80%;
}
.coma-f h4 img{
 right:;
 top:;
 height:98px;
 width:98px;
}

}
/*--------------footer section ----------------*/
#contact {
	background: none repeat scroll 0 0 #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	padding: 3.6em 2em;
	position: relative;
	z-index: 2;
}
#contact input, #contact textarea {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 3px;
	resize:none;
}
form.customform button.color-btn {
	height: auto;
	margin-top: 0;
}
#contact h2 {
	margin: 0 0 1.25em;
}
#contact h3 {
	color: #f69105;
	font-size: 1em;
	font-weight: 700;
	margin: 0 0 0.625em;
	text-transform: uppercase;
}
#contact p {
	font-size: 0.85em;
	font-style: normal;
	line-height: 2em;
}
#contact p strong {
	font-weight: 700;
}
#contact i {
	background: #e0e0e0 none repeat scroll 0 0;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	line-height: 26px;
	margin: 0.625em;
	text-align: center;
	width: 26px;
}
.fig-text{
	margin:0 0 6em;
	}
.fig-text-left{
	float:left;
	width:40%;
	}
.fig-text-left img{
	width:100%;
	}
.fig-text-right{
	float:right;
	width:55%;
	}
.fig-text-right h3{
	color:#959595;
	font-size: 22px;
	margin: 0 0 .5em;
	font-weight: 600;
	}
.fig-text-right ul{
	padding:0;
	margin:0;
	}
.fig-text-right ul li{
	list-style-type:none;
	margin:0 0 .5em;
	}
.fig-text-right ul li a{
	color:#565656;
	font-size:14px;
	width:80%;
	line-height:25px;
	background: url(../images/marker.png) no-repeat 0px 9px;
	display: block;
	padding-left: 2.5em;
	}
.fig-text-right ul li a:hover{
	text-decoration:none;
	color:#959595;
	}
footer {
	background:url(../img/updating-digital-mobile-banking.jpg);
/*	padding: 1.2em ;*/
	text-align:center;
}
.footer-d {
	background: none repeat scroll 0 0 rgba(12,73,101,0.65);
	padding: 1.2em ;
	text-align:center;
	border-top: #f69105 solid;
}

footer p, footer a:visited, footer a, footer a:hover {
	color: #fff;
	font-size: 0.8em;
}
#footer-social{
position:relative;
overflow:hidden;
}
#footer-social p{
 text-align:center;
 padding:1.5em;
 font-size:16px;
}
.footer-social{
position:relative;
 max-width:220px;
 float:left;
 margin:1px 10%;
 height:145px;
}
.footer-social ul{
padding:0;
list-style:none;
}
.footer-social ul li{
padding:0;
margin:11px;
overflow:hidden;
font-size:18px;
color:#fff;
text-align:left;
text-transform:capitalize;
}
.footer-social ul li i{
 float:none;
 border:#fff solid;
 background-color:#fff;
 margin:0 8px;
 cursor:pointer;
 font-size:20px;
 padding:2px 8px;
 border-radius:50%;
 
 float:left;
 
}
.footer-social ul li i.fb{
	color:#0000CC;
}
.footer-social ul li i.tw{
	color:#61B5F1;
}
.footer-social ul li i.in{
	color:#A63B52;
}
.footer-s ul li a{
 color:#fff !important;
}
.footer-s ul li a:hover{
 color:#072b3c !important;
}
.footer-inc{
position:relative;
border-top:#fff solid 1px;
}
.footer-inc p{
 text-align:center;
 padding:1.1em;
 font-size:16px;
}
@media(max-width:1200px){
.footer-social{
position:relative;
 max-width:220px;
 float:left;
 margin:1px 5%;
}
}
@media(max-width:700px){
.footer-social{
position:relative;
 max-width:220px;
 float:left;
 margin:1px 1%;
}
}
@media screen and (max-width: 768px) {
  header {
  	position:;
  }
  .top-nav li a {
  	background: rgba(12,73,101,0.60) none repeat scroll 0 0;
  }
  #carousel .text {
/*  	font-size: 0.8em;*/
	  display: block;
/*	  top: 10px;*/
  	top: 50%;
	  width: 96%;
  }
	#carousel .text h2{
		font-size: 15px;
	}
	#carousel .text p{
		font-size: 12px;
	}
	
	#carousel .r-text {
	
}
  .owl-controls.clickable {
  	display: none!important;
  }
  .right{
  	float: none;
  }
  .top-nav li a{
    font-size: 0.80em;
	font-weight: 500;
	padding: 0.5em 0.4em;
	}
.top-nav li a:hover{
   background:#BD7106 none repeat scroll 0 0;
	border-radius: 0;
	border: none;
  }
  .social.right {
  	float: right;
  }
  #about-us article {
  	padding: 4em 2.5em;
  }
}
@media screen and (max-width: 480px) {
  #topbar {
  	line-height: 1.625em;
  	text-align: center;
  }
  .social.right {
  	float: none;
  }
  p.logo, p.nav-text {
  	text-align: center;
  }
}