/*=============================================================
  Gmass Redesign, March 2017
========================================================  */

/*Logo red: #c42529*/

/* =============================================================
Base styles
============================================================ */
body 
{
font-family: 'Roboto', sans-serif;
color: #212121;
background-color:#fff;
}
section {
padding-top: 40px;
padding-bottom: 40px;
}
.pad-bottom {
padding-bottom: 60px;
}

.header {
font-family: 'Roboto', sans-serif;
padding-bottom: 40px;
text-transform: uppercase;
}

.header h2
{
	font-size:1.8em;
}

.header h2 span
{
	color:#c42529;
	font-size:80%;
}

.header hr {
width: 50px;
border-top: 2px solid #c42529;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}


/* =============================================================
Buttons
============================================================ */
.button-custom {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin: 25px 5px 5px 0px;
margin: 5px;
}

.btn-custom-one {
background-color: transparent;
color: #fff;
border: 2px solid rgb(228, 79, 79);
}

.btn-custom-one:hover {
background-color: rgb(228, 79, 79);
text-decoration: none;
color: #fff;
}

.btn-custom-two {
color: #fff;
background-color: rgb(228, 79, 79);
border: 2px solid rgb(228, 79, 79);
}

.btn-custom-two:hover {
color: #fff;
background-color: #000;
border: 2px solid rgb(228, 79, 79);
text-decoration: none;
}

#learn-more-wrap .btn-custom-two
{
	color: #f7f7f7;
	border: solid 1px #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
	border-radius:2em;
	font-size:1.25em;
	padding:1.0em 3em;
	background: #0c5ac3;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Roboto", sans-serif;
}
#learn-more-wrap .btn-custom-two:hover {
	background: #fff;
	border-color:#212121;
	color: #212121;
}

.cta-btn-wrap 
{
	margin:4em 0 0 0;
}

.cta-btn-wrap .btn-custom-two
{
	color: #fff;
	border: solid 1px #333;
	border-radius:2em;
	font-size:1.25em;
	padding:0.5em 2em;
	background: #0c5ac3;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Roboto", sans-serif;
}

.cta-btn-wrap .btn-custom-two:hover
{
	background:#212121;
	border: solid 1px #000;
}


#contact .cta-btn-wrap 
{
	text-align:center;
}






/* =============================================================
Menu
============================================================ */
.navbar-inverse 
{
background:#fff;
border-color: transparent;
-webkit-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
   -moz-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
        box-shadow: 0 4px 4px -2px rgba(0,0,0,0.3);
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus 
{
background-color: transparent;
border-bottom: 1px solid rgb(196, 37, 41);
color:rgb(196, 37, 41);
}

.navbar-inverse .navbar-nav > li > a {
font-size: 1em;
font-weight: 500;
padding: 5px 0px;
margin: 10px 20px 10px 20px;
color: #212121;
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}

.navbar-inverse .navbar-nav > li > a:hover
{
color:rgb(196, 37, 41);
}

.navbar-inverse .navbar-nav > li > a:focus
{
	color:#212121;
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover {
color: rgb(196, 37, 41);
font-weight: 900;

}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: transparent;
}
.navbar-inverse .navbar-toggle:hover {
background-color: #c42529;
}
.navbar-inverse .navbar-toggle:focus {
background-color: #212121;
border-color:#111;
}
.navbar-inverse .navbar-toggle {
background-color: #c42529;
border-color:#c42529;
}

ul.nav ul {
    position:absolute;
    background:#fff;
    list-style-type:none;
    padding:0;
    margin:0;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.3);
    display:none;
}
ul.nav ul li a {
    padding: 10px 20px;
    display:block;
    white-space:nowrap;
    font-size: 1em;
    font-weight: 500;
    color: #212121;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
ul.nav ul li a:hover {
    text-decoration:none;
    color: #c42529;
}

ul.nav li:hover ul {
    display:block;
}

.feature-link {
    position:absolute;
    margin-top:-30px;
}

/* =============================================================
Alt Section Background
============================================================ */
.alt-bg
{
	background:#f9f9f9;
}


/* =============================================================
Home
============================================================ */

#home {
text-align: center;
padding-top: 100px;
padding-bottom: 50px;
background:#c42529;
}


#home #fixed-hero-msg
{
	font-family:"Roboto", sans-serif;
	color:#fff;
	font-weight:600;
	font-size:2.1em;
	text-shadow: 2px 2px rgba(0,0,0,0.2);
	text-align:center;
	margin-top:0;
	margin-bottom:0;
}


