@charset "utf-8";
/* CSS Document */
/* = Fonts Style
-------------------------------------------- */
@font-face {
    font-family: 'ProximaSansRegular';
    src: url('./proximasansregular/proximasansregular-webfont.eot');
    src: url('./proximasansregular/proximasansregular-webfont.eot?#iefix') format('embedded-opentype'),
        url('./proximasansregular/proximasansregular-webfont.woff2') format('woff2'),
        url('./proximasansregular/proximasansregular-webfont.woff') format('woff'),
        url('./proximasansregular/proximasansregular-webfont.ttf') format('truetype'),
        url('./proximasansregular/proximasansregular-webfont.svg#proximasansregularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaSansMedium';
    src: url('./proximasansmedium/proximasansmedium-webfont.eot');
    src: url('./proximasansmedium/proximasansmedium-webfont.eot?#iefix') format('embedded-opentype'),
        url('./proximasansmedium/proximasansmedium-webfont.woff2') format('woff2'),
        url('./proximasansmedium/proximasansmedium-webfont.woff') format('woff'),
        url('./proximasansmedium/proximasansmedium-webfont.ttf') format('truetype'),
        url('./proximasansmedium/proximasansmedium-webfont.svg#proximasansmediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* = Global Style
-------------------------------------------- */
body{
    font-family: 'ProximaSansRegular';
}

::selection{
    background: #54b924; 
    color: white;
}

::-moz-selection{
    background: #54b924; 
    color: white;
}
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;}

/* = Head Column Style
-------------------------------------------- */
body.home{
	background: url(../images/homebg.jpg) left top repeat-x;
}
body.post{
	
}
body.about{
	
}
.home .top{
    background: url("../images/banner-home.jpg") center top no-repeat;
    height: 654px;
    position: relative;
}

.about .top{
    background: url("../images/banner-about.jpg") center top no-repeat;
    height: 490px;
    position: relative;
}

.post .top{
    background: url("../images/banner-post.jpg") center top no-repeat;
    height: 114px;
    position: relative;
}

.head{
    padding-top: 44px;
}

.head .head-pull-right{
    float: right;
}

.banner-text{
    float: left;
    width: 446px;
    padding-top: 160px;
}

.banner-img{
    float: right;
    width: 536px;
    padding-top: 22px;
}

.banner-text h1{
    font-size: 72px;
    color: #FFF;
    font-family: 'ProximaSansMedium';
}

.about h1{
    font-size: 62px;
    text-align: center;
    color: #FFF;
    font-family: 'ProximaSansRegular';
    padding-top: 100px;
}

.banner-text h1 small{
    display: block;
    color: #FFF;
    font-size: 46px;
    font-family: 'ProximaSansRegular';
}

.banner-text h1 span,
.about h1 span{
    color: #e01d1d;
}

.about h1 small{
    display: block;
    color: #FFF;
    font-size: 25px;
    font-family: 'ProximaSansRegular';
}

.home .tab{
    height: 59px;    
    position: absolute;
    bottom: 0px;
    width: 982px;
}

.home .tab ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.home .tab li{
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    background: url("../images/tab-li.png") left top repeat-x;
}
.home .tab li.active{
    background: #FFF;
    color: #121f3d;
}
.home .tab li a{   
    padding-top: 5px;
    line-height: 54px;
    display: block;
    color: #fff;
    font-size: 30px;
    text-decoration: none;
}
.home .tab li a:hover{
    text-decoration: none;
    cursor: pointer;
}
.home .tab li a:hover{
    color: #dee8ff;
}
.home .tab li.active a,
.home .tab li.active a:hover{
    color: #121f3d;
    text-decoration: none;
}
.home .tab li.us a span{
    background: url("../images/tab-icon-us.png") left center no-repeat;
    padding-left: 50px;
}
.home .tab li.services a span{
    background: url("../images/tab-icon-services.png") left center no-repeat;
    padding-left: 50px;
}
.home .tab li.services.active a span{    
    background: url("../images/tab-icon-services-curr.png") left center no-repeat;
    padding-left: 52px;
}
.home .tab li.us.active a span{    
    background: url("../images/tab-icon-us-curr.png") left center no-repeat;
    padding-left: 52px;
}
.tab-pane {
    display: none;
}
.active {
  display: block;
}
.table-home thead strong{
    font-size: 22px;
    color: #000;
}

.table-home td{
    color: #585858;
    font-size: 18px;
}

.table-home td span{
    background: url("../images/icon_yes.png") left center no-repeat;
    padding-left: 30px;
}

.bt_estimate{
    width: 218px;
    height: 50px;
    border: 1px solid #121f3d;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #121f3d;
    text-decoration: none;
}

.bt_estimate:hover,
.bt_estimate:active,
.bt_estimate:visited{
    background-color: #232f4b;
    color: #FFF;
    text-decoration: none;
}

#data-recovery-services_up,
#data-repair-services_up{
    display:none;
}

.iframe-box {
    background-color: #FFF;
    position: relative;
    width: 872px;
    height: 546px;     
    margin-top:48px;
}

.bClose {
    background: url(../images/icon_png.png) left top no-repeat;
    width: 17px;
    height: 16px;
    text-indent: -99999px;
    position:absolute;
    right: 20px;
    top: 20px;    
    cursor: pointer;
}
.bClose:hover{
    background-color: #000;
}

.data-recovery-services{
    border-bottom: 1px dashed #b5b5b5;
    padding: 38px 0px 26px;
    margin-bottom: 30px;
}

.data-recovery-services h2{
    font-size: 40px;
    color: #121f3d;
    font-weight: normal;
    margin-bottom: 20px;
}

.data-repair-services{
    background: url("../images/data-repair-services-line.png") left top no-repeat;
    padding-top: 30px;
    margin-top: 30px;
}

.data-repair-services h3{
    font-size: 25px;
    color: #cb0a19;
    font-weight: normal;
}

.bt_case_container{
    text-align: center;
}

.bt_case_container{
    height: 120px;    
    line-height: 120px;
    margin-bottom: 20px;
}
.bt_case{
    display: inline-block;
    height: 54px;
    line-height: 54px;
    width: 226px;
    background-color: #cb0a19;
    font-size: 22px;
    color: #FFF;
    text-decoration: none;
}

.bt_case:hover,
.bt_case:active,
.bt_case:visited{
    background-color: #e52f3d;
    text-decoration: none;
    color: #FFF;
}

.us-content{
    padding: 38px 0px 26px;
}

.us-definition dt{    
    margin-bottom: 16px;
    font-weight: normal;
    font-size: 22px;
}
.us-definition dd{
    margin-bottom: 10px;
}
.us-img{
    padding: 20px 0px 80px;
}

/* = Track Case Style
-------------------------------------------- */
.track-case{
    padding: 110px 0px;
}
.track-case .form-group{
    margin-bottom: 26px;
}
.track-case .control-label{
    font-size: 16px;
    color: #585858;
    font-weight: normal;
    padding-top: 12px;
}
.track-case .form-control{
    border-radius: 0px;
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border: 1px solid #dedede;
}
.track-case .form-control:focus{
    border-color:#9fd3fd;
}
.track-case .btn_submit{
    width: 175px;
    height: 51px;
    background-color: #cb0a19;
    color: #FFF;
    border: 1px solid #cb0a19;
    margin-top: 16px;
}

/* = Post Content Style
-------------------------------------------- */
.post-content{
    padding: 40px 0px 80px 0px;
}

.post-content .text-center{
    padding: 10px 0px 10px;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6{
    color: #232323;
    font-weight: normal;
}
.post-content h1{
    font-size: 30px;
}
.post-content h2{
    font-size: 26px;
}
.post-content h3{
    font-size: 22px;
}
.post-content h4{
    font-size: 18px;
}
.post-content h5,
.post-content h6{
    font-size: 14px;
}

/* = Service Column Style
-------------------------------------------- */
.service{
    height: 162px;
    border-top: 1px solid #dddddd;    
}
.service p{
    padding-left: 56px;
    font-weight: bold;
}
.service span{
    font-weight: normal;
}
.service .last{
    background: none;
}
.server-need,
.server-phone,
.server-email,
.server-track,
.server-faqs{
    background: url("../images/server-line.png") right 42px no-repeat;
    height: 162px;
    float: left;
    padding: 46px 30px 0px 30px;
    vertical-align: middle;
    font-size: 20px;        
}
.server-need:hover,
.server-phone:hover,
.server-email:hover,
.server-track:hover,
.server-faqs:hover{
    cursor: default;
}
.server-need{
    padding-left: 15px;
}
.server-need p{
    padding-left: 0px; 
    line-height: 48px;;
}
.server-phone p{
    background: url("../images/icon-server-phone.png") left center no-repeat;
    color: #c90212;
}
.server-email p{
    background: url("../images/icon-server-email.png") left center no-repeat;    
}
.server-track p{
    background: url("../images/icon-server-track.png") left center no-repeat;
}
.server-faqs p{
    background: url("../images/icon-server-faqs.png") left center no-repeat;
}
.service span{
    font-size: 15px;
    display: block;
}
.service-phone{
    background-image: url("../images/icon-server-phone.png");    
}
.service-email{
    background-image: url("../images/icon-server-email.png");    
}
.service-track{
    background-image: url("../images/icon-server-track.png");    
}
.service-faqs{
    background-image: url("../images/icon-server-track.png");    
}
/* = Guild Column Style
-------------------------------------------- */
.guild{
    background-color: #eaeff8;
    height: 236px;
    padding-top: 40px;
}
.share-guild .title{
    margin-top: 10px;
    margin-bottom: 16px;
    font-size: 17px;
    font-weight: normal;  
}
.useful-links dt,
.faqs dt{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: normal;   
}
.share-guild .share_icon{
    float: left;
    margin-right: 7px;
}
.share-guild .ico_facebook:hover,
.share-guild .ico_twitter:hover,
.share-guild .ico_google_plus:hover,
.share-guild .ico_youtube:hover,
.share-guild .ico_linkedin:hover,
.share-guild .ico_pinterest:hover,
.share-guild .ico_stumbleupon:hover,
.share-guild .ico_email:hover{
    opacity: .8;
}
.useful-links a{
    font-size: 15px;
    color: #626262;
}
.useful-links a{
    font-size: 15px;
    color: #626262;
}
.faqs a{
    font-size: 15px;
}

/* = Colophon Style
-------------------------------------------- */
.copyright{
    background-color:#0e1932;
    border-top: 1px solid #1d273f;
    min-width:100%;
    height: 62px;
    line-height: 62px;
    text-align:center;
    font-size: 13px;
    color: #FFF;
}

/* = Share Style
-------------------------------------------- */

.share{ 
    position:fixed; 
    right:10px; 
    top:150px; 
    width:30px;
    z-index:11;
}
.share .share_icon{
    margin-bottom: 5px;
}
.share_icon{
    background-image: url("../images/share.png");
    background-repeat: no-repeat;    
}
.ico_facebook,
.ico_twitter,
.ico_google_plus,
.ico_youtube,
.ico_linkedin,
.ico_pinterest,
.ico_stumbleupon,
.ico_email{
    width: 33px;
    height: 34px;
    display:block; 
    overflow:hidden; 
    text-indent:-999em;
}
.share .ico_facebook:hover,
.share .ico_twitter:hover,
.share .ico_google_plus:hover,
.share .ico_youtube:hover,
.share .ico_linkedin:hover,
.share .ico_pinterest:hover,
.share .ico_stumbleupon:hover,
.share .ico_email:hover {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing
}
.ico_facebook{
    background-position: 0 -1px;
}
.ico_twitter{
    background-position: 0 -42px;
}
.ico_google_plus{
    background-position: 0 -83px;
}
.ico_linkedin{
    background-position: 0 -125px;
}
.ico_pinterest{
    background-position: 0 -166px;
}
.ico_stumbleupon{
    background-position: 0 -207px;
}
.ico_email{
    background-position: 0 -248px;
}
.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;
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}