﻿/* ========== ADJUSTMENTS OF QNAP HEADER AND FOOTER ========== */

#Main_Menu_wrap_false {
	display: none !important;
}

@media (min-width: 1000px) {
	.mainHeader {
		position: absolute !important;
	}
	.ftrBlock {
		padding-top: 50px;
	}
}

.addthis_sharing_toolbox {
	width: 338px;
	margin: 0px auto 60px;
	filter: alpha(Opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: 99;
}

.addthis_sharing_toolbox a .at-icon-wrapper {
	border-radius: 4px;
}

@media screen and (min-width: 1000px) {
	.addthis_sharing_toolbox {
		/* filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;  */
		position: absolute;
		top: 100px;
		left: 50%;
		margin-left: 160px;
	}
}


/* =========================================================== */

.sqfk-article .sqfk-keyvision {
	background-color: #4ba5a5;
	background-size: cover;
	background-position: center;
	background-image: url(../images/sqfk-r2-header-bkd2.jpg);
	padding-bottom: 100px;
}

#sqss .sqss-regular .sqss-slide-block {
	width: 260px;
	height: 155px;
	margin-left: -130px;
}

@media (min-width: 360px) {
	#sqss .sqss-regular .sqss-slide-block {
		width: 300px;
		height: 150px;
		margin-left: -150px;
	}
}

@media (min-width: 720px) {
	#sqss .sqss-regular .sqss-slide-block {
		width: 640px;
		height: 320px;
		margin-left: -320px;
	}
}

@media (min-width: 1000px) {
	#sqss .sqss-regular .sqss-slide-block {
		width: 720px;
		height: 360px;
		margin-left: -360px;
	}
}

@media (min-width: 1000px) {
	#sqss .sqss-regular .sqss-slide-caption {
		height: 72px;
	}
}


/*#levelsync ul li:nth-child(1) {
	padding-top: 20px;
	background-color: #A51200;
}
#levelsync ul li:nth-child(1) h4 .label, #levelsync ul li:nth-child(1) p {
	color: #FFFFFF;
}*/


/* GO TOP */

#back-top {
	position: fixed;
	bottom: 30px;
	right: 20px;
}

#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	color: #000;
}


/* arrow icon (span tag) */

#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: url('../images/back_top.png') rgba(100, 100, 100, 0.3) no-repeat center center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover span {
	background-color: rgba(100, 100, 100, 0.5);
}


/* f03 - More backup solutions */

.banner_link:after {
	display: block;
	clear: both;
	content: "";
}

.banner_link ul {
	float: left;
	width: 46%;
	margin: 0 3% 15px 2%;
	cursor: pointer;
}

.banner_link ul:nth-child(2n+1) {
	margin: 0 0 15px 3%;
}

.banner_link ul li {
	text-align: center;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.banner_link ul li:nth-child(1) {
	height: 200px;
	width: 100%;
	background-size: cover;
	background-position: top;
	-webkit-filter: grayscale(1);
}

.banner_link ul li:nth-child(2) {
	background: #333333;
	padding: 10px;
	color: #ffffff;
	height: 36px;
}

.banner_link ul:nth-child(1) li:nth-child(1) {
	background-image: url('../images/f03-bkd1.jpg');
}

.banner_link ul:nth-child(2) li:nth-child(1) {
	background-image: url('../images/f03-bkd2.jpg');
}

.banner_link ul:nth-child(3) li:nth-child(1) {
	background-image: url('../images/f03-bkd3.jpg');
}

.banner_link ul:hover li {
	-webkit-filter: grayscale(0);
}

.banner_link ul:hover li:nth-child(2) {
	background: #2363ae;
}

@media (min-width: 1000px) {
	.banner_link ul {
		float: left;
		margin: 0 15px 15px;
		width: 310px;
		cursor: pointer;
	}
	.banner_link ul:nth-child(2n+1) {
		margin: auto;
	}
	.banner_link ul li:nth-child(1) {
		height: 120px;
	}
}

@media (max-width: 600px) {
	.banner_link ul {
		float: none;
		margin: 0 5% 15px;
		width: 90%;
	}
	.banner_link ul:nth-child(2n+1) {
		margin: 15px auto;
	}
	.banner_link ul li:nth-child(1) {
		height: 180px;
	}
}