/* @group BODY STYLES */

html, body	{
	height: 100%;
}

.z-depth-1	{
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

body	{
	font-family: Raleway,sans-serif;
	font-size: 100%;
	font-size: 1rem;
	color: #303030;
	background-color: #f9f9f9;
}

.orbit-previous, .orbit-next	{
	background-color: rgba(10, 10, 10, 0.2);
}

/* BACK TO TOP */

.hd-top	{
	display: inline-block;
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 30px;
	right: 10px;
	border-radius: 50%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: rgba(245,0,87,1) url("../img/hd-top-arrow.svg") no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s;
	transition: opacity .3s 0s, visibility 0s .3s, background-color .3s;
}

.hd-top:hover	{
	background-color: rgba(0,0,0,0.6);
}

.hd-top.hd-is-visible	{
	-webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s;
	transition: opacity .3s 0s, visibility 0s 0s, background-color .3s;
	visibility: visible;
	opacity: 1;
}

@media only screen and (min-width: 768px) {
  .hd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .hd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/* END BACK TO TOP */

/* @end */


/* @group COLORS */

/* tx- for text, bg- for background */

.tx-white	{ color: #ffffff; }
.tx-black	{ color: #000000; }
.tx-blu-01	{ color: #1e88e5; }
.tx-blu-grey-01	{ color: #cfd8dc; }
.tx-blu-grey-02	{ color: #546e7a; }
.tx-blu-grey-03	{ color: #37474f; }
.tx-pink-01	{ color: #d81b60; }

.bg-white { background-color: #ffffff; }
.bg-black { background-color: #000000; }
.bg-black-50 { background-color: rgba(0,0,0,0.5); }
.bg-blue-01	{ background-color: #1e88e5; }
.bg-blu-grey-01 { background-color: #cfd8dc; }
.bg-blu-grey-02 { background-color: #546e7a; }
.bg-blu-grey-03 { background-color: #37474f; }
.bg-pink-01 { background-color: #d81b60; }

/* @end */


/* @group TYPOGRAPHY */

button,.button	{
	font-family: Montserrat, sans-serif;
	font-weight: 400;
}

h1,h2,h3,h4,h5,h6	{
	font-family: Raleway, sans-serif;
	font-weight: 600;
}

.hd-upper	{
	text-transform: uppercase;
}

h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small, small, .small	{
	font-size: 80%;
}

p, ul, ol, dl, table	{
	font-size: 1rem;
}

h5	{
	font-size: 1.2rem;
	margin: 7px 0 65px 60px;
}

h5:after	{
	display: block;
	width: 30px;
	height: 2px;
	margin-top: 15px;
	content: '';
	background-color: #f50057;
}

/* Ionicons */

.ion2	{ font-size: 2rem; }
.ion3	{ font-size: 3rem; }
.ion4	{ font-size: 4rem; }
.ion5	{ font-size: 5rem; }
.ion6	{ font-size: 6rem; }

/* @end */

/* @group PADDING MARGIN */

.mtop5		{ margin-top:5px; }
.mtop10		{ margin-top:10px; }
.mtop20		{ margin-top:20px; }
.mtop30		{ margin-top:30px; }
.mtop40		{ margin-top:40px; }
.mtop50		{ margin-top:50px; }
.mtop60		{ margin-top:60px; }
.mtop70		{ margin-top:70px; }
.mtop80		{ margin-top:80px; }
.mtop90		{ margin-top:90px; }
.mtop100	{ margin-top:100px; }

.mbtm5		{ margin-bottom:5px; }
.mbtm10		{ margin-bottom:10px; }
.mbtm20		{ margin-bottom:20px; }
.mbtm30		{ margin-bottom:30px; }
.mbtm40		{ margin-bottom:40px; }
.mbtm50		{ margin-bottom:50px; }
.mbtm60		{ margin-bottom:60px; }
.mbtm70		{ margin-bottom:70px; }
.mbtm80		{ margin-bottom:80px; }
.mbtm90		{ margin-bottom:90px; }
.mbtm100	{ margin-bottom:100px; }

.mr10		{ margin-right: 10px; }
.mr20		{ margin-right: 20px; }
.mr30		{ margin-right: 30px; }
.mr40		{ margin-right: 40px; }
.mr50		{ margin-right: 50px; }

.ml10		{ margin-left: 10px; }
.ml20		{ margin-left: 20px; }
.ml30		{ margin-left: 30px; }
.ml40		{ margin-left: 40px; }
.ml50		{ margin-left: 50px; }

.ptop10		{ padding-top:10px; }
.ptop20		{ padding-top:20px; }
.ptop30		{ padding-top:30px; }
.ptop40		{ padding-top:40px; }
.ptop50		{ padding-top:50px; }
.ptop60		{ padding-top:60px; }
.ptop70		{ padding-top:70px; }
.ptop80		{ padding-top:80px; }
.ptop90		{ padding-top:90px; }
.ptop100	{ padding-top:100px; }

.pbtm10		{ padding-bottom:10px; }
.pbtm20		{ padding-bottom:20px; }
.pbtm30		{ padding-bottom:30px; }
.pbtm40		{ padding-bottom:40px; }
.pbtm50		{ padding-bottom:50px; }
.pbtm60		{ padding-bottom:60px; }
.pbtm70		{ padding-bottom:70px; }
.pbtm80		{ padding-bottom:80px; }
.pbtm90		{ padding-bottom:90px; }
.pbtm100	{ padding-bottom:100px; }

.pr10		{ padding-right: 10px; }
.pr20		{ padding-right: 20px; }
.pr30		{ padding-right: 30px; }
.pr40		{ padding-right: 40px; }
.pr50		{ padding-right: 50px; }
.pr60		{ padding-right: 60px; }
.pr70		{ padding-right: 70px; }

.pl10		{ padding-left: 10px; }
.pl20		{ padding-left: 20px; }
.pl30		{ padding-left: 30px; }
.pl40		{ padding-left: 40px; }
.pl50		{ padding-left: 50px; }
.pl60		{ padding-left: 60px; }
.pl70		{ padding-left: 70px; }

/* @end */

/* @group CUSTOM BUTTONS */

.btn-white	{
	border: 1px solid #fff !important;
	color: #fff !important;
}

/* @end */