article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family: 'Poppins', sans-serif;}
.custfield:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family: 'Poppins', sans-serif; font-size: 14px; color: #000000;}
a {text-decoration: none;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle;}
.rating{text-align: center;}
.rating .rating-star{background-image: url('../images/star.png'); margin: 10px auto; width: 230px; height: 38px; background-repeat: repeat-x;}
/****************
 * Common Css
 ****************/
header, section, footer {float: left; width: 100%;}
.container {max-width: 1525px;}
.custfield {border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
a, a:hover, button {transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}

.ctitle {font-size: 34px; color: #122737; letter-spacing: 1px; font-weight: 600; display: inline-block;}
.ctitle span {color: #17abe6;}
.cbtn {color: #ffffff; display: inline-block; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 12px 20px 10px; box-shadow: 1px 2px 8px rgba(0,0,0,0.24); -moz-box-shadow: 1px 2px 8px rgba(0,0,0,0.24); -webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.24); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.cbtn:hover {color: #ffffff;}
.cbtn1, .cbtn2:hover {background-color: #17abe6;}
.cbtn2, .cbtn1:hover {background-color: #00518e;}

.ctextinfo h4 {font-size: 20px; font-weight: 600; color: #122737; letter-spacing: 1px;}
.ctextinfo p {font-size: 16px; color: #546470; line-height: 26px; padding-top: 15px;}
.ctextinfo p a {color: #17abe6;}
.ctextinfo p a:hover {text-decoration: underline;}

.cpoint li {float: left; width: 100%; padding-left: 52px; margin:10px 0px 20px; background-repeat: no-repeat; background-position: 0px 0px; background-image: url(../images/right.png);}
.cpoint li p {padding-top: 12px;}

/** Header **/
header {padding: 15px 0px; position: relative;}
header .logo {float: left;}
header .nav {float: right; padding: 5px 0px;}
header .nav ul {float: left; /*padding-right: 26px;*/}
header .nav ul li {float: left; padding: 12px 20px;}
header .nav ul li a {text-transform: uppercase; font-weight: 500; color: #122737;}
header .nav ul li a.active, header .nav ul li a:hover {color: #17abe6;}
header .nav ul li:last-child {padding:0px;}
header .nav .signbtn {float: right; color: #ffffff !important; text-transform: uppercase; background-color: #17abe6; padding: 12px 30px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: 500;}
header .nav .signbtn:hover {background-color: #00518e; color: #ffffff;}
.userbtn .btn {color: #ffffff !important; text-transform: capitalize; font-size: 14px; background-color: #17abe6; padding: 12px 15px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: 500;}
.userbtn .btn:focus {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.userbtn .dropdown-menu {padding: 0px; min-width: 147px;}
.userbtn .dropdown-menu li {padding: 0px !important; width: 100%;}
.userbtn .dropdown-menu li a {text-transform: capitalize; font-size: 13px; display: block;}
.userbtn .dropdown-item:focus, .userbtn .dropdown-item:hover {background: transparent;}

.mainbanner {position: relative; background-color: #2494E9; overflow: hidden;}
.mainbanner .textinfo {padding-top: 110px; padding-bottom: 110px;}
.mainbanner .textinfo h2 {font-weight: 500; font-size: 44px; color: #122737; letter-spacing: 1px; padding-bottom: 10px;}
.mainbanner .textinfo h2 span {color: #ffffff;}
.mainbanner .textinfo p {font-size: 16px; color: #ffffff; font-weight: 300; padding-top: 15px; display: inline-block;}
.mainbanner .imgbox {position: absolute; right: -56px; bottom: -9px;}
.mainbanner .btnbox {margin-top: 30px;}
.mainbanner .btnbox .cbtn1 {margin-right: 20px;}

.fuinvoicesection {padding: 98px 0px 0px;  position: relative;}
.fuinvoicesection .ctitle {margin-bottom: 10px;}
.fuinvoicesection .invoiceboxs {padding: 30px 15px;}
.fuinvoicesection .invoiceboxs .invoiceinner {box-shadow: 1px 2px 8px rgba(144,144,144,0.24); display: inline-block; width: 100%; padding: 30px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.fuinvoicesection .invoiceboxs .invoiceinner .icons {float: left; width: 60px;}
.fuinvoicesection .invoiceboxs .invoiceinner .ctextinfo {margin-left: 60px;}
.fuinvoicesection .invoicebox1 .invoiceinner, .fuinvoicesection .invoicebox2 .invoiceinner { min-height: 206px;}
.fuinvoicesection .invoicebox3 .invoiceinner, .fuinvoicesection .invoicebox4 .invoiceinner {padding-right: 15px; min-height: 256px;}

.section-h2  {position: relative; padding-top: 98px; padding-bottom: 105px; overflow: hidden;}
.section-h2 .pointinfo .chartimg {position: absolute; right: 51%; top: 0px;}

.section-h3 {background-color: #17abe6; padding: 95px 0px;}
.section-h3 .ctitle {color: #ffffff; margin-bottom: 30px;}
.section-h3 .cbtn {font-size: 22px; padding: 12px 30px 10px;}
.section-h3 .cbtn:hover {background-color:#122737;}

.section-h4 {padding: 160px 0px 120px; position: relative; overflow: hidden;}
.section-h4 .pointinfo .chartimg {position: absolute; left: 51%; top: 50px;}

.section-h5 {position: relative; padding: 100px 0px 90px; background-color: #e5f2f8; overflow: hidden;}
.section-h5 .pointinfo .chartimg {position: absolute; right: 51%; top: 90px;}

.section-h6 {position: relative; padding: 110px 0px 90px;}
.section-h6 .fuinvoicebox {width: 100%; padding: 60px 55px; float: left; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 1px 2px 8px rgba(144,144,144,0.24);}
.section-h6 .fuinvoicebox p {padding-top: 20px;}
.section-h6 .ourclients {padding-top: 85px; float: left; width: 100%;}
.section-h6 .ourclients .item {padding: 15px;}
.section-h6 .ourclients .clientbox {float: left; width: 100%; margin: 5px 0px; height: 100px; position: relative;  border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 1px 2px 8px rgba(144,144,144,0.24); -moz-box-shadow: 1px 2px 8px rgba(144,144,144,0.24); -webkit-box-shadow: 1px 2px 8px rgba(144,144,144,0.24);}
.section-h6 .ourclients .clientbox img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 92%;object-fit: contain;}
.section-h6 .ourclients .owl-nav {display: none;}

/** Common Slider **/
.commonslider {width: 100%; position: relative;}
.commonslider .owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative;}
.commonslider .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden;}
.commonslider .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.commonslider .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.commonslider .owl-carousel .owl-wrapper, .commonslider .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.commonslider .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.commonslider .owl-carousel.owl-loaded {display: block; float: left;}
.commonslider .owl-carousel.owl-loading {opacity: 0; display: block;}
.commonslider .owl-carousel.owl-hidden {opacity: 0;}
.commonslider .owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.commonslider .owl-carousel.owl-grab {cursor: move; cursor: grab;}
.commonslider .owl-carousel .owl-dots.disabled{display: none;}
.commonslider .owl-nav {width: 100%; float: left; position:absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.commonslider .owl-nav button {width: 30px; height:55px; opacity: 0.2; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; z-index:111;}
.commonslider .owl-nav .owl-prev {background-image: url(../images/arrowleft.png); left:-45px;}
.commonslider .owl-nav .owl-next {background-image: url(../images/arrowright.png); right:-45px;}
.commonslider .owl-nav button:hover {opacity: 1;}

.section-h7 {background-color:#e5f2f8; padding: 95px 0px;}
.section-h7 .customersreview {margin-bottom: 60px;}
.section-h7 .customersbox {background-color: #ffffff; margin: 32px 0px 5px; min-height: 358px; float: left; width: 100%; position: relative; padding: 60px 30px 30px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; box-shadow: 1px 2px 8px rgba(144,144,144,0.24); -moz-box-shadow: 1px 2px 8px rgba(144,144,144,0.24); -webkit-box-shadow: 1px 2px 8px rgba(144,144,144,0.24);}
.section-h7 .customersbox .quotes {width: 64px; height: 64px; position: absolute; left: 50%; transform: translateX(-50%); top: -32px; background:#00518e url(../images/quotes.png) no-repeat 50% 50%; border-radius: 32px; -moz-border-radius: 32px; -webkit-border-radius: 32px;}
.section-h7 .customersbox p {color: #000000; font-size: 15px; line-height: 26px;}
.section-h7 .customersbox .desc {margin: 20px 0px 0px; float:left; width: 100%; padding-top: 20px; position: relative;}
.section-h7 .customersbox .desc:after {width: 37px; height: 2px; background-color: #17abe6; position: absolute; content: ""; left: 50%; transform: translateX(-50%); top: 0px;}
.section-h7 .customersbox .desc h4 {font-size: 16px; font-weight: 600; color: #00518e; line-height: 26px;}
.section-h7 .customersbox .desc span {font-size: 14px; color: #546470; line-height: 26px;}
.section-h7 .commonslider {width: auto; margin-left: -15px; margin-right: -15px;}
.section-h7 .commonslider .item {padding: 0 15px;}

.section-h8 {background-color: #00518e; padding: 95px 0px;}
.section-h8 .ctitle {color: #ffffff; margin-bottom: 30px; display: inline-block; width: 100%;}
.section-h8 .cbtn {font-size: 22px; padding: 12px 30px 10px;}
.section-h8 .cbtn:hover {background-color:#122737;}

footer {background-color: #052944;}
footer .flogo  {float: left; width: 100%; padding: 40px 0px; text-align: center; border-bottom: 1px solid #0a3759;}
footer .copyright {float: left; width: 100%; padding: 35px 0px;}
footer .copyright .footerleft {float: left;}
footer .copyright .footerleft ul {padding-bottom: 12px; float: left; width: 100%;}
footer .copyright .footerleft ul li {padding: 0px 20px; border-right: 2px solid #ffffff; float: left; line-height: 10px;}
footer .copyright .footerleft ul li:first-child {padding-left: 0px;}
footer .copyright .footerleft ul li:last-child {padding-right: 0px; border-right: none;}
footer .copyright .footerleft ul li a {color: #ffffff;}
footer .copyright .footerleft ul li a:hover {color: #17abe6;}
footer .copyright .footerleft p {color: #aeb8c0; font-size: 12px;}
footer .copyright .footerleft p a{color: #17abe6;}
footer .copyright .social {float: right;}
footer .copyright .social a {float: left; width: 36px; height: 36px; background-color: #0a3759; background-repeat: no-repeat; margin-left: 10px; background-position: 50% 50%; border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px;}
footer .copyright .social a:hover {background-color: #17abe6;}
footer .copyright .social a.fb {background-image: url(../images/fb.png);}
footer .copyright .social a.tw {background-image: url(../images/tw.png);}
footer .copyright .social a.in {background-image: url(../images/in.png);}
footer .copyright .social a.insta {background-image: url(../images/insta.png);}

/** Documentation Page **/
.innerbanner {padding: 50px 0px; background-color: #e5f2f8;}
.section-do1 {padding: 50px 0px;}
.section-do1 .container{max-width: 1470px;}
.section-do1 h4, .subtitle {color: #333333; font-size: 30px; margin-bottom: 30px;}
.subtitle2 {font-size: 24px; color: #333; font-weight: normal; margin-top: 20px;}

.section-do1 .nav-tabs .nav-link {font-size: 16px; padding: 10px 24px; color: #495057; border-color:#dee2e6; margin-right: 5px;}
.section-do1 .nav-tabs .nav-link a {color: #495057;}
.section-do1 .nav-tabs .nav-link:hover, .section-do1 .nav-tabs .nav-link.active {background-color: #00518e; border-color:#00518e; color: #ffffff;}
.section-do1 .nav-tabs .nav-link:hover a, .section-do1 .nav-tabs .nav-link.active a {color: #ffffff;}
.section-do1 .ftabcontent {padding-top: 30px;}
.section-do1 .tab-content h5 {font-size: 26px; font-weight: 600; color: #122737; letter-spacing: 1px;}
.section-do1 .tab-content .ctabcontinner {margin-top: 30px; /*background-color: #f2f2f2;*/}
.section-do1 .tab-content .dot {padding: 0px; width: 25%; float: left;}
.section-do1 .tab-content .ctabcontinner .nav-link {width: 100%; float: left; color: #17abe6; background-color: #f2fbff; text-align: left; font-size: 15px; color: #546470; padding: 10px 15px; border-bottom: 1px solid #e2e9f1; float: left; width: 100%;}
.section-do1 .tab-content .ctabcontinner .nav-link a {color: #546470;}
.section-do1 .tab-content .ctabcontinner .nav-link:last-child {border-bottom: none;}
.section-do1 .tab-content .ctabcontinner .nav-link:hover a, .section-do1 .tab-content .ctabcontinner .nav-link.active a {color: #00518e;}
/*.section-do1 .tab-content .lsmenus {width: 20%;}*/
.section-do1 .tab-content .lsmenus {margin-right: 10px; width: 270px;}
.section-do1 .tab-content .aboutcontent {background-color: #ffffff; border:1px solid #f2f2f2; padding: 25px 30px; width: 75%; float: left;}
.cpointlist {padding:15px 30px; width: 100%; float: left;}
.cpointlist li {font-size: 16px; color: #546470; line-height: 25px; margin: 8px 0px; list-style: circle;}
.cpointlist li a{color: #17abe6;}
.cpointlist li a:hover {text-decoration: underline;}
.section-do1 .ctabcontinner #v-pills-tabContent {width: calc(100% - 270px); width: -moz-calc(100% - 270px); width: -webkit-calc(100% - 270px);}
.extrainfolink {width: 23%; border:1px solid #f2f2f2; float: right;}
.extrainfolink .accordion-item {border-color: #f2f2f2;}
.extrainfolink .accordion-button {padding: 10px; font-size: 14px;}
.extrainfolink .accordion-button::after {background-size: 12px auto; width: 12px; height: 12px;}
.extrainfolink .accordion-button:focus {border: transparent; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.extrainfolink .accordion-body ul {padding-left: 10px;}
.extrainfolink .accordion-body ul li {list-style: circle;}
.extrainfolink .accordion-body ul li a {color: #00518e;}
.extrainfolink .accordion-body ul li.active a {color: #17abe6;}
.extrainfolink .accordion-button:not(.collapsed) {color: #00518e; background-color: #f2fbff; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.versionbar {border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; padding: 10px 0; margin: 15px 0; width: 100%;}
.versionbar .vertext {font-weight: 500;}
.versionbar .vertext img {margin-right: 10px;}
.clsminh600{min-height: 800px;}

/*documentation images*/
.documentation-image{ max-width:100%; height:auto; display:block; }

/*Contact us*/
.contact-us-btn{ color:#fff; text-transform:uppercase; background-color:#17abe6; padding:12px 30px; border-radius:4px; font-weight:500 }
pre{ display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}
code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}
/*Hosting Provider Page*/
.hostingicons{ text-align: center;width: 100%;float: left;}
.hostingicons img{ width: 47%; margin-bottom: 10px;}

.ctext-release-notes {font-size: 14px!important; color: #546470; line-height: 18px!important; padding-top: 6px!important; margin: 0!important;}
.ctext-small-important-text {font-size: 12px!important; color: #882c2c!important;line-height: 15px!important;}
.ctext-footnote {font-size: 9px!important; color: #5a5e62;}
.bg-pink{background-color: #7F007E;}
.addon-detail{ min-height: 140px;}
.crd-header{padding: 1.3rem 1rem;}
.cgpt-avatar cta{ border-radius: unset !important;}

/* Loader */
#loader-overlay { display: none; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2; height: 100%; position: fixed; }