/*
 * This file loads background images via css + it also checks if retina ready images is needed
 */

/*
 * ------------------------------
 * ROUND ICONS (TRANSPARENT + WHITE)
 * ------------------------------
 */

[class^="social-round-"], [class*=" social-round-"] {
	background-image: url('../images/icons/picons_white_38.png');
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	[class^="social-round-"], [class*=" social-round-"] {
	  background-image: url('../images/icons/picons_white_38@2x.png');
	  background-size: 190px 152px; 
	}
}

/*
 * ------------------------------
 * SOCIAL HEADER PICONS ICONS SMALL
 * ------------------------------
 */

[class^="picon-"], [class*="picon-"] {
  background-image: url('../images/icons/picons_social/sprite.png');
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	[class^="picon-"], [class*="picon-"] {
	  background-image: url('../images/icons/picons_social/sprite@2x.png');
	  background-size: 140px 112px; 
	}
}



[class^="picon-small-"], [class*="picon-small-"] {
	background-image: url('../images/icons/picons_social/sprite-small.png');
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	[class^="picon-small-"], [class*="picon-small-"] {
		background-image: url('../images/icons/picons_social/sprite-small@2x.png');
		background-size: 80px 64px;
	}
}


/*
 * ------------------------------
 * Other bg images
 * ------------------------------
 */

 #page-title{background-color: #002b4d;}
 
 /*
#page-title{
     background-size:100% auto;
     background-position: right top;  
}

@media screen and (max-width: 979px) {
  #page-title{
    background-size:100% 214px;
  }
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	#page-title{
	     background-size:100% auto;
	     background-position: right top;  
	}
}
*/

.related-link-icon, .portfolio-link-icon{
   background-image: url('../images/link-icon.png');
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	.related-link-icon, .portfolio-link-icon{
	   background-image: url('../images/link-icon.png');
	   background-size: 17px 17px;
	}
}





.icomp-read-more{
	background-image: url(../images/read-more.png);
	background-repeat:  no-repeat;
	background-position:  right center;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	.icomp-read-more{
		background-image: url(../images/read-more@2x.png);
		background-repeat:  no-repeat;
		background-position:  right center;
		background-size: 240px 70px;
	}
}




.male .company-name{
  background-image: url('../images/user.png');
  background-position: left center;
  background-repeat: no-repeat;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	.male .company-name{
	  background-image: url('../images/user@2x.png');
	  background-position: left center;
	  background-repeat: no-repeat;
	  background-size:  26px 29px;
	}
}




.female .company-name{
  background-image: url('../images/user-girl.png');
  background-position: left center;
  background-repeat: no-repeat;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	.female .company-name{
	  background-image: url('../images/user-girl@2x.png');
	  background-position: left center;
	  background-repeat: no-repeat;
	  background-size:  26px 29px;
	}
}




.testimonials  .reviewer{
 	background-image: url('../images/quote.png') ;
	background-position: 30px 0;
	background-repeat:  no-repeat;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	.testimonials  .reviewer{
		background-image: url('../images/quote2x.png') ;
		background-position: 30px 0;
		background-repeat:  no-repeat;
		background-size: 25px 15px;
	}
}






.the-comment .comment-text{
  background: url('../images/quote-1.png') top right no-repeat;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	.the-comment .comment-text{
	  background: url('../images/quote-1@2x.png') top right no-repeat;
	  background-size:20px 18px;
	}
}








.widget ul li.jtwt_tweet{
  background-image: url('../images/twt.png');
  background-position: 0 15px;
  background-repeat: no-repeat;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	.widget ul li.jtwt_tweet{
	  background-image: url('../images/twt@2x.png');
	  background-position: 0 15px;
	  background-repeat: no-repeat;
	  background-size: 24px 24px;
	}
}







#footer-region  .widget ul li.jtwt_tweet{
  background-image: url('../images/twt-footer.png');
  background-position: 0 15px;
  background-repeat: no-repeat;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	#footer-region  .widget ul li.jtwt_tweet{
	  background-image: url('../images/twt-footer@2x.png');
	  background-position: 0 15px;
	  background-repeat: no-repeat;
	  background-size: 24px 24px;
	}
}







.checks li {
  background-image: url('../images/checks.png');
  background-position: left 3px; 
  background-repeat: no-repeat;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	.checks li {
	  background-image: url('../images/checks@2x.png');
	  background-position: left 3px;
	  background-repeat: no-repeat;
	  background-size:14px 16px; 
	}
}






.checks.checks-large li{
  background-image: url('../images/checks-large.png');
  background-position: left 5px;
  background-repeat: no-repeat;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	.checks.checks-large li{
	  background-image: url('../images/checks@2x.png');
	  background-position: left 5px;
	  background-repeat: no-repeat;
	  background-size:18px 20px; 
	}
}





.page404{
   background-image: url('../images/404.jpg');
   background-position: right center;
   background-repeat: no-repeat;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	.page404{
	   background-image: url('../images/404@2x.jpg');
	   background-position: right center;
	   background-repeat: no-repeat;
	   background-size: 300px 183px;
	}
}