@media (min-width: 1000px) {
    .center {
        left: 25%;
        top: 10%;
        right: 15%;
        position: absolute;
    }

    .center-popup {
        left: 25%;
        top: 50%;
        right: 25%;
        position: absolute;
    }
    .center-inner {
        width: 100px;
        height: 100%;
        margin-left: -250px;
        height: 300px;
        background: #f0f;
        text-align: center;
        max-width: 500px;
        max-height: 500px;
    }
}

@media only screen and (max-width: 480px) {

    .metro .window {
        border: 8px #6badf6 solid;
        position: relative;
        background-color: #fff;
        min-height: initial ;
        border-top: 0;
       
    }
     .center-popup {
        left: 5%;
        top: 50%;
        right: 5%;
        position: absolute;
        width:auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .metro .window {
        border: 8px #6badf6 solid;
        position: relative;
        background-color: #fff;
        min-height: initial ;
        border-top: 0;
    }
     .center-popup {
        left: 5%;
        top: 50%;
        right:5%;
        position: absolute;
        width:auto;
    }
}

@media only screen and (max-width: 767px) {
    .metro .window {
        border: 8px #6badf6 solid;
        position: relative;
        background-color: #fff;
        min-height: initial;
        border-top: 0;
    }
 .center-popup {
        left: 5%;
        top: 50%;
        right:5%;
        position: absolute;
        width:auto;
    }
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    .metro .window {
        border: 8px #6badf6 solid;
        position: relative;
        background-color: #fff;
        min-height: initial;
        border-top: 0;
    }
     .center-popup {
        left: 5%;
        top: 50%;
        right:5%;
        position: absolute;
        width:auto;
    }
}

.cursordefault {
cursor:default ;
}

.sprite {
background: url(../images/Sprite-icons.png) no-repeat top left;
    background-image: url(Sprite-icons.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-InfoHub {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -324.9687805175781px -23.979156494140625px ;
	width: 55px;
	height: 55px;
}

.sprite-Infofort {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -243.96530151367188px -21.954849243164062px ;
	width: 55px;
	height: 55px;
}

.sprite-MenaMe {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -255.94442749023438px -392.98268127441406px ;
	width: 250px;
	height: 120px;
}

.sprite-MenaMe2 {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -712.9861145019531px -6.9861297607421875px ;
	width: 120px;
	height: 120px;
}

.sprite-MyAccount {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -845.9896240234375px -3.9895858764648438px ;
	width: 120px;
	height: 120px;
}

.sprite-Outlook1 {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: 0 -528.9757080078125px ;
	width: 250px;
	height: 120px;
}

.sprite-Outlook2 {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -252.96182250976562px -527.9652709960938px ;
	width: 250px;
	height: 120px;
}

.sprite-RedLab {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -100px -99px ;
	width: 55px;
	height: 55px;
}

.sprite-ServiceCenter {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -845.9862060546875px -270.9826354980469px ;
	width: 120px;
	height: 120px;
}

.sprite-ShopandShip {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -249.9896240234375px -96.99310302734375px ;
	width: 55px;
	height: 55px;
}

.sprite-aramexcom {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -21.986114501953125px -19.000015258789062px ;
	width: 55px;
	height: 55px;
}

.sprite-aramexnet {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: 0 -250.00001525878906px ;
	width: 250px;
	height: 120px;
	
	
}

.sprite-aramexnet2 {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -254.97219848632812px -249.9861297607422px ;
	width: 250px;
	height: 120px;
}

.sprite-aramexorg {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -92.98959350585938px -20.975692749023438px ;
	width: 55px;
	height: 55px;
}

.sprite-cms {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -162.98611450195312px -21.986099243164062px ;
	width: 55px;
	height: 55px;
}

.sprite-reach {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -843.99658203125px -140.98611450195312px ;
	width: 120px;
	height: 120px;
}

.sprite-redbox {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -22.989593505859375px -97.99305725097656px ;
	width: 55px;
	height: 55px;
}

.sprite-rednet {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -174.99655151367188px -98.98959350585938px ;
	width: 55px;
	height: 55px;
}

.sprite-sharepoint {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -523.96875px -530.9791870117188px ;
	width: 250px;
	height: 120px;
}

.sprite-facebook {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: 0 -390.9965362548828px ;
	width: 250px;
	height: 120px;
}

.sprite-sap {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -714.9931030273438px -139.98265075683594px ;
	width: 120px;
	height: 120px;
}

.sprite-workplace {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -534.0000610351562px -404.9896240234375px ;
	width: 251px;
	height: 121px;
}

.sprite-saperp {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -705.9861450195312px -276.9826354980469px ;
	width: 121px;
	height: 121px;
}

.sprite-dash {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -329.982666015625px -97.98611450195312px ;
	width: 55px;
	height: 55px;
}
.sprite-envition {
background: url(../images/Sprite-icons.png) no-repeat top left;
	background-position: -400.97222900390625px -97.99653625488281px ;
	width: 55px;
	height: 55px;
}




.link {
    text-decoration: none;
    color: white !important;
    font-size: x-small;
    text-align: center;
    padding-top: 1em !important;
    font-family: 'Segoe UI';
}

.link-small {
    text-decoration: none;
    color: white !important;
    font-size: xx-small;
    text-align: center;
    padding-top: 1em !important;
    font-family: 'Segoe UI';
}

body {
    padding-left: 30px;
    background: rgb(215,222,227); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(215,222,227,1) 0%, rgba(255,252,252,1) 47%, rgba(229,235,238,1) 100%, rgba(245,247,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(215,222,227,1)), color-stop(47%,rgba(255,252,252,1)), color-stop(100%,rgba(229,235,238,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(215,222,227,1) 0%,rgba(255,252,252,1) 47%,rgba(229,235,238,1) 100%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(215,222,227,1) 0%,rgba(255,252,252,1) 47%,rgba(229,235,238,1) 100%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(215,222,227,1) 0%,rgba(255,252,252,1) 47%,rgba(229,235,238,1) 100%,rgba(245,247,249,1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(215,222,227,1) 0%,rgba(255,252,252,1) 47%,rgba(229,235,238,1) 100%,rgba(245,247,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7dee3', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 */
}

.bg-fwblue{background-color:#003184!important}.metro