@charset "utf-8";
/* CSS Document */
.video_page .videos_list li:hover .pc_icon{opacity:.7}
.video_page .videos_list .pc_icon.back_img{background-position:-1px 0}
.video_page .videos_list{display:flex;flex-wrap:wrap;overflow:hidden;list-style:none}
.video_page .videos_list .video_title{font-size:18px;line-height:normal;padding-bottom:15px;color:#1374ab;float:left;width:100%;padding-top:9px!important}
.video_page .videos_list .videos_desc{font-size:16px;line-height:29px;clear:both}
.linkimg img{width:22px;float:right;margin:15px;cursor:pointer;position:relative}
.linkimg{position:relative}
.video-link{width:22px;float:right;margin:15px;cursor:pointer;position:relative;background:url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/copylink_img.svg) no-repeat 0 0;width:24px;height:22px}
.video-link:hover{background:url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/copylink_img.svg) no-repeat 0 -50px}
.video-link.single-line{top:-5px}
.video_page .videos_list li{position:relative;float:left;background:#fff;width:321px;height:auto;cursor:pointer;box-sizing:border-box;list-style:none}
.hover-content{display:none;padding:4px 5px 4px 6px;background-color:#676464;color:#fff;font-size:11px;line-height:normal;border-radius:5px;margin-left:20px;width:90px;position:absolute;right:-68px;top:17px;z-index:999}
.hover-content.single-txt{top:20px}
.link-tooltip{display:none;padding:3px 8px 3px 10px;background-color:#676464;color:#fff;font-size:12px;line-height:normal;border-radius:5px;margin-left:20px;width:84px;position:absolute;right:-62px;top:26px}
.link-tooltip.single-txt{top:21px}
.link-tooltip::after,.hover-content::after{left:-10%;top:46%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-left-color:#676464;border-width:5px;margin-top:-5px;transform:rotate(180deg)}
.link-tooltip::after{left:-10%;top:46%}
.integrate_sec .hover-content{right:-68px;top:26px}
.video_page .videos_list li:before{content:'';width:52px;height:52px;background-image:url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/video_thumb_play_button.png);position:absolute;z-index:9;left:0;right:0;top:0;bottom:0;margin:65px auto 0}
.video_page .videos_list li:hover{opacity:.8}
.integrate_sec .videos_list li:hover{opacity:.7}
.video-out-box{float:left;width:323px;border:1px solid #ccc;margin-right:64px;margin-bottom:64px}
.video-desc-box{width:324px;float:left}
.video_page .video-desc{width:100%;height:auto;float:left;position:relative;padding:10px 9px 40px 9px}
.clickcopytext{float:right;font-size:13px;cursor:pointer;color:#0071bc}
.video_page .videos_list .video_title{font-size:16px;float: left;width: 70%;}
.video_page .videos_list .thumbnail_img{
    background-image: url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/e2_thumbnail_webnair01.png);
    background-repeat: no-repeat;
    font-size: 0;
    min-height: 180px;
    min-width: 100%;
    float: left;
    text-indent: -3500px;
    margin-left: 0;    background-position: 1px 0px;
}
.video_page .videos_list .ms-data{background-image:url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/e2_thumbnail_webnair01.png);background-position:0px -205px}



/* model wrapper */

.model-wrapper {display: none;float: left;height: 100%;position: fixed;width: 100%;z-index: 9999999999;top:0px;}
.model-opaclayer {height: 100%;position: fixed;width: 100%;background: none repeat scroll 0 0 #000000;opacity: .9;-moz-opacity: .9;-webkit-opacity: .9;
    -khtml-opacity: .9;filter: alpha(opacity=90);top: 0;}
.model-first-container {position: absolute;height: 100%;width: 100%;}
.model-second-container {position: relative;z-index: 9999;display: table;overflow: hidden;margin: 0px auto;height: 100%;width: 90%;max-width: 1024px;}
.model-main-container {outline: 0;border-radius: 5px;display: table-cell;vertical-align: middle;}
.videos-close-btn {display: inline-block;float: right;width: 100%;height: 28px;}
.video-container {position: relative;width: 100%;height: 0;padding-bottom: 56%;padding-top: 0px;box-sizing: border-box;border: 0px solid #7babc1;background: #000;}
.modal-close-icon {background: url(https://static.idriveonlinebackup.com/source/images/video_close_btn.png) no-repeat scroll 0 0;cursor: pointer;height: 39px;width: 39px;z-index: 9999;position: fixed;right: 0px;top: 0px;}
.video_menus{display: none;}
.model-wrapper .videos_list{list-style-type: none;margin: 0px;padding: 0px;overflow: auto;height:100%;}
.model-wrapper .video_menus .video-info h3 {font-size: 18px;color: #000;display: inline;font-weight: normal;padding: 0px;line-height: 24px;border-bottom: 0px;}

.faq_page .banner_sec {margin-top: 60px; width: 100%;background: url(https://www.remotedesktop.com/source/images/faq_mainbg.png) no-repeat top;background-size: cover;position: relative;     padding: 25px 0 38px;}
.video_page .banner_sec .banner_content_cont_right .rpc-click{    margin-top: 31px;background:url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/visit_rpc_3.png) no-repeat 0 -288px;width:178px;height:192px;float:right;top:0px;}
.video_page .banner_sec .banner_content_cont_right .rpc-click:hover{background-position:0 -3px}
.video_page .feature-rpc-mobile{display:none}
.faq_page .banner_content_area{    float: left;}
.faq_page .banner_sec .banner_content_area h1{margin-bottom: 16px;    font-size: 38px;}
.banner_content_area p{    color: #fff;font-weight:600;}
.video-sec{padding: 100px 0;float: left;width: 100%;}
.video_page .videos_list .thumbnail_guide_img {
    background-image: url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/e2_thumbnail_integrations_09.png);
    background-repeat: no-repeat;
    font-size: 0;
    min-height: 180px;
    min-width: 100%;
    float: left;
    text-indent: -3500px;
    margin-left: 0;background-position: 0px 0px;
}
.veeam {background-position: 0 7px;}
.video-titletxt-new{font-size:26px;font-weight:600;border-top:1px solid #d4cfcf;padding-top:50px;margin-top:40px;padding-bottom: 50px;}
.video_page .videos_list .veeam-365 {background-position: 0px -210px;}
.video_page .videos_list .thumbnail_guide_img.duplicacy-img{background-position: 0 -421px;}
.video_page .integrate_sec .videos_list li:before{margin:67px auto 0;}
.video_page .videos_list .msp-360{background-position: 0px -630px;}
.video_page .videos_list .nova_backup {background-position: 0px -842px;}
.video_page .videos_list .cyberduck{background-position: 0px -1055px;}
.video_page .videos_list .rclone{background-position: 0px -1267px;}
.video_page .videos_list .mountainduck{background-position: 0px -1688px;}
.video_page .videos_list .comet-img{background-position: 0px -1478px;}
@media screen and (max-width: 1280px) {
	#container-jwplayer8{position: absolute;top: 0;left: 0;height: 100% !important;}
}

@media screen and (max-width: 1024px) {
	.jw-overlays{z-index: 99999;}
    .video-titletxt-new{margin-left: 0;}
	
}
@media screen and (min-width: 768px) {
	.modal-close-icon {right: 10px;top: 10px;}
}

@media screen and (min-width: 1280px) {
	.noPlaylist{width: 900px;margin: 0px auto;}
	.jwplayer{width: 900px !important;height: 506px !important;float: left !important;}
	.jw-error{width: 900px !important;height: 506px !important;float: left;}
	.video_menus{width: calc(100% - 900px);float: right;display: block;height: 506px;background: #fff;overflow: hidden;}
	.model-second-container {max-width: 1184px;}
	.video-container{height: 506px;padding: 0px;}
	.video_menus ul.videos_list li {color: #fff;display: block;cursor: pointer;padding: 12px 10px 12px 4px;margin-bottom: 0px;border: 1px solid #ddd;width: 100%;box-sizing: border-box;float: left;height: auto;}
	.video_menus ul.videos_list li:hover {background-color: #35abd8; border: 1px solid #FFF;	}
	.video_menus ul.videos_list li:hover h3 {color: #ffffff;}
	.video_menus ul.videos_list li:hover .video-info p {color: #ffffff;}
	.video_menus ul.videos_list li.active {background: #015575 url(https://static.idriveonlinebackup.com/source/images/video-active-icon.png) no-repeat center left;border: 1px solid #FFF;	}
	.video_menus ul.videos_list li.active h3 {color: #ffffff;border: none;line-height: 21px;font-size: 18px;	}
	.video_menus ul.videos_list li.active .video-info p {color: #ffffff;}
	.video_menus .video-info h3 { font-size: 18px; color: #000; display: inline;font-weight: normal; }
	.video_menus .video-info h3:hover { color: #4c7386; }
	.video_menus .video-info { float: left;padding: 0px 20px;color: #000;width: 100%;box-sizing: border-box; }
	.video_menus .video-info p { font-size: 14px; line-height: 22px; color: #6c6d6f; padding: 0; padding-top: 10px; margin: 0; }
	.video-container, .model-second-container{position: static;}	
}

@supports (-ms-ime-align: auto) {
  .jw-video {transform: none !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	.jwplayer{width: 100% !important;height: 506px !important;float: left !important;}
	.jw-error{width: 100% !important;height: 506px !important;float: left;}
}
 .jw-button-container{display: flex;flex-flow: row nowrap;flex: 1 1 auto;align-items: center;justify-content: center;width: 100%;padding: 0 12px;display: -webkit-flex;-webkit-flex-flow: row nowrap;-webkit-flex: 1 1 auto;-webkit-align-items: center;-webkit-justify-content: center;}
.jw-icon-inline, .jw-icon-tooltip{height: 44px;width: 44px;align-items: center;display: flex;justify-content: center;display: -webkit-flex;-webkit-align-items: center;-webkit-align-content: center;}
.jw-controlbar .jw-spacer{flex: 1 1 auto;align-self: stretch;-webkit-flex: 1 1 auto;-webkit-align-self: stretch;}
@media screen and (max-width:980px) {
    .video_page .videos_list li:before{z-index: 0;}
    .video_page .feature-rpc-mobile{display:block;float:left;width:100%;padding:25px 0;border-bottom:1px solid #ededed;text-align:center}
.video_page .banner_sec .banner_content_cont_right{display:none}
.feature-rpc-txt{font-size:20px;display:inline-block;font-weight:600;color:#0071bc;cursor:pointer}
.video_page .feature-rpc-mobile a{font-weight:600}
.faq_page .banner_sec{padding: 0;}
 .faq_page .faq_sec {padding-top: 53px;clear: both;}
 .faq_page .banner_sec {height: 247px;}
	}
    @media only screen and (max-width: 767px) {
        .faq_page .banner_sec .banner_content_area h1{text-align:center;}
    }
    @media only screen and (max-width: 480px) {
        .link-tooltip{right: -8px;top: -1px;}
        .link-tooltip.single-txt{top: -6px;}

        .link-tooltip::after{transform: rotate(90deg);left: 39%;top: 116%;}
        .hover-content.single-txt{top: -6px;}
        .hover-content{right: -12px;top: -1px;}
        .hover-content::after{transform: rotate(90deg);left: 39%;top: 116%;}
    } 

    .video_page .guide_menu {top: 11px;right: 17px;}
    .video_page .s3-compatible-p{color: #fff;}
    .video_page .guide_menu span.dpw-icon {background: url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/e2-drop-down2.svg) no-repeat 3px -32px;}
    .video_page .guide_menu span.dpw-icon:hover{background-position: 3px -32px !important;;}
    .video_page .wrapper.s3-drp{overflow: visible;}
    .video_page .banner_sec {
        padding: 1px;
    }


    /* form and popup code */

    /*webinar_css*/
.video_page .free-webinar { display: block; width: auto; position: absolute; z-index: 9; right: 40px; bottom: 16px; }
.video_page .support_web { cursor: pointer; width: 158px; height: 48px; background: url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/webinar2.svg) no-repeat 0 0px; float: right; text-indent: -3500px; margin:0px -23px 0 10px; }
.video_page .support_web:hover { background-position: -0px -48px; }
.video_page .master_wrapper { width: 100%; height: 100%; position: fixed; left: 0; top: 0; margin: 0; padding: 0; z-index: 9999999 }
.video_page .shadow_container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .7; -moz-opacity: .7; -webkit-opacity: .7; -khtml-opacity: .7; filter: alpha(opacity=90) }
.video_page .popup_wrapper { width: 100%; height: 100%; position: absolute; left: 0; top: 0 }
.video_page .first_pos_container { display: table; overflow: hidden; margin: 0 auto; height: 100%; width: 100%; max-width: 38% }
.video_page .popup_wrapper .sec_pos_container { display: table-cell; vertical-align: middle; padding-top: 50px }
.video_page .master_wrapper .popLeft { left: 0 }
.video_page .popup_wrapper .popup_container { background: #f9f9f9; border: 4px solid #6ea5ce; border-radius: 2px;padding: 15px 10px; position: relative; overflow: hidden }
.video_page .popup_container .popup_header { position: relative; background: 0 0; margin-bottom: 0px; border-bottom: 1px solid #d2dae0 }
.video_page .popup_header h3 { margin-bottom: 10px; color: #1374ab; font-size: 1.5em; text-align: left; line-height: normal; margin-left: 17px; }
.video_page .popup_close_btn { position: absolute; right: -2px; top: 0; display: block; background: url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/popup_close_btn.png) no-repeat; width: 16px; height: 16px; cursor: pointer }
.video_page .popup_container .popup_content { margin: 0; padding: 0 }
.video_page .popup_system_box { padding: 10px 16px 20px;margin-bottom: 35px; }
.video_page .webinar_div li.navli { background: url(https://static.idriveonlinebackup.com/s3-storage-e2/source/images/ide_faqbullet_new.svg) left 11px no-repeat; font-size: 1em; margin: 0; padding: 0 0 10px 23px; line-height: 24px }
.video_page .webinar_div li { display: block; list-style-type: none }
.video_page .submit_btn { width: auto; height: 40px; line-height: 18px; text-align: center; border: 1px solid #2b80c3; background: #2b80c3; color: #fff; float: left; margin: 20px 0; border-radius: 2px; padding: 0 15px; cursor: pointer; font-size: 1.2em; -webkit-appearance: none; appearance: none }
.video_page .popup_wrapper .sec_pos_container .scon { font-size: .857em; color: #333; float: left; width: 100%; font-weight: 400 }
.video_page .master_wrapper td { padding: 0; line-height: 30px; }
.video_page .master_wrapper strong { font-weight: bold; }
.video_page .popup_system_box .pad-right ul.ui-list { margin-top: 10px; }
.video_page .popup_system_box .srt-box { margin-top: 16px; }
.ssd-txt { font-size: 13px; }
.video_page .req-filds{padding: 0px 0 8px 0;font-size: 12px;}
.video_page .req-filds span{color: red;}

.video_page .popup_wrapper .popup_container {
    max-height: calc(100vh - 120px); 
    overflow-y: auto;
    margin: 0;
  }

  .video_page #webinar_popup_registered .popup_wrapper .popup_container {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
  }




 @media screen and (max-width:980px) {
.video_page .first_pos_container { display: table; overflow: hidden; margin: 0 auto; height: 100%; width: 100%; max-width: 70% }
 }
  @media screen and (max-width:860px) and (min-width:811px) {
  .video_page #webinar_popup_registered .popup_wrapper .popup_container {
    max-height: calc(100vh - 155px);
    overflow-y: auto;
  }
}
  @media screen and (max-width:480px) {
.video_page .first_pos_container { display: table; overflow: hidden; margin: 0 auto; height: 100%; width: 100%; max-width: 85% }
 }
 @media screen and (max-width:767px) {
.e2_partner .first_pos_container { max-width: 90%; }
.e2_partner .popup_wrapper .popup_container { height: 80vh; overflow: auto; margin: 0; }
}
/*webinar_css*/

/* form */
.links{
    font-size: 14px;
    display: block;
    padding: 0 0 6px 0;
    width: fit-content;
}
 .form-group {
        margin-bottom: 12px;
    }

    .form-group label {
        display: inline-block;
        margin-bottom: 4px;
        font-size: 14px;
        color: #555;
    }

    .form-group .required {
        color: #e60000;
        margin-left: 3px;
    }

    .form-control {
        width: 100%;
        padding: 8px 10px;
        border: 1px solid #ccc;
        box-sizing: border-box;
        font-size: 14px;
        border-radius: 4px;
        outline: none;margin-bottom:1px;
    }
.succ_msg {
    background-color: #e3ffb6;
    border: 1px solid #bedb90;
    clear: both;
    color: #3f3d3e;
   padding: 2px 14px;
    line-height: initial;
    margin: 0 0 16px;
    width: 100%;
    float: left;
    font-size: 10px;
    box-sizing: border-box;
}
.error-msg {
    width: 100%;
    height: auto;
    background: #fde4ea;
    border: 1px solid #edc4cc;
 
        padding: 0px 10px;
    margin: 3px 0 9px;
    display: none;
    line-height: normal;
    float: left;
}.error-msg p , .succ_msg p{
    font-size: 13px;
    padding: 4px;
       margin: 5px 2px 6px;
}
.red-mark{font-size: 13px;color:#e60000;margin-left: 3px;}
		.inform-para{
    font-size: 13px;
    margin-top: 12px;
    margin-bottom: 13px;
    display: block;
    float: left;
    padding-bottom: 15px;
        }
        .error_msg{font-size:12px;color:#e60000;}
        #loader{margin: 10px 0px 0px 15px;    float: left;}
    .form-control:focus {
        border-color: #888;
        background: #ffffff;
        border: 2px solid #000;
    }

    select.form-control {
        height: 38px;
    }
    .video_page .btn-register {
   width: auto;
    height: 34px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #2b80c3;
    background: #2b80c3;
    color: #fff;
    float: left;
    margin: 10px 0 0 0;
    border-radius: 4px;
    padding: 0 15px;
    cursor: pointer;
    font-size: 1em;
    -webkit-appearance: none;
    appearance: none;
}
    .video_page .btn-register:hover {
background:#4e7fa5
    }
    span.error-msg{
    font-size: 12px;
    color: red;
    display: none;
    }
    .video-out-box{
        transition:transform .3s cubic-bezier(0.11, 0, 0.31, 1)
    }
 .video-out-box:has(li:hover) {
    transform: scale(1.05);
    /* transition: transform 0.3s; */
    z-index: 10;
}
body.no_scroll {
    overflow: hidden !important;
    height: 100vh;
}

 @media screen and (max-width:480px) {
.video_page .popup_wrapper .sec_pos_container
 {
    padding-top: 0px;
}
.video_page .popup_wrapper .popup_container {
    max-height: calc(100vh - 200px) !important;
}
.video_page .popup_header h3 {
    font-size: 20px;
}
 }
 
 @media screen and (min-width:1600px) {
.vid_new_player .video_center.no_list{width: 1100px !important;}
.vid_new_player .container{height: 619px !important;}
.vid_new_player .video_center{height: 619px !important;}
 }