@charset "utf-8";

/* CSS Document */

/* = Fonts Style
-------------------------------------------- */
@font-face {
    font-family: 'museo300';
    src: url('../fonts/opensans-regular.woff2') format('woff2'), url('../fonts/opensans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo700';
    src: url('../fonts/opensans-regular.woff2') format('woff2'), url('../fonts/opensans-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'museo700';
}

/* = Global Style
-------------------------------------------- */

/*::selection{
    background: #337ab7; 
    color: white;
}

::-moz-selection{
    background: #337ab7; 
    color: white;
}*/

body {
    font-family: "museo300", Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    font-size: 16px;
    color: #333333;
}

a{
    blr:expression(this.onFocus=this.blur());   /*    IE Opera    */
    outline:none;   /*    FF Opera    */
}

a:focus{
    outline-style:none; 
    -moz-outline-style: none;   /*    FF    */
}

:focus{outline:none;}

:active{outline:none;}

::-moz-focus-inner{outline:none;}

@media (min-width:1200px) {
    .container {
        width: 1180px;
    }
}

/* = navbar
-------------------------------------------- */
.navbar {
    position: relative;
    min-height: 78px;
    margin-bottom: 0px;
    z-index: 1000;
}
@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}
.navbar-brand {
    float: left;
    padding: 30px 0px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none;
}
.navbar-brand > img {
    display: block;
}
.navbar-header .navbar-toggle .icon-bar {
    background-color: #563d7c;
}
.navbar-header .navbar-toggle {
    border-color: #fff;
}
.navbar-header .navbar-toggle:hover,
.navbar-header .navbar-toggle:focus {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}
@media (min-width: 768px) {	
    .collapse {
        float: right;
        margin-top: 30px;
    }
}
.nav {
    float: left;
    margin-bottom: 0;  
    padding-left: 0;
    list-style: none;
}
.nav > li {
    position: relative;
    display: inline-block;  
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 0px 15px;
    font-family: 'museo700';
    font-size: 16px;
    color: #393c3f;
}
.nav > li > a:hover,
.nav > li > a:focus {
    color: #0087ff;
    background: none;
    text-decoration: underline;  
}
.nav > li.active > a {
    color: #0087ff;  
}
.nav > li.dropdown > a {
    background: url(../img/arrow_dropdown.png) right center no-repeat;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #337ab7;
}
.navbar .btn-search {	
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 16px;
    border: none;
    background: url(../img/icon_search.png) left top no-repeat;
    text-indent: -9999px;
}
.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
}
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 18px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle:focus {
    outline: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}
@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}
@media (min-width: 768px) {
    .product-nav .modal-dialog {
        width: 84%;
        margin: 100px auto;
    }
}
.product-nav .modal-content {
    background-color: #288ee7;
    color: #FFFFFF;
}
.product-nav .modal-header {
    border-bottom: 1px solid #57aefa;
    margin: 0px 50px;
    padding: 22px 15px;
}
.product-nav .modal-title {
    text-align: center;
    font-size: 24px;
}
.product-nav .close {
    font-size: 24px;
    color: #FFFFFF;
    opacity: .7;
}
.product-nav .close:hover,
.product-nav .close:focus {
    color: #000000;
    opacity: .5;
}
.product-nav .item .img-responsive {
    float: left;
    width: 61px;
    margin-right: 15px;
}
.product-nav .modal-body {
    padding: 44px 40px;
}
.product-nav .item {
    padding-right: 0px;
    padding-left: 0px;
}
.product-nav .item a {
    display: block;
    min-height: 106px;
    padding: 22px 10px;
    color: #FFFFFF;
    text-decoration: none;
}
.product-nav .item a:hover,
.product-nav .item a:active {
    text-decoration: none;
    background-color: #288fe8;	
    -webkit-box-shadow:0 0 32px #237fcd;  
    -moz-box-shadow:0 0 32px #237fcd;  
    box-shadow:0 0 32px #237fcd;  
}
.product-nav dl {
    padding-left: 76px;
    margin-bottom: 0;
}
.product-nav dl dt {
    font-size: 14px;
}
.product-nav dl dd {
    font-size: 14px;
    color: #a1d4ff;
}

/* = banner
-------------------------------------------- */
.banner-android {
    background: url(../img/bg_home-banner-android.jpg) 0 0 no-repeat;
    background-size: cover;
    height: 690px;
}

.banner-android .container {
    position: relative;
    padding-left: 42px;
    padding-right: 42px;
}

.banner-android .text {
    height: 245px;
    margin-top: 120px;
    padding: 10px 0px 0px 46px;
    background: url(../img/bg_banner-android-text.png) left top no-repeat;
    background-size: cover;
}

.banner-android h1 {
    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 56px;
    color: #04840d;
}

.banner-android p {
    margin-bottom: 16px;
    font-family: 'museo700';
    font-size: 28.77px;
    color: #089e39;
}

.banner-android .btn-more {
    min-width: 184px;
    height: 52px;
    line-height: 40px;
    background-color: #0fb71f;
    font-size: 24px;
    color: #FFFFFF;
}

.banner-android .btn-more:hover,
.banner-android .btn-more:active {
    background-color: #0ae81f;
}

.banner-android .text {
    padding: 30px 0px 0px 36px;
}

.banner-android h1 {
    font-size: 38px;
}

.banner-android p {
    font-size: 24px;
}

.android-html5 {
    position: absolute;
    left: 74px;
    top: 386px;
    width: 783px;
    height: 249px;
    background: url(../img/banner_android_bg.png);
    filter: alpha(opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';	
}

.android-html5 img {
    position: inherit;
    opacity: 0;
    left: 44px;
    bottom: 44%;
    width: 30px;
    filter: alpha(opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

#icon-android-1 {
    -webkit-animation: icon-android-1 3s ease-in infinite;
    -moz-animation: icon-android-1 3s ease-in infinite;
    -ms-animation: icon-android-1 3s ease-in infinite;
    -o-animation: icon-android-1 3s ease-in infinite;
    animation: icon-android-1 3s ease-in infinite;
}

#icon-android-2 {
    -webkit-animation: icon-android-2 3s 0.8s ease-in infinite;
    -moz-animation: icon-android-2 3s 0.8s ease-in infinite;
    -ms-animation: icon-android-2 3s 0.8s ease-in infinite;
    -o-animation: icon-android-2 3s 0.8s ease-in infinite;
    animation: icon-android-2 3s 0.8s ease-in infinite;
}

#icon-android-3 {
    -webkit-animation: icon-android-3 3s 1.5s ease-in infinite;
    -moz-animation: icon-android-3 3s 1.5s ease-in infinite;
    -ms-animation: icon-android-3 3s 1.5s ease-in infinite;
    -o-animation: icon-android-3 3s 1.5s ease-in infinite;
    animation: icon-android-3 3s 1.5s ease-in infinite;
}

#icon-android-4 {
    -webkit-animation: icon-android-4 3s 2.1s ease-in infinite;
    -moz-animation: icon-android-4 3s 2.1s ease-in infinite;
    -ms-animation: icon-android-4 3s 2.1s ease-in infinite;
    -o-animation: icon-android-4 3s 2.1s ease-in infinite;
    animation: icon-android-4 3s 2.1s ease-in infinite;
}

#icon-android-5 {
    -webkit-animation: icon-android-5 3s 2.6s ease-in infinite;
    -moz-animation: icon-android-5 3s 2.6s ease-in infinite;
    -ms-animation: icon-android-5 3s 2.6s ease-in infinite;
    -o-animation: icon-android-5 3s 2.6s ease-in infinite;
    animation: icon-android-5 3s 2.6s ease-in infinite;
}

.banner-iphone {
    background: url(../img/bg_home-banner-iphone.jpg) 0 0 no-repeat;
    background-size: cover;
    height: 690px;
}

.banner-iphone .container {
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
}

.banner-iphone .text {
    height: 245px;
    margin-top: 150px;
    padding: 0px 0px 0px 570px;	
}

.banner-iphone h1 {
    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 38px;
    color: #FFFFFF;
}

.banner-iphone p {
    margin-bottom: 16px;
    font-family: 'museo700';
    font-size: 24px;
    color: #FFFFFF;
}

.banner-iphone .btn-more {
    margin-top: 18px;
    min-width: 184px;
    height: 52px;
    line-height: 40px;
    border: 2px solid #ececec;
    border-radius: 4px;
    font-size: 24px;
    color: #ececec;
}

.banner-iphone .btn-more:hover,
.banner-iphone .btn-more:active {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}

.iphone-html5 {
    position: absolute;
    top: 100%;
    right: 102px;
    bottom: 66px;
    width: 824px;
    height: 244px;
    background: url(../img/banner_iphone_bg.png);
    filter: alpha(opacity=100);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';	
}

.iphone-html5 img {
    position: inherit;
    opacity: 0;
    top: auto;
    right: 46px;
    bottom: 50%;
    width: 30px;
    filter: alpha(opacity=0);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

#icon-iphone-1 {
    -webkit-animation: icon-iphone-1 3s ease-in infinite;
    -moz-animation: icon-iphone-1 3s ease-in infinite;
    -ms-animation: icon-iphone-1 3s ease-in infinite;
    -o-animation: icon-iphone-1 3s ease-in infinite;
    animation: icon-iphone-1 3s ease-in infinite;
}

#icon-iphone-2 {
    -webkit-animation: icon-iphone-2 3s 0.8s ease-in infinite;
    -moz-animation: icon-iphone-2 3s 0.8s ease-in infinite;
    -ms-animation: icon-iphone-2 3s 0.8s ease-in infinite;
    -o-animation: icon-iphone-2 3s 0.8s ease-in infinite;
    animation: icon-iphone-2 3s 0.8s ease-in infinite;
}

#icon-iphone-3 {
    -webkit-animation: icon-iphone-3 3s 1.5s ease-in infinite;
    -moz-animation: icon-iphone-3 3s 1.5s ease-in infinite;
    -ms-animation: icon-iphone-3 3s 1.5s ease-in infinite;
    -o-animation: icon-iphone-3 3s 1.5s ease-in infinite;
    animation: icon-iphone-3 3s 1.5s ease-in infinite;
}

#icon-iphone-4 {
    -webkit-animation: icon-iphone-4 3s 2.1s ease-in infinite;
    -moz-animation: icon-iphone-4 3s 2.1s ease-in infinite;
    -ms-animation: icon-iphone-4 3s 2.1s ease-in infinite;
    -o-animation: icon-iphone-4 3s 2.1s ease-in infinite;
    animation: icon-iphone-4 3s 2.1s ease-in infinite;
}

#icon-iphone-5 {
    -webkit-animation: icon-iphone-5 3s 2.6s ease-in infinite;
    -moz-animation: icon-iphone-5 3s 2.6s ease-in infinite;
    -ms-animation: icon-iphone-5 3s 2.6s ease-in infinite;
    -o-animation: icon-iphone-5 3s 2.6s ease-in infinite;
    animation: icon-iphone-5 3s 2.6s ease-in infinite;
}

.carousel-indicators.banner-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-indicators.banner-indicators li {
    display: inline-block;
    width: 102px;
    height: 2px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #f3e5da;
    border: none;
}
.carousel-indicators.banner-indicators .active {  
    width: 102px;
    height: 2px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #FFFFFF;
}

