/* ==================================================================================

ALL RIGHTS RESERVED BY IMPULSE TECHNOSOFT(WWW.IMTS.IN) INDIA - CODED BY DATTAPRASAD

====================================================================================*/



@import url(../css/fonts.css);



/* ==============================================================

Media Quries Start - Impulse Technosoft 

===============================================================*/

/* 1601 start */
@media (min-width: 1601px){


.img1{

  	background: url('../images/banner/001.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;

}

.img2{	

  	background: url('../images/banner/002.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;

}

.img3{	

  	background: url('../images/banner/003.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;

}

.img4{	

  	background: url('../images/banner/22.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;

}


div.cap h1{		

	font-family: 'Lobster', cursive;

	font-weight: 500;

	color: #fff;

	letter-spacing:3px;

	font-size: 100px;

	

}

div.cap p{

	font-size: 25px;

	color: #fff;

	font-weight:300;

	text-shadow: 0px 0px 4px #1C1C1C;

	margin-bottom: 30px;

}

div.cap{

	text-align: center;

	margin-bottom: 270px;

}	



}

/* 1601 close */

/* 1368 start */

@media (min-width: 1368px) and (max-width: 1600px){


.img1{

  	background: url('../images/banner/001.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;

}

.img2{	

  	background: url('../images/banner/002.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;

}

.img3{	

  	background: url('../images/banner/003.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;

}

.img4{	

  	background: url('../images/banner/22.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;

}

div.cap h1{		

	font-family: 'Lobster', cursive;

	font-weight: 500;

	color: #fff;

	letter-spacing:3px;

	font-size: 80px;

	

}

div.cap p{

	font-size: 25px;

	color: #fff;

	font-weight:300;

	text-shadow: 0px 0px 4px #1C1C1C;

	margin-bottom: 30px;

}

div.cap{

	text-align: center;

	margin-bottom: 230px;

}	

}

/* 1368 close*/

@media (min-width: 993px){

	.show-hide .home-cover{

		display: none;

	}

}

@media (max-width: 992px) and (min-width: 768px){
.main-nav{
	display: none;
}	

.navbar-default .navbar-brand  {

 	display: none;

}

.show-hide .home-cover h1{

 	color: #fff;

 	font-size: 45px;

 	font-family: 'Ubuntu', sans-serif;

 }

 .show-hide .home-cover a.navbar-logo img{

 	margin-top: 100px;

 }
 .show-hide .home-cover{
	 background : none !important;
	 min-height: 230px !important;
 }
 
 .show-hide .carousel {
	 
    display: block !important;
}
#carousel-example-generic .img1, #carousel-example-generic .img2 , #carousel-example-generic .img3{
	display: none !important;
}
#carousel-inner{
	display: none;
}



}
/*-----------*/

@media (max-width: 767px){
.main-nav{
	display: none;
}	
 .show-hide .home-cover{
	 background : none !important;
	 min-height: 130px !important;
 }
 
 .show-hide .carousel {
	 
    display: block !important;
}
.wd1 {
    padding: 0px 0 9px 0 !important;
}
#carousel-example-generic .img1, #carousel-example-generic .img2 , #carousel-example-generic .img3{
	display: none !important;
}
.thumbnail .caption {
    padding: 9px;
    color: #333;
    height: 210px;
}
.navbar {
    position: relative;
    min-height: 0px !important;
    margin-bottom: 0px !important;
}
.navbar-brand > img {
    margin-top: -38px !important;
}
.slider{
	margin-top: 0px;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left  {
   
    display: none;
}
.home-heading {
     padding: 0px !important;
	/* margin-top: -30px;*/
}
h1 {
    font-size: 20px !important;
	font-weight: 400 !important;
}
.home-heading .container .row h1 {
    font-size: 40px;
    color: #808080;
    text-transform: uppercase;
    font-weight: 400 !important;
}
.home-heading .cen {
	font-size: 12px !important;
	padding: 0 2px !important;
}
.home-heading .thumb1 {
    margin-top: 9px !important;
    margin-bottom: 20px !important;
}
.mob-projs li{
	list-style: none;
}
.mob-projs {
	padding-right: 26px;
    margin-left: -12px;
}
.quote h1 strong{
	font-size: 21px !important;
}	
div.quote {
    padding: 0px !important;
}
.quote h1{
	border-right: none !important;
	border-bottom: 1px dashed #fff;
	padding-bottom: 26px !important;
}
.home-cnt{
	padding-top: 0px !important;
}
.success-stories{
	text-align: center;
    padding: 67px 0 79px 0 !important;
}
.stat{
	padding: 22px 0 !important;
}
.stat .thumbnail {
	margin-top: 13px !important;
}
.logoimg {
    border-bottom: 1px solid #fff;
    border-right: none !important;
    /* width: 81%; */
    /* margin-left: 61px; */
     padding-left: 0px !important;
}
footer .col-xs-6 {
    width: 100%;
}
.server {
    margin-bottom: 0px !important;
}
.foot-bottom .container p {
    color: #fff;
    font-size: 13px;
    text-align: center;
}
.specialize-cnt{
	/*padding-right: 28px;*/
}
.homebotspace, .innerbotspace {
    margin-bottom: 27px !important;
}
.homebotspace h1 {
    font-size: 24px !important;
     margin: 11px 0 19px 0 !important; 
    text-align: center;
}
.mob-projs li {
    margin-bottom: 10px !important;
    position: relative;
}
.mob-projs a, .mob-projs {
    display: block !important;
    height: 121px !important;
}
.mob-projs li img{
	height: 118px;
}
.success-stories h2 {
    text-align: center;
    font-size: 26px !important;
}
.thumbnail > img{
	width: 50% !important;
}
div.quote1 {
    padding: 11px 0 !important;
}
.quote1 h2{
	font-size: 24px;
}


#carousel-inner{
	display: none;
}
#slide-img{
	min-height: 161px !important;
	margin-bottom: -56px;
    margin-top: -28px !important;
  }
 .about img {
    width: 62%;
    margin-left: 66px !important;
}
.top-head{
	margin-top: -40px;
}
.ceo-img {
    padding-left: 29px !important;
    margin-top: 56px !important;
}
.digital img{
	width: 73%;
    margin: 48px;
}
h2, .h2 {
    font-size: 22px !important;
}
.smo-h4{
	    margin-left: 0px !important;
}
#andu img{
	width: 100%;
}
.gif-img2 {
    width: 24%;
    margin-left: 113px !important;
    height: 144px !important;
    margin-top: -437px !important;
    margin-bottom: 283px;
}
.web .thumbnail{
	padding: 25px 10px 0 10px !important;
}
.quote h1 {
	/*padding-bottom: 0px !important;*/
}
.web-cnt{
	    margin: 40px 0 7px 0!important;
}
.navigation {
    font-family: 'Roboto', sans-serif;
    margin-top: 82px !important;
}
.home-heading .thumb1 p {
    display: none;
}
.home-heading .thumbnail {
    border: none;
    padding: 22px 0 !important;
    height: 160px !important;
    webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
}
.home-blog{
	margin-top: -52px !important;
}
.latest-proj > p.proj-intro{
	padding: 0 !important;
}
.quote .container .row p {
    text-align: justify;
    font-size: 16px !important;
    color: #fff;
    margin-top: 30px;
    font-weight: 300 !important;
}
.web-work .thumbnail {
    text-align: center;
    background-color: transparent;
    height: 404px;
    padding: 0px;
}
.about-img {
    background: url(../images/banner/about.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 540px;
    margin-bottom: -20px;
}
.vision{
	text-align: left !important;
    border-right: none;
    padding-left: 11px;
    border-left: none !important;
}
#app-work .thumbnail {
	height: 369px !important;
}
.web-top .thumbnail{
	height: 330px !important;
}
.responsive .res-p {
   
    font-size: 16px;
    font-family: 'Mandali', sans-serif;
    margin-bottom: 44px;
}
.web .thumbnail {
    height: 325px;
}
.mob-app-img{
	width: 77%;
    margin-left: 24px;
    margin-top: 0px; 
}
.sem-h4{
	margin-left: 0px;
}

.seow{
	margin-left: 70px!important;
}

}
/*-----------*/

@media (max-width: 767px){

 .show-hide .home-cover .navbar-logo{

 	display: none;

 }

  .show-hide .home-cover h1{

 	color: #fff;

 	padding-top: 8px;

 	font-size: 45px;

 	font-family: 'Ubuntu', sans-serif;

 } 

 .seow{
	margin-left: 0px!important;
}

}

@media (max-width: 992px) {
	
/*---about--*/	
.about img{
	width: 62%;
    margin-left: 97px;
}
#quote-about  .row h1{
	text-align: right;
}
img.ceo-icon , img.icon2 {
   
    display: none;
}
.ceo-img{
	padding-left: 138px;
}
.ceo-desc h3 {
   
    text-align: center;
}
/*---about end--*/	
.foot {
    background-color: #151515;
    padding: 60px 0 60px 66px;
    border-top: 1px solid #2B2A2A;
}
 .show-hide .carousel{

 	display: none;

 }



 .show-hide .home-cover{

 	background: url('../../images/cov1.jpg') no-repeat center center ;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 700px; 

 	background-color: #216EAA; 	

 }

 .show-hide .home-cover{

 	text-align: center;

 }

 .show-hide .home-cover h1{

 	color: #fff;

 	font-size: 45px;

 	font-family: 'Ubuntu', sans-serif;

 }

 .show-hide .home-cover p{

 	color: #fff;

 	font-size: 17px;

 	word-wrap: break-word;

 }

.show-hide .home-cover h4{

 	color: #fff;

 	font-size: 20px;

 	word-wrap: break-word;

 	padding-bottom: 50px;

 }

.show-hide .home-cover .btn-cov1{

	padding: 10px 20px;

	border-radius: 50px;

	background-color: #2E6EAA;

	border: 1px solid #fff;

	font-size: 17px;

	color: #fff;

	margin-right: 10px;

	font-weight: 600;

}

.show-hide .home-cover .btn-cov2{

	padding: 10px 20px;

	border-radius: 50px;

	background-color: #D44819;

	border: 1px solid #fff;

	font-size: 17px;

	color: #fff;

	font-weight: 600;

}

.show-hide .home-cover a{

	text-decoration: none;

}

 /* navigation*/

  .navbar-default .navbar-nav{

    background-color: rgba(255, 255, 255, 0.9);

  }

  .navbar-default .navbar-nav > li > a:hover,

  .navbar-default .navbar-nav > li > a:focus {

    color: #000;

    background-color: transparent;

    border: 1px solid #fff;

  }

  .navbar-default .navbar-nav > .open > a,

  .navbar-default .navbar-nav > .open > a:hover,

  .navbar-default .navbar-nav > .open > a:focus {

    color: #000;

    background-color: transparent;

  }

  .navbar-default .navbar-nav > li > a {

    color: #000;

    text-shadow:none;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {

    color: #000;

    z-index: 2px;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #333;

    background-color: transparent;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {

    color: #555;

    background-color: #e7e7e7;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,

  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {

    color: #ccc;

    background-color: transparent;

  }



  /* Navigation End*/



/* home-heading start */

.home-heading .dontshow{

  display: none;

}



.home-heading .thumb1 p{

	

	font-size: 17px;

}



.home-heading .container .row h1{

	font-size: 40px;
	color: #808080;

	text-transform: uppercase;

	font-weight: 200;

}

.home-heading .cen{

 	text-align: center;

 	

	font-size: 15px;

	color: #818181;

	font-weight: 300;

	text-transform: uppercase;

 }

/* home-heading end */





/* Quote Start */

div.quote{

	

	padding: 100px 0;

}

.quote .container .row h1{

	text-align: center;

	font-size: 40px;

	color: #fff;

	font-weight: 100;

}



.quote .container .row p{

	text-align: justify;

	font-size: 20px;

	color: #fff;

	margin-top: 30px;

	font-weight: 200;

}

/* Quote End */



/* Approch Start */

.stat .container .row h1{

	font-size: 35px;
	
	text-transform: uppercase;

	font-weight: 200;

}

.stat .cen{

 	text-align: center;

 	

	font-size: 17px;

	color: #818181;

	font-weight: 300;

 }

 .stat .dontshow{

  display: none;

}

/* Approch End */



/* Services Start */



.serv .container .row h1{

	font-size: 40px;

	

	color: #FF5100;

	text-transform: uppercase;

	font-weight:200;

}

.serv .dontshow{

  display: none;

}
.logoimg {
    border-bottom: 1px solid #fff;
    border-right: none !important;
    width: 81%;
    /* margin-left: 61px; */
    padding-left: 130px;
}
.logoimg  img{	
    
    width: 51%;
    
}
.gif-img{
	width: 100%;
    margin-left: 0px;"
}
.gif-img2{
	width: 25%;
    margin-left: 224px;
    height: 144px;
    margin-top: -433px;
    margin-bottom: 283px;
}
.wd1{
	padding: 0px;
}
 h1 {
    font-size: 40px;
}
.quote1 .container .row h1 {
    text-align: left;
    font-size: 40px;
    color: #fff !important;
    margin-top: 0px;
    text-align: center;
    font-weight: 300;
}
.quote1 .container .row p {
   
    text-align: center !important;
}
.server{
	margin-bottom: 56px;
}
.wd2 h1 {
    font-size: 24px !important;
}
.soft-serv  .col-md-4{
	text-align: center !important;
}

/* Services End */







/* Quote1 Start */

div.quote1{

	background-color: #fafafa;	

	padding: 70px 0;

}

.quote1 .container .row h1{

	text-align: left;

	font-size: 40px;

	color: #2C9856;

	margin-top: 50px;

	text-align: center;

	font-weight: 300;

}



.quote1 .container .row p{

	font-size: 20px;

	

	color: #808080;

	margin-bottom: 50px;

	text-align: justify;

}

.quote1 .container .row h5{

	font-size: 25px;

	

	color: #585858;	

	font-weight: 400;	

	text-align: center;	

}



/* Quote1 End */



/* Review Start */

div.review{

	text-align: center;

	padding: 50px 0;	

  	margin-bottom: -20px;

	background: #424242;

}

.review .container .row  h1{

	font-size: 40px;

	color: #FFD93F;

	text-transform: uppercase;

	font-weight:200;

	text-shadow:0 0 1px #000;

	padding: 15px 0 20px 0;

}

.review .cen{

 	text-align: center;

 	

	font-size: 15px;

	color: #fff;

	text-transform: uppercase;

	text-shadow:0 0 1px #000;

	font-weight:300;

 }



 .review .dontshow{

  display: none;

}



/* Review End */



/* Support Start */

div.support{

	text-align: center;

	padding: 70px 0;

	background-color: #fff;

}
.show-hide .home-cover {
    background: url(../../images/cov1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    min-height: 390px;
    background-color: #216EAA;
}
.navbar-brand > img {
   
    width: 69% !important;
}
.navbar-default .navbar-toggle {
	border-color: #00AFEF;
    margin-top: -68px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #00AFEF;
}
.pulse {
   
    margin-top: 0px !important;
}

.support .container .row h1{

	font-size: 40px;
	color: #FF5100;

	text-transform: uppercase;

	font-weight:200;

}

.support .dontshow{

  display: none;

}

/* Support End */



/* Social Start */
.single-latest-proj{
	display: none;
}
.other-projs{
	display: none;
}
.mob-projs a, .mob-projs {
    display: block !important;
}
.mob-projs li {
    float: left;
    margin-right: 2%;
    width: 49%;
    margin-bottom: 15px;
    position: relative;
}
.mobproj-det {
    border: 0 none;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
}
.mobproj-det a {
    color: #fff;
    background: rgba(14, 13, 13, 0.63);
    display: block;
    font-size: 12px;
    line-height: 30px;
    padding: 24% 0;
    text-transform: uppercase;
    vertical-align: middle;
}
.latest-proj > p, .moduletable.latest-project h3 {
    float: left !important;
    width: 100% !important;
	margin-bottom: 20px !important;
	text-align: center;
    clear: both;
}
.social{
	display: none;

	background: url('../../images/socialbk2.jpg') no-repeat center center fixed; 	

	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	 	

	background-color: #151515!important;	

	padding: 90px 0 130px 0;		
}

.social .container .row h1{

	font-size: 40px;

	color: #fff;

	text-transform: uppercase;

	font-weight:200;

}

.social .cen{

 	text-align: center;

 	

	font-size: 17px;

	color: #fff;

	text-transform: uppercase;

	font-weight:300;

 }

.social .dontshow{

  display: none;

}



.social .top-mar .fa-facebook{

 	color: #fff;

 	border: 2px solid #fff;

 	padding: 11px 20px;

 	border-radius: 100px;

 	font-size: 40px ;

 }

  .social .top-mar .fa-linkedin{

 	color: #fff;

 	border: 2px solid #fff;

 	padding: 12px 15px;

 	border-radius: 100px;

 	font-size: 40px

 }

  .social .top-mar .fa-google-plus{

 	color: #fff;

 	border: 2px solid #fff;

 	padding: 12px 14px;

 	border-radius: 100px;

 	font-size: 40px

 }

  .social .top-mar .fa-twitter{

 	color: #fff;

 	border: 2px solid #fff;

 	padding: 12px 14px;

 	border-radius: 100px;

 	font-size: 40px

 }

 .social .top-mar .fa-facebook:hover{

 	color: #fff;

 	border: 1px solid #39639D;

 	padding: 11px 20px;

 	border-radius: 100px;

 	background-color: #39639D;

 }



  .social .top-mar .fa-linkedin:hover{

 	color: #fff;

 	border: 1px solid #337BA1;

 	padding: 12px 15px;

 	border-radius: 100px;

 	background-color: #337BA1;

 }

  .social .top-mar .fa-google-plus:hover{

 	color: #fff;

 	border: 1px solid #FE5900;

 	padding: 12px 14px;

 	border-radius: 100px;

 	background-color: #FE5900;

 }

  .social .top-mar .fa-twitter:hover{

 	color: #fff;

 	border: 1px solid #22CBFA;

 	padding: 12px 14px;

 	border-radius: 100px;

 	background-color: #22CBFA;

 }



/* Social End */

}



/* ==============================================================

Media Quries End - Impulse Technosoft 

===============================================================*/

.home-heading .fa-7x{

	font-size: 50px;

}



#carousel-example-generic{

	position: relative;

    background-color: #fff;
   /* background : linear-gradient(45deg, #3498db 0, #339fcd 60%, #3ea5ce 60%, #3ea5ce 100%);*/  

    

}

.img1{

  	background: url('../images/banner/001.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;

}

.img2{	

  	background: url('../images/banner/002.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;

}

.img3{	

  	background: url('../images/banner/003.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;

}

.img4{	

  	background: url('../images/banner/22.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;

}
.inner-bg{
	background: url('../images/banner/bg.png');
	color: rgba(255, 255, 255, 0.5);
    background-color: #00AFEF;
 	min-height: 255px;
    padding: 16px;
 	margin-bottom: -20px;
}
.contact-img{
	background: url('../images/banner/contact.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;
}
.ourwork-img{
	background: url('../images/banner/work.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;
}
.web-img{
	background: url('../images/banner/web-design.jpg') no-repeat;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;
}
.web-dev-img{
	background: url('../images/banner/web-development-2.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;
}
.app-img{
	background: url('../images/banner/app-development.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;
}
.seo-img{
	background: url('../images/banner/seo.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;
}

.seoo-img{
  background: url('../images/banner/seoo.jpg') no-repeat center center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover; 

  min-height: 540px;

  margin-bottom: -20px;
}


.graphic-img{
  background: url('../images/banner/graphic.jpg') no-repeat center center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover; 

  min-height: 540px;

  margin-bottom: -20px;
}


.semo-img{
  background: url('../images/banner/sem.jpg') no-repeat center center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover; 

  min-height: 540px;

  margin-bottom: -20px;
}


.blog-img{
	background: url('../images/banner/blog.jpg') no-repeat;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;
}
.news-img{
	background: url('../images/banner/news1.jpg') no-repeat  center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;
}
.smo-img{
	background: url('../images/banner/social-media.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;
}
.sem-img{
	background: url('../images/banner/search-engine.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;
}
.dom-img{
	background: url('../images/banner/domain.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;
}
.hosting-banner{
	background: url('../images/banner/hosting-banner.jpg') no-repeat center center;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	

 	min-height: 540px;

 	margin-bottom: -20px;
}
.cap h1{		

	font-family: 'Lobster', cursive;

	font-weight: 500;

	color: #fff;

	letter-spacing:3px;

	font-size: 70px;

	

}

.cap p{

	font-size: 23px;

	color: #fff;

	font-weight:300;

	text-shadow: 0px 0px 4px #1C1C1C;

	margin-bottom: 30px;

}

.cap{

	text-align: center;

	margin-bottom: 180px;

}	



	

.btn-carousel{

	border: 2px solid #E6E6E6;

	padding: 8px 30px;;

	border-radius: 0px;

	font-weight: 500;

	margin-right: 5px;

	background-color:#fff;

	color: #555;

	font-size:17px;

}

.btn-carousel:hover{

	border: 2px solid #CCCCCC;

	padding: 8px 30px;;

	border-radius: 0px;

	font-weight: 500;	

	color: #555;

	background-color: #F1F1F1;

	font-size:17px;

}



.btn-caro-hover{

	border: 2px solid #00AFEF;

	padding: 8px 25px;;

	border-radius: 0px;

	font-weight: 500;

	margin-right: 5px;

	background-color:#00AFEF;

	color: #fff;

	font-size: 15px;
    margin: 20px 0 25px 0;

}

.btn-caro-hover:hover{

	border: 2px solid #339ECE;

	padding: 8px 30px;;

	border-radius: 0px;

	font-weight: 500;	

	color: #fff;

	background-color: #3EA5CE;

	font-size:17px;

}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */



.home-heading{

	text-align: center;

	padding: 24px 0 30px 0;

}

.home-heading p{

	font-size: 17px;

}

.home-heading .thumbnail{

	border: none;
	padding: 30px 0;
    height: 229px;
    webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);

}

.home-heading h1{

	font-size: 24px;
    color: #808080;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 18px;

}

.home-heading .cen{

 	text-align: center; 	

	font-size: 14px;

	color: #818181;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing:2px;

 }



.home-heading h3{

	font-size: 17px;
    color: #000;
    font-weight: 400;
    padding-bottom: 17px;
    letter-spacing: 3px;
    margin-bottom: 5px;

}

.home-heading .thumb1{

	margin-top: 30px;

}

.thumb1 p{	

	font-size: 14px;	

	color: #959595;

	font-weight: 400;

	letter-spacing:1px;

}

.thumb1 a:hover{

	text-decoration:none;

}

 

.home-heading .thumb1 .fa-mobile, .fa-search, .fa-code, .fa-bar-chart, .fa-codepen, .fa-database, .fa-line-chart, .fa-dribbble, .fa-joomla{

	color: #00AFEF;

}
.home-heading .thumb1 .fa-mobile:hover, .fa-search:hover, .fa-code:hover, .fa-bar-chart:hover, .fa-codepen:hover ,
 .fa-database:hover, .fa-line-chart:hover, .fa-dribbble:hover, .fa-joomla:hover{

	color: #FD903B;
	 -ms-transform: rotate(340deg); /* IE 9 */
    -webkit-transform: rotate(340deg); /* Chrome, Safari, Opera */
    transform: rotate(340deg);

}

.home-heading .thumb1 .fa-bar-chart{

	padding-bottom: 10px;
	

}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */

.quote{

	/*background: url('../images/banner/flat.gif') no-repeat ;

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;*/
	 z-index: 3;
    background: -moz-linear-gradient(45deg, #3498db 0, #339fcd 60%, #3ea5ce 60%, #3ea5ce 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #78d2c1), color-stop(100%, #3f85d6));
    background: -webkit-linear-gradient(45deg, #3498db 0, #339fcd 60%, #3ea5ce 60%, #3ea5ce 100%);
    background: -o-linear-gradient(45deg, #3498db 0, #339fcd 60%, #3ea5ce 60%, #3ea5ce 100%);
    background: -ms-linear-gradient(45deg, #3498db 0, #339fcd 60%, #3ea5ce 60%, #3ea5ce 100%);
    background: linear-gradient(45deg, #3498db 0, #339fcd 60%, #3ea5ce 60%, #3ea5ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78d2c1', endColorstr='#3f85d6',GradientType=1 );
    background-attachment: ;
	padding: 40px 0;
    position: relative;
	background-position: 0% 234%;
	/*height: 557px;*/

}
.web-cnt{
	background: -moz-linear-gradient(45deg, #3498db 0, #339fcd 60%, #3ea5ce 60%, #3ea5ce 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #78d2c1), color-stop(100%, #3f85d6));
    background: -webkit-linear-gradient(45deg, #3498db 0, #339fcd 60%, #3ea5ce 60%, #3ea5ce 100%);
    background: -o-linear-gradient(45deg, #3498db 0, #339fcd 60%, #3ea5ce 60%, #3ea5ce 100%);
    background: -ms-linear-gradient(45deg, #3498db 0, #339fcd 60%, #3ea5ce 60%, #3ea5ce 100%);
    background: linear-gradient(45deg, #3498db 0, #339fcd 60%, #3ea5ce 60%, #3ea5ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78d2c1', endColorstr='#3f85d6',GradientType=1 );
    background-attachment: ;
	padding: 40px 0;
    margin: 40px 0 20px 0;
   
}

.quote h1{

	text-align: right;

	font-size: 30px;

	color: #fff;

	font-weight: 100;

	border-right:1px dashed #fff;

	padding-right:25px;

}



.quote h1 strong{

	text-align: right;

	font-size: 45px;

	color: #fff;

	font-weight: 900;

}



.quote p{

	text-align: left;

	font-size: 18px;

	color: #fff;

	margin-top: 0px;

	font-weight: 200;

	letter-spacing:1px;

}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */

.stat{

	text-align: center;

	background-color: #F2F2F2;

	padding: 20px 0;

}

.stat h1{

	font-size: 24px;	

	color: #00AFEF;

	text-transform: uppercase;

	font-weight: 400;

	letter-spacing:1px;

}

.stat .cen{

 	text-align: center; 	

	font-size: 13px;

	color: #818181;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing:2px;

 }

.stat .thumbnail{

	border: none;

	text-align: center;

	background-color: #F2F2F2;

	margin-top: 50px;

}



.stat .thumbnail h1{

	font-size: 24px;
    color: #000;
    font-weight: 300;

}

.stat .thumbnail p{

	letter-spacing:1px;

	font-size: 15px;	

	color: #7E7E7E;

}





 /* +++++++++++++++++++++++++++++++++++++++++++++++++++ */

.serv{

	text-align: center;

	padding: 50px 0;

	border-top: 2px solid #E1E1E1;	

}

.serv h1{

	font-size: 30px;	

	color: #00AFEF;

	text-transform: uppercase;

	font-weight: 300;

	letter-spacing:1px;

}

.serv .cen{

 	text-align: center; 	

	font-size: 15px;

	color: #818181;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing:2px;

 }

 .serv .r1{

 	margin-top: 40px;

 }

 .serv .r2{

 	margin-top: 0px;

 }

 .serv .thumbnail{

 	border: none;

 }

.serv .fa{

	margin-bottom: -20px;

}

 .serv .fa-codepen{

 	font-size: 70px;

 	color: #3EA5CE;

 	border: 1px solid #3EA5CE;

 	padding: 30px;

 	border-radius: 200px;

 }

.serv .fa-codepen:hover{

 	font-size: 70px;

 	color: #fff;

 	border: 1px solid #FD903B;

 	padding: 30px;

 	border-radius: 200px;

 	background-color: #FD903B;

 }

  .serv .fa-mobile{

 	font-size: 70px;

 	color: #3EA5CE;

 	border: 1px solid #3EA5CE;

 	padding: 30px 50px;

 	border-radius: 200px;

 }

.serv .fa-mobile:hover{

 	font-size: 70px;

 	color: #fff;

 	border: 1px solid #FD903B;

 	padding: 30px 50px;

 	border-radius: 200px;

 	background-color: #FD903B;

 }

  .serv .fa-code{

 	font-size: 70px;

 	color: #3EA5CE;

 	border: 1px solid #3EA5CE;

 	padding: 30px 28px;

 	border-radius: 200px;

 }

.serv .fa-code:hover{

 	font-size: 70px;

 	color: #fff;

 	border: 1px solid #FD903B;

 	padding: 30px 28px;

 	border-radius: 200px;

 	background-color: #FD903B

 }

  .serv .fa-cog{

 	font-size: 70px;

 	color: #3EA5CE;

 	border: 1px solid #3EA5CE;

 	padding: 30px 35px;

 	border-radius: 200px;

 }

.serv .fa-cog:hover{

 	font-size: 70px;

 	color: #fff;

 	border: 1px solid #FD903B;

 	padding: 30px 35px;

 	border-radius: 200px;

 	background-color: #FD903B;

 }



 .serv .fa-bar-chart{

 	font-size: 70px;

 	color: #3EA5CE;

 	border: 1px solid #3EA5CE;

 	padding: 30px 26px;

 	border-radius: 200px;

 }

.serv .fa-bar-chart:hover{

 	font-size: 70px;

 	color: #fff;

 	border: 1px solid #FD903B;

 	padding: 30px 26px;

 	border-radius: 200px;

 	background-color: #FD903B;

 }

.serv .fa-heartbeat{

 	font-size: 70px;

 	color: #3EA5CE;

 	border: 1px solid #3EA5CE;

 	padding: 30px;

 	border-radius: 200px;

 }

.serv .fa-heartbeat:hover{

 	font-size: 70px;

 	color: #fff;

 	border: 1px solid #FD903B;

 	padding: 30px;

 	border-radius: 200px;

 	background-color: #FD903B;

 }

 .serv .fa-database{

 	font-size: 70px;

 	color: #3EA5CE;

 	border: 1px solid #3EA5CE;

 	padding: 30px 35px;

 	border-radius: 200px;

 }

.serv .fa-database:hover{

 	font-size: 70px;

 	color: #fff;

 	border: 1px solid #FD903B;

 	padding: 30px 35px;

 	border-radius: 200px;

 	background-color: #FD903B;

 }

 .serv .fa-line-chart{

 	font-size: 70px;

 	color: #3EA5CE;

 	border: 1px solid #3EA5CE;

 	padding: 30px 26px;

 	border-radius: 200px;

 }

.serv .fa-line-chart:hover{

 	font-size: 70px;

 	color: #fff;

 	border: 1px solid #FD903B;

 	padding: 30px 26px; 

 	border-radius: 200px;

 	background-color: #FD903B;

 }



 .serv .thumbnail h3{

  	text-align: center; 	

	font-size: 20px;

	color: #000;

	margin-top: 30px;

	font-weight: 300;

	letter-spacing: 2px;

  }

 .serv p{

 	font-weight: 300;

	font-size: 15px;	

	color: #7E7E7E;

	letter-spacing: 0px;

 }

 /* +++++++++++++++++++++++++++++++++++++++++++++++++++ */

.quote1{

	background-color: #fff;	

	padding: 60px 0 60px 0;

}

.quote1 h2{

	font-weight:300;

	font-size:30px;

	letter-spacing:2px;

	color:#339ECE;

}

.quote1 p{

 	font-weight: 400;

	font-size: 15px;	

	color: #7E7E7E;

	letter-spacing:1px;

 }

 .quote1 .p1-erp{

 	padding-bottom:40px;



 }

 .quote1 .btn-better{

	background: transparent;

	border: 1px solid #339ECE;

	padding: 10px 30px;

	color: #339ECE	;

	font-weight: 400;

	margin-bottom: 5px;

}

 .quote1 .btn-better:hover{

	background: #00abeb;

	border: 1px solid #00abeb;

	padding: 10px 30px;

	color: #fff;

	font-weight: 400;

}

 .quote1 small{

 	font-weight: 400;

	font-size: 12px;	

	color: #7E7E7E;	

 }

 .quote1 .right1{

 	background-color:#3EA5CE;

 	padding:30px;

 }

  .quote1 ul li{

  	font-weight:300;

	font-size:20px;

	letter-spacing:2px;

	color:#fff;

	margin-bottom:5px;

  }


/*++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.success-stories{
	text-align: center;

	padding: 120px 0 155px 0;

	background: url('../images/banner/chess-1.jpg') no-repeat center center fixed; 

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	 	

	background-color: #303d46;
}
.success-stories h2{
	text-align: center;
	font-size: 50px;
	font-weight: 200;
	color: #fff;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */

.review{

	text-align: center;

	padding: 24px 0;

	background: url('../images/banner/feedback.jpg') no-repeat center center fixed; 

 	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	 	

  	margin-bottom: -20px;

	background-color: #424242;

}

.review h1{

	font-size: 50px;	

	color: #808080;

	text-transform: uppercase;

	font-weight:200;

	text-shadow:0 0 1px #000;

	padding: 0;

}

.review .cen{

 	text-align: center; 	

	font-size: 15px;

	color: #fff;

	text-transform: uppercase;

	text-shadow:0 0 1px #000;

	font-weight:300;

	letter-spacing: 2px;

 }

 

/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */

#carousel-bottom {

	text-align: center;

	padding: 50px 0;

}

#carousel-bottom p{

	text-align: center;

 	

	font-size: 20px;

	color: #fff;

	text-shadow:0 0 1px #000;

	font-weight: 300;

	padding-bottom: 10px;

}

#carousel-bottom h4{

	text-align: center;

 	font-family: 'Pacifico', cursive;

	font-size: 25px;

	color: #FFA600;

	text-shadow:0 0 1px #000;



}

#carousel-bottom h6{

	text-align: center;

 	font-weight: 300;

	font-size: 14px;

	color: #fff;

	text-shadow:0 0 1px #000;

	padding-bottom: 20px;

}

.carousel-indicators li{

	background-color: transparent;

  	border: 2px solid #fff;

	width: 15px;

  	height: 15px;

  	margin: 0;

  	text-shadow:0 0 1px #000;

}

.carousel-indicators .active {

  width: 20px;

  height: 20px;

  margin: 0px;

  background-color: transparent;

  border: 2px solid #fff;

  text-shadow:0 0 1px #000;

}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */

.support{

	text-align: center;

	padding: 100px 0 130px 0;

	background-color: #fff;

}

.support h1{

	font-size: 30px;

	color: #808080;

	text-transform: uppercase;

	font-weight:300;

	letter-spacing:2px;

}



.support .cen{

 	text-align: center;

 	letter-spacing:2px;

	font-size: 15px;

	color: #818181;

	text-transform: uppercase;

	font-weight:300;

 }

 .support .fa{

  	text-align: left;

	color: #3EA5CE;

}
.support .fa:hover{

	color: #FD903B;

}



.support h3{ 	

	font-size: 30px;

	color: #3EA5CE;

	font-weight: 300;

 }

 .support p{

 	

	font-size: 17px;

	font-weight: 400;

 }

 .support .top-mar{

 	margin-top: 100px;

 }

 .support .top-mar .thumbnail{

	background-color:#FAFAFA; 

	padding: 25px 0px;

	border-radius:0;

 }



  .support .top-mar span{

  	font-size: 17px;

}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */

.social{

	/*background: url('../images/banner/connectivity.jpg') no-repeat center center fixed; 	

	-webkit-background-size: cover;

 	-moz-background-size: cover;

	background-size: cover;	 	

	background-color: #424242;	*/

	padding: 30px 0 20px 0;

	text-align: left !important;

	display: block!important;

}
.social ul li{
	display: inline !important;
	margin-right: 9px;
}

.social h1{

	font-size: 30px;	

	color: #808080;

	text-transform: uppercase;

	font-weight:300;

	letter-spacing:2px;

}

.social .cen{

 	text-align: center;

 	letter-spacing:2px;

	font-size: 15px;

	color: #fff;

	text-transform: uppercase;

	font-weight:300;

 }

  .social .top-mar{

 	margin-top: 100px;

 }

 .social .fa-facebook{

 	color: #fff;

 	border: 2px solid #fff;

 	padding: 9px 13px;

 	border-radius: 100px;

 }

  .social .fa-linkedin{

 	color: #fff;

 	border: 2px solid #fff;

 	padding: 9px 10px;

 	border-radius: 100px;

 }

  .social .fa-google-plus{

 	color: #fff;

 	border: 2px solid #fff;

 	padding: 9px 10px;

 	border-radius: 100px;

 }

  .social .fa-twitter{

 	color: #fff;

 	border: 2px solid #fff;

 	padding: 9px 10px;

 	border-radius: 100px;

 }

 .social .fa-facebook:hover{

 	color: #fff;

 	border: 1px solid #39639D;

 	padding: 9px 13px;

 	border-radius: 100px;

 	background-color: #39639D;

 }



  .social .fa-linkedin:hover{

 	color: #fff;

 	border: 1px solid #337BA1;

 	padding: 9px 10px;

 	border-radius: 100px;

 	background-color: #337BA1;

 }

  .social .fa-google-plus:hover{

 	color: #fff;

 	border: 1px solid #DD4B39;

 	padding: 9px 10px;

 	border-radius: 100px;

 	background-color: #DD4B39
 }

  .social .fa-twitter:hover{

 	color: #fff;

 	border: 1px solid #22CBFA;

 	padding: 9px 10px;

 	border-radius: 100px;

 	background-color: #22CBFA;

 }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++ */

.divinner > h2 {
    color: #efefef;
    font-size: 70px;
    font-weight: 700;
    line-height: 70px;
    margin-bottom: -20px;
    text-align: center;
    margin-top: 0;
}
.moduletable.latest-project > h3{
	margin-bottom: 30px;
    font-size: 24px;
    color: #4b4b4b;
    line-height: 24px;
}
.single-latest-proj {
    margin-top: -90px;
}
.single-latestproj {
    display: inline-block;
    width: 386px;
    position: relative;
    margin-right: 13px;
}
.single-latest-proj img {
    padding: 20px 0 54px 31px;
    ransform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)/* 0=0, 1=90, 2=180, 3=270 */;
}
.hidden-latestproj {
    background: #B5D5EC;
    color: #fff;
    height: 367px;
    left: 29px;
    top: 35px;
    transform: rotate(44deg);
    position: absolute;
    width: 367px;
    -webkit-transition: opacity 2.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 0;
}

.hidden-latestproj span {
    text-align: left;
    display: block;
    transform: rotate(-45deg);
    margin-top: 180px;
    text-align: center;
    font-size: 20px;
}
.other-projs {
    margin-left: 250px;
    margin-top: -230px;
    float: left;
}
.single-proj {
    cursor: pointer;
}

.single-proj {
    display: inline-block;
    width: 267px;
    position: relative;
    margin-right: 13px;
}
.single-latest-proj img, .projs .single-proj img {
    transform: rotate(45.2deg);
    -webkit-transform: rotate(45.2deg);
    -moz-transform: rotate(45.2deg);
    -ms-transform: rotate(45.2deg);
    -o-transform: rotate(45.2deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)/* 0=0, 1=90, 2=180, 3=270 */;
}

.projs .single-proj img {
    padding: 20px 0 54px 31px;
}
.hidden-proj > span {
    color: #fff;
    font-size: 20px;
    transform: rotate(-45deg);
    margin: 84px 0px;
    text-align: center;
    display: block;
}
 .latest-proj, #latest-projs, .single-latest-proj {
    float: left;
    width: 100%;
}

.homebotspace, .innerbotspace {
    margin-bottom: 60px;
}

.proj-structure {
    display: block;
}
.latest-proj > p.proj-intro {
    font-size: 14px;
	padding-top: 19px;
    color: #959595;
    font-weight: 400;
    letter-spacing: 1px;

}

.latest-proj > p, .moduletable.latest-project h3 {
    float: right;
    width: 50%;
    clear: both;
}
.clr, .clear {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
div#tech-expert {
    background: linear-gradient(130deg, #dedede 0, #dedede 72%, #b5d5ec 25%, #b5d5ec 81%);
    background-attachment: fixed;
    padding: 50px 0 20px;
    background: -o-linear-gradient(130deg, #dedede 0, #dedede 75%, #b5d5ec 25%, #b5d5ec 81%);
    background: -ms-linear-gradient(130deg, #dedede 0, #dedede 75%, #b5d5ec 25%, #b5d5ec 81%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78d2c1', endColorstr='#3f85d6',GradientType=1 );
}
.divinner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0;
}
.projs.top-proj {
    margin-bottom: -121px;
    margin-left: 143px;
}
.mob-projs {
    display: none;
}
.nomargin {
    margin: 0 !important;
}
.mob-projs li img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
img {
    border: 0 none;
    max-width: 100%;
}
.single-proj:hover .hidden-proj, .single-latestproj:hover .hidden-latestproj {
    opacity: 0.6 !important;
}
.single-proj:hover .hidden-proj, .single-latestproj:hover .hidden-latestproj {
    opacity: 0.6!important;
}
.hidden-proj {
    background: #B5D5EC;
    color: #fff;
    height: 195px;
    left: 38px;
    top: 35px;
    transform: rotate(45deg);
    position: absolute;
    width: 193px;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 0;
}
a.proj-more {
    border: 2px solid #00abeb;
    color: #2b2b2b;
    display: inline-block;
    line-height: 14px;
    padding: 12px 20px;
	cursor: pointer !important;
}
a.proj-more:hover {
    background-color: #00abeb !important;
	color: #fff !important;
}
.navbar-brand > img {
    margin-top: 19px;
}