/*!
 * Start Bootstrap - One Page Wonder v5.0.7 (https://startbootstrap.com/template-overviews/one-page-wonder)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-one-page-wonder/blob/master/LICENSE)
 */

body {
	font-family: 'Lato';
	color: #575757;
}

a {
	color: #1ab;
}

a:hover {
	color: #22bbcc;
}

.opacity50 {opacity: 0.5;}
.upperCase {
	text-transform: uppercase;
	letter-spacing: .1rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Catamaran';
	font-weight: 800 !important;
}

h1.linethrough {
	overflow: hidden;
	text-align: center;
}
h1.linethrough:before,
h1.linethrough:after {
	width: 50%;
	content: "";
	height: 1px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #d3d3d3;
}
h1.linethrough:before {
	right: 0.5em;
	margin-left: -50%;
}
h1.linethrough:after {
	left: 0.5em;
	margin-right: -50%;
}
h2.linethrough {
	overflow: hidden;
	text-align: center;
}
h2.linethrough:before,
h2.linethrough:after {
	width: 50%;
	content: "";
	height: 1px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #d3d3d3;
}
h2.linethrough:before {
	right: 0.5em;
	margin-left: -50%;
}
h2.linethrough:after {
	left: 0.5em;
	margin-right: -50%;
}
h2.mainTitle {
	font-size: 2.5em !important;
	font-weight: lighter !important;
}


h3.linethrough {
	overflow: hidden;
	text-align: center;
}
h3.linethrough:before,
h3.linethrough:after {
	width: 50%;
	content: "";
	height: 1px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #d3d3d3;
}
h3.linethrough:before {
	right: 0.5em;
	margin-left: -50%;
}
h3.linethrough:after {
	left: 0.5em;
	margin-right: -50%;
}

.section2 {
	background-color: #1ab;
	color: #fff !important;
}
.section3 {
	/*background-color: rgba(129, 216, 147, 0.24);*/
}
.section4 {
	background-color: #11aabba6;
	color: #fff !important;
}
.section5 {
	background-color: rgb(120, 212, 150);
	color: #fff !important;
}

.btn-xl {
	text-transform: uppercase;
	padding: 1.5rem 3rem;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.1rem;
}

.bg-black {
	background-color: #000 !important;
}

.rounded-pill {
	border-radius: 5rem;
}

.navbar-custom {
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-top: 2px solid #1ab;
	background-color: rgba(0, 0, 0, 0.6);
}

.navbar-custom .navbar-brand {
	text-transform: uppercase;
	font-size: 1rem;
	letter-spacing: 0.1rem;
	font-weight: 700;
}

.navbar-custom .navbar-nav .nav-item .nav-link {
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.1rem;
}

.navbar .active {
	color: #1ab;
}

.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1rem;
	padding-left: .5rem;
}