/* = home-product
-------------------------------------------- */
.home-product {
    padding-top: 50px;
    padding-bottom: 86px;
}

.home-product .title {
    margin-bottom: 56px;
    text-align: center;
    font-size: 36px;
    color: #172a39;
}

.home-product .pro-iphonebackupextractor,
.home-product .pro-photorecovery,
.home-product .pro-filerecovery,
.home-product .pro-phonedatatransfe {
    position: relative;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;	
}

.home-product .pro-iphonebackupextractor:hover,
.home-product .pro-photorecovery:hover,
.home-product .pro-filerecovery:hover,
.home-product .pro-phonedatatransfe:hover {
    animation:home-img-hover 2s forwards;
    -moz-animation:home-img-hover 2s forwards;
    -webkit-animation:home-img-hover 2s forwards; 
    -o-animation:home-img-hover 2s forwards;
}

.home-product .pro-iphonebackupextractor {
    float: left;
    width: 393px;
    height: 784px;
    padding-top: 60px;
    background: url(../img/bg_iphone-backup-extractor.jpg) left top no-repeat;
    background-size: 100%;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
}

.home-product .pro-photorecovery {
    width: 391px;
    height: 390px;
    padding-top: 48px;
    background: url(../img/bg_photo-recovery.jpg) left top no-repeat;
    background-size: 100%;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
}

.home-product .pro-filerecovery {
    width: 394px;
    height: 390px;
    padding-top: 48px;
    background: url(../img/bg_file-recovery.jpg) left top no-repeat;
    background-size: 100%;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;	
}

.home-product .pro-phonedatatransfe {
    width: 784px;
    height: 394px;
    padding-top: 50px;
    background: url(../img/bg_phone-data-transfer.jpg) left top no-repeat;
    background-size: 100%;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;	
}

.home-product dl dt {
    font-weight: normal;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 40px;
}

.home-product .pro-iphonebackupextractor dl dt {
    margin-bottom: 20px;
}

.home-product .pro-phonedatatransfe dl dt {	
    font-size: 36px;
}

.home-product .btn-more {
    min-width: 150px;
    height: 45px;
    line-height: 33px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
}

.home-product .btn-more:hover,
.home-product .btn-more:active {
    background-color: #FFFFFF;
    color: #008ffb;
}

.home-product .pro-iphonebackupextractor .btn-more {
    margin-top: 30px;	
    background-color: #008ffb;	
    color: #FFFFFF;
}

.home-product .pro-photorecovery .btn-more,
.home-product .pro-filerecovery .btn-more {
    margin-top: 14px;
}

.home-product .pro-phonedatatransfe .btn-more {
    margin-top: 22px;
}

/*.home-product .pro-filerecovery .btn-more {
        border-color: #3f7a00;
        color: #3f7a00;
}*/

.home-product .pro-iphonebackupextractor .btn-more:hover,
.home-product .pro-iphonebackupextractor .btn-more:active {	
    background-color: #FFFFFF;
    color: #008ffb;
}

.home-product .pro-filerecovery .btn-more:hover,
.home-product .pro-filerecovery .btn-more:active {
    background-color: #FFFFFF;
    color: #008ffb;
}

.home-product img {
    position: absolute;
    left: 18%;
}

.home-product .pro-iphonebackupextractor img {	
    bottom: 52px;
}

.home-product .pro-photorecovery img,
.home-product .pro-filerecovery img{
    bottom: 0px;
}

.home-product .pro-phonedatatransfe img {
    bottom: 1px;
}

/* = feedback
-------------------------------------------- */
.feedback {
    height: 549px;
    padding-top: 70px;
    background: url(../img/bg_feedback.jpg) left top repeat-x;
    text-align: center;
}

.feedback .title {
    font-size: 36px;
    color: #0087ff;
}

.feedback .carousel{
    padding-left: 100px;
    padding-right: 100px;
}

.feedback .carousel-inner {
    height: 370px;
    margin-top: 30px;	
}

.feedback .carousel-inner .head {
    margin-bottom: 26px;
}

.feedback .carousel-inner .head img {
    display: inline-block;
    width: 136px;
    height: 136px;
    border: 4px solid #FFFFFF;
    border-radius: 72px;
    -webkit-border-radius: 72px;
    -moz-border-radius: 72px;
}

.feedback .carousel-inner p {
    font-size: 20px;
}

.feedback .carousel-inner p strong {
    display: block;
}

.carousel-indicators.feedback-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-indicators.feedback-indicators li {
    display: inline-block;
    width: 102px;
    height: 2px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #c0d3e1;
    border: none;
}
.carousel-indicators.feedback-indicators .active {  
    width: 102px;
    height: 2px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #0087ff;
}

/* = site-safe
-------------------------------------------- */
.site-safe {
    height: 384px;
    padding-top: 62px;
    padding-bottom: 62px;
}

.site-safe .title {
    text-align: center;
    font-size: 36px;
    color: #0e273c;
}

.site-safe ul {
    list-style: none;
    margin: 90px 0px 0px 0px;
    padding: 0;
}

.site-safe ul li {
    float: left;
    width: 25%;
    height: 65px;
    padding-top: 10px;
    line-height: 24px;
    font-size: 18px;
    color: #274a67;
}

.site-safe ul li.guarantee {
    padding-left: 104px;
    background: url(../img/img_30-days-money-back-guarantee.png) left center no-repeat;
}

.site-safe ul li.service {
    padding-left: 78px;
    background: url(../img/img_free-customer-service.png) left center no-repeat;
}

.site-safe ul li.safe {
    padding-left: 70px;
    background: url(../img/img_clean-and-safe.png) left center no-repeat;
}

.site-safe ul li.payment {
    padding-left: 82px;
    background: url(../img/img_secure-online-payment.png) left center no-repeat;
}

/* = footer
-------------------------------------------- */
.footer {
    min-height: 380px;
    background-color: #2d3841;
    color: #acb2b7;
}

.quickLink{
    min-height: 300px;
    padding-top: 52px;
}

.quickLink a {
    color: #acb2b7;
}

.quickLink dl {
    float: left;
    padding: 0;
}

.quickLink dl dt {
    margin-bottom: 10px;
    font-size: 22px;
    color: #d5d9dc;
}

.quickLink dl dd {
    margin-bottom: 6px;
}

.quickLink dl.resource {
    width: 24%;
}

.quickLink dl.hot-topic {
    width: 34%;
}

.quickLink dl.company {
    width: 22%;	
}

.quickLink .site-link {
    float: left;
    width: 20%;
}

.quickLink .site-link h6 {
    margin-top: 0px;
    margin-bottom: 16px;
    font-size: 22px;
    color: #d5d9dc;
}

.quickLink select[name='language'] {
    width: 202px;
    height: 40px;
    padding-left: 34px;
    margin-bottom: 30px;
    border: 2px solid #4f5b65;
    font-size: 16px;
    color: #8b9094;
    background: url(../img/icon_language.png) 11px 50% no-repeat;
    background-color: transparent;
}

.quickLink select[name='language'].option {
    background-color: transparent;
    padding-top: 4px;
    padding-bottom: 4px;
}

.copyright {
    min-width: 100%;
    height: 78px;
    margin-left: -15px;
    margin-right: -15px;
    line-height: 78px;
    text-align: center;
    font-size: 15px;
    color: #55626d;
    border-top: 1px solid #3c454d;
}

.copyright a {
    color: #55626d;
}

.site-share a {
    display: inline-block;
    margin-right: 4px;
    width:30px;
    height: 30px;
    z-index:11;
    overflow:hidden; 
    text-indent: -999px;
    background-image: url("../img/icon_share_foot.png");
    background-repeat: no-repeat; 
}

.site-share a:hover {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing
}
.btn-site-facebook{
    background-position: 0px 0px;
}
.btn-site-twitter{
    background-position: -36px 0px;
}
.btn-site-youtube{
    background-position: -73px 0px;
}
.btn-site-googlePlus{
    background-position: -109px 0px;
}
.btn-site-in{
    background-position: -146px 0px;
}

.site-recovery {
    padding-top: 10px;
}

.site-recovery a {
    float: left;
    display: block;
    width: 32%;
}

.site-recovery img{
    display: inline-block;
    max-width: 90px;
}

#scrollUp {
    background-color: #777;
    color: #eee;
    font-size: 26px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    bottom: 20px;
    right: 20px;
    overflow: hidden;
    width: 46px;
    height: 46px;
    padding-top: 10px;
    border: none;
    opacity: .8
}
#scrollUp:hover {
    background-color: #333
}
@media screen and (min-width: 992px) {
    #scrollUp {
        bottom: 100px
    }
}

/* = breadcrumb
-------------------------------------------- */
.breadcrumb {
    height: 47px;
    padding: 0px;
    margin: 0px;
    background: url(../img/bg_breadcrumb.jpg) center top repeat-x;
    background-size: cover;
    line-height: 42px;
    font-size: 14px;
    color: #FFFFFF;
}

.breadcrumb .container {
    padding-left: 0px;
    padding-right: 0px;
}

.breadcrumb a {
    color: #FFFFFF;
}

/* = content
-------------------------------------------- */
.content {
    float: left;
    width: 66%;
    /*width: 780px;*/
}

.sidebar {
    float: right;
    width: 28%;
    /*width: 330px;*/
}

.wp-pagenavi {
    margin: 20px 0px;
    border-radius: 4px;
}

