/* 	--------------------------------------------------
	aleprojects.com

	LAYOUT
	-------------------------------------------------- */


/*  ----------------------------------------------------------------------------------------------------
	LOGO
	---------------------------------------------------------------------------------------------------- */

	header #logo a {
		text-indent:80px;
		/*text-indent:-9999px;
		/*width: 250px;*/
		height: 60px;
		/*background-image: url('/images/app-title-icon.png?width=60&height=120'); /* for long icon */
		background-image: url('../images/app-title-icon2b1d.png?width=60&height=60');  /* for rounded icon */
	}

	@media (max-width:767px) {
		header #logo a {
			text-indent:-9999px;
		}
	}

	@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5), only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) {
		header #logo a {
			/*background-image: url('/images/app-title-icon.png');*/
			/*background-size: 240px 60px;*/
		}
	}

	header #logo .logo-title {
		margin-top: 4px;
		color: dimgray;
		font-size:20px;
	}

	header #logo .logo-slogan {
		color: darkgray;
		font-size:16px;
		/*font-weight: lighter;*/
	}


/*  ----------------------------------------------------------------------------------------------------
	TOP NAVIGATION
	---------------------------------------------------------------------------------------------------- */
	.topnav_absconditum {
		display: none !important;
	}

/*  ----------------------------------------------------------------------------------------------------
	HEADER + TEXT + BUTTON SECTION
	---------------------------------------------------------------------------------------------------- */

	.ac-stick-down {
		padding-bottom: 0px;
	}

	.ac-stick-up {
		padding-top: 0px;
	}

	.ac-stick-both {
		padding-bottom: 0px;
		padding-top: 0px;
	}


/*  ----------------------------------------------------------------------------------------------------
	SOCIAL FOOTER
	---------------------------------------------------------------------------------------------------- */

	.social-item-container {
		float: left;
		margin-left: 20px;
	}

/*  ----------------------------------------------------------------------------------------------------
	PARAGRAPH
	---------------------------------------------------------------------------------------------------- */

	.larger-interval {
		margin-top: 15px !important; /* original 20px */
		margin-bottom: 15px !important; /* original 20px */
	}

	.medium-interval {
		margin-top: 6px !important;
		margin-bottom: 6px !important;
	}

/*  ----------------------------------------------------------------------------------------------------
	PREFORMATTED 
	---------------------------------------------------------------------------------------------------- */
	pre {
		white-space: pre-wrap;
	}

/*  ----------------------------------------------------------------------------------------------------
	IMAGE IN CONTENT 
	---------------------------------------------------------------------------------------------------- */
	div[role="maintext"] img:not(.wide-image) {
		width: auto !important;
		height: auto !important;
		margin-top: 4px;
		margin-right: 4px;
	}

/*  ----------------------------------------------------------------------------------------------------
	HEADER IN TEXT-MEDIUM-IMAGE/VIDEO SECTION
	---------------------------------------------------------------------------------------------------- */

	.zero-indent-header {
		margin-top: 0px;
	}



/*  ----------------------------------------------------------------------------------------------------
	SCREENSHOTS GALLERY
	---------------------------------------------------------------------------------------------------- */

	.screenshots { 
	}
	.screenshots .item {
		margin-bottom:24px;
	}
	.screenshots .item a {
	}
	.screenshots .item .image {
		position:relative;
	}
	.screenshots .item a .overlayicon {
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		opacity:0;
	}
	.screenshots .item a:hover .overlayicon {
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		opacity:1;
	}
	.screenshots .item a .overlayicon {
		display:table; width:100%; height:100%;
		position:absolute;
		top:0; right:0; bottom:0; left:0;	
		text-align:center; padding:0; margin:0;
		
		-webkit-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		-moz-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		-ms-transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
		transition:background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
	}
	.screenshots .item a .overlayicon  {
		left:0;
	}
	.screenshots .item a .overlayicon i {
		display:table-cell; width:100%; height:100%;
		vertical-align:middle; padding:0; margin:0;
		
		-webkit-transition:color 0.2s ease-in-out 0s;
		-moz-transition:color 0.2s ease-in-out 0s;
		-ms-transition:color 0.2s ease-in-out 0s;
		transition:color 0.2s ease-in-out 0s;
	}
		

	@media (max-width:767px) {

	.page_component.screenshots .item:nth-child(3n+1) {
		clear:both;
	}

	}

	@media (min-width:768px) {

	.page_component.screenshots .item:nth-child(4n+1) {
		clear:both;
	}

	}

	.advanced-component.image_carousel .screenshots .item a .overlayicon {
		right:1px;
	}


/*  ----------------------------------------------------------------------------------------------------
	MICROSOFT BUTTON
	---------------------------------------------------------------------------------------------------- */

	.get-it-from-site-en-small {
		width:173px;
		height:52px;
		margin-top:40px;
		margin-right:8px;
		display: inline-block;
		background-image: url(../images/download-en-173x52.png);
	}
	
	.get-it-from-site-fr-small {
		width:173px;
		height:52px;
		margin-top:40px;
		margin-right:8px;
		display: inline-block;
		background-image: url(../images/download-fr-173x52.png);
	}


	.get-it-from-google-en {
		width:346px;
		height:104px;
		display: inline-block;
		margin-top:30px;
		margin-right:16px;
		background-image: url(../images/English-get-it-on-GooglePlay346X104.png);
	}

	.get-it-from-ms-en {
		width:288px;
		height:104px;
		display: inline-block;
		margin-top:30px;
		margin-right:16px;
		background-image: url(../images/English-get-it-from-MS-288X104.png);
	}

	.get-it-from-ms-ru {
		width:288px;
		height:104px;
		display: block;
		margin-top:30px;
		background-image: url(../images/Russian-get-it-from-MS-288X104.png);
	}

	.get-it-from-ms-fr {
		width:288px;
		height:104px;
		display: block;
		margin-top:30px;
		background-image: url(../images/French-get-it-from-MS-288X104.png);
		background-size: cover;
	}

	.get-it-from-google-en-small {
		width:173px;
		height:52px;
		margin-top:40px;
		margin-right:8px;
		display: inline-block;
		background-image: url(../images/English-get-it-on-GooglePlay173X52.png);
	}

	.get-it-from-ms-en-small {
		width:144px;
		height:52px;
		margin-top:40px;
		margin-right:8px;
		display: inline-block;
		background-image: url(../images/English-get-it-from-MS-144X52.png);
	}

	.get-it-from-ms-ru-small {
		width:144px;
		height:52px;
		margin-top:40px;
		display: block;
		background-image: url(../images/Russian-get-it-from-MS-144X52.png);
	}

	.get-it-from-ms-fr-small {
		width:144px;
		height:52px;
		margin-top:40px;
		display: block;
		background-image: url(../images/French-get-it-from-MS-144X52.png);
		background-size: cover;
	}
	
	
/*	------------------------------------------------------------------------------- */
/*				A D D - O N   F R O M   D A V I D 									*/
/*	------------------------------------------------------------------------------- */