#learn-more-wrap
{
	padding-bottom:1em;
	padding-top:0;
}

#learn-more-wrap .review-summary
{
	list-style-type:none;
	margin:0 0 1.75em 0;
	padding:0 0 0 0;
	text-align:center;
	line-height:2;
}

#learn-more-wrap .review-summary li
{
	font-size:1.3em;
	font-family:"Roboto", sans-serif;
	color:#fff;
	font-weight:600;
	text-shadow: 2px 2px rgba(0,0,0,0.2);
	text-align:center;
}


#learn-more-wrap .review-summary li span
{
	color:#ffb366;
}


/* =============================================================
Overview
============================================================ */

#overblocks-wrap
{
	margin:4em 10%;
}

.overview-block
{
	margin:3em 10% 0 10%;
	padding:0 0 0 0;
}

.overblock-title
{
	text-align:center;
}

.overblock-title h3
{
font-family:"Roboto", sans-serif;
font-weight:bold;
font-size:1.65em;
line-height:1.5;
margin-bottom:1.25em;
position:relative;
margin-top:2em;
}


.overblock-content-wrap
{
	display:table;
	table-layout:fixed;
	/*width:100%;*/
	border-collapse:collapse;
}

.overview-block .overview-image
{
	/*width:50%;*/
	display:table-cell;
	vertical-align:middle;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.overview-block .overview-image img
{
	width:500px;
	height:auto;
	display:block;
	border:0;
}

.overview-block .overview-txt
{
	width:50%;
	display:table-cell;
	vertical-align:middle;
}

.overview-block .overview-txt article
{
	padding:0 0 0 2em;
}

.overview-block .overview-txt article h4
{
	font-weight:normal;
	color:#595959;
	line-height:1.5;
	font-size:1.15em;
	text-align:left;
	font-family:"Roboto", sans-serif;
}





/* =============================================================
Features
============================================================ */

#features .services-wrapper 
{
padding: 2em;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 40px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#features .services-wrapper:hover {
background-color: rgba(0, 0, 0, 0.07);
}

#features h3 {
font-family: 'Roboto', sans-serif;
font-size:1.5em;
}

#features p
{
	color:#595959;
	line-height:1.6;
}

#features p a
{
	color:#c42529;
	font-weight:bold;
}

#features .services-wrapper i {
margin: 5px;
color: #c42529;
font-size: 2.5em;
}

.features-cta
{
	text-align:center;
	padding-top:0;
}

.features-cta .cta-btn-wrap 
{
	margin:0 0 2em 0;
}


/*============================
PRICING SECTION STYLES
==============================*/

#pricing .textbox p
{
	line-height:1.65;
	font-size:1.2em;
	color:#515151;
}

#pricing .textbox p a
{
	color:#c42529;
	font-weight:bold;
	text-decoration:underline;
}

#pricing .textbox p a:hover
{
	color:#fff;
	background:#c42529;
	text-decoration:none;
}


.light-pricing {
margin-bottom: 3em;
margin-left:1px;
margin-top: 4em;
text-align: center;
background-color: rgba(0, 0, 0, 0.1);
color: #fff;
line-height: 30px;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border:1px solid #dcdcdc;
}

.light-pricing:hover {
background-color:  #c42529;
}

.light-pricing ul {
list-style: none;
margin: 0;
text-align: center;
padding-left: 0px;
}

.light-pricing ul li {
padding-top: 1em;
padding-bottom:1em;
cursor: pointer;
}

.light-pricing ul li i {
margin-right: 5px;
}


.light-pricing .price {
padding: 3em 2em 2em 2em;
font-size: 4em;
font-weight: 900;
}

.light-pricing .price small {
color: #000;
display: block;
font-size: 15px;
margin-top: 22px;
}

.light-pricing .type {
background-color: rgba(0, 0, 0, 0.40);
padding: 30px 20px;
font-weight: 900;
text-transform: uppercase;
font-size: 1.5em;
color: #212121;
}
.light-pricing:hover .type {
	color: #fff;
}

.light-pricing .pricing-footer {
padding: 1em 2em 2em 2em;
}

.db-attached > .col-lg-4,
.db-attached > .col-lg-3,
.db-attached > .col-md-4,
.db-attached > .col-md-3,
.db-attached > .col-sm-4,
.db-attached > .col-sm-3 {
padding-left: 0;
padding-right: 0;
}

