.download-page{ background-color:#FFF; background-image:url(../download/img/download-bg-pattern.png); min-height:500px; padding: 8% 0; }
.he-down{ width:500px; margin:0 auto; padding-bottom:4%; }
.he-down h1{ font-weight:100; padding-bottom:20px; color:#747474;  }
.he-down{ text-align:center; }
.features-3-some{ width:100%; width:600px; margin:0 auto; position:relative; }
.features-3-some ul{ text-align:center; display:block; width:100%;   }
.features-3-some:before{ opacity:0;  background-color:#dcdcdc; position:absolute; left:-30%; z-index:1; right:-30%; width:auto; height:2px; content:""; display:block; top:0; bottom:0; margin:auto 0; }
.features-3-some ul li{ opacity:0;  display:inline-block; width:100px; height:100px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background-color:#929292; margin:0 6%; position:relative; z-index:1;
transform:translateY(20px); -webkit-transform:translateY(20px); -moz-transform:translateY(20px); -o-transform:translateY(20px); -ms-transform:translateY(20px); }
.features-3-some ul li:before{ content:""; display:block; width:30px; height:30px;  background-image:url(../download/img/image-sprite.png); background-repeat:no-repeat; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; }
.features-3-some ul li span {
    top: 110%;
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    color: #7b7b7b;
    font-weight: bold; 
}
._name-{ width:80% !important; }
._backup:before{ background-position: -10px -138px; }
._enc:before{ background-position: -137px -100px; }
._accesibility:before{ background-position: -97px -100px;}
._hb{ background-color:#11252c; padding:5% 0; }
._ul_ ._bl_:before{ opacity:1; transition-delay:2s; -o-transition-delay:2s; -webkit-transition-delay:2s; -moz-transition-delay:2s; transition-duration:.3s; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -ms-transition-duration:.3s; }
._ul_ ul li{  opacity:1 ; transition-duration:.5s; -webkit-transition-duration:.5s; -moz-transition-duration:.5s; -o-transition-duration:.5s; transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -o-transform:translateY(0px); -ms-transform:translateY(0px);  }
	._opc li:first-child{ transition-delay:.1s; -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -o-transition-delay:.1s; }
	._opc li:nth-child(2){ transition-delay:.2s; -webkit-transition-delay:.2s; -moz-transition-delay:.2s; -o-transition-delay:.2s; }
	._opc li:nth-child(3){transition-delay:.3s; -webkit-transition-delay:.3s; -moz-transition-delay:.3s; -o-transition-delay:.3s; }  
	._opc li:nth-child(4){ transition-delay:.4s; -webkit-transition-delay:.4s; -moz-transition-delay:.4s; -o-transition-delay:.4s; }
	._opc li:nth-child(5){ transition-delay:.5s; -webkit-transition-delay:.5s; -moz-transition-delay:.5s; -o-transition-delay:.5s; }
	._opc li:nth-child(6){ transition-delay:.6s; -webkit-transition-delay:.6s; -moz-transition-delay:.6s; -o-transition-delay:.6s; } 
	._opc li:nth-child(7){ transition-delay:.7s; -webkit-transition-delay:.7s; -moz-transition-delay:.7s; -o-transition-delay:.7s; }
	._opc li:nth-child(8){ transition-delay:.8s; -webkit-transition-delay:.8s; -moz-transition-delay:.8s; -o-transition-delay:.8s; }
	._opc li:nth-child(9){ transition-delay:.9s; -webkit-transition-delay:.9s; -moz-transition-delay:.9s; -o-transition-delay:.9s;}
	._opc li:nth-child(10){transition-delay:.10s; -webkit-transition-delay:.10s; -moz-transition-delay:.10s; -o-transition-delay:.10s;}
	.billions h2{  text-align:center; color:#747474 !important; text-transform:uppercase;  } .billions h2 span{ position:relative; } .billions h2 span:after{ width:40px; height:40px; margin:0; padding:0; content:""; background-image:url(../download/img/image-sprite.png); display:none; background-position: -253px -136px; top:0; bottom:0; margin:auto 0;left:110%; position:absolute;}
	.download-box {
		width:90%;
    max-width:877px;
    height: 400px;
    background-color: #FFF;
    box-shadow: 0px 0px 35px 0px rgba(0,0,0,.3);
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1500;
    border: solid 1px #E2E2E2; display:none; -webkit-user-select:none !important; -moz-user-select:none !important; 
}
	.db-x-header {
    border-bottom: solid 1px #E0E0E0;
    width: 100%;
    float: left; position:relative;
}
	.db-x-title{ width:50%; float:left; display:block; }
	.db-x-title h2{ line-height:25px; padding: 0 27px; }
	.get-started-btn{ padding:8px 2px; }
	.download-options{ width:100%; float:left; padding:25px 0; }
	.download-options ul{ width:90%; margin:0 auto; text-align:center; display:block; }
	.download-options ul li{ display:inline-block; width:24%; padding:0; margin-left: -4px; transition-duration:0s; -webkit-transition-duration:0s; -moz-transition-duration:0s; -o-transition-duration:0s; }
	.download-options ul li a{ display:block; width:100%; height:110px; position:relative; line-height: 110px; color:#727272;  }
	/*.download-options ul li a:hover{ background-color:#999; }*/
	.download-options ul li:first-child{ border-right:solid 1px #dcdcdc; }
	.category-dn a{ background-color:transparent !important; line-height:0; }
	.category-dn a:after {
    width: 66px;
    height: 61px;
    content: "";
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    background-image: url(../download/img/download.png);
}
	.desktop-:after{  background-position: -41px -25px; }
	.mobile-:after{  background-position: -134px -26px; }
	.download-options ul li a span{ vertical-align:middle; position:relative; padding-left:30px; }
	.download-options ul li a span:before {
    width: 45px;
    height: 44px;
    content: "";
    display: block;
    position: absolute;
    left: -21px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-image: url(../download/img/download.png);
    
}
.apple-desktop:before{ background-position: -521px -36px; }
.windows-desktop:before{ background-position: -627px -36px; }
.download-options ul li a:hover .apple-desktop:before{background-position: -521px -104px; }
.download-options ul li a:hover .windows-desktop:before{ background-position: -627px -104px; }
.desktops li:nth-child(n+2){ border-bottom:solid 1px #dcdcdc; }
.download-options ul li._NO_ICON_ a span:before{ display:none; }
.download-options ul li.mobile-options{ width:72%; }
.mobile-optns{ width:100%; float:left; }
.mobile-optns ul{ width:100%; float:left; }
.mobile-optns ul li{ display:block; float:left; width:33.3%; border:none !important; line-height:normal; }
.mobile-optns ul li a{ line-height:normal; }
.download-options ul.mobiles li a {
    font-weight: normal;
    text-align: left;
}
ul.mobiles li a span{ margin-left:25px; }
ul.mobiles li a span:before {
    left: -12px;
    top: -16px;
}
.windows-store span:before{ background-position: -941px -36px; }
.apple-store span:before{ background-position: -1035px -36px; }
.play-store span:before{ background-position: -1137px -36px; }
.download-options ul.mobiles li a span:after {
    content: "Available on";
    display: inline-block;
    left: 32px;
    bottom: 100%;
    color: #999;
    font-size: 13px;
    position: absolute;
    right: 0;
    line-height: 1;
    min-width: 75px;
    max-width: 75px;
}
.download-options ul.mobiles{ position:relative; }
.download-options ul.mobiles{}
.download-options ul.mobiles:after{ content:"Manage files on your phone any where any time ,easy to access,You can share files"; position:absolute; top:104%; padding-left:30%; padding-right:3%; color:#999; font-size:12px; right:0; opacity:0; transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; }
.download-options ul.mobiles:hover:after{ opacity:1; }
.download-options ul li a:hover{ color:#00adef; }
._D_count a{ cursor:default; }
._D_count a span{ position:relative; padding:0 !important; font-weight:normal !important; }
._D_count a span:after {
    content: "Downloads";
    position: absolute;
    bottom: 123%;
    line-height: normal;
    text-align: center;
    left: 0;
    right: 0;
    display: block; font-weight:bold; color:#333 !important;
    width: auto;
    /* left: -23%; */
}

.windows-store:hover span:before{ background-position: -941px -104px; }
.apple-store:hover span:before{ background-position: -1035px -104px; }
.play-store:hover span:before{     background-position: -1137px -104px; }
.popup-closer {
    width: 40px;
    height: 40px;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    /* background-color: #666; */
    background-image: url(../download/img/image-sprite.png);
    right: 10px;
    background-position: -148px -136px;
    border-radius: 50%; opacity:.5;
}
.popup-closer:hover{ opacity:1; }
.quick-guide {
    color: #737373;
    width: 100%;
    max-width: 800px;
    margin: 25px auto;
    box-shadow: 0px 0px 42px 0px rgba(0,0,0,.1);
    background-color: #FFF;
    padding-bottom: 38px; margin-top: 85px;
}

.quick-guide h1{ color:#00adef; display:block; font-weight:normal; padding:25px 0; display:block; text-transform:uppercase; font-size:25px; }
.quick-guide h2{ padding:10px 25px; display:block; border:solid 1px #e2e2e2; font-weight:normal; text-transform:uppercase; border-right:none; border-left:none; margin:0; }
.quick-guide ul.steps{
	display:block; width:100%; height:auto; padding:0; margin:0; }
	.contents-steps {
    width: 90%;
    margin: 0 auto;
    max-width: 550px;
}
.hdng{ width: 100%;

    position: relative;
    padding: 15px 0; color:#737373;
}
	.screen-shot img{ width:100%; height:auto; }
	.count-bx{ width: auto;
    /* padding: 25px; */
    position: absolute;
    right: 103%;
    top: 15px;
    border-radius: 50%;
	    -webkit-user-select: none;
    -moz-user-select: none; cursor:default;
    /* background-color: #f00; */
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 51px;
    color: #9a9a9a;
    font-weight: 400;
    font-size: 25px;
    border: solid 2px #9a9a9a;
	}
	.thnk{ color:#1cb3f0; font-weight:normal; margin:0; }
	.je{ margin-top:20px; }
	@media screen and (max-width: 768px) {
		.count-bx {
    width: auto;
    /* padding: 25px; */
    position: absolute;
    right: 94%;
    top: 111%;
    border-radius: 50%;
    background-color: #484848;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 31px;
    color: #DEDEDE;
    font-weight: 400;
    font-size: 17px;
    border: solid 2px #F5F5F5;
}
			.download-box{ width:90%; position:absolute; top:50px; margin:0 auto; height:auto; bottom:auto; max-width:500px; }
			.download-box .get-started-btn{ display:none; }
			.db-x-title{ width:100%;  }
			._dn-no-mb{ display:none !important; }
			.download-options ul.desktops li{  width:50%; }
		ul.mobiles li {
    width: 90%;
    display: block;
    margin: 0 auto; border-bottom:solid 1px #e1e1e1; }
			.download-options ul li a span:before{ left:0; bottom:105%; right:0; margin:0 auto; top:auto; }
			.download-options ul li a span{ padding-left:0;  }
			ul.mobiles li a span{ margin-left:0; position:relative; }
			ul.mobiles li a{ text-align:center  !important; }
			ul.mobiles li a span:after{ left:0 !important; text-align:left; }
			ul.mobiles li a span:before{ display:none; }
			.download-options ul.mobiles {
    position: relative;
    margin-bottom: 51px;
}
.download-options ul.mobiles:after{ padding:8px; left:0; right:0; bottom:0 !important; margin:0; opacity:1; }
.download-options ul.mobiles li a:after {
    width: 22px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    content: "";
    background-image: url(../download/img/image-sprite.png);
    background-position: -115px -141px;
}
.download-options ul.mobiles li a:before{
	 width: 45px;
    height: 44px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-image: url(../download/img/download.png);   
}
.download-options ul.mobiles li a.windows-store:before{background-position: -941px -36px;}
.download-options ul.mobiles li a.apple-store:before{  background-position: -1035px -36px; }
.download-options ul.mobiles li a.play-store:before{  background-position: -1137px -36px; }
.features-3-some{ display:none !important; }
.he-down {
    width:90%;
}
.billions h2 span:after{ display:none; }
.download-page {
   min-height: 50px;
    padding: 37% 0;
}
	}




/*for the nice buttom*/
._dbtn:hover{ background-color: #51B3FF; color:#fff; }
._dbtn{ overflow:hidden; background-color:#00adef; padding: 13px 20px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; box-shadow:1px 1px 0px 0px rgb(23, 141, 181); -webkit-box-shadow:1px 1px 0px 0px rgb(23, 141, 181); -moz-box-shadow:1px 1px 0px 0px rgb(23, 141, 181); color:#fff; text-transform:uppercase; font-weight:normal; transition: all cubic-bezier(0.72, 0.14, 0, 1.09) .3s; -webkit-transition: all cubic-bezier(0.72, 0.14, 0, 1.09) .3s; -moz-transition: all cubic-bezier(0.72, 0.14, 0, 1.09) .3s; position:relative; -ms-transition: all cubic-bezier(0.72, 0.14, 0, 1.09) .3s; -o-transition: all cubic-bezier(0.72, 0.14, 0, 1.09) .3s; font-weight:bold; display:inline-block;  } ._dbtn:before{ left:0;  transition:all cubic-bezier(0.64, 0.17, 0.45, 0.95) .3s; -webkit-transition:all cubic-bezier(0.64, 0.17, 0.45, 0.95) .3s; -o-transition:all cubic-bezier(0.64, 0.17, 0.45, 0.95) .3s; -moz-transition:all cubic-bezier(0.64, 0.17, 0.45, 0.95) .3s; position:absolute; right:0;  width:0%; height:1px; background-color: rgba(100%,100%,100%,.1); padding:0; margin:auto; content:""; display:block; top:21px; bottom:0; width:50px; height:50px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;  transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);  }
._dbtn:hover:before{ transform:scale(3); -webkit-transform:scale(3); -moz-transform:scale(3); -o-transform:scale(3); -ms-transform:scale(3);  }
._cpt{}

/*for the baground masking*/
.w-mask{ position:fixed; top:0; left:0; bottom:0; right:0; background-color:rgba(255,255,255,.5); z-index:1000; }