/* *********new rdp site css updates************** */
*{
    font-family: 'Poppins', sans-serif;
}
.static.tap_menu{-webkit-backface-visibiklity:hidden;transition:transform .4s 0s,visibility 0 .4s;-webkit-transition:-webkit-transform .4s 0s,visibility 0 .4s;-moz-transition:-moz-transform .4s 0s,visibility 0 .4s;-webkit-transform:translateX(0px) !important;-moz-transform:translateX(0px) !important;-ms-transform:translateX(0px) !important;-o-transform:translateX(0px) !important;transform:translateX(0px) !important} 

/*header css starts*/
.header{height:auto!important;background-color: #fff;}
.header.active{background-color:transparent;border-bottom:none}
.new-header-con-act{border-bottom:none}
.header-box{width:100%;margin:auto}
.header-right{margin-right:0}
.header-main{display:flex;justify-content:end;align-items:center;margin:auto}
.header{position:fixed;top:0;left:0;width:100%;z-index:9999;border-bottom:1px solid #a6c7e33b;transition: all .3s ease;}
.header-right ul,.btn-box ul{display:flex;width:100%;align-items:center;margin:18px 0 13px;list-style-type: none;}
.header-left{float: left;}
.header-right ul{margin:0}
.header-right ul li a{color:#fff;display:block}
.header-right ul li:first-child a sup { font-size: 18px; top: 2px; position: relative; }
.header-right ul li a:hover, .header-right ul li a.active,.index-header.active .header-right ul li a:hover {color: yellow !important;}
.header-right ul li { font-size: 16px; display: flex; align-items: center; padding: 0 16px 0 16px; position: relative; }
.header-logo { width:240px; height: 39px; display:flex;  }
.header-right ul li a::after, .header-right ul li a.active::after {content: '';position: absolute;bottom: 9px;left: 0;right: 0;margin: 0 auto;width: 0;height: 2px;background-color: yellow;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: width .3s ease;transition: width .3s ease}
.header-right ul li a:hover::after, .header-right ul li a.active::after { width: 100%; }
.header-logo img { width:243px; height: 43px; display: inline-flex;margin-top: 14px; }


/* sign up box css*/
.btn-box ul li {border: 1px solid #b0c6d9;background: #fff;color:#26537a;border-radius: 30px;padding: 0;background-size: unset;transition: .3s ease-out;margin-left: 15px;font-size: 15px;font-weight: 400;}
.btn-box li.myaccount_wrap{display: none;}
.btn-box .topsignup, .btn-box .toplogin, .btn-box .myaccount_box{color: #26537a !important;margin-right: 0 !important;padding: 5px 20px !important;display: inline-block;border-radius: 30px;}
.btn-box .topsignup {
    color: #fff !important;
    background-color: #0071BC !important;
}
.header.active .btn-box .topsignup{
    color: #26537a !important;
    background-color: #fff !important;
}
.header-right ul li a { position: relative;  border-radius:5px;
font-size: 16px; transition: all .4s ease; padding: 19px 0 19px 0; }
.new-header-con a:hover{color: #26537a !important;}
.btn-box .topsignup:hover, .btn-box .toplogin:hover, .btn-box .myaccount_box:hover{background-color: #ecf7ff !important;color: #0071bc !important;}
.toplogin{line-height: 24px;}
.mobile_header{display: none;}
footer .footerMain ul.footer_ul{width: 19%;}
footer .footerMain ul.footer_ul li a.footer-logo img{width: 253px;height: 22px;}
footer .footerMain ul.footer_ul li a.footer-logo{margin-left: -12px;}
footer .footerMain ul.footer_ul.first-ul{width: 25%;}
footer .footerMain ul.footer_ul li a{width: auto;}

/* white header css */

.header-left .logo-white{display: none;}
.header-left .logo-blue{display: block;}
.header-right ul li a{color: #104a69;padding: 19px 0 19px 0;transition: none;}
.header-right ul li a:hover{color:#0071bc !important;}
.header-right ul li a::after, .header-right ul li a.active::after {background-color: #0071bc;}
.topsignup:hover, .toplogin:hover, .myaccount_box:hover{background-color: #edf9ff !important;}

/* header active css */
.header.active {background-color: #0071bc;}
.header.active .logo-white{display: block;}
.header.active .logo-blue{display: none;}
.header.active .header-right ul li a{color: #fff;background-color: transparent;}
.header.active .header-right ul li a:hover{color: yellow !important;}
.header.active .topsignup:hover, .header.active .toplogin:hover, .header.active .myaccount_box:hover{background-color: #fdf4dd !important;}
.header.active .header-right ul li a::after, .header.active .header-right ul li a.active::after {content: '';position: absolute;bottom: 10px;left: 0;right: 0;margin: 0 auto;width: 0;height: 2px;background-color: yellow;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: width .3s ease;transition: width .3s ease}
.header.active .header-right ul li a:hover::after, .header.active .header-right ul li a.active::after { width: 100%; }


/* footer css */
.footer-section { background-color: #3E435E; color: #fff; font-size: 14px; float: left; width: 100% }
.footer-main { width: 100%; margin: auto; }
.footer-box { display: flex; width: 100%; flex-wrap: wrap; justify-content: flex-start; padding: 90px 0 }
.footer-box a { color: #fff; display: inline-block; width: auto;}
.footer-logobox { width: 30%; padding-right: 0 ;margin-top: 6px;}
.footer-logo { margin-top: -16px; }
.footer-menubox { width: 20% }
.footer-box .footer-menubox:nth-child(2) { width: 20% }
.footer-box .footer-menubox:nth-child(3){width: 18%;}
 .footer-box .footer-menubox:nth-child(4) { width: 18% }
.footer-box .footer-menubox h5{color: #fff;font-weight: 600;margin: 0 0 10px 0;}
.footer-supportbox { width: 25% }
.footer-box ul { list-style: none; padding: 0; margin-top: 0;margin-bottom: 0; }
.footer-box ul li { padding: 5px 0 }
.footer-logo-new img { width: 195px; height: 25px; background-repeat: no-repeat }
.footer-text { padding-right: 40px; line-height: 20px; margin: 5px 0 42px; font-size: 13px; width: 100%; }
.support-content { padding: 25px; width: 75%; float: right; margin-top: 10px; border-top: 1px dashed #7b98b1; border-bottom: 1px dashed #7b98b1; }
.support-timings { font-size: 12px }
.support-number { font-size: 28px; margin-bottom: 10px }
.support-content h3 { font-size: 24px; margin-bottom: 25px }
.social-mediabox { display: flex; justify-content: flex-start }
.footer-box a:hover {color: yellow;}
.social-mediabox li a {width: 33px;height: 37px;background: url(https://static.idriveonlinebackup.com/crm/source/images/home_sprite_icons4.svg);display: block;margin-right: 15px;transition: transform .5s ease-in-out;}
.social-mediabox li a.linkdin { background-position: 0 -1812px; }
.social-mediabox li a.facebook { background-position: 0 -1961px; }
.social-mediabox li a.twitter { background-position: 0 -2113px; }
.social-mediabox li a.linkdin:hover { background-position: 0 -1889px; }
.social-mediabox li a.facebook:hover { background-position: 0 -2031px; }
.social-mediabox li a.twitter:hover { background-position: 0 -2193px; }
.copyright_box { color: #fff; border-top: 1px solid #a6c0d65e; display: flex; width: 100%; justify-content: center; align-items: center; font-size: 1.4rem; }
.footer-menubox ul li a { position: relative; transition: 0.5s all; width: auto;}
.footer-section sup { font-size: 18px; }
.footer-section .sup-new{width:48%;display:flex;flex-direction:column;margin-top: 25px;}
.footer-section a.support-title{font-size:18px;padding:0 0 10px}
.footer-section a.support-no{font-size:21px;padding:0 0 10px;color:#FFF0BB}
.footer-section .sup-new:hover a.support-title,.footer-section .sup-new:hover a.support-no{color:#fbff44}
footer ul{width:auto;min-width:auto;min-height:auto}
.copyright_box p{font-size:14px;color: #fff;}

@media screen and (max-width: 1190px) {
    .more-space .new-header-con li{margin-right: 0;}
    .header-left{width: auto;}
}
@media screen and (max-width: 1350px) {

    .footer-section .sup-new{width: 65%;}
    .footer-logobox{width: 33%;}
}

@media screen and (max-width: 1180px) {
 
    .footer-logobox{width: 28%;}
}
@media screen and (max-width: 1040px) {
    .footer-section .sup-new{width: 70%;}
	.btn-box .topsignup, .btn-box .toplogin, .btn-box .myaccount_box{padding: 5px 16px !important;}
}
@media screen and (max-width: 1024px) {
    .footer-box .footer-menubox:nth-child(2){width: 23%;}
}


@media only screen and (max-width: 980px) {
    .footer-section .sup-new, .footer-logobox{margin-top: 0;}
    .header-main {display: none;}
    .header_cont { display: none }
    .mobile_header { display: block; background: #0071bc; z-index: 9999999999; position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 60px; }
    .logo_cont { background: url(../../source/images/rdp-logo-white04.svg) no-repeat; width: 240px; height: 39px; background-size: contain; margin:16px 0 0 20px;
    text-indent: -3500px; visibility: visible; display: inline-flex }
    .moblie_menu_icon { display: table; width: 40px; height: 60px; float: right; padding: 0 20px; cursor: pointer; background: #0071bc;  }
    .bar1, .bar2, .bar3 { width: 25px; height:2px;
    background-color: #fff; margin:2px 0;
    transition: .4s; float: left }
    .mobile_menu_cont { display: block; margin: 0; padding: 0px 0 150px; z-index: 99999; width: 100%; float: right; position: fixed; top: 60px; left: 100%; height: 100%; background-color: #2a2828; visibility: visible; overflow-y: auto; -webkit-backface-visibility: hidden; transition: transform .4s 0s, visibility 0 .4s; -moz-transition: -moz-transform .4s 0s, visibility 0 .4s; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px) }
    .mobile_menu_cont ul { float: left; width: 100%; padding-left: 0 ;padding-bottom: 45px;margin-top: 2px;}
    .mobile_menu_cont li a { font-size: 15px; color: #fff; text-decoration: none; padding: 10px 17px; float: left; width: 100%; box-sizing: border-box; font-weight: 400; border: 0 solid #596a74; border-bottom-width: 0; margin: 0; height: auto; border-bottom: 1px dashed rgb(156 157 154 / 42%) ; position: relative }
    .moblie_menu_icon .bar_cont, .moblie_menu_icon span { display: table-cell; width: 25px; height: auto; vertical-align: middle; color: #fff }
    .change .bar1 { -webkit-transform: rotate(-45deg) translate(0px, 6px); transform: rotate(-45deg) translate(-1px, 6px) }
    .change .bar2 { opacity: 0 }
    .change .bar3 { -webkit-transform: rotate(45deg) translate(-2px, -8px); transform: rotate(45deg) translate(-3px, -8px) }
    .mobile_menu_cont.menu_show { -webkit-transform: translateX(-282px); -moz-transform: translateX(-282px); -ms-transform: translateX(-282px); -o-transform: translateX(-282px); transform: translateX(-282px) }

    .footer-menubox, .footer-logobox a.footer-logo-new, .footer-text{display: none;}
    .footer-section .sup-new, .footer-logobox{width: 100%;text-align: center;}
    .footer-box{padding: 50px 0;}
    .signup_wrap, .login_wrap, .myaccount_wrap{display: block;}

}


/* footer and header css ends here */