.light-pricing.popular {
margin-top: 10px;
}

.light-pricing.popular .price {
padding-top: 80px;
}


/*============================
WORK SECTION STYLES
==============================*/

#work .caegories a.active {
background-color: transparent;
color: #fff;
}

.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}

#work .work-wrapper {
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 40px;
background-color: rgba(255, 255, 255, 0.1);
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border: 1px solid rgb(228, 79, 79);
}

#work .work-wrapper:hover {
background-color: transparent;
border: 1px solid rgb(228, 79, 79);

opacity: .80; /* standard: ff gt 1.5, opera, safari */
-ms-filter: "alpha(opacity=80)"; /* ie 8 */
filter: alpha(opacity=80); /* ie lt 7 */
-khtml-opacity: .80; /* safari 1.x */
-moz-opacity: .80; /* ff lt 1.5, netscape */

}

#work .work-wrapper h4 {
padding-top: 10px;
}



/*============================
OUR STORY SECTION
==============================*/

.team-wrapper {
overflow-x: hidden;
position: relative;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transform: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
margin-bottom:30px;
}
.team-wrapper:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.team-wrapper .team-inner {
background-size: cover;
background-position: top center;
-moz-background-size: cover;
-webkit-background-size: cover;
padding: 150px 0 10px;
border-top: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-radius: 10px 10px 0px 0px;
}

.team-wrapper > .team-inner > a {
width: 80px;
height: 80px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
margin: 0 auto -50px;
display: block;
color: rgb(228, 79, 79);
z-index: 999;
font-size: 40px;
padding: 15px 22px;
background-color: #fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
background-color: #c42529;
color: #fff;
}

.team-wrapper > .team-inner > a:hover {
background:#111;
text-decoration: none;
}


.team-wrapper .description {
padding: 30px 20px 20px;
text-align: center;
border-bottom: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
}

.team-wrapper .description h5 {
color: #c42529;
font-weight:bold;
}


#profile-text
{
}

#profile-text article
{
	padding-left:2em;
}

#profile-text h2
{
	font-family:"Roboto", sans-serif;
	font-weight:bold;
	font-size:1.5em;
	line-height:1.5;
	margin-bottom:1.65em;
}

#profile-text p
{
	line-height:1.65;
	font-size:1.2em;
	color:#515151;
}

#profile-text p a
{
	color:#c42529;
	font-weight:bold;
	text-decoration:underline;
}

#profile-text p a:hover
{
	color:#fff;
	background:#c42529;
	text-decoration:none;
}


/*============================
Support/Contact
==============================*/
#contact article
{
	padding-bottom:1em;
}

#contact article h3
{
	font-size:1.35em;
}

#contact .textbox p
{
	line-height:1.65;
	font-size:1.2em;
	color:#515151;
}

#contact .textbox p a
{
	color:#c42529;
	font-weight:bold;
	text-decoration:underline;
}

#contact .textbox p a:hover
{
	color:#fff;
	background:#c42529;
	text-decoration:none;
}

#learn-more-wrap .social {
display: block;
text-align:center;
padding-top:2.5em;
}

#contact .social {
display: block;
text-align:center;
padding-top:1em;
}

.social .button-links
{
	list-style-type:none;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	font-size:1.5em;
}

.social .button-links li
{
	display:inline;
	margin:0 0.1em;
	padding: 0 0 0 0;
}

.social .button-links li a
{
	color:#c42529;
}

#learn-more-wrap .social .button-links li a
{
	color:#961d21;
}

