/*--
	Author: XtechGroup.com
	Author URL: https://xtechgroup.com
	License: Creative Commons Attribution 3.0 Unported
	License URL: https://creativecommons.org/licenses/by/3.0/
--*/


/*-- /slider --*/

/*-- banner-top --*/
.banner-top {
	background: url(https://www.xtechgroup.com/images-shared/key-1400.webp) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 750px;
}

.banner-top1 {
    background: url(https://www.xtechgroup.com/images-shared/apple-blackboard-1200.webp) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 750px;
}

.banner-top2 {
    background: url(https://www.xtechgroup.com/images-shared/key-1400.webp) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 750px;
}

.banner-top3 {
    background: url(https://www.xtechgroup.com/images-shared/you-be-you1400.webp) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 750px;
}
.banner-top4 {
	background: url(https://www.xtechgroup.com/images-shared/children-hands-1800.webp) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 750px;
}

.banner-top5 {
	background: url(https://www.xtechgroup.com/images-shared/cl-1-notebook.webp) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 750px;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/top_up.png) no-repeat 0px 0px;
}
.mobile-device{
	float:right;
	background:url(../images/divice.jpg) no-repeat 0px 0px;
	width:758px;
	height:497px;
}
.mobile-device2{
	float:right;z
	background:url(../images/spring1.jpg) no-repeat 0px 0px;

	background-size:contain;
}
.skills{
	background:url(../images/spring1.jpg) no-repeat 0px 0px;
	background-size:100%;
}
.banner-info a {
	color: #fff;
	background: #fec349;
	font-weight: 400;
}

.banner-info a:hover {
	color: #fec349;
	background: #fff;
}

/*-- upload --*/
.upload{
	background:#fec349;
}

.upload-text h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 53px;
	font-weight: 300;
	margin:0;
	color:#FFF;
}
.upload-text p{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#FFF;
	margin:0;
	line-height:2em;
	padding: 1.5em 0;
}
.upload-text form input[type="submit"] {
	margin-top: 1em;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #FFF;
	background: #3d6a83;
	border: solid 2px #FFF;
	padding: .7em 2em;
}
.upload-text form input[type="submit"]:hover{
	color:#000;
	border: solid 2px #000;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
/*-- end upload --*/

.magazine-box {
	background:#fec95d;
	padding: 1em;
	margin-top: 3em;
	-webkit-box-shadow: 10px 10px 5px -9px rgba(0, 0, 0, 0.66);
	-moz-box-shadow: 10px 10px 5px -9px rgba(0, 0, 0, 0.66);
	box-shadow: 10px 10px 5px -9px rgba(0, 0, 0, 0.66);
}
.magazine-box h4,
h4.magazine-box {
	font-size: 1.9em;
	color: #fff;
	background: #3d6a83;
	padding: .3em 2em .3em 2em;
	margin: 0;
	letter-spacing: 2px;
	font-weight: 600;
}

.magazine-box h3,
h3.magazine-box {
	font-size: 1.6em;
	color: #212121;
	margin: 0;
	letter-spacing: 1px;
	font-weight: 400;
}

.magazine-info {
	text-align: center;
	padding: 4em 2em;
	background: #fafafa;
    border: 4px solid #3d6a83;
}