@charset "utf-8";
/* CSS Document */

/********** MAIN MENU **********/
.large-menu{
	padding-bottom: 10px;
	padding-top: 10px;
}

.title-bar{
	background-color: #FF4343;
	padding-bottom: 5px;
	padding-top: 5px;
}

.title-bar-title{
	color: white;
	font-family: 'Roboto', serif;
	font-weight: 500;
	font-size: 18px;
	padding-left: 3px;
}

.top-bar-mobile{
	margin-top: -16px;
	background-color: #FF4343;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	padding-left: 1.5em;
	/*background-color:hsla(0,0%,0%,0.00) !important;*/
	box-shadow:  0 3px 8px 0 rgba(0, 0, 0, 0.65);
}


.mobile-menu-bg{
	background-color: #FF4343 !important;
	height: 21.25em;
}

.close-mobile-menu-margin{
	margin-top: -3.5em;
}

.open-mobile-menu-margin{
	margin-top: 0em;
}

.fa-bars{
	cursor: pointer;
}

.g-recaptcha{
	cursor: pointer;
}

.top-bar{
	background-color: #FF4343;
	/*@include mui-slide(in, $duration: 5s);*/
}

.top-bar-left{
	background-color: #FF4343;
}

.menu{
	background-color: hsla(0,0%,100%,0.00) !important;
}

.menu-link{
	background-color: hsla(0,0%,100%,0.00);
	font-family: 'Roboto slab', serif;
	color: #FFFFFF;
	font-weight: 400;
	font-size: 24px;
	text-transform: uppercase;
	transition: color 0.3s ease-out;
}

.menu-link:link{
	background-color: hsla(0,0%,100%,0.00);
	font-family: 'Roboto slab', serif;
	color: #FFFFFF;
	font-weight: 400;
	font-size: 24px;
	text-transform: uppercase;
	transition: color 0.3s ease-out;
}

.menu-link:visited{
	color: #ffffff;
}

.menu-link:hover{
	color: #FF4343;
}

.menu-link:active{
	color: #ffffff;
}

.mobile-menu-link{
	font-family: 'Roboto slab', serif;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 400;
	font-size: 24px;
}
.mobile-menu-link:hover{
	color: #ffffff;
}

.mobile-menu-link-white:link{
	color: #ffffff;
	padding-top: 1.5em;
}

.mobile-menu-link-white:visited{
	color: #ffffff;
}

.title-bar-icons:link{
	padding-right: 1.5em;
	color: #ffffff;
}

.title-bar-icons:visited{
	color: #ffffff;
}

/********** HERO HEADERS **********/

.header-text{
	font-family: 'lato', sans-serif;
	color: #ffffff;
	font-weight: 400;
	font-size: 24pt;
	margin-bottom: 3em;
}

.header-logo{
	padding-top: 6em;
	padding-bottom: 3em;
}

.home-hero{
	background-size: cover;
	background-image: url(../hero-img/home-hero.jpg);
	background-color: #000000;
	padding-top: 1em;
	padding-bottom: 6em;
	overflow: hidden;
}

@media screen and (max-width: 63.9375em) {
	.home-hero{
		background-position: 70% 100%;
		}
	}

.cottages-hero{
	background-size: cover;
	background-image: url("../hero-img/cottages-hero.jpg");
	background-color: #000000;
	padding-top: 1em;
	padding-bottom: 6em;
	overflow: hidden;
}

@media screen and (max-width: 63.9375em) {
	.cottages-hero{
		background-position: 20% 100%;
		}
	}

.amenities-hero{
	background-size: cover;
	background-image: url("../hero-img/amenities-hero.jpg");
	background-color: #000000;
	padding-top: 1em;
	padding-bottom: 6em;
	overflow: hidden;
}

@media screen and (max-width: 63.9375em) {
	.amenities-hero{
		background-position: 50% 100%;
		}
	}

.fishing-hero{
	background-size: cover;
	background-image: url("../hero-img/fishing-hero.jpg");
	background-color: #000000;
	padding-top: 1em;
	padding-bottom: 6em;
	overflow: hidden;
}

.rates-hero{
	background-size: cover;
	background-image: url("../hero-img/rates-hero.jpg");
	background-color: #000000;
	background-position: center;
	padding-top: 1em;
	padding-bottom: 6em;
	overflow: hidden;
}

@media screen and (max-width: 63.9375em) {
	.rates-hero{
		background-position: 60% 100%;
		}
	}

/************************************** BUTTONS AND LINKS **************************************/

/********** WHITE CTA BUTTON **********/

