/* Global Styles */
.project-thum:after, .about:after, .Panelsdiv:after, .Prepro:after {font-size:0px; line-height:0px; height:0px; content:'.';
 visibility:hidden; display:block; clear:both;}
html{min-height:100%; position:relative;}
header{z-index:3; position:relative;}
body{ background:#ffffff;} 
h3 a{color:#555555;}
h3 a:hover{color:#555555; text-decoration:underline;}
#projects_article_ h3 a{color:#ffffff;}
#projects_article_ h3 a:hover{color:#ffffff; text-decoration:underline;}
h3 > span > a{text-transform:capitalize;}
#projects_article_{background:none;}
a, a:focus{outline:none;}
/* background banner */
#wrapper {width:100%; height:100%; position:absolute; z-index:0; top:0px; bottom:0px; left:0px; right:0px;}
.caroufredsel_wrapper {width: 100% !important;	height: 100% !important;}
#carousel div {width: 100%;	height: 100%;}
#carousel div img {width: 100%; height: 100%;}
.content-container{position:relative; z-index:1;}
/* new  style*/
.logo { padding:0;}
.navbar-brand{ float:none;  height:auto!important; padding:0;}
.navbar-default .navbar-nav > li > a{font-size:16px;   text-transform: uppercase; font-weight: normal;  color:#ffffff; }
.navbar-default .navbar-nav > li > a:hover{background:#ee2d24; color:#ffffff;}
.navbar-default .navbar-nav > li > a:focus{background:#ee2d24; color:#ffffff;}
.navbar-default .navbar-nav > .menu-item-selected > a{background:#ee2d24; color:#ffffff;}
.text-hide{ display:none;}
.navbar{  background: none; margin: 62px 0; border: none; z-index:1;}
.about{margin:0px auto;  padding-top:15px; padding-bottom:15px; position:relative; z-index:1;} 
.innerContainer{ background: url(/docs/web/ajb/container-bg.png); margin:20px auto;  position:relative; z-index:1;}
.caption h3{margin: 30px 0 15px!important; padding: 10px!important; text-align: center;  color: #ffffff!important; text-transform: capitalize;}
.about h3 { color: #555555;  margin: 0px 0px 15px 0px;}
/* project page */
.mbt{ margin-bottom:22px;}
.box {cursor: pointer;}
/* footer */
footer {background:#fff; width:100%; clear:both;  color:#000000;  padding:0px; margin:0px; position:absolute; bottom:0px; z-index:1;}
footer .foottop { background:url(/docs/web/ajb/footer.png) no-repeat right bottom; height:155px; background-size:contain;}
footer div h3{   margin:0; padding: 0px; text-transform: capitalize; font-size: 16px;}
.contact-phone > span{font-size:12px; display:block; line-height:normal; margin:6px 0px 0px 0px;}
.contact-phone > span > a{color:#000000;}
.contact-phone > span > a:hover, a:focus{color:#337ab7; text-decoration:none;}
#Menufooter ul{ padding:0;}
#Menufooter ul li{ list-style-type:none;}
.client-footer div { padding-left:0;} 
.vert-text { display: table-cell; vertical-align: middle;  text-align: center;}
.vert-text h1 {  padding: 0;  margin: 0;  font-size: 4.5em;  font-weight: 700;}
.toggle { margin: 5px 5px 0 0;}
.navbar-default .navbar-toggle .icon-bar{background:#ffffff;}

/* caption */
.img-caption { padding: 5px;}
.caption { position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  background-color: rgba(0, 0, 0, 0);  opacity: 0;  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;  -o-transition: all .25s ease;  transition: all .25s ease;  margin: 0px 15px;}
.caption .caption-content {  width: 80%;  height: 150px; left: 10%;  top: 40%;  margin-top: -20px;  position: absolute;  text-align: center;  visibility: hidden;
  -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -ms-transition: all .5s ease;  -o-transition: all .5s ease;  transition: all .5s ease;  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);  -ms-transform: translateY(-100%);  -o-transform: translateY(-100%);  transform: translateY(-100%)}
/*
.caption:hover .caption-content {  visibility: visible;  -webkit-transform: translateY(0);  -moz-transform: translateY(0);  -ms-transform: translateY(0);  -o-transform: translateY(0);
transform: translateY(0)}
.caption:hover {  background-color: rgba(0, 0, 0, 0.5);  opacity: 1}
*/
.caption .caption-content a {background-color: rgba(128, 128, 128, 0.5);  padding: 10px 10px 8px 10px;  color: #fff;  border: solid 1px #999;  text-decoration: none;
  margin-bottom: 10px !important;  display: inline-block;  -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;  -o-transition: all .25s ease;
  transition: all .25s ease}
/*
.caption .caption-content a:hover {  background-color: rgba(200, 200, 200, 0.5);}
*/
.caption .caption-content h4 { padding: 0;  color: #fff;  margin: 0 auto;  text-align: center;  font-size: 1.5em}
#contact .list-inline a {  color: #fff;}
#contact .list-inline a:hover {  color: #ccc;}
.img_response a img{display: block; height: auto; max-width: 100%;}

/*Category Page thumbnail css start*/
.categoryDiv > a > .caption > .vaMiddle h3{margin:0px!important; display:table-cell; vertical-align:middle;}
.categoryDiv > a > span > p{color:#ffffff; margin-bottom:0px; line-height:normal;}
.categoryDiv > a > .caption > .vaMiddle{display:table; width:100%; height:100%;}
html[lang='\en'] .categoryDiv img{left:0px!important;}
.detailsDiv{max-width:580px; height:340px; overflow-y:auto;}
 /*#about > div > .about  {max-width:580px; height:300px; overflow-y:auto;}*/
 #projects_article_  .about  {background:none; max-width:580px; height:300px; overflow-y:auto;}
/*Category Page thumbnail css end*/
.vaMiddle h3{margin:0px!important; display:table-cell; vertical-align:middle; padding:0px!important; font-size:20px;}
.vaMiddle{display:table; width:100%; height:100%;}
.contact-phone a {word-wrap: break-word;}
.copyright{display:block;}

/********************* new caption ************************/
/*
#clients .caption:hover .caption-content {  visibility: visible;  -webkit-transform: translateY(0);  -moz-transform: translateY(0);  -ms-transform: translateY(0);  -o-transform: translateY(0);
transform: translateY(0)}
#clients .caption:hover {  background-color: rgba(0, 0, 0, 0.5);  opacity: 1}
#categories .caption .caption-content, #projects .caption .caption-content {  visibility: visible;  -webkit-transform: translateY(0);  -moz-transform: translateY(0);  -ms-transform: translateY(0);  -o-transform: translateY(0);
transform: translateY(0)}
*/
#categories .caption, #projects .caption {  /*background-color: rgba(0, 0, 0, 0.5);*/  opacity: 1}

#categories .vaMiddle h3, #projects .vaMiddle h3 {
  font-size: 16px !important;
  font-weight: normal;
  line-height: inherit;
}

@media(max-width: 414px) {
  #categories .caption, #projects .caption {
  }
  
  #categories .vaMiddle h3, #projects .vaMiddle h3 {
    font-size: 20px !important;
  }
}

/*
******************** backup of caption ***********************
.img-caption { padding: 5px;}
.caption { position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  background-color: rgba(0, 0, 0, 0);  opacity: 0;  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;  -o-transition: all .25s ease;  transition: all .25s ease;  margin: 0px 15px;}
.caption .caption-content {  width: 80%;  height: 150px; left: 10%;  top: 40%;  margin-top: -20px;  position: absolute;  text-align: center;  visibility: hidden;
  -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -ms-transition: all .5s ease;  -o-transition: all .5s ease;  transition: all .5s ease;  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);  -ms-transform: translateY(-100%);  -o-transform: translateY(-100%);  transform: translateY(-100%)}
.caption:hover .caption-content {  visibility: visible;  -webkit-transform: translateY(0);  -moz-transform: translateY(0);  -ms-transform: translateY(0);  -o-transform: translateY(0);
transform: translateY(0)}
.caption:hover {  background-color: rgba(0, 0, 0, 0.5);  opacity: 1}
.caption .caption-content a {background-color: rgba(128, 128, 128, 0.5);  padding: 10px 10px 8px 10px;  color: #fff;  border: solid 1px #999;  text-decoration: none;
  margin-bottom: 10px !important;  display: inline-block;  -webkit-transition: all .25s ease;  -moz-transition: all .25s ease;  -ms-transition: all .25s ease;  -o-transition: all .25s ease;
  transition: all .25s ease}
.caption .caption-content a:hover {  background-color: rgba(200, 200, 200, 0.5);}
.caption .caption-content h4 { padding: 0;  color: #fff;  margin: 0 auto;  text-align: center;  font-size: 1.5em}
#contact .list-inline a {  color: #fff;}
#contact .list-inline a:hover {  color: #ccc;}
.img_response a img{display: block; height: auto; max-width: 100%;}

.categoryDiv > a > .caption > .vaMiddle h3{margin:0px!important; display:table-cell; vertical-align:middle;}
.categoryDiv > a > span > p{color:#ffffff; margin-bottom:0px; line-height:normal;}
.categoryDiv > a > .caption > .vaMiddle{display:table; width:100%; height:100%;}
html[lang='\en'] .categoryDiv img{left:0px!important;}
.detailsDiv{max-width:580px; height:340px; overflow-y:auto;}
 #projects_article_  .about  {background:none; max-width:580px; height:300px; overflow-y:auto;}
.vaMiddle h3{margin:0px!important; display:table-cell; vertical-align:middle; padding:0px!important; font-size:20px;}
.vaMiddle{display:table; width:100%; height:100%;}
.contact-phone a {word-wrap: break-word;}
.copyright{display:block;}
*/

/* background Image css start */
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized {padding:0px;  display:block; position:fixed; left:0; top:0; right:0; bottom:0; overflow:hidden; z-index:0; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0;  width:100%; height:100%; background:#ffffff; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
.mainNavBg{background:#706f6e; opacity:0.850; padding:0px;}

/* background Image css end */

/*Samsung s4 css start*/
.about h3{position:relative; z-index:1;}
.about p{position:relative; z-index:1;}
.logo{position:relative; z-index:4}
.navbar{position:relative; z-index:5}
.logo-top{position:relative; z-index:1}
/*Samsung s4 css end*/
#clients .vaMiddle > h3{font-size:15px!important; text-transform:none;}
#home > .innerContainer{margin:0px!important;}
@media (min-width:320px ) and (max-width: 767px) {
.navbar-collapse{background:none; border: none;  margin-top: -8px;  padding: 0px;  position: absolute;  right: 0px; z-index: 999;}
.navbar-nav { margin:0; width:auto; text-align:right;}
.navbar-default .navbar-toggle { background:#EE2D24!important; border-color:#EE2D24; border-radius:0px; margin-top:0px; margin-right:0px;}
.navbar {margin:0px;}
.navbar-default .navbar-nav > li >a{background:#706f6e; opacity:0.850; border-bottom:1px solid #EE2D24;}
/*.navbar-default .navbar-nav > li >a{background:url("/docs/web/ajb/container-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color:#EE2D24; border-bottom:1px solid #EE2D24;}*/
.navbar-default .navbar-nav > li >a:hover{background:#EE2D24; color:#ffffff;}
.navbar-default .navbar-nav > li:last-child >a{border-bottom:0px;}
.about h3{font-size:20px !important;}
}


@media screen and (min-width: 768px) {
footer{height:185px;}
.logo-top img{height:175px; width:auto;}
/*#supersized {padding-bottom:185px;}*/
  
/*#projects #supersized {padding-bottom:0px;}
#clients #supersized {padding-bottom:0px;}
#projects_article_ #supersized {padding-bottom:0px;}
#about #supersized {padding-bottom:185px;}*/
}

@media screen and (max-width: 767px) {
.navbar-default .navbar-nav > li > a{padding-right:30px;}
.logo-top img{height:140px; width:auto;}
.mainNavBg{margin-right:0px;}
footer {background-size:100%; height:auto;}
header{position:relative; z-index:3}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { #supersized{top:0px!important;}}
@media (min-width:240px ) and (max-width: 319px){
.navbar{margin:0px;}
.logo-top img{height:100px; width:auto;}
header{min-height:100px;}
.navbar-collapse{background:none; border: none;  margin-top: -8px;  padding: 0px;  position: absolute;  right: 0px; z-index: 999;}
.navbar-nav { margin:0; width:auto; text-align:right;}
.navbar-default .navbar-toggle { background:#EE2D24!important; border-color:#EE2D24; border-radius:0px; margin-top:0px; margin-right:0px;}
.navbar {margin:0px;}
.navbar-default .navbar-nav > li >a{background:url("/docs/web/ajb/container-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color:#EE2D24; border-bottom:1px solid #EE2D24;}
.navbar-default .navbar-nav > li >a:hover{background:#EE2D24; color:#ffffff;}
.navbar-default .navbar-nav > li:last-child >a{border-bottom:0px;}
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){
#supersized{position:absolute; z-index:0; top:0px;}
footer{position:absolute; z-index:1; bottom:0px;}
header{position:absolute; z-index:5; width:100%; top:0px;}
.about{top:140px;}
}
@media only screen and (min-device-width: 414px)  and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { 
header{position:relative;}
}