* { padding:0; margin:0; outline:0; }

h1, h2, h3, h4, h5, h6, ul, ol {
	margin: 0;
}

#aspire-swift {
	font-family: Arial, sans-serif;
	position: relative;
    margin-top: -45px;
}

input, textarea, select { font-family: Arial, sans-serif; font-size:11px; }
a img { border:0; }
a {text-decoration: none; cursor:pointer; }
.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.shella { 
	margin:0 auto; 
	width: auto;
}

.landing {
	background: #fff; 
}

.empty {
	height: 432px;
}

.head { 
	display: block; 
	position: relative; 
	width: 100%; 
	height: 432px; 
	background: url();
}
.head .content { 
	max-width: 1280px; 
	height: 432px;
	margin: 0 auto;
	position: relative;
	display: block;
}

.head img.aspire-laptop {
	position: absolute;
    right: 15px;
    bottom: 0px;
    max-width: 1074px !important;
    width: 100%;
    z-index: 0;
}
.head img.aspire-laptop2 {
	position: relative;
	display: none;
    margin: 0 auto;
    max-width: 1006px !important;
    width: 100%;
    z-index: 0;
}
.head .logo { 
	display: block; 
	position: absolute; 
	max-width: 551px !important;
	width: 100%;
	top: 80px; 
	left: 30px;
	z-index: 1;
}
.head h1 {
	display: block; 
	position: absolute; 
	bottom: 200px; 
	left: 30px; 
	font-family: 'AcerFoco LT', sans-serif; 
	font-size: 45px;
	text-align: left; 
	line-height: 32px; 
	color: #000;
	z-index: 1;
}
.head .windows-logo {
    display: block;
    position: absolute;
    bottom: 85px;
    left: 30px;
    max-width: 219px !important;
    width: 100%;
    z-index: 1;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.out-cont {
	display: block;
	position: relative;
	height: 688px;
	width: 100%;
	margin: 0 auto;
	background: url(images/product-background.jpg) no-repeat top center;
	background-size: cover;
}
.cont { 
	display: block; 
	position: relative;
	margin: 0 auto;
	padding-top: 55px;
	padding-bottom: 35px;
	max-width: 1280px;
	box-sizing: border-box;
}
.cont1 {
	background: url(images/separator.png) no-repeat top center;
	background-size: contain;
}
.cont4 {
	border-bottom: none;
}
.bx {
	position: relative;
	display: inline-block;
	float: left;
	width: 50%;
}
.cont img.pic {
	display: block;
    position: relative;
    margin: 0 auto;
    margin-left: 4px;
    margin-top: 40px;
    max-width: 615px;
    width: 100%;
}

.cont .imgs {
	display: block;
    position: relative;
    text-align: center;
    height: 100%;
    background: none;
    margin: 0 auto;
    margin-top: 35px;
}
.cont .imgs img {
	position: relative;
	display: inline;
	max-width: 109px !important;
	width: 30%;
	border-radius: 60px;
	cursor: pointer;
	margin-left: 25px;
	top: 0;
	left: 0;
	box-shadow: 1px 1px 5px 0px rgba(0, 1, 1, 0.75);
	border: 2px solid transparent;
}
.cont .imgs img:hover{
	border: 2px solid #82b81a !important;
}
.cont .imgs img:first-child{
	margin-left: 0px;
}
.cont span.title {
	display: block;
	position: relative;
	margin-right: 30px;
	text-align: right;
	margin-bottom: 40px;
}
.cont img.img-title {
	position: relative;
	display: inline-block;
	max-width: 147px;
	width: 100%;
	top: -1px;
}
.cont h3 {
	display: inline-block;
    font-family: 'AcerFoco', sans-serif;
    font-size: 51px;
    line-height: 36px;
    margin: 0 auto;
    vertical-align: middle;
    font-weight: normal;
    color: #83b81a;
	font-style: italic;
}
.cont span.windows {
	position: relative; 
	display: block;
	margin-right: 30px;
	font-size: 30px;
	line-height: 33px;
	font-family: 'AcerFoco LT', sans-serif;
	font-weight: normal;
	text-align: right;
	color: #000;
}
.cont span.windows img {
	max-width: 184px;
	width: 100%;
	vertical-align: middle;
	margin-left: 30px;
}
.cont ul li {
	position: relative;
}
.cont ul li:before {  
	content: ''; 
	position: absolute; 
	top: 11px; 
	left: -25px; 
	width: 13px; 
	height: 13px; 
	background: #83b81a;
	border-radius: 7px
}
.cont ul { 
	position: relative; 
	display: block;
	margin-left: 16%;
	font-family: 'AcerFoco LT', sans-serif; 
	font-size: 24px; 
	color: #494949; 
	line-height: 34px; 
	list-style-type: none;
	margin-top: 25px;
	margin-bottom: 30px;
}
.cont .table {
	display: block;
	position: relative;
	max-width: 580px;
	height: 287px;
	margin: 0 auto;
	float: right;
	border: 1px solid #82b81a;
	border-radius: 35px;
}
.cont .table .table-title {
	display: block;
	position: relative;
	text-align: center;
	font-family: 'AcerFoco SMBD', sans-serif;
	font-size: 27px;
	line-height: 42px;
	color: #82b81a;
	border-bottom: 1px solid #82b81a;
}
.cont .table .config {
	height: 240px;
	font-family: 'AcerFoco LT', sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #000;
	text-align: center;
	padding: 0 14px;
}
.cont .table .config {
	border-width: 1px;
    border-left: 0;
}
@media screen and (min-width: 769px) {
	.cont .table .config {
		border-style: solid;
	    -webkit-border-image: 
	      -webkit-gradient(linear, 0 0, 0 100%, from(#82b81a), to(rgba(255, 255, 255, 0))) 1 100%;
	    -webkit-border-image: 
	      -webkit-linear-gradient(#82b81a, rgba(255, 255, 255, 0)) 1 100%;
	    -moz-border-image:
	      -moz-linear-gradient(#82b81a, rgba(255, 255, 255, 0)) 1 100%;    
	    -o-border-image:
	      -o-linear-gradient(#82b81a, rgba(255, 255, 255, 0)) 1 100%;
	    border-image:
	      linear-gradient(to bottom, #82b81a, rgba(255, 255, 255, 0)) 1 100%;
  	}
}
.cont .table .config:last-child {
	border: 0 !important;
}
.cont .table .config>span:first-child {
	margin-top: 20px;
}
.cont .table .config>span {
	display: block;
	padding-bottom: 10px;
}
.cont .btn_box {
	position: relative;
	display: block;
	width: 90%;
	margin-left: 7%;
    height: 9.5vw;
}
.cont a.here { 
    position: relative;
    display: block !important;
    margin: 0 auto;
	font-family: 'AcerFoco', sans-serif;
	font-weight: bold;
	color: #fff;
	max-width: 110px; 
	font-size: 18px; 
	line-height: 31px; 
	text-align: center;
	box-sizing: border-box;
	text-transform: uppercase;
	background: #ff6800;
}
.cont span.price { 
	position: relative; 
	display: inline-block;
	margin: 0 auto;
	font-family: 'AcerFoco', sans-serif; 
	font-size: 33px; 
	line-height: 50px;
	color: #82b81a;
	font-weight: bold;
	text-align: center;
}
.cont .currency {
	display: inline-block;
	font-family: 'AcerFoco', sans-serif; 
	font-size: 22px;
	line-height: 1.94;
	color: #82b81a;
	font-weight: bold;
	margin-left: 5px;
}
.cont span.ceni-ot {
	position: relative;
	left: 0;
	display: block;
	line-height: 15px; 
	font-size: 25px; 
	font-family: 'AcerFoco', sans-serif;
	color: #000; 
	font-weight: normal;
}
span#unavailable1_0, span#unavailable1_1, span#unavailable1_2, span#unavailable2_0, span#unavailable2_1 {
	position: relative; 
	display: none;
	font-family: 'AcerFoco', sans-serif; 
	line-height: 55px;
	color: #000; 
	font-weight: bold;
	font-size: 35px;
    text-transform: uppercase;
    text-align: center;
}
.desc { 
	display: block; 
	position: relative; 
	width: 100%;
	height: 624px;
}

.dsc-cont { 
	display: block;
	position: relative;
	margin: 0 auto;
	max-width: 1280px; 
	height: 100% !important;
	background: none;
	background: url(images/line.jpg) no-repeat bottom center;
	background-size: contain;
}

.dsc-cont div {
	display: block;
	position: relative;
}

.desc h4 {
	position: absolute;
	font-family: 'AcerFoco SMBD', sans-serif; 
	font-size: 34px; 
	line-height: 34px;
	color: #000;
	z-index: 100;
	text-align: left;
	margin: 0 auto;
}
.desc1 h4 {
	top: 230px;
	left: 30px;
}
.desc2 h4 {
	top: 230px;
	left: 30px;
	max-width: 340px;
}
.desc p {
	position: absolute;
	font-weight: normal;
	font-family: 'AcerFoco LT', sans-serif; 
	font-size: 24px; 
	line-height: 34px;
	color: #000; 
	z-index: 100;
	text-align: left;
	max-width: 800px;
	margin: 0 auto;
}
.desc1 p {
	top: 335px;
	left: 30px;
	max-width: 510px;
}
.desc2 p {
	top: 330px;
	left: 30px;
	max-width: 600px;
	width: 47%;
}
.desc img {
	display: block;
	position: absolute;
	margin: 0 auto;
	width: 100%;
}
.desc1 img {
	max-width: 787px;
	bottom: 1px;
	right: 30px;
}
.desc2 img {
	max-width: 1006px;
	top: 0px;
	right: 0px;
}


#cnt {
	background: none !important
}

#helpnav, #helpnav a { background: none !important; color: #000; z-index: 10 !important; position: relative; }
#wrapper { position: static !important  }
.menu-cnt { z-index: 100 !important; position: relative; }
p.copyright {
	color: #000 !important
}
.copyright a { color: #000 !important }

.products {
	display: none;
}

/*responsive*/
@media only screen and (max-width: 1080px) and (min-width: 769px)
{
	#aspire-swift .head div.content {
		height: auto;
		margin-bottom: 0 !important
	}
	#aspire-swift .head img.aspire-laptop {
    	display: none !important;
	}
	#aspire-swift .head img.aspire-laptop2 {
    	display: block !important;
    	margin: 0 !important
	}
	#aspire-swift .head img.logo {
		margin-top: 7%;
		width: 52%;
	}
	#aspire-swift .head h1 {
		width: auto;
	    height: auto;
	    max-width: 100%;
	    top: 0;
	    left: 0;
	    position: relative;
	    margin-left: 2%;
	    text-align: left;
	    line-height: 1;
	    margin-bottom: 10px;
		display: block !important;
		font-size: 8vw;
	}
	#aspire-swift .head img.windows-logo {
		width: 23%;
	}
	#aspire-swift .head p {
		position: relative !important;
	    margin-left: 2% !important;
	    top: auto !important;
	    z-index: 2 !important;
	    left: 0 !important
	}
	#aspire-swift .out-cont {
		height: auto;
	}
	#aspire-swift .cont {
		padding-bottom: 5%;
	}
	#aspire-swift a.img { 
    	margin-bottom: 0;
    	margin-top: 10%;
	}
	#aspire-swift .cont a.img {
		max-width: 100% !important;
	}
	#aspire-swift .cont .imgs {
		width: 87%;
	}
	#aspire-swift .cont .imgs img {
		width: 26% !important;
		float: none;
	}
	#aspire-swift .cont .acer-icons img {
		width: 85% !important;
	}
	#aspire-swift .cont span.title {
		margin-top: 20px !important;
		margin-bottom: 10px;
	}
	#aspire-swift .cont h3 {
    	line-height: 4vw !important;
    	font-size: 4.5vw;
    	margin-bottom: 0 !important;
	}
	#aspire-swift .cont img.img-title {
		width: 30% !important;
	}
	#aspire-swift .cont span.windows {
		font-size: 3vw;
    	line-height: 3vw;
	}
	#aspire-swift .cont span.windows img {
		width: 38%;
	}
	#aspire-swift .cont .table {
		height: auto;
	}
	#aspire-swift .cont .table .config {
		font-size: 2vw;
		line-height: 1;
		padding: 0 1%;
		height: 25vw;
	}
	#aspire-swift .cont .table .config>span:first-child {
		margin-top: 2%;
	}
	#aspire-swift .cont .btn_box {
		margin-bottom: 0;
	}
	#aspire-swift .cont .btn_box .price {
		font-size: 3.4vw;
		line-height: 3.5vw;
	}
	#aspire-swift .cont .btn_box .currency {
		line-height: 0.94;
	}
	#aspire-swift .cont .btn_box .here {
		line-height: 4vw;
	}
	span#unavailable1_0, span#unavailable1_1, span#unavailable1_2, span#unavailable2_0, span#unavailable2_1 {
		font-size: 4vw;
		line-height: 12vw;
	}
	#aspire-swift .desc1 {
		padding-bottom: 0;
	}
	#aspire-swift .desc2 {
		padding-top: 0;
	}
	#aspire-swift .dsc-cont {
		display: block !important;
		background: none;
	}
	#aspire-swift .desc h4 {
		font-size: 3vw !important;
		font-weight: bold;
	}
	#aspire-swift .desc p {
		font-size: 2vw !important;
	}
	#aspire-swift .desc img.img-desc {
		padding-bottom: 0px !important; 
		display: block;
		margin: 0 auto
	}
	.col-md-4 {
	    width: 33.33333333%;
	    float: left;
	}
    .col-md-6 {
	    width: 50%;
	    float: left;
	}

}