.frc-button-wht{
	font-family: 'Roboto slab', serif;
	font-weight: 400;
	font-size: 18pt;
	text-transform: uppercase;
	color: #2B2B2B;
	background-color: #ffffff;
	border: none;
	border-radius: 3px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 1.1em;
	padding-top: 1.1em;
	padding-left: 3.2em;
	padding-right: 3.2em;
	transition: color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}

@media screen and (max-width: 39.9375em) {
	.frc-button-wht{
	padding-left: 1.2em;
	padding-right: 1.2em;
	}
}

.frc-button-wht:link{
	font-family: 'Roboto slab', serif;
	font-weight: 400;
	font-size: 18pt;
	text-transform: uppercase;
	color: #2B2B2B;
	background-color: #ffffff;
	border: none;
	border-radius: 3px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 1.1em;
	padding-top: 1.1em;
	padding-left: 3.2em;
	padding-right: 3.2em;
}

.frc-button-wht:visited{
	color: #2B2B2B;
	background-color: #ffffff;
}

.frc-button-wht:hover{
	color: #ffffff;
	background-color: #FF4343;
}

.frc-button-wht:active{
	color: #2B2B2B;
	background-color: #ffffff;
}

/********** RED CTA BUTTON **********/

.frc-button-red:link{
	font-family: 'Roboto slab', serif;
	font-weight: 400;
	font-size: 18pt;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #FF4343;
	border: none;
	border-radius: 3px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 1.1em;
	padding-top: 1.1em;
	padding-left: 3.2em;
	padding-right: 3.2em;
}

.frc-button-red:visited{
	color: #ffffff;
	background-color: #FF4343;
}

.frc-button-red:active{
	color: #ffffff;
	background-color: #FF4343;
}

.frc-button-red:hover{
	color: #ffffff;
	background-color: #FF2626;
}

.photo-margin{
	margin-top: 2em;
}

.page-link:link{
	font-family: 'lato', serif;
	color: #FF4343;
	font-weight: 400;
	font-size: 16pt;
	transition: color 0.3s ease-out;
}

.page-link:visited{
	color: #FF4343;
}

.page-link:acvite{
	color: #FF4343;
}

.page-link:hover{
	color: #FF2626;
}

/************************************** CONTACT FORM LINKS **************************************/

.contact-form-links:link{
	font-family: 'lato', serif;
	color: #ffffff;
	font-weight: 400;
	font-size: 16pt;
	transition: color 0.3s ease-out;
}

.contact-form-links:visited{
	color: #ffffff;
}

.contact-form-links:acvite{
	color: #ffffff;
}

.contact-form-links:hover{
	color: #FF4343;
}

.contact-link-padding{
	padding-top: 2em;
}

/************************************** TO THE TOP BUTTON **************************************/
#button {
  display: inline-block;
text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  background-color: hsla(0,100%,63%,0.80);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 3px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .3s, visibility .3s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  font: var(--fa-font-solid);
  content: "\f077";
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #FF4343;
}
#button:active {
  background-color: #7E0C0C;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 500px) {

  #button {
    margin: 30px;
  }
}

/************************************** TEXT AND HEADERS **************************************/

.section-header{
	padding-top: 1em;
	padding-bottom: 1em;
	font-family: 'Roboto slab', serif;
	color: #2B2B2B;
	font-size: 34pt;
	font-weight: 600;
	text-transform: uppercase;
}

@media screen and (max-width: 25em) {
	.section-header{
		font-size: 30pt;
	}
}

.section-header-white{
	padding-top: 1em;
	padding-bottom: 1em;
	font-family: 'Roboto slab', serif;
	color: #ffffff;
	font-size: 34pt;
	font-weight: 600;
	text-transform: uppercase;
}

.section-sub-header{
	padding-top: 1em;
	padding-bottom: .1em;
	font-family: 'Roboto slab', serif;
	color: #2B2B2B;
	font-size: 16pt;
	font-weight: 600;
	text-transform: uppercase;
}

p{
	font-family: 'lato', sans-serif;
	color: #2B2B2B;
	font-weight: 400;
	font-size: 16pt;
}

.small-print{
	font-family: 'lato', sans-serif;
	color: #2B2B2B;
	font-weight: 400;
	font-size: 12pt;
}
/************************************** BACKGROUND IMAGES **************************************/

body{
	background-image: url("../img/page-bg.jpg");
	/*background-size: cover;*/
	background-repeat: repeat;
	background-color: white;
}

.home-about-img-bg{
	background-image: url("../img/home-about-frog-rapids-bg.png");
	background-repeat: no-repeat;
	background-position: right 50%;
}

