/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

.NoCap{text-transform:none !important;}
.Error,.ErrorSummary,.IndexErrorSummary{color:#BC161A;font-weight:bold;}
.Success{color:Green;font-weight:bold;text-align:center;font-size:14px;}

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   .visible--xs {
	   display:none;
   }
.btn:focus {
  	outline: none !important;
	box-shadow: none !important;
}
 h1 {
	 margin-top: 0px !important;
 }
 .dark-color {
	 color:#1c1c1c !important;
 }
 .gold-color {
	 color: #bf9b30;
 }
 .psg--callout {
	 padding: 0 1.25rem !important;
     margin-top: 1.25rem;
     margin-bottom: 1.25rem;
	 border-left: #cf5e49 5px solid;
	 border-radius: 2px;
 }
 .psg--callout h5 {
	 color: #cf5e49;
 }
 .psg--callout{
	 font-style:italic;
 }
 .psg--main--box--container p{
	 color: #999999;
 }
 .text--line{
	 width: 100%;
    height: 50px;
    text-align: center;
    
    position: relative;
    
 }
 .text--line:before {
	content: '';
    width: 25%;
    border-bottom: solid 1px #ccc;
    position: absolute;
    left: 37.5%;
    top: 25%;
    z-index: 1;
 }
 .text--line p {
	 width: auto;
	 background-color:#fff;
    display: inline-block;
    z-index: 3;
    padding: 0 20px 0 20px;
    position: relative;
    margin: 0;
 }	
 .psg--vl {
	 border-left: 1.5px solid #ccc;
    height: 300px;
	border-radius: 2px;
 }
.psg--container {
	padding-top:50px;
	padding-bottom: 50px;
}
.psg--navbar .psg--btn{
	width: 125px;
	font-size: 21px;
	padding: 0px;
	margin-right: 0px;
}
.no--margin--row {
	margin-left: 0px;
	margin-right: 0px;
}
.psg--btn {
	width: 175px;
	border-radius: 2px;
	text-transform: uppercase;
	color: #fff !important;
}

.psg--btn--green {
    background-color: #73974e;
}
.psg--btn--grey {
	background-color: #999999;
}
.psg--btn--red {
	background-color: #cf5e49;
}
.psg--btn--gold {
	background-color: #bf9b30;
}
.psg--navbar {
	background-color: #2c4046;
}
.psg--navbar .navbar-toggler {
	border-color: transparent;
}
.psg--navbar .navbar-toggler-icon {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;

}
.psg--navbar .navbar-brand, .psg--navbar .navbar-nav .nav-link {
	color: #fff;
}
.psg--navbar .navbar-brand:hover, .psg--navbar .navbar-nav .nav-link:hover {
	color:#ccc;
}
.psg--navbar .psg--btn--green {
	color: #fff;
}
.psg--nav--login .input-group-text, .psg--nav--login input, .psg--nav--login .btn{
	border-radius: 2px;
	
}
.psg--nav--login a {
	font-size: smaller;
}
.psg--nav--login button {
	color: #fff;
}
.psg--home--first {
	background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(33, 33, 33, 0.35), 
      rgba(33, 33, 33, 0.35)
    ),
    /* bottom, image */
    url('../img/psg--golfimage.jpg');

	
	background-position:bottom right;
	background-repeat:no-repeat;
	background-size:cover;
}
.psg--home--first h1 {
	color: #fff;
	font-size: 56px;
	margin-bottom: 25px;
}
.psg--home--first h3 {
	
	color:#fff;
	margin-bottom: 25px;
	font-size: 46px;
}
.psg--home--first h3 span {
	color: #73974e;
	text-transform: uppercase;
}

.psg--home--second {
	background-color: #2b2b2b;
}
.psg--home--second h1 {
	color: #fff;

}
.psg--home--second p {
	
	color: #e6e6e6;
	
}
.psg--home--second img{
	width: 200px;
	margin: 0.67em 0;
}
.psg--home--third h1 {
	color: #fff;
	margin-bottom: 50px;
}
.psg--home--third {
	background: 
    /* top, transparent red */ 
    linear-gradient(
      rgba(33, 33, 33, 0.65), 
      rgba(33, 33, 33, 0.65)
    ),url(../img/psg--home--image2.jpg);
	
	background-repeat:no-repeat;
	background-size: cover;
	background-clip: border-box;
	
}
.psg--tile {
	background-color: #fff;
	padding: 35px;
	border-radius: 2px;	
	text-align: center;
}
.psg--tile .tile--icon img {
	width: 75px;
}
.psg--tile hr{
	width: 75px;
	display:inline-block;
}
.psg--tile p {
	color: #606060;
}

