@charset "utf-8";
/* CSS Document */



/* +++++++++++++++++++++++++++++++++++++++++++++  PRODUCT LOGOS IN GET STARTED SECTION +++++++++++++++++++++++++++++++++++++++++++++ */
.product-logo-btn {
	float:left;
	background-color: #fff;
	width: 100%;
	height: 90px;
	margin: 0 0 4px 0;
}

.logo-azure,
.logo-office,
.logo-visualstudio,
.logo-windows {
	width: 230px;
	height: 44px;
	margin: 22px auto 0 auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 230px 88px;
}
.product-logo-btn:hover {cursor: pointer;}
.product-logo-btn:hover .logo-image {background-position:0 -44px;}

.logo-azure {background-image:url(../images/logo-azure.png);}
.logo-office {background-image:url(../images/logo-office.png);}
.logo-visualstudio {background-image:url(../images/logo-visualstudio.png);}
.logo-windows {background-image:url(../images/logo-windows.png);}

.product-logo-btn.windows:hover {background-color: #0078d6;}
.product-logo-btn.azure:hover {background-color: #0091c8;}
.product-logo-btn.visualstudio:hover {background-color: #5c2c91;}
.product-logo-btn.office:hover {background-color: #d73a01;}



/* +++++++++++++++++++++++++++++++++++++++++++++  APP ICONS IN BUILD AN APP SECTION +++++++++++++++++++++++++++++++++++++++++++++ */

.i-app-bots,
.i-app-cloud,
.i-app-cplusplus,
.i-app-desktop,
.i-app-games,
.i-app-graph,
.i-app-holographic,
.i-app-java,
.i-app-mobile,
.i-app-net,
.i-app-node,
.i-app-office,
.i-app-python,
.i-app-sharepoint,
.i-app-skype,
.i-app-typescript,
.i-app-web,
.i-app-windows {
	width: 100px;
	height: 64px;
	margin: 0 auto 0 auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100px 128px;
}

.i-app:hover {background-position:0 -64px; cursor: pointer;}

.i-app-bots {background-image:url(../images/i-app-bots.png);}
.i-app-cloud {background-image:url(../images/i-app-cloud.png);}
.i-app-cplusplus {background-image:url(../images/i-app-cplusplus.png);}
.i-app-desktop {background-image:url(../images/i-app-desktop.png);}
.i-app-games {background-image:url(../images/i-app-games.png);}
.i-app-graph {background-image:url(../images/i-app-graph.png);}
.i-app-holographic {background-image:url(../images/i-app-holographic.png);}
.i-app-java {background-image:url(../images/i-app-java.png);}
.i-app-mobile {background-image:url(../images/i-app-mobile.png);}
.i-app-net {background-image:url(../images/i-app-net.png);}
.i-app-node {background-image:url(../images/i-app-node.png);}
.i-app-office {background-image:url(../images/i-app-office.png);}
.i-app-python {background-image:url(../images/i-app-python.png);}
.i-app-sharepoint {background-image:url(../images/i-app-sharepoint.png);}
.i-app-skype {background-image:url(../images/i-app-skype.png);}
.i-app-typescript {background-image:url(../images/i-app-typescript.png);}
.i-app-web {background-image:url(../images/i-app-web.png);}
.i-app-windows {background-image:url(../images/i-app-windows.png);}