@media only screen and (max-width: 768px)
{
	
	#aspire-swift .head .content {
		margin-bottom: 0 !important;
		margin-top: 40px !important
	}
	#aspire-swift .head img.aspire-laptop {
		display: none !important;
	}
	#aspire-swift .head img.aspire-laptop2 {
		display: block !important;
		margin-bottom: 0;
	}
	#aspire-swift .head h1 {
		width: auto;
	    height: auto;
	    max-width: 100%;
	    top: 0;
	    left: 0;
	    position: relative;
	    margin-left: 2%;
	    text-align: left;
	    line-height: 1.2;
	    margin-bottom: 10px;
		display: block !important;
		font-size: 7.5vw
	}
	#aspire-swift .head img.windows-logo {
		margin-left: 2%;
		width: 29%;
	}
	#aspire-swift .head h3 {
		display: block;
	}
	#aspire-swift .head img.logo {
		width: 72%;
		margin-top: 5%;
	}
	#aspire-swift a.img { 
    	margin-bottom: 0
	}
	#aspire-swift .out-cont {
		height: auto;
	}
	#aspire-swift .cont .bx {
		margin-bottom: 0;
	}
	#aspire-swift .cont .imgs {
		text-align: center !important;
	}
	#aspire-swift .cont .imgs img {
		float: none;
		width: 17%;
	}
	#aspire-swift .cont h3 {
    	line-height: 6vw !important;
    	font-size: 6.5vw;
    	margin: 0
	}
	#aspire-swift .cont img.img-title {
		width: 23% !important;
	}
	#aspire-swift .cont span.windows {
		font-size: 5vw;
    	line-height: 3vw;
    	margin-right: 0;
	}
	#aspire-swift .cont span.windows img {
		width: 30%;
		margin-left: 2%;
	}
	#aspire-swift .cont span.title {
		margin-top: 20px !important;
		margin-right: 0 !important;
		margin-bottom: 2%;
	}
	#aspire-swift .cont span.title img {
    	width: 18.5vw !important;
	}
	#aspire-swift  .cont ul {
		margin: 4% 0 4% 2%;
	}
	#aspire-swift  .cont ul li::before {
	    content: "•";
	    position: absolute;
	    top: 0px;
	    left: -3%;
	    color: #83b81a;
	    font-size: 140%;
	    background: none;
	}
	#aspire-swift .cont .table {
		height: auto;
		float: none;
		max-width: 55%;
		border-radius: 20px
	}
	#aspire-swift .cont .table .table-title {
		font-size: 5vw;
	}
	#aspire-swift .cont .table .config {
		height: auto;
		border-right: none;
		border-bottom: 1px solid #82b81a;
		font-size: 3.6vw;
		line-height: 1;
		padding: 0 1%;
		height: 43vw;
	}
	#aspire-swift .cont .table .config>span {
		padding-bottom: 2%;
		margin-top: 4%;
	}
	#aspire-swift .cont .btn_box {
		height: auto;
	}
	#aspire-swift .cont .btn_box .here {
		font-size: 4vw;
		line-height: 6.4vw;
		max-width: 25vw !important
	}
	span#unavailable1_0, span#unavailable1_1, span#unavailable1_2, span#unavailable2_0, span#unavailable2_1 {
		font-size: 8vw;
		line-height: 20vw;
	}
	#aspire-swift .dsc-cont {
		display: block !important;
		position: relative !important;
		background: none;
	}
	#aspire-swift .dsc-cont div {
		width: 100% !important;
	}
	#aspire-swift .desc {
		padding-bottom: 0px !important;
	}
	#aspire-swift .desc img.img-desc {
		display: block;
		margin: 0 auto;
		padding-bottom: 0px !important; 
	}


}