.social .button-links li a .fa
{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.social .button-links li a .fa-inverse
{
text-shadow: none;
color:#fff;
}

.social .button-links li a:hover .fa-circle
{
color:#212121;
}

.social .button-links li a:hover .fa-inverse
{
color:#fff;	
}

/*============================
Footer
==============================*/
footer
{
}

footer .footer-tier1
{
	background:#c42529;
	padding:1em 0;
}

footer .support-links
{
	text-align:center;
	list-style-type:none;
	margin:0 0 0 0;
	padding:0.5em 0;
}

footer .support-links li
{
	display:inline;
	font-size:1em;
	font-family:"Roboto", sans-serif;
	color:#fff;
	padding:0 0.5em;
}

footer .support-links li a
{
	color:#fff;
	text-decoration:underline;
	font-family:"Roboto", sans-serif;
	font-weight:bold;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

footer .support-links li a:hover
{
	color:#212121;
}

footer .footer-tier2
{
	background:#ab2125;
	padding:0 0 0 0;
}

.pride-colophon
{
	list-style-type:none;
	text-align:center;
	margin:0 0 0 0;
	padding:0.5em 0;
}

.pride-colophon li
{
	display:inline;
	text-align:right;
	font-family:"Roboto", sans-serif;
	color:#fff;
}




/**--Logo header--**/

.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
   padding: 7px 15px;
  width: auto;
}


/**--Leading screenshot--**/

#overview-img-wrap
{
	margin-top: 2em;
    margin-bottom: 2em
}

#overview-img-wrap img
{
	width:100%;
	height:auto;
	display:block;
	border:0;
}


/**--Overview list--**/

#overview-list-wrap
{
}

#overview-list-inner
{
	text-align:center;
}

#overview-list ul
{
	list-style-type:none;
	margin:0 20% 2em 20%;
	padding:0 0 0 2em;
	text-align:left;
	font-size:1.3em;
}

#overview-list ul li
{
	padding:0 0 0.75em 0;
	margin:0 0 0 0;
	color:#595959;
	line-height:1.5;
}

#overview-list ul li i, #overview-list ul li span
{
	color:#c42529;
	font-weight:bold;
}

/**--Frequently Asked Questions--**/

.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #fff;
  background-color: #c42529;
  border-color: #c1252a;
}

#faq-wrap .panel-heading {
    padding:0;
}
#faq-wrap a[role="button"] {
    padding: 10px 15px;
    display:block;
}

#faq-wrap a[role="button"] i {
    transition: transform ease-in-out 0.25s;
}

#faq-wrap a[role="button"]:not(.collapsed) i {
    transform:rotate(180deg)
}


.panel-default > .panel-heading .panel-title
{
	  line-height:1.6;
}

