/*PageGoogleSeo*/
.PageGoogleSeo h1 {color: #2D3337;}
.PageGoogleSeo h1::after {content: ''; display: block; width: 50px; height: 4px; margin: 20px 0; background: #0F7EE1;}
.PageGoogleSeo .InsideText h3 {color: #2D3337;}
.PageGoogleSeo .InsideText p + h3 {margin-top:60px;}

.BlueIcons {padding-top:20px; margin: 0 0 40px; display: grid; grid-template-columns: repeat(1,1fr);}
.BlueIcons li::before {display: none !important;}
.BlueIcons li {text-align: center;}
.BlueIcons li .Icon {display: block; width:100px; height: 100px; border: 1px solid #ccc; border-radius: 50%; margin: 0 auto 15px; position: relative;}
.BlueIcons li .Title {font-size: 15px; letter-spacing: 1px}

/*.appsGoogle {}*/
.BlockApps {
	display: inline-block;
	 padding:0 10px;
}
.BlockApps .Title {display: block; font-size: 15px; font-weight: bold; color:#999; margin-bottom: 10px;}
.BlockApps.Stockage {border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.BlockApps.Collaboration {border-right: 1px solid #ccc;}
.BlockApps .Icons {}
.BlockApps .Icons a {padding:0 12px; display: inline-block; width: 95px;}
/*.BlockApps .Icons img {max-height:36px;}*/


/*Google Apps*/
.AppTopBanner {background-size: cover; background-repeat: no-repeat; background-position: center; padding:100px 0;}
.AppTopBanner .Subtitle {font-size: 24px; color: #2D3337; margin-bottom: 20px;}
.AppTopBanner .Block.Content h1 {position: relative;  padding-left: 60px; color: #2D3337; font-size: 50px;; margin-bottom: 20px;}
.AppTopBanner .Block.Content h1 img {width: 50px; height: auto; position: absolute; left: 0;}
.AppTopBanner.GSuiteEssentials .Block.Content h1 {padding-left: 0;}
.AppTopBanner.GSuiteEssentials .Block.Content h1 img {width: 300px; position: relative;}
.TwoHalf, .ThreeBlock { display: block; margin: 0 auto; width: 90%; max-width: 1280px; }

.Gapps .Text {line-height: 1.5;}
.Gapps a {color:#0F7EE1;}
.Gapps a:hover {color:#2D9A43;}
.Gapps .Section .Block .Image img { width: auto; max-width: 100%; height: auto; max-height: 363px; }
.Gapps .Section .Block.Content h1 { font-size: 38px; color: #2D3337; margin-bottom: 20px; }
.Gapps .Section .Block .Image { text-align: center; }

.Gapps .ThreeBlock { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px; }
.Gapps .ThreeBlock .Block { background: #FFF; padding:20px; }
.Gapps .ThreeBlock .Block h1 {font-size: 30px; margin-bottom: 20px; color: #2D3337;}

.Section.Cropt .Block .Image {
    position: absolute;
    width: 100%;
    top: -90px;
}

.FAQSgapps {text-align: center;}
.FAQSgapps h1 {font-size: 40px; }
.FAQSgapps h1::after {content: ''; display: block; width: 50px; height: 4px; margin: 20px auto; background: #0F7EE1;}
.FAQSgapps .ThreeBlock .Block { background: #F6F8FC; padding:0; text-align: left; }
.FAQSgapps .ThreeBlock .Block .Question { padding: 20px; background: #eceef2; }
.FAQSgapps .ThreeBlock .Block .Question h1::after {display: none !important}
.FAQSgapps .ThreeBlock .Block .Ans {padding:20px; line-height: 1.5;}

.Block.Pricing { border: 1px solid #e6e6e6; padding:0 !important; min-height: 1169px;}
.Block.Pricing .Intro {padding: 20px; border-bottom: 1px solid #e6e6e6;}
.Block.Pricing .Text {padding: 20px 20px 10px;}
.Pricing .Intro .Small {color: #999; margin-bottom: 0;}
.Pricing .Intro .Price {color: #0093e8; font-size: 42px; margin-bottom: 0;}
.Pricing .Intro .Rule {margin-bottom: 0;}
.Block.Pricing .Intro p:last-child { display: none;}

.Pricing.Business {background-color: #f7f7f7 !important;}
.Pricing.Enterprise {background-color: #f1f1f1 !important;}

.GsuiteSpecs { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px 15px; text-align: center; width: 90%; max-width: 1280px; margin: 0 auto; }
.GsuiteSpecs .Block .Icon {display: block; width: 80px; margin: 0 auto 10px;}

#WhyGsuite .GPartner, .WhySE .GPartner {
    display: block;
    width: 250px;
    margin: 0 auto 10px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
}
#WhyGsuite .Partner {display: grid; grid-template-columns: repeat(4,1fr); grid-gap:20px;}
#WhyGsuite .Partner .Block {background: #F6F8FC; padding:40px 20px;}

.AppTopBanner .PricingTop h1 {text-align: center; font-size: 32px; padding: 0 !important; margin: 0;}
.PricingTop {padding:20px !important; background: rgba(255,255,255,0.5);}
.PricingTop .GsuiteLogo { height: 44px; text-align: center; margin: 10px 0 5px;}
.PricingTop .GsuiteLogo img { height: 100%; width: auto;}


.BannerSeo {background: url(../img/seo/bg-top.jpg) center no-repeat; background-size: cover; padding:80px 0;}
.BannerImage {width:40%; float: left;}
.BannerIntroSeo {width:60%; float: left; text-align: center; }
.BannerIntroSeo img {width:50%; min-width: 280px; height: auto;}


/*Responsive*/
/*Mobile*/
@media (max-width:374px) {

}

@media (max-width: 769px) {
   #WhyGsuite .Partner, .GsuiteSpecs {grid-template-columns: repeat(2,1fr);} 
}

@media (max-width:415px) {
.AppTopBanner {background-image: none !important; background-color: #f7f7f7;}
.Gapps .ThreeBlock {grid-template-columns: repeat(1,1fr);}
.Gapps .Section .Block.Content {margin-bottom:40px;}
.GsuiteSpecs {grid-template-columns: repeat(1,1fr); grid-gap: 20px;}
#WhyGsuite .Partner, .GsuiteSpecs {grid-template-columns: repeat(1,1fr);}
.BlockApps { display: block; margin-bottom: 30px; border: 0 none !important; }
.BannerIntroSeo {width:100%; float: none;}
.BannerImage {display: none;}
}

@media (min-width:667px) {

}

/*tablet*/
@media (min-width: 767px) {
    .BlueIcons {grid-template-columns: repeat(5,1fr);}
    .TwoHalf .Block {display: block; width: 49%; box-sizing: border-box; padding: 10px 10px 10px 0; position: relative;}
    .Block.Right {float: right;}
    .Block.Left {float: left;}
}

/*tablet - hrz*/
@media (min-width: 1020px) {

}

/*Laptop*/
@media (min-width: 1200px) {

}

/*Desktop*/
@media (min-width: 1440px) {

}

@media (min-width: 1787px) {

}