/* CSS Document */

body{

	background-color: #C4C2C2;
	font-family:'Open Sans', Helvetica, Arial, sans-serif
}



p{
	font-size:140%;
	color: #707070;
}

h1{
	font-size:270%;
	color:#D72A6C;
}

h2{
	font-size:230%;
	font-weight:400;
	color:#4B122C;
	margin-bottom: 30px;
}

h3{
	font-size:160%;
	font-weight:600;
	color:#4B122C;
	padding-bottom: 20px;
}

h4{
	font-size:140%;
	font-weight:600;
	color:#4B122C;
	padding-top: 20px;
}

h5 {
	font-size:150%;
	font-weight:700;
	color:#FFFFFF;
}

h6{
	font-size:140%;
	font-weight:600;
	color:#4B122C;
}


.deepred {
	color:#4B122C;
}

a.pink, a.pink:visited, a.pink:active, a.pink:hover {
	color: #D72A6C !important;
  }

#maincontainer {
  	margin-right: auto;
 	margin-left: auto;
  	max-width: 1363px; /* or 950px */
  	box-shadow:0 10px 10px grey;

}
.img-circle {
    border-radius: 50%;
	box-shadow:0 10px 10px grey;
}

.img-shadow {
	box-shadow:0 10px 10px grey;
}


.navbar {
	background:#D72A6C;
	margin-bottom:0;
	min-height: 100px;
	font-size: 105%;
	font-weight: bold;
	padding-top:10px;
}

.navpad {
	margin-right:30px;
}

.navbar img {
	padding-top:15px;
	padding-left:10px;

}
.nav-link, .navbar-toggler{
	color:#F3EBF0;
	background:#D72A6C;
	margin-top: 30px;
}



a.nav-link:visited{
	color:#FFFFFF;
}

a.nav-link:hover{
	color:#FFFFFF;
}

a.nav-link:active{
	color:#FFFFFF;
}

nav-link .active{
	background: #ED448E;
	color:#F9D9E8;
}



.pinkAboveFooter{
	height:15px;
	background-color:#D72A6C;
}

footer{
	font-size: 70%;
	background-color:#505050;
	text-decoration: none;
}



footer a:link{
	color:#F3EBF0;
	text-decoration: none;
}

footer a:visited{
	color:#ffffff;
	text-decoration: none;
}

footer a:hover{
	color:#d72a6c;
	text-decoration: none;
}

footer .smalltext{
	font-size:100%;
	color:#F3EBF0;
	margin:0;
	padding:0;
}

footer p{
	margin-bottom:5px;
	color:#F3EBF0;
}




#topjumbotron {
    margin-bottom: 0px;
    background:#eff0f2 url(../images/background.png) no-repeat top center;
    color:#707070;
}

#Accessjumbotron{
	background-color:#4b122c;
	text-align: left;
	/*margin-bottom: 0px;
    background-image: url(../images/access/geeketteAB.png);
    background-position:left;
    background-size:contain;
    background-repeat: no-repeat;*/
    color:#fdfafb;

}

.AccessTopSection{
	background: #4b122c;
}

.AccessTitleRow{
	background-color: #ad2156;
	padding:30px 0px;
}

.carousel-item  img {
    margin: 0 auto;
	padding-left:12%;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    font-size: 300%;
}

.carousel-caption{
	color:#4B122C;
	font-size:80%;
	font-weight:400;
	background-color:#FFFFFF;
}

.titlerowheading{
	color:#ffffff;
	font-size:250%;
	font-weight:700;

}
.titlerowsubheading{
	color:#ffffff;
	font-size:120%;

}

.processPathExcel{

	margin:0%;
	padding:290px 0 0 470px;
	z-index:100;
	position:absolute;
}

.processPathAccess{

	margin:0%;
	padding:310px 0 0 450px;
	z-index:1;
	position:absolute;
}

.rozOverlap{
	margin:0%;
	padding:40px 0 0 100px;
	z-index:100;
	position:absolute;
}

.LockOverlap{
	margin:0%;
	padding:40px 0 0 100px;
	z-index:100;
	position:absolute;
}

.WhiteSection{
	background:#FFF;

}

.GreySection{
	background:#EEEEEE;
}

.DarkGreySection{
	background:#cecece;
}



.AboutMe{
	padding-top:3%;
}

.AboutMe li{
	font-size:110%;
	margin-bottom:10px;
}

.policy h2{
	margin-bottom:5px;
	margin-top:30px;
	font-size:170%;
}