.wp-pagenavi span,
.wp-pagenavi a {
    position: relative;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.wp-pagenavi a:focus,
.wp-pagenavi a:hover,
.wp-pagenavi span:focus,
.wp-pagenavi span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.wp-pagenavi .current {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

/* = sidebar
-------------------------------------------- */
.widget {
    margin-bottom: 26px;
}

.widget h3 {
    margin: 0px 20px;
    font-size: 20px;
    color: #0087ff;
}

.widget-hotTopics {
    padding: 20px 0px;
    border: 1px solid #e4e4e4;
    border-top: 4px solid #0087ff;	
}

.widget-hotTopics ul {
    list-style: none;
    margin: 0;
    padding: 20px 20px 10px 20px;
}

.widget-hotTopics ul li {
    margin-bottom: 10px;
    padding-left: 24px;
    background: url(../img/icon_hotTopics.png) 0px 4px no-repeat;
}

.widget-hotTopics ul li a {	
    font-size: 16px;
    color: #333333;
    text-decoration: underline;
}

.widget-hotTopics ul li a:hover,
.widget-hotTopics ul li a:active {
    color: #0c28a3;
}

/* = sub-page
-------------------------------------------- */
.sub-page {
    padding-top: 70px;
    padding-bottom: 50px;
}

.sub-page .content h1 {
    margin-top: 0px;
}

.sub-page .content p {
    line-height: 24px;
}

/* = resource
-------------------------------------------- */
.resource-topics {
    background: url(../img/bg_resourcePage.jpg) left top no-repeat;
    /*background-size: 100% auto;*/
    background-size: cover;
    max-height: 278px;
    padding-top: 24px;
    padding-bottom: 10px;
}

.resource-topics h1 {
    margin-bottom: 20px;
    font-size: 26px;
    color: #FFFFFF;
}

.resource-topics ul {	
    margin: 0;
    padding: 0;
    list-style: none;
}

.resource-topics ul li {
    float: left;
    width: 20%;
    margin-bottom: 24px;
}

.resource-topics ul li a {
    font-size: 16px;
    color: #FFFFFF;
}

.resource {
    padding-top: 32px;
    padding-bottom: 10px;
}

.resource .row {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-width: 24em;
    -webkit-column-width: 24em;
    column-width: 24em;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;	
}

.resource dl {
    /*float: left;
    width: 48.5%;*/
    min-height: 500px;
    /*margin-bottom: 32px;
    margin-left: 0.75%;
    margin-right: 0.75%;	*/
    margin-top: 0px;
    margin-bottom: 32px;
    padding: 20px 30px;
    border: 1px solid #dbdbdb;
    border-top-width: 4px;		
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;	
}

.resource dl dt {
    margin-bottom: 12px;
    font-size: 20px;
}

.resource dl dd {
    margin-bottom: 8px;
}

.resource dl dd a {
    color: #555555;
}

.resource dl dd.more a {
    font-weight: bold;
    color: #0087ff;
}

.resource dl.item-1 {
    /*margin-right: 1.5%;*/
    border-top-color: #399ef7;
}

.resource dl.item-2 {
    /*margin-left: 1.5%;*/
    border-top-color: #15c2a8;
}

.resource dl.item-3 {
    /*margin-right: 1.5%;*/
    border-top-color: #0bcb9c;
}

.resource dl.item-4 {
    /*margin-left: 1.5%;*/
    border-top-color: #ea9d17;
}

.resource-list-product {
    background: url(../img/bg_resourcePage.jpg) left top no-repeat;
    /*background-size: 100% auto;*/
    background-size: cover;
    min-height: 238px;
}

.resource-list-product .text {
    float: left;
    width: 66%;
    /*width: 780px;*/
}

.resource-list-product .text .img-responsive {
    float: left;
    width: 96px;
    margin-top: 30px;
}

.resource-list-product .title {
    margin-top: 30px;
    padding-left: 124px;
    font-size: 30px;
    color: #FFFFFF;
}

.resource-list-product .title a {
    color: #FFFFFF;
}

.resource-list-product .text p {
    font-size: 17px;
    color: #FFFFFF;
    padding-left: 124px;
}

.resource-list-product .text p a {
    color: #98cfff;
}

.resource-list-product .btn-area {
    float: left;
    width: 28%;
    /*width: 380px;*/
    padding-left: 62px;
    padding-top: 26px;
}

.resource-list-product .btn {
    display: inline-block;
    min-width: 222px;
    height: 52px;
    margin-bottom: 12px;
    padding: 11px 0px 0px 48px;
    line-height: 17px;
    text-align: left;
    font-size: 16px;
    color: #FFFFFF;
}

.resource-list-product .btn span {
    display: block;
    font-size: 12px;
}

.resource-list-product .win {
    background: url(../img/icon_windows.png) #51c020 14px 15px no-repeat;
}

.resource-list-product .win:hover {
    background-color: #54e216;
}

.resource-list-product .win:active {
    background-color: #4caa23;
}

.resource-list-product .mac {
    background: url(../img/icon_mac.png) #10a5ee 15px 11px no-repeat;
}

.resource-list-product .mac:hover {
    background-color: #2bb7fc;
}

.resource-list-product .mac:active {
    background-color: #1194d5;
}

.bread {
    height: 50px;
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    color: #FFFFFF;
}

.bread a {
    color: #FFFFFF;
}

.resource-list {
    padding-top: 40px;
    padding-bottom: 40px;
}

.resource-list .content .title {
    margin: 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 30px;
    color: #172a39;
}

.resource-list .list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.resource-list .list li {
    padding: 22px 0px 22px 54px;
    background: url(../img/icon_resourceList.png) 0px 26px no-repeat;
    border-bottom: 1px dotted #d0d4d8;
}

.resource-list .list li a {
    font-size: 20px;
    color: #0087ff;
}

.resource-page {
	/*text-align: center;*/
	padding: 40px 90px 80px 90px;
}

.resource-page h1 {
	margin-bottom: 20px;
	font-size: 30px;
}

.resource-page p {
	/*margin-bottom: 30px;*/
	line-height: 24px;
	margin-bottom: 14px;
}

.resource-page img {
	display: block;
	/* margin-left: auto;
	margin-right: auto; */
	margin-top: 10px;
	margin-bottom: 20px;
}

.resource-page a img {
	display: inline-block;
	margin-right: 20px;
}

.resource-page a img.alignnone {
	display: inline-block;
	margin-right: auto;
}

.resource-page dl {
	margin-bottom: 30px;
	text-align: left;
}

.resource-page dl dt {
	margin-bottom: 18px;
	font-family: 'museo700';
	font-size: 18px;
	color: #252424;
}

.resource-page dl dt .num,
.resource-page .num {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 14px;
	background: url(../img/bg_arrow_number.png) 0px 0px no-repeat;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	color: #FFFFFF;
}

.resource-page .num {
	float: left;
	vertical-align: top;
}

.resource-page h4,
.resource-page h5,
.resource-page h6 {
	margin-bottom: 20px
}

.resource-page dl dt {
	font-size: 18px;
	color: #252424;
}

.resource-page ul,
.resource-page ol {
	text-align: left;
}

.resource-page .author {
	min-height: 102px;
    padding-left: 100px;
    padding-top: 22px;
    margin-top: 40px;
    /* border-left: 3px solid #2c8fd2;
    background: url(../img/img_author.png) #eff2f4 28px center no-repeat; */
    background: url(../img/img_author.png) #fff 28px center no-repeat;
	border: 1px solid #dee5eb;
    text-align: left;
}

.resource-page .author p {
	/* margin-bottom: 10px; */
	margin-top: 4px;
    margin-bottom: 10px;
}

.resource-page .author a {
	color: #2c8fd2;
}

.resource-page .related_post_title {
	margin-top: 30px;
}

.resource-articles {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-top: 50px;
    padding-bottom: 40px;
    padding-top: 20px;
}
.resource-articles .row {
    margin-left: 0;
    margin-right: 0;
}
.resource-articles .related,
.resource-articles .new {
    float: left;
    width: 50%;
}

.resource-articles ul {
    list-style: none;
    padding-left: 0px;
}

.resource-articles ul li {
    border-left: 4px solid #ea8600;
    padding-left: 16px;
    width: 96%;
    margin-top: 22px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.resource-articles ul li a {
    font-size: 16px;
    color: #0087ff;
}
.resource-hotTopics {
    padding-top: 40px;
    padding-bottom: 50px;
    border-top: 1px solid #DBDBDB;
}

.resource-hotTopics .title {
    margin-bottom: 20px;
    font-size: 24px;
    color: #172a39;
}

.resource-hotTopics ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.resource-hotTopics ul li {
    /*float: left;*/
    display:block;
    /*width: 50%;*/
    margin-bottom: 6px;
    padding-left: 26px;
    background: url(../img/icon_hotTopics.png) 0px 4px no-repeat;	              
    word-break:keep-all;           	/* 不换行 */
    white-space:nowrap;          	/* 不换行 */
    overflow:hidden;               	/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;         /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}

.resource-hotTopics ul li a {
    font-size: 18px;
    color: #006cff;
}

/* = support
-------------------------------------------- */
.support-banner {
    background: url(../img/bg_support_banner.jpg) 0px 0px no-repeat;
    background-size: cover;
    height: 199px;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
}

.support-page-banner {
    padding-top: 40px;
}

.support-subpage {
    padding-top: 60px;
}

.support-banner .title {
    font-size: 36px;
}

.support {
    padding: 40px 0px;
}

.support .item {
    float: left;
    width: 23.5%;
    min-height: 420px;
    margin-right: 2%;
    border: 1px solid #d5d5d5;
    text-align: center;
    padding-top: 40px;
}

.support .item dl {
    padding: 20px;
}

.support .item dl dt {
    font-size: 22px;
    color: #0087ff;
}

.support .item ul {
    list-style: none;
    margin: 0;
    padding: 20px;
    text-align: left;
    border-top: 1px solid #d5d5d5;
}

.support .item ul li {
    padding-left: 12px;
    background: url(../img/arrow_right_blue.png) 0px 6px no-repeat;
}

.support .item ul li a {
    font-size: 14px;
    color: #333333;
}

.support .item ul li.more a {
    color: #0087ff;
    text-decoration: underline;
}

.support .last {
    margin-right: 0;
}

.email-container {
    min-height: 136px;
    margin-top: 36px;
    padding: 22px 0px 10px 116px;
    border: 1px solid #e0e0e0;
    border-top-width: 3px;
    border-top-color: #0087ff;
    background: url(../img/icon_email.png) 30px 30px no-repeat;
}

.email-container dt {
    font-size: 22px;
}

.email-container dd span {
    color: #2c78bf;
}

.support-product {
    padding-top: 44px;
}

.support-product .product-list {
    list-style: none;
    margin: 0;
    padding: 0;	
}

.support-product .product-list li a {
    display: block;
    float: left;
    width: 32.3%;
    height: 370px;
    margin-right: 1.5%;
    margin-bottom: 30px;
    padding-top: 300px;
    border: 1px solid #e0e0e0;
    text-align: center;
    font-size: 22px;
    color: #172a39;
    text-decoration: none;
}

.support-product .product-list li.last a {
    margin-right: 0px;
}

.support-product .product-list li a:hover {
    box-shadow: 0px 0px 30px #f0f0f0;
    border-color: #4ea6f4;
    text-decoration: none;
}

.support-product .product-list li.iphoneRecovery-faqs  a {
    background: url(../img/img_iphone-recovery-faqs.png) center top no-repeat;
}

.support-product .product-list li.androidRecovery-faqs a {
    background: url(../img/img_android-recovery-faqs.png) center top no-repeat;
}

.support-product .product-list li.phoneRecovery-faqs a {
    background: url(../img/img_phone-transfer-faqs.png) center top no-repeat;
}

.support-product .product-list li.photoRecovery-faqs a {
    background: url(../img/img_photo-recovery-faqs.png) center top no-repeat;
}

.support-product .product-list li.fileRecovery-faqs a {
    background: url(../img/img_file-recovery-faqs.png) center top no-repeat;
}

.support-product .product-list li.ibackupExtractor-faqs a {
    background: url(../img/img_ibackup-extractor-faqs.png) center top no-repeat;
}

.support-product .email-container {
    margin-top: 10px;
}

.support-product-detailed {
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 45px;
    padding-right: 45px;
}

.support-product-detailed h2 {	
    font-size: 24px;
}

.support-product-detailed h3 {
    font-size: 16px;
    color: #333333;
}

.support-product-detailed span,
.sub-page p span {
    color: #428bca;
    text-decoration: underline;
}

.support-product-detailed img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
}

/* =.Order
-------------------------------------------- */
.order-product {
    padding: 54px 50px 54px 50px;
}

.purchase-pro-box {
    float: left;
    width: 130px;
}

.order-product-desc {
    padding-left: 170px;
}

.order-product-desc h1 {
    margin-top: 0px;
    font-size: 30px;
}

.order-product-desc ul {
    list-style: none;
    padding: 0;
}

.order-product-desc ul li {
    background: url("../img/icon_yes_green.png") 0px 5px no-repeat;
    padding-left: 16px;
}

.order-product-desc p a {
    color: #0087ff;
    text-decoration: underline;
}

.order-product-support {
    text-align: center;
}

.order-product-support img {
    margin: 0 auto;
}

.order-version {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 72px;
}

.order-version .item dl {
    position: relative;
    min-height: 416px;
    margin-top: 16px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    border: 1px solid #e0e0e0;
    text-align: center;
}

.order-version .bastSeller dl {
    margin-top: 0px;
    min-height: 448px;
    box-shadow: 0px 0px 30px #e9e9e9;
}

.order-version .img-ad {
    position: absolute;
    top: 0px;
    right: -1px;
}

.order-version dl dt {
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 22px;
    color: #172a39;	
}

.order-version .bastSeller dl dt {
    height: 76px;
    line-height: 76px;
}

.order-version dl dd.desc {
    padding: 12px 0px;
    line-height: 36px;
    border-bottom: 1px solid #e0e0e0;
}

.order-version dl dd.price {
    height: 76px;
    line-height: 76px;
    font-weight: bold;
    font-size: 26px;
    color: #cd1e1e;
}

.order-version dl dd.desc {
    font-size: 16px;
    color: #444444;
}

.order-version dl dd.price {
    font-size: 22px;
    color: #e90c0c;
}

.order-version dl dd .btn-buynow {
    min-width: 160px;
    height: 42px;
    margin-bottom: 14px;
    border-radius: 34px;
    font-size: 18px;
    color: #FFFFFF;
    background-color: #fe5e1e;
}

.order-version dl dd .btn-buynow:hover,
.order-version dl dd .btn-buynow:active {
    background-color: #ff7c48;
}

.specia-offer {
    background-color: #f2f5f7;
    padding: 50px 0px 60px 0px;
    text-align: center;
}

.specia-offer .container {
    padding-left: 50px;
    padding-right: 50px;
}

.specia-offer .title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 30px;
    color: #172a39;
}

.specia-offer .item {
    position: relative;
    float: left;
    width: 22%;
    min-height: 410px;
    margin-right: 4%;
    margin-bottom: 54px;
    padding: 40px 20px 20px;
    margin-top: 30px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #28d13c;
}

.specia-offer .item img {
    display: block;
    width: 130px;
    margin: 0 auto;
}

.specia-offer dl {
    padding-top: 40px;
}

.specia-offer dl dt,
.specia-offer dl dt a {
    margin-bottom: 12px;
    color: #172a39;
}

.specia-offer dl dd {
    margin-bottom: 12px;
    font-size: 14px;
}

.specia-offer dl dd.price {
    font-size: 20px;
    color: #e90c0c;
}

.specia-offer .item dl dd.price s {
    font-size: 16px;
    color: #555555;
}

.specia-offer .item dl dd.link a {
    font-size: 14px;
    color: #7db425;
    text-decoration: underline;
}

.specia-offer .item dl dd.link a:hover,
.specia-offer .item dl dd.link a:active {
    color: #92d12c;
}

.specia-offer .item .icon_yes {
    position: absolute;
    left: 46%;
    top: -12px;
    width: 26px;
    height: 26px;
    background: url("../img/icon_yes_gray_26.png") right top no-repeat;
}

.specia-offer .item.active .icon_yes,
.specia-offer .item .icon_yes.active {
    background: url("../img/icon_yes_green_26.png") right top no-repeat;
}

.specia-offer .item .check-product {
    display: none;	
}

.specia-offer .item .check-product + label {
    width: 26px;
    height: 26px;
    position: absolute;
    left: 46%;
    top: -12px;
    background: url("../img/icon_yes_gray_26.png") right top no-repeat;
    display: block;
    /*position: relative;*/
}

.specia-offer .item .check-product + label:active,
.specia-offer .item .check-product + label:active {
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/
}

.specia-offer .item .check-product:checked + label {
    background: url("../img/icon_yes_green_26.png") right top no-repeat;
}

.specia-offer .item .check-product:checked + label:after {
    /*content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;*/
}

.specia-offer .item .icon_add {
    position: absolute;
    right: -14.5%;
    top: 42%;
    width: 20px;
    height: 20px;
    background: url("../img/icon_add.png") right top no-repeat;
}

.specia-offer .item .icon_equal {
    position: absolute;
    right: -15%;
    top: 43%;
    width: 20px;
    height: 20px;
    background: url("../img/icon_equal.png") right top no-repeat;
}

.specia-offer .item-btn {
    float: left;
    width: 22%;	
    min-height: 410px;
    text-align: center;
    padding-top: 84px;
    margin-top: 30px;
    margin-bottom: 54px;
    background-color: #FFFFFF;
    border: 1px solid #d5d5d5;
    box-shadow: 0px 0px 30px #e9e9e9;
}

.specia-offer .item-btn .price {
    font-size: 30px;
    color: #e90c0c;
}

.specia-offer .item-btn .btn-buynow {
    width: 156px;
    height: 46px;
    line-height: 32px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-right: 40px;
    border-radius: 34px;
    background: url("../img/icon_order_21.png")  #f47c08 115px center no-repeat;
    font-size: 20px;
    color: #FFFFFF;
}

.specia-offer .item-btn .btn-buynow:hover,
.specia-offer .item-btn .btn-buynow:active {
    background-color: #ff9229;	
}

/* purchase-support */
.purchase-support {
    padding: 46px 0px 26px 0px;
}

.purchase-support dl {
    padding-left: 78px;
}

.purchase-support dl dt {
    color: #3a3744;
}

.purchase-support dl dd {
    font-size: 14px;
    color: #737373;	
}

.purchase-support .safe {
    background: url("../img/icon_safe_100.png") 18px 4px no-repeat;
}

.purchase-support .support {
    background: url("../img/icon_support_service.png") 18px 4px no-repeat;
    padding-top: 0px;
    padding-bottom: 0px;
}

.purchase-support .refund {
    background: url("../img/icon_refund_service.png") 18px 4px no-repeat;
}

.purchase-support .upgrade {
    background: url("../img/icon_upgrade.png") 18px 4px no-repeat;
}

/* = Product
-------------------------------------------- */
.product-banner {
    background-size: 100%;
    text-align: center;
    color: #FFFFFF;
    padding-top: 70px;
}

.product-banner.android-recovery {
    background: url(../img/bg_banner_android_data_recovery.jpg) 0px 0px no-repeat;
    height: 585px;
}

.product-banner.phone-transfer {
    background: url(../img/bg_banner_phone_data_transfer.jpg) 0px 0px no-repeat;
    height: 585px;		
}

.product-banner.photo-recovery {
    background: url(../img/bg_banner_photo_recovery.jpg) 0px 0px no-repeat;
    height: 585px;		
}

.product-banner.file-recovery {
    background: url(../img/bg_banner_file_recovery.jpg) 0px 0px no-repeat;
    height: 586px;
}

.product-banner.iphone-backup-extractor {
    background: url(../img/bg_banner_file_iphone_backup_extractor.jpg) 0px 0px no-repeat;
    height: 586px;
}

.product-banner.iphone-data-recovery {
    background: url(../img/bg_banner_iphone_data_recovery.jpg) 0px 0px no-repeat;
    height: 586px;
}

.product-banner.tubeget {
    background: url(../img/bg_banner_youtube_downloader.jpg) 0px 0px no-repeat;
    height: 586px;
}

.product-banner h1 {
    font-weight: normal;
    font-size: 55px;
}

.product-banner p {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-size: 22px;
}

.product-banner .link a {
    display: inline-block;
    margin-right: 14px;
    margin-left: 4px;
    color: #FFFFFF;
    text-decoration: underline;
}

.product-banner.tubeget .link a {
    color: #ffc730;
}

.product-banner .system {
    margin: 40px 0px 50px 0px;
    padding: 0;
    list-style: none;
}

.product-banner .system li {
    display: inline-block;
    margin: 0 1px;
}

.product-banner .system li a {
    display: block;
    padding: 6px 22px 6px 52px;
    border: 1px solid transparent;
    /*border-bottom: 2px solid transparent;*/
    font-size: 22px;	
    color: #FFFFFF;
}

.product-banner .system li a:hover,
.product-banner .system li a:active,
.product-banner .system li a.active:visited {
    text-decoration: none;
    color: #189ce9;	
    border: 1px solid transparent;
    /*border-bottom: 2px solid transparent;*/
}

.product-banner .system li a.active,
.product-banner .system li a.active:hover,
.product-banner .system li a.active:active {	
    border: 1px solid #189ce9;
    border-radius: 24px;
    /*border-bottom: 2px solid #8bd032;*/
    color: #189ce9;
    -moz-transition: .8s;
    -webkit-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    text-decoration: none;
}

.product-banner.tubeget .system {
    width: 408px;
    margin: 40px auto 44px auto;
    padding: 0;
    list-style: none;
}
.product-banner.tubeget .system li {
    float: left;
    width: 204px;
    margin: 0;
}
.product-banner.tubeget .system li a {
    display: block;
    padding: 8px 28px 8px 48px;
    border: 0;
    border-bottom: 1px solid #888888;
    font-size: 16px;	
    color: #888888;
}
.product-banner.tubeget .system li a:hover,
.product-banner.tubeget .system li a:active,
.product-banner.tubeget .system li a.active:visited {
    border: 0;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
}
.product-banner.tubeget .system li a.active,
.product-banner.tubeget .system li a.active:hover,
.product-banner.tubeget .system li a.active:active {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.product-banner .system li.windows a {
    background: url(../img/icon_product_tab_win_article.png) 22px 9px no-repeat;
}

.product-banner .system li.windows a.active {
    background: url(../img/icon_product_tab_win_article.png) 22px 9px no-repeat;
}

.product-banner .system li.mac a {
    background: url(../img/icon_product_tab_mac.png) 20px 5px no-repeat;
}

.product-banner .system li.mac a.active {
    background: url(../img/icon_product_tab_mac.png) 20px 5px no-repeat;
}

.product-banner.tubeget .system li.windows a {
    background: url(../img/icon_tubeget_product_tab_win.png) 50px 10px no-repeat;
}

.product-banner.tubeget .system li.windows a.active {
    background: url(../img/icon_tubeget_product_tab_win_active.png) 50px 10px no-repeat;
}

.product-banner.tubeget .system li.mac a {
    background: url(../img/icon_tubeget_product_tab_mac.png) 70px 8px no-repeat;
}

.product-banner.tubeget .system li.mac a.active {
    background: url(../img/icon_tubeget_product_tab_mac-active.png) 70px 8px no-repeat;
}

.product-banner .btn-banner-download,
.product-banner .btn-banner-buynow,
.btn-banner-download-whatsapp,
.product-whatsapp .btn-banner-buynow-whatsapp {
    height: 60px;
    margin: 0px 18px;
    border-radius: 4px;
    text-align: left;
    color: #FFFFFF;
}

.product-banner .btn-banner-download,
.product-whatsapp .btn-banner-download-whatsapp {
    width: 246px;	
    line-height:24px;
    font-size: 18px;
}

.product-banner .btn-banner-download.windows {
    background: url("../img/icon_btn_windows.png") #0087ff 20px center no-repeat;
    padding-left: 63px;
}

.product-banner .btn-banner-download.mac {
    background: url("../img/icon_btn_mac.png") #0087ff 18px center no-repeat;
    padding-left: 57px;
}

.product-banner .btn-banner-download.android {
    background: url("../img/icon_btn_android.png") #0087ff 17px center no-repeat;
    padding-left: 58px;
}

.product-banner .btn-banner-download span,
.product-whatsapp .btn-banner-download-whatsapp span {
    display: block;
    line-height: 18px;
    font-size: 14px;	
    color: #d7ecc0;
}

.product-banner .btn-banner-download:hover,
.product-banner .btn-banner-download:active {
    background-color: #0681ef;
}

.product-banner .btn-banner-buynow {
    width: 200px;
    padding-left: 78px;
    background: url("../img/icon_btn_buynow.png")  #ea9b1f 26px center no-repeat;
    line-height:24px;
    font-size: 18px;
}

.product-banner .btn-banner-buynow span,
.product-whatsapp .btn-banner-buynow-whatsapp span {
    display: block;
    line-height: 18px;
    font-size: 14px;	
    color: #ffd77a;
}

.product-banner .btn-banner-buynow:hover,
.product-banner .btn-banner-buynow:active {
    background-color: #ffae2f;
}

.product-banner.tubeget .btn-download-area,
.product-banner.tubeget .btn-buy-area {
    display: inline-block;
    width: 226px;
    text-align: center;
}
.product-banner.tubeget .btn-download-area span,
.product-banner.tubeget .btn-buy-area span {
    display: block;
    margin-top: 16px;
    line-height: 18px;
    font-size: 14px;
}
.product-banner.tubeget .btn-download-area span {	
    color: #d0d0d0;
}
.product-banner.tubeget .btn-buy-area span {
    color: #ffd77a;
}
.product-banner.tubeget .btn-banner-download,
.product-banner.tubeget .btn-banner-buynow {
    width: 216px;
    height: 54px;
    margin: 0;
    border-radius: 32px;
    text-align: left;
    font-size: 20px;
    line-height: 42px;
}
.product-banner.tubeget .btn-banner-download {	
    padding-left: 80px;
    color: #333333;
}
.product-banner.tubeget .btn-banner-download.windows {
    background: url("../img/icon_tubeget_btn_windows.png") #ffffff 35px center no-repeat;
}
.product-banner.tubeget .btn-banner-download.mac {
    background: url("../img/icon_tubeget_btn_mac.png") #ffffff 35px center no-repeat;
}
.product-banner.tubeget .btn-banner-download:hover,
.product-banner.tubeget .btn-banner-download:active {
    background-color: #efefef;
}
.product-banner.tubeget .btn-banner-buynow {
    padding-left: 82px;
    background: url("../img/icon_tubeget_buynow.png") #d81a1b 32px center no-repeat;
}
.product-banner.tubeget .btn-banner-buynow:hover,
.product-banner.tubeget .btn-banner-buynow:active {
    background-color: #f23738;
}

.rating ul {
    float: left;
    width: 120px;
    list-style: none;
    padding: 10px 0 0;
    margin: 0;
}

.rating ul li {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 2px;    
    cursor: pointer;     
}

.rating ul li.on,
.rating ul li.hover {
    background: url("../img/icon-star-small.png") 0px 0px no-repeat;
}

.rating ul li,
.rating ul li.nohover {
    background: url("../img/icon-star-small-gary.png") 0px 0px no-repeat;
}

.rating .tips {
    padding-top: 8px;
    font-size: 15px;
}

.product-banner .stars,
.product-banner .stars-half,
.product-banner .stars-gary {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    text-indent: -9999px;	
}

.product-banner .stars {	
    height: 14px;	
    background: url("../img/icon_stars.png") center center no-repeat;
}

.product-banner .stars-half {
    background: url("../img/icon_stars_half.png") center center no-repeat;	
}

.product-banner .stars-gary {	
    background: url("../img/icon_stars_gary.png") center center no-repeat;
}

.comment-star .stars,
.comment-star .stars-half,
.comment-star .stars-gary {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    text-indent: -9999px;	
}

.comment-star .stars{
    background: url("../img/icon-star-small.png") center center no-repeat;
}

.comment-star .stars-half {
    background: url("../img/icon-star-half-small.png") center center no-repeat;
}

.comment-star .stars-gary {	
    background: url("../img/icon-star-small-gary.png") center center no-repeat;
}

.reviews-head h1 {
    margin-top: 0px;
    font-size: 32px;
}

.reviews-head .review-show {
    border: solid 1px #e5e5e5;
    padding: 7px 15px;
    border-radius: 5px;
    float: left;
    margin-right: 10px;        
}

.review-show .stars,
.review-show .stars-half,
.review-show .stars-gary {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    text-indent: -9999px;	
}

.review-show .num {
    display: inline-block;
    margin-left: 6px;
    font-size: 18px;
    padding-top: 1px;
}

.review-show .stars{
    background: url("../img/icon-star.png") center center no-repeat;
}

.review-show .stars-half {
    background: url("../img/icon-star-half.png") center center no-repeat;
}

.review-show .stars-gary {	
    background: url("../img/icon-star-gary.png") center center no-repeat;
}

.reviews-head .btn-add-review{
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 18px;
}

.product-desc,
.product-extractor-desc {
    padding-top: 70px;
    padding-bottom: 100px;
}

.product-desc h2,
.product-recover-files h2,
.product-desc-step h2,
.product-extractor-desc h2,
.ios-data-types h2 {
    text-align: center;
    font-size: 34px;
    color: #444444;
    margin-bottom: 20px;
}

.product-desc p,
.product-extractor-desc p {
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
}

.product-desc .item,
.product-extractor-desc .item {
    float: left;
    width: 17.9%;
    height: 206px;
    margin: 22px 1% 0px 1%;
    padding-top: 152px;
    text-align: center;
    color: #FFFFFF;
}

.product-desc .deletion {
    background: url(../img/icon_deletion.png) #52718d center 42px no-repeat;
}
.product-desc .android-upgrade {
    background: url(../img/icon_android_upgrade.png) #1c89ea center 42px no-repeat;	
}
.product-desc .fatory-feset {
    background: url(../img/icon_fatory_reset.png) #07b6f7 center 42px no-repeat;
}
.product-desc .rom-flash {
    background: url(../img/icon_rom_flash.png) #13bd6b center 42px no-repeat;
}
.product-desc .screen-broken {
    background: url(../img/icon_screen_broken.png) #f1a42b center 42px no-repeat;
}

.product-recover-files {
    background: url(../img/bg_recover_files.jpg) 0px 0px no-repeat;
    min-height: 436px;
    padding-top: 72px;
    background-size: cover;
}

.product-recover-files ul {
    list-style: none;
    margin: 86px 0px 0px 0px;
    padding: 0;
}

.product-recover-files ul li {
    float: left;
    width: 82px;
    margin-right: 30px;
    margin-left: 15px;
    text-align: center;
    min-height: 130px;
}

.product-recover-files ul li.last {
    margin-right: 0px;
}

.product-recover-files ul li span {
    display: block;
    margin-top: 14px;
    text-align: center;
    font-size: 16px;
    color: #2c2c2c;
}

.product-desc-step {
    padding-top: 70px;
    padding-bottom: 110px;
}

.product-desc-step-tubeget {
    padding-top: 80px;
    padding-bottom: 80px;
}

.product-desc-step h2,
.product-desc-step-tubeget h2 {
    margin-bottom: 60px;
    text-align: center;
}

.product-desc-step p,
.product-desc-step-tubeget p {
    margin: 22px 0px;
    line-height: 22px;
    font-size: 15px;
}

.product-desc-step-tubeget .product-action {
    width: 94%;
    margin: 0 auto;
} 

.product-action-step {
    position: relative;
    text-align: center;
    padding-right: 52px;
}

.product-action-step .product-action-desc {
    display: block;
    font-size: 20px;
    margin: 14px auto;
}

.product-action-step .product-action-desc span {
    color: #0078d7;
}

.product-desc-step-tubeget .product-action-desc {
    font-size: 16px;
}

.product-desc-step-tubeget .product-action-desc span {
    color: #000000;
}

.product-action-progress {
    position: absolute;
    top: 46px;
    right: -158px;
}
.product-action-progress-2 {
    position: absolute;
    top: 76px;
    right: -34px;
}
.product-action-progress-3 {
    position: absolute;
    top: 76px;
    right: -58px;
}
.product-desc-step-tubeget .product-action-progress {
    position: absolute;
    top: 94px;
    right: -60px;
    z-index: 999;
}


.product-support {
    min-height: 500px;
    /*height: 558px;*/
    background-color: #0078d7;
    color: #FFFFFF;
    padding-top: 70px;
}

.product-support .container {
    min-height: 450px;
    /*min-height: 558px;*/
    background: url(../img/bg_product_support.png) right bottom no-repeat;
}

.product-support h3 {
    font-size: 34px;
}

.product-support ul {
    list-style: none;
    padding: 36px 0px;
    margin: 0;
}

.product-support ul li {
    margin-bottom: 22px;
}

.product-support ul li img {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

.product-support.phone-transfer {
    background: none;
    color: #333;
}

.product-support.phone-transfer .container {
    min-height: 558px;
    background: url(../img/img_hot-phone-devices-support.png) right bottom no-repeat;
}

.product-support.iphone-recovery .container {
    min-height: 500px;
    padding-top: 50px;
    background: url(../img/bg_iphone-recovery-support.png) right bottom no-repeat;
}

.product-support.photo-recovery {
    /*min-height: 600px;*/
    height: 520px;
    background: url(../img/bg_recovery-lost-data-storage-devices.png) right bottom no-repeat;
    color: #333;
    /*padding-top: 160px;*/
}

.product-support.photo-recovery .container,
.product-support.file-recovery .container {
    background: none;
}

.product-support.phone-transfer h3 {
    color: #0078d7;
}

.product-support.file-recovery {
    min-height: 590px;
    color: #333;
    padding-top: 80px;
    background: url(../img/bg_file-recovery-media-supported.jpg) right bottom no-repeat;
}

.product-transfer-between-devices {
    height: 510px;
    background: url(../img/img_transfer-between-phone-files.png) #2d8eda bottom center no-repeat;
    color: #FFFFFF;
    text-align: center;	
    font-size: 18px;
    line-height: 26px;
}

.product-transfer-between-devices .container {
    padding-top: 70px;
    padding-left: 200px;
    padding-right: 200px;
}

.product-transfer-between-devices .title {
    text-align: center;
    font-size: 34px;
    margin-bottom: 20px;
}

.product-transfer-modes {
    min-height: 510px;
    background: url(../img/bg_transfer-modes-available.png) #f0f4fa 10% 0px no-repeat;	
}

.product-transfer-modes dl {
    float: right;
    width: 50%;	
    margin: 126px 0px 0px 0px;
}

.product-transfer-modes dl dt,
.product-safe-efficient dl dt,
.product-user-risk dl dt,
.product-dataLoss-situations dl dt,
.product-photo-recovery-types dl dt,
.product-files-recovery-types dl dt {
    margin-bottom: 24px;
    font-size: 34px;
    color: #0078d7;
}

.product-transfer-modes dl dd,
.product-safe-efficient dl dd,
.product-user-risk dl dd,
.product-dataLoss-situations dl dd,
.product-photo-recovery-types dl dd,
.product-files-recovery-types dl dd {
    margin-bottom: 20px;
    font-size: 18px;
}

.product-safe-efficient {
    min-height: 440px;
    background: #FFFFFF; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(left,#fff,#d7e4f8);/*Mozilla*/
    background:-webkit-gradient(linear,0 50%,100% 50%,from(#fff),to(#d7e4f8));/*Old gradient for webkit*/
    background:-webkit-linear-gradient(left,#fff,#d7e4f8);/*new gradient for Webkit*/
    background:-o-linear-gradient(left,#fff,#d7e4f8); /*Opera11*/
}

.product-safe-efficient .container {
    min-height: 440px;
    background: url(../img/bg_icon_safe&efficient.png) right bottom no-repeat;
}

.product-safe-efficient dl,
.product-user-risk dl {
    float: left;
    width: 50%;
    margin: 80px 0px 0px 0px;
}

.product-user-risk dl {
    margin-top: 100px;	
}

.product-user-risk.file-recovery dl {
    margin-top: 100px;	
}

.product-user-risk.recuperation-photos-risk dl {
    padding-top: 10px;
}

.product-safe-efficient dl dt {
    line-height: 36px;
    font-size: 32px;
}

.product-safe-efficient dl dt img {
    display: block;
    float: left;
    vertical-align: bottom;
    margin-right: 16px;
    margin-top: 6px;
}

.product-safe-efficient dl dd {
    background: url(../img/icon_yes_black.png) 0px 8px no-repeat;
    padding-left: 32px;
}

.product-user-risk {
    min-height: 559px;
    background: url(../img/bg_user-risk.jpg) right bottom no-repeat;
    background-color: #e7eeff;
}

.product-user-risk dl dt img {
    display: inline-block;
    vertical-align: top;
    margin-right: 22px;
    margin-top: 6px;
}

.product-user-risk dl dd {
    background: url(../img/icon_yes_blue.png) 0px 8px no-repeat;
    padding-left: 32px;
}

.product-user-risk dl dd.text {
    margin-top: 20px;
    font-weight: bold;
}

.product-user-risk p {
    float: left;
}

.product-user-risk.file-recovery {
    height: 558px;
    background: url(../img/bg_file-recovery-stuck.jpg) right bottom no-repeat;
    background-size: 100% 100% ;
}

.product-user-risk.file-recovery dl dd {
    background: no-repeat;
    padding-left: 0px;
} 

.product-dataLoss-situations {
    min-height: 558px;
    background-color: #2862a1;
}

.product-dataLoss-situations .container {
    min-height: 558px;
    padding-top: 50px;	
    color: #FFFFFF;
}

.product-dataLoss-situations .img {
    float: left;
    width: 50%;
    padding: 20px 30px 0px 30px;
    text-align: center;
}

.product-dataLoss-situations .img img {
    display: block;
    width: 100%;
}

.product-dataLoss-situations dl {
    width: 50%;
    float: right;
}

.product-dataLoss-situations dl dt {
    color: #FFFFFF;
}

.product-photo-recovery-types .left,
.product-files-recovery-types .left {
    float: left;
    width: 50%;
    height: 509px;
    background: url(../img/img-recover-deleted-types.jpg) left top no-repeat;
    background-size: 100% 100%;	
    text-indent: -9999px;
}

.product-photo-recovery-types .right,
.product-files-recovery-types .right {	
    float: left;
    width: 50%;
    height: 509px;
    background-color: #2d8eda;
    color: #FFFFFF;
}

.product-photo-recovery-types dl{
    padding: 80px 80px;
}

.product-files-recovery-types dl {
    padding: 40px 80px;
}

.product-photo-recovery-types dl dt{
    color: #FFFFFF;
}

.product-files-recovery-types dl dt {
    font-size: 30px;
    color: #FFFFFF;
} 

.product-files-recovery-types .left {
    background: url(../img/bg_files-recover-types.jpg) left top no-repeat;
}

.product-extractor-desc .deletion {
    background: url(../img/icon_extractor_deletion.png) #2275ca center 42px no-repeat;
}

.product-extractor-desc .ios-upgrade {
    background: url(../img/icon_extractor_ios_upgrade.png) #1c89ea center 42px no-repeat;
}

.product-extractor-desc .fatory-feset {
    background: url(../img/icon_extractor_fatory_reset.png) #07b6f7 center 42px no-repeat;
}

.product-extractor-desc .jailbreak {
    background: url(../img/icon_screen_broken.png) #13bd6b center 42px no-repeat;
}

.product-extractor-desc .water-damage {
    background: url(../img/icon_extractor_water_damage.png) #f1a42b center 42px no-repeat;
}

.product-extractor-desc .sceen-broken {
    background: url(../img/icon_extractor_sceen_broken.png) #1699b5 center 42px no-repeat;
}

.product-extractor-desc .apple-logo {
    background: url(../img/icon_extractor_stuck_in_apple_logo.png) #52718d center 42px no-repeat;
}

.product-extractor-desc .iphone-lost {
    background: url(../img/icon_extractor_iphone_lost&stolen.png) #9bbd13 center 42px no-repeat;
}

.product-extractor-desc .iphone-locked {
    background: url(../img/icon_extractor_iphone_locked.png) #13bd9b center 42px no-repeat;
}

.product-extractor-desc .recovery-mods {
    background: url(../img/icon_extractor_stuck_in_recovery_mods.png) #e78024 center 42px no-repeat;
}

.ios-data-types {
    background: url(../img/bg_ios-data-types.jpg) center top no-repeat;
    background-size: 100% 100%;
    height: 563px;
    padding-top: 80px;
    text-align: center;
}

.ios-data-types h2 {
    margin-bottom: 60px;
}

.ios-data-types table tr td {
    display: inline-block;
    width: 11%;
    text-align: center;
}

.ios-data-types table tr td span {
    display: block;
    margin-top: 16px;
    text-align: center;
}

.product-support.iphone-extractor {
    /*padding-top: 130px;*/	
    padding-top: 0px;	
}

.product-support.iphone-extractor .container{
    padding-top: 100px;
    min-height: 530px;
    background: url(../img/bg_all_itunes_backup_files.png) right bottom no-repeat;
}

.table-no-bordered {
    border: none;
}
.table-no-bordered > thead > tr > th,
.table-no-bordered > tbody > tr > th,
.table-no-bordered > tfoot > tr > th,
.table-no-bordered > thead > tr > td,
.table-no-bordered > tbody > tr > td,
.table-no-bordered > tfoot > tr > td {
    border: none;
}
.table-no-bordered > thead > tr > th,
.table-no-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

#resources dl a {
    color: #333333;
}
#resources dl dt {
    font-size: 16px;
    margin-bottom: 10px;
}
#resources dl dd {
    margin-bottom: 5px;
}
#resources dl dd.more a{
    font-size: 15px; 
    text-decoration: underline;
}

.product-whatsapp {
    background: url(../img/banner-whatsMate.jpg) center top no-repeat;
    /*background-size: cover;
    min-height: 700px;*/
}

.product-whatsapp .nav > li > a {
    color: #FFFFFF;
}

.product-whatsapp .nav > li.dropdown > a {
    background: url(../img/arrow_dropdown_white.png) right center no-repeat;
}

.product-whatsapp .navbar .btn-search {
    background: url(../img/icon_search_white.png) left top no-repeat;;
}

.product-whatsapp .whatsapp {
    height: 620px;
    padding-top: 80px;
}

.product-whatsapp .whatsapp h1 {
    font-weight: normal;
}

.product-whatsapp .whatsapp h1 strong {
    color: #17c23b;
}

.product-whatsapp .whatsapp .btn-banner {
    margin-top: 64px;
}

.product-whatsapp .btn-banner-download-whatsapp.windows {
    background: url("../img/icon_btn_windows.png")  20px center no-repeat;
    border: 2px solid #e1d5d6;
    border-radius: 4px;
    padding-left: 63px;
}

.product-whatsapp .btn-banner-download-whatsapp:hover,
.product-whatsapp .btn-banner-download-whatsapp:active {
    border-color: #f2f0f0;
    color: #FFFFFF;
}

.product-whatsapp .btn-banner-buynow-whatsapp {
    width: 200px;
    padding-left: 78px;
    background: url("../img/icon_btn_buynow.png")  #17c23b 26px center no-repeat;
    line-height:24px;
    font-size: 18px;
}

.product-whatsapp .btn-banner-buynow-whatsapp:hover,
.product-whatsapp .btn-banner-buynow-whatsapp:active {
    background-color: #16da3f;
}

.product-whatsapp .btn-banner-buynow-whatsapp span {
    color: #FFFFFF;
}

.whatsMate-Main {
    padding: 90px 0px 40px 0px;
    min-height: 780px;
    text-align: center;
    background: url(../img/bg_Main_Features.png) 47% 64px no-repeat;
}

.whatsMate-Main .img-responsive {
    margin-left: auto;
    margin-right: auto;
}

.whatsMate-Main .item {
    padding-top: 30px;
}

.whatsMate-Main h2 {
    font-size: 36px;
    color: #1c9d37;
    font-weight: 100;
}

.whatsMate-Main .carousel-inner {
    width: 86%;
    margin: 0 auto;
}

.whatsMate-Main .carousel-control.left {
    background: url(../img/btn_left.png) 0px 0px no-repeat;
    width: 25px;
    height: 46px;
    top: 320px;
    bottom: auto;
}

.whatsMate-Main .carousel-control.right {
    background: url(../img/btn_right.png) 0px 0px no-repeat;
    width: 25px;
    height: 46px;
    top: 320px;
    bottom: auto;
}

.whatsMate-Main .item dl {
    width: 76%;
    margin: 20px auto;
}

.whatsMate-Main .item dl dt {
    margin-bottom: 14px;
    font-size: 18px;
    color: #0e273c;
}

.supported-whatsApp-files {
    padding: 60px 0px 100px 0px;	
}

.supported-whatsApp-files .box {
    float: left;
    width: 40%;
    padding: 30px 72px 0px 102px;
}

.supported-whatsApp-files .file-types {
    float: left;
    width: 60%;
}

.supported-whatsApp-files h2{
    margin-bottom: 30px;
    text-align: center;
    font-size: 26px;
    color: #1c9d37;
}

.supported-whatsApp-files .file-types .item {
    float: left;
    width: 222px;
    height: 222px;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: #FFFFFF;
    padding-top: 54px;
    margin: 0px 6px 6px 0px;
}
.supported-whatsApp-files .img-responsive{
    margin: 0 auto 10px auto;
}
.supported-whatsApp-files .file-message{
    background-color: #24bd5e;
}
.supported-whatsApp-files .file-contacts{
    background-color: #f0bf28;
}
.supported-whatsApp-files .file-call-history{
    background-color: #4c98f5;
}
.supported-whatsApp-files .file-photos{
    background-color: #04b045;
}
.supported-whatsApp-files .file-video{
    background-color: #ef9b2e;
}
.supported-whatsApp-files .file-audio{
    background-color: #bf5cdc;
}

.fully-supported {
    background: url(../img/bg_fully_supported.jpg) #f2f8fc 14% 0% no-repeat;
    height: 548px;
}

.fully-supported .container {
    padding-left: 41%;
    padding-top: 100px;
}

.fully-supported h2 {
    font-size: 32px;
    color: #3dad00;
}

.fully-supported ul {
    padding: 20px 0px;
    list-style: none;
}

.fully-supported ul li {
    margin-bottom: 20px;
}

.whatsapp-hot-topics {
    padding-top: 88px;
    padding-bottom: 110px;
}

.whatsapp-hot-topics .item {
    float: left;
    width: 22.5%;
    min-height: 346px;
    margin-right: 3%;
    border: 1px solid #ececec;
}

.whatsapp-hot-topics .item.last {
    margin-right: 0;
}

.whatsapp-hot-topics .img-responsive {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
}

.whatsapp-hot-topics .item-hot-topic {
    background-color: #2db843;
    border-color: #5ec96f;
    text-align: center;
    font-size: 26px;
    color: #FFFFFF;
    padding-top: 102px;
}

.whatsapp-hot-topics dl {
    padding: 0px 18px;
}

.whatsapp-hot-topics dl dt {
    font-size: 17px;
    color: #3dad00;
    margin-bottom: 6px;
}

.whatsapp-hot-topics dl dd {
    word-break:keep-all;           	/* 不换行 */
    white-space:nowrap;          	/* 不换行 */
    overflow:hidden;               	/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;         /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.whatsapp-hot-topics dl dd a {
    font-size: 14px;
    color: #333333;
    text-decoration: underline;
}

.whatsapp-hot-topics dl dd a:hover,
.whatsapp-hot-topics dl dd a:active {
    color: #3dad00;
}

.whatsapp-feedback {
    height: 646px;
    padding-top: 70px;
    padding-bottom: 40px;
    background: url(../img/bg_feedback.jpg) #eaf1f5 left top repeat-x;
}

.whatsapp-feedback h2 {
    text-align: center;
}

.whatsapp-feedback h2 span {
    display: block;
    font-weight: normal;
    color: #3dad00;
}

.whatsapp-feedback .item {
    position: relative;
    float: left;
    width: 46%;
    margin: 32px 2% 0px 2%;
    background-color: #ffffff;
    border: 1px solid #c9d3d6;
    padding: 1px;
    -webkit-box-shadow: 1px 1px 24px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 24px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 24px rgba(0, 0, 0, 0.3);     
}

.whatsapp-feedback .img-responsive {
    float: left;
}

.whatsapp-feedback p {
    padding: 18px 14px 0px 182px;
}

.whatsapp-feedback p span {
    display: block;
    text-align: right;
    font-weight: bold;
    font-style: italic;
}

.whatsapp-feedback .arrow {
    position: absolute;
    bottom: -8px;
    right: 31px;
    width: 16px;
    height: 8px;
    background: url(../img/arrow_whatsapp_feedback.png) left top no-repeat;	
}

.product-whatsapp .site-safe ul li.guarantee {
    padding-left: 104px;
    background: url(../img/img_30-days-money-back-guarantee-green.png) left center no-repeat;
}

.product-whatsapp .site-safe ul li.service {
    padding-left: 78px;
    background: url(../img/img_free-customer-service-green.png) left center no-repeat;
}

.product-whatsapp .site-safe ul li.safe {
    padding-left: 70px;
    background: url(../img/img_clean-and-safe-green.png) left center no-repeat;
}

.product-whatsapp .site-safe ul li.payment {
    padding-left: 82px;
    background: url(../img/img_secure-online-payment-green.png) left center no-repeat;
}
.convert-youtube-videos-formats {
    background: url(../img/bg-convert-youtube-videos-formats.jpg) left center no-repeat;
    background-size: cover;
    min-height: 432px;	
}
.download-videos-youtube-lots {
    background: url(../img/bg-download-videos-youtube-lots.jpg) left center no-repeat;
    background-size: cover;
    min-height: 432px;
    color: #FFF;
}
.download-videos-recursos {
    background: url(../img/bg-download-videos-recursos.jpg) left center no-repeat;
    background-size: cover;
    min-height: 432px;
}
.reasons-should-try-tubeget {
    background: url(../img/bg-reasons-should-try-tubeget.jpg) left center no-repeat;
    background-size: cover;
    min-height: 540px;
    padding-top: 86px;
    color: #FFF;
}
.convert-youtube-videos-formats .desc,
.download-videos-recursos .desc {
    width: 48%;
    padding-top: 100px;
}
.download-videos-youtube-lots .desc {
    float: right;
    width: 44%;
    padding-top: 100px;
}
.convert-youtube-videos-formats .title,
.download-videos-youtube-lots .title,
.download-videos-recursos .title,
.reasons-should-try-tubeget .title {
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: bold;
}
.convert-youtube-videos-formats p,
.download-videos-youtube-lots p,
.download-videos-recursos p,
.reasons-should-try-tubeget p {
    font-size: 16px;
    line-height: 24px;
}
.reasons-should-try-tubeget .screen,
.reasons-should-try-tubeget .desc {
    float: left;
    width: 50%;
}
.reasons-should-try-tubeget .title {
    margin-top: 0;
}
.reasons-should-try-tubeget ul {
    padding-left: 24px;
}
.reasons-should-try-tubeget ul li {
    margin-bottom: 10px;
    font-size: 18px;
    color: rgba(255,255,255, 0.84);
}
/* = reviews
-------------------------------------------- */
.reviews {
    padding: 10px 0px 80px 0px;	
}

.reviews h1 {	
    font-size: 28px;
    margin-top: 0px;
}

.reviews-head {
    padding: 20px 0px 40px 0px;	
    border-bottom: 1px dotted #cecece;
}

.reviews-content {
    padding: 40px 0px;
}

.comment-item {
    margin-bottom: 30px;
}

.comment-user {
    float: left;
    width: 13%;
    padding: 10px 0px;
    text-align: center;
}

.comment-name {
    font-weight: bold;
}

.comment-data {
    line-height: 20px;
    font-size: 12px;
    color: #b4bbc5;
}

.comment-content {
    position: relative;
    float: left;
    width: 67%;	
    margin-left: 20px;
    padding: 1em 1.4em;    
    font-size: 15px;
    color: #444444;
    line-height: 24px;
    z-index: 999;    
    background-color: #f6f8f3;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);          
}

.comment-content:before,
.comment-content:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    display: block;
}

.comment-content:before {
    top: 22px;
    bottom: auto;
    left: -16px;
    border-style: solid;
    border-width: 8px 16px 14px 0;
    border-color: transparent #f6f8f3;
}

.comment-content:after {
    top: 22px;
    bottom: auto;
    left: -16px;
    border-style: solid;
    border-width: 8px 16px 0px 0;
    border-color: transparent #f6f8f3;	
}

.comment-like {
    float: left;
    width: 18%;
    text-align: center;
    font-size: 15px;
}

.comment-like .like-zan,
.comment-like .like-cai {
    background: none;
    font-size: 16px;
}

.comment-like .like-zan:hover,
.comment-like .like-zan:active,
.comment-like .like-cai:hover,
.comment-like .like-cai:active,
.comment-like .like-zan.disabled, 
.comment-like .like-cai.disabled{
    color: #3695d7;
}

.comment-form .control-label{
    font-weight: normal;
}

.rating ul {
    float: left;
    width: 120px;
    list-style: none;
    padding: 10px 0 0;
    margin: 0;
}

.rating ul li {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 2px;    
    cursor: pointer;     
}

.rating ul li.on,
.rating ul li.hover {
    background: url("../img/icon-star-small.png") 0px 0px no-repeat;
}

.rating ul li,
.rating ul li.nohover {
    background: url("../img/icon-star-small-gary.png") 0px 0px no-repeat;
}

.rating .tips {
    padding-top: 8px;
    font-size: 15px;
}

.home-banner .stars,
.home-banner .stars-half,
.home-banner .stars-gary {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    text-indent: -9999px;
}

.home-banner .stars {
    height: 14px;
    background: url("../img/icon_stars.png") center center no-repeat;
}

.home-banner .stars-half {
    background: url("../img/icon_stars_half.png") center center no-repeat;
}

.home-banner .stars-gary {
    background: url("../img/icon_stars_gary.png") center center no-repeat;
}

.comment-star .stars,
.comment-star .stars-half,
.comment-star .stars-gary {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    text-indent: -9999px;
}
.comment-star .stars {
    background: url("../img/icon-star-small.png") center center no-repeat;
}
.comment-star .stars-half {
    background: url("../img/icon-star-half-small.png") center center no-repeat;
}
.comment-star .stars-gary {
    background: url("../img/icon-star-small-gary.png") center center no-repeat;
}

.reviews-head .review-show {
    border: solid 1px #e5e5e5;
    padding: 7px 15px;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
}

.review-show .stars,
.review-show .stars-half,
.review-show .stars-gary {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    text-indent: -9999px;
}

.review-show .num {
    display: inline-block;
    margin-left: 6px;
    font-size: 18px;
    padding-top: 1px;
}

.review-show .stars {
    background: url("../img/icon-star.png") center center no-repeat;
}

.review-show .stars-half {
    background: url("../img/icon-star-half.png") center center no-repeat;
}

.review-show .stars-gary {
    background: url("../img/icon-star-gary.png") center center no-repeat;
}

.reviews-head .btn-add-review {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 18px;
}
/* = order
-------------------------------------------- */
@keyframes spinner-line-fade-more {
    0%, 100% {
        opacity: 0; /* minimum opacity */
    }
    1% {
        opacity: 1;
    }
}

@keyframes spinner-line-fade-quick {
    0%, 39%, 100% {
        opacity: 0.25; /* minimum opacity */
    }
    40% {
        opacity: 1;
    }
}

@keyframes spinner-line-fade-default {
    0%, 100% {
        opacity: 0.22; /* minimum opacity */
    }
    1% {
        opacity: 1;
    }
}
.pay-btn {
    padding-left: 30%;
    padding-right: 30%;
    /*background: url("../img/pay-btn-bg.png") center 52% no-repeat;*/
    text-align: center;
}
.paypal {
    display: none!important;
}
.shareit {
    margin-top: 30px;
    margin-bottom: 30px;
}
.shareit .btn-shareit {
    min-width: 172px;
    height: 36px;
    line-height: 22px;
    border-radius: 36px;
    font-size: 15px;
    color: #FFFFFF;
    background-color: #fe5e1e;
}
.paypal .btn-settlement,
.paypal .btn-settlement:hover,
.paypal .btn-settlement:active {
    margin-top: 6px;
    min-width: 172px;
    height: 36px;
    background: url(../img/bt_paypal.png) left top no-repeat;
    text-indent: -9999px;
    border: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.paypal .form-control {
    width: 172px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 36px;
    text-align: center;
}
.order-success {
    height: 194px;
    background: url(../img/bg_resourcePage.jpg) center center no-repeat;
    background-size: cover;
    max-height: 273px;
    padding-top: 34px;
    padding-bottom: 10px;
    text-align: center;
    color: #ffffff;
}
.order-success h1 {
    font-size: 36px;
}
.order-success-container {
    padding-top: 50px;
    padding-bottom: 60px;
    padding-left: 24%;
    padding-right: 24%;
}
.order-success-container h2 {
    margin-bottom: 40px;
    font-size: 24px;
    color: #f38023;
}
.order-success-container p {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: bold;
}
.order-success-container p span {
    display: inline-block;
    margin-left: 6px;
    font-weight: normal;
}
.order-success-container .page-link {
    padding-top: 20px;
}
.order-success-container .page-link a {
    display: inline-block;
    margin-right: 38px;
    font-size: 18px;
    font-weight: bold;
    color: #259bd6;
    text-decoration: underline;
}
.order-success-container .page-link a:hover,
.order-success-container .page-link a:active {
    color: #35b4f3;
}
.ranted-product {
    padding-top: 30px;
    padding-bottom: 60px;
    border-top: 1px solid #eaedee;
}
.ranted-product h3 {
    font-size: 26px;
    font-weight: bold;
}
.ranted-product .item {
    float: left;
    width: 50%;
    padding-top: 60px;
    padding-bottom: 10px;
}
.ranted-product .item .box {
    float: left;
    width: 36%;
    padding-right: 10%;
}
.ranted-product .item dl {
    float: left;
    width: 64%;
    padding-top: 14px;
}
.ranted-product .item dl dt {
    margin-bottom: 14px;
    font-size: 18px;
    color: #172a39;
}

/* = clear
-------------------------------------------- */
.site-safe ul:before,
.site-safe ul:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.product-list:before,
.product-list:after,
.product-recover-files ul:before,
.product-recover-files ul:after,
.product-safe-efficient dl dt:before,
.product-safe-efficient dl dt:after,
.product-photo-recovery-types:before,
.product-photo-recovery-types:after,
.product-files-recovery-types:before,
.product-files-recovery-types:after,
.reviews-head:before,
.reviews-head:after,
.comment-item:before,
.comment-item:after,
.system:before,
.system:after,
.product-action:before,
.product-action:after,
.pay-btn:before,
.pay-btn:after {
    display: table;
    content: " ";
}

.site-safe ul:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.product-list:after,
.product-recover-files ul:after,
.product-safe-efficient dl dt:after,
.product-photo-recovery-types:after,
.product-files-recovery-types:after,
.reviews-head:after,
.comment-item:after,
.system:after,
.product-action:after,
.pay-btn:after{
    clear: both;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .resource-list-product .title {
        font-size: 24px;
    }

    .banner-iphone h1 {
        font-size: 24px;
    }
    .banner-iphone p {
        font-size: 18px;	
    }
    .product-banner h1 {
        font-size: 46px;
    }
    .product-desc h2, 
    .product-recover-files h2, 
    .product-desc-step h2, 
    .product-extractor-desc h2, 
    .ios-data-types h2 {
        font-size: 30px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .resource-list-product .title {
        font-size: 18px;
    }
    .resource-list-product .text p {
        font-size: 15px;
    }
    .support .item,
    .support-product .product-list li a {
        width: 48%;
        margin-bottom: 20px;
    }
    .support .item,
    .support-product .product-list li a,
    .support-product .product-list li.last a {
        margin-right: 2%;
    }

    .convert-youtube-videos-formats,
    .download-videos-youtube-lots,
    .download-videos-recursos,
    .reasons-should-try-tubeget {
        /*background-size: 100%;*/
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .home-product .pro-iphonebackupextractor,
    .home-product .pro-photorecovery,
    .home-product .pro-filerecovery {
        width: 50%;
    }
    .home-product .pro-phonedatatransfe {
        width: 100%;
    }
    .home-product img {
        left: 26%;
    }
    .home-product .pro-iphonebackupextractor {
        height: 780px
    }

    .product-transfer-modes dl dt, 
    .product-safe-efficient dl dt, 
    .product-user-risk dl dt, 
    .product-dataLoss-situations dl dt, 
    .product-photo-recovery-types dl dt, 
    .product-files-recovery-types dl dt {
        font-size: 24px;
    }
}

@media (max-width: 1120px) {
    .home-product dl dd {
        padding-left: 15px;
        padding-right: 15px;
    }
    .feedback .carousel {
        padding-left: 10px;
        padding-right: 10px;
    }
    .support-banner .title {
        font-size: 32px;
    }
    .product-nav .item a {
        min-height: 130px;
    }
    .product-desc-step-tubeget .product-action {
        width: 100%;
    }
    .convert-youtube-videos-formats .title,
    .download-videos-youtube-lots .title,
    .download-videos-recursos .title,
    .reasons-should-try-tubeget .title {
        font-size: 30px;		
    }
    .reasons-should-try-tubeget .desc {
        padding-left: 20px;
    }
}

@media (max-width: 991px) {
    .product-nav .col-xs-4 {
        width: 50%;
    }

    .resource dl {
        min-height: auto;
    }

    .quickLink dl.resource,
    .quickLink dl.hot-topic,
    .quickLink dl.company,
    .quickLink .site-link {
        width: 50%;
    }

    .resource-topics ul li {
        margin-bottom: 16px;
    }

    .product-support,
    .product-support.iphone-recovery .container, 
    .product-support.photo-recovery .container,
    .product-support.file-recovery .container,
    .product-user-risk {
        background-color: #333333;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';	
        color: #FFFFFF;
    }
    .product-user-risk {
        color: #333333;
    }
    .product-support h3 {
        font-size: 30px;
    }

    .product-desc h2, 
    .product-recover-files h2, 
    .product-desc-step h2, 
    .product-extractor-desc h2, 
    .ios-data-types h2 {
        font-size: 28px;
    }
    .product-action-progress {
        display: none;
    }

    .product-banner h1 {
        font-size: 36px;
    }

    .product-banner p {
        font-size: 20px;
    }

    .support,
    .support-product-detailed {
        padding-left: 15px;
        padding-right: 15px;
    }
    .support .item {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 20px;
    }

    .banner-iphone,
    .banner-android {
        height: 550px;
    }
    .banner-iphone .text,
    .banner-android .text {
        background: none;
        background-color: #FFFFFF;
        border-top: 3px solid #00930a;
        opacity: 0.9;
        filter: alpha(opacity=90);
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';
        min-height: 245px;
        margin-top: 120px;
        padding: 30px 0px 0px 36px;
    }	
    .banner-iphone h1,
    .banner-android h1 {
        color: #089e39;
    }

    .banner-iphone p,
    .banner-android p {
        color: #089e39;
    }
    .banner-iphone .btn-more {
        min-width: 184px;
        height: 52px;
        line-height: 40px;
        background-color: #0fb71f;
        font-size: 24px;
        color: #FFFFFF;
        border: none;
    }

    .banner-iphone .btn-more:hover,
    .banner-iphone .btn-more:active {
        height: 52px;
        background-color: #0ae81f;
    }

    .android-html5,
    .iphone-html5 {
        display: none;
    }

    .home-product .pro-iphonebackupextractor,
    .home-product .pro-photorecovery,
    .home-product .pro-filerecovery,
    .home-product .pro-phonedatatransfe {
        width: 100%;
    }

    .home-product img {
        left: 35%;
    }

    .product-dataLoss-situations .img,
    .product-photo-recovery-types .left, 
    .product-files-recovery-types .left,
    .product-photo-recovery-types .right, 
    .product-files-recovery-types .right {
        float: none;
        width: 100%;
        background-size: cover;
    }

    .product-dataLoss-situations dl {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .product-transfer-modes dl dt, 
    .product-safe-efficient dl dt, 
    .product-dataLoss-situations dl dt, 
    .product-photo-recovery-types dl dt, 
    .product-files-recovery-types dl dt {
        font-size: 18px;
    }
    .product-transfer-modes dl dd, 
    .product-safe-efficient dl dd, 
    .product-user-risk dl dd, 
    .product-dataLoss-situations dl dd, 
    .product-photo-recovery-types dl dd, 
    .product-files-recovery-types dl dd {
        font-size: 16px;
    }


    .download-videos-youtube-lots {
        min-height: 340px;
    }

    .download-videos-youtube-lots .desc {
        float: none;
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .convert-youtube-videos-formats .desc, 
    .download-videos-recursos .desc {
        width: 68%;
    }

    .convert-youtube-videos-formats .title,
    .download-videos-youtube-lots .title,
    .download-videos-recursos .title,
    .reasons-should-try-tubeget .title {
        margin-bottom: 30px;
        font-size: 28px;
        line-height: 34px;
    }
    .reasons-should-try-tubeget .screen, 
    .reasons-should-try-tubeget .desc {
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }
    .download-videos-youtube-lots .container {
        padding-left: 0;
        padding-right: 0;
    }
    .download-videos-youtube-lots .desc {
        padding-left: 20px;
        padding-right: 20px;
        background-color: rgba(0,0,0,.4);
        min-height: 340px;
    }
}

@media (max-width: 767px) {
    .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .content {
        width: 100%;
    }

    .sidebar {
        width: 100%;
    }

    .quickLink dl.resource,
    .quickLink dl.hot-topic,
    .quickLink dl.company,
    .quickLink .site-link {
        width: 100%;
    }

    .resource-topics ul li {
        margin-bottom: 10px;
    }

    .resource-topics ul li a {
        font-size: 14px;
    }

    .resource-page {
        padding-left: 15px;
        padding-right: 15px;		
    }

    .breadcrumb {
        padding-left: 15px;
        padding-right: 15px;
    }
    .support-product .product-list li a {
        width: 100%;
    }
    .support-product .product-list li a,
    .support-product .product-list li.last a {
        margin-right: 0%;
    }
    .support-banner .title {
        font-size: 28px;
    }

    .product-banner h1 {
        font-size: 30px;
    }

    .product-action-step {
        margin-bottom: 30px;
        padding-right: 15px;
    }
    .product-desc .item, 
    .product-extractor-desc .item {
        width: 17.5px;
        font-size: 14px;	
    }
    .ios-data-types table tr td span {
        font-size: 13px;
    }
    .resource-page h1,
    .resource-list-product .title {
        font-size: 20px;
    }
    .resource-list-product .text .img-responsive {
        margin-top: 0;
    }
    .resource-list-product .text, 
    .resource-list-product .btn-area {
        float: none;
        width: 100%;
        background-size: cover;
    }
    .product-desc-step-tubeget {
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .convert-youtube-videos-formats, 
    .download-videos-recursos {
        min-height: 340px;
    }
    .convert-youtube-videos-formats .desc, 
    .download-videos-recursos .desc {
        float: none;
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .product-banner p,
    .reasons-should-try-tubeget ul li {
        font-size: 16px;
    }


}

/* =.Multi Dimension
-------------------------------------------- */
@media (max-width: 479px) {}
@media (min-width: 480px) {}
@media (max-width: 767px) {}
@media (min-width: 768px) {}
@media (max-width: 991px) {}
@media (min-width: 992px) {}
@media (max-width: 1199px) {}
@media (min-width: 1200px) {}
@media (min-width: 480px) and (max-width: 767px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) and (max-width: 1199px) {}