html, body, header, footer, h1, h2, h3, h4, ul, li, p, div { margin:0; padding:0; font-size:0; line-height:0; box-sizing:border-box; }
html, body { min-width:320px; height:100%; background-color:#fff; }
ul { list-style:none; }
ul.Disc { list-style:disc; }
ul.Disc ul { list-style:circle; }
ul.Disc.second li { list-style:circle; }
ol.Disc { margin: 0 0 0 50px; padding: 0; }
li { display:inline-block; }
ul.Blocks li { display:block; }
a { text-decoration:none; color:#0da2cc; }
a:hover { text-decoration:underline; color:#6ec7e0; }
a:hover img { transform:scale(1.01); transition:0.1s; -webkit-box-shadow: 0px 10px 56px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 56px 0px rgba(0,0,0,0.1); box-shadow: 0px 10px 56px 0px rgba(0,0,0,0.1); }
a.Arrow { display:inline-block; padding-right:36px; font-weight:bold; white-space:nowrap; background-repeat:no-repeat; background-position:center right; background-image:url("data:image/svg+xml;utf8,"); }
a.ArrowLeft { display:inline-block; padding-left:36px; font-weight:bold; white-space:nowrap; background-repeat:no-repeat; background-position:center left; background-image:url("data:image/svg+xml;utf8,"); }
a.Arrow.Small { padding-right:36px; background-image:url("data:image/svg+xml;utf8,"); }
.Clear { clear:both; }
.Hide { display:none !important; }
.Show { display:block; }
.Block, .Left, .Right { width:50%; padding:0 5%; }
.Left { float:left; }
.Right { float:right; }
.Half { width:50%; padding:0 10%; }
.CenterText { text-align:center; }
.Title { font-size:40px; line-height:48px; }
.Text { font-size:22px; line-height:30px; }
.Bold { font-weight:bold; }
.SectionList { width:100%; display:flex; align-items:center; }
.SectionList>li { float:none; display:block; }
.SectionImage { width:600px; height:600px; margin:0 auto; background-size:100% 100%; background-repeat:no-repeat; }
.Transition { width:100%; height:40px; background-size:100% 40px; background-repeat:no-repeat; background-position:0 0; }
.Transition.DownDarkRed2LightRed { background-color:#e84e40; background-image:url("data:image/svg+xml;utf8,"); }
.Transition.UpLightRed2Orange { background-color:#ffb52d; background-image:url("data:image/svg+xml;utf8,"); }
.Transition.DownOrangeToBlue { background-color:#0da2cc; background-image:url("data:image/svg+xml;utf8,"); }
.Transition.UpGreen2White { background-color:#fff; background-image:url("data:image/svg+xml;utf8,"); }
.Transition.DownDarkRed2White { background-color:#fff; background-image:url("data:image/svg+xml;utf8,"); }
.Transition.UpBlue2White { background-color:#fff; background-image:url("data:image/svg+xml;utf8,"); }
.BlueText { color:#0da2cc !important; }
.BlueBorder { border-color:#0da2cc !important; }
.RedBack { background-color:#bf0c34; }
.PhotomathLogo { display:inline-block; }
.PhotomathLogo a { display:block; background-repeat:no-repeat; background-size:100% 100%; background-image:url("data:image/svg+xml;utf8,"); }
.PhotomathLogo a:hover { text-decoration:none; }
.PhotomathLogo.Small a { width:134px; height:28px; }
.PhotomathLogo.Large a { width:192px; height:40px; }
.Header { padding: 30px 5%; position: fixed; width: 100%; background: white; z-index: 999; top: 0; }
.Header .NavDesktop { display:block; float:right; list-style:none; }
.Header .NavDesktop>li { margin-right:20px; padding:10px 10px 10px 25px; background-repeat:no-repeat; background-position:0 0; }
.Header .NavDesktop>li:last-child { margin-right:0; }
.Header .NavDesktop>li>a { height:26px; font-size:18px; line-height:26px; text-align:right; color:#000; }
.Header .NavDesktop>li>a:hover { text-decoration:none; }
.Header .NavDesktop>li.Selected, .Header .NavDesktop>li:hover { background-image:url("data:image/svg+xml;utf8,"); }
.Header .NavDesktop>li.Selected>a { color:#bf0c34; }
.Header .NavDesktop>li.Lang { position:relative; top:0; right:0; margin-left:40px; padding:0; border:1px solid #000; border-radius:4px; text-transform:capitalize; background-image:none; }
.Header .NavDesktop>li.Lang>a { padding:3px 6px; min-width:24px; text-align:center; display:inline-block; }
.Header .LangSelect { position:absolute; top:38px; right:3px; padding-top:7px; z-index: 99; background-position:top 0 right 6px; background-repeat:no-repeat; background-image:url("data:image/svg+xml;utf8,"); }
.Header .LangSelect>li { display:block; background-color:#0da2cc; }
.Header .LangSelect>li.Selected { background-color:#0192ba; background-position:top 50% left 14px; background-repeat:no-repeat; background-image:url("data:image/svg+xml;utf8,"); }
.Header .LangSelect>li>a { display:block; color:#fff; text-align:left; font-size:18px; line-height:18px; padding:9px 36px 9px 40px; }
.Header .LangSelect>li>a:hover { text-decoration:underline; }
.Header a.VegBurger { display:none; float:right; width:20px; height:20px; margin-top:10px; background-repeat:no-repeat; background-size:100% 100%; background-position:0 0; }
.Header a.ShowMenu { background-image:url("data:image/svg+xml;utf8,"); }
.Header a.HideMenu { background-image:url("data:image/svg+xml;utf8,"); }
.Header.DropdownVisible { background-color:#fff; }
.Social { display:inline-block; }
.Social.Head { margin-top:15px; }
.Social.Foot { position:absolute; right: 5%; }
.Social li { margin:0 25px 10px 0; }
.Social li:last-child { margin-right:0; }
.Social li a { display:block; height:24px; width:24px; background-repeat:no-repeat; }
.Social li.Facebook a { background-image:url("data:image/svg+xml;utf8,"); }
.Social li.Twitter a { background-image:url("data:image/svg+xml;utf8,"); }
.Social li.Instagram a { background-image:url("data:image/svg+xml;utf8,"); }
.MobileMenu { background-color:#bf0c34; width:100%; height:100%; position:relative; text-align:center; padding-top:120px; }
.MobileMenu>ul>li { display:block; margin-bottom:28px; }
.MobileMenu>ul>li:last-child { margin-bottom: 0px; padding-bottom: 30px; }
.MobileMenu ul li a { color:#fff; }
.MobileMenu ul li.Large a { font-size:27px; line-height:32px; font-weight:bold; }
.MobileMenu ul li.Small a { font-size:22px; line-height:30px; }
.MobileMenu ul li.Lang a { display:inline-block; padding:6px; font-size:16px; line-height:16px; border:1px solid #fff; border-radius:4px; text-transform:capitalize; }
.Social.Head li a { filter:brightness(0); }
.Social.Foot li a { filter:brightness(0); }
.Social.MobileHead li a { filter:brightness(1); }
.Stores { display:inline-block; }
.Stores li { margin:0 25px 25px 0; background-repeat:no-repeat; }
.Stores li:last-child { margin-right:0; }
.Stores li a { display:block; height:46px; }
.Stores li.GooglePlay { width:153px; background-image:url("/i/share/Google_Play_Badge.png"); }
.Stores li.GooglePlay a { width:153px; }
.Stores li.AppStore { background-image:url("/i/share/App_Store_Badge.png") }
.Stores li.AppStore a { width:138px; }
.Stores li.ChromeWebStore { background-image:url("data:image/svg+xml;utf8,"); }
.Stores li.ChromeWebStore a { width:207px; }
.Section1 { background-color:#fff; padding-bottom:75px; margin-top: 100px; }
.Section1 .Svg { min-width:280px; padding-bottom:57%; float:right; margin-bottom:-130px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.Section1 .Svg.Home { width:48%; }
.Section1 .Notebook { background-image:url("/i/homepage/Homepage-img01@3x.png"); }
.Section1 .Content { display:inline-block; max-width:50%; padding:0 0 0 5%; }
.Section1 .Content h2 { font-size:60px; line-height:72px; margin-bottom:38px; color:#000; }
.Section1 .Content p { font-size:27px; line-height:32px; color:#000; font-style:normal; margin-bottom:38px; }
.Section1 .Content .Stores.Above { margin-top:157px; margin-bottom:38px; }
.Section1 .Content .Stores.Below { display:none; margin-top:22px; }
.Sharpener { clear:both; height:50px; text-align:center; }
.Sharpener div { width:88px; height:104px; display:inline-block; background-repeat:no-repeat; background-size:100%; background-image:url("data:image/svg+xml;utf8,"); }
.SectionScanSolveLearn { clear:both; color:#fff; background-color:#bf0c34; padding:200px 0; }
.SectionScanSolveLearn .Left h2 { margin-bottom:34px; }
.SectionScanSolveLearn .Right { text-align:center; }
.SectionScanSolveLearn .Right p { font-size:22px; line-height:30px; }
.SectionScanSolveLearn .Right p.Big { font-size:60px; line-height:72px; font-weight:bold; }
.SectionScanSolveLearn .Right p.Big.Space { margin-bottom:45px; }
.SectionScanSolveLearn .Right p.Small { font-size:18px; line-height:26px; }
.Section3 { clear:both; color:#fff; background-color:#e84e40; padding:150px 0; }
.Section3 .ImageBlock .SectionImage { background-image:url("/i/homepage/Homepage-img02@2x.png"); }
.Section3 .TextBlock p { margin-top:30px; }
.SectionStepByStep { clear:both; background-color:#ffb52d; color:#fff; padding:150px 0; }
.SectionStepByStep .Left h2 { margin-bottom:34px; }
.SectionStepByStep .TextBlock { order:1; }
.SectionStepByStep .TextBlock p { margin-top:34px; }
.SectionStepByStep .ImageBlock { order:2; }
.SectionStepByStep .ImageBlock .SectionImage { background-image:url("/i/homepage/Homepage-img03@2x.png"); }
.Section5 { clear:both; color:#fff; background-color:#0da2cc; padding:150px 0; }
.Section5 .ImageBlock .SectionImage.Instructions { background-image:url("/i/homepage/Homepage-img04@2x.png"); }
.Section5 .TextBlock p { margin-top:34px; }
.Section6 { clear:both; color:#000; background-color:#fff; text-align:center; padding:150px 5%; }
.Section6 h2 { font-size:40px; line-height:48px; margin-bottom:100px; }
.Section6 h3 { margin-bottom:38px; font-size:27px; line-height:32px; background-repeat:no-repeat; height:80px; text-align:left; display:inline-block; background-position:0 0; padding:25px 0 0 104px; }
.Section6 p { font-size:18px; line-height:26px; }
.Section6 .Half { text-align:left; }
.Section6 .Left h3 { background-image:url("data:image/svg+xml;utf8,"); }
.Section6 .Right h3 { background-image:url("data:image/svg+xml;utf8,"); }
.SectionReviews { clear:both; color:#fff; background-color:#87c540; padding:150px 5% 90px 5%; text-align:center; }
.SectionReviews>h2 { font-size:40px; line-height:48px; margin-bottom:100px; }
.SectionReviews .ReviewSlider { margin:0 auto; display:inline-block; }
.SectionReviews .ReviewSlider div.Slide { display:inline-block; vertical-align:top; margin:0 12px 20px 12px; color:#000; background-color:#fff; max-width:392px; min-height:470px; padding:24px; text-align:left; border-radius:4px; }
.SectionReviews .ReviewSlider div.Slide h3 { font-size:18px; line-height:26px; }
.SectionReviews .ReviewSlider div.Slide p.DateName { display: inline-block; font-size:16px; line-height:24px; color:#ababab; margin-right: 10px; }
.SectionReviews .ReviewSlider div.Slide p.DateName.Name { color:#7f7f7f; }
.SectionReviews .ReviewSlider div.Slide .Stars { clear:both; height:24px; float:left; margin-top:7px; background-repeat:repeat-x; background-image:url("data:image/svg+xml;utf8,"); }
.SectionReviews .ReviewSlider div.Slide .Stars1 { width:24px; }
.SectionReviews .ReviewSlider div.Slide .Stars2 { width:48px; }
.SectionReviews .ReviewSlider div.Slide .Stars3 { width:72px; }
.SectionReviews .ReviewSlider div.Slide .Stars4 { width:96px; }
.SectionReviews .ReviewSlider div.Slide .Stars5 { width:120px; }
.SectionReviews .ReviewSlider div.Slide .Profession { font-size:18px; line-height:26px; color:#ffb52f; float:right; font-weight:bold; margin-top:4px; }
.SectionReviews .ReviewSlider div.Slide .Review { font-size:16px; line-height:24px; margin-top:14px; }
.SliderDots { display:none; text-align:center; }
.SliderDots li { margin-right:10px; background-position:center center; background-repeat:no-repeat; background-size:10px 10px; }
.SliderDots li:last-child { margin-right:0; }
.SliderDots li a { display:inline-block; width:10px; height:10px; }
.SliderDots.White li { background-image:url("data:image/svg+xml;utf8,"); }
.SliderDots.White li.Selected { background-image:url("data:image/svg+xml;utf8,"); }
.SliderDots.Black li { background-image:url("data:image/svg+xml;utf8,"); }
.SliderDots.Black li.Selected { background-image:url("data:image/svg+xml;utf8,"); }
.SectionReviews .HeartSquared { background-repeat:no-repeat; background-position:center top; height:64px; margin-top:20px; background-image:url("data:image/svg+xml;utf8,"); }
.SectionParentsTeachers { clear:both; background-color:#fff; font-size:0; text-align:center; padding:150px 5% 150px 5%; }
.SectionParentsTeachers h2 { font-size:40px; line-height:48px; margin-bottom:88px; }
.SectionParentsTeachers h3 { font-size:27px; line-height:32px; margin-bottom:10px; }
.SectionParentsTeachers h3 a { color:inherit; }
.SectionParentsTeachers h4 { font-size:22px; line-height:30px; margin-bottom:30px; font-weight:normal; }
.SectionParentsTeachers p { font-size:18px; line-height:26px; }
.SectionParentsTeachers .Half { text-align:center; }
.SectionParentsTeachers .Half .Image { width:250px; height:250px; background-position:center center; background-repeat:no-repeat; margin:0 auto 61px auto; }
.SectionParentsTeachers .Left .Image { background-image:url("data:image/svg+xml;utf8,"); }
.SectionParentsTeachers .Right .Image { background-image:url("data:image/svg+xml;utf8,"); }
.SectionAwards { clear:both; padding:150px 0; color:#fff; background-color:#bf0c34; padding-left:5%; }
.SectionAwards ul { display:inline-block; width:100%; }
.SectionAwards ul li { display:block; margin-bottom:86px; width:100%; text-align:center; }
.SectionAwards ul li a { display:inline-block; background-repeat:no-repeat; background-size:100% 100%; }
.SectionAwards ul li:last-child { margin-bottom:0; }
.SectionAwards ul li.TechCrunchDisrupt a { width:265px; height:78px; background-image:url("data:image/svg+xml;utf8,"); }
.SectionAwards ul li.FourYFN a { width:266px; height:83px; background-image:url("data:image/svg+xml;utf8,"); }
.SectionAwards ul li.NetExplo a { width:265px; height:62px; background-image:url("data:image/svg+xml;utf8,"); }
.SectionAwards h2 { font-size:40px; line-height:48px; }
.SectionAwards p { font-size:22px; line-height:30px; margin-top:34px; }
.Section10 { clear:both; background-color:#fff; padding:150px 5%; text-align:center; }
.Section10 .Tasks, .SingleColumn.Examples .Tasks { float:right; background-repeat:no-repeat; background-size:100% 100%; }
.Section10 .Tasks.Big, .SingleColumn.Examples .Tasks.Big { width:1060px; height:616px; margin-left:-50%; background-image:url("data:image/svg+xml;utf8,"); }
.Section10 .Tasks.Small, .SingleColumn.Examples .Tasks.Small { width:332px; height:445px; background-image:url("data:image/svg+xml;utf8,"); }
.Section10 .Tasks.Small, .SingleColumn.Examples .Tasks.Small { display:none; }
.Section10 h2 { font-size:40px; line-height:48px; margin-bottom:34px; }
.Section10 p { font-size:22px; line-height:30px; margin-bottom:65px; }
.Section10 .TopLink { margin-bottom:108px; }
.Section10 a.Arrow { font-size:18px; line-height:26px; }
.Section10 .LeftBlock { width:40%; float:left; text-align:left; }
.Section10 .LeftBlock p { font-weight:bold; margin-bottom:35px; }
.SectionDownload { padding:150px 0; clear:both; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; background-image:url(/i/homepage/Homepage-img05.jpg); }
.SectionDownload .Content { width:50%; float:left; padding:0 5%; }
.SectionDownload h2 { margin-bottom:34px; }
.SectionDownload p { font-size:18px; line-height:26px; margin-bottom:96px; }
div.Download { margin-top:34px; color:#0da2cc; }
div.Download a { font-size:18px; line-height:26px; font-weight:bold; }
div.Download p { margin:8px 0 0 0; padding:0; font-size:14px; line-height:normal; }
div.SingleColumn { color:#000; margin:0 21%; }
div.SingleColumn h2 { font-size:60px; line-height:72px; margin-top:100px; margin-bottom:38px; }
div.SingleColumn h3 { font-size:40px; line-height:48px; margin-top:50px; margin-bottom:34px; }
div.SingleColumn.TermsOfUse h3 { font-size:27px; line-height:32px; margin-top:40px; margin-bottom:34px; }
div.SingleColumn h4 { font-size:27px; line-height:30px; margin-bottom:24px; font-weight:bold; text-transform:none; }
div.SingleColumn p { font-size:18px; line-height:26px; margin-bottom:20px; }
div.SingleColumn p.Summary { font-size:22px; line-height:30px; margin-bottom:20px; }
div.SingleColumn p.LastUpdate { font-size:27px; line-height:32px; margin-bottom:40px; }
div.SingleColumn img.Photo { width:100%; height:auto; margin-bottom:50px; margin-top:22px; }
div.SingleColumn.Examples { padding-bottom:100px; }
div.SingleColumn.Examples h2 { margin-bottom:100px; }
div.SingleColumn.Examples ul.ExampleGroups { float:left; width:100%; margin:20px 0 0 0; text-align:left; }
div.SingleColumn.Examples ul.ExampleGroups>li { float:left; width:49%; display:block; padding-bottom:103px; }
div.SingleColumn.Examples ul.ExampleGroups>li>h3 { margin-top:0; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul { margin:0; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul>li { padding:8px 0; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul>li>a { font-size:22px; line-height:30px; }
div.SingleColumn a.Arrow { font-size:22px; line-height:30px; }
div.SingleColumn a.ArrowLeft { font-size:22px; line-height:30px; }
.RedBackLink a { color:#fff; background-color:#bf0c34; }
.RedBackLink a:hover { text-decoration:none; background-color:#9e0326; }
div.SingleColumn div#OpenPositions { margin:35px 0 65px; }
div.SingleColumn ul.Box { margin:0 0 50px 0; }
div.SingleColumn ul.Box li { width:100%; margin-bottom:20px; padding:0; }
div.SingleColumn ul.Box li:last-child { margin-bottom:0; }
div.SingleColumn ul.Box li a { display:block; padding:40px 40px 80px 40px; background-repeat:no-repeat; background-position:right 32px bottom 24px; background-image:url("data:image/svg+xml;utf8,"); }
div.SingleColumn ul.Box li:hover { background-color:#9e0326; }
div.SingleColumn ul.Box li h3 { font-size:40px; line-height:48px; margin-top:0; margin-bottom:10px; font-weight:normal; }
div.SingleColumn ul.Box li p { font-size:18px; line-height:26px; }
div.SingleColumn ul.Box li p.Large { font-size:22px; line-height:30px; margin-bottom:30px; }
div.SingleColumn a.BackCapitals { text-transform:uppercase; font-size:16px; line-height:24px; padding-left:30px; background-repeat:no-repeat; background-position:0 center; background-image:url("data:image/svg+xml;utf8,"); }
div.SingleColumn div.Box { width:100%; margin:50px 0; padding:40px 0 25px; text-align: center; }
div.SingleColumn.Job div.Box { margin:80px 0 50px; }
div.SingleColumn.Job p a.back-to-jobs {
float: left;
padding-left: 28px;
background-image: url(/i/left-arrow.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: left;
color: #BF0C34;
font-weight: bold;
font-size: 16px;
line-height: 26px;
text-align: left;
}
div.SingleColumn div.Box h2,
div.SingleColumn.Job h4#apply {
font-size:40px;
line-height:48px;
font-weight:bold;
transform: rotate(-2.7deg);
background: #F8E6EA;
width: fit-content;
margin: 110px auto 40px;
}
div.SingleColumn div.Box h2 span,
div.SingleColumn.Job h4#apply span {
display: block;
transform: rotate(2.7deg);
}
div.SingleColumn.Job h4#apply {
max-width: 450px;
margin-bottom: 90px;
text-align: center;
}
div.SingleColumn div.Box p { font-size:27px; line-height:32px; margin-bottom: 90px; }
div.SingleColumn h4 { font-size:22px; line-height:30px; margin-bottom:24px; font-weight:bold; text-transform:none; }
div.SingleColumn h3.Photos { clear:both; }
div.SingleColumn p.Capitals { text-transform:uppercase; font-size:27px; line-height:32px; }
div.SingleColumn ul { margin:0 0 0 50px; }
div.SingleColumn ul li, div.SingleColumn ol li { font-size:18px; line-height:26px; padding:8px 0; display:list-item; }
div.SingleColumn .rounded-red-btn {
padding: 15px 30px;
border-radius: 40px;
background-color: #bf0c34;
color: #fff;
font-weight: 700;
font-size: 22px;
line-height: 30px;
}
div.SingleColumn .rounded-red-btn:hover,
div.SingleColumn .rounded-red-btn:focus {
text-decoration: none;
background-color: #9e0326; /* PM RED DARK */
}
div.SingleColumn p.Button { margin:34px 0 50px 0; padding:0; }
div.SingleColumn p.Button a { display:inline-block; border-radius:4px; padding:13px 51px 13px 15px; text-transform:uppercase; background-repeat:no-repeat; background-position:right 16px center; background-image:url("data:image/svg+xml;utf8,"); }
div.SingleColumn ul.Media { margin:0 -12px 0 -12px; padding:0; text-align:left; }
div.SingleColumn ul.Media li { margin:0; width:50%; display:inline-block; padding:12px 12px 50px 12px; text-align:left; min-width:280px; }
div.SingleColumn ul.Media.MobileScreenshots li { width:auto; }
div.SingleColumn ul.Media.Logo li { float:left; width: 33.33%; }
div.SingleColumn ul.Media li h3 { font-size:22px; line-height:30px; font-weight:bold; margin:0 0 18px 0; padding:0; }
div.SingleColumn ul.Media li>a { float:left; margin-bottom:17px; }
div.SingleColumn ul.Media li a.MobileScreenshots { float:none; }
div.SingleColumn ul.Media li img { float:left; width:100%; }
div.SingleColumn ul.Media li img.Logo { border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; }
div.SingleColumn ul.Media li>img { margin-bottom:25px; }
div.SingleColumn ul.Media li p { margin:10px 0 0 0; padding:0; }
div.SingleColumn ul.Media li p.First { margin-top:18px; padding:0; }
div.SingleColumn ul.Media li p a { margin:0; font-size:18px; line-height:26px; font-weight:bold; padding:0 40px 0 0;}
div.SingleColumn ul.Media.Logo li p a { padding:0; }
div.SingleColumn ul.Media .AndroidScreenshots { width:110.33px; height:221px; float: none;}
div.SingleColumn ul.Media .IosScreenshots { width:104.71px; height:221px; float: none;}
div.SingleColumn.Job h4 {
margin-top: 90px;
font-weight: bold;
font-size: 27px;
line-height: 32px;
}
div.SingleColumn.Job h4.ExpiredAd {
max-width: 704px;
}
div.SingleColumn.Job p {
line-height: 28px;
}
div.SingleColumn.Job p.ExpiredAd {
max-width: 704px;
margin-bottom: 78px;
}
div.SingleColumn.Job.Grayed div.Box {
margin: 0px 0 50px;
padding: 0px 0 25px;
}
div.SingleColumn.Job.Grayed div.Box h2 {
color: #7F7F7F;
}
div.SingleColumn.Job.Grayed div.Box p:first-of-type {
margin-bottom: 20px;
}
div.SingleColumn.Job.Grayed div.Box .rounded-red-btn:first-of-type {
display: none;
}
div.SingleColumn.Job.Grayed h4:first-of-type {
margin-top: 60px;
}
div.SingleColumn.Job.Grayed p:first-child {
margin-top: 120px;
color: #bf0c34;
opacity: 1;
}
div.SingleColumn.Job.Grayed p:first-child a {
float: none;
}
div.SingleColumn.Grayed h3 { opacity:0.5; }
div.SingleColumn.Grayed h4 { opacity:0.5; }
div.SingleColumn.Grayed ul li { opacity:0.5; }
div.SingleColumn.Grayed p { opacity:0.5; }
div.SingleColumn.Grayed .NoBlur { opacity:1; }
div.SingleColumn.Grayed h3.NoBlur {
padding-top: 40px;
}
.Line { display:none; height:6px; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; background-image:url("data:image/svg+xml;utf8,"); }
.InfoPage { text-align:center; color:#000; padding:300px 5% 50px 5%; background-repeat:no-repeat; background-position:left 50% top 40px; background-image:url("data:image/svg+xml;utf8,"); }
.InfoPage.Beta { background-image:url("data:image/svg+xml;utf8,"); }
.InfoPage.Magic { background-image:url("data:image/svg+xml;utf8,"); }
.InfoPage.Confirmed { background-position:left 50% top 80px; background-image:url("data:image/svg+xml;utf8,"); }
.InfoPage h1 { font-size:60px; line-height:72px; margin-bottom:34px; }
.InfoPage p { font-size:22px; line-height:30px; }
.InfoPage p.Pin { font-size:60px; line-height:72px; color:#0da2cc; margin-top:34px; }
.Footer { padding:75px 110px; text-align:center; border-top: 1px solid #ABABAB; margin: 0 5%; }
.Footer h4 { position:absolute; left: 5%; }
.Footer ul.Links { display:inline-block; max-width:40%; text-align:left; }
.Footer ul.Links li { width:50%; }
.Footer ul.Links li a { font-size:16px; line-height:32px; white-space:nowrap; color:#000; }
.cookiebanner-close { font-size:12px; padding-top:10px; }
div.ccpa ul {list-style-type: disc;}
h4.ccpa a {color: #0b0b0b}
div.cookiebanner {
position: fixed;
background: #4C4F54!important;
opacity: 0.95!important;
color: #fff!important;
right: 0;
left: 0;
bottom: 0;
height: 100px!important;
z-index: 9999999!important;
text-align: left!important;
}
div.cookiebanner span {
position: absolute;
display: inline-block;
font-size: 16px;
line-height: 30px;
bottom: 20%;
left: 5%;
width: 80%;
}
div.cookiebanner span a {
color: white!important;
text-decoration: underline!important;
font-weight: bold!important;
}
div.cookiebanner div.cookiebanner-close {
position: absolute;
display: inline-block;
padding: 12px!important;
font-size: 14px;
line-height: 15px;
text-align: center;
bottom: 35%;
right: 4%;
width: 90px;
height: 40px;
border: 2px solid #fff;
border-radius: 72px;
cursor: pointer;
}
.jobsExtraMargin {
margin-top: 50px;
}
.no-send-resume-p,
.send-resume {
margin-bottom: 80px !important;
}
@media only screen and (min-width: 1680px) {
.Section1 .Content h2 {
font-size: 86px;
line-height: 96px;
}
}
/* 1440 */
@media only screen and (max-width:1439px) {
.SectionList { display:block; }
.SectionList>li { width:100%; }
.SectionScanSolveLearn .Right { width:50%; }
.Section10 .Tasks.Big, .SingleColumn.Examples .Tasks.Big { width:795px; height:462px; }
div.SingleColumn { margin:0 15%; }
.SectionReviews .ReviewSlider { max-width:392px; }
.SectionReviews .ReviewSlider div.Slide { margin-left:0; margin-right:0; }
.SectionReviews .SliderDots { display:block; }
.SectionReviews .HeartSquared { display:none; }
}
/* max 1440px start */
@media only screen and (max-width: 1440px){
.SectionAwards ul li.TechCrunchDisrupt a,
.SectionAwards ul li.FourYFN a,
.SectionAwards ul li.NetExplo a{
width: 184px;
height: 54px;
}
}
/* max 1440px end */
/* 1080 */
@media only screen and (max-width:1079px) {
.Section1 .Content .Stores.Above, .Svg.Home.Notebook, .Svg.Parent { margin-top:70px; }
.SectionScanSolveLearn .Right { padding-top:20px; }
.SectionScanSolveLearn .Right p { font-size:18px; line-height:26px; }
.SectionScanSolveLearn .Right p.Big { font-size:48px; line-height:58px; font-weight:bold; }
.SectionScanSolveLearn .Right p.Big.Space { margin-bottom:48px; }
.SectionScanSolveLearn .Right p.Small { font-size:16px; line-height:24px; }
.Section10 .Tasks.Big, .SingleColumn.Examples .Tasks.Big { width:596px; height:347px; }
}
@media only screen and (max-width: 1054px) {
div.cookiebanner {
height: 115px;
}
div.cookiebanner span {
line-height: 25px;
}
}
@media only screen and (min-width: 1024px) {
.SectionReviews .ReviewSlider > div {
width: 100% !important;
}
}
/* 1024 */
@media only screen and (max-width:1023px) {
.Title { font-size:27px; line-height:32px; }
.Text { font-size:18px; line-height:26px; }
.Section1 .Content h2 { font-size:40px; line-height:48px; margin-bottom:20px; }
.Section6 h2 { font-size:27px; line-height:32px; margin-bottom:54px; }
.Section6 h3 { font-size:22px; line-height:30px; }
div.SingleColumn { margin:0 5%; }
.SectionReviews .ReviewSlider div.Slide {
min-height: 481px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1265px) {
div.cookiebanner {
height: 160px;
}
}
/* min 1024px and max 1439px start */
@media only screen and (min-width: 1024px) and (max-width: 1439px) {
.SectionReviews .ReviewSlider {
max-width: 922px;
}
.SectionReviews .ReviewSlider div:first-child {
max-width: 922px!important;
transition: all 350ms ease-out 0s!important;
transform: translate3d(0px, 0px, 0px)!important;
}
.SectionReviews .SliderDots {
display: none;
}
.SectionReviews .HeartSquared {
display: block;
}
.SectionReviews .ReviewSlider div.Slide {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 15px;
min-height: 605px;
}
div.cookiebanner div.cookiebanner-close {
width: 10%;
}
}
/* min 1024px and max 1439px end*/
/* 960 */
@media only screen and (max-width:959px) {
.Header { position:fixed; z-index:999; top:0; width:100%; padding:15px 5%; background-color:rgba(255, 255, 255, 0.95); box-shadow:0 5px 10px rgba(0, 0, 0, 0.15); }
.Header .NavDesktop { display:none; }
.Header a.VegBurger { display:block; }
.Section1 .Content .Stores .Above { margin-top:50px; }
.SectionScanSolveLearn { padding:100px 0px; }
.SectionScanSolveLearn .Left { float:none; width:100%; margin-bottom:54px; }
.SectionScanSolveLearn .Right { float:none; width:100%; padding-top:20px; }
.SectionScanSolveLearn .Right p { font-size:16px; line-height:24px; }
.SectionScanSolveLearn .Right p.Big { font-size:40px; line-height:48px; font-weight:bold; }
.SectionScanSolveLearn .Right p.Big.Space { margin-bottom:48px; }
.SectionScanSolveLearn .Right p.Small { font-size:16px; line-height:24px; }
.SectionDownload h2 { font-size:27px; line-height:32px; margin-bottom:20px; }
.SectionDownload p { font-size:16px; line-height:24px; margin-bottom:31px; }
.SectionList { display:block; }
.SectionPartners {
padding:80px 0px!important;
}
}
/* 860 */
@media only screen and (max-width:859px) {
.Section1 .Content .Stores.Above { margin-top:127px; }
.Section1 .Content p { line-height:24px; font-size:16px; }
.Section1 .Notebook { margin-bottom:-250px; }
.SectionAwards h2 { font-size:22px; line-height:30px; }
.SectionAwards p { font-size:16px; line-height:24px; margin-top:24px; }
.Section10 .LeftBlock { width:100%; float:none; }
.Section10 .Tasks, .SingleColumn.Examples .Tasks { float:none; margin:0 auto; margin-bottom:34px; }
.Section10 .Tasks.Big, .SingleColumn.Examples .Tasks.Big { display:none; }
.Section10 .Tasks.Small, .SingleColumn.Examples .Tasks.Small { display:block; }
div.SingleColumn { padding-top:127px; padding-bottom:75px; }
div.SingleColumn.Job { padding-top: 0; }
div.SingleColumn h2 { font-size:40px; line-height:48px; margin-top:0; }
div.SingleColumn h3 { font-size:27px; line-height:32px; margin-top:30px; }
div.SingleColumn.TermsOfUse h3 { font-size:22px; line-height:30px; margin-top:30px; margin-bottom:15px; }
div.SingleColumn div.Box h2,
div.SingleColumn.Job h4#apply {
font-size: 27px;
line-height: 32px;
}
div.SingleColumn h4,
div.SingleColumn.Job h4,
div.SingleColumn div.Box p {
font-size:22px;
line-height:30px;
}
div.SingleColumn.Job h4 { margin-top: 70px }
div.SingleColumn p { font-size:18px; line-height:26px; }
div.SingleColumn.Job p { font-size: 16px; line-height:24px; }
div.SingleColumn p.Summary { font-size:20px; line-height:24px; }
div.SingleColumn p.LastUpdate { font-size:22px; line-height:30px; }
div.SingleColumn ul.Box li h3 { font-size:27px; line-height:32px; }
div.SingleColumn ul.Box li p { font-size:16px; line-height:24px; }
div.SingleColumn ul.Box li p.Large { font-size:20px; line-height:24px; }
div.SingleColumn ul.Media li { width:100%; padding:12px 12px 30px 12px; }
div.SingleColumn.Job ul li, div.SingleColumn.Job ol li { font-size: 16px; line-height:24px; }
div.SingleColumn img.Photo { margin-bottom:20px; }
div.SingleColumn.Examples ul.ExampleGroups { margin-top:0; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul>li { padding:7px 0; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul>li>a { font-size:20px; line-height:24px; }
.HelpSection { padding-top:127px; }
.Footer { padding:15px 0; }
.Footer ul.Links { max-width:100%; width:100%; margin-bottom:50px; margin-top:40px; }
.Footer ul.Links li.LeftItem { text-align:left; }
.Footer ul.Links li.RightItem { text-align:right; }
.Footer h4 { position:static; float:left; }
.Footer ul.Social.Foot { position:static; float:right; }
.InfoPage { padding-top:400px; background-position:left 50% top 127px; }
.InfoPage.Confirmed { background-position:left 50% top 200px; }
.Section1 {
margin-top: 80px;
}
.Section1 .Notebook {
margin-top: 15%;
}
div.SingleColumn.Grayed h3.NoBlur {
padding-top: 0;
}
.no-send-resume-p,
.send-resume {
margin-bottom: 0px !important;
}
}
/* max 768px start*/
@media only screen and (max-width: 768px) {
.LangSelectRed {
width: 140px;
height: 34px;
font-size: 16px;
background-color: #bf0c34;
color: white;
}
.Social.MobileHead li a {
height: 40px;
width: 40px;
}
.Sharpener {
text-align: right;
height: 17px;
}
.Sharpener div {
width: 54px;
margin-top: -15px;
margin-right: 5%;
}
div#WhatElseCanDo > div:nth-of-type(1),
div#ParentsTeachers > div:nth-of-type(1){
padding: 0 10px 0 0;
}
div#WhatElseCanDo > div:nth-of-type(2),
div#ParentsTeachers > div:nth-of-type(2) {
padding: 0 0 0 10px;
}
.SectionReviews h2,
.SectionParentsTeachers h2,
.Section10 h2 {
font-size: 27px;
}
.Section10 {
text-align: left;
}
.Stores li {
margin: 0 10px 25px 0;
}
.SectionPartners{
padding: 20px 0!important;
}
.SectionPartners ul {
padding: 0 5%!important;
}
.SectionPartners ul li {
width: 26%!important;
height: 70px!important;
background-size: 100%!important;
}
div.cookiebanner {
height: 115px!important;
}
div.cookiebanner span {
display: block;
font-size: 12px;
line-height: 19px;
bottom: 45%;
left: 5%;
width: 90%;
text-align: center;
right: 5%;
}
div.cookiebanner div.cookiebanner-close {
display: block;
padding: 7px!important;
font-size: 12px;
bottom: 8%;
width: 60px;
height: 30px;
left: 47%;
}
}
/* max 768px end*/
/* 720 */
@media only screen and (max-width:719px) {
.Left { float:none; width:100%; }
.Right { float:none; width:100%; }
.Half { width:100%; margin-bottom:54px; }
/* .Title { font-size:22px; l.ine-height:30px; } */
.Text { font-size:16px; line-height:24px; }
.SectionImage { width:500px; height:500px; }
.Section1 .Content h2 { margin-top:150px; }
.Section1 .Content .Stores.Above { display:none; }
.Section1 .Content .Stores.Below { display:block; }
.Section1 .Content .Social { display:none; }
.Section1 .Notebook { width:75%; padding-bottom:100%; clear:both; margin-bottom:-250px; }
.Section1 .Content { max-width:100%; margin-top:0; padding-right:5%; clear:both; }
.SectionScanSolveLearn { padding:100px 0 75px 0; }
.Section3 { padding:50px 0 100px 0; }
.SectionStepByStep { padding:50px 0 100px 0; }
.SectionStepByStep .Left p { margin-top:24px; }
.Section5 { padding:50px 0 100px 0; }
.Section5 .Right p { margin-top:24px; }
.Section6 { padding-top:100px; padding-bottom:50px; }
.SectionReviews { padding:100px 5% 54px 5%; }
.SectionReviews h2 { font-size:27px; line-height:32px; margin-bottom:54px; }
.SectionReviews .ReviewSlider { max-width:100%; }
.SectionParentsTeachers { padding:100px 5% 50px 5%; }
.SectionParentsTeachers h2 { font-size:27px; line-height:32px; margin-bottom:54px; }
.SectionParentsTeachers h3 { font-size:22px; line-height:30px; }
.SectionParentsTeachers h4 { font-size:16px; line-height:24px; }
.SectionParentsTeachers p { font-size:16px; line-height:24px; }
.SectionParentsTeachers .Half { width:100%; margin-bottom:54px; }
.SectionAwards { padding:100px 0; }
.SectionAwards .Right { margin-bottom:43px; }
.SectionAwards ul li { margin-bottom:43px; }
.SectionAwards ul li.TechCrunchDisrupt a { width:186px; height:55px; }
.SectionAwards ul li.FourYFN a { width:186px; height:58px; }
.SectionAwards ul li.NetExplo a { width:185px; height:43px; }
.Section10 { padding:100px 5%; text-align:left; }
.Section10 h2 { font-size:22px; line-height:30px; }
.Section10 p { font-size:16px; line-height:24px; margin-bottom:20px; }
.Section10 a.Arrow { font-size:15px; line-height:22px; }
.Section10 .Tasks.Small, .SingleColumn.Examples .Tasks.Small { width:249px; height:334px; }
.Section10 .TopLink { margin-bottom:60px; }
div.SingleColumn.Examples { text-align:center; margin:0; }
div.SingleColumn.Examples ul.ExampleGroups { float:none; width:auto; margin:0 auto 50px auto; display:inline-block; }
div.SingleColumn.Examples ul.ExampleGroups>li { float:none; width:auto; }
.SectionDownload { padding-top:75%; padding-bottom:80px; background-size:100%; background-position:right top; }
.SectionDownload .Content { width:100%; float:none; }
.Line { display:block; }
.Footer { border: none; margin: 0 5%}
.InfoPage h1 { font-size:40px; line-height:48px; }
.InfoPage p { font-size:16px; line-height:24px; }
.InfoPage p.Pin { font-size:40px; line-height:48px; color:#0da2cc; }
}
/* 640 */
@media only screen and (max-width:639px) {
.SectionImage { width:400px; height:400px; }
}
/* 530 */
@media only screen and (max-width:529px) {
.SectionImage { width:350px; height:350px; }
.SectionReviews .ReviewSlider div.Slide { height:auto; }
.SectionReviews .ReviewSlider div.Slide h3 { max-width:100%; float:none; }
.SectionReviews .ReviewSlider div.Slide p.DateName { float:left; display:inline-block; }
.SectionReviews .ReviewSlider div.Slide p.Name { clear:none; }
div.SingleColumn ul.Media li p a { font-size:14px; line-height:17px; }
.SectionPartners ul li {
width: 33%!important;
height: 60px!important;
}
}
/* 450 */
@media only screen and (max-width:449px) {
.SectionImage { width:300px; height:300px; }
}
@media only screen and (min-width: 426px) and (max-width: 465px) {
div.cookiebanner {
height: 151px!important;
}
div.cookiebanner span {
bottom: 40%;
}
div.cookiebanner div.cookiebanner-close {
left: 44%;
}
}
/* max 425px start */
@media only screen and (max-width: 425px) {
.MobileMenu ul li.Large a {
font-size: 22px;
}
.MobileMenu ul li.Small a {
font-size: 16px;
}
.Social.MobileHead li a {
height: 30px;
width: 30px;
}
.SectionParentsTeachers .Left .Image {
background-image: url("/i/homepage/PARENTS_web.png");
height: 160px;
width: 160px;
}
.SectionParentsTeachers .Right .Image {
background-image:url("/i/homepage/TEACHER_web.png");
height: 160px;
width: 160px;
}
div.cookiebanner {
height: 140px!important;
}
div.cookiebanner span {
bottom: 40%;
font-size: 12px;
}
div.cookiebanner div.cookiebanner-close {
left: 42%;
}
}
/* max 425px end */
/* max 375px start*/
@media only screen and (max-width: 375px) {
.Section1 .Content h2 {
font-size: 27px!important;
margin-top: 190px;
line-height: 32px!important;
}
.SectionScanSolveLearn {
padding: 75px 0;
}
.Half {
padding: 0px;
}
.SectionReviews .ReviewSlider div.Slide {
min-height: 577px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 15px;
}
div#WhatElseCanDo > div:nth-of-type(1),
div#ParentsTeachers > div:nth-of-type(1){
padding: 0px;
}
div#WhatElseCanDo > div:nth-of-type(2),
div#ParentsTeachers > div:nth-of-type(2) {
padding: 0px;
}
div.cookiebanner {
height: 160px!important;
}
div.cookiebanner span {
bottom: 37%;
}
}
/* max 375px end*/
/* 360 */
@media only screen and (max-width:359px) {
.SectionImage { width:250px; height:250px; }
/*.Stores { display: block; margin:-15px; text-align: center;}*/
.Section1 { padding-bottom:25px; }
.Section1 .Content p { margin-bottom:30px; }
.Section1 .Notebook { margin-bottom:-180px; }
.Section1 .Content h2 { font-size:32px; line-height:40px; margin-bottom:20px; }
.SectionScanSolveLearn .Right p.Big { font-size:32px; line-height:40px; }
.Section6 h2 { font-size:24px; line-height:30px; }
.Section6 h3 { font-size:20px; line-height:24px; }
div.SingleColumn ul.Media li p a { font-size:12px; line-height:14px; }
div.SingleColumn.Examples ul.ExampleGroups>li { padding-bottom:50px; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul>li { padding:5px 0; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul>li>a { font-size:16px; line-height:24px; }
}
/* exception! */
@media only screen and (max-width: 335px) {
.Stores {
display: block;
margin: -15px;
text-align: center;
}
}
/* max 320px start*/
@media only screen and (max-width: 320px) {
.Stores li {
margin: 0 0px 25px 0;
}
.Stores li.AppStore {
background-size: 130px;
}
.Stores li.GooglePlay {
background-size: 143px;
}
.SectionReviews .ReviewSlider div.Slide {
min-height: 601px;
}
}
/* max 320px end */
/* Job application form */
.Box.job-application--box {
max-width: 500px;
margin: auto !important;
}
.job-application {
padding: calc(10px + 55 * ((100vw - 320px) / 1600)) calc(10px + 95 * ((100vw - 320px) / 1600));
position: relative;
}
.application-form--thank-you {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
background-color: rgba(255, 255, 255, .95);
z-index: 999;
}
.application-form--thank-you.failed {
background-color: rgba(255, 248, 250, .94);
}
.job-application--item {
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.job-application--label {
font-size: 22px;
font-weight: 700;
line-height: 100%;
}
.job-application--item input, .job-application .add-document {
border: 1px solid transparent;
border-radius: 40px;
box-sizing: border-box;
font-size: 19px;
padding: 13px 51px;
max-width: 500px;
width: 100%;
outline: none;
}
.job-application--item input {
background: #eaeaea;
}
.job-application--item input:active, .job-application--item input:focus {
border: 1px solid #7F7F7F;
}
.job-application .add-document {
border: 1px dashed #ABABAB;
cursor: pointer;
transition: .2s linear;
text-align: center;
position: relative;
}
.job-application .add-document:hover, .job-application .add-document.file-added {
border-color: #87C540;
background: #f4ffe7;
}
.job-application--item img, .job-application--item span {
vertical-align: middle;
}
.job-application--submit {
margin-top: 50px;
text-align: center;
}
.job-application--submit input {
background: #bf0d35;
color: #fff;
border: none;
border-radius: 40px;
font-size: 22px;
font-weight: 700;
padding: 13px 41px;
cursor: pointer;
}
.upload-doc {
cursor: pointer;
position: absolute;
left: 0;
top: 0;
height: 100%;
box-sizing: border-box;
max-width: 100% !important;
opacity: 0;
}
.remove-file {
opacity: 0;
position: absolute;
right: -5px;
top: -5px;
z-index: 99;
background-color: #fff;
border-radius: 50%;
transition: .2s linear;
transform: rotate(45deg);
}
.remove-file:hover {
background-color: #bf0d35;
}
.remove-file:hover img {
filter: invert(1);
}
.add-document.file-added img {
opacity: 0;
transition: .2s linear;
}
.remove-active.remove-file {
opacity: 1;
}
.hide-visually {
position: absolute !important;
height: 0 !important;
width: 0 !important;
overflow: hidden !important;
}
@media only screen and (max-width: 768px) {
.job-application--item {
flex-direction: column;
}
video#acp-video {
width: 100%;
}
img#play-acp-video {
width: 40px !important;
}
}
.acp-video {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
img#play-acp-video {
position: absolute;
width: 80px;
}
#acp-video.hovered + #play-acp-video {
opacity: 1;
}
#acp-video + #play-acp-video {
opacity: 0;
transition: .2s linear;
}