.clientfont {
	font-family:'Handlee', cursive;
	color:#8e0d48;
	font-size:130%;
}

.replyfont {
	font-family:'Handlee', cursive;
	font-size:130%;
}

.speechbubblespic{

	z-index:1;
	position:absolute;
}

.speechbubbles{
	min-height: 40px;
}

.testimonial {
	font-style:italic;
}

.testimonialname {
	font-style:bold;
}

.testimonialrow1 p{

	font-size:122%;
	padding:9% 1% 0% 8%;
}



.testimonialrow1 {
	background:url(../images/access/SpeechBubblesAccess2.png) no-repeat;
	background-position: 30px 10%;
}

.testimonialrow2 {
	margin:0px important;
	padding:0px important;
}

#Exceljumbotron{
	background-color:#454440;
	text-align: left;

    /*background-image: url(../images/excel/ExcelHeroImage1.png);
    background-position:left;
    background-size:contain;
    background-repeat: no-repeat;
    padding-left:600px;*/
	color:#fdfafb;
}

#Exceljumbotron img{
	margin: 0 0 0 -14%;
	padding: 0px 0px 0px 0px;
}

.ExcelTopSection{
	background: #454440;
}

.ExcelTitleSection{

	background-color:#115931;
}

.TrainingTopSection{
	background-color:#454440;
}

#Trainingjumbotron{
	background-color:#454440;
	margin-bottom: 0px;
    background-image: url(../images/training/TrainingHeroImage.png);
    background-position:left;
    background-size:contain;
    background-repeat: no-repeat;
    color:#fdfafb;
	padding-left:700px;
}

.TrainingTitleRow{

	background-color: #164e76;
}

.imgdescription{
	margin-top:13px;
	font-size:90%;

}

.clock {
	background:url(../images/access/clockphoto2.png) no-repeat;
	background-position: 100% 20%;
	padding:40px 0px !important;
}

.clockRow {
	background:url(../images/access/ClockOnRightGreyGradient.jpg) no-repeat center;
}

.ContactAccessRow {
	background:url(../images/access/contactAccess.png) no-repeat;
	padding-top:30px !important;
	padding-bottom:30px !important;
}

.ContactExcelRow {
	background:url(../images/access/contactExcelWithGrey.png);
	padding-left:400px;
}

.pricingRow {
	background:url(../images/access/geeketteDollar.png);
	background-repeat:no-repeat;
	background-position: right;
	background-color:#eeeeee;
}



.questionsRow {
	background:url(../images/access/Questions2lg.png) no-repeat;
	background-position:35px;

}

#jumbotrontext {
	padding-top:20%;
}

.jumbotron h1{
	color:#D72A6C;
}

.jumbotron p {
	font-size: 120%;
	color:#fdfafb;
}

#topjumbotron p{
	color:#707070;
}

.whitetext {
	color:#ffffff;
}

.roz{
	margin: 1em 0em 0em 0em;
    padding: 0.5em 0em 0.5em 3em;
}



.btn-secondary {
	padding-left:10px;
}

.btn-primary {
	height:40px;
	background:#D72A6C;
	margin:4px;
	padding:8px 12px;
	border:none;
	margin-left:-13px;
	color:#F3EBF0;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary, .btn-primary:active:focus {
	background:#EC538E;
	color:#FFFFFF;
	border-color: #EC538E;
}


.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #EC538E;

}

#clientlogos{
    margin-bottom: 0px;
    background-image: url(../images/clientlogos3.png);
    background-position:right;
    background-size:contain;
    background-repeat:repeat-y;
	background:eeeff1;


}

.bigicon {
	padding-top:50px;
	padding-bottom:15px;
	font-size:80pt;
	text-align:center;
	margin:10px;
	color:#272589;
}

.bigiconpink {
	margin-top:50px;
	font-size:200pt;
	text-align:center;
	margin:0px;
	color:#D52F6C;
}

.bigiconpink2 {
	margin-top:50px;
	font-size:120pt;
	text-align:center;
	margin:0px;
	color:#D52F6C;
}

.privacyicon{
	padding-top:50px;
	padding-bottom:15px;
	font-size:80pt;
	text-align:center;
	margin:10px;
	color:#D72A6C;
}

#productsrow{
	padding:5%;
}

#productsrow img{
	margin:10px auto;
}

#productsrow h1{
	padding-bottom:20px;
}

#clientlogos h1 {
	font-size: 150%;
	margin-top:20%;
	margin-bottom:0;
	left:10px;
}