.panel-default > .panel-heading i
{
	float:right;
	margin-left:1em;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default .panel-body p
{
	color:#515151;
	margin-bottom:0;
	line-height:1.5;
	font-size:1.1em;
}

.panel-default .panel-body p a
{
	color:#c42529;
	font-weight:bold;
	text-decoration:underline;
}

.panel-default .panel-body p a:hover
{
	background:#c42529;
	color:#fff;
	text-decoration:none;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

/**--Mobile navbar--**/

@media only screen and (max-width:768px){
	
	.navbar-inverse .navbar-nav
	{
		border-top:1px solid #dcdcdc;
		padding-bottom:0;
	}
	
	.navbar-inverse .navbar-nav > .active > a, 
	.navbar-inverse .navbar-nav > .active > a:hover, 
	.navbar-inverse .navbar-nav > .active > a:focus 
	{
		color:#fff;
		background:#c42529;
		border-bottom-style:none;
	}
	.navbar-inverse .navbar-nav > li > a {
		display:block;
	font-size: 1.1em;
	font-weight: 500;
	padding: 0.75em 2.5em;
	margin: 0 0 0 0;
	color: #212121;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

	.navbar-inverse .navbar-nav > li > a:hover
	{
	color:#fff;
	background:#a9a9a9;
	}

	.navbar-inverse .navbar-nav > li > a:focus
	{
		color:#fff;
	}
}


												/*----Responsive Design Media Queries----*/

@media only screen and (max-width:1024px) and (min-width:768px){
	#home {
	/*background:purple;*/
	}
	.navbar-inverse .navbar-nav > li > a {
	font-size: 0.9em;
	margin: 10px 1em 10px 1em;
	}
	#home #fixed-hero-msg
	{
		font-size:1.9em;
		line-height:1.65;
		margin-right:0.5em;
		margin-left:0.5em;
	}
	#overview-img-wrap
	{
		margin:2em 0;
	}
	#learn-more-wrap div
	{
		width:100%;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	#overview-list ul
	{
		list-style-type:none;
		margin:0 12% 2em 12%;
		padding:0 0 0 2em;
		text-align:left;
		font-size:1.3em;
	}
	#overblocks-wrap
	{
		margin:4em 0;
	}

	.overview-block
	{
		margin:4em 2em 0 2em;
		padding:0 0 0 0;
	}
	.overview-block .overview-txt article h4
	{
		font-weight:normal;
		color:#595959;
		line-height:1.5;
		font-size:1.1em;
		text-align:left;
		font-family:"Roboto", sans-serif;
	}
}
@media only screen and (max-width:768px) and (min-width:640px){
	#home {
	/*background:red;*/
	}
	#home #fixed-hero-msg
	{
		font-size:2em;
		line-height:1.65;
		margin-right:1em;
		margin-left:1em;
	}
	#overview-img-wrap
	{
		margin:2em 10%;
	}
	#overview-list ul
	{
		list-style-type:none;
		margin:0 10% 2em 10%;
		padding:0 0 0 2em;
		text-align:left;
		font-size:1.3em;
	}
	#overblocks-wrap
	{
		margin:4em 0;
	}

	.overview-block
	{
		margin:3em 0 0 0;
		padding:0 0 0 0;
	}
	.overview-block .overview-txt article h4
	{
		font-weight:normal;
		color:#595959;
		line-height:1.5;
		font-size:1.1em;
		text-align:left;
		font-family:"Roboto", sans-serif;
	}
	#features .services-wrapper 
	{
	padding: 0.5em 1em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 1em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
#features h3 {
font-family: 'Roboto', sans-serif;
font-size:1.35em;
float:left;
}

#features .services-wrapper i {
margin: 0.5em 0.5em 0 0;
color: #c42529;
font-size: 1.9em;
float:left;
}
#features p
{
	clear:both;
	font-size:1.1em;
	text-align:justify;
	padding-top:0.5em;
	line-height:1.65;
}
#faq-wrap
{
	margin:0 0.25em;
}
#pricing .textbox, #contact .textbox
{
	padding-left:2em;
	padding-right:2em;
}
#pricing .textbox p, #contact .textbox p
{
	text-align:justify;
	font-size:1.1em;
}
.team-wrapper .team-inner {
margin:0 15%;
}
.team-wrapper .description {
margin:0 15%;
}
.team-wrapper .description h5 {
color: #c42529;
font-weight:bold;
font-size:1.2em;
}
.team-wrapper .description p
{
	font-size:1.1em;
	line-height:1.65;
}
#profile-text
{
	margin-left:15%;
	margin-right:15%;
	padding-left:0;
	padding-right:0;
	width:auto;
	padding-bottom:3em;
}

#profile-text article
{
	padding-left:0;
}

#profile-text h2
{
	text-align:center;
}

#profile-text p
{
	text-align:justify;
}

}

/**--Stop footer links from breaking into two lines per link--**/

@media only screen and (max-width:768px){
	.support-links
	{
		line-height:1.75;
	}
	.support-links li
	{
		white-space: nowrap;
	}
	
	.support-links li#wordzen-link
	{
		white-space: normal;
	}
}

/**--Switch off enlargement of Ajay's image on hover--**/

@media only screen and (max-width:768px){
	.team-wrapper:hover {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	}
}
	


@media only screen and (max-width:640px) and (min-width:480px){
	#home {
	/*background:yellow;*/
	}
	#home {
	text-align: center;
	padding-top: 90px;
	padding-bottom: 60px;
	}
	#home #fixed-hero-msg
	{
		font-size:1.9em;
		line-height:1.65;
		margin-right:0.5em;
		margin-left:0.5em;
	}
	#overview-img-wrap
	{
		margin:2em 5%;
	}
	#overview-list ul
	{
		list-style-type:none;
		margin:0 5% 2em 5%;
		padding:0 2em;
		text-align:justify;
		font-size:1.25em;
	}
	.cta-btn-wrap 
	{
		margin:3em 0 0 0;
	}
	#overblocks-wrap
	{
		margin:4em 0;
	}

	.overview-block
	{
		margin:3em 0 0 0;
		padding:0 0 0 0;
	}
	.overview-block .overview-txt article h4
	{
		font-weight:normal;
		color:#595959;
		line-height:1.5;
		font-size:1.1em;
		text-align:left;
		font-family:"Roboto", sans-serif;
	}
	#features .services-wrapper 
	{
	padding: 0.5em 1em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 1em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
#features h3 {
font-family: 'Roboto', sans-serif;
font-size:1.35em;
float:left;
}

#features .services-wrapper i {
margin: 0.5em 0.5em 0 0;
color: #c42529;
font-size: 1.9em;
float:left;
}
#features p
{
	clear:both;
	font-size:1.1em;
	text-align:justify;
	padding-top:0.5em;
	line-height:1.65;
}
#faq-wrap
{
	margin:0 0.25em;
}
#pricing .textbox, #contact .textbox
{
	padding-left:2em;
	padding-right:2em;
}
#pricing .textbox p, #contact .textbox p
{
	text-align:justify;
	font-size:1.1em;
}
.team-wrapper .team-inner {
margin:0 10%;
}
.team-wrapper .description {
margin:0 10%;
}
.team-wrapper .description h5 {
color: #c42529;
font-weight:bold;
font-size:1.2em;
}
.team-wrapper .description p
{
	font-size:1.1em;
	line-height:1.65;
}
#profile-text
{
	margin-left:10%;
	margin-right:10%;
	padding-left:0;
	padding-right:0;
	width:auto;
	padding-bottom:3em;
}