.psg--home--fourth h1 {
	color: #2b2b2b;
}
.psg--home--fourth p {
	color: #606060;
}
.psg--home--fourth span {
	color: #bf9b30;
	font-size: 54px;
}
.psg--home--fifth {
	height: 300px;
	background-image: url(../img/3-FrontView-Macbook.jpg);
	background-size: cover;
    background-position: center;
}
.psg--home--sixth {
	background-color: #2c4046;
}
.psg--home--sixth h1 {
	color: #fff;
	text-align: center;
}
.psg--home--sixth p{
	color: #e6e6e6;
}
.psg--home--sixth h5 {
	color: #cf5e49;
}
.psg--home--sixth img {
	width: 30px;
}
.submenu--backdrop.button-toggle {
	z-index: 980;
	background-color: rgba(0,0,0,0.5)!important;
}

.submenu--backdrop {
    background-color: transparent;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
	opacity: 1;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}
.btn--group--inverse {
	width: 100%;
	position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn--group--inverse .btn-submenu .icon-chevron-down {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMi4wNCA3LjE4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzIxMjEyMTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmRyb3AtZG93bi1jaGV2cm9uPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYsNy4xOEg2QS40OC40OCwwLDAsMSw1LjY2LDdMLjE1Ljk1YS41OS41OSwwLDAsMSwwLS43OC40Ny40NywwLDAsMSwuNzEsMEw2LDUuODQsMTEuMTguMTZhLjQ3LjQ3LDAsMCwxLC43MSwwLC41OS41OSwwLDAsMSwwLC43OEwxMC4xMywyLjg5LDYuMzcsN0EuNDguNDgsMCwwLDEsNiw3LjE4WiIvPjwvZz48L2c+PC9zdmc+);
    background-size: 18px;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
	background-repeat: no-repeat;
	background-position: center;
    height: 24px;
    float: right;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
}
.btn--group--inverse.show .btn-submenu .icon-chevron-down {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.btn--group--inverse .btn-submenu.dropdown-toggle::after {
	display: none;
}
.btn--group--inverse svg {
	width: 18px;
    height: 18px;
    margin-right: 1em;
    margin-bottom: .2em;
}
.btn--group--inverse>.btn:first-child {
	margin-left: 0;
}
.btn--group--inverse .dropdown-toggle .badge {
	color: #fff;
    margin-top: 4px;
   
    height: 18px;
    background-color: #cf5e49;
}
.btn--group--inverse .btn-submenu {
    -webkit-perspective: 2000px;
    perspective: 2000px;
    background-color: #fff;
    letter-spacing: normal;
    z-index: 990;
}
.btn--group--inverse .btn-submenu{
    -webkit-perspective: 2000px;
    perspective: 2000px;
    -webkit-transition: none;
    transition: none;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    color: #222326;
    padding: 12px 16px 8px;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    text-transform: capitalize;
    width: 100%;
    letter-spacing: 0;
}
.btn--group--inverse .btn {
    min-width: 0;
}
.btn--group--inverse>.btn{
    position: relative;
    float: left;
}
.btn--group--inverse .btn-submenu~.dropdown-menu {
    border: none;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.btn--group--inverse.show .btn-submenu {
    background-color: #fff;
    border-radius: 4px 4px 0 0;
}
.btn--group--inverse .btn-submenu~.dropdown-menu>li:first-child {
    border-top: 1px solid #efefef;
}
.btn--group--inverse .btn-submenu~.dropdown-menu>li {
    border-bottom: 1px solid #efefef;
    padding: 0;
	display: flex;
	
}
.btn--group--inverse .btn-submenu~.dropdown-menu>li:last-child {
	border-bottom: none;
}
.btn--group--inverse .btn-submenu~.dropdown-menu>li>a {
    padding: 12px 16px 8px;
	width: 100%;
	color: #222326;
}
.btn--group--inverse .btn-submenu~.dropdown-menu>li>a .badge {
	color: #fff;
    margin-top: 4px;
   
    height: 18px;
    background-color: #cf5e49;
}

.btn--group--inverse .btn-submenu~.dropdown-menu>li.active a {
    background-color: #f8f8f8;
    color: #222326;
}
.btn--group--inverse .btn-submenu~.dropdown-menu>li:last-child.active a{
	border-radius: 0 0 4px 4px;
}
.psg--page--wrapper {
	background-color: #f0f3f8;
	position: relative;
}
.psg--sidebar {
	background-color: #212121;
	position: fixed;
    z-index: 100;
    padding: 0;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}
.psg--sidebar-sticky {
	position: -webkit-sticky;
    position: sticky;
	position:relative;
    top: 0;
    height: calc(100vh - 63.63px);
    overflow-x: hidden;
    overflow-y: auto;
}
.psg--sidebar .nav-item.active .nav-link {
	color: #fff;
}
.psg--sidebar .nav-link {
	color: #999999;
	font-size: 14px;
	padding: 1rem 1rem;
}
.psg--sidebar .nav-link .badge {
	margin-top: 2px;
    min-width: 18px;
    height: 18px;
	padding: .45em .4em;
	background-color: #cf5e49;
	color: #fff;
}
.psg--sidebar .nav-item {
	border-bottom: 1px solid #1c1c1c;
    border-top: 1px solid #2b2b2b;
}

.psg--sidebar .nav-item.active:before, .psg--sidebar .nav-item:hover:before  {
    background-color: #cf5e49;
    content: '';
    height: 57px;
    left: 0;
    position: absolute;
    width: 5px;
}
.psg--sidebar svg.psg--sidemenu--icon {
	width: 22px;
	height: 22px;
	margin-right: 15px;
}
.psg--logo--grey--sidebar {
	width:100px;
	height:auto;
}
.psg--column--icon {
	margin-top: 25px;
}
.psg--sidebar--ul {
	border-bottom:1px solid #2b2b2b;
}
.psg--main--box--container {
	background-color: #fff;
	border: 1px solid #f8f8f8;
	padding-left: 15px !important;
	padding-right: 15px !important;
	border-radius: 2px;
}
.membership--tee--box {
	background-color: #bf9b30;
	border-radius: 2px;
}
.psg--scorecard h5 {
	margin-bottom: 0px !important;
    line-height: 2;
}
td[data-score=threeminuspar], .score--card--key--circle.three--minus--par {
	background-color: #73974e;
}
td[data-score=eagle], .score--card--key--circle.eagle  {
	background-color: #c6e09d;
}
td[data-score=birdie], .score--card--key--circle.birdie  {
	background-color: #7db0bc;
}
td[data-score=par], .score--card--key--circle.par  {
	background-color: #cccccc;
}
td[data-score=bogey], .score--card--key--circle.bogey  {
	background-color: #fbb03b;
}
td[data-score=doublebogey], .score--card--key--circle.double--bogey  {
	background-color: #cb837a;
}
td[data-score=triplebogey], .score--card--key--circle.triple--bogey  {
	background-color: #cf5e49;
}
td[data-score=quadruplebogey], .score--card--key--circle.quadruple--bogey  {
	background-color: #a3211f;
}
.score--card--key--circle {
	border-radius: 100%;
	height: 15px;
    width: 15px;
    display: inline-block;
    position: relative;
	margin-right: 15px;
}
.score--card--key p {
	display: inline-block;
}
.psg--main--box--container h5 {
	color:  #cf5e49;
}
.player--name {
	white-space:nowrap;
}
.psg--weeklypicks--table {
	counter-reset: rowNumber -1;
}
.psg--weeklypicks--table tr {
	counter-increment: rowNumber;
}
.psg--weeklypicks--table tr td:first-child::before {
/*	content: counter(rowNumber) "." ; */
	min-width: 1em;
	margin-right: 0.5em;
}
.psg--weeklypicks--table tr[data-packsix=true] td:last-child {
	
	background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 23.65 22.6' fill='#cf5e49'><g id='Layer_2' data-name='Layer 2'><g id='Layer_1-2' data-name='Layer 1'><path class='cls-1' d='M23.6,8.56a1,1,0,0,0-1-.71H15.12L12.8.71a1,1,0,0,0-1.94,0L8.53,7.85H1A1,1,0,0,0,.42,9.7L6.5,14.11,4.18,21.26A1,1,0,0,0,5.75,22.4L11.83,18,17.9,22.4a1,1,0,0,0,1.57-1.14l-2.32-7.15L23.23,9.7A1,1,0,0,0,23.6,8.56Z'/></g></g></svg>") no-repeat;
	background-position-y: 11px;
	background-position-x: 40px;
}
.psg--nav--pills--leaderboard {
	background-color: #212121;
	border-radius: 2px;
}

.psg--nav--pills--leaderboard .nav-link {
	border-radius: 0px;
	color: #999999;
    padding: .5rem .1rem;

}
.psg--nav--pills--leaderboard .nav-link.active {
	background-color:transparent;
	border-bottom: 5px solid #cf5e49;
}
.psg--scorechart--table thead tr th {
	text-align: center;
	border-top: none;
	border-bottom: none;
}

.psg--scorechart--table thead tr th:first-child, .psg--scorechart--table tbody tr td:first-child {
	width: 20%;
	text-align: left !important;
	color: #666666 !important;
}
.psg--scorechart--table tbody tr td {
	width: 10%;
	text-align: center;
	padding: .6rem .4rem;
	border-top: none;
	color: #73974e;
}
.psg--scorechart--table tbody tr td:nth-child(n+6){
	color: #cf5e49 !important;
}
.membership--tee--box--row svg {
	width: 55px;
	height: 55px;
	fill: #ccc;
}
.gold-background {
	background-color: #bf9b30;
}
.blue-background {
	background-color: #0071bc;
}
.white-background {
	background-color: #fff;
	border: 2px solid #e6e6e6;
}
.membership--tee--box--row .tee {
	padding: .5em;
	border-radius: 2px;
}
.membership--tee--box--row.prize .tee p {
	width: 71px;
	text-align:center;
	position:relative;
	display:inline-block;
}
.membership--tee--box--row.prize .tee {
	padding:0;
}
.prize.first .tee p, .prize.pack--6 p, .prize.survivor p, .prize.perfect--game p{
	font-size:30px;
	color: #73974e;
}
.prize.second .tee p, .prize.third .tee p{
	color: #a0ad9f;
}
.prize.first .tee:first-child p:before {
	content: '1st';
    position: absolute;
    left: -50px;
	top:12px;
	font-size:1rem;
	color: #999;
}
.prize.second .tee:first-child p:before {
	content: '2nd';
    position: absolute;
    left: -50px;
	color: #999;
	font-size:1rem;
}
.prize.third .tee:first-child p:before {
	content: '3rd';
    position: absolute;
    left: -50px;
	color: #999;
	font-size:1rem;
}
.prize.survivor .tee:nth-child(2) p,.prize.survivor .tee:nth-child(3) p {
	width: 100px !important;
}
.survivor.subtitle .tee {
	padding: 0;
}
.survivor.subtitle .tee p {
	border-top: 1px solid #999;
	padding: 10px 0 0 0;
	color:#999;
	font-size: 16px;
	width: 71px;
	text-align: center;
}
.card--message {
	background-color: #c6e09d;
}
.card.box--shadow {
	-webkit-box-shadow: 0px 0px 41px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 41px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 41px -1px rgba(0,0,0,0.75);
	z-index: 1;
}

.card--message p {
		color: #2b2b2b;
	text-transform: uppercase;
}
.divider-text {
    position: relative;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.divider-text span {
    padding: 7px;
    font-size: 12px;
    position: relative;   
    z-index: 2;
}
.divider-text:after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #ddd;
    top: 55%;
    left: 0;
    z-index: 1;
}
.sign--up--card--homepage .btn i {
	margin-right: 5px;
}
.btn-facebook {
    background-color: #405D9D;
    color: #fff;
}
.btn-twitter {
    background-color: #42AEEC;
    color: #fff;
}
.sign--up--main {
	background: linear-gradient(to bottom, #cf5e49 50%, #2c4046 50%);
}
.sign--up--main .pricing-header {
	color: #fff;
}
.sign--up--main .pricing-header span {
	color: #c6e09d;
	font-weight: bold;
}
.sign--up--main .card-header {
	color: #fff;
	text-transform: uppercase;
	border: none;
}
.sign--up--main .white-background {
	background-color: #ccc;
	border: none;
}
.sign--up--main .card-title:not(.membership--fee) {
	color: #73974e;
}
.sign--up--main .card button, .sign--up--main .card a.btn {
	color: #fff;
	text-transform: uppercase;
}
.sign--up--main.sign--up--1 .card:first-child {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}
.sign--up--main.sign--up--1 .card:first-child .card-header {
	border-top-right-radius: 0;
}
.sign--up--main.sign--up--1 .card:nth-child(2) {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
.sign--up--main.sign--up--1 .card:nth-child(3) {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
.sign--up--main.sign--up--1 .card:nth-child(3) .card-header {
	border-top-left-radius: 0;
}
.sign--up--main .email--popup--container h5,.sign--up--main .email--popup--container button{
	color: #fff;
}
.green-background {
	background-color: #c6e09d;
}
.psg--footer {
	background-color: #212121;
}

.psg--footer p, .psg--footer .list-inline-item a {
	color: #ccc;
}
.sign--in--container {
	/*display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;*/
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
	    height: 100%;
}
.form--signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form--signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.form--signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form--signin .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    font-size: 16px;
}
.feature-left .feature-icon {
	font-size: 50px;
	display: flex;
	float: left;
	padding-right: 40px;
	padding-top: 7px;
}
textarea.form-control:not([size]):not([multiple]){
	height: 200px;
	color: #50595e;
}
.form-control {
	 border-radius: 0px;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    height: 56px;
    padding: 14px 18px;
    line-height: 1.42857143;
    border: 1px solid #d2d8db;
    background-color: #fff;
    text-transform: capitalize;
    letter-spacing: 0px;
    margin-bottom: 14px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 1);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 1);
    -webkit-appearance: none;
}
.form-control:focus {
    color: #06131a !important;
    outline: 0;
    box-shadow: 0 0 0 0.1rem rgb(234, 231, 222);
    border-color: #06131a;
}
input::-webkit-input-placeholder {
    color: #50595e !important;
}
textarea::-webkit-input-placeholder {
    color: #50595e !important;
}
.input-group-addon {
    background-color: transparent;
    border: 1px solid #eee;
    border-radius: 0px;
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 12px;
}
.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.service-form {
    background-color: #fafbfb;
    border: 1px solid #e4e8ea;
    padding: 40px 40px 20px 40px;
}

.service-form-group {
    position: relative;
}

.form-icon {
    position: absolute;
    right: 14px;
    bottom: 15px;
    font-size: 13px;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.psg-pulse-a{
  /*background: #4FD1C5;*/
  /*background: linear-gradient(90deg, rgba(129,230,217,1) 0%, rgba(79,209,197,1) 100%);*/
  border: none;
  border-radius: 1000px;
  box-shadow: 2px 2px 4px rgba(255,155,130,.64);
  transition: all 0.3s ease-in-out 0s;
  /*cursor: pointer;
  outline: none;*/
  position:relative;
  top:7px;
  padding: 10px;
  }

/*.psg-pulse-a::before {
  content:'';
  border-radius: 1000px;
  min-width: calc(300px + 12px);
  min-height: calc(60px + 12px);
  border: 6px solid #00FFCB;
  box-shadow: 0 0 60px rgba(0,255,203,.64);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .3s ease-in-out 0s;
}*/

.psg-pulse-a/*, .psg-pulse-a:focus*/ {
  color: #313133;
  transform: translateY(-6px);
}

.psg-pulse-a::before {
  opacity: 1;
}

.psg-pulse-a::after {
  content: '';
  width: 30px; height: 30px;
  border-radius: 50%;
  border: 6px solid #cf5e49;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.5s infinite;
}

psg-pulse-a::after/*, .psg-pulse-a:focus::after*/ {
  animation: none;
  display: none;
}

@keyframes ring {
  0% {
    width: 20px;
    height: 20px;
    opacity: 1;
  }
  100% {
    width: 200px;
    height: 200px;
    opacity: 0;
  }
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media (max-width: 767px){
	.visible--xs, #CompresedMenu {
    	display: block!important;
	}
	.hidden--xs {
		display: none;
	}
	.w-sm-100 .btn{
		width: 100%;
	}
	
	
	
	
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
