/**
 * @tableofcontents
 *
 * 1. TOP BANNER
 * 2. POWER CLOUD FEATURE
 */

/* @section 1. TOP BANNER */

.clear-fix
{
clear: both;
overflow: hidden;
}

.power-cloud-ban-wrap {
    min-height: 480px;
    background: url("../../img/powercloud_application/power-cloud-bnr.jpg")no-repeat center top;
	background-size: cover;
}

.power-cloud-ban {
	margin-top: 5%;	
}

.power-cloud-ban h1 {
    font-size: 44px;
    color: #f5ff57;
    margin-bottom: 25px;
	font-weight: bold;
}

.power-cloud-ban p{
    font-size: 22px;
    color: #fff;
    line-height: 32px;
    margin-bottom: 25px;
}

.i-phone-btn a {
    display: inline-block;
    padding: 8px 0 8px 74px;
    background: url("../../img/powercloud_application/iphone_btn.png")no-repeat center top;
    width: 226px;
    text-align: left;
    font-size: 16px;
    color: #434343;
    text-shadow: 1px 1px #fff;
	margin-bottom: 25px;
}

.i-phone-btn a  > b 
{
display: block;
}

.cw-support
{
font-size: 14px !important;
color: #f5ff57 !important;
font-weight: bold;
}

/* @section 2. POWER CLOUD FEATURE */

.power-cloud-mid-container{
	background: #e6f0f8;
}

.power-cld-fetr-wrap
{
padding: 30px 0;
background: #F7F7F7;
border-left: 1px solid #cddde8;
border-right: 1px solid #cddde8;
}

.power-cld-fetr-disc > h2
{
    color: #272727;
    font-size: 28px;
    margin: 0 0 20px 0;
	font-weight: bold;
}

.power-cld-fetr-disc > p
{
    color: #828282;
    font-size: 18px;
    line-height: 26px;
}