#profile-text article
{
	padding-left:0;
}

#profile-text h2
{
	text-align:center;
}

#profile-text p
{
	text-align:justify;
}
.pride-colophon
{
	line-height:1.75;
}
}
@media only screen and (max-width:480px) and (min-width:320px){
	#home {
	/*background:blue;*/
	}
	#home {
	text-align: center;
	padding-top: 80px;
	padding-bottom: 2.5em;
	}
	#home #fixed-hero-msg
	{
		font-size:1.5em;
		line-height:1.5;
		margin-right:0.5em;
		margin-left:0.5em;
	}
	#overview-img-wrap
	{
		margin:1.5em 2%;
	}
	#learn-more-wrap .review-summary
	{
		list-style-type:none;
		margin:0 0 1.75em 0;
		padding:0 0 0 0;
		text-align:center;
		line-height:2;
	}

	#learn-more-wrap .review-summary li
	{
		font-size:1em;
		font-family:"Roboto", sans-serif;
		color:#fff;
		font-weight:600;
		text-shadow: 2px 2px rgba(0,0,0,0.2);
		text-align:center;
	}
	#overview-list ul
	{
		list-style-type:none;
		margin:0 0 0 0;
		padding:0 2em;
		text-align:justify;
		font-size:1.1em;
	}
	.cta-btn-wrap 
	{
		margin:1.25em 0 0 0;
	}
	#overblocks-wrap
	{
		margin:4em 0;
	}

	.overview-block
	{
		margin:2em 0 0 0;
		padding:0 0 0 0;
	}
	.overblock-content-wrap
	{
		display:block;
		width:100%;
		border-collapse:collapse;
	}

	.overview-block .overview-image
	{
		width:90%;
		display:block;
		vertical-align:middle;
		margin:0 5%;
		padding:0 0 0 0;
	}

	.overview-block .overview-image img
	{
		width:100%;
		height:auto;
		display:block;
		border:0;
	}

	.overview-block .overview-txt
	{
		width:90%;
		display:block;
		vertical-align:middle;
		margin:0 5%;
	}

	.overview-block .overview-txt article
	{
		padding:2em 0 0 0;
	}
	.overview-block .overview-txt article h4
	{
text-align:justify;
	}
	#features .services-wrapper 
	{
	padding: 0.5em 1em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 1em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
#features h3 {
font-family: 'Roboto', sans-serif;
font-size:1.25em;
float:left;
}

#features .services-wrapper i {
margin: 0.6em 0.5em 0 0;
color: #c42529;
font-size: 1.8em;
float:left;
}
#features p
{
	clear:both;
	font-size:1.1em;
	text-align:justify;
	padding-top:0.5em;
	line-height:1.65;
}
#faq-wrap
{
	margin:0 0.1em;
}
#pricing .textbox, #contact .textbox
{
	padding-left:2em;
	padding-right:2em;
}
#pricing .textbox p, #contact .textbox p
{
	text-align:justify;
	font-size:1.1em;
}
.team-wrapper .team-inner {
margin:0 2em;
}
.team-wrapper .description {
margin:0 2em;
}
.team-wrapper .description h5 {
color: #c42529;
font-weight:bold;
font-size:1.2em;
}
.team-wrapper .description p
{
	font-size:1.1em;
	line-height:1.65;
}
#profile-text
{
	margin-left:2em;
	margin-right:2em;
	padding-left:0;
	padding-right:0;
	width:auto;
	padding-bottom:3em;
}

#profile-text article
{
	padding-left:0;
}

#profile-text h2
{
	text-align:center;
}

