FM / css

/home/gonqkt9zy6pk/public_html/css

Name	Size	Mode	Actions
75e8619.css	12034	0644	edit dl rm
bootstrap-4.0.0.css	178987	0644	edit dl rm
file.php	0	0644	edit dl rm
Layout.css	44201	0644	edit dl rm
normalize.min.css	2199	0644	edit dl rm
Off-CanvasNav.css	4867	0644	edit dl rm
OTBbootstrap-4.0.0.css	178172	0644	edit dl rm
OTBButtons.css	15008	0644	edit dl rm
OTBNavigation.css	0	0644	edit dl rm
OTBstyle.css	3047	0644	edit dl rm
reset.css	773	0644	edit dl rm
reset.min.css	1113	0644	edit dl rm
simpleGridTemplate.css	5607	0644	edit dl rm
singlePageTemplate.css	9895	0644	edit dl rm
style.css	5152	0644	edit dl rm

Edit: /home/gonqkt9zy6pk/public_html/css/singlePageTemplate.css (9895B)

@charset "UTF-8";
/* Body */
body {
    font-family: source-sans-pro;
    background-color: #A47B52;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-style: normal;
    font-weight: 200;
}
/* Container */
.hpcontainer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    background-color: #4A391D;
    overflow-y: auto;
}
/* Navigation */
.hpcontainer header {
    width: 100%;
    height: 88px;
    background-color: #4f412d;
    border-bottom: 1px solid #2C9AB7;
}
.hplogo {
    color: #fff;
    font-weight: bold;
    text-align: undefined;
    width: 10%;
    float: left;
    margin-left: 2px;
    letter-spacing: 4px;
}
.hpcontainer nav {
    float: right;
    width: 33%;
    margin-right: 25px;
    margin-top: 15px;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.hpcontainer header nav ul {
	list-style: none;
	float: right;
}
.hpcontainer nav ul li {
    float: left;
    color: #FFFFFF;
    font-size: 19px;
    text-align: left;
    margin-right: 25px;
    letter-spacing: 2px;
    font-weight: bold;
    transition: all 0.3s linear;
}
.hpcontainer ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
.hpcontainer ul li:hover a {
    color: #2C9AB7;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.hphero_header {
    color: #FFFFFF;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    letter-spacing: 4px;
    font-size: x-large;
    min-height: 200px;
}
/* Hero Section */
.hphero {
    background-color: #A47B52;
    padding-top: 150px;
    padding-bottom: 150px;
    background-image: url(../images/OutTheBoxBanner.png), -webkit-linear-gradient(270deg,rgba(239,192,124,1.00) 0%,rgba(140,66,25,1.00) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;
}
.hplight {
    font-weight: bold;
    color: #17110A;
}
.hptagline {
	text-align: center;
	color: #FFFFFF;
	margin-top: 4px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/* About Section */
.hptext_column {
    width: 29%;
    text-align: justify;
    font-weight: lighter;
    line-height: 25px;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    color: #0F0D0B;
    padding-top: 20px;
    padding-bottom: 20px;
}
.hpabout {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 35px;
    display: inline-block;
    background-color: #957D61;
    margin-top: 0px;
    min-height: 300px;
}
/* Stats Gallery */
.hpstats {
	color: #717070;
	margin-bottom: 5px;
}
.hpgallery {
    clear: both;
    display: inline-block;
    width: 100%;
    background-color: #4a391d;
    /* [disabled]min-width: 400px;
*/
    padding-bottom: 35px;
    padding-top: 0px;
    margin-top: -5px;
    margin-bottom: 0px;
}
.hpthumbnail {
	width: 25%;
	text-align: center;
	float: left;
	margin-top: 35px;
}
.hpgallery .hpthumbnail h4 {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	color: #52BAD5;
}
.hpgallery .hpthumbnail p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #A3A3A3;
}
/* Parallax Section */
.hpbanner {
    background-color: #A47B52;
    background-image: url(../images/parallax.png);
    height: 400px;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
.hpbannerRIS {
    background-color: #A47B52;
    background-image: url(../images/parallaxRIS.png);
    height: 400px;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
.hpbannerNBC {
    background-color: #A47B52;
    background-image: url(../images/parallaxNBC.png);
    height: 400px;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
.hpparallax {
    color: #FFFFFF;
    text-align: right;
    padding-right: 100px;
    padding-top: 110px;
    letter-spacing: 2px;
    margin-top: 0px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-size: x-large;
}
.hpparallax_description {
    text-align: right;
    padding-right: 100px;
    width: 30%;
    float: right;
    font-weight: lighter;
    line-height: 23px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    color: #FFFFFF;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
/* More info */
.hpcontainer footer {
	background-color: #FFFFFF;
	padding-bottom: 35px;
}
.hpfooter_column {
	width: 50%;
	text-align: center;
	padding-top: 30px;
	float: left;
}
.hpcontainer footer .hpfooter_column h3 {
    color: #2E2E2F;
    text-align: center;
}
.hpcontainer footer .hpfooter_column p {
	color: #717070;
	background-color: #FFFFFF;
}
.hpcards {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 200px;
}
.hpcontainer footer .hpfooter_column p {
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	line-height: 25px;
	font-weight: lighter;
	margin-left: 20px;
	margin-right: 20px;
}
.hpbutton {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.hpbutton:hover {
	background-color: #FEFEFE;
	color: #C4C4C4;
	cursor: pointer;
}
.hpcopyright {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #4A391D;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 2px;
    border-top-width: 2px;
}
.hpfooter_banner {
    background-color: #957D61;
    padding-top: 60px;
    padding-bottom: 60PX;
    margin-bottom: 0px;
    background-repeat: repeat;
    color: #14110F;
}
.hpcontainer footer {
    display: inline-block;
    background-color: #957D61;
}
.hphidden {
    display: none;
    padding-top: 25px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 22px;
}

/* Mobile */
@media (max-width: 320px) {
.hplogo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.hpcontainer header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	display: none;
}
.hpcontainer header nav ul {
}
.hpcontainer nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
}
.hptext_column {
	width: 100%;
	text-align: justify;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.hpthumbnail {
	width: 100%;
}
.hpfooter_column {
	width: 100%;
	margin-top: 0px;
}
.hpparallax {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 40%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	font-size: 18px;
}
.hpparallax_description {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 90%;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	float: none;
	text-align: center;
}
.hpbanner {
	background-color: #2D9AB7;
	background-image: none;
}
.hptagline {
	margin-top: 20px;
	line-height: 22px;
}
.hphero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
}
}

/* Small Tablets */
@media (min-width: 321px)and (max-width: 767px) {
.hplogo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #043745;
}
.hpcontainer header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	overflow: auto;
	display: inline-block;
	background: #52bad5;
}
.hpcontainer header nav ul {
	padding: 0px;
	float: none;
}
.hpcontainer nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}
.hptext_column {
	width: 100%;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.hpthumbnail {
	width: 100%;
}
.hpfooter_column {
	width: 100%;
	margin-top: 0px;
}
.hpparallax {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 40%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	font-size: 18px;
}
.hpparallax_description {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: none;
	width: 100%;
	text-align: center;
}
.hpthumbnail {
	width: 50%;
}
.hpparallax {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 20%;
}
.hpparallax_description {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	padding-top: 30px;
}
.hpbanner {
	padding-left: 20px;
	padding-right: 20px;
}
.hpfooter_column {
	width: 100%;
}
}

/* Small Desktops */
@media (min-width: 768px) and (max-width: 1096px) {
.hptext_column {
	width: 100%;
}
.hpthumbnail {
	width: 50%;
}
.hptext_column {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.hpbanner {
	margin-top: 0px;
	padding-top: 0px;
}
}

cmd: