@font-face {
font-family: 'Open Sans';
font-display: swap;
}
*{margin:0px; padding:0px; box-sizing: border-box;}
body{font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight:300;}
img{max-width: 100%;}
ul{padding:0; margin:0; list-style-type:none;}
ul li, ol li{padding:0; margin:0; list-style-type:none;}
h1.pagein{padding:0; font-size:36px; font-weight:bold;}


.sectionsps{padding:50px 0;}
.inpagetopbanner{color:#fff; min-height:430px;}
.inpagetopbanner.hchange{min-height:300px;}
.inpagetopbanner h1{padding-top:30px;}
.inpagetopbanner.offercount{background:#360626 url(../images/offerbanner.jpg) no-repeat 0 0; background-size:cover;}
.inpagetopbanner.company{background:#360626 url(../images/company.jpg) no-repeat 0 0; background-size:cover; padding-bottom:80px;}
.inpagetopbanner.company p{font-size:18px; line-height:30px; padding-top:20px;}
.inpagetopbanner.company p.nos{padding-top:0;}
.inpagetopbanner .breadcrumb{background:none; padding:15px 0;}
.wrapper{width:100px; height:100px; border-radius:100px; background:#fff; color:#000000; text-align:center; margin:0 auto;}
#countdown{max-width:500px; margin:50px auto;}
.wrapper span.time{ display:block; font-size:40px; font-weight:bold; padding-top:10px;}
.wrapper span.label{color:#000000; font-size:14px; font-weight:normal; margin-top:-8px; display:block; text-transform:uppercase;}
.offerprotools{display:flex; padding:30px 0;}
.offerprotools .box{width:24%; margin:10px; padding:30px 20px; background:#fff; border:1px solid #ddd;}
.offerprotools .box.last{background:#f9fbfc; width:28%;}
.offerprotools .box strong{display:block; font-weight:normal; font-size:18px; padding:20px 0 5px 0;}
.offerprotools .box img.bx{max-width:100px; margin:0 auto;}
.offerprotools .box p{font-weight:300; font-size:14px;}
.offerprotools .box .disc{}
.offerprotools .box .disc span{display:inline-block; font-size:18px; font-weight:normal; margin:10px;}
.offerprotools .box .disc span.old{ text-decoration:line-through; color:#FF0000;}
.offerprotools .box .disc span.new{}
.offerprotools .box a{display:inline-block; padding:10px 30px; font-size:15px; font-weight:normal; color:#fff; background:#0077b4; margin-top:15px;}
.boxrights{padding:20px 0 40px 0; margin-bottom:30px; border-bottom:1px solid #ddd;}
.boxrights:last-child{border:none;}
.boxrights i{float:left; width:100px; height:100px; background:#0077b4; color:#fff; border-radius:100px; text-align:center; font-size:50px; line-height:100px;}
.boxrights div{position:relative; margin:0 0 0 130px;}
.boxrights div strong{display:block; font-weight:normal; font-size:20px; padding-bottom:10px;}
.boxrights div a{color:#000000;}

.contact-form{
    background: #f9fbfc; padding:10px 30px 30px 30px; border-radius:10px; margin:0 50px 0 0;

}
.contact-form .form-control{
    border-radius:1rem;
}

.heading {
    text-align: center;
    margin-bottom: 40px;
    font-size: 36px;
    position: relative;
    font-weight: 600;
    padding-bottom: 22px;
}

.heading:after {
    position: absolute;
    content: '';
    bottom: 0;
    padding: 3px;
    width: 70px;
    border-top: 2px solid #2597d5;
    border-bottom: 2px solid #00517c;
    left: 50%;
    transform: translateX(-50%) skewX(60deg);
}


.contact-form form{ margin:0 0 0 0;
}
.form-control{border-radius:4px !important; margin-bottom:25px; padding:15px 10px; height:inherit;}
.contact-form form .row{
 
}
.contact-form h3{
    color: #000;
	padding-bottom:20px;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 15px;
    background: #dc3545;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
	border-radius:4px !important;
	margin-top:30px;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding:15px ;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
	border-radius:4px !important;
}


.container{width:inherit; max-width:1250px;}
.ratting{font-size:15px; font-weight:normal; padding-top:0; margin:0 0 10px 0;}
.ratting a{color:#072c3f; font-size:13px; font-weight:bold;}
.ratting img{margin-top:-3px;}
a.more{display:inline-block; margin:20px 0; color:#fff; background:#0077b4; padding:12px 30px; font-weight:normal;}
.heading-text{font-size:54px; font-weight:bold; color.tabsstyle.screenspage:#282828;}
h2, .heading-text-in{font-size:42px; font-weight:bold; color:#282828;}
.heading-text.wtc{color:#fff; padding-bottom:30px;}
.heading-text span{display:block; text-transform:uppercase; font-size:30px;}
.heading-sub{font-size:18px; font-weight:normal; color:#434343; max-width:1000px; margin:20px auto;}
.explore-section{
    background:#f9fbfc; 
    padding:60px 0;
    background: url(../images/recent-post-bg.png) no-repeat bottom;
    /*background-attachment: fixed;
    background-size: cover;*/
}
.boxes{display:flex; padding:30px 0;}
.boxes .box{
    width:33.33%; 
    margin:25px; 
    background:#fff; 
    transition: all 0.7s ease 0s;
    /*background: url(../images/recent-post-bg.png) no-repeat;
    background-attachment: fixed;
    background-size: cover;*/
}
.boxes .box:hover{box-shadow:0 0 10px #ccc; margin-top:-1px;}
.content{padding:40px;}
.content span{display:block; text-transform:uppercase; color:#29b3d8; font-weight:bold; padding-bottom:20px;}
.content h6{font-weight:normal; font-size:18px; margin:0; padding: 0; color:#282828;}
.content p{font-size:14px; color:#434343; padding:20px 0;}
.content a{color:#29b3d8; text-decoration:underline; font-size:14px;}
.section-space-in{padding:30px 0;}

/*home banner start*/
.herobanner{background:#115d9e url(../images/banner-bg.jpg) no-repeat 0 0; background-size:cover; min-height:600px; padding:50px 0 0 0; margin-bottom:80px; overflow:hidden; position:relative; background-attachment:fixed; margin-top:88px;}
.bannertoph{display:flex;}
.bannertoph .box{width:60%; position:relative; padding-bottom:50px;}
.bannertoph .box.lst{width:35%; margin-left:5%; padding-bottom:0;}
.bannertoph .box.lst img{ position:relative; bottom:-10px;}
.banners{ color:#fff;}
.banners span{display:block; font-size:20px; font-weight:bold; margin-top:80px;}
.banners h1{display:block; font-size:54px; padding-bottom:40px;}
.banners p{font-size:22px;}
.banners a{display:inline-block; padding:15px 30px; border:1px solid #fff; color:#fff; font-size:20px; transition: all 0.7s ease 0s; margin:40px 30px 0 0;}
.banners a:hover{background:#fff; color:#115d9e; text-decoration:none;}
.banners a.dl{background:#99cc00; border:1px solid #99cc00;}
.herobanner .carousel-indicators{position:static; width:auto; left:inherit; margin:70px 0 0 0; text-align:left;}
.carousel-indicators li, .carousel-indicators .active{
    /*width:30px; */
    width:15px; 
    height:15px; 
    /*height:12px;*/
    margin:0 5px 0 0;
}
/*home banner end*/

/*home start*/
footer{color:#fff; display:block;}
.footer-top{ background:#0a89cb; padding:20px 0; font-size:14px;}
.footer-mid{ background:#0077b4; padding:70px 0 0 0;}
.footer-mid .container{background:url(../images/shape.png) no-repeat 100px 0px; padding-bottom:40px;}
.fstripbox{padding:0 20px 0 0;}
.fstripbox img{float:left;}
.fstripbox span{display:block; float:left; margin: 0 0 0 20px;}
.fstripbox span i{font-style:normal; display:block;}
.footerbox{padding:0 20px 0 0;}
.phonebottom{font-size:20px; margin-bottom:25px;}
.phonebottom span{display:block; font-size:12px;}
.faddress{font-size:14px; padding-bottom:5px;}
.footerbox .fh{font-size:24px; padding-bottom:15px; font-weight:normal;}
.footerbox ul li{margin-bottom:25px;}
.footerbox ul li a{color:#FFFFFF; font-size:16px;}
.footer-bottom{font-size:14px; color:#4b4c4d; padding:25px 0 20px 0;}
.footer-bottom a{color:#242729;}
.socialshare{ overflow:hidden; padding-bottom:15px;}
.socialshare ul li{float:left; margin:0 7px 0 0;}
.socialshare ul li a{background:#fff; border-radius:20px; width:32px; height:32px; color:#0077b4; display:inline-block; text-align:center; line-height:32px; border:1px solid #fff; transition: all 0.7s ease 0s;}
.socialshare ul li a:hover{background:none; color:#fff;}
/*home end*/

.choose-section{background:#0077b4 url(../images/banner-mid.jpg) no-repeat center top; background-size:cover; min-height:400px; background-attachment:fixed; padding:90px 0;}
.choose-section .leftsection{color:#fff; font-size:19px;}
.choose-section .leftsection p{line-height:32px;}
a.button{display:inline-block; background:#fff; padding:15px 40px; margin:60px 0 0 0;}
#counter{padding-left:150px;}
.runningboxes{display:flex;}
.circle-progress-bar{ width:50%; padding:0 0 0 20px;}
.companystuts{color:#fff; font-size:18px; padding-bottom:50px;}
.companystuts .runn{font-size:54px; margin:0;}


/*home tabs start*/
.tabsstyle{padding:60px 0;}
.tabsstyle .nav-tabs{border:none; text-align:center;}
.tabsstyle .nav-tabs > li{margin:0; float:none; display:inline-block; border:none; outline:none; padding:0;}
.tabsstyle .nav-tabs > li.active > a, .tabsstyle .nav-tabs > li.active > a:focus, .tabsstyle .nav-tabs > li.active > a:hover{color:#39c9f0; border:none; border: none; background:none; margin:0;  padding:10px 20px;}
.tabsstyle .nav-tabs > li > a{border-radius:0; font-size:18px; font-weight:bold; color:#687982; border:none;  margin:0; padding:10px 20px;}
.tabsstyle .nav-tabs > li > a:hover{background:none; border:none; color:#39c9f0;}
.tabsstyle .nav-tabs > li > a::after { content: ""; background: #39c9f0; height: 3px; position: absolute; width: 100%; left: 0px; bottom: -5px; transition: all 250ms ease 0s; transform: scale(0);  outline:none;}
.tabsstyle .nav-tabs > li.active > a::after, .tabsstyle .nav-tabs > li:hover > a::after { transform: scale(1); outline:none;}
.tabsstyle .tab-nav > li > a::after { background: #39c9f0 none repeat scroll 0% 0%; color: #fff; outline:none;}
.tools{display:flex; padding:40px 0;}
.tools .box{width:25%; padding:40px; border:1px solid #e4e9ea; margin-left:-1px;}
.tools .box.fill{background:#f9fbfc;}
.tools .box strong{display:block; color:#00293e; font-size:20px; font-weight: normal; padding-bottom:15px;}
.tools .box p{color:#505050;}
.tools .box a.box-btn{display:inline-block; padding:8px 20px; border:1px solid #39c9f0; color:#39c9f0; margin-top:20px; transition: all 0.7s ease 0s;}
.tools .box a.box-btn:hover{text-decoration:none; color:#fff; background:#39c9f0;}
a.largebtn{display:inline-block; color:#fff; background:#39c9f0; font-size:20px; padding:15px 40px; margin-bottom:50px;}
.tabsstyle .panel{background:none;}
.tabsstyle .nav-tabs.proall{border-bottom:1px solid #ccc; padding:0 0 3px 0;}
@media (min-width: 768px) {
.tabsstyle .panel-heading {display: none;}
.tabsstyle .panel {border: none; box-shadow: none;}
.tabsstyle .panel-collapse {height: auto;}
.tabsstyle .panel-collapse.collapse {display: block;}

}
@media (max-width: 767px) {
.tabsstyle .tab-content .tab-pane {display: block;}
.tabsstyle .nav-tabs {display: none;}
.tabsstyle .panel-title a {display: block;}
.tabsstyle .panel {margin: 0; box-shadow: none; border-radius: 0; margin-top: -2px;}
.tabsstyle .tab-pane:first-child .panel {border-radius: 5px 5px 0 0;}
.tabsstyle .tab-pane:last-child .panel {border-radius: 0 0 5px 5px;}
.tabsstyle .panel-default > .panel-heading a::before {float: right !important; font-family: FontAwesome; content: "\f068"; padding-right: 5px;}
.tabsstyle .panel-default > .panel-heading a.collapsed::before {float: right !important; content: "\f067"; }
.tabsstyle .panel-heading{background:#d6e6ee; padding:0; border-radius:0 !important;}
.tabsstyle .panel-default{border-color:#c3d3db;}
.tabsstyle .tab-pane:first-child .panel{border-radius:0 !important;}
}

/*home tabs end*/



/*review section start*/
.review-section{padding:60px 0;}
.carousel-item-cbox.Block p.quoteimg{float:left;}
.carousel-item-cbox.Block p.wordsby{position:relative; margin:40px 0 0 80px; font-size:18px; color:#00293e;}
.carousel-item-cbox {display: inline-block; padding: 20px; margin: 0; background-color: #fff; background-position: center center; background-repeat: no-repeat; color: #7a0715; text-shadow: none; vertical-align: middle; border: 0; -ms-transition: color 300ms ease, background-color 300ms ease; -webkit-transition: color 300ms ease, background-color 300ms ease; -moz-transition: color 300ms ease, background-color 300ms ease; -o-transition: color 300ms ease, background-color 300ms ease; transition: color 300ms ease, background-color 300ms ease; box-shadow:0 0 10px #ccc; margin:10px;}
.carousel-item-cbox.Small {padding: 5px 10px; font-size: small;}
.carousel-item-cbox.Block {padding: 50px; width: 800px; height: 480px;}
.carousel-item-cbox.Block p{font-size: 17px; font-weight: normal; line-height: 26px; }
.carousel-item-cbox.Block p.namenew{font-size: 24px; color:#00293e; font-.carousel-item-cbox.Blockweight: bold; margin-top: 10px; padding-top:10px;}
.carousel-item-cbox.Block p.quoteimage{margin-bottom: -10px;}
.carousel-item-cbox.Block p.namenew strong{font-weight: 300; display: block; font-size:17px; color:#666666;}
.flipstermain-container{max-width:1100px; margin:50px auto;}
.flipster .flipto-prev, .flipster .flipto-next {position: absolute; bottom: 45%; z-index: 2; display: block; color: #fff; background:#0077b4; padding:3px 10px; -ms-transition: background-color 300ms ease; -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease; text-decoration:none; font-size:30px; font-weight:normal;}
.flipster .flipto-prev:hover, .flipster .flipto-next:hover {opacity:0.7;}
.flipster .flipto-prev {left: 11%;}
.flipster .flipto-next {right: 11%;}
.flipster {display: block; margin: 0 auto; width: 100%; position: relative; overflow-x: hidden; overflow-y: visible;}
.flip-items, .flip-item {display: block; margin: 0 auto; padding: 0; list-style-type: none;}
.flip-items {width: 100%; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.flip-item {position: absolute; opacity: 1; /* Fix for strange clipping behavior on rotated elements in Chrome. */}
.flip-past, .flip-future, .flip-next, .flip-prev {cursor: pointer;}
.flip-item img { max-width: 100%;}
.flipster-coverflow .flip-items {-webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; position: relative; padding-top: 2%; padding-bottom: 5%;}
.flipster-coverflow .flip-item {display: block; -webkit-transition: all 175ms ease-in-out; -moz-transition: all 175ms ease-in-out; -o-transition: all 175ms ease-in-out; -ms-transition: all 175ms ease-in-out; transition: all 175ms ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; position: absolute; width: 30%;}
.flipster-coverflow .flip-content {-webkit-transition: all 350ms ease-in-out; -moz-transition: all 350ms ease-in-out; -o-transition: all 350ms ease-in-out; -ms-transition: all 350ms ease-in-out; transition: all 350ms ease-in-out; -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent));}
.flipster-coverflow .flip-past .flip-content {-webkit-transform: rotateY(55deg) scale(0.75); -moz-transform: rotateY(55deg) scale(0.75); -o-transform: rotateY(55deg) scale(0.75); -ms-transform: rotateY(55deg) scale(0.75); transform: rotateY(55deg) scale(0.75);}
.flipster-coverflow .flip-future .flip-content {-webkit-transform: rotateY(-55deg) scale(0.75); -moz-transform: rotateY(-55deg) scale(0.75); -o-transform: rotateY(-55deg) scale(0.75); -ms-transform: rotateY(-55deg) scale(0.75); transform: rotateY(-55deg) scale(0.75);}
.flipster-coverflow.no-rotate .flip-past .flip-content {-webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform:scale(0.75); -ms-transform:scale(0.75);
transform: scale(0.75);}
.flipster-coverflow.no-rotate .flip-future .flip-content {-webkit-transform: scale(0.75); -moz-transform: scale(0.75); -o-transform: scale(0.75); -ms-transform: scale(0.75);
transform: scale(0.75);}
.flipster-coverflow .flip-current .flip-content {-webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg);
transform: rotateY(0deg);}
.flipster-coverflow .flip-hidden {visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0;}
.flipster-carousel .flip-items {-webkit-perspective: 2000px; -moz-perspective: 2000px; perspective: 2000px;}
.flipster-carousel .flip-item {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 350ms ease-out; -moz-transition: all 350ms ease-out; -o-transition: all 350ms ease-out; -ms-transition: all 350ms ease-out; transition: all 350ms ease-out;}
.no-csstransforms .flipster-carousel .flip-item {-webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;}
.flipster-carousel .flip-items img {}
.flipster-carousel .flip-past {-webkit-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65); -moz-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65); -o-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65); -ms-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65); transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65);}
.flipster-carousel.no-rotate .flip-past {-webkit-transform: translateX(-80%) translateZ(0)  scale(0.65); -moz-transform: translateX(-80%) translateZ(0)  scale(0.65); -o-transform: translateX(-80%) translateZ(0)  scale(0.65); -ms-transform: translateX(-80%) translateZ(0) scale(0.65); transform: translateX(-80%) translateZ(0) scale(0.65);}
.no-csstransforms3d .flipster-carousel .flip-past {-webkit-transform: translateX(-56%) scale(0.5); -moz-transform: translateX(-56%) scale(0.5); -o-transform: translateX(-56%) scale(0.5); -ms-transform: translateX(-56%) scale(0.5); transform: translateX(-56%) scale(0.5);}
.no-csstransforms .flipster-carousel .flip-past {left: -20%; top: 40%; width: 50%; height: 50%;}
.flipster-carousel .flip-future {-webkit-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65); -moz-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65); -o-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65); -ms-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65); transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65); }
.flipster-carousel.no-rotate .flip-future {-webkit-transform: translateX(80%) translateZ(0) scale(0.65); -moz-transform: translateX(80%) translateZ(0) scale(0.65); -o-transform: translateX(80%) translateZ(0) scale(0.65); -ms-transform: translateX(80%) translateZ(0) scale(0.65); transform: translateX(80%) translateZ(0) scale(0.65); }
.no-csstransforms3d .flipster-carousel .flip-future {-webkit-transform: translateX(56%) scale(0.5); -moz-transform: translateX(56%) scale(0.5); -o-transform: translateX(56%) scale(0.5); -ms-transform: translateX(56%) scale(0.5); transform: translateX(56%) scale(0.5);}
.no-csstransforms .flipster-carousel .flip-future {left: 88%; top: 40%; width: 50%; height: 50%;}
.flipster-carousel .flip-prev {-webkit-transform: translateX(-30%) translateZ(0) rotateY(0) scale(0.8); -moz-transform: translateX(-20%) translateZ(0) rotateY(0) scale(0.8); -o-transform: translateX(-20%) translateZ(0) rotateY(0) scale(0.8); -ms-transform: translateX(-20%) translateZ(0) rotateY(0) scale(0.8); transform: translateX(-20%) translateZ(0) rotateY(0) scale(0.8); }
.flipster-carousel.no-rotate .flip-prev {-webkit-transform: translateX(-60%) translateZ(0) scale(0.8); -moz-transform: translateX(-60%) translateZ(0) scale(0.8); -o-transform: translateX(-60%) translateZ(0) scale(0.8); -ms-transform: translateX(-60%) translateZ(0) scale(0.8); transform: translateX(-60%) translateZ(0) scale(0.8);}
.no-csstransforms3d .flipster-carousel .flip-prev {-webkit-transform: translateX(-24%) scale(0.75); -moz-transform: translateX(-24%) scale(0.75); -o-transform: translateX(-24%) scale(0.75); -ms-transform: translateX(-24%) scale(0.75); transform: translateX(-24%) scale(0.75);}
.no-csstransforms .flipster-carousel .flip-prev {left: -9%; top: 20%; width: 75%; height: 75%;}
.flipster-carousel .flip-next {-webkit-transform: translateX(30%) translateZ(0) rotateY(0) scale(0.8); -moz-transform: translateX(20%) translateZ(0) rotateY(0) scale(0.8); -o-transform: translateX(20%) translateZ(0) rotateY(0) scale(0.8); -ms-transform: translateX(20%) translateZ(0) rotateY(0) scale(0.8); transform: translateX(20%) translateZ(0) rotateY(0) scale(0.8); }
.flipster-carousel.no-rotate .flip-next {-webkit-transform: translateX(60%) translateZ(0)  scale(0.8); -moz-transform: translateX(60%) translateZ(0) scale(0.8); -o-transform: translateX(60%) translateZ(0) scale(0.8); -ms-transform: translateX(60%) translateZ(0) scale(0.8); transform: translateX(60%) translateZ(0) scale(0.8);}
.no-csstransforms3d .flipster-carousel .flip-next {-webkit-transform: translateX(24%) scale(0.75); -moz-transform: translateX(24%) scale(0.75); -o-transform: translateX(24%) scale(0.75); -ms-transform: translateX(24%) scale(0.75); transform: translateX(24%) scale(0.75);}
.no-csstransforms .flipster-carousel .flip-next {left: 39%; top: 20%; width: 75%; height: 75%;}
.flipster-carousel .flip-past, .flipster-carousel .flip-future {-webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; z-index: 1; -webkit-transition-delay: 87.5ms; -moz-transition-delay: 87.5ms; -o-transition-delay: 87.5ms; transition-delay: 87.5ms; }
.flipster-carousel .flip-prev, .flipster-carousel .flip-next {-webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; z-index: 2; -webkit-transition-delay: 58.333333333333336ms; -moz-transition-delay: 58.333333333333336ms; -o-transition-delay: 58.333333333333336ms; transition-delay: 58.333333333333336ms;}
.flipster-carousel .flip-current {z-index: 8; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); 
transform: rotateY(0deg); -webkit-transition-delay: 58.333333333333336ms; -moz-transition-delay: 58.333333333333336ms; -o-transition-delay: 58.333333333333336ms; transition-delay: 58.333333333333336ms;}
.flipster-carousel .flip-hidden {visibility: hidden; -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transform: rotateY(0deg) translateX(0) scale(0.5); -moz-transform: rotateY(0deg) translateX(0) scale(0.5); -o-transform: rotateY(0deg) translateX(0) scale(0.5); -ms-transform: rotateY(0deg) translateX(0) scale(0.5); transform: rotateY(0deg) translateX(0) scale(0.5); -webkit-transition-delay: 116.66666666666667ms; -moz-transition-delay: 116.66666666666667ms; -o-transition-delay: 116.66666666666667ms; transition-delay: 116.66666666666667ms;}
.no-transition {-webkit-transition-duration: 0ms !important; -moz-transition-duration: 0ms !important; -o-transition-duration: 0ms !important; transition-duration: 0ms !important;}
@media only screen and (max-width:980px) {
.flipstermain-container{max-width:640px;}
.carousel-item-cbox.Block{width:inherit; max-width:500px;}
.flipster .flipto-prev {left: 40%;}
.flipster .flipto-next {right: 40%;}
}
@media only screen and (max-width:640px) {
.carousel-item-cbox.Block{height:600px;}
}
/*review section end*/


/*menu section start*/
.navbar{position:static;}
.top-phone{font-size:18px; font-weight:normal; color:#29b3d8; float:right; margin:30px 0 0 0;}
.top-phone img{ float:left; margin:4px 0 0 0;}
.top-phone span{display:block; position:relative; margin:0 0 0 30px; font-size:13px; color:#333333;}
.top-phone span b{display:inline-block; font-weight:normal; margin-right:10px;}
.top-phone span b:last-child{margin:0;}
.top-phone span b i{font-style:normal; display:block; font-size:10px; margin-top:-3px; color:#666666;}
.navbar-inverse{background:none; border:none;}
.navbar-brand{height:inherit; padding:15px 0;}
.navbar-nav{margin-left:50px;}
.navbar{margin:0;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{color:#09bced; background:none;}
nav ul.nav > li:hover{background:none; color:#09bced;}
nav ul.nav > li:hover a{color:#09bced;}
.navbar-inverse .navbar-nav > li > a{padding:34px 15px; font-weight:normal; font-size:18px; color:#000; }
.navbar-inverse .navbar-nav > li > a i{transition: all 0.7s ease 0s;}
.navbar-inverse .navbar-nav > li > a:hover i, .navbar-inverse .navbar-nav > li:hover i{  -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg);        /* FF */
  -o-transform: rotate(180deg);          /* Opera */
  -ms-transform: rotate(180deg);         /* IE9 */
  transform: rotate(180deg);             /* W3C compliant browsers */}
.dropdown-menu{top:88px; border:none; background:#0696cb;}
.navbar-nav > li > .dropdown-menu{border-radius:0; min-width:200px; padding:0;}
.navbar-nav > li > .dropdown-menu > li > a{ padding:12px 15px; border-bottom:1px solid rgba(255, 255, 255, 0.2); font-size:16px; font-weight:300; color:#fff !important;}
.navbar-nav > li > .dropdown-menu > li > a:hover{background:none; text-decoration:underline;}
.megamenubox{display:flex; min-height:400px; max-width:1250px; margin:0 auto;}
.megamenubox .box{width:75%; padding-bottom:50px;}
.megamenubox .box.add{width:25%; background:#09bced;}
.menubox{display:flex; padding-top:50px; padding-left:50px;}
.menubox div{width:33.33%; margin-right:30px;}
.megamenubox .box ul li{margin-bottom:10px; font-weight:normal; font-size:17px; color:#000 !important;}
.megamenubox .box ul li a{color:#fff !important; font-size:15px !important; font-weight:300; transition: all 0.7s ease 0s; }
.megamenubox .box ul li a:hover{text-decoration:none; letter-spacing:1px; color:#0077b4 !important;}
.megamenubox .box ul li span{display:block; font-size:13px; color:#fff !important; font-weight:300;}

.products{ padding-top:0;}
.products .nav{border-bottom:1px solid rgba(255, 255, 255, 0.3); text-align:center;}
.products .nav-pills > li{margin:0 15px; display:inline-block; float:none;}
.products .nav-pills > li > a{border-radius:0; color:#fff !important; font-weight:bold; padding:12px 20px; font-weight:normal; font-size:17px !important;}
.products .nav-pills>li.active>a, .products .nav-pills>li.active>a:focus, .products .nav-pills>li.active>a:hover{color:#fff !important; font-weight:bold; background-color:#0696cb !important;}
.products .nav-pills > li > a::after { content: ""; background: #fff; height: 3px; position: absolute; width: 100%; left: 0px; bottom: -2px; transition: all 250ms ease 0s; transform: scale(0);  outline:none;}
.products .nav-pills > li.active > a::after, .products .nav-pills > li:hover > a::after { transform: scale(1); outline:none;}
.products .nav-pills > li > a::after { background: #fff none repeat scroll 0% 0%; color: #fff; outline:none;}
.products .well{border:none; box-shadow:none; background-color:#fff !important; padding:0 15px; border-radius:0; margin:0; box-shadow:0 4px 4px #ccc;}
.products .tab-content .tab-pane{padding-top:40px; max-width:1220px; margin:0 auto;}
.products .tab-content .tab-pane ul{display:flex; padding-bottom:40px;}
.products .tab-content .tab-pane li  a{border-radius:0; color:#000 !important; font-weight: normal; font-size:15px !important;}
.products .tab-content .tab-pane li  span{display:block; font-size:13px !important; color:rgba(0, 0, 0, 0.7); padding-top:3px;}
.products .tab-content .tab-pane li{ width:33.33%; margin-right:70px; float:none;}
.products .tab-content .tab-pane li:last-child{margin-right:0;}
.mega-dropdown {position: static !important;}
.mega-dropdown-menu {padding: 20px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none;}
.mega-dropdown-menu > li > ul {padding: 0; margin: 0;}
.mega-dropdown-menu > li > ul > li {list-style: none;}
.mega-dropdown-menu > li > ul > li > a {display: block; color: #222; padding: 3px 5px;}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {text-decoration: none;}
.mega-dropdown-menu .dropdown-header {font-size: 18px; color: #ff3546; padding: 5px 60px 5px 5px; line-height: 30px;}
/*menu section end*/








/*product page start*/
.soft-top-scetion{background:#f9fbfc;  padding:0 0 100px 0; min-height:400px; margin-top:88px;  }
.soft-top-scetion.in{min-height:inherit; padding:0 0 10px 0; }
.soft-top-scetion.inwt{background:#fff; min-height:inherit; padding:0;}
.section-space{padding:80px 0;}
.addspace{padding:30px 0;}
.works{ padding:60px 0 20px 0;}
.works .nav{float:left; width:45%; border-left:2px solid #09bced; margin-top:30px;}
.works .nav-pills > li{float:none; width:auto; margin-bottom:40px;}
.works .nav-pills > li:last-child{margin-bottom:0;}
.works .nav-pills > li.active > a, .works .nav-pills > li > a{background:none; border-radius:0; color:#09bced; font-weight:bold; font-size:20px;}
.works .nav-pills > li > a{color:#000; padding-left:50px; padding-top:0; padding-bottom:0;}
.works .nav-pills > li > a span{display:none; color:#333333; font-weight:normal; font-size:16px; padding-top:6px; line-height:30px;}
.works .nav-pills > li > a b{display:block; width:40px; height:40px; border-radius:20px; text-align:center; position:absolute; left:-22px; background:#fff; color:#09bced; border:2px solid #09bced; line-height:34px;}
.works .nav-pills > li.active > a b{color:#fff; background:#09bced;}
.works .nav-pills > li.active > a span{display:block;}
.works > .tab-conten{float:right; widows:45%;}
.works .tab-content > .tab-pane{text-align:center;}
.works .tab-content > .tab-pane img{box-shadow:0 0 10px #999;}
.breadcrumb{background:#0077b4; border:none; font-size:14px; font-weight:normal; color:#fff; border-radius:0;}
.breadcrumb a{color:#fff;}
.breadcrumb i{margin:0 3px;}
.topsection{display:flex; padding-top:30px;}
.topsection .lbox{width:70%; margin-right:5%;}
.topsection .lbox strong{text-transform:uppercase;}
.topsection .lbox strong img{margin:-8px 0 0 10px;}
.topsection .lbox h1{font-size:45px; margin:0; padding:5px 0 0 0; font-weight:bold; margin-bottom:20px;}
.topsection .lbox p{font-weight:normal;}
.topsection .lbox ul{ padding:20px 0 0 0;}
.topsection .lbox ul li{margin:0 0 15px 0; font-size:14px; font-weight:normal;}
.topsection .lbox ul li i{float:left; color:#09bced; margin-top:2px;}
.topsection .lbox ul li span{position:relative; display:block; margin-left:25px;}
.buttons{ padding:30px 0 20px 0;}
.buttons a{display:inline-block; padding:15px 20px; border:1px solid #0077b4; color:#0077b4; margin:0 20px 0 0; font-weight:normal; font-size:18px; float:left; transition: all 0.7s ease 0s;}
.buttons a.dl{background:#99cc00; border:1px solid #99cc00; color:#fff; padding:7px 20px;}
.buttons a.dl:hover{background:#87b302; border-color:#87b302;}
.buttons a.dl i{margin-top:8px;}
.buttons a i{float:left; font-size:24px;}
.buttons a span{display:block; position:relative; margin:0 0 0 35px;}
.buttons a span b{font-weight:300; font-size:12px; display:block; margin-top:-2px; text-transform:uppercase;}
.buttons a:hover{text-decoration:none; color:#fff; background:#0077b4;}
.topsection .rbox{width:26%; margin:0;}
.topsection .rbox img{margin-top:20px;}
.background-section{padding:70px 0; background:#f9fbfc;}
.featurebox{display:flex; padding:40px 0 0 0;}
.featurebox .box{width:50%; margin-right:70px;}
.featurebox .box:last-child{margin:0;} 
.featurebox .box img{float:left;}
.featurebox .box div{position:relative; margin:0 0 0 70px;}
.featurebox .box h4{font-size:18px; font-weight:normal; margin:0; padding:0 0 10px 0; color:#000;}
.specificationsection{padding:60px 0; background:#f9fbfc;}
.flexrox{display:flex; padding:40px 0 20px 0;}
.flexrox .box{width:50%; border-right:2px solid #fff;}
.flexrox .box:last-child{border:none; padding-left:20px;}
.flexrox .box h6{font-size:20px; color:#000000; font-weight:normal;}
.flexrox .box h6.tops{padding-top:20px;}
.flexrox .box div{padding:20px;}
.flexrox .box p{font-size:14px; color:#333;}
.flexrox .box strong{display:block; font-weight:normal; color:#000000; font-size:17px; padding:5px 0 0 0;}
.flexrox .box div.bord{border-bottom:2px solid #fff;}
.flexrox .box div a{display:inline-block; border-radius:4px; padding:6px 15px; border:1px solid #333; color:#0077b4; margin:10px 10px 0 0; background:none; font-weight:normal; font-size:14px; transition: all 0.7s ease 0s;}
.flexrox .box div a i{color:#0077b4;}
.flexrox .box div a:hover, .flexrox .box div a:hover i{text-decoration:none; color:#FFFFFF; background:#0077b4; border-color:#0077b4;}
.modal-change{display: inline-block; max-width: inherit; width: inherit;}
.modal-open .modal{text-align:center;}
.modal-dialog {margin: 30px auto;}
.youtubevideocontainer {width: 700px; padding: 0 !important;}
.youtubevideocontainer iframe {width: 100%; height: 400px; margin-bottom: -5px;}
.close {opacity: 1; position: absolute; right: -13px; top: -10px;}
button.close {background: red none repeat scroll 0 0; border: 0 none; border-radius: 50%; cursor: pointer; height: 30px; padding: 0; width: 30px; color:#fff;}
.pageaccordian{padding:30px 0;}
.pageaccordian .panel-default > .panel-heading{background:#f9fbfc;}
.pageaccordian .panel-heading{border-radius:0; padding:0; font-size:18px;}
.panel-title > a{padding:18px 25px; display:block;}
.pageaccordian .panel-group .panel{border-radius:0; margin-bottom:10px; box-shadow:none;}
.pageaccordian .panel-default > .panel-heading + .panel-collapse > .panel-body{border:none; font-weight:normal; font-size:15px;}
.pageaccordian .panel-body{line-height:22px; color:#333; padding:25px;}
.pageaccordian .panel-body ol, .pageaccordian .panel-body ul{padding:0; margin:0;}
.pageaccordian .panel-body ol.sps, .pageaccordian .panel-body ul.sps{margin:15px 0 0 10px;}
.pageaccordian .panel-body ol li, .pageaccordian .panel-body ul li{margin-bottom:15px;}
.pageaccordian .panel-body ol li{list-style-type:decimal; margin-left:15px;}
.pageaccordian .panel{}
.pageaccordian .panel-title > a:before {float: right !important; font-family: FontAwesome; content:"\f068"; padding-right: 5px;}
.pageaccordian .panel-title > a.collapsed:before {float: right !important; content:"\f067";}
#scrollsticky{width:100%;  margin:0 auto; overflow:hidden; padding:15px 0;  background:#0077b4; padding:15px 0; height:52px;}
.stickyfixed#scrollsticky{position:fixed; top:0; height:52px; z-index:100; margin:0;  text-align:left; display:block;}
#scrollsticky ul{}
#scrollsticky ul li{display:inline-block; font-weight:normal; font-size:15px; margin:0 30px 0 0;}
#scrollsticky ul li{padding:0;}
#scrollsticky ul li.noshow{display:none;}
.stickyfixed#scrollsticky ul li.noshow{display: inline-block; float:right; margin:0 0 0 15px;}
#scrollsticky ul li a{color:#fff;}
#scrollsticky ul li a.download{color:#fff; background:#8ebd00; border:1px solid #8ebd00; padding:5px 20px;}
#scrollsticky ul li a.buy{color:#fff; border:1px solid #fff; padding:5px 20px;}
.stickyfixedbar{background:#0077b4; overflow:hidden; padding:15px 0;}
.stickyfixedbar ul{}
.stickyfixedbar ul li{display:inline-block; font-weight:normal; font-size:15px; margin:0 30px 0 0;}
.stickyfixedbar ul li{padding:0;}
.stickyfixedbar ul li.noshow{display:none;}
.stickyfixedbar ul li a{color:#fff;}
.stickyfixedbar ul li a.download{color:#fff; background:#8ebd00; border:1px solid #8ebd00; padding:5px 20px;}
.stickyfixedbar ul li a.buy{color:#fff; border:1px solid #fff; padding:5px 20px;}
.fixedstickybar {position:fixed; top:0; left:0; z-index:9; width:100%; margin-bottom:50px;}
.fixedstickybar ul li.noshow{display: inline-block; float:right; margin:0 0 0 15px;}
.proscreens{padding:40px 0;}
.proscreens .thumbnail{transition: all 0.7s ease 0s;}
.proscreens .thumbnail:hover{margin-top:-10px; box-shadow:0 0 10px #666;  transform: scale(1.1);}
.proscreens .img-thumbnail{border:none; padding:0;}
.proscreens .modal-body{overflow:hidden;}
.proscreens .modal-footer{position:absolute; width:100%; bottom:50%; border:none;}
.proscreens .float-left{position:absolute; left:15px; background:#0077b4; color:#fff;}
.proscreens .float-right{position:absolute; right:15px;  background:#0077b4; color:#fff;}
.screenrow{display:flex;}
.screenrow .thumb{widows:25%; margin:10px;}
.screenrow .thumb.change{border:1px solid #ddd; padding:3px; border-radius:4px; background:#fff;}
/**/
.flipreviews{padding:50px 0;}
#carousel3d .carousel-3d-slide {
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
            -webkit-box-flex: 1; 
            -ms-flex: 1; flex: 1; 
            -webkit-box-orient: vertical; 
            -webkit-box-direction: normal; 
            -ms-flex-direction: column; 
    flex-direction: column; 
            -webkit-box-pack: center; 
            -ms-flex-pack: center; 
    justify-content: center; 
    text-align: center; 
    background-color: #fff; 
    padding:50px; 
        -webkit-transition: all .4s; 
        transition: all .4s; 
    width: inherit !important; 
    max-width: 800px !important; 
    box-shadow: 0 0 10px #ccc; 
    border: none; 
    height: inherit!important; 
    min-height: 450px !important;
    background: url(../images/client-bg.jpg) no-repeat;
    background-color: #fff;
    background-attachment: fixed;
    background-size: cover;
}
.prev[data-v-43e93932]{left: 15% !important; font-size: 30px !important; font-weight: bold !important; color: #fff!important; background:#0077b4 !important; width:42px !important;  height:46px !important; text-align:center !important; line-height:40px !important;}
.next[data-v-43e93932]{right: 15% !important; font-size: 30px !important; font-weight: bold !important; color: #fff!important; background:#0077b4 !important; width:42px !important;  height:46px !important; text-align:center !important; line-height:40px !important; }
.carousel-3d-controls[data-v-43e93932]{top: inherit !important; bottom: 55%;}
.carousel-3d-slide img{width: inherit !important;}
.carousel-3d-slide p.quoteimg{float:left; text-align:left; width:65px; padding-top:20px;}
.carousel-3d-slide p.wordsby{
    position:relative; margin:-35px 0 0 80px; 
    font-size:14px; 
    color:#00293e;
}
.carousel-3d-slide p.namenew{font-size: 24px; color:#00293e; font-.carousel-item-cbox.Blockweight: bold; margin-top: 10px; padding-top:30px;}
.carousel-3d-slide p.quoteimage{margin-bottom: -10px;}
.carousel-3d-slide p.namenew strong{font-weight: 300; display: block; font-size:17px; color:#666666;}
.carousel-3d-slide p{font-size: 17px; font-weight: normal; line-height: 26px;}
.carousel-3d-slide p.namenew{font-size: 20px; font-weight: bold; margin-top: 10px;}
.carousel-3d-slide p.quoteimage{margin-bottom: -10px;}
.carousel-3d-slide p.namenew strong{font-weight: 300; display: block;}
.carousel-3d-slider[data-v-c06c963c]{width: inherit !important; max-width: 800px !important;}
.carousel-3d-container[data-v-c06c963c]{height: inherit !important; min-height: 500px !important;}
.carousel-3d-slider[data-v-c06c963c]{height: inherit!important; min-height: 500px !important;}
#carousel3d .carousel-3d-slide.current {color: #000;border: none; box-shadow: 0 0 10px #ccc; margin: 10px 0; vertical-align: top !important;}
#carousel3d .carousel-3d-slide.current span {font-size: 20px; font-weight: 500;}
.carousel-3d-controls[data-v-43e93932]{ }
.carousel-3d-slider[data-v-c06c963c] {position: relative; margin: 0 auto; transform-style: preserve-3d; -webkit-perspective: 1500px !important; -moz-perspective: 1500px !important; perspective: 1500px !important;}
/**/
/*product page end*/





/* --------    light-box start      --------- */
#colorbox, #cboxOverlay, #cboxWrapper {position: absolute; top: 0; left: 0; z-index: 99999; overflow: hidden;}
#cboxWrapper {max-width: none;}
#cboxWrapper a {color: #FF9900; font-weight: bold;}
#cboxWrapper a:hover {color: #000000;}
#cboxOverlay {position: fixed; width: 100%; height: 100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear: left;}
#cboxContent {position: relative;}
#cboxLoadedContent {overflow: auto; -webkit-overflow-scrolling: touch;}
#cboxTitle {margin: 0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor: pointer;}
.cboxPhoto {float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
.cboxIframe {width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0;}
#colorbox, #cboxContent, #cboxLoadedContent {box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;}
#cboxOverlay {background: #333333; opacity: 0.9; filter: alpha(opacity = 90); }
#colorbox {outline: 0;}

#cboxContent {background: #fff; overflow: hidden; padding:20px; border-radius:10px; box-shadow:0 0 5px #000;}
.cboxIframe {background: #fff;}
#cboxError {padding: 50px; border: 1px solid #ccc;}
#cboxLoadedContent {margin-top: 28px;}
#cboxLoadedContent ul li {list-style-type: disc; margin: 0 0 10px 0;}
#cboxTitle {position: absolute; top: 4px; left: 0; text-align: center; width: 100%; color: #949494;}
#cboxCurrent {position: absolute; bottom: 4px; left: 58px; color: #949494; }
#cboxLoadingOverlay {background: no-repeat center center;}
#cboxLoadingGraphic {background: url(../images/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline: 0;}
#cboxSlideshow {position: absolute; bottom: 4px; right: 30px; color: #0092ef; } 
#cboxPrevious {position: absolute; top: -2px; left: 0; background: url(../images/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; }
#cboxPrevious:hover {background-position: -75px -25px; }
#cboxNext {position: absolute; top: -2px; left: 27px; background: url(../images/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px;}
#cboxNext:hover {background-position: -50px -25px;}
#cboxClose {position: absolute; top: -7px; right: 0; background: url(../images/controls.png) no-repeat -25px 0; width: 35px; height: 35px; text-indent: -9999px; border: 5px solid #ffffff;}
#cboxClose:hover {background-position: -25px -25px;}
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);}
#cboxTitle {top:4px; bottom: inherit; color:#000000; }
#cboxLoadedContent {margin-top:0;}
.brdwtsps {padding:20px; border:1px solid #ccc; margin:-1px 0 0 0;text-align:left;}
#cboxClose {background: url(../images/cross.png) no-repeat 0 0; width:36px; height:36px; right:-15px; top:-15px;border:none;}
#cboxClose:hover {background-position:0 0;}
#cboxContent {overflow:inherit;}
#colorbox, #cboxOverlay, #cboxWrapper {overflow:inherit;}
#cboxPrevious {left:-7px; top:45%; background: url(../images/previousone.png) no-repeat 0 0; width: 38px; height: 34px;}
#cboxNext {right:-7px; top:45%; background: url(../images/nextone.png) no-repeat 0 0; width: 38px; height: 34px; left:inherit;}
#cboxPrevious:hover {background-position:0 0;}
#cboxNext:hover {background-position:0 0;}
/* --------    light-box end      --------- */












.tabsstyle.screenspage{padding:20px 0 0 0;}
.tabsstyle.screenspage .nav-tabs{border-bottom:1px solid #ddd;}
.tabsstyle.screenspage .nav-tabs > li.active > a, .tabsstyle.screenspage .nav-tabs > li.active > a:focus, .tabsstyle.screenspage .nav-tabs > li.active > a:hover{border:none; color:#2ea6e4;}
.tabsstyle.screenspage .nav-tabs > li > a{font-weight:normal; color:#000; font-size:16px; border:none;}
.tabsstyle.screenspage .nav-tabs > li > a::after { content: ""; background: #2ea6e4; height: 3px; position: absolute; width: 100%; left: 0px; bottom: -2px; transition: all 250ms ease 0s; transform: scale(0);  outline:none;}
.tabsstyle.screenspage .nav-tabs > li.active > a::after, .tabsstyle.screenspage .nav-tabs > li:hover > a::after { transform: scale(1); outline:none;}
.tabsstyle.screenspage .tab-nav > li > a::after { background: #2ea6e4 none repeat scroll 0% 0%; color: #fff; outline:none;}



.buyboxes{display:flex;}
.buyboxes .box{width:25%; background:#fff; padding:35px; border-radius:10px; box-shadow:0 7px 10px #eeeeee; min-height:200px; margin:20px 10px;}
.buyboxes .box h5{margin:0; padding:5px 0; font-size:20px; color:#000; font-weight:normal;}
.buyboxes .box h5 a{font-size:18px;}
.buyboxes .box h5 a i{font-size:15px;}
.buyboxes .box p{font-size:14px; font-weight:300; color:#666666;}
.buyboxes .box span.cost{display:block; font-size:36px; font-weight:300; color:#000; margin:0 0 10px 0;}
.buyboxes span.costoffer{color:#0077b4; font-size:13px; font-weight:normal; display:block;}
.buyboxes span.oldp{font-size:24px; color:#FF0000; text-decoration:line-through; display:block; padding-top:10px;}
.buyboxes .box a.buybtn{display:inline-table; padding:10px 40px; color:#fff; background:#0077b4; font-size:18px; border-radius:4px; box-shadow:0 5px 5px #eeeeee; transition: all 0.7s ease 0s; margin-top:30px;}
.buyboxes .box a.buybtn:hover{ text-decoration:none;}
.buyboxes .box:hover{box-shadow:none;  color:#fff !important; background:#0077b4;}
.buyboxes .box:hover h5, .buyboxes .box:hover p, .buyboxes .box:hover span, .buyboxes:hover .box:hover ul li, .buyboxes .box:hover h5 a{color:#fff;}
.buyboxes .box:hover a.buybtn{box-shadow:none; background:#fff; color:#0077b4;}
.buyboxes .box ul{ overflow:hidden; padding:30px 0 0 0; border-top:1px solid #ddd; margin-top:30px;}
.buyboxes .box ul li{font-weight:300; font-size:14px; line-height:20px; margin:0 0 10px 0; color:#666666;}
.buyboxes .box ul li i{float:left; font-size:8px; margin-top:5px;}
.buyboxes .box ul li span{display:block; position:relative; margin:0 0 0 15px;}


.tablebox{ padding:10px; margin:0; position:relative;}
.boxw{max-width:200px; margin:0 auto;}
.softoffer{font-weight:normal; font-size:15px; padding:10px 0 0 0; color:#FF0000;}
.tablebox h5{margin:0; padding:5px 0; font-size:20px; color:#000; font-weight:normal;}
.tablebox h5 a{font-size:17px;}
.tablebox h5 a i{font-size:15px;}
.tablebox p{font-size:14px; font-weight.stickyfixedbar:300; color:#666666;}
.tablebox span.cost{display:block; font-size:36px; font-weight:300; color:#000; margin:0 0 10px 0; margin-bottom:40px;}
.tablebox span.costoffer{color:#0077b4; font-size:13px; font-weight:normal; display:block;}
.tablebox span.oldp{font-size:24px; color:#FF0000; text-decoration:line-through; display:block; padding-top:20px;}

.tablebox a.buybtn{
    display:inline-block; 
    padding:10px 30px; 
    color:#fff;
    background:#0077b4;
    font-size:17px;
    border-radius:4px;
    box-shadow:0 5px 5px #eeeeee;
    transition: all 0.7s ease 0s; 
}
.tablebox a.buybtn:hover{ 
    text-decoration:none;
}

.tablebox a.buybtn-paypal{
    display:inline-block; 
    padding: 10px 10px; 
    margin-top: 5px;
    color:#fff;
    background: #ea8c00;
    font-size:17px;
    border-radius:4px;
    box-shadow:0 5px 5px #eeeeee;
    transition: all 0.7s ease 0s;
}
.tablebox a.buybtn-paypal:hover{ 
    text-decoration:none;
}

.tablebox a.buybtn-paypal span{
    font-size: 12px;
    text-align: right;
}






.tablebox .box:hover{box-shadow:none;  color:#fff !important; background:#0077b4;}
.tablebox .box:hover a.buybtn{box-shadow:none; background:#fff; color:#0077b4;}




.comparet{ margin:50px 0 0 0;}
.comparet table{ background:#fff; box-shadow:0 2px 5px #e1e6e9; border:1px solid #f0f3f5; border-top:3px solid #d6dde1;}
.comparet table tr{ border-bottom:1px solid #f0f3f5;}
.comparet table td, .comparet table th{padding:15px;}
.comparet table th{font-weight:normal; font-size:22px;}
.comparet table td:nth-child(even), .comparet table th:nth-child(even) {background: #f9fbfc}
.comparet table td:nth-child(odd), .comparet table th:nth-child(odd) {background: #fff}

.buypagetable{ margin:50px 0 0 0;}
.buypagetable table{ background:#fff; box-shadow:0 2px 5px #e1e6e9; border:1px solid #f0f3f5; }
.buypagetable table tr{ border-bottom:1px solid #f0f3f5;}
.buypagetable table tr td.lightfill{background:#f1fafe; border-left:1px solid #d5edf9; border-right:1px solid #d5edf9;}
span.imgc{display:block; text-align:center;}
.buypagetable table tr td.ths{font-weight:normal; font-size:22px;}
.buypagetable table td, .buypagetable table th{padding:15px;}
.buypagetable table th{font-weight:normal; font-size:22px;}
.highlightedtable{background: #ecf6fb !important; border-left:1px solid #b6ddef !important; border-right:1px solid #b6ddef !important;}
.notes{background:#fff; padding:20px 15px; color:#0099CC; box-shadow:0 4px 5px #e1e6e9; border:1px solid #f0f3f5; margin-top:-1px;}
.notes strong{color:#0099CC;}
.sizef{font-size:24px; font-weight:normal;}
.selectedcells{background: #ecf6fb !important; border-left:1px solid #b6ddef !important; border-right:1px solid #b6ddef !important;}
.mostp{background:#FF0000; color:#fff; font-weight:normal; font-size:14px; padding:4px 0; border-radius:2px; position:absolute; top:-28px; left:10%; text-align:center; width:80%;}

.modal-header strong{display:block; font-weight:normal; font-size:24px;}
.licensedescription{text-align:left;}
.licensedescription strong{display:block; font-weight:normal; font-size:18px; padding-top:20px;}
.licensedescription p b{font-weight:normal; font-size:15px; }
.szwth{width:70%;}
.buybottom{display:flex; margin:60px 0 0 0; background:#fff; border-radius:10px; box-shadow:0 5px 7px #e5ecef; min-height:300px;}
.buybottom .box{width:50%; margin:0 50px 0 0; padding:30px; border-right:1px solid #eee;}
.buybottom .box:last-child{margin-right:0; border:none;}
.buybottom .box .bh{font-weight:normal; font-size:22px; padding-bottom:30px;}
.buybottom .box .bh strong{display:block; color:#3bafdf; font-size:18px; text-transform:uppercase; font-weight:normal;}


a.btntb{display:inline-block; padding:7px 20px; background:#99cc00; color:#fff; margin:10px 0; font-weight:normal; font-size:18px; transition: all 0.7s ease 0s;}
a.btntb.see-btn{background:#0077b4;}
a.btntb i{margin-top:8px;}
a.btntb i{float:left; font-size:24px;}
a.btntb span{display:block; position:relative; margin:0 0 0 35px;}
a.btntb span b{font-weight:300; font-size:12px; display:block; margin-top:-2px; text-transform:uppercase;}
a.btntb:hover{text-decoration:none; color:#fff; background:#0077b4;}

.smallsz{font-size:13px;}
.guides{ padding:15px 0 0 0;}
.guides a{ font-weight:normal; font-size:13px;  color:#0077b4; transition: all 0.7s ease 0s; margin:0 20px 20px 0;}
.guides a i{color:#0077b4;}

.submenusection{background:#0077b4;margin:0 0 0 0;}
.submenuitems{display:block;overflow:hidden;margin:0 auto;}
.submenuitems ul{list-style:none;margin:0;display:block;}
.bornone{border:none;}

.submenuitems ul li{display:inline-block; margin:0 0 0 0; margin:0 25px 0 0;}
.submenuitems ul li.disnone{display:none;}
.submenuitems ul li:last-child{border:none;}
.submenuitems ul li a{display:block; text-align:center;color:#fff;font-size:15px; margin:15px 0; font-weight:normal;}
.submenuitems ul li a:hover{ text-decoration:underline;}
.submenuitems ul li a.active{}
.fixed{position:fixed;top:0; background:#0077b4;width:100%;z-index:9;margin:0;left:0;}
.fixed ul{margin:0;float:none; max-width:1250px; margin:0 auto; padding:0 15px;}
.fixed ul li{margin:0 25px 0 0; }
.fixed ul li a{}
.fixed ul li a.download{color:#fff; background:#8ebd00; border:1px solid #8ebd00; padding:5px 20px; margin:9px 0 0 0;}
.fixed ul li a.buy{color:#fff; border:1px solid #fff; padding:5px 20px; margin:9px 0 0 0;}
.fixed ul li.disnone{display:block; float:right;}



.buypageh{position:absolute; width:100%; top:0; background:#fff;}
.logo{float:left; padding:15px 0;}
.toprighticn{float:right; margin:25px 30px 0 0;}
.header{position:absolute; width:100%; top:0;background-color: #fff;}
.scrollUp{width:40px;  height:40px; padding:10px; padding-top:7px;  text-align:center;  background: whiteSmoke; font-weight: bold; color: #fff; text-decoration: none; position:fixed; bottom:20px; right:20px; display:none; background:#09bced; z-index:99; }
.scrollUp:hover{text-decoration:none; background:#0077b4; color:#fff;}

#stickytypeheader {width: 100%; height: 50px; background:#0077b4; color:#fff; z-index:9;}
#stickytypeheader ul{}
#stickytypeheader ul li{float:left; margin:5px 30px 5px 0;}
#stickytypeheader ul li a{color:#fff; display:block; padding:7px 0;}
#stickytypeheader ul li a.download{color:#fff; background:#8ebd00; border:1px solid #8ebd00; padding:5px 20px; margin:4px 0 0 0;}
#stickytypeheader ul li a.buy{color:#fff; border:1px solid #fff; padding:5px 20px; margin:4px 0 0 0;}
#stickytypeheader ul li.disnone{display:block; float:right;}
#sticky {display: none; height: 40px;}
#navigation-sections{background:#000; padding:20px 0; color:#FFFFFF;}

/* Sticky styles */
.sticky {width: 100%; padding: 15px 0; background: #0077b4; color: #ffffff; height:54px;}
.sticky ul{}
.sticky ul li{float:left; margin:0 30px 0 0;}
.sticky ul li a{color:#fff; font-size:15px; font-weight:normal;}
.sticky ul li.disnone{display:none;}
.sticky ul li a.download{color:#fff; background:#8ebd00; border:1px solid #8ebd00; padding:5px 20px; margin:0;}
.sticky ul li a.buy{color:#fff; border:1px solid #fff; padding:5px 20px; margin:0;}
.sticky-pin ul li.disnone{display:block; float:right; margin:0 0 0 20px;}
.sticky-pin {position: fixed; top: 0; z-index:9; height:54px; }
.sticky-pin {background: #0077b4; color: #fff; box-shadow:}

.catg-tools{display:flex;}
.catg-tools .box{width:33.33%; background:#fff; padding:30px; margin:30px 30px 0 0; box-shadow:0 0 5px #ccc; position:relative;}
.catg-tools .box i{width:40px; height:40px; background:#000; color:#fff; line-height:40px; text-align:center; font-size:16px; position:absolute; left:0; top:-20px; display:block;}
.catg-tools .box strong{font-weight:normal; font-size:18px; display:block; padding:0 0 10px 0;}
.catg-tools .box p{font-size:15px; line-height:24px; padding-bottom:10px;}
.catg-tools .box p a{font-weight:normal; font-size:14px; color:#0893db;}
.catg-tools .box:last-child{margin-right:0;}
.catg-tools .box a.btnsppage{display:inline-block; padding:4px 15px; border:1px solid #99cc00; color:#fff; background:#99cc00; font-weight:normal; font-size:14px; border-radius:2px; margin:10px 5px 0 0;}
.catg-tools .box a.btnsppage.change{background:#fff; color:#0077b4; border:1px solid #0077b4;}


.topinbanner{background:#0077b4; padding:30px 0 60px 0; color:#FFFFFF; margin-top:-20px;}
.topinbanner h1{font-size:36px;}
.topinbanner p{font-size:16px; font-weight:normal; line-height:26px;}
.boxsection{display:flex; padding:50px 0;}
.boxsection .box{width:33.33%; margin:30px;}
.boxsection .box strong{display:block; font-size:22px; font-weight:normal; padding:15px 0 5px 0;}
.boxsection .box i{display:block; width:100px; height:100px; color:#fff; background:#0077b4; border-radius:50px; margin:10px auto; text-align:center; font-size:50px; line-height:100px;}
.headin{font-size:28px; padding:30px 0 10px 0;}
a.inln{background:#fff; color:#0077b4;}
.boxopne{padding:25px; box-shadow:0 0 5px #ddd; margin:20px;}
.boxopne strong{display:block; font-size:18px; padding:0 0 10px 0;}
.boxopne.minh{min-height:370px; background:url(../images/map.png) no-repeat 20px 50px;}
.topsss{padding-top:30px;}
.awardssec{padding:30px 0;}

.pageothr{ padding:50px 0;}
.pageothr .stickbox{ position: sticky; position: -webkit-sticky; top: 20px;}
.pageothr .left{float:left; width:70%;}
.pageothr .left h1{margin:0; padding:0 0 20px 0; font-size:32px;}
.pageothr .right{float:right; width:25%;}
.pageothr .right .box{background:#fff; box-shadow:0 0 5px #ddd; padding:20px; border-top:3px solid #0077b4;} 
.pageothr .right .box ul li{border-bottom:1px solid #ddd; padding:10px 0;}
.pageothr .right .box ul li:last-child{border:none;}
.pageothr .right .box ul li a{color:#000;}
.pageothr .right .box ul li a i{float:left; margin:3px 0 0 0; color:#0077b4;}
.pageothr .right .box ul li a span{position:relative; display:block; margin:0 0 0 30px;}
.pageothr .right .box h5{margin:0; padding:0 0 15px 0; font-size:20px;}

.boxnw{padding:20px 0; border-bottom:1px solid #ddd; margin-bottom:20px;}
.boxnw:last-child{border:none;}
.boxnw .name{font-size:20px; font-weight:normal;}
.boxnw .name a{color:#0077b4;}
.boxnw .date{font-weight:normal; font-size:15px; font-weight:bold; padding-bottom:20px;}
.articles{padding:30px 0;}
.articles .box{ width:29%; margin:2%; float:left;}
.articles .box div{padding:20px; box-shadow:0 0 5px #ddd; min-height:150px;}
.bottext{padding:20px 0;}
.bottext p{line-height:27px; margin-bottom:25px;}
.bottext h4{font-size:26px; font-weight:normal; margin:0; padding:10px 0;}
.bottext ul, .bottext ol{ margin:0 0 0 15px; padding-bottom:10px;}
.bottext ul li{list-style-type:disc; margin:0 0 15px 0;}
.bottext ol li{list-style-type: decimal; margin:0 0 15px 0;}
.guidesteck{}
.guidesteck ul li{background:#f9fbfc;  border:1px solid #e5eef2; padding:10px; margin:0 0 15px 0;}
.guidesteck ul li a i{color:#0c6fb6; float:left;}
.guidesteck ul li a span{display:inline-block; position:relative; margin:0 0 0 10px; color:#000000;}
.partnersbox{ display:flex; padding:10px 0 70px 0;}
.partnersbox .box{width:33.33%; margin:20px 40px 0 0; padding:30px; border:1px solid #ddd; background:#fff;}
.partnersbox .box:last-child{margin-right:0;}
.partnersbox .box strong{display:block; font-weight:normal; font-size:20px; padding:20px 0 10px 0;}
.partnersbox .box a{display:inline-block; padding:10px 30px; margin:20px 0 0 0; background:#2f77be; color:#fff;}

.programs{padding:20px; background:#fff; border-left:3px solid #3a7abc; margin:50px 0 0 0; background:#f9fbfc;}
.programs strong{display:block; padding:0 0 15px 0; font-size:20px; font-weight:normal; color:#3a7abc; }

#page_navigation { text-align:center;margin: 30px 0;}
#page_navigation a { background:#fff; border:1px solid #cccccc;-webkit-transition: all .6s ease 0s;transition: all .6s ease 0s; color:#283a44; padding:10px 15px; margin:0 5px; text-decoration:none;}
#page_navigation a:hover, #page_navigation a:focus, #page_navigation .page_link.active_page { color:#fff; background:#007ac3;}
#page_navigation a.previous_link, #page_navigation a.next_link{ width:100px;}
.morecontent span { display: none;}


.smalldevicemenu {height: 100%; width: 0; position: fixed; z-index: 10; top: 0; left: 0; background-color: rgba(21,72,142, 0.8); overflow-x: hidden; transition: 0.3s;}
.smalldevicemenu-content {position: relative; top: 80px; text-align: left; background:#fff; height:100%;  overflow-y:scroll; border-top:3px solid #0077b4;}
.smalldevicemenu a {padding: 12px 20px; text-decoration: none; font-size: 16px; font-weight:normal; color: #333; display: block; transition: 0.3s; border-bottom:1px solid #f0f5f7; margin-bottom:1px;}
.smalldevicemenu a i{font-style:normal; font-weight:bold; display:inline-block; float:right; margin:5px 20px 0 0; font-size:20px;}
.smalldevicemenu a:hover, .overlaymmenu a:focus {color: #000; background:#f0f5f7; }
.smalldevicemenu .closebtn {position: absolute; top: 0; right: 30px; font-size: 60px; color:#fff; padding:0;}
.smalldevicemenu .closebtn:hover{background:none;}
.smalldevicemenu a.list-group-item{border:none; border-radius:0; border-bottom:1px solid #f0f5f7;}
.smalldevicemenu .list-group{box-shadow:none;}
.smalldevicemenu .panel{box-shadow:none; border:none;}
.smalldevicemenu .collapseinbg{background:#f0f5f7; padding:0; margin-top:-1px;}
.smalldevicemenu .collapseinbg ul{padding:6px 0 0 0; margin:0;}
.smalldevicemenu .collapseinbg li{position:relative; margin-bottom:15px; border:none; border-bottom:1px solid #fff; padding:8px 20px; margin:0;}
.smalldevicemenu .collapseinbg li a{color:#000; font-size:15px; padding:2px 0; font-weight:normal;}
.smalldevicemenu .collapseinbg li span{display:block; font-size:13px; font-weight:300px; color:#666; padding-bottom:5px;}
.smalldevicemenu .collapseinbg li a:hover{color:#0077b4; text-decoration:underline;}
.smalldevicemenu .collapseinbg li.nln {color: #85d0fa; font-size: 15px; padding-left: 0; margin-left: 0; margin-top:15px;}
.smalldevicemenu a .fa{margin-left:10px;}
.smalldevicemenu .collapseinbg li a .fa {left:0; position: absolute; top: 4px; margin:0;}
.smalldevicemenu .collapseinbg a{padding:2px 0;}
.smalldevicemenu .collapseinbg h3 {border-bottom: 0 none; font-size: 20px; font-weight: 300; color: #7fddfa;}
.menubaricon{font-size:30px;cursor:pointer; float:right; margin:25px 10px 0 0;}
.navbar-fixed-top.bg-color .menubaricon{color:#000;}

.fixpos{position:absolute;}
.phonentab{display:none;}
#timer{ text-align:center; padding:30px 0 0 0;}
#timer div{background:#fff; width:100px; height:100px; border-radius:100px; text-align:center; color:#000; display:inline-block; font-size:40px; font-weight:bold; margin:10px; padding-top:12px;}
#timer div span{display:block; font-size:14px; font-weight:normal; margin-top:-10px;}
@media (max-width: 1200px) {
.navbar-inverse .navbar-nav > li > a{padding:34px 10px; font-size:16px;}
.products .nav-pills > li{margin:0 10px;}
.products .nav-pills > li > a{padding:12px 10px;}
}
@media (max-width: 1024px) {
.flipster .flipto-prev{left:7%;}
.flipster .flipto-next{right:7%}
#counter{padding:0 0 0 50px;}
.banners strong{font-size:36px;}
.herobanner{min-height:inherit;}
.banners p{font-size:16px; font-weight:normal;}
.bannertoph .box.lst img{position: absolute;}
.carousel-3d-slider[data-v-c06c963c]{width:500px !important; min-height:550px !important;}
.sticky ul li{margin:0 20px 0 0;}
.sticky ul li a{font-size:14px;}
.sticky-pin ul li.disnone{margin:0 0 0 10px;}
.sticky ul li a.download, .sticky ul li a.buy{padding:5px 10px;}
.products .nav-pills > li > a{font-size:14px !important; padding:10px;}
.top-phone span b:last-child{display:none;}
.navbar-nav{float:right; margin:0 20px 0 0 !important;}
.navbar-inverse .navbar-nav > li > a{font-size:15px; padding:34px 7px;}
.navbar-brand > img{max-width:130px; margin-top:10px;}
}
@media (max-width: 980px) {
.products .nav-pills > li{margin:0 4px;}
.products .nav-pills > li > a{padding:8px 5px;}
}
@media (max-width: 767px) {
a.largebtn{margin-top:30px;}
.tools{display:block;}
.tools .box{width: auto; margin:0 0 20px 0;}
#counter{padding:80px 0 0 0;}
.boxes{display:block;}
.boxes .box{width:auto; max-width:350px; margin:0 auto 30px auto;}
.runningboxes{display:flex;}
.circle-progress-bar{ width:50%; padding:0 0 0 20px;}
.bannertoph{display:block;}
.bannertoph .box{width:auto !important;}
.bannertoph .box.lst{display:none;}
.flexrox{display:block;}
.flexrox .box{width:auto; border-right:none;}
.flexrox .box div{padding:0; }
.flexrox .box:last-child{padding:0;}

.featurebox{display:block; padding:0;}
.featurebox .box, .featurebox .box:last-child{width:auto; margin:0 0 30px 0;}
a.btntb{font-size:16px;}
a.btntb i{display:none;}
a.btntb span{margin:0;}
.sticky-pin ul li.disnone, .sticky-pin ul li{float:none; display:inline-block; margin:0 5px;}
.sticky-pin ul li a{font-size:13px;}
a.btntb{font-size:13px; padding:5px 10px;}
a.btntb span b{font-size:10px;}

.topsection{display:block;}
.topsection .lbox{width:auto; margin:0;}
.topsection .rbox{display:none;}

.comparet table td, .comparet table th{padding:10px;}
.comparet table th{font-size:16px;}
.comparet table td{font-size:14px;}
.catg-tools{display:block;}
.catg-tools .box{width:auto; margin:0 0 20px 0;}

.fstripbox{overflow:hidden; padding:0 0 20px 0;}
.top-phone{position:absolute; right:100px; top:32px; margin-top:0; }
.header .navbar-toggle{margin-top:30px;}

.header .navbar-inverse .navbar-toggle{border-color:#0077b4;}
.header .navbar-inverse .navbar-toggle .icon-bar{background:#0077b4;}
.header .navbar-inverse .navbar-toggle:focus, .header .navbar-inverse .navbar-toggle:hover{background:#0077b4;}
.header .navbar-inverse .navbar-toggle:focus .icon-bar, .header .navbar-inverse .navbar-toggle:hover .icon-bar{background:#fff;}

.header .navbar-inverse .navbar-collapse{background:#fff; width:100%; left:0; box-shadow:0 5px 5px #ccc; position:absolute;}
.header .navbar-nav{margin:0;}
.header .navbar-inverse .navbar-nav > li > a{padding:10px;}
.boxsection{display:block;}
.boxsection .box{width:auto; margin:0 0 50px 0;}
.navbar-nav .open .dropdown-menu > li{margin:10px 0;}
.navbar-nav .open .dropdown-menu{padding:5px 0; background:#f9fbfc;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{background:#399fd4;}
.products .tab-content .tab-pane ul{display:block; padding-bottom:0;}
.products .tab-content .tab-pane ul:last-child{padding-bottom:40px;}
.products .tab-content .tab-pane li{width:auto; margin:0 0 15px 0;}
.navbar-nav .open .dropdown-menu > li > a{color:#000 !important; padding:5px 10px;}
.contact-form{margin:0 0 50px 0;}
.pageothr .left, .pageothr .right{float:none; width:auto;}
.pageothr .stickbox{position:relative; margin-top:30px;}
.top-phone span b:last-child{display: inline-block;}
.navbar-nav{float:none;}
.offerprotools{display:block;}
.offerprotools .box, .offerprotools .box.last{width:auto; margin:30px auto; max-width:450px;}
#countdown .col-xs-6{float:left; width:100px;}
#countdown .col-xs-6{margin:0 10px;}
.phonentab{position:absolute; width:100%; background:#fff; top:0; display:block;}
.header{display:none;}
}
@media (max-width: 640px) {
.articles .box{float:none; width:auto; max-width:350px; margin:30px auto;}
.top-phone span b{margin-right:5px;}
.header .navbar-toggle{margin-right:5px;}
.top-phone{right:80px;}
.carousel-item-cbox.Block{max-width:350px; height:500px;}
.carousel-item-cbox.Block p.wordsby{margin:0; font-size:14px;}
.carousel-item-cbox.Block p.quoteimg{display:none;}
.carousel-3d-slide p.quoteimg{display:none;}
.carousel-3d-slide p.wordsby{margin:20px 0 0 0; font-size:15px;}
.prev[data-v-43e93932]{left:2% !important;}
.next[data-v-43e93932]{right:2% !important;}
.carousel-3d-slider[data-v-c06c963c]{max-width:400px !important; width:inherit !important;}
.sticky-pin ul li.disnone{display:none;}
}
@media (max-width: 480px) {
.companystuts .runn{font-size:30px;}
.companystuts p{font-size:14px; font-weight:normal;}
.screenrow{display:block;}
.screenrow .thumb{widows:auto; margin:10px auto; max-width:300px;}
.top-phone span b:last-child{display:none;}
.top-phone{right:15px; top:6px;}
.top-phone img{display:none;}
.top-phone span b i{display:inherit;}
.navbar-brand > img{margin-top:16px;}
.header .navbar-toggle{margin-top:35px;}
.flipster .flipto-next{ right:0;}
.flipster .flipto-prev{ left:0;}
.carousel-item-cbox.Block{max-width:280px; padding:40px;}
.carousel-3d-slider[data-v-c06c963c]{max-width:300px !important; width:inherit !important;}
.sticky{display:none;}
}

@import url(https://www.fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&font-display=swap);



/*Product Page css*/
._1aqspQax{
    flex-basis:33.3%;
    min-height: 480px;
    /*border-left:1px solid #d8d8d8*/
}
._1aqspQax:first-child{
    border:none
}
@media (max-width:767px){
    ._1aqspQax{
        min-height:320px;
        /*border-top:1px solid #d8d8d8;*/
        border-left:none
        }
    }


._1CcIs6rb{
display:flex;
flex-direction:column;
box-sizing:border-box;
padding:40px;
color:#000;
text-decoration:none;
background:#fff;
transition:background .3s;
outline: 1px dashed #0077b4;
outline-offset: -8px;
}


@media (max-width:767px){
._1CcIs6rb{padding:24px
}
}

@media (hover){
._1CcIs6rb:hover{
color:#000;background:#ddf3ff}._1CcIs6rb:hover ._1B5hZCzU{color:#000
}
._1CcIs6rb:hover ._2dnbOkNI{
color:#edf0f8
}
._1CcIs6rb:hover ._1yXEpCGe{transition:stroke .3s;stroke:#fff
}
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none){
._1CcIs6rb:hover{
color:#fff;background:#204ecf
}
._1CcIs6rb:hover ._1B5hZCzU{
color:#fff
}
._1CcIs6rb:hover ._2dnbOkNI{
color:#edf0f8
}
._1CcIs6rb:hover ._1yXEpCGe{
transition:stroke .3s;stroke:#fff
}
}
/*Product Page css*/


.explore-bg{
    margin-top: 60px;margin-bottom: 60px;padding: 60px 0;
}

.explore-heading{
    padding-bottom: 30px;
}

.explore-sub-heading{
    font-size: 20px;font-weight: 600;
}

.explore-bg p{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight:normal;text-align: justify;
    padding-top: 10px;
    padding-bottom: 4px;    
}

.explore-bg ul{
    font-size: 14px;
    font-weight:normal;
    list-style-type: disc;
    margin-left: 0px;
    text-align: justify;
    line-height: 1.42857143;
}

.explore-bg ul li{
    list-style-type: disc;
}

/*Sitemap*/
.site-map-top-list{
    background-color: #EEEEEE;
    padding: 10px 0px 6px 10px;    
    font-size: 18px;
    font-weight: 400;
    margin-top: 20px;
}

.site-map-top-list a{
    color: #000;
}

.site-map-top-list a:hover{
    color: #00517c;
}


.site-map-product-bg{
    margin-top:5px;margin-bottom: 60px;
}
.site-map-product-bg p{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 3px;   
}

.site-map-product-bg a{
    color: #000;
}

.site-map-product-bg a:hover{
    color: #00517c;
}
.site-map-product-bg ul{
    margin-left: 30px;
}

.site-map-product-bg ul li{
    list-style-image: url(../images/sitemap-li-arrow.png);
    margin-left: 15px;
    font-weight: 400;
}
.site-map-product-bg div{
    margin-top: 10px;
    margin-bottom: 20px;    
}
/*Sitemap*/

/*term*/
.term-bg{
    margin-top: 40px;margin-bottom: 40px;
}

.term-bg-box{
  padding: 20px;box-shadow: 0px 0px 10px 5px #ddd;margin-bottom: 10px;margin-top: 10px;text-align: justify;
}

.term-bg-box h2{
    font-size: 24px;
    padding-bottom:10px;
}

.term-bg-box ul{
    margin-left:30px;
}
.term-bg-box ul li{
    margin-left: 10px;
    list-style-type: disc;
}
/*term*/


/*Subscription Buy Now Plan*/
.pricing-plan-60 {
  border-bottom: 1px solid #e1f1ff;;
}
.pricing-plan-60:last-child {
  border-bottom: none;
}

@media (min-width: 900px) {
  .pricing-plan-60 {
    border-bottom: none;border-right: 1px solid #e1f1ff;flex-basis: 64%;
  }

  .pricing-plan-60:last-child {
    border-right: none;
  }
}

.pricing-features {
  color: #000;font-weight: 600;letter-spacing: 1px;
}

.subscription-mb-top{
    padding-top: 20px;padding-bottom: 90px;background-color: #fff59f;
}

.subscription-mb-top p{
    font-size: 16px;padding-top: 5px;font-weight: 600;text-align: center;
}

.subscription-mb-top-select{
    background-image: url("../images/mailbox.png");background-repeat: repeat-y;background-size: contain;padding-left: 40px;height: 40px;font-size: 18px;background-color: #018ed7;color: #fff;border: 1px solid #00517c;
}

.subscription-mb-top-input{
    padding: 8px;font-size: 18px;
}

.buy-subscription-box{
    background-color: #fff;padding-top: 20px;padding-bottom: 20px;box-shadow: 0 0.1rem 1.125rem 0 #cccccc;border-radius: 5px;
}

.Yearlytxt{ 
    font-size: 20px;font-weight: 600;color: #000;padding-top: 10px;
}

.case5-10-p{
    font-size: 18px;padding-top: 60px;padding-bottom: 60px;color:#00517c;
}

.case-higher-values{
    background-color: #fff;padding-top: 20px;padding-bottom: 20px;box-shadow: 0 0.1rem 1.125rem 0 #cccccc;border-radius: 5px;font-size: 18px;
}

.case-lower-values{
    background-color: #fff;padding-top: 20px;padding-bottom: 20px;box-shadow: 0 0.1rem 1.125rem 0 #cccccc;border-radius: 5px;font-size: 18px;
}

.pricing-price-per {
    color: #000;display: block;font-size: 20px;font-weight: 600;padding: 10px 0px 20px 0px;
}

.pricing-price {
  color: #3c3c3c;display: block;font-size: 20px;font-weight: 500;padding: 20px 0px 20px 0px;
}

.pricing-button {
  display: inline-block;margin: 0px 0;padding: 10px 15px 10px 15px;text-decoration: none;transition: all 150ms ease-in-out;border: 1px solid #00517c;background-color: #0077b4;color: #fff;font-size: 20px;font-weight: 400;cursor: pointer !important;
}

.pricing-button:hover,
.pricing-button:focus {
  border: 1px solid #0077b4;background-color: #fff;color: #0077b4;
}

/*Subscription Buy Now Plan*/

.secondary-container {
    padding:0 0 0px;
}


/*INSTALL PRODUCT*/

.secondary-container.install-product {
    padding: 50px 0 0;
}
.secondary-container.install-product .heading {
    margin-bottom: 16px;
}
.secondary-container.install-product p {
    text-align: center;
}

/*UNINSTALL PRODUCT*/

.secondary-container.uninstall-product .heading {
    margin-bottom: 15px;
}
.secondary-container.uninstall-product p {
    text-align: center;
    margin-bottom: 50px;
}
.secondary-container.uninstall-product {
    padding: 50px 0 0;
}







/*New buy */

.secondary-container.buy-office365-backup .subscription-content {
    padding-top: 20px;
}
#case5-10 p {
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    padding: 50px 0;
    color: #00517c;
}
.secondary-container.buy-office365-backup .subscriptionimg img {
    width: 220px;
}
.secondary-container.buy-office365-backup .subscription-content h1 {
    font-size: 36px;
    margin: 0 0 15px 0;    
    color: #050A15;
    font-weight: 700;
    text-transform: inherit;
    line-height: normal;
}

.secondary-container.buy-office365-backup  .subscription-des {
    border: 1px solid #00517c33;
    padding: 20px;
    box-shadow: 0 0 5px #c8eafd;
}

.plan-list{
    margin-left: 30px;
}

.plan-list li {
    margin-bottom: 6px;    
    position: relative;    
    list-style: disc;
}



.secondary-container.buy-office365-backup .buy-product-content blockquote {
    margin-bottom: 40px;
}

.buy-product-content {
    text-align: center;
}
.buy-product .row{ align-items:center;}


.buy-product-content blockquote {
    margin: 0;
    color: #ff0000;
    text-align: right;
    border-left: 0px solid #eee;
}




.bg-color-w .tbl-thead-tr{
            color:#fff !important;
            font-size: 18px !important;
            background-color:#0077b4 !important;
        }
        .tbl-tbody-new .td-lgt-gry-red{
            font-size: 16px;color: #ff2525;
            background-color: #ffffff;
        }
        .tbl-tbody-new .td-lgt-gry-b{
            font-size: 20px;font-weight: 700;
            background-color: #ffffff;
            text-align: center;            
        }
        .tbl-tbody-new .td-lgt-gry-btn{
        background-color: #ffffff;

        }
        .tbl-tbody-new .td-lgt-gry-btn span{
            font-size: 14px;
        }
        .tbl-tbody-new .td-lgt-gry-btn .above-cls{
            display: none;font-size: 16px;color: #ff2525;
        }

        .tbl-tbody-new .td-lgt-grn-red{            
            font-size: 16px;color: #ff2525;
            background-color: #ffffff;

        }
        .tbl-tbody-new .td-lgt-grn-b{            
            font-size: 18px;font-weight: 700;
            background-color: #ffffff;

        }
        .tbl-tbody-new .td-lgt-grn-btn{
        background-color: #ffffff;
        text-align: center;

        }
        .tbl-tbody-new .td-lgt-grn-btn span{
            font-size: 14px;
        }
        .tbl-tbody-new .td-lgt-grn-btn .above-cls{
            display: none;font-size: 16px;color: #ff2525;
        }       



.notes-new{
    background-color:#0077b4 !important ; 
    padding:20px; 
    color:#ffffff; 
    text-align: center;
    box-shadow:0 4px 5px #e1e6e9; 
    border:1px solid #f0f3f5; 
    font-size: 18px;
    }
.notes-new a{
    color: #ffffff;
}

.notes-new strong{
    font-size: 20px;
    color:#ffffff;
    font-weight: 900;
}







/*New buy */