.power-cld-fetr h2 {
    border: 1px solid #e24141;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px #9a2b2b;
    padding: 10px 0;
	font-size: 22px;
	background: #f15151;
    background: -moz-linear-gradient(top, #f15151 0%, #de2020 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f15151), color-stop(100%,#de2020));
    background: -webkit-linear-gradient(top, #f15151 0%,#de2020 100%);
    background: -o-linear-gradient(top, #f15151 0%,#de2020 100%);
    background: -ms-linear-gradient(top, #f15151 0%,#de2020 100%);
    background: linear-gradient(to bottom, #f15151 0%,#de2020 100%);
	font-weight: bold;
	margin: 0;
}

.power-cld-fetr ul {
    background: url("../../img/powercloud_application/smart_top_rt.jpg") repeat-x left -41px;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    padding: 0;
    margin: 0;
}

.power-cld-fetr ul li {
    padding: 0px 0px 0px 52px;
    line-height: 38px;
    border-bottom: 1px solid #d9d9d9;
    background: url("../../img/powercloud_application/smart_top_rt_icn.jpg") no-repeat 16px 8px;
    list-style: none;
}

.power-cld-fetr ul .pc-monitor
{
background-position-y: -107px;
}


.power-cld-fetr ul li a{
    font-size: 18px;
    color: #444;
	text-decoration: underline;
	cursor: pointer;
}

.power-cld-fetr ul li a:hover
{
text-decoration: none;
}

.smt-iphone-feat-wrap
{
background-color: #f7f7f7;
border-left: 1px solid #cddde8;
border-right: 1px solid #cddde8;
}

.smt-dashboard
{
    text-align: center;
	position: relative;
}

.smt-dashboard > h2 {
    background: url("../../img/powercloud_application/smrt_cont_hd.jpg") repeat-x;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 12px 0px 12px 0px;
	border-bottom: 2px solid #c6c6c6;
	line-height:32px;
}

.right-ribbon {
    background: url("../../img/powercloud_application/right-ribbon.png") no-repeat left top;
    height: 60px;
    padding: 0 22px;
    position: absolute;
    top: 0;
    left: -43px;
}

.left-ribbon {
    background: url("../../img/powercloud_application/left-ribbon.png") no-repeat left top;
    height: 60px;
    padding: 0 22px;
    position: absolute;
    top: 0;
    right: -44px;
}

.smrt_dash, .smrt_dash2, .smrt_dash3{
    position: relative;
    min-height: 480px;
    background: url("../../img/powercloud_application/smart-mob-1.png") no-repeat center top #F7F7F7;
    padding: 25px;
	margin: 30px 0;
}

.smrt_dash2 {
background: url("../../img/powercloud_application/smart-mob-2.png") no-repeat center top #F7F7F7;
}

.smrt_dash3 {
background: url("../../img/powercloud_application/smart-mob-3.png") no-repeat center top #F7F7F7;
}

.smrt_cont {
    position: absolute;
    width: 280px;
    min-height: 82px;
    padding: 8px 10px;
    background: #fff;
    border: 1px solid #e8e8e8;
    line-height: 17px;
    left: 12.5%;
    top: 3%;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16);
}

.smrt_dash_indctr1 {
    float: left;
    width: 110px;
    height: 276px;
    background: url("../../img/powercloud_application/smart_indic.png") no-repeat;
    position: absolute;
    left: 34%;
    top: 12%;
}

.smrt_cont h3 {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: #696969;
    margin: 0;
}

.smrt_cont_inr {
    color: #8f8f8f;
    font-size: 13px;
    line-height: 18px;
}

.smrt_cont2 {
    top: 31%;
}

.smrt_dash_indctr2 {
    width: 176px;
    height: 306px;
    background: url("../../img/powercloud_application/smart_indic.png") no-repeat left -287px;
    position: absolute;
    left: 51.5%;
    top: 12%;
}

.smrt_cont3 {
    left: 65.5%;
    padding-left: 17px;
    width: 273px;
}

.smrt_cont4 {
    left: 65.5%;
    padding-left: 17px;
    width: 273px;
    top: 31%;
}

.smrt_cont5 {
    left: 65.5%;
    padding-left: 17px;
    width: 273px;
    top: 58%;
}

.smrt_dash_zoom {
    position: absolute;
    width: 336px;
    height: 260px;
    background:  url("../../img/powercloud_application/smart_zoom.png") no-repeat;
    left: 13%;
    top: 48%;
}

.smrt_mont_indctr1 {
    width: 115px;
    height: 300px;
    background: url("../../img/powercloud_application/smart_indic.png") no-repeat left -600px;
    position: absolute;
    left: 34%;
    top: 13%;
}

.smrt_mont_indctr2 {
    width: 115px;
    height: 100px;
    background: url("../../img/powercloud_application/smart_indic.png") no-repeat left -909px;
    position: absolute;
    left: 56.7%;
    top: 11.7%;
}

.smrt_cont6
{
    top: 65%;
}

.smrt_mont_zoom {
    position: absolute;
    width: 360px;
    height: 290px;
    background:  url("../../img/powercloud_application/smart_zoom.png") no-repeat left -263px;
    left: 59%;
    top: 31%;
}

.smrt_sprt_indctr1 {
    width: 120px;
    height: 104px;
    background: url("../../img/powercloud_application/smart_indic.png") no-repeat left -1022px;
    position: absolute;
    left: 34%;
    top: 12.5%;
}

.smrt_sprt_indctr2 {
    width: 128px;
    height: 118px;
    background: url("../../img/powercloud_application/smart_indic.png") no-repeat left -1135px;
    position: absolute;
    left: 56%;
    top: 11.5%;
}

.smrt_sprt_zoom1 {
    position: absolute;
    width: 329px;
    height: 260px;
    background:  url("../../img/powercloud_application/smart_zoom.png") no-repeat left -555px;
    left: 13%;
    top: 32%;
}

.smrt_sprt_zoom2 {
    position: absolute;
    width: 373px;
    height: 295px;
    background: url("../../img/powercloud_application/smart_zoom.png") no-repeat left -831px;
    left: 58%;
    top: 30%;
}

.smrt_bot_dwn{
	background:#fff;
	padding-top:25px;
	padding-bottom:25px;
}
.smrt_bot_dwn h2 {
    font-size: 45px;
    line-height: 50px;
    text-align: center;
    color: #1e1e1e;
    text-shadow: 1px 1px #828282;
    font-weight: bold;
    margin-bottom: 30px;
}

.smrt_bot_dwn .i-phone-btn
{
text-align: center;
}

.smrt_bot_dwn .i-phone-btn a {
    display: inline-block;
    padding: 9px 0 8px 70px;
    background: url("../../img/powercloud_application/iphone_btn.png")no-repeat center top;
    width: 230px;
    text-align: left;
    font-size: 16px;
    color: #434343;
    text-shadow: 1px 1px #fff;
}

@media (max-width: 1200px)
{

.smrt_dash_indctr1 {
    left: 30%;
}

.smrt_cont {
    left: 3.5%;
}

.smrt_cont3, .smrt_cont4, .smrt_cont5
{
left: 68.5%;
}

.smrt_dash_zoom {
    left: 8%;
    top: 47%;
}

.smrt_mont_indctr1, .smrt_sprt_indctr1 {
    left: 31%;
}

.smrt_mont_indctr2 {
    left: 58%;
}

.smrt_sprt_zoom1 {
    left: 5%;
}

.smrt_sprt_zoom2 {
    left: 60%;
}

.smrt_sprt_indctr2 {
    left: 57%;
}



}

@media (max-width: 992px)
{

.power-cloud-ban h1 {
    font-size: 38px;
    margin-bottom: 15px;
}

.power-cloud-ban p {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
}

.i-phone-btn a {
    margin-bottom: 10px;
}

.power-cld-fetr-disc > h2 {
    font-size: 24px;
    margin: 0 0 10px 0;
}

.power-cld-fetr-disc > p {
    font-size: 16px;
    line-height: 26px;
}

.power-cld-fetr h2
{
font-size: 22px;
}

.power-cld-fetr ul li {
    padding: 0px 0px 0px 44px;
}

.power-cld-fetr ul li a {
    font-size: 15px;
}

.smrt_bot_dwn h2 {
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 20px;
}

.smrt_cont {
    position: static;
    width: auto;
    margin-bottom: 8px;
}

.smrt_dash_indctr1, .smrt_dash_indctr2, .smrt_mont_indctr1, .smrt_mont_indctr2, .smrt_sprt_indctr1, .smrt_sprt_indctr2
{
display: none;
}

.smrt_dash, .smrt_dash2, .smrt_dash3 {
    padding-top: 500px;
}

.smrt_dash_zoom, .smrt_mont_zoom, .smrt_sprt_zoom2 , .smrt_sprt_zoom1
{
    transform: scale(0.75);
}

.smrt_dash_zoom {
    left: 4%;
    top: 21%;
}

.smrt_mont_zoom
{
    left: 55%;
    top: 15%;
}

.smrt_sprt_zoom2 {
    left: 56%;
    top: 17%;
}

.smrt_sprt_zoom1 {
    left: 0;
    top: 16%;

}

}

@media (max-width: 767px)
{
	
	
.power-cloud-ban-wrap{
	height:auto;
	min-height:360px;
}

.power-cloud-ban h1 {
    font-size: 32px;
    margin-bottom: 10px;
}

.power-cloud-ban p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

.power-cld-fetr h2 {
    font-size: 24px;
}

.power-cld-fetr ul li a {
    font-size: 20px;
}

.power-cld-fetr ul li {
    padding: 0px 0px 0px 80px;
	background-position: 22px 10px;
}


.smrt_dash_zoom, .smrt_mont_zoom, .smrt_sprt_zoom2, .smrt_sprt_zoom1 {
    transform: scale(0.5);
} 

.smrt_dash_zoom {
    left: -2%;
    top: 15%;
}

.smrt_mont_zoom {
    left: 52%;
    top: 15%;
}

.smrt_sprt_zoom1 {
    left: -14%;
    top: 14%;
}

.smrt_sprt_zoom2 {
    left: 52%;
    top: 16%;
}
.smrt_bot_dwn{
	padding-top:10px; 
	padding-bottom:20px;
}

}

@media (max-width: 500px)
{
.power-cloud-ban-wrap{
	background-position:left top;
}
.power-cloud-ban{
	width:100%;
}
.power-cloud-ban h1 {
    font-size: 28px;
}

.power-cld-fetr-disc > p {
    font-size: 14px;
    line-height: 22px;
}

.power-cld-fetr-disc > h2 {
    font-size: 22px;
}

.power-cld-fetr h2 {
    font-size: 22px;
}

.power-cld-fetr ul li a {
    font-size: 18px;
}

.smt-dashboard > h2 {
    font-size: 24px;
}

.smrt_bot_dwn h2 {
    font-size: 18px;
    line-height: 26px;
}

.smrt_dash, .smrt_dash2, .smrt_dash3 {
    padding-left: 10px;
	padding-right: 10px;
}

.smrt_dash_zoom, .smrt_mont_zoom, .smrt_sprt_zoom2, .smrt_sprt_zoom1 {
    display: none;
} 

}