.home-fishing-img-bg{
	background-image: url("../img/home-fishing-frog-rapids-bg.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 3.5em;
}

.home-cabins-img-bg{
	background-image: url("../img/home-cabins-frog-rapids-bg.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 60% 100%;
	margin-bottom: 3.5em;
}

.cottages-img-bg{
	background-image: url("../img/cottages-frog-rapids-bg.png");
	background-repeat: no-repeat;
	background-position: right top;
	/*background-size: auto 90%;*/
	margin-top: 2em;
	margin-bottom: 1em;
	padding-bottom: 6em;
}

.cottages-gallery{
	margin-bottom: 3.5em;
}

.amenities-lodge-img-bg{
	background-image: url("../img/amenities-lodge-bg.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}

.amenities-docks-img-bg{
	background-image: url("../img/amenities-docks-bg.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 3.5em;
}

.amenities-fishhouse-img-bg{
	background-image: url("../img/amenities-fishhouse-bg.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 60% 100%;
	margin-bottom: 5.5em;
}

.amenities-sioux-img-bg{
	background-image: url("../img/amenities-sioux-bg.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 50% 100%;
	margin-bottom: 5.5em;
}

.fishing-camp-img-bg{
	background-image: url("../img/fishing-camp-bg.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto 90%;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-bottom: 6em;
}

.fishing-lac-seul-img-bg{
	background-image: url("../img/fishing-lac-seul-bg.png");
	background-repeat: no-repeat;
	background-position: left 1.25em;
	margin-bottom: 1em;
	padding-bottom: 10em;
	background-size: 60% 100%;
}

/* HIDE BG ON SMALLER SCREENS */
@media screen and (max-width: 63.9375em) {
	
	.home-about-img-bg {
		background-image: none;
	}
	
	.home-fishing-img-bg {
		background-image: none;
	}
	
	.home-cabins-img-bg {
		background-image: none;
	}
	
	.cottages-img-bg{
		background-image: none;
	}
	
	.amenities-lodge-img-bg{
		background-image: none;
	}
	
	.amenities-docks-img-bg{
		background-image: none;
		margin-bottom: 0em;
	}
	
	.amenities-fishhouse-img-bg{
		background-image: none;
		margin-bottom: 1em;
	}
	
	.amenities-sioux-img-bg{
		background-image: none;
		margin-bottom: 1em;
}
	
	.fishing-camp-img-bg{
		background-image: none;
		margin-top: 0em;
		margin-bottom: 1em;
		padding-bottom: 0em;
	}
	
	.fishing-lac-seul-img-bg{
		background-image: none;
		padding-bottom: 1em;
	}
}

/********** CONTACT FORM BACKGROUND **********/
.contact-bg{
	background-size: cover;
	background-image: linear-gradient(rgba(0,0,0,0)50%, rgba(0,0,0,1)), url("../hero-img/contact-hero.jpg");
	background-color: #000000;
	padding-top: 1em;
	padding-bottom: 1em;
	overflow: hidden;
}

@media screen and (max-width: 63.9375em) {
	.contact-bg{
		background-position: 60% 100%;
		}
	}

@media screen and (max-width: 70.125em) {
	.contact-bg{
		background-position: 60% 100%;
		}
	}

/********** HOME ABOUT POLALROID PHOTOS **********/

.photo-container {
        width: 391px;
        height: 245px;
        position: relative;
        margin: 30px;
      }

.top-photo{
	z-index: 2;
	margin-top: 2em;
}

.photo-box {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
	 	margin-left: 3em;
      }

.photo-overlay {
        z-index: 1;
        margin-left: 24em;
		margin-top: -1em;
		transition: all 0.3s ease;
      }

.photo-overlay:hover {
        z-index: 3;
	margin-left: 23em;
	margin-top: -.75em;
      }

.polaroid{
	width: 391px;
	background: #fff;
	padding: .65rem;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
}

 .caption {
	 	font-family: 'Reenie Beanie', cursive;
        font-size: 1.8rem;
        text-align: center;
        line-height: 2em;
      }

/********** HOME ABOUT POLALROID PHOTOS FOR MEDIUM SCREENS **********/

@media screen and (max-width: 101.8em) {
	
	.photo-overlay { 
        margin-left: 16em;
      }
	
	.photo-overlay:hover {
        z-index: 3;
	margin-left: 15em;
	margin-top: -.75em;
      }
	
	.top-photo{
		margin-left: 0em;
	}
}

@media screen and (max-width: 85.8em) {
	
	.polaroid{
		width: 293px;
	}
	
	.polaroid-photo{
		width: 293px;
        height: 184px;	
	}
	
	.photo-container {
        width: 293px;
        height: 184px;
        position: relative;
        margin: 30px;
      }
	
	.photo-overlay {
		margin-top: 1em;
        margin-left: 11em;
      }
	
	.photo-overlay:hover {
        z-index: 3;
	margin-left: 10em;
	margin-top: 1.25em;
      }
	
	.top-photo{
		margin-top: 4em;
		margin-left: 0em;
	}
	.caption{
		 font-size: 1rem;
	}
}

/********** HOME FISHING POLALROID PHOTOS **********/

.fishing-photo-container {
        width: 391px;
        height: 245px;
        position: relative;
        margin: -10px;
		margin-left: -12em;
      }

.fishing-top-photo{
	z-index: 1;
	margin-top: 8em;
	transition: all 0.3s ease;
}

.fishing-top-photo:hover{
	z-index: 2;
	margin-top: 7em;
	margin-left: 1.25em;
}

.fishing-photo-box {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
	 	margin-left: 1em;
      }

.fishing-photo-overlay {
        z-index: 1;
        margin-left: 20em;
		margin-top: -1em;
      }

.fishing-polaroid{
	width: 391px;
	background: #fff;
	padding: .65rem;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
}

 .fishing-caption {
	 	font-family: 'Reenie Beanie', cursive;
        font-size: 1.8rem;
        text-align: center;
        line-height: 2em;
      }

/********** FISHING POLALROID PHOTOS FOR MEDIUM SCREENS **********/

@media screen and (max-width: 101.8em) {
	
	.fishing-photo-container {
		margin-left: -10em;
      }
}

@media screen and (max-width: 92.2em) {
	
	.fishing-polaroid{
		width: 371;
	}
	
	.fishing-polaroid-photo{
		width: 371;
        height: 232;	
	}
	
	.fishing-photo-container {
        width: 371;
        height: 232;
        position: relative;
        margin: 30px;
		margin-left: 0em;
      }
	
	.fishing-photo-overlay {
		margin-top: -2em;
        margin-left: 11em;
      }
	
	.fishing-top-photo{
		margin-top: 4em;
		margin-left: 0em;
		
	}
	
	.fishing-top-photo:hover{
		margin-top: 3em;
		margin-left: .25em;
	}
	.fishing-caption{
		 font-size: 1rem;
	}
}


@media screen and (max-width: 75.2em) {
	
	.fishing-polaroid{
		width: 293px;
	}
	
	.fishing-polaroid-photo{
		width: 293px;
        height: 184px;	
	}
	
	.fishing-photo-container {
        width: 293px;
        height: 184px;
        position: relative;
        margin: 30px;
		margin-left: -.2em;
      }
	
	.fishing-photo-overlay {
		margin-top: 1em;
        margin-left: 11em;
      }
	
	.fishing-top-photo{
		margin-top: 4em;
		margin-left: 0em;
	}
	
	.fishing-top-photo:hover{
		margin-top: 3em;
		margin-left: .25em;
	}
	
	.fishing-caption{
		 font-size: 1rem;
	}
}

/********** HOME CABINS POLALROID PHOTOS **********/

.cabin-photo-container {
        width: 391px;
        height: 245px;
        position: relative;
        margin: 30px;
      }

.cabin-top-photo{
	z-index: 2;
	
}

.cabin-photo-box {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
	 	margin-left: 3em;
      }

.cabin-photo-overlay {
        z-index: 1;
        margin-left: 24em;
		margin-top: -4em;
		transition: all 0.3s ease;
      }
.cabin-photo-overlay:hover {
        z-index: 3;
        margin-left: 23em;
		margin-top: -3.75em;
		
      }

.cabin-polaroid{
	width: 391px;
	background: #fff;
	padding: .65rem;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
}

 .cabin-caption {
	 	font-family: 'Reenie Beanie', cursive;
        font-size: 1.8rem;
        text-align: center;
        line-height: 2em;
      }

/********** HOME CABINS POLALROID PHOTOS FOR MEDIUM SCREENS **********/

@media screen and (max-width: 101.8em) {
	
	.cabin-photo-overlay { 
        margin-left: 16em;
      }
	.cabin-photo-overlay:hover { 
        margin-left: 15.75em;
      }
	
	.cabin-top-photo{
		margin-left: 0em;
	}
}

@media screen and (max-width: 85.8em) {
	
	.cabin-polaroid{
		width: 293px;
	}
	
	.cabin-polaroid-photo{
		width: 293px;
        height: 184px;	
	}
	
	.cabin-photo-container {
        width: 293px;
        height: 184px;
        position: relative;
        margin: 30px;
      }
	
	.cabin-photo-overlay {
		margin-top: -4em;
        margin-left: 11em;
      }
	.cabin-photo-overlay:hover {
		margin-top: -3em;
        margin-left: 10.75em;
      }
	
	.cabin-top-photo{
		margin-top: 4em;
		margin-left: 0em;
	}
	.cabin-caption{
		 font-size: 1rem;
	}
}

/************************************** CONTACT FORM STYLES **************************************/

.grecaptcha-badge { visibility: hidden; }

.recap-branding{
	color: #ffffff;
	padding-bottom: 2em;
}

.contact-form{
	font-family: 'lato', sans-serif;
	font-weight: 400;
	font-size: 16pt;
	color: #2B2B2B;
	
	}


input{
  -webkit-transition: background-color .3s ease-out!important;
  -moz-transition: background-color .3s ease-out!important;
  -o-transition: background-color .3s ease-out!important;
  transition: background-color .3s ease-out!important;
}

::placeholder {
    color: #C1C1C1!important;
	opacity: 1;
}

input:hover{
	background-color: #FFE1E1;
}

input:focus{
	
}

textarea{
	 -webkit-transition: background-color .3s ease-out!important;
  -moz-transition: background-color .3s ease-out!important;
  -o-transition: background-color .3s ease-out!important;
  transition: background-color .3s ease-out!important;
}
textarea:hover{
	background-color: #FFE1E1;
}
textarea:focus{
	
	background-color: #ffffff;
}

/********** INPUT PLACEHOLDER TEXT COLOUR **********/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#2B2B2B}
input::-moz-placeholder,textarea::-moz-placeholder{color:#2B2B2B}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#2B2B2B}
input::placeholder,textarea::placeholder{color:#2B2B2B}

.status-msg-good{
	font-family: 'lato', sans-serif;
	color: #7C947C;
	font-weight: 400;
	font-size: 16pt;
}

.status-msg-bad{
	font-family: 'lato', sans-serif;
	color: #FF4343;
	font-weight: 600;
	font-size: 16pt;
}

/************************************** FOOTER STYLES **************************************/

.weather{
	padding-top: 2em;
}

.footer-links{
	padding-top: 6em;
	padding-bottom: 2em;
	background-color: #000000;
}

.footer-menu-link{
	font-family: 'Roboto slab', serif;
	color: #FFFFFF;
	font-weight: 400;
	font-size: 20px;
	text-transform: uppercase;
	transition: color 0.3s ease-out;
	padding-left: .3em;
	padding-right: .3em;
}
.footer-menu-link:hover{
	color: #FF4343;
}

.footer-copy{
	padding-top: 2em;
	font-family: 'lato', sans-serif;
	color: #FFFFFF;
	font-weight: 400;
	font-size: 20px;
}

.logos{
		padding-top: 2em;
	padding-bottom: 8em;
}
.orgs{
	position: relative;
	/*text-align: left;*/
}

.orgs a{
	position: absolute;
}

.logo{
	padding-top: 1em;
	
	z-index: 100;
  	transition: opacity 0.3s linear;
}

.logo:hover {
  opacity: 0;
  }

.logo-red{
	opacity: 0;
transition: opacity 0.3s linear;
padding-top: 1em;
	/* position: absolute;
	 z-index: 2;*/
}
.orgs:hover > .logo-red{
	opacity: 1;
}

.mobile-logo{
	padding-top: 1em;
}

/************************************** RATES PAGE STYLES **************************************/

.cottage-rates{
	margin-top: 2em;
	margin-bottom: 1em;
}

.price{
	font-size: 20pt;
	font-weight: bold;
}

.rates-top-margin{
	margin-top: 2em;
}

.credit-cards{
	color: #ff4343;
}
.fa-brands{
	margin-right: .25em;
}

@media screen and (max-width: 35em) {
	.fa-brands{
		font-size: 42pt;
	}
}

/********************** RATES CARD STYLES *********************/

.rate-image{
	display: block;
}

.rates-header{
	font-family: 'lato', sans-serif;
	color: #2B2B2B;
	font-size: 16pt;
	font-weight: bold;
	margin: .5em 0em;
}

.rates-price{
	font-family: 'lato', sans-serif;
	color: #2B2B2B;
	font-size: 16pt;
	font-weight: bold;
	margin-top: 1em;
}

.per-night{
	font-size: 12pt;
	font-weight: 400;
	color: #ff4343;
}

.icon-spacing{
	padding-left: 1em;
}

hr{
	border: 1px solid #E5E5E5;
	border-radius: 5px;
}

.rate-text{
	
	padding: .5em 1em;
}

.rate-item{
	border-radius: 3px;
	margin: 1em 1em;
	background-color: white;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
}