.row {
	padding:3% 5%;
}

.rozimage {
	padding-top:20px;
}

.rowRoz {
	padding: 5% 5% 0% 5%;

}

.certRow {
	padding-bottom:5%;
	padding-top:0%;
	box-shadow: 0 10px 10px grey;
}




.divTight {
	padding-top:0%;
	padding-bottom:0%;
	margin-top:0%;
	margin-bottom:0%;
}

.tightLeft {
	margin-left:0px;
	padding-left:0px;
}

.whiteRow {
	background-color: #fff;
}

.greyRow{
	background-color:#EEEEEE;
}

.resumetable th{
	font-size:135%;
	background-color:#888888;
	color:#F7F3F3;}

.card-deck-wrapper{
	margin-bottom:50px;
}

.card {
	border-radius: 10px;
	box-shadow: 0 10px 10px grey;


}

.card img{
	padding-top:50px;
	padding-bottom: 20px;
}

.card p{
	font-size:140%;
	padding-bottom:50px;
	font-weight: normal;
}

.card-block a{
	color:#D72A6C;
	font-weight:700;
}

.card-block a:hover,  a:visited, a:active{
	color:#404040;
	text-decoration: none;

}

.hidden {
	height:0px;
}

blockquote {
    font-style:italic;
    position: relative;
    margin: 1em 2em 1em 1em;
    padding: 0.5em 1em 0.5em 3em;
	border-left: none;
	font-size:120%;

}

blockquote:before {
    font-family: Georgia, serif;
    position: absolute;
    font-size: 6em;
    line-height: 1;
    top: 0;
    left: 0;
    content: "\201C";
	color:#707070;
}
blockquote:after {
    font-family: Georgia, serif;
    position: absolute;
   /* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
    float:right;
    font-size:6em;
    line-height: 1;
    right:0;
    bottom:-0.5em;
    content: "\201D";
	color:#707070;
}
blockquote footer {
    padding: 0 2em 0 0;
    text-align:right;
}
blockquote cite:before {
    content: "\2013";
}

.modal-body{
	padding:0px 40px;
	background-color:#ECEEEF;

}

.modal-body p{
	font-size:100%;
	font-weight:600;
}

.modal-header{
	background-color:#D72A6C;
	color:#FFFFFF;
}

.modal-title{
	color:#FFFFFF;
}

.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; 		border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

.spacerh1em { text-indent: 1em;  }
.spacerh2em { text-indent: 2em;  }
.spacerh3em { text-indent: 3em;  }
.spacerh4em { text-indent: 4em;  }
.spacerh5em { text-indent: 5em;  }

/* LESS THAN 75 */
@media (max-width: 74.9em) {
		.processPath, .speechbubbles, .speechbubblespic, .OnlyShowWhenLargeViewport{
	visibility: hidden;

	}

.spacer5, .spacer10, .spacer15, .spacer20, .spacer25, .spacer30, .spacer35, .spacer40, .spacer45, .spacer50,.spacer100,.spacer200 {
	height: 0px;
			}

	.spacerh1em, .spacerh2em, .spacerh3em, .spacerh4em, .spacerh5em{
		text-indent:0;
	}

	.ProcessRows img{
		padding:30px;
	}

	.rowGeekette {
		background-color:#E4E4E4;
		padding:30px 0px;
	}

	.rowClient {
		padding:30px 0px;
	}

	.rowGeekette p:before {
	  	content: "geekette:";
	  	font-size:130%;
	  	font-family:'Handlee', cursive;
	  	color:#777;
}

	.rowClient p:before {
	  	content: "Client:";
	  	font-size:130%;
	  	font-family:'Handlee', cursive;
	  	color:#8e0d48;
}

}


/* Media Queries */

/* LESS THAN 62 */
@media (max-width: 61.9em) {
	.navbar a  {
		padding-top: 10px;
}

	.rozOverlap{
		position:relative;
	}

}

/* LESS THAN 48 */
@media (max-width: 47.9em) {
		h5{padding-top:20px;}
}
	a.nav-link.hideForMobile{
		display:none;
	}



/* LESS THAN 34 */
@media (max-width: 33.9em) {

	.nav-link {
		margin-top: 0px;
}
	a.nav-link.hideForMobile{
		display:none;
	}

	#navigation{
		float:left;
	}
.clock {
	background-image:none;
}

}

.bookhere-btn {
  margin-left: 20px !important;
  color: #fff !important;
}