header.mastheadSub {
	box-shadow: 0 50px 500px rgba(0,0,0,.17) inset;
	position: relative;
	overflow: hidden;
	padding-top: calc(6rem + 72px);
	padding-bottom: 7rem;
	background: linear-gradient(0deg,#FFF 0%,#28CDFF0A 100%);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;
}

header.masthead {
    position: relative;
    overflow: hidden;
    padding-bottom: 7rem;
	padding-top: calc(2rem + 72px);
    background: linear-gradient(0deg,#11AABB 0%,#48a5e4 100%);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
}

header.masthead .masthead-content, .mastheadSub {
	z-index: 1;
	position: relative;
}

header.masthead .masthead-content .masthead-heading {
	font-size: 4rem;
}

header.masthead .masthead-content .masthead-subheading {
	font-size: 2rem;
}

.circle-bg:before {
	position: absolute;
	top: 20%;
	right: 30%;
	content: '';
	opacity: 1;
	width: 120px;
	height: 120px;
	background: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.circle-bg:after {
	position: absolute;
	top: 40%;
	left: 30%;
	content: '';
	opacity: 1;
	width: 200px;
	height: 200px;
	background: rgba(255, 255, 255, 0.15);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

}

.circle-bg2:before {
	position: absolute;
	top: -2%;
	left: 7%;
	content: '';
	opacity: 1;
	width: 100px;
	height: 100px;
	background: rgba(255, 255, 255, 0.1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.circle-bg2:after {
	position: absolute;
	bottom: 10%;
	right: 2%;
	content: '';
	opacity: 1;
	width: 150px;
	height: 150px;
	background: rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

.box {
	margin: 0;
	padding: 0;
	transition: .3s;
	list-style-type: none;
	-webkit-transition: .3s;
}
.box:hover {box-shadow: 0 8px 12px 0 rgba(0,0,0,0.1);}
.box li {
	padding: 20px;
	text-align: center;
	border-bottom: 1px solid rgba(57, 57, 57, 0.1);
}
.columns {
	float: left;
	width: 100%;
	border-radius: 6px;
	background-color: rgba(201, 201, 201, 0.3);
}
.columns:hover {
	background-color: rgba(226, 223, 223, 0.3);
}

.columns:hover .transparentBackground {
	border-color: #1ab !important;
	background-color: #1ab !important;
}
xr
.hostingBackground {
	background: #9cc06a;
}
.downloadBackground {
	background: #1ab;
}

#adminPanel {margin-top: 67px !important;}

.modalBackground {
	background-color: rgba(242, 242, 242, 0.95);
}
.modal-header,.modal-footer {
	border: none !important;
}
.close {
	color: red;
	opacity: 0.56 !important;
	text-shadow: none !important;
}
.primaryBackground {
	background-color: #1ab !important;
	padding: 20px;
	color: #fff !important;
}
.secondaryBackground {
	padding: 20px;
	background: rgba(183, 183, 183, 0.3) !important;
}
.secondaryTitleColor {
	color: #1ab;
}
.secondaryFontColor {
	color: #575757;
}
.goldFont {color:#cbab00;}
.redFont {rgba(255, 0, 0, 1);}
.whiteFont {color: #fff !important;}
.whiteFont a {color: #fff !important;}
.cursorPointer {cursor: pointer;}

.bg-primary {
	background-color: #09818f !important;
}

.btn-primary {
	background-color: #09818f !important;
	border-color: #09818f !important;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
	background-color: #11aabb !important;
	border-color: #11aabb !important;
}

.btn-primary:focus {
	box-shadow: 0 0 0 0.2rem rgba(1, 115, 180, 0.5);
}

.btn-secondary {
	background-color: #ff6a00;
	border-color: #ff6a00;
}

.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
	background-color: #cc5500 !important;
	border-color: #cc5500 !important;
}

.btn-secondary:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 106, 0, 0.5);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #fff !important;
	background-color: rgba(17, 170, 187, 0.8) !important;
	border: none !important;
}
.nav-tabs, .nav-link {
	border: none !important;
}
.nav-link .nav-tabs {
	display: block;
	padding: .5rem 5rem !important;
}

.gitIcon, .twitIcon {
	font-size: 3em;
	color: #fff !important;
}

.svg-checkmark {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%2311aabbd1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M15.354 2.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L8 9.293l6.646-6.647a.5.5 0 01.708 0z' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M1.5 13A1.5 1.5 0 003 14.5h10a1.5 1.5 0 001.5-1.5V8a.5.5 0 00-1 0v5a.5.5 0 01-.5.5H3a.5.5 0 01-.5-.5V3a.5.5 0 01.5-.5h8a.5.5 0 000-1H3A1.5 1.5 0 001.5 3v10z' clip-rule='evenodd'/%3E%3C/svg%3E");
	padding: 3rem !important;
	width: 15em;
	height: 15em;
	display: block;
	margin: 0 auto;
}

.svg-arrows {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%2311aabbd1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M9.5 2.036a.5.5 0 01.5.5v3.5h3.5a.5.5 0 010 1h-4a.5.5 0 01-.5-.5v-4a.5.5 0 01.5-.5z' clip-rule='evenodd'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M14.354 1.646a.5.5 0 010 .708l-4.5 4.5a.5.5 0 11-.708-.708l4.5-4.5a.5.5 0 01.708 0zm-7.5 7.5a.5.5 0 010 .708l-4.5 4.5a.5.5 0 01-.708-.708l4.5-4.5a.5.5 0 01.708 0z' clip-rule='evenodd'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M2.036 9.5a.5.5 0 01.5-.5h4a.5.5 0 01.5.5v4a.5.5 0 01-1 0V10h-3.5a.5.5 0 01-.5-.5z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
	padding: 3rem !important;
	width: 15em;
	height: 15em;
	display: block;
	margin: 0 auto;
}

.svg-features {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M14.5 13.5h-13A.5.5 0 011 13V6a.5.5 0 01.5-.5h13a.5.5 0 01.5.5v7a.5.5 0 01-.5.5zm-13 1A1.5 1.5 0 010 13V6a1.5 1.5 0 011.5-1.5h13A1.5 1.5 0 0116 6v7a1.5 1.5 0 01-1.5 1.5h-13zM2 3a.5.5 0 00.5.5h11a.5.5 0 000-1h-11A.5.5 0 002 3zm2-2a.5.5 0 00.5.5h7a.5.5 0 000-1h-7A.5.5 0 004 1z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
	padding: 3rem !important;
	width: 15em;
	height: 15em;
	display: block;
	margin: 0 auto;
}

.svg-smiley {
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' fill='%2388D4DD' focusable='false' data-prefix='far' data-icon='smile-beam' class='svg-inline--fa fa-smile-beam fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm84-143.4c-20.8 25-51.5 39.4-84 39.4s-63.2-14.3-84-39.4c-8.5-10.2-23.6-11.5-33.8-3.1-10.2 8.5-11.5 23.6-3.1 33.8 30 36 74.1 56.6 120.9 56.6s90.9-20.6 120.9-56.6c8.5-10.2 7.1-25.3-3.1-33.8-10.2-8.4-25.3-7.1-33.8 3.1zM136.5 211c7.7-13.7 19.2-21.6 31.5-21.6s23.8 7.9 31.5 21.6l9.5 17c2.1 3.7 6.2 4.7 9.3 3.7 3.6-1.1 6-4.5 5.7-8.3-3.3-42.1-32.2-71.4-56-71.4s-52.7 29.3-56 71.4c-.3 3.7 2.1 7.2 5.7 8.3 3.4 1.1 7.4-.5 9.3-3.7l9.5-17zM328 152c-23.8 0-52.7 29.3-56 71.4-.3 3.7 2.1 7.2 5.7 8.3 3.5 1.1 7.4-.5 9.3-3.7l9.5-17c7.7-13.7 19.2-21.6 31.5-21.6s23.8 7.9 31.5 21.6l9.5 17c2.1 3.7 6.2 4.7 9.3 3.7 3.6-1.1 6-4.5 5.7-8.3-3.3-42.1-32.2-71.4-56-71.4z'%3E%3C/path%3E%3C/svg%3E");	padding: 3rem !important;
	width: 14.4em;
	height: 15em;
	display: block;
	margin: 0 auto;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

@media (min-width: 320px) and (max-width: 480px) {
	.svg-checkmark {
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%2311aabbd1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M15.354 2.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L8 9.293l6.646-6.647a.5.5 0 01.708 0z' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M1.5 13A1.5 1.5 0 003 14.5h10a1.5 1.5 0 001.5-1.5V8a.5.5 0 00-1 0v5a.5.5 0 01-.5.5H3a.5.5 0 01-.5-.5V3a.5.5 0 01.5-.5h8a.5.5 0 000-1H3A1.5 1.5 0 001.5 3v10z' clip-rule='evenodd'/%3E%3C/svg%3E");
		padding: 1rem;
	}
	
	.svg-arrows {
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%2311aabbd1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M9.5 2.036a.5.5 0 01.5.5v3.5h3.5a.5.5 0 010 1h-4a.5.5 0 01-.5-.5v-4a.5.5 0 01.5-.5z' clip-rule='evenodd'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M14.354 1.646a.5.5 0 010 .708l-4.5 4.5a.5.5 0 11-.708-.708l4.5-4.5a.5.5 0 01.708 0zm-7.5 7.5a.5.5 0 010 .708l-4.5 4.5a.5.5 0 01-.708-.708l4.5-4.5a.5.5 0 01.708 0z' clip-rule='evenodd'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M2.036 9.5a.5.5 0 01.5-.5h4a.5.5 0 01.5.5v4a.5.5 0 01-1 0V10h-3.5a.5.5 0 01-.5-.5z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
		padding: 1rem;
	}
	
	.svg-features {
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='%23ffffff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M14.5 13.5h-13A.5.5 0 011 13V6a.5.5 0 01.5-.5h13a.5.5 0 01.5.5v7a.5.5 0 01-.5.5zm-13 1A1.5 1.5 0 010 13V6a1.5 1.5 0 011.5-1.5h13A1.5 1.5 0 0116 6v7a1.5 1.5 0 01-1.5 1.5h-13zM2 3a.5.5 0 00.5.5h11a.5.5 0 000-1h-11A.5.5 0 002 3zm2-2a.5.5 0 00.5.5h7a.5.5 0 000-1h-7A.5.5 0 004 1z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
		padding: 1rem !important;
	}
	
	.svg-smiley {
		background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' fill='%2388D4DD' focusable='false' data-prefix='far' data-icon='smile-beam' class='svg-inline--fa fa-smile-beam fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm84-143.4c-20.8 25-51.5 39.4-84 39.4s-63.2-14.3-84-39.4c-8.5-10.2-23.6-11.5-33.8-3.1-10.2 8.5-11.5 23.6-3.1 33.8 30 36 74.1 56.6 120.9 56.6s90.9-20.6 120.9-56.6c8.5-10.2 7.1-25.3-3.1-33.8-10.2-8.4-25.3-7.1-33.8 3.1zM136.5 211c7.7-13.7 19.2-21.6 31.5-21.6s23.8 7.9 31.5 21.6l9.5 17c2.1 3.7 6.2 4.7 9.3 3.7 3.6-1.1 6-4.5 5.7-8.3-3.3-42.1-32.2-71.4-56-71.4s-52.7 29.3-56 71.4c-.3 3.7 2.1 7.2 5.7 8.3 3.4 1.1 7.4-.5 9.3-3.7l9.5-17zM328 152c-23.8 0-52.7 29.3-56 71.4-.3 3.7 2.1 7.2 5.7 8.3 3.5 1.1 7.4-.5 9.3-3.7l9.5-17c7.7-13.7 19.2-21.6 31.5-21.6s23.8 7.9 31.5 21.6l9.5 17c2.1 3.7 6.2 4.7 9.3 3.7 3.6-1.1 6-4.5 5.7-8.3-3.3-42.1-32.2-71.4-56-71.4z'%3E%3C/path%3E%3C/svg%3E");	padding: 3rem !important;
		padding: 1rem !important;
	}
}

@media (min-width: 992px) {
	header.masthead {
	padding-top: calc(8rem + 55px);
	padding-bottom: 10rem;
	}
	header.masthead .masthead-content .masthead-heading {
	font-size: 6rem;
	}
	header.masthead .masthead-content .masthead-subheading {
	font-size: 4rem;
	}
}


.fa-github::before {
	content: "\f09b";
}

.fab {
	font-family: "Font Awesome 5 Brands";
}

.fa, .fab, .fal, .far, .fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}