/*
Theme Name: Geo-Mentor
Author: Marketing Media
Author URI: http://marketingmedia.ca/
Version: 1.0
*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/all.css");
@import url("../../../css.css");
@import url("../../../releases/v5.8.1/css/all.css");
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

* { box-sizing: border-box; vertical-align: top; }

a { text-decoration: none; transition: all 0.3s linear; }

/*General*/
body { font-size: 1rem; font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #5F6469; }

.Wrap { width: 90%; margin: 0 auto; }

.Wrapper { width: 90%; max-width: 1280px; margin: 0 auto; }

.SmallWrap { width: 90%; max-width: 990px; margin: 0 auto; }

.Section { padding: 80px 0; }

.Section h2 { color: #2D3337; }

.Section p a { color: #0F7EE1; }

.Section p a i { line-height: 1.4; }

.Section p a:hover { color: #2D9A43; }

.Icon { display: block; width: 80px; margin: 0 auto 10px; }

.BigIcon { width: 120px; margin: 0 auto 10px; }

.Center { text-align: center; }

.General h2::after { content: ''; display: block; width: 50px; height: 4px; margin: 20px auto; background: #0F7EE1; }

.General h3, .General h4, .General h5, .General h6 { color: #2D3337; }

h1 { font-size: 3rem; font-weight: 300; }

h1.PageTitle { color: #2D3337; }

h1.PageTitle::after { content: ''; display: block; width: 50px; height: 4px; margin: 20px 0; background: #0F7EE1; }

h2 { font-size: 2.375rem; font-weight: 300; color: #2D3337; margin-bottom: 20px; }

h2 span, h2 strong { color: #0F7EE1; }

h2 em { font-style: normal; display: block; }

h2 em.Small { font-size: 22px; }

h3 { font-size: 1.75rem; font-weight: 400; margin-bottom: 20px; }

h3.Blue { margin-bottom: 0; }

h4 { font-size: 1.375rem; font-weight: 400; margin-bottom: 10px; }

h5 { font-size: 1.25rem; font-weight: 400; margin-bottom: 10px; }

h6 { font-size: 1.125rem; font-weight: 600; margin-bottom: 10px; }

p { margin-bottom: 20px; line-height: 1.4; }

p em { font-style: italic; color: #2D3337; }

img { width: 100%; height: auto; }

strong { color: #2D3337; }

p strong { font-weight: 600; }

table { width: 100%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

table thead tr { background: #0F7EE1; }

table thead tr th { color: #FFF; font-weight: 400; font-size: 1.375rem; }

table tbody tr:nth-child(odd) { background: #F6F8FC; }

table tr td, table tr th { padding: 15px 10px; text-align: center; }

table tr td:first-child, table tr th:first-child { text-align: left; }

table tr td i, table tr td span.fas, table tr th i, table tr th span.fas { color: #2D9A43; }

table tr td img.App, table tr th img.App { max-width: 45px; vertical-align: bottom; margin-right: 10px; }

@media (max-width: 414px) { table { display: block; overflow-x: scroll; } }

.Container ul { list-style: none; padding-left: 20px; }

.Container ul li { margin-bottom: 15px; line-height: 1.4; }

.Container ul li::before { content: "\2022"; color: #0F7EE1; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }

.Container ul.Normal li::before { content: "-"; }

.GradientGrey { background: linear-gradient(#FFF 0%, #F0F4FA 100%); }

.GreyBlock, .Grey { background: #F6F8FC; }

.WhiteBlock { background: #FFF; }

.BlueBlock { background: #006ACD; color: #FFF; }

.BlueBlock p, .BlueBlock a, .BlueBlock strong { color: #FFF; }

.ColorDivider { display: grid; grid-template-columns: repeat(4, 1fr); }

.ColorDivider .Col { padding: 0 !important; height: 5px; }

.ColorDivider .Col:nth-child(1) { background: #CF2E2A; }

.ColorDivider .Col:nth-child(2) { background: #F9AF0C; }

.ColorDivider .Col:nth-child(3) { background: #346DF0; }

.ColorDivider .Col:nth-child(4) { background: #2D9A43; }

.Blue { color: #0F7EE1; }

.fas { line-height: normal; }

.Line::after { content: ""; display: block; width: 50px; height: 4px; background: #5ca3f7; margin: 20px 0; }

.Center .Line::after { margin: 20px auto; }

.SubContainer { border-radius: 5px; padding: 20px; }

.GreyLine { display: block; border-bottom: 1px solid #dadce0; margin: 60px 0; }

@media (min-width: 714px) { .GreyLine { margin: 80px 0; } }

.Space { display: block; height: 60px; }

.SmallSpace { display: block; height: 30px; }

/*Buttons*/
.WhiteBTN { display: inline-block; padding: 10px 15px; background: #fff; color: #0F7EE1; border-radius: 3px; }

.WhiteBrdBTN { display: inline-block; padding: 10px 15px; background: transparent; color: #FFF !important; border-radius: 3px; border: 1px solid #FFF; }

.BlueBTN { display: inline-block; padding: 10px 15px; background: #0F7EE1; border: 1px solid #0F7EE1; border-radius: 3px; color: #FFF !important; }

.BlueBTN:hover { background: #006ACD; border: 1px solid #006ACD; color: #FFF !important; }

.BlueBrdBTN { display: inline-block; padding: 10px 15px; background: #FFF; color: #0F7EE1; border: 1px solid #0F7EE1; border-radius: 3px; }

.BlueBrdBTN:hover { background: #006ACD; border: 1px solid #006ACD; color: #FFF !important; }

.GreenBTN { display: inline-block; padding: 10px 15px; background: #2D9A43; border: 1px solid #2D9A43; border-radius: 3px; color: #FFF !important; }

.GreenBTN:hover { background: #19862F; border: 1px solid #19862F; color: #FFF !important; }

.GreenBrdBTN { display: inline-block; padding: 10px 15px; background: #FFF; color: #2D9A43; border: 1px solid #2D9A43; border-radius: 3px; }

.GreenBrdBTN:hover { background: #19862F; border: 1px solid #19862F; color: #FFF; }

.RedBTN { display: inline-block; padding: 10px 15px; background: #E35B46; border: 1px solid #E35B46; border-radius: 3px; color: #FFF !important; }

.RedBTN:hover { background: #CF4732; border: 1px solid #CF4732; color: #FFF !important; }

.RedBTN i { line-height: 1.3; }

.RedBrdBTN { display: inline-block; padding: 10px 15px; background: #FFF; color: #E35B46; border: 1px solid #E35B46; border-radius: 3px; }

.RedBrdBTN:hover { background: #CF4732; border: 1px solid #CF4732; color: #FFF !important; }

.RedBrdBTN i { line-height: 1.3; }

.YellowBTN { display: inline-block; padding: 10px 15px; background: #F9AF0C; border: 1px solid #F9AF0C; color: #FFF !important; border-radius: 3px; }

.YellowBTN:hover { background: #FACB00; border: 1px solid #FACB00; }

/*Grid*/
.TwoHalfBlock { display: grid; grid-template-columns: repeat(1, 1fr); }

.TwoColAssim { display: grid; grid-template-columns: repeat(1, 1fr); }

.TwoColBlock, .ThreeColBlock, .FourColBlock, .FiveColBlock, .SideBarBlock, .RelatedPost { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 40px 20px; margin-top: 40px; }

.TwoColBlock { gap: 40px; }

.SixColBlock { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px 20px; margin-top: 40px; }

.TwoHalfImageBlock .Row { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-areas: "image"
 "text"; }

.TwoHalfImageBlock .Row .Image { grid-area: image; }

.TwoHalfImageBlock .Row .Text { grid-area: text; padding: 40px 20px; }

.TwoHalfImageBlock .Row .Text h3::after { content: ''; display: block; width: 40px; height: 2px; margin: 20px 0; background: #00A4EA; }

.TwoHalfImageBlock .Row:nth-child(odd) .Text { background: #F8F9FC; }

.Hidden { opacity: 0; }

/*Header*/
header { background: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); position: fixed; top: 0; width: 100%; z-index: 998; }

header .Wrap { display: flex; justify-content: space-between; align-items: center; height: 84px; }

header .Logo { width: 70px; }

.HeaderIntro {
background: linear-gradient(120deg, #ffffff 20%, #ffffff 100%);
}
header .Logo_mobile { width: 70px; }
#MainMenu { display: flex; justify-content: space-between; align-items: center; }

#MainMenu #Nav { display: none; }

#MainMenu #Nav.Open { position: fixed; display: block; padding: 20px; overflow-x: scroll; top: 0; width: 100%; height: 100vh; left: 0; z-index: 9999; align-items: center; justify-content: center; background: rgba(15, 126, 225, 0.9); }

#MainMenu #Nav > div { margin: 0 auto; width: 100%; max-width: 300px; }

#MainMenu #Nav > div > ul > li { position: relative; }

#MainMenu #Nav > div > ul > li > .sub-menu::before { content: ''; display: block; width: 50px; height: 2px; background: #FFF; margin: 10px 0; }

#MainMenu #Nav ul > li { padding: 10px 0; }

#MainMenu #Nav ul > li a { display: block; padding: 10px 0; color: #FFF; font-size: 1.375rem; }

#MainMenu #Nav ul > li .sub-menu { padding: 0 0 20px 10px; }

#MainMenu #Nav ul > li .sub-menu li { padding: 5px 0; }

#MainMenu #Nav ul > li .sub-menu li a { padding: 5px 0; font-size: 1rem; }

#MainMenu .Tools { display: inline-flex; height: 100%; }

#MainMenu .Tools > div { display: inline-flex; height: 41px; align-items: center; justify-content: center; padding: 0 5px; }

#MainMenu .Tools > div a { color: #0F7EE1; font-weight: 600; }

#MainMenu .Tools > div a:hover { color: #1E2328; }

#MainMenu .Tools #Search { cursor: pointer; margin-right: 10px; }

#MainMenu .Tools #Search:hover { color: #1E2328; }

#MainMenu .Tools #Lenguage div, #MainMenu .Tools #Lenguage a { padding: 0; }

#Bars { display: inline-flex; cursor: pointer; justify-content: center; align-items: center; z-index: 9999; padding: 0 !important; }

#Bars span { color: #2D3337; font-size: 12px; }

#NavIcon { width: 26px; height: 18px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; margin-left: 10px; }

#NavIcon span { display: block; position: absolute; height: 4px; width: 100%; background: #2D3337; border-radius: 1px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }

#NavIcon span:nth-child(1) { top: 0px; }

#NavIcon span:nth-child(2), #NavIcon span:nth-child(3) { top: 8px; }

#NavIcon span:nth-child(4) { top: 16px; }

#NavIcon.Open span { background: #FFFF; }

#NavIcon.Open span:nth-child(1) { top: 0px; width: 0%; left: 50%; opacity: 0; }

#NavIcon.Open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#NavIcon.Open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

#NavIcon.Open span:nth-child(4) { top: 18px; width: 0%; left: 50%; opacity: 0; }

#SearchBar { display: none; position: fixed; z-index: 997; top: 84px; left: 0; width: 100%; background: #F4F6FA; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); padding: 10px 0; }

#SearchBar.Open { display: block; }

#SearchBar input { width: 100%; padding: 10px; background: transparent; border: 1px solid transparent; font-size: 1.25rem; }

#SearchBar::after { content: '\f002'; display: block; font-family: "Font Awesome 5 Free"; text-align: center; font-weight: 900; width: 30px; height: 30px; line-height: 30px; color: #2D3337; position: absolute; top: 15px; right: 5%; }

.Clear { clear: both; }

/*Content*/
.Container { padding-top: 84px; }

.BannerIntro { position: relative; background: linear-gradient(120deg, #0F7EE1 20%, #66CDF4 100%); }

.BannerIntro .Screen { background: url(img/banner-screen.png) center bottom repeat-x; position: absolute; width: 100%; bottom: 0; left: 0; height: 88px; }

.BannerIntro .TwoIntroBlock, .BannerIntro .TwoHalfBlock { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; }

.BannerIntro .Col { color: #FFF; text-align: center; }

.BannerIntro .Col h1 { font-weight: 400; margin-bottom: 8px; }

.BannerIntro .Col h1 span { font-size: 1.375rem; display: block; font-weight: 300; }

.BannerIntro .Col h3 { margin-bottom: 10px; }

.BannerIntro .Col h3::after { content: ''; width: 50px; height: 4px; display: block; margin: 6px auto; background: #FFF; margin-bottom: -13px;}

.BannerIntro .Col strong { color: #FFF; font-weight: 600; }

.BannerIntro .GoogleBadge { width: 150px; margin: 0 auto 10px; }
.BannerIntro .GoogleBadge_logo { width: 150px; margin: 0 auto 10px; }
.BannerIntro .GoogleBadge_Web { width: 150px; margin: 0 auto 10px; }

/* Generic Banner*/
.BannerTop { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }

.BannerTop .Gradient { background: linear-gradient(120deg, rgba(15, 126, 225, 0.8) 20%, rgba(102, 205, 244, 0.8) 100%); padding-bottom: 88px; }

.BannerTop .Gradient .Inside { text-align: center; min-height: 400px; display: flex; align-items: center; justify-content: center; width: 90%; max-width: 1200px; margin: 0 auto; }

.BannerTop .Gradient .Inside h1 { font-weight: 400; color: #FFF; margin: 0; }

.BannerTop .Gradient .Inside .icon { width: 120px; margin: 0 auto 10px; }

.BannerTop .Screen { background: url(img/banner-screen.png) center bottom repeat-x; position: absolute; width: 100%; bottom: 0; left: 0; height: 88px; }

.BreadCrumb, .CatTitle, .PagTitle { background: linear-gradient(120deg, #0F7EE1 20%, #66CDF4 100%); color: #FFF; padding: 20px 0; font-size: 0.875rem; }

.BreadCrumb a, .CatTitle a, .PagTitle a { color: rgba(255, 255, 255, 0.8); }

.BreadCrumb h2, .CatTitle h2, .PagTitle h2 { margin: 0; color: #FFF; }

/*Generic Page*/
.Circle { display: block; width: 70%; margin: 0 auto !important; overflow: hidden; border-radius: 50%; }

.GoogleCloudLogo { width: 200px; margin: 0 auto 20px; }

.GoogleSolutionsLogo { width: 250px; margin: 0 auto 20px; }

#GoogleService .Block { background: #FFF; }

#GoogleService .Block .Image { display: flex; height: 195px; align-items: center; justify-content: center; }

#GoogleService .Block .Text { padding: 30px 5%; font-size: 1.375rem; }

#GoogleService .Block .Text a { font-size: 1rem; }

#GoogleService .Block.GSuite .Image { background: url(img/bg-gsuite.jpg) center no-repeat; background-size: cover; }

#GoogleService .Block.GSuite .Image .Logo { width: 58%; }

#GoogleService .Block.Cloud .Image { background: url(img/bg-gcp.jpg) center no-repeat; background-size: cover; }

#GoogleService .Block.Cloud .Image .Logo { width: 80%; }

#ExpertService .ThreeColBlock .Col { background: #F0F4FA; padding: 30px 20px; }

#ExpertService .ThreeColBlock .Col:nth-child(1) { border-bottom: 5px solid #0F7EE1; }

#ExpertService .ThreeColBlock .Col:nth-child(2) { border-bottom: 5px solid #E12C29; }

#ExpertService .ThreeColBlock .Col:nth-child(3) { border-bottom: 5px solid #2D9A42; }

.Infinity { background: url(img/infinity-vrt.svg) center no-repeat; background-size: cover; margin-bottom: 40px; }

.Infinity .Col { height: 92vw; display: flex; align-items: center; justify-content: center; font-size: 1.75rem; }

.BannerIntro .TwoHalfBlock .Text, .BannerIntro .TwoIntroBlock .Text { padding: 20px 0 0; }

.GSuiteProducts { margin-bottom: 40px; }

#GoogleProducts .GSuiteLogo { width: 100%; max-width: 400px; margin: 0 auto 20px; }

.GSuiteBlueBanner { background: url(img/gsuite-banner-m.jpg) center no-repeat; background-size: cover; color: #FFF; }

.GSuiteBlueBanner h2 { color: #FFF; }

.GSuiteBlueBanner strong { color: #FFF; font-weight: 600; }

.WhySE { grid-gap: 20px 10px; }

.WhySE .Col { padding: 30px 20px; background: #F6F8FC; }

.WhySE .Col:nth-child(1) { border-top: 5px solid #00A4EA; }

.WhySE .Col:nth-child(2) { border-top: 5px solid #FACB00; }

.WhySE .Col:nth-child(3) { border-top: 5px solid #F1644D; }

.WhySE .Col:nth-child(4) { border-top: 5px solid #5CA3F7; }

.WhySE .Col:nth-child(5) { border-top: 5px solid #45B970; }

.WhySE .Col .Icon { margin-bottom: 20px; }

.GSuiteSteps { position: relative; }

.GSuiteSteps .Col { position: relative; z-index: 3; }

.GSuiteSteps .Col .Text { padding: 20px; min-height: 130px; background: #fff; display: flex; align-items: center; justify-content: center; }

.GSuiteSteps .Col .Text p { margin-bottom: 0; }

.GSuiteSteps .Col .Step { display: block; width: 40px; height: 40px; border-radius: 50%; margin: 20px auto 0; line-height: 40px; color: #FFF; font-size: 1.25rem; }

.GSuiteSteps .Col:nth-child(1) .Step { background: #0F7EE1; }

.GSuiteSteps .Col:nth-child(2) .Step { background: #CF4732; }

.GSuiteSteps .Col:nth-child(3) .Step { background: #F9AF0C; }

.GSuiteSteps .Col:nth-child(4) .Step { background: #2D9A43; }

#GSuitCertified .Intro { background: #F6F8FC; padding: 40px; }

#GSuitCertified .Intro p { margin-bottom: 0; }

.GSuiteServices .Col { background: #FFF; padding: 30px 15px; }

.IndustryBlock { grid-gap: 20px; }

.IndustryBlock .Col { background: #F4F6FA; padding: 30px 20px; }

.IndustryBlock .Col:nth-child(1) { border-top: 5px solid #346DF0; }

.IndustryBlock .Col:nth-child(2) { border-top: 5px solid #CF4732; }

.IndustryBlock .Col:nth-child(3) { border-top: 5px solid #F9AF0C; }

.IndustryBlock .Col:nth-child(4) { border-top: 5px solid #2D9A43; }

.Textimonials { margin-bottom: 40px; }

.Textimonials .Col { padding: 30px 20px; background: #FFF; }

.Textimonials .Col .Image { width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 0 auto 20px; }

.Textimonials .Col .Quotes { padding: 0 15px; }

.Textimonials .Col .Quotes .Inside { position: relative; line-height: 1.4; }

.Textimonials .Col .Quotes .Inside::before { content: url(img/testimonials/quotes_left.svg); display: block; width: 15px; height: 10px; position: absolute; left: -15px; top: 0; }

.Textimonials .Col .Quotes .Inside::after { content: url(img/testimonials/quotes_right.svg); display: block; width: 15px; height: 10px; position: absolute; right: -15px; bottom: 5px; }

.Textimonials .Col .Person { margin-top: 20px; }

.Textimonials .Col .Person strong { display: block; font-weight: 600; margin-bottom: 10px; font-size: 1.25rem; }

.Textimonials .Col .Person span { color: #BBBDBF; }

.ContactBanner .Col a.Phone { color: #2D3337; font-size: 1.375rem; }

.ContactBanner .Col a.Phone i { color: #0F7EE1; line-height: 1.4; font-size: 1.25rem; }

.ContactBanner .Col a i { line-height: 1.4; }

.ContactBanner .Col.Text { display: flex; align-items: center; justify-content: center; background: #FAFBFD; padding: 40px 20px; }

.ContactBanner .Col.Image { overflow: hidden; }

.ContactBanner .Col.Image img { width: 100%; height: auto; }

#Consultation { background: url(img/contact-bg.svg) center no-repeat #00A4EA; background-size: contain; position: relative; color: #FFF; padding: 80px 0 140px; }

#Consultation h2 { color: #FFF; }

#Consultation .Form { padding: 30px; background: #FFF; color: #2D3337; text-align: left; }

#Consultation .Screen { position: absolute; bottom: 0; width: 100%; height: 88px; background: url(img/banner-screen.png) center repeat-x; }

/*Form*/
.Form .TwoColBlock { grid-gap: 20px; margin: 20px 0; }

.Form .Subject { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; border-bottom: 1px dashed #DCDCDC; padding-bottom: 20px; }

.Form .Subject label { cursor: pointer; }

.Form .Subject label input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }

.Form .Subject label .wpcf7-list-item-label { position: relative; display: block; padding: 20px 15px; border-radius: 3px; border: 1px solid #DCDCDC; color: #5F6469; }

.Form .Subject label input:checked + .wpcf7-list-item-label { border: 2px solid #0F7EE1; color: #2D3337; background: #F8F9FC; }

.Form .Subject label:nth-child(1) .wpcf7-list-item-label::before { content: url(img/gsuite/apps/google-workspace-logo.svg); display: block; margin-bottom: 10px; height: 30px; width: 190px; }

.Form .Subject label:nth-child(2) .wpcf7-list-item-label::before { content: url(img/logo-google-cloud-platform-hrz.svg); display: block; margin-bottom: 10px; height: 30px; width: 250px; }

.Form .Subject label:nth-child(3) .wpcf7-list-item-label::before { background: url(img/meet_logo_dark.png); background-size: cover; display: block; margin-bottom: 10px; height: 30px; width: 80px; }

.Form .Subject label:nth-child(4) .wpcf7-list-item-label::before { background: url(img/logo-mentor.png);    background-size: cover; display: block; margin-bottom: 10px; height: 34px; width: 40px; }

.Form input[type="text"], .Form input[type="email"] { width: 100%; padding: 10px 15px; background: #F8F9FC; border: 1px solid #DCDCDC; border-radius: 3px; font-size: 1.25rem; line-height: 40px; }

.Form textarea { width: 100%; height: 300px; padding: 15px; background: #F8F9FC; border: 1px solid #DCDCDC; border-radius: 3px; font-size: 1.25rem; font-family: 'Roboto', Arial, Helvetica, sans-serif; }

.Form input[type="submit"] { width: 100%; padding: 10px 15px; background: #006ACD; border: 1px solid #006ACD; color: #FFF; font-size: 1.25rem; line-height: 40px; border-radius: 3px; text-align: center; display: inline-block; font-weight: 600; }

.Form span.wpcf7-list-item { display: block; margin: 0; }

.TryGSuite .Col .Text { background: #FFF; padding: 30px 40px; }

.TryGSuite .Col .Text h3 { min-height: 76px; }

/*Google Cloud Platform*/
#GCPIntro { text-align: center; }

#GCPIntro .Image { display: flex; align-items: center; justify-content: center; background: url(img/gcp-intro-bg.png) center no-repeat; background-size: contain; height: 95vw; }

#GCPIntro .Image .Inside { width: 40%; }

#GCPTechnologies { text-align: center; }

#GCPTechnologies .TwoColBlock { grid-gap: 60px 20px; }

#GCPTechnologies .Row { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; }

#GCPTechnologies .Row .Image img { width: 5rem; height: auto; }

#GCPTechnologies .Row .Text h3 { margin-bottom: 10px; }

#GCPTechnologies .Row .Text p { margin-bottom: 0; }

#GCPBanner { text-align: center; background: #328DD4; }

#GCPBanner .Col { display: flex; align-items: center; justify-content: center; }

#GCPBanner .Col h2 { color: #FFF; }

#GCPBanner .Col h2 span { font-size: 2rem; color: #FFF; display: block; }

#GCPBanner .Col h3 { color: #FFF; margin: 0; font-weight: 300; }

.MigrationService .Col { font-size: 1.625rem; }

.MigrationService .Col .Icon { width: 90px; }

#WhyGCP .Col { font-size: 1.625rem; }

#WhyGCP .Col .Icon { width: 120px; }

.GCPproductlist { margin-bottom: 40px; }

.GCPproductlist .Col { background: #FFF; padding: 30px 20px; font-size: 1.625rem; }

.GCPproductlist .Col .Icon { width: 110px; }

.GCPproductlist .Col:nth-child(1), .GCPproductlist .Col:nth-child(5) { border-top: 5px solid #328DD4; }

.GCPproductlist .Col:nth-child(2), .GCPproductlist .Col:nth-child(6) { border-top: 5px solid #E12C29; }

.GCPproductlist .Col:nth-child(3) { border-top: 5px solid #F9AF0C; }

.GCPproductlist .Col:nth-child(4) { border-top: 5px solid #2D9A42; }

#OverPannel { display: none; }

#GCPdifference .Col { font-size: 1.375rem; padding: 30px 20px; background: #F4F6FA; }

#GCPdifference .Col i { display: block; font-size: 1.875rem; margin: 0 0 20px; }

#GCPdifference .Col:nth-child(1), #GCPdifference .Col:nth-child(6) { border-top: 5px solid #346DF0; }

#GCPdifference .Col:nth-child(1) i, #GCPdifference .Col:nth-child(6) i { color: #346DF0; }

#GCPdifference .Col:nth-child(2) { border-top: 5px solid #E12C29; }

#GCPdifference .Col:nth-child(2) i { color: #E12C29; }

#GCPdifference .Col:nth-child(3) { border-top: 5px solid #FACB00; }

#GCPdifference .Col:nth-child(3) i { color: #FACB00; }

#GCPdifference .Col:nth-child(4) { border-top: 5px solid #2D9A43; }

#GCPdifference .Col:nth-child(4) i { color: #2D9A43; }

#GCPdifference .Col:nth-child(5) { border-top: 5px solid #A8A8A8; }

#GCPdifference .Col:nth-child(5) i { color: #A8A8A8; }

.GCPServices .Col { padding: 40px 30px; background: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.GCPServices .Col p { margin: 0; }

.ArticlesBlock .Intro .Col h2::after { content: ""; display: block; width: 50px; height: 4px; margin: 20px 0; background: #006ACD; }

.ArticlesBlock .CatSection { padding: 40px 0; }

.ArticlesBlock .CatSection:nth-child(odd) { background: #F6F8FC; }

.ArticlesBlock .CatSection .FourColBlock { margin-top: 0; }

.ArticlesBlock .CatSection .Title { padding: 40px 20px; position: relative; }

.ArticlesBlock .CatSection .Title i { font-size: 1.875rem; color: #FFF; }

.ArticlesBlock .CatSection .Title h2 { color: #FFF; }

.ArticlesBlock .CatSection .Post { background: #FFF; }

.ArticlesBlock .CatSection .Post .Image { display: block; background-size: cover; background-position: center; background-repeat: no-repeat; }

.ArticlesBlock .CatSection .Post .Image.NotThumb { background: url(img/no-img.png) center no-repeat; background-size: cover; }

.ArticlesBlock .CatSection .Post .Text { padding: 20px; }

.ArticlesBlock .CatSection .Post .Text .SubCat { margin-bottom: 20px; }

.ArticlesBlock .CatSection .Post .Text .PostTitle { font-size: 1.375rem; color: #2D3337; margin-bottom: 20px; display: block; }

.ArticlesBlock #News .Title { background: #E12C29; }

.ArticlesBlock #News .Col .SubCat a, .ArticlesBlock #News .Col .ReadMore { color: #E12C29; }

.ArticlesBlock #RelatedSolutions .Title { background: #346DF0; }

.ArticlesBlock #RelatedSolutions .Col .SubCat a, .ArticlesBlock #RelatedSolutions .Col .ReadMore { color: #346DF0; }

.ArticlesBlock #Reports .Title { background: #F9AF0C; }

.ArticlesBlock #Reports .Col .SubCat a, .ArticlesBlock #Reports .Col .ReadMore { color: #F9AF0C; }

.ArticlesBlock #CaseStudies .Title { background: #2D9A43; }

.ArticlesBlock #CaseStudies .Col .SubCat a, .ArticlesBlock #CaseStudies .Col .ReadMore { color: #2D9A43; }

/*Blog*/
.SideBarBlock { margin-top: 0; }

.SideBarBlock .Main { background: #FFF; padding: 30px 15px; }

.SideBarBlock .Main .Article .Tags { font-size: 0.875rem; }

.SideBarBlock .Main .Article .Tags a { color: #0F7EE1; }

.SideBarBlock .Main .Article .Tags a:hover { color: #2D3337; }

.SideBarBlock .Main .Article .PostMeta { color: #A8A8A8; font-size: 0.875rem; padding: 0 0 20px; line-height: 1.5; }

.SideBarBlock .Main .Article .PostMeta a { color: #00A4EA; }

.SideBarBlock .Main .Article .PostMeta a:hover { color: #006ACD; }

.SideBarBlock .Main .Article .PostMeta strong { padding: 0 10px; }

.SideBarBlock .Main .Article .PostMeta i { line-height: 1.5; }

.SideBarBlock .Main .Article .Thumbnail { margin-bottom: 30px; }

.RelatedPost .Title strong { display: block; font-size: 1.125rem; }

.RelatedPost .Title span { display: block; }

.RelatedPost .Col { background: #FFF; }

.RelatedPost .Col .Image { display: block; background-repeat: no-repeat; background-position: center; background-size: cover; }

.RelatedPost .Col .Image.NotThumb { background: url(img/no-img.png) center no-repeat; background-size: cover; }

.RelatedPost .Col .Text { padding: 20px 15px; }

.RelatedPost .Col .Text .PostContent { margin-bottom: 20px; }

.RelatedPost .Col .Text .PostContent a { color: #2D3337; font-size: 1.125rem; }

.RelatedPost .Col .Text .PostContent a:hover { color: #328DD4; }

.RelatedPost .Col .Text .PostedOn { font-size: 0.875rem; color: #AAADB0; }

/*Category*/
#Category .CatSection .ThreeColBlock { margin-top: 0; }

#Category .CatSection .Post { background: #FFF; }

#Category .CatSection .Post .Image { display: block; background-size: cover; background-position: center; background-repeat: no-repeat; }

#Category .CatSection .Post .Image.NotThumb { background: url(img/no-img.png) center no-repeat; background-size: cover; }

#Category .CatSection .Post .Text { padding: 20px; }

#Category .CatSection .Post .Text .SubCat { margin-bottom: 20px; }

#Category .CatSection .Post .Text .SubCat a { font-size: 0.875rem; color: #0F7EE1; }

#Category .CatSection .Post .Text .SubCat a:hover { color: #006ACD; }

#Category .CatSection .Post .Text .PostTitle { font-size: 1.375rem; color: #2D3337; margin-bottom: 20px; display: block; }

#Category .CatSection .Post .Text .PostMeta { font-size: 0.875rem; color: #AAADB0; margin-bottom: 20px; }

#Category .CatSection .Post .Text .ReadMore { color: #00A4EA; }

#Category .CatSection .Post .Text .ReadMore:hover { color: #006ACD; }

/*Contact*/
.Office { width: 95%; max-width: 790px; margin: 0 auto; }

.Office .wp-block-columns .wp-block-column { margin: 0; }

.Office .wp-block-columns .wp-block-column .wp-block-cover, .Office .wp-block-columns .wp-block-column .wp-block-cover-image { margin-bottom: 0; }

.Office .wp-block-columns .wp-block-column .Inside { width: 70%; padding: 40px 0; }

.Office .wp-block-columns .wp-block-column .Adresse { position: relative; }

.Office .wp-block-columns .wp-block-column .Adresse::before { content: '\f3c5'; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #006ACD; position: absolute; font-size: 20px; width: 20px; top: -3px; left: -25px; }

.Office .wp-block-columns .wp-block-column .Phone { position: relative; }

.Office .wp-block-columns .wp-block-column .Phone::before { content: '\f095'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #006ACD; position: absolute; font-size: 20px; width: 20px; top: -3px; left: -25px; }

.Office .wp-block-columns .wp-block-column .Phone a { font-size: 20px; color: #2D3337; }

.Office .wp-block-columns .wp-block-column .Phone a:hover { color: #006ACD; }

.FlexCenter { align-items: center; height: 100%; display: flex; }

.ClientList .Col { background: #FFF; position: relative; }

.ClientList .Col a::before { display: flex; width: 100%; height: 100%; background: rgba(15, 126, 225, 0.85); position: absolute; top: 0; left: 0; opacity: 0; color: #FFF; align-items: center; justify-content: center; padding: 10px; transition: all 0.3s linear; box-sizing: border-box; }

.ClientList .Col a:hover::before { opacity: 1; }

.ClientList.EN .Col a::before { content: 'Visit Site'; }

.ClientList.FR .Col a::before { content: ''; }

/*Success*/
.Success .Col { transition: all 0.3s linear; box-shadow: 0 0 10px rgba(0, 0, 0, 0); }

.Success .Col:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }

.Success .Col .Image { background: #0F7EE1; }

.Success .Col .Image a { display: block; cursor: pointer; }

.Success .Col .Image img { transition: all 0.3s linear; opacity: 1; }

.Success .Col .Image:hover img { opacity: 0.5; }

.Success .Col .Text { background: #FFF; padding: 30px 20px; }

.Success .Col a.RedBtn i { line-height: 1.3; }

/*Client Studies*/
.QuotesC { width: 75%; margin: 0 auto; position: relative; }

.QuotesC p { font-size: 1.375rem; font-style: italic; font-weight: 600; }

.QuotesC::before { content: '\f10d'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 40px; width: 40px; display: block; top: 0; left: -50px; position: absolute; }

.QuotesC::after { content: '\f10e'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 40px; width: 40px; display: block; bottom: 0; right: -50px; position: absolute; }

.CeoTitle strong { font-size: 1.125rem; font-weight: 600; }

.CeoTitle span { font-size: 14px; }

.Archipel { background: url(img/archipel-bg.jpg) center no-repeat; background-size: cover; }

.MaitreCarre { background: url(img/maitrecarre.jpg) center no-repeat; background-size: cover; }

.Half { width: 100%; padding: 20px; box-sizing: border-box; }

/*Footer*/
footer { background: #FFF; padding: 40px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }

footer .FootNav .Col { padding: 30px 10px; }

footer .FootNav .Col h4 { font-size: 1.25rem; color: #2D3337; }

footer .FootNav .Col h4::after { content: ''; display: block; width: 40px; height: 2px; background: #0F7EE1; margin: 10px 0; }

footer .FootNav .Col ul { padding: 0; }

footer .FootNav .Col ul li { padding: 5px 0; margin-bottom: 0; }

footer .FootNav .Col ul li::before { display: none; }

footer .FootNav .Col a { padding: 5px 0; color: #5F6469; }

footer .FootNav .Col a:hover { color: #0F7EE1; }

.Copy { background: #F4F6FA; padding: 30px 0; }

.Copy .Wrapper .Left { text-align: center; margin-bottom: 10px; line-height: 1.5; }

.Copy .Wrapper .Left .Logo { width: 50px; margin: 0 auto 10px; }

.Copy .Wrapper .Left a { color: #5F6469; }

.Copy .Wrapper .Left a:hover { color: #0F7EE1; }

.Copy .Wrapper .Right { text-align: center; }

.Copy .Wrapper .Right .Social a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: #B5B5B5; color: #FFF; text-align: center; margin: 0 5px; }

.Copy .Wrapper .Right .Social a i { line-height: 40px; }

.Copy .Wrapper .Right .Social a:hover { background: #0F7EE1; }

.SitemapBx { background: #FFF; padding: 20px; }

.SitemapBx h3 { color: #2D3337; }

.SitemapBx h3 a { color: #2D3337; }

.SitemapBx h3 a:hover { color: #006ACD; }

.SitemapBx ul li a { color: #5F6469; }

.SitemapBx ul li a:hover { color: #006ACD; }

.SitemapBx ul li ul { margin-top: 10px; }

.SitemapBx ul li ul li { font-size: 1rem; margin-bottom: 8px; }

.SitemapBx ul li ul ul li { font-size: 0.875rem; }

/*Industries*/
.BannerIndustries { background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #f6f8fc; }

.BannerIndustries .WhiteTrans { background: rgba(255, 255, 255, 0.95); padding: 20px; }

.BannerIndustries .WhiteTrans .Inside .Icon { width: 50px; margin: 0 0 10px; }

/*Navigation*/
.Navigation { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 40px; /*.nav-next {} .nav-previous {}*/ }

.Navigation div a { display: inline-block; padding: 10px 15px; background: #ced0d4; border-radius: 3px; color: #7e8084; }

.Navigation div a:hover { background: #006ACD; }

.Navigation div a i { line-height: 1.3; }

.Unleash .Text div { margin-bottom: 20px; }

/* Industries Text */
.TheContent h2, .TheContent h3, .TheContent h4, .TheContent h5 { color: #1E2328; }

.TheContent h2 span, .TheContent h3 span, .TheContent h4 span, .TheContent h5 span { color: #006ACD; }

.GoogleCloudSolutions .Col .Icon { width: 65px; }

.GoogleCloudSolutions .Col .Icon.GSuite { width: 180px; min-height: 65px; display: flex; align-items: center; }

.GoogleCloudSolutions .Col .Icon.Essentials { width: 105px; min-height: 65px; display: flex; align-items: center; }

.GoogleCloudSolutions .Col .Icon.Essentials img { width: 105px; }

.GoogleCloudSolutions .Col .Icon.Maps { min-height: 65px; display: flex; align-items: center; justify-content: center; }

.GoogleCloudSolutions .Col .Icon.Maps img { max-height: 56px; width: auto; }

.GoogleCloudSolutions .Col .Icon.GFE { display: flex; align-items: center; width: 100px; height: 65px; }

.GoogleCloudSolutions .Col strong span { display: block; font-size: 14px; padding-top: 5px; }

/*GCP Seo 2019*/
.SeoText2019 h1 { color: #0F7EE1; font-size: 2.5rem; }

.SeoText2019 h2 { font-size: 1.8rem; line-height: 1.4; }

.SeoText2019 h2::after { content: ""; display: block; background: #0F7EE1; height: 4px; width: 50px; margin: 30px 0; }

/*Meet 2020*/
h3.Meet { color: #666; font-size: 24px; }

.MeetBtn { display: inline-block; padding: 10px 15px; color: #FFF !important; background-color: #0F7EE1; }

.MeetBtn:hover { background: #006ACD; color: #FFF !important; }

.GreenMeet .Col { border: 2px solid #0F7EE1; background-color: #FFF; transition: all 0.3s linear; }

.GreenMeet .Col:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }

.GreenMeet .Col .Hdr { padding: 20px; font-weight: 800; font-size: 22px; background: #0F7EE1; color: #FFF; display: inline-flex; align-items: center; justify-content: center; width: 100%; }

.GreenMeet .Col .Cnt { padding: 20px; display: inline-flex; align-items: center; }

.GreenMeet .Col .Ftr { padding: 20px; font-weight: 800; display: inline-flex; align-items: center; color: #0F7EE1; }

.TwoColAssimLeft { display: grid; gap: 20px; grid-template-columns: repeat(1, 1fr); }

.MeetBlock .Block p img { max-width: 40px !important; height: auto; margin-right: 10px; vertical-align: middle; }

.MeetBlock .Block h4 { margin-bottom: 30px; }

.Section.GreenMeet { background: #0F7EE1; }

.GreenMeet .Wrapper h4 { color: #FFF; font-size: 22px; }

.GreenMeet .Wrapper h4 a { color: #FFF; }

.GreenMeet .Wrapper a.Btn { display: inline-block; padding: 10px 15px; border: 1px solid #FFF; color: #FFF !important; border-radius: 3px; }

.GreenMeet .Wrapper a.Btn:hover { opacity: 0.7; }

/* TopPromo */
.TopPromo { padding: 20px 0; color: #666; z-index: 5; }

.TopPromo.Meet { background: #F6F6F6; }

.TopPromo h3 { font-size: 18px; margin: 0; }

.TopPromo h3 img { width: 240px !important; height: auto; vertical-align: middle; }

.TopPromo h3 strong { font-weight: 800; color: #666; vertical-align: middle; }

.TopPromo h3 span { opacity: 0.8; vertical-align: middle; }

.TopPromo a.Btn { display: inline-block; border: 1px solid #999; background: #999; color: #FFF !important; padding: 5px 10px; border-radius: 3px; font-size: 15px; margin-top: 20px; }

.TopPromo a.Btn:hover { background: #666; color: #FFF !important; }

/*Google For Education*/
.Video { position: relative; }

.Video img { width: 100%; height: auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.Video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (min-width: 767px) { #GfeHero .Image img { max-width: 75%; padding-bottom: 60px; } }

.GfeSpots a { display: block; background: #FFF; color: #5F6469; padding: 40px; border-radius: 5px; }

.GfeSpots a h3 { margin-bottom: 10px; }

.GfeSpots a strong { font-weight: 600; }

.GfeSpots a p { min-height: 112px; }

.GfeSpots a i { color: #FFF; transition: all 0.3s linear; font-size: 30px; }

.GfeSpots a:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.GfeSpots .Col:nth-child(1) h5, .GfeSpots .Col:nth-child(1) a:hover i { color: #00a4ea; }

.GfeSpots .Col:nth-child(2) h5, .GfeSpots .Col:nth-child(2) a:hover i { color: #facb00; }

.GfeSpots .Col:nth-child(3) h5, .GfeSpots .Col:nth-child(3) a:hover i { color: #45b970; }

.GfeSpots .Col:nth-child(4) h5, .GfeSpots .Col:nth-child(4) a:hover i { color: #f1644d; }

.GWFE { margin-bottom: 40px; }

.GWFE .Col { padding: 30px; background: #FFF; border-radius: 5px; }

.GWFE .Col:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.GWFE .Col .Icon { width: 70px; height: 70px; margin: 0 0 10px; }

.GWFE .Col h3 { margin-bottom: 10px; }

.GWFE .Col h5 { margin-bottom: 15px; color: #00a4ea; }

.InlineIcons img { width: 70px; height: auto; }

@media (max-width: 414px) { .InlineIcons img { width: 40px; } }

.GWFEbanner { padding: 60px; }

.GWFEbanner .Col { display: flex; align-items: center; justify-content: center; }

.GWFEbanner .Col .Inside { width: 90%; }

.GWFEbanner .TwoColBlock { margin-top: 0; }

.ImageBtns a { color: #4b5459; font-size: 30px; text-align: center; }

.ImageBtns a span, .ImageBtns a strong { display: block; position: relative; background: #FFF; width: 75%; height: 100px; line-height: 100px; margin: -50px auto 0; z-index: 3; border-bottom: 5px solid #00a4ea; }

.ImageBtns .Col:nth-child(2) a span, .ImageBtns .Col:nth-child(2) a strong { border-bottom: 5px solid #45b970; }

.TeachingSpots .Col { background: #fff; transition: all 0.3s linear; }

.TeachingSpots .Col a { display: block; padding: 30px 15px; }

.TeachingSpots .Col a strong { font-size: 24px; }

.TeachingSpots .Col:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

.Tips { display: block; padding: 20px; border-radius: 5px; color: #FFF; background: #00a5ec; margin-top: 20px; }

.Tips h5 { color: #FFF; font-style: italic; }

.Tips p:last-child { margin-bottom: 0; }

.Learn { display: block; padding: 20px; border-radius: 5px; color: #FFF; background: #45b970; margin-top: 20px; }

.Learn h5 { color: #FFF; font-style: italic; }

.Learn p:last-child { margin-bottom: 0; }

table.Bordered tr td, table.Bordered tr th { text-align: left; border: 1px solid #dadbde; padding: 20px; }

.Chromebooks .Number { font-size: 80px; color: #4b5459; }

.Small { display: block; font-size: 14px; }

.Benefits .TwoColBlock .Text { grid-area: Text; }

.Benefits .TwoColBlock .Image { grid-area: Image; }

.Benefits .TwoColBlock:nth-child(even) { grid-template-areas: "Image Text "; }

.Benefits .TwoColBlock:nth-child(odd) { grid-template-areas: " Text Image"; }

.GWFEContact h2 { font-size: 38px; }

/*Responsive*/
/*Mobile*/
@media (max-width: 374px) { #Consultation .Form { padding: 10px; }
  .Form .Subject label .wpcf7-list-item-label { padding: 15px 8px; }
  .ContactBanner .Col.Text .BlueBTN { margin-bottom: 20px; } }

@media (max-width: 415px) { .Section .General .wp-block-column { text-align: center; }
  #SiteFR .ContactBanner a.BlueBTN { margin-bottom: 10px; }
  .ContactBanner .Col.Text .BlueBTN { margin-bottom: 20px; }
  .ContactBanner .Col.Text .BlueBTN, .ContactBanner .Col.Text .GreenBTN { margin-bottom: 20px; display: block; }
  p iframe { width: 100% !important; }
  .AppTopBanner { background-image: none !important; background-color: #f7f7f7; } }

@media (min-width: 667px) { .Wrap { width: 95%; }
  #SearchBar::after { right: 2.5%; }
  .TwoColAssim { grid-template-columns: 3fr 1fr; }
  .Infinity { background: url(img/infinity.svg) center no-repeat; background-size: 100% auto; grid-template-columns: repeat(3, 1fr); }
  .Infinity .Col { height: 29vw; }
  .Infinity .Col:nth-child(1) .Inside { width: 70%; }
  .Infinity .Col:nth-child(3) .Inside { width: 30%; }
  .GSuiteIntro { grid-template-columns: repeat(2, 1fr); }
  .GSuiteProducts { grid-template-columns: repeat(3, 1fr); }
  .GSuiteServices { grid-template-columns: repeat(2, 1fr); }
  .FourColBlock, .FiveColBlock { grid-template-columns: repeat(2, 1fr); }
  footer .FootNav { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px 20px; } }
@media (max-width: 1020px) {
	header .Logo { width: 70px;display:none } }
	header .Wrap_mobile { display: contents; justify-content: space-between; align-items: center; height: 84px; }
		   .BannerIntro .GoogleBadge { width: 150px; margin: 0 auto 10px; }}
/*tablet*/
@media (min-width: 767px) { #GCPTechnologies { text-align: left; }
  #GCPTechnologies .Row { grid-template-columns: 80px 1fr; }
  .MigrationService { grid-template-columns: repeat(2, 1fr); }
  .GreenMeet .Col .Hdr { min-height: 122px; text-align: center; } }

/*tablet - hrz*/
@media (min-width: 1020px) { .TwoColBlock, .TwoHalfBlock { grid-template-columns: repeat(2, 1fr); }
  .ThreeColBlock { grid-template-columns: repeat(3, 1fr); }
  .FourColBlock { grid-template-columns: repeat(4, 1fr); }
  .FiveColBlock { grid-template-columns: repeat(5, 1fr); }  
  .SixColBlock { grid-template-columns: repeat(6, 1fr); }
  .BannerIntro .TwoIntroBlock { grid-template-columns: 1fr 2fr; }
  .BannerIntro .TwoHalfBlock { grid-template-columns: repeat(2, 1fr); grid-gap: 0; }
  .BannerIntro .Col h3::after { margin: 10px 0; }
  .BannerIntro .Col .GoogleBadge { margin: 0 0 20px; }
  .BannerIntro .Col.Text { display: flex; align-items: center; justify-content: center; text-align: left; padding: 15px 0 65px; }
  .BannerIntro .Col.Image { display: flex; align-items: flex-end; justify-content: center; }
  .GSuiteBlueBanner { background: url(img/gsuite-banner.jpg) center no-repeat; background-size: cover; }
  .GSuiteSteps::after { content: ""; display: block; position: absolute; bottom: 20px; width: 80%; left: 10%; height: 1px; border-top: 1px dashed #DCDCDC; z-index: 2; }
  .TwoHalfImageBlock .Row { grid-template-columns: repeat(2, 1fr); }
  .TwoHalfImageBlock .Row:nth-child(odd) { grid-template-areas: "image text"; }
  .TwoHalfImageBlock .Row:nth-child(even) { grid-template-areas: "text image"; }
  .TwoHalfImageBlock .Row .Col { display: flex; align-items: center; justify-content: center; }
  .TwoHalfImageBlock .Row .Image { overflow: hidden; }
  .TwoHalfImageBlock .Row .Image img { max-height: 500px; height: 100%; width: auto; }
  .Textimonials .Col .Quotes { min-height: 230px; }
  .Form .Subject { grid-template-columns: repeat(4, 1fr); }
  .Form input[type="submit"] { width: auto; }
  .Form .AlignRight { text-align: right; }
  #GCPBanner { background: url(img/gcp-banner.jpg) bottom right no-repeat; background-size: cover; text-align: left; }
  #GCPIntro { text-align: left; }
  #GCPIntro .Image { height: auto; }
  .ArticlesBlock .Intro .Wrapper { background: url(img/resources-bg.png) center right no-repeat; background-size: auto 100%; }
  .ArticlesBlock .Intro .Wrapper .TwoColBlock .Col { display: flex; justify-items: center; align-items: center; height: 300px; }
  .ArticlesBlock .CatSection .Title .WhiteBrdBTN { position: absolute; bottom: 20px; left: 20px; }
  .SideBarBlock { grid-template-columns: 3fr 1fr; }
  .RelatedPost { grid-gap: 20px; margin-top: 20px; }
  .Half { width: 50%; margin: 0 !important; padding: 40px; }
  .QuotesC { width: 85%; }
  .QuotesC p { font-size: 1.875rem; }
  .CeoTitle strong { font-size: 1.5rem; }
  .ContactBanner .Col.Image img { width: auto; height: 60vh; }
  .Copy .Wrapper { display: flex; justify-content: space-between; align-items: center; }
  .Copy .Wrapper .Left { display: flex; align-items: center; text-align: left; margin: 0; }
  .Copy .Wrapper .Left .Logo { display: inline-block; margin: 0 20px 0 0; }
  .Copy .Wrapper .Right { display: flex; align-items: center; text-align: right; }
  .Copy .Wrapper .Right a:last-child { margin-right: 0; }
  .BannerIndustries .WhiteTrans { width: 50%; }
  #Consultation p.Intro { display: block; width: 80%; margin: 0 auto 20px; }
  .GCPallProducts { grid-template-columns: repeat(7, 1fr); }
  .TopPromo h3 { display: inline-flex; align-items: center; }
  .TopPromo h3 span { padding-left: 20px; }
  .TopPromo a.Btn { margin-left: 40px; margin-top: 0; }
  .GreenMeet .Col .Hdr { min-height: 148px; }
  .GreenMeet .Col .Cnt { min-height: 136px; }
  .GreenMeet .Col .Ftr { min-height: 122px; } 
   header .Logo_mobile { width: 70px;display:none }
	   .BannerIntro .GoogleBadge_Web { width: 150px; margin: 0 auto 10px;display:none }}
/*Laptop*/
@media (min-width: 1200px) { body { font-size: 1.125rem; }
  h1 { font-size: 3.375rem; }
  h1 span { font-size: 2rem; }
  h2 { font-size: 3rem; }
  h3 { font-size: 2rem; }
  h4 { font-size: 1.75rem; }
  h5 { font-size: 1.5rem; }
  h6 { font-size: 1.375rem; }
  header .Wrap { height: 100px; }
  header .Wrap .Logo { width: 90px;margin-left: 20px; }
  #Bars { display: none !important; }
  #MainMenu #Nav { display: inline-block; }
  #MainMenu #Nav > div { max-width: none; }
  #MainMenu #Nav > div > ul { display: block; }
  #MainMenu #Nav > div ul.menu > li { display: inline-block; position: relative; padding: 0 10px; }
  #MainMenu #Nav > div ul.menu > li a { display: block; line-height: 95px; color: #5F6469; border-bottom: 5px solid #FFF; padding: 0 8px; font-size: 1.125rem; }
  #MainMenu #Nav > div ul.menu > li:hover a { color: #1E2328; border-bottom: 5px solid #0F7EE1; }
  #MainMenu #Nav > div ul.menu > li .sub-menu { display: none; position: fixed; z-index: 99; top: 100px; left: 0; width: 100vw; min-width: 250px; background: linear-gradient(120deg, #3CA7EB 0%, #0F7EE1 80%); padding: 15px 5%; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); text-align: center; border-top: 2px solid #0F7EE1; }
  #MainMenu #Nav > div ul.menu > li .sub-menu::before { display: none; }
  #MainMenu #Nav > div ul.menu > li .sub-menu li { display: inline-block; padding: 10px 15px; }
  #MainMenu #Nav > div ul.menu > li .sub-menu li a { line-height: 1.2; border: none; font-size: 1rem; color: white; padding: 0 10px; }
  #MainMenu #Nav > div ul.menu > li .sub-menu li a:hover { color: rgba(255, 255, 255, 0.8); }
  #MainMenu #Nav > div ul.menu > li:hover .sub-menu { display: block; }
  #GoogleService .Block .Text { padding: 30px 15%; }
  #SearchBar { top: 100px; }
  .Container { padding-top: 100px; }
  footer .FootNav { grid-template-columns: repeat(3, 1fr); }
  footer .FootNav .Col h4 { font-size: 1.5rem; }
  footer .FootNav .Col a { font-size: 1.125rem; }
  .Unleash .Text div { min-height: 100px; }
  .TopPromo { padding: 10px 0; }
  .TopPromo .Wrap { display: flex; align-items: center; justify-content: center; }
  .GreenMeet .Col .Hdr { min-height: 122px; }
  .GreenMeet .Col .Cnt { min-height: 136px; }
  .GreenMeet .Col .Ftr { min-height: 122px; } }
@media (max-width: 1300px) {
  header .Wrap .Logo {
    width: 90px;
    margin-left: 22px;
}}

/*Desktop*/
@media (min-width: 1440px) { #MainMenu #Nav ul li a { font-size: 1.25rem; }
  .TwoHalfImageBlock .Row .Image img { width: 100%; height: auto; max-height: none; }
  .TwoHalfImageBlock .Row .Text .Inside { width: 70%; }
  .Infinity .Col { height: 415px; }
  .ContactBanner .Col.Image img { width: 100%; height: auto; }
  .ContactBanner .Col.Text a.Phone { font-size: 1.75rem; }
  .ContactBanner .Col.Text a.Phone i { font-size: 1.5rem; }
  .ContactBanner .Col.Text .Inside { max-width: 40rem; }
  #GCPBanner .Col { min-height: 400px; }
  footer .FootNav { display: flex; justify-content: space-between; } }


@media (min-width: 1250px) {
  	  header .Wrap .Logo {
    width: 90px;
margin-left: 27px; }}

@media (min-width: 1300px) {
  	  header .Wrap .Logo {
    width: 90px;
margin-left: 21px; }}
@media (min-width: 1330px) {
  	  header .Wrap .Logo {
    width: 90px;
margin-left: 25px; }}

@media (min-width: 1490px) {
  	  header .Wrap .Logo {
    width: 90px;
margin-left: 60px; }}


@media (min-width: 1500px) {
  	  header .Wrap .Logo {
    width: 90px;
margin-left: 70px; }}
@media (min-width: 1560px) {
  	  header .Wrap .Logo {
    width: 90px;
margin-left: 85px; }}
@media (min-width: 1575px) {
  	  header .Wrap .Logo {
    width: 90px;
margin-left: 100px; }}

@media (min-width: 1630px) {
  	  header .Wrap .Logo {
    width: 90px;
margin-left: 111px; }}

@media (min-width: 1650px) {
  	  header .Wrap .Logo {
    width: 90px;
margin-left: 121px; }}

@media (min-width: 1680px) {
  	  header .Wrap .Logo {
    width: 90px;
margin-left: 141px; }}
@media (min-width: 1720px) {
  	  header .Wrap .Logo {
    width: 90px;
margin-left: 169px; }}
@media (min-width: 1750px) {
  	  header .Wrap .Logo {
    width: 90px;
margin-left: 180px; }}
@media (min-width: 1776px) {
	  header .Wrap .Logo {
    width: 90px;
    margin-left: 200px;
}}
@media (min-width: 1787px) { #MainMenu #Nav > div ul.menu > li a { font-size: 1.375rem; }
  #MainMenu .Tools { font-size: 1.375rem; }
  #MainMenu .Tools > div { height: 50px; }
  #MainMenu #Nav > div ul.menu > li .sub-menu li a { font-size: 1.25rem; padding: 10px 20px; } 
  	  header .Wrap .Logo {
    width: 90px;a
margin-left: 189px; }}

@media (min-width: 1857px) {
	  header .Wrap .Logo {
    width: 90px;
    margin-left: 207px;
}}
@media (min-width: 1857px) {
	  header .Wrap .Logo {
    width: 90px;
    margin-left: 207px;
}}
@media (min-width: 1870px) {
	  header .Wrap .Logo {
    width: 90px;
    margin-left: 224px;
}}
@media (min-width: 1900px) {
	  header .Wrap .Logo {
    width: 90px;
    margin-left: 246px;
}}
  @media screen and (max-width: 1020px) {
	   .BannerIntro .GoogleBadge { width: 150px; margin: 0 auto 10px;display:none }}