#profile-text p
{
	text-align:justify;
	font-size:1.1em;
}
.support-links li#wordzen-link
{
	display:block;
	margin-top:1em;
}
.pride-colophon
{
	line-height:1.75;
}
}
@media only screen and (max-width:320px) and (min-width:240px){
	#home {
	text-align: center;
	padding-top: 80px;
	padding-bottom: 2.5em;
	}
	#home #fixed-hero-msg
	{
		font-size:1.7em;
		line-height:1.5;
		margin-right:0.5em;
		margin-left:0.5em;
	}
	#overview-img-wrap
	{
		margin:1.5em 2%;
	}
	#learn-more-wrap .review-summary
	{
		list-style-type:none;
		margin:0 0 1.75em 0;
		padding:0 0 0 0;
		text-align:center;
		line-height:2;
	}

	#learn-more-wrap .review-summary li
	{
		font-size:1em;
		font-family:"Roboto", sans-serif;
		color:#fff;
		font-weight:600;
		text-shadow: 2px 2px rgba(0,0,0,0.2);
		text-align:center;
	}
	#overview-list ul
	{
		list-style-type:none;
		margin:0 0 2em 0;
		padding:0 2em;
		text-align:justify;
		font-size:1.1em;
	}
	.cta-btn-wrap 
	{
		margin:1.25em 0 0 0;
	}
	#overblocks-wrap
	{
		margin:4em 0;
	}

	.overview-block
	{
		margin:2em 0 0 0;
		padding:0 0 0 0;
	}
	.overblock-content-wrap
	{
		display:block;
		width:100%;
		border-collapse:collapse;
	}

	.overview-block .overview-image
	{
		width:90%;
		display:block;
		vertical-align:middle;
		margin:0 5%;
		padding:0 0 0 0;
	}

	.overview-block .overview-image img
	{
		width:100%;
		height:auto;
		display:block;
		border:0;
	}

	.overview-block .overview-txt
	{
		width:90%;
		display:block;
		vertical-align:middle;
		margin:0 5%;
	}

	.overview-block .overview-txt article
	{
		padding:2em 0 0 0;
	}
	.overview-block .overview-txt article h4
	{
text-align:justify;
	}
	#features .services-wrapper 
	{
	padding: 0.5em 1em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 1em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
#features h3 {
font-family: 'Roboto', sans-serif;
font-size:1.25em;
float:left;
}

#features .services-wrapper i {
margin: 0.6em 0.5em 0 0;
color: #c42529;
font-size: 1.8em;
float:left;
}
#features p
{
	clear:both;
	font-size:1.1em;
	text-align:justify;
	padding-top:0.5em;
	line-height:1.65;
}
#faq-wrap
{
	margin:0 0.1em;
}
#pricing .textbox, #contact .textbox
{
	padding-left:2em;
	padding-right:2em;
}
#pricing .textbox p, #contact .textbox p
{
	text-align:justify;
	font-size:1.1em;
}
.team-wrapper .team-inner {
margin:0 2em;
}
.team-wrapper .description {
margin:0 2em;
}
.team-wrapper .description h5 {
color: #c42529;
font-weight:bold;
font-size:1.2em;
}
.team-wrapper .description p
{
	font-size:1.1em;
	line-height:1.65;
}
#profile-text
{
	margin-left:2em;
	margin-right:2em;
	padding-left:0;
	padding-right:0;
	width:auto;
	padding-bottom:3em;
}

#profile-text article
{
	padding-left:0;
}

#profile-text h2
{
	text-align:center;
}

#profile-text p
{
	text-align:justify;
	font-size:1.1em;
}
.support-links li#wordzen-link
{
	display:block;
	margin-top:1em;
}
.pride-colophon
{
	line-height:1.75;
}
}



/**--Pricing--**/

#home h1 span
{
	color:#212121;
	font-size:80%;
}

#pricing-cards {
    text-align: center;
}

.card-container {
    position: relative;
    display: inline-block;
    width: 350px;
    height: 600px;
    margin: 20px 10px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -ms-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    left:0%;
    transition: transform 0.5s, left 0.5s;
	line-height:1em;
}
.card-container.solo {
    transform: translateX(0%);
    left: 0%;
}

.card-container .card {
    position: absolute;
    width: 100%;
    height: 100%;
    border:1px solid #2d3e50;
    -webkit-transition: -webkit-transform 1s;
       -moz-transition:    -moz-transform 1s;
        -ms-transition:     -ms-transform 1s;
         -o-transition:      -o-transform 1s;
            transition:         transform 1s;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
}

.card-container .card#featured-card
{
	border:10px solid #c42529;
}

