@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Semibold.eot');
    src: url('../fonts/SegoeUI-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Semibold.woff2') format('woff2'),
        url('../fonts/SegoeUI-Semibold.woff') format('woff'),
        url('../fonts/SegoeUI-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-BoldItalic.eot');
    src: url('../fonts/SegoeUI-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-BoldItalic.woff2') format('woff2'),
        url('../fonts/SegoeUI-BoldItalic.woff') format('woff'),
        url('../fonts/SegoeUI-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Italic.eot');
    src: url('../fonts/SegoeUI-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Italic.woff2') format('woff2'),
        url('../fonts/SegoeUI-Italic.woff') format('woff'),
        url('../fonts/SegoeUI-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUIBlack.eot');
    src: url('../fonts/SegoeUIBlack.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUIBlack.woff2') format('woff2'),
        url('../fonts/SegoeUIBlack.woff') format('woff'),
        url('../fonts/SegoeUIBlack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Semilight';
    src: url('../fonts/SegoeUI-Semilight.eot');
    src: url('../fonts/SegoeUI-Semilight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Semilight.woff2') format('woff2'),
        url('../fonts/SegoeUI-Semilight.woff') format('woff'),
        url('../fonts/SegoeUI-Semilight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI Semilight';
    src: url('../fonts/SegoeUI-SemilightItalic.eot');
    src: url('../fonts/SegoeUI-SemilightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-SemilightItalic.woff2') format('woff2'),
        url('../fonts/SegoeUI-SemilightItalic.woff') format('woff'),
        url('../fonts/SegoeUI-SemilightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUIBlack-Italic.eot');
    src: url('../fonts/SegoeUIBlack-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUIBlack-Italic.woff2') format('woff2'),
        url('../fonts/SegoeUIBlack-Italic.woff') format('woff'),
        url('../fonts/SegoeUIBlack-Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Bold.eot');
    src: url('../fonts/SegoeUI-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Bold.woff2') format('woff2'),
        url('../fonts/SegoeUI-Bold.woff') format('woff'),
        url('../fonts/SegoeUI-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI.eot');
    src: url('../fonts/SegoeUI.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI.woff2') format('woff2'),
        url('../fonts/SegoeUI.woff') format('woff'),
        url('../fonts/SegoeUI.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-LightItalic.eot');
    src: url('../fonts/SegoeUI-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-LightItalic.woff2') format('woff2'),
        url('../fonts/SegoeUI-LightItalic.woff') format('woff'),
        url('../fonts/SegoeUI-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-SemiboldItalic.eot');
    src: url('../fonts/SegoeUI-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-SemiboldItalic.woff2') format('woff2'),
        url('../fonts/SegoeUI-SemiboldItalic.woff') format('woff'),
        url('../fonts/SegoeUI-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/SegoeUI-Light.eot');
    src: url('../fonts/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUI-Light.woff2') format('woff2'),
        url('../fonts/SegoeUI-Light.woff') format('woff'),
        url('../fonts/SegoeUI-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}


@charset "utf-8";
/* CSS Document */
html { scroll-behavior: smooth;}

.ar-txt{font-family: 'Segoe UI'; direction: rtl;}
body { font-family: 'Segoe UI'; color: #000000;}
body p {font-size: 17px; line-height:24px; font-weight: 400;}

.topPort { padding-bottom: 15px;} 
.logoLeft { float: left; width: 100%; max-width: 200px; padding: 15px 0 0 0;}
.logoRight { float: right; width: 100%; max-width: 200px; padding-top: 20px;}
.logoRight img { width: 100%;}

.banner { background:#eeeeee; display: flex; margin: auto; justify-content: space-between; align-items: center; direction: rtl;}
.banCont { padding-left: 5%; flex: 1; direction: ltr;}
.banCont h1 { font-size: 60px; font-weight: 700; padding-bottom: 25px;}
.banCont p { font-size: 25px; line-height: 1.5;}
.banPic { flex:2;}
.banPic img { width: 100%;}

.contPort {display: flex; margin: auto; justify-content: space-between; align-items: center; padding: 40px 0; color: #505050;}
.cpContBox { padding: 0 40px; flex: 1; direction: ltr;}
.cpPic { flex: 2;}
.cpPic img { width: 100%;}
.rtlClass { direction:rtl;}

.module-find-your-pc {
    color: #003c71;
}
.formBox, .thankYou {
    padding: 50px;
    background: #e8e8e8;
    border-radius: 10px;
}
.formBox h2 { font-weight: 600; text-align: center;}
.formBox input {
    width: 100%;
    padding: 15px;
	height: 50px;
    background: #FFF;
    border: 1px solid #d2d2d2;
    margin-bottom: 10px;
    border-radius: 6px;
}
.formBox [type="submit"] {
    padding: 15px 25px;
    box-shadow: none;
    border: 0;
	border-radius: 6px;
    background: #003c71;
    color: #FFF;
    display: block;
    width: 100%;
    max-width: 110px;
	text-transform: uppercase;
	
}

.legalPort {background-color: #F1F1F1; padding: 50px 0; margin-top: 50px;}
.legalPort p {
    font-size: 14px;
    line-height: 18.5px;
    color: #838282;
}
.thankYou { text-align: center;}


.windowsLogo { margin:0 auto; padding: 50px 0 0 0; text-align: center;}
.windowsLogo img { width: 100%; max-width: 150px;}

@media only screen and (max-width: 1600px) {
	.banCont h1 {font-size: 40px;}
	.banCont p {font-size: 18px;}
	}
@media only screen and (max-width: 767px) {
	.banner { display: block; direction: ltr;}
	.banCont {padding-left: 0; background: #f3f3f3;  padding: 15px;}
	.banCont h1 { font-size: 36px; padding-bottom: 15px;}
	.contPort { display: block; padding:15px 0 0 0;}
	.cpContBox { padding: 0 15px;}
	.container {max-width: 100%;}
	.formBox, .thankYou { padding: 15px;}
	.legalPort {padding: 20px 0 5px 0; margin-top: 15px;}
	.h1, h1 {font-size: 2rem;}
	}
@media only screen and (max-width: 480px) {
	.logoLeft, .logoRight {width: 100%; max-width: 50%; margin:0 auto; text-align: center;}
	.logoLeft img, .logoRight img { width: 100%; max-width: 80%;}
	}