footer,header,menu{width:100%}
.static-wrapper,.wrapper{width:100%;max-width:1260px;margin:0 auto;padding:0 20px}
header .wrapper{overflow:hidden;height:auto}
footer .description{width:85%;float:left}
.content{max-width:1220px;margin:0 auto}
.content .description{width:85%;float:left}
.menu ul{padding:0;margin:0}
.new-header-con{padding:4px 0 0;background:#0071bc;color:#fff;margin-top:-10px;font-size:14px;height:50px}
.new-header-con ul li{float:left;text-decoration:none;display:-webkit-box;list-style:none}
.new-header-con ul li:first-child{margin-left:-39px}
.new-header-con a{color:#fff}
.new-header-con a:hover{color:#fbff44}
.new-header-con ul{text-decoration:none}
.new-header-con li{margin-right:20px;text-decoration:none}
.logo a{margin:4px 0 0}
.menu .secondary{padding:0!important}
.header{height:112px!important}
.menu .main li a{padding:10px 15px 0}
.menu ul .mobile-menu{display:none!important}
.legal_bg h1{margin:41px 0 0!important;padding:14px 0 0!important}
.secondary{position:relative}
.topsignup{color:#fff;background:0 0;border:0!important;font-size:15px!important;margin-right:0!important}
.topsignup:hover{color:#fbff44!important}
.toplogin{color:#000!important;border:0!important;padding:8px 18px 8px 6px !important;font-size:15px!important}
.terms-page .toplogin{padding:10px 18px 9px 6px !important}
header .wrapper{overflow:visible}
.secondary{position:absolute;right:0;top:-40px}
.toplogin:hover{color:#000!important;border:0!important}
.myaccount_box{background:#fff;color:#000!important;border:0!important;font-size:14px!important;padding:10px!important}
.myaccount_box:hover{border:0!important}
.menu .main li a{font-size:18px!important;padding:20px 55px 0 0 !important}
.blue_btn{background:0 0!important;background-color:#2cb0e2!important;width:auto!important;height:auto!important;padding:10px 30px;text-indent:1px;color:#fff;font-size:18px;line-height:normal;font-weight:500;border-radius:2px}
.blue_btn:hover{background-color:#fff!important;color:#2cb0e2}
.flex-control-paging li a{width:11px;height:11px;display:block;/* background:#fff; *//* background:rgba(255,255,255,.5); */cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);box-shadow:inset 0 0 3px rgba(0,0,0,.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}
.flex-control-paging li a.flex-active{background:#fff;background:rgba(255,255,255,.9);cursor:default;width:11px;height:11px}
.flex-control-paging li a.flex-active{background-color:#333}
@media screen and (max-width:1280px) {
.content{max-width:1220px;width:98%;margin:0 auto}
}
@media screen and (min-width:1280px) {
.static-wrapper,.wrapper{width:1260px}
.content{max-width:1220px;width:98%;margin:0 auto}
}
@media screen and (max-width:1024px) {
.content{max-width:960px;margin:0 auto;width:98%}
}
@media screen and (max-width:980px) {
.static-wrapper,.wrapper{width:100%}
.new-header-con{display:none!important}
.menu ul .mobile-menu{display:block!important}
.header{height:60px!important}
.legal_bg h1{margin:0!important;padding:48px 0 0!important}
.videos-page .legal_bg h1{padding:36px 0 0!important}
.secondary{position:relative;left:0}
.toplogin{background:0 0!important;color:#fff!important}
.myaccount_box{background:#21a279!important;color:#fff!important}
.myaccount_box:hover{background-color:#2a2828}
.secondary .topsignup::after{height:17px!important;width:14px!important;background-size:contain;margin-left:6px!important;top:5px}
.topsignup:hover{color:#fff!important}
.toplogin:hover{background-color:#666!important}
header .wrapper{overflow:hidden}
.secondary{margin-top:43px!important}
}
@media screen and (max-width:640px) {
.static-wrapper,.wrapper{width:100%}
.legal_bg{height:auto!important;padding-bottom:25px}
.videos-page .legal_bg{height:123px!important}
}
@media screen and (max-width:480px) {
.menu .secondary .topsignup::after{top:5px!important}
.videos-page .legal_bg h1{padding:26px 0 0!important;font-size:24px!important}
}
.browser-title{font-size:2em;padding:0 0 10px}
.browser-icon{width:130px;height:45px;margin:0 auto;display:inline-block}
.browser-ie .browser-icon{background:url(../../source/images/support-ie-icon-new.jpg) no-repeat center;cursor:pointer}
span.browser-name{font-size:16px;line-height:20px;padding:0;margin:0;float:left;width:100%;text-align:center;cursor:pointer}
.title-description{text-align:center;padding-bottom:20px;max-width:600px;width:100%;margin:0 auto;line-height:24px}
.footer-logo{margin-left:27px}
.logo a{margin:15px 0 0 1px !important;padding:0;float:left;width:157px!important;text-indent:-3500px;overflow:hidden}
@media screen and (max-width:980px) {
.logo a{margin-top:13px!important}
}
html{box-sizing:border-box;-webkit-text-size-adjust:100%}
*,:after,:before{box-sizing:border-box}
a img{border:none;outline:0}
img{border:none;outline:0}
body,html{margin:0;width:100%;height:100%}
section{display:inline-block}
video{display:inline-block}
body{font-family:'Open Sans',verdana,tahoma;font-size:1em;line-height:24px;color:#666;background:#fff;margin:0 auto;letter-spacing:.3px;font-style:normal}
h2{margin:0;font-size:2em;font-weight:400;color:#666}
h3{font-size:1.375em;line-height:70px;border-bottom:1px solid #e5e5e5;color:#323434;margin:0;padding:0;font-weight:400;width:100%;padding-left:2%}
h4{font-size:1em;margin:0;padding:0;line-height:32px;font-weight:400;color:#669630}
h4 a{color:#3d95b6;text-decoration:none;border:0}
h5{font-size:1.125em;font-weight:400;margin:20px 0;padding:0;line-height:30px;color:#666}
h6{font-size:1em;font-weight:400;margin:0;padding:0;color:#666;margin-top:30px}
footer,header,menu,nav,section{display:block}
.left{float:left}
.right{float:right}
.clear{clear:both}
.static-wrapper,.wrapper{margin:0 auto}
.wrapper_main{margin:0 auto}
.container{width:100%;max-width:1260px;margin:0 auto}
.container,.row{zoom:1}
.container:after,.container:before,.row:after,.row:before{content:"";display:table}
.container:after,.row:after{clear:both}
.content{background:#fff;margin:0 auto;max-width:1260px;width:100%}
.video{width:100%}
.feature-content{width:100%;background:#fff}
a{color:#3d95b6;text-decoration:none}
a:hover{color:#666}
.wrap_menu{display:none}
.header_bar{background:url(../../source/images/header_bar.png) no-repeat 0 0;margin:0 auto;height:78px;width:100%;overflow:hidden;text-align:center}
.header-rpc{position:fixed;top:0;left:0;width:100%;height:75px;margin:0 auto;padding-top:15px;z-index:9}
.nav_menu{float:right;width:calc(100% - 180px);height:100%}
.menu{float:left;font-size:1em;padding-top:15px;width:100%;height:100%;position:relative}
.menu ul{padding:0;margin:5px 0 0}
.menu ul li{list-style-type:none;display:inline-block}
.menu ul li a{color:#fff;text-decoration:none;font-size:1em}
.menu .main li a{height:auto;display:inline-block;padding:20px 15px;letter-spacing:0}
.menu .main{width:auto;float:left;color:#fff;text-decoration:none;padding-left:30px;height:100%;margin:0}
.menu .main li{margin:0;height:100%;display:inline-block;padding:0}
.menu .main li a:hover{color:#fbff44;text-decoration:none}
.menu .secondary{padding:8px 0 0;height:100%;float:right;max-width:auto;margin:0;text-decoration:none}
.menu .secondary li{height:100%}
.menu .secondary li.login_wrap{float:right}
.menu .secondary li a{box-sizing:border-box;text-align:center;display:inline-block;vertical-align:middle;min-width:100px;color:#fff;overflow:hidden;line-height:inherit;padding:8px}
.login_wrap,.myaccount_wrap,.signup_wrap{display:inline-block}
.menu:not(.mobile_menu) .secondary li a.myaccount_box{padding-right:0;margin:0 auto;border:2px solid #ffffff80;padding-left:0;min-width:140px}
.menu:not(.mobile_menu) .secondary li a.myaccount_box:hover{border:2px solid #f8ed81}
.menu:not(.mobile_menu) .secondary li a.toplogin{padding-right:18px;margin:0 auto;border:2px solid #ffffff80;background:url(../../source/images/rc-login-static-arrow-icon.png) no-repeat 72px 11px!important;padding-left:0;cursor:pointer}
.menu:not(.mobile_menu) .secondary li a.toplogin:hover{border:2px solid #f8ed81}
.menu:not(.mobile_menu) .secondary li a.topsignup{border:2px solid #ffffff80;margin-right:13px}
.menu:not(.mobile_menu) .secondary li a.topsignup:hover{border:2px solid #f8ed81}
.menu .secondary li.myaccount_wrap{display:none;float:right}
.header{position:fixed;top:0;left:0;width:100%;padding:0;z-index:10000;height:80px;background-color:transparent}
.active{background-color:#0071bc;opacity:1}
.logo{float:left;width:135px;height:100%}
.logo a{margin:27px 0 0 8px;padding:0;float:left;background:url(../../source/images/logo-new.png) no-repeat;background-size:cover;height:28px;width:157px;text-indent:-3500px;overflow:hidden}
footer h4{color:#fff;min-width:220px;width:24%;font-size:1em;font-weight:400;text-align:left;line-height:24px}
footer ul{width:24%;min-width:220px;min-height:250px}
/* footer a{width:90%} */
footer .copyright{width:100%;padding:0;float:left;margin:10px auto 0;text-align:center;border-top:1px solid #3b4850}
footer .copyright p{font-size:12px;margin-top:10px;padding-top:0;color:#82868f;text-align:center}
footer .copyright p sup{font-size:14px}
footer.static-footer{background:url(../../source/images/static_footer_bg.png) repeat-x 0 0;display:table}
.footer-text, .copyright_box p{color: #fff;}



/* body css starts */


p{font-size:16px;color: #000;}
.banner_sec{background:url(../../source/images/web-view-bg02.jpg) top ;background-repeat:no-repeat; padding:80px 0 80px;background-size: cover;margin-top: 68px;height: 430px;display: flex;align-items: center;}

.banner_content_area{display:flex;gap:10px}
.banner-left{width:100%;text-align: left;max-width: 55%;}
.banner-left p{margin-bottom: 45px;color: #101010;line-height: 28px;}
.banner_content_area h1{color:#101010;font-size:38px;font-weight:600;line-height:55px;}

.get-started-btn{border-radius:30px;padding:12px 30px;font-weight:600;color:#fff;width:auto;display:inline-flex;background-color:#0071BC;border:1px solid #0071bc;font-size:18px;align-items:center;transition:all .3s ease}
.get-started-btn:hover{background-color:#fff;color:#0071bc;border:1px solid #0071bc}

.features_sec{float:left;width:100%;padding:80px 0;background-color:#FAFAFA}
.features_sec h2{color:#001C33;font-size:30px;font-weight:600;text-align:left;margin-bottom: 40px;line-height: 40px;}
.features_sec p{color: #222;}
.feature_container{display:flex;flex-wrap:wrap}
.feature_item{width:48%;margin:40px 40px 20px 0;border-radius: 15px;padding:40px 35px 24px 35px;border: 1px solid #eaeaea;}
.feature_item:nth-child(2), .feature_item:nth-child(4), .feature_item:nth-child(6) {margin-right: 0;}
.feature_item:hover{background: #fff;}
.feature_item h3{color:#000;font-size:18px;font-weight:600;line-height: 30px;border-bottom: 0;padding-left: 0;}
.feature_item p{color:#000;font-size:16px;line-height: 28px;}
.features-icon{width:80px;height:87px;background:url(../../source/images/web-viewer-icons.svg);background-repeat:no-repeat;background-position:0 0;display:inline-block}
.features-icon.icon2{background-position:0 -169px}
.features-icon.icon3{background-position:0 -318px}
.features-icon.icon4{background-position:0 -469px}
.features-icon.icon5{background-position:0 -911px}
.features-icon.icon6{background-position:0 -767px}
.features-icon.icon7{background-position:0 -910px}



/*slider css end*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block;width: 950px;margin: auto;}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-initialized .slick-slide {padding: 20px 20px 0;}
.slick-initialized ul.slick-dots li.slick-active,.slick-initialized ul.slick-dots li:hover{width:12px;height:12px;cursor:pointer;background-color:#85b9df;border-radius:50%;margin-right:10px;margin-left:auto;border:1px solid #67a0d9;transform:scale(1.2)}
.slick-initialized ul.slick-dots{margin:auto}
.slick-initialized ul.slick-dots li button{display:none}
.slick-initialized ul.slick-dots li{display:inline-block;width:12px;height:12px;cursor:pointer;background-color:#bad6e8;border-radius:50%;margin-right:10px;margin-left:auto;border:1px solid #abc9e5;transition:all .3s ease-in-out}
.slick-initialized ul.slick-dots{list-style:none;text-align:center;position:relative; top:17px;}
.slider-sec{background-color:#f0f1f1;float: left;width: 100%;padding: 80px 0;}
.slider-sec h2{text-align:center;width:70%;margin:auto;margin-bottom:20px;font-size: 24px;color: #001C33;font-weight: 600;line-height: 40px;}
.slider-sec h3{border-bottom: 0;color: #001C33;font-weight: 600;font-size: 20px;line-height: 35px;margin: 40px 0 10px ;}
.slider-item{text-align:center}
.slick-initialized .slick-slide p{margin: 0px 0 0px 0;}


.steps-sec{float: left;width: 100%;padding: 80px 0;}
.steps-sec h2{color: #101010;font-weight: 600;margin-bottom: 40px;line-height: 40px;}
.steps-sec ol li{line-height: 28px;margin-bottom: 10px;color: #101010;font-size: 18px;font-weight: 600;}
.steps-sec p{margin: 0 0 20px;line-height: 28px;}
.steps-sec ol>li>ul{padding:20px 0 0 24px;}
.steps-sec ol>li>ul>li{background: url(../../source/images/compare-tick-blue.png) no-repeat left 7px;font-size: 16px;font-weight: normal;list-style-type: none;padding-left: 24px;}

@media screen and (min-width:1800px) {
    .banner_sec{height: 520px;}
}
@media screen and (min-width:2400px) {
    .banner_sec{height: 720px;}
}
@media screen and (min-width:3500px) {
    .banner_sec{height: 990px;}
}


@media screen and (max-width:1050px) {
.feature_item{width: 45%;}
}

@media screen and (max-width:1024px) {
.banner-left {
    width: 100%;
    text-align: left;
    max-width: 50%;
}
.banner_content_area h1 {
    font-size: 36px;
}
}
@media screen and (max-width:1023px) {
    .banner_sec {
background: #E3F6F4;
background: linear-gradient(90deg, rgba(227, 246, 244, 1) 0%, rgba(237, 248, 250, 1) 41%, rgba(214, 235, 240, 1) 71%, rgba(197, 211, 212, 1) 81%, rgba(184, 193, 190, 1) 100%);
    }
        .banner-left {
        width: 100%;
        max-width: 100%;
    }
}



@media screen and (max-width:767px) {
.feature_item {
    width: 100%;
    margin: 40px 0px 20px 0;
}
}
@media screen and (max-width:550px) {
.banner_sec {
    padding: 80px 0 125px;
    height: 475px;
}
}

@media screen and (max-width:1280px) {
.banner_sec{background:url(../../source/images/web-view-bg.jpg) -310px 0;background-repeat:no-repeat;padding:80px 0;background-size:cover;margin-top:68px;height:430px;display:flex;align-items:center}
}
@media screen and (max-width:1200px) {
.banner_sec{background:url(../../source/images/web-view-bg.jpg) -390px 0;background-repeat:no-repeat;padding:80px 0;background-size:cover;margin-top:68px;height:430px;display:flex;align-items:center}
}
@media screen and (max-width:1130px) {
.banner_sec{background:url(../../source/images/web-view-bg.jpg) -440px 0;background-repeat:no-repeat;padding:80px 0;background-size:cover;margin-top:68px;height:430px;display:flex;align-items:center}
}
@media screen and (max-width:1080px) {
.banner_sec{background:url(../../source/images/web-view-bg.jpg) -450px 0;background-repeat:no-repeat;padding:80px 0;background-size:cover;margin-top:68px;height:430px;display:flex;align-items:center}
}
@media screen and (max-width:1070px) {
.banner_sec{background:url(../../source/images/web-view-bg.jpg) -475px 0;background-repeat:no-repeat;padding:80px 0;background-size:cover;margin-top:68px;height:430px;display:flex;align-items:center}
}
@media screen and (max-width:1023px) {
.banner_sec{background:linear-gradient(90deg,#e3f6f4ff 0%,#edf8faff 41%,#d6ebf0ff 71%,#c5d3d4ff 81%,#b8c1beff 100%)}
}

@media screen and (max-width:980px) {
.banner_sec{margin-top: 60px;padding-top: 0;}
}