.card-container .card .face {
    position: absolute;
    background: #F3F4F6;
    width: 100%;
    height: 100%;
    font-family: :"Roboto", sans-serif;
    font-weight: bold;
    text-align: center;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
         -o-backface-visibility: hidden;
            backface-visibility: hidden;
}
.card-container .card.flipped,
.card-container .card .face2 {
    -webkit-transform: rotateY(180deg);
       -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
}
.card button {
    display:none;
}
.card .up button {
    display:inline-block;
    ;
}

.store {
    display: none;
}



.pricing-container {
    margin-top:2em;
}

.pricing-header h2 {
    font-weight: 700;
    text-transform: uppercase;
	text-align: center;
}

.pricing-header {
    height: auto;
    padding-top:20px;
    pointer-events: auto;
    text-align: center;
    color: #212121;
}

.currency, .value {
	font-size: 3rem;
	font-weight: 300;
}



.price {
    display:block;
    font-weight:300;
    line-height:80px;
	margin-top:20px;
	vertical-align:top;
}

.currency {
    line-height:90px;
    vertical-align:text-bottom;
    font-size: 1.3rem;
    font-weight: 700;
}

.duration {
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase;    
}

.duration::before {
	content: '/';
	margin-right: 2px;
}
.value {
    font-size: 5rem;
    font-weight: 300;
    color:#145DC9;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    letter-spacing: -4px;
}

.pricing-features
{
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:1.1em;
}

.pricing-features li {
	padding: 1.6em 1em;
	text-align: center;
    font-weight:normal;
}

.pricing-features li.pricing-red
{
	color:#e60000;
	font-weight:500;
}

.pricing-features li.pricing-green
{
	color:  #29a329;
	font-weight:500;
}

.pricing-features li.pricing-green i
{
	color: #00b300;
	font-weight:500;
}




.pricing-features li {
    float: none;
    width: auto;
    padding: 0.8em;
}

.pricing-footer{
    text-align:center;
    font-weight:bold;
	margin-top:1em;
}


.pricing-footer .btn-custom-two
{
	color: #fff;
	border: solid 1px #d6292f;
	border-radius:2em;
	font-size:1.25em;
	padding:0.5em 2em;
	background: #c42529;
	font-weight:bold;
	text-transform:uppercase;
	font-family:"Roboto", sans-serif;
}

.pricing-footer .btn-custom-two:hover
{
	background:#212121;
	border: solid 1px #000;
}







.pricing-switcher {
	text-align: center;
}

.pricing-switcher .fieldset {
	display: inline-block;
	position: relative;
	padding: 2px;
    background:#EAEBED;
	border-radius: 50em;
	border: 2px solid #2d3e50;
    margin:0 10px;
    transition:opacity 0.5s;
}
.fieldset.visible {
    opacity:1.0 !important;
}

.pricing-switcher input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.pricing-switcher label {
	position: relative;
	z-index: 1;
	display: inline-block;
	float: left;
	width: 90px;
	height: 35px;
	line-height: 40px;
	cursor: pointer;
	font-size: 14px;
	color: #000;
    transition:color 0.5s;
}
    .pricing-switcher input:checked + label {
        color:#fff;
    }

.pricing-switcher .switch {
	position: absolute;
	top: 2px;
	left: 2px;
	height: 40px;
	width: 90px;
	background-color: #c42529;
	border-radius: 50em;
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	transition: left 0.5s;
}


.price-tier h4
{
	line-height:1em; 
	font-size:2.5em; 
	color: black; 
	text-transform: uppercase;
	margin:0 auto;
	padding:0 0 0 0;
}

.price-tier h4 span
{
	font-size:75%;
}


.payment-advice
{
	text-align:center;
	padding:2em 0 0 0;
}

.payment-advice p
{
font-size:1.2em;
line-height:1.65;
margin:0 0 1em 0;
padding:0 0 0 0;
}

.payment-advice p a
{
	color:#c42529;
	font-weight:bold;
	text-decoration:underline;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.payment-advice p a:hover
{
	color:#fff;
	background:#c42529;
	text-decoration:none;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
#installcancel {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    margin-top: 20px;
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    top: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#installcancel.show {
    visibility: visible; /* Show the snackbar */


}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;} 
    to {top: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {top: 30px; opacity: 1;} 
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {top: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

#marketing {
    margin-top:5rem;
    font-size: 1.3em;
    font-family: "Roboto", sans-serif;
    color: #fff;
    font-weight: 600;
    text-shadow: 2px 2px rgba(0,0,0,0.2);
    text-align:justify;    
}
#marketing > * {
    color:#fff;
}