/*  Reset.Css */
body {font-family: 'Poppins', sans-serif; font-weight:400; font-size:14px; color:#000; height:100%; background:#f2f5f7; line-height:1; margin:0px; padding:0px; position:relative; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
ul, li, ol, table, tr, td, h1, h2, h3, h4, h5, h6, p, form, input, select, textarea, button, img {font-size:100%; font:inherit;  vertical-align: baseline; padding: 0; margin: 0; border: 0; list-style: none}
p {margin-bottom:20px;}
img {max-width:100%}
body {padding-top:80px}

/* reset */
.hw { -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.fw {width:100%; display:inline-block; float:left;}
a {-webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover {text-decoration:none;}
.cover {background-size:cover; background-repeat:no-repeat; background-position:center center;}
/* reset */

/* footerAll */
.footerAll {background:#2f313e;}
.footerRef {padding:40px 0px;}
.footerRef ul {margin-left:-5px; margin-right:-5px;}
.footerRef ul li {width:12.5%; float:left; padding-left:5px; padding-right:5px; position:relative; height:70px;}
.footerRef ul li img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:90%;}
.footerRefAll {border-bottom:1px solid #363947}
.footerSlider {padding:40px 0px}
.footerSliderItem {height:70px; position:relative;}
.footerSliderItem img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:90%; width:auto!important}

/* footerMenu */
.footerMenu {padding:30px 0px;}
.footerMenuRow {margin-left:-20px; margin-right:-20px;}
.footerMenuCol {width:25%; float:left; padding-left:20px; padding-right:20px;}
.footerMenuTitle .title {color:#e4e8ec; font-size:20px; line-height:25px;}
.footerMenuTitle {padding-bottom:25px; border-bottom:2px solid #363947; position:relative; margin-bottom:20px;}
.footerMenuTitle:before {content:""; height:2px; width:60px; background:#e4e8ec; position:absolute; left:0; bottom:-2px; display:inline-block; }
.footerMenuBox ul {width:100%; display:inline-block; float:left;}
.footerMenuBox ul li {width:100%; display:inline-block; float:left; margin-bottom:10px;}
.footerMenuBox ul li a {display:inline-block; color:#bec3c9; font-size:14px; line-height:20px; padding:5px 0px;}
.footerMenuBox ul li a:hover {padding-left:15px;}
.footerMenuBox ul li a:hover {color:#eab93d}
.footerMenuBox ul li:last-child {margin-bottom:0px;}

/* copyrightAll */
.copyrightAll {background:#292b37; padding:20px 0px;}
.copyrightLogo {float:left; max-width:20%;}
.copyrightText {float:right; max-width:80%; color:#a0a5ab; font-size:14px; line-height:24px; text-align:right; display:inline-block}

/* contactAll */
.contactAll {padding:70px 0px;}
.simpleTitle {padding-bottom:30px; margin-bottom:30px; position:relative;}
.simpleTitle:before {content:""; width:120px; height:2px; position:absolute; left:0; bottom:0; display:inline-block; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%);}
.simpleTitle:after {content:""; width:20px; height:2px; position:absolute; left:130px; bottom:0; display:inline-block; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%);}
.simpleTitle .title {color:#2f313e; font-size:34px; line-height:40px; font-weight:500; display:inline-block;}
.simpleTitle.yellowBorder:before {background-image: linear-gradient(90deg, #eabb3d 0%, #ea923d 100%); }
.simpleTitle.yellowBorder:after {background-image: linear-gradient(90deg, #eabb3d 0%, #ea923d 100%); }

/* contactBotRow */
.contactBotRow {margin-left:-20px; margin-right:-20px;}
.contactBotCol {width:50%; padding-left:20px; padding-right:20px; float:left;}

/* contactFormTab */
.contactFormTab {position:relative;}
.contactForm .contactFormTab {margin-bottom:20px;}
.contactForm .contactFormTab:last-child {margin-bottom:0px}
.contactText {width:100%; color:#75767f; font-size:17px; height:60px; border-radius:10px; padding-left:80px; padding-right:20px;}
.contactTextarea {width:100%; color:#75767f; font-size:17px; height:90px; border-radius:10px; padding:20px 20px 15px 80px; line-height:20px; resize:none;}
.contactFormTab .icon {position:absolute; left:30px; top:0; font-size:20px; line-height:60px; display:inline-block;}
.contactSubmit {width:70px; height:70px; border-radius:5px; text-align:center; color:#fff; font-size:35px; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color:transparent;}
.contactSubmit:hover {background:#eabb3d;}
.contactSubmit i {width:100%; text-align:center; float:left;}
.contactSubmit i:before {float:none;}
.contactFormTab .contactSubmit {position:absolute; right:10px; top:10px;}
.contactTextarea.submit {padding-right:90px;}
.contactSelect {width:100%; color:#75767f; font-size:17px; height:60px; border-radius:10px; padding-left:80px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border:0px; padding-right:60px; background:#fff url(../images/arrow.png) no-repeat right 30px center;  cursor:pointer;}

/* .contactInfo */
.contactInfo {position:relative; border-radius:10px}
.contactInfo:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/contact-info-bg.png) no-repeat top center;}
.contactInfoTitle {padding:40px; border-bottom:2px solid #8d63ea}
.contactInfoTitle .title {float:left; position:relative; color:#fff; font-size:25px; line-height:30px; display:inline-block; padding-left:50px;}
.contactInfoTitle .title i {position:absolute; left:0; top:0; line-height:30px; font-size:30px;}

/* contactInfoBox */
.contactInfoBox ul {width:100%; display:inline-block; float:left;}
.contactInfoBox ul li {width:100%; display:inline-block; float:left; border-bottom:2px solid #8d63ea; padding:26.75px 40px; padding-right:10px; padding-left:90px; position:relative;}
.contactInfoBox ul li:last-child {border-bottom:0px;}
.contactInfoBox ul li .title {float:left; color:#e4e8ec; font-size:17px; line-height:20px; display:inline-block; position:relative; position:relative;}
.contactInfoBox ul li .icon {font-size:20px; line-height:20px; color:#fff; display:inline-block; position:absolute; left:40px; width:20px; text-align:center; top:25px;}
.contactInfoLine {width:20px; position:relative; background:#e4e8ec; height:2px; display:inline-block; margin-left:20px; margin-right:20px; top:-4px}

/* aboutAll */
.aboutAll {background: linear-gradient(90deg, #fff 50%, #dee2e5 50%); padding:80px 0px; position:relative; overflow: hidden}
.aboutBox {position:relative; z-index:1}
.aboutAll:before {content:""; position:absolute; left:-40px; top:-10%; width:50%; height:100%; background:url(../images/about1.png) no-repeat top center; }
.aboutAll:after {content:""; position:absolute; right:0px; top:0px; width:50%; height:100%; background:url(../images/about3.png) no-repeat top center; background-size:cover; background-repeat:no-repeat; background-position:center center; opacity:1}
.aboutRow {margin-left:-20px; margin-right:-20px;}
.aboutCol {width:50%; padding-left:20px; padding-right:20px; float:left;}
.aboutVisionText {color:#75767f; font-size:17px; line-height:28px; margin-bottom:65px}
.aboutVisionText .title {color:#2f313e; font-size:25px; line-height:30px; margin-bottom:15px; display:block;}

/* aboutVisionButtons */
.aboutVisionButtons ul {width:100%; display:inline-block; float:left;}
.aboutVisionButtons ul li {float:left; display:inline-block; margin-right:20px;}
.aboutVisionButtons ul li:last-child {margin-right:0px;}
.aboutVisionButtons ul li a {width:180px}

/* aboutTeamTitle */
.aboutTeamTitle img {margin-bottom:30px;}
.aboutTeamTitle .title {color:#2f313e; font-size:25px; line-height:30px}
.aboutTeamTitle {margin-bottom:20px;}
.aboutTeamContent {color:#999da2; font-size:17px; line-height:28px; font-weight:500; margin-bottom:125px;}
.aboutTeam {padding-top:15px; padding-left:60px}

/* simpleButton */
.simpleButton {width:100%; background-image: linear-gradient(-90deg, #563ae4 1%, #7a45e6 100%); color:#fff; font-size:14px; font-weight:600; line-height:20px; padding:15px 30px; position:relative; display:inline-block; border-radius:3px; border-radius:50px; overflow:hidden}
.simpleButton:focus {color:#fff}
.simpleButton.rightRotation i {transform: rotate(180deg);}
.simpleButton i {float:right; line-height:20px; display:inline-block; margin-left:20px; font-size:11px}
.simpleButton:before {content:""; position:absolute; right:50px; top:0; width: 0; height: 0; border-style: solid; border-width: 0 0 50px 20px; border-color: transparent transparent rgba(255,255,255,0.12) transparent; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:1; visibility:visible;}
.simpleButton:after {content:""; background:rgba(255,255,255,0.12); height:50px; position:absolute; right:0; top:0; display:inline-block; width:50px; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.simpleButton:hover:after {width:100%!important}
.simpleButton:hover {color:#fff}
.simpleButton:hover:before {opacity:0; visibility: hidden; right:100%!important}
.simpleButton.medium {padding-top:10px; padding-bottom:10px}
.simpleButton.medium:before {border-width: 0 0 40px 20px;}
.simpleButton.medium:after {height:40px}
.simpleButton.yellow {background-image: linear-gradient(90deg, #eabb3d 0%, #ea923d 100%);}
.simpleButton.gray {background-image: linear-gradient(90deg, #f2f5f7 0%, #c9ced2 100%); color:#2f313e}

/* aboutTeamCount */
.aboutTeamCount ul {width:100%; display:inline-block; float:left;}
.aboutTeamCount ul li {width:33.33%; float:left; display:inline-block;}
.aboutTeamCount ul li .count {font-size:42px; line-height:50px; font-weight:300; background-image: linear-gradient(-90deg, #563ae4 0%, #7a45e6 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom:5px; display:block}
.aboutTeamCount ul li .title {color:#999da2; font-size:14px; letter-spacing:2.5px}

/* featuresListRow */
.featuresListRow {margin-left:-10px; margin-right:-10px;}
.featuresListCol {width:20%; float:left; padding-left:10px; padding-right:10px; margin-bottom:20px}
.featuresListBox {padding:40px 0px; border-radius:10px; background:#fff; position:relative; border-bottom:4px solid #e9edf0}
.featuresListBox:before {content:""; position:absolute; top:0; left:0; right:0; margin-left:auto; margin-right:auto; width:195px; background:url(../images/lines.png); height:20px; display:inline-block}
.featuresListBox:after {content:""; position:absolute; bottom:0; left:0; right:0; margin-left:auto; margin-right:auto; width:195px; background:url(../images/lines.png); height:20px; display:inline-block; transform: rotate(180deg);}
.featuresListBox ul {width:100%; display:inline-block; float:left;}
.featuresListBox ul li {width:100%; display:inline-block; float:left; text-align:center;}
.featuresListBox ul li.icon {font-size:40px; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%); line-height:40px; margin-bottom:15px; -webkit-background-clip: text; -webkit-text-fill-color: transparent; height:40px}
.featuresListBox ul li.icon i:before {float:none;}
.featuresListBox ul li.title {color:#2f313e; font-size:17px; line-height:20px; font-weight:500; margin-bottom:10px;}
.featuresListBox ul li.amount {-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:20px; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%); margin-bottom:15px;}
.featuresListBox ul li.link {width:100%; float:none; max-width:155px; padding:5px; border-radius:40px; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%); margin:0 auto; display:table;}
.featuresListBox ul li.link a {color:#fff; width:70px; text-align:center;  font-size:11px; font-weight:600; line-height:18px; padding:5px 0px; text-align:center; border-radius:28px; display:inline-block; color:#fff;}
.featuresListBox ul li.link a:last-child {background:#fff;}
.featuresListBox ul li.link a:last-child i { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%);}
.featuresListBox ul li.link a i {font-style:normal; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.featuresListBox ul li.link a:hover {background:#ea923d}
.featuresListBox ul li.link a:hover i {color:#fff!important; background-image: linear-gradient(-90deg, #fff 0%, #fff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

/* packageList */
.packageList {margin-bottom:20px;}
.packageListRow {margin-left:-10px; margin-right:-10px;}
.packageListCol {width:25%; float:left; padding-left:10px; padding-right:10px; margin-bottom:20px;}
.packageListBox {border-radius:10px; background:#fff url(../images/price1.png) no-repeat top center; padding:40px; padding-right:35px;}
.packageListBox:hover ul li.icon .iconX {transform: scale(1.3);}

.packageListBox ul {width:100%; display:inline-block; float:left;}
.packageListBox ul li {width:100%; display:inline-block; float:left;}
.packageListBox ul li.icon .iconX {float:left; font-size:60px; line-height:60px; display:inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #eabb3d 0%, #ea923d 100%); -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.packageListBox ul li.icon .number {float:right; color:#e3e7eb; font-size:34px; font-weight:300; line-height:40px;}
.packageListBox ul li.icon {margin-bottom:20px;}
.packageListBox ul li.title {color:#2f313e; font-size:20px; line-height:20px; font-weight:500; margin-bottom:15px;}
.packageListBox ul li.dot {color:#75767f; font-size:11px; font-weight:500; line-height:16px; margin-bottom:15px;}
.packageListBox ul li.dot i {float:left; font-size:16px; line-height:16px; display:inline-block; margin-right:10px; color:#b2bac2;}
.packageListBox ul li.dot.active i {color:#41ba85}
.packageListBox ul li.oldPrice {color:#75767f; font-size:14px; font-weight:500; line-height:15px; text-decoration: line-through; margin-bottom:5px;}
.packageListBox ul li.price {color:#2f313e; font-size:28px; font-weight:300; line-height:30px; margin-bottom:15px;}
.packageListBox ul li.button .simpleButton {width:100%; background-image: linear-gradient(90deg, #eabb3d 0%, #ea923d 100%); }
.packageListBox ul li.desc {color:#75767f; font-size:11px; line-height:20px; height:155px;}
.packageListBox ul li.oldPrice.noLine {text-decoration: none;}
.packageListBox.blue ul li.icon .iconX {background-image: linear-gradient(90deg, #3dcfee 0%, #3d99ee 100%); }
.packageListBox.blue ul li.button .simpleButton {background-image: linear-gradient(90deg, #3dcfee 0%, #3d99ee 100%); }
.packageListBox.purple ul li.icon .iconX {background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%);}
.packageListBox.purple ul li.button .simpleButton {background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%);}
.packageListBox.red ul li.icon .iconX {background-image: linear-gradient(90deg, #f34783 0%, #f34757 100%);}
.packageListBox.red ul li.button .simpleButton {background-image: linear-gradient(90deg, #f34783 0%, #f34757 100%);}
.packageListBox.blue {background:#fff url(../images/price2.png) no-repeat top center;}
.packageListBox.purple {background:#fff url(../images/price3.png) no-repeat top center;}
.packageListBox.red {background:#fff url(../images/price4.png) no-repeat top center;}

/* packageTitleButton */
.packageTitleButton {float:right; width:auto}
.packageTitle {padding-top:70px}

/* productsAll */
.productsAll {padding-top:70px; background:#e9edf0}

/* productsTop */
.productsTop {margin-bottom:40px; background:#fff; border-radius:5px;}
.productsTop ul {width:100%; display:inline-block; float:left;}
.productsTop ul li {float:left; position:relative;}
.productsTop ul li:after {content:""; width:2px; height:20px; right:-2px; top:50%; margin-top:-10px; background:#e9edf0; display:inline-block; position:absolute;}
.productsTop ul li:last-child:after {display:none}
.productsTop ul li a {float:left; color:#75767f; font-size:17px; line-height:20px; display:inline-block; padding:20px 40px;}
.productsTop ul li a:hover {color:#563ae4}
.productsTop ul li.active {position:relative;}
.productsTop ul li.active a {background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%); color:#fff; position:relative;}
.productsTop ul li.active:before {content:""; left:40px; bottom:-10px; width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px;border-color: #7644e6 transparent transparent transparent; position:absolute;}
.productsTop ul li.active a:before {content:""; position:absolute; right:60px; top:0; width: 0; height: 0; border-style: solid; border-width: 0 0 60px 20px; border-color: transparent transparent rgba(255,255,255,0.12) transparent; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:1; visibility:visible;}
.productsTop ul li.active a:after {content:""; background:rgba(255,255,255,0.12); height:60px; position:absolute; right:0; top:0; display:inline-block; width:60px; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.productsTop ul li.active a:hover:after {width:100%!important}
.productsTop ul li.active a:hover {color:#fff}
.productsTop ul li.active a:hover:before {opacity:0; visibility: hidden; right:100%!important}

/* productsBotBoxTitle */
.productsBotBoxTitle .title {color:#2f313e; font-size:25px; line-height:25px; display:inline-block; margin-bottom:20px;}
.productsBotBoxTitle .title .number {width:25px; line-height:25px; height:25px; background:#fff; color:#75767f; font-size:14px; display:inline-block; border-radius:50%; margin-left:10px; font-style:normal; text-align: center; font-weight:600; position:relative; top:-2px}
.productsBotBoxTitle p {color:#75767f; font-size:17px; line-height:28px;}
.productsBotBoxTitle {margin-bottom:20px; padding-right:120px;}

/* productsSliderItem */
.productsSliderItem {background:url(../images/soft1bg.png) no-repeat top center, url(../images/soft2bg.png) no-repeat bottom center ; border-radius:5px; padding:40px; padding-right:35px; background-color:#fff}
.productsSliderItem ul {width:100%; display:inline-block; float:left;}
.productsSliderItem ul li {width:100%; display:inline-block; float:left;}
.productsSliderItem ul li.icon i {float:left; font-size:40px; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%); line-height:40px; display:inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.productsSliderItem ul li.icon .number {float:right; color:#e3e7eb; font-size:34px; font-weight:300; line-height:40px; display:inline-block; }
.productsSliderItem ul li.icon {margin-bottom:15px;}
.productsSliderItem ul li.title {color:#2f313e; font-size:20px; font-weight:500; line-height:25px; margin-bottom:10px;}
.productsSliderItem ul li.desc {color:#75767f; font-size:11px; line-height:20px; font-weight:500; height:95px;}
.productsSliderItem ul li.button .simpleButton {width:160px}
.productsSlider .owl-controls {position:absolute; right:0; top:-105px;}
.productsSlider .owl-controls .arrow {cursor:pointer; font-size:40px; line-height:40px; display:inline-block; float:left; margin-right:10px; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.productsSlider .owl-controls .arrow:hover {opacity:0.3;}
.productsSlider .owl-controls .arrow:last-child {margin-right:0px}
.productsSlider .owl-controls .arrow.left {transform: rotate(180deg);}

/* productsSlider */
.productsBot .tab-content .tab-pane {display: block;height:0}
.productsBot .tab-content .active {height:auto}
.productsBot .tab-content .productsBotBox {float:none}
.productsBot {margin-bottom:30px;}
.otherProductsTitle {color:#2f313e; font-size:20px; margin-bottom:35px; line-height:30px;}

/* customersAll */
.customersAll {padding-top:70px; padding-bottom:60px;}
.customersRow {margin-left:-20px; margin-right:-20px;}
.customersCol {width:50%; float:left; padding-left:20px; padding-right:20px;}
.simpleTitle .moreCustomers {float:right; color:#75767f; font-size:14px; line-height:20px; display:inline-block; font-weight:600; text-decoration: underline;margin-top: 15px;}
.simpleTitle .moreCustomers:hover {color:#eabb3d}
.simpleTitle .moreCustomers.purple:hover {color:#7a45e6}

/* customersList */
.customersList ul {margin-left:-10px; margin-right:-10px;}
.customersList ul li {width:33.33%; float:left; padding-left:10px; padding-right:10px; margin-bottom:20px;}

/* customersListBox */
.customersListBox {border-radius:5px; background:#fff; padding-top:20px; cursor:pointer;}

.customersListBox .img {height:60px; position:relative; margin-bottom:25px;}
.customersListBox .img img {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.customersListBox .title {color:#75767f; font-size:17px; line-height:20px; border-top:2px solid #f2f5f7; padding:15px 0px; text-align:center; position:relative; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.customersListBox.yellow .title:before {content:""; display:inline-block; width:50px; height:2px; position:absolute; top:-2px; left:0; right:0; margin-left:auto; margin-right:auto; background-image: linear-gradient(90deg, #eabb3d 0%, #ea923d 100%);}
.customersListBox.yellow:hover .title:before {background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%);}
.customersListBox.purple .title:before {content:""; display:inline-block; width:50px; height:2px; position:absolute; top:-2px; left:0; right:0; margin-left:auto; margin-right:auto; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%);}
.customersListBox.purple:hover .title:before {background-image: linear-gradient(90deg, #eabb3d 0%, #ea923d 100%);}
.customersListBox:hover .title {color:#2f313e}

/* otherProductsBoxTab */
.otherProductsBox {margin-bottom:40px}
.otherProductsBoxTab {width:25%; float:left; padding-right:20px; margin-bottom:30px;}
.otherProductsBoxTab ul {width:100%; display:inline-block; float:left; position:relative; padding-left:100px;}
.otherProductsBoxTab ul li {width:100%; display:inline-block; float:left;}
.otherProductsBoxTab ul li.icon {width:80px; height:80px; background:#fff; border-radius:50%; display:inline-block; position:absolute; left:0; top:0;}
.otherProductsBoxTab ul li.icon:before {content:""; width:50px; height:50px; background:url(../images/border1.png) no-repeat; position:absolute; right:-10px; top:-10px; display:inline-block;}
.otherProductsBoxTab ul li.icon img {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.otherProductsBoxTab ul li.title {color:#2f313e; font-size:17px; line-height:20px; font-weight:600; margin-bottom:10px;}
.otherProductsBoxTab ul li.desc {color:#75767f; font-size:11px; font-weight:500; line-height:20px;}
.otherProductsBox .otherProductsBoxTab:nth-of-type(2) ul li.icon:before {transform: rotate(90deg); bottom:-10px; top:auto}
.otherProductsBox .otherProductsBoxTab:nth-of-type(3) ul li.icon:before {transform: rotate(180deg); bottom:-10px; top:auto; left:-10px; right:auto}
.otherProductsBox .otherProductsBoxTab:nth-of-type(4) ul li.icon:before {transform: rotate(270deg); top:-10px; bottom:auto; left:-10px; right:auto}

/* marketingAll */
.marketingAll {padding:70px 0px; background:#e9edf0}
.marketingLeft {width:55%; float:left; display:inline-block;}
.marketingLeftBox ul {width:100%; display:inline-block; float:left;}
.marketingLeftBox ul li {width:100%; display:inline-block; float:left;}
.marketingLeftBox ul li.firstTitle {color:#75767f; font-size:20px; line-height:25px; margin-bottom:10px;}
.marketingLeftBox ul li.title {color:#2f313e; font-size:25px; line-height:30px; margin-bottom:25px;}
.marketingLeftBox ul li.desc {color:#75767f; font-size:17px; line-height:28px; margin-bottom:40px;}
.marketingLeftBox ul li.more .simpleButton {width:auto}

/* marketingRight */
.marketingRight {width:45%; float:left; padding-left:100px; background:url(../images/marketing-bg.png) no-repeat top center}
.marketingRightBox .marketingRightTab:last-child {margin-bottom:0px;}
.marketingRightTab {margin-bottom:20px}
.marketingRightTab ul {width:100%; position:relative; float:left; display:inline-block; padding-right:160px; min-height:120px; padding-top:15px;}
.marketingRightTab ul li {width:100%; display:inline-block; float:left; text-align:right;}
.marketingRightTab ul li.icon {position:absolute; right:0; top:0; width:120px; height:120px; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%);  border-radius:5px; display:inline-block; }
.marketingRightTab ul li.icon i {position:absolute; left:0; top:0; right:0; bottom:0; font-size:40px; color:#fff; line-height:40px; width:40px; height:40px; margin:auto}
.marketingRightTab ul li.title {color:#2f313e; font-size:20px; font-weight:500; line-height:25px; margin-bottom:10px;}
.marketingRightTab ul li.desc {color:#75767f; font-size:14px; line-height:24px; font-weight:500; margin-bottom:5px;}
.marketingRightTab ul li.more a {font-size:11px; font-weight:600; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%);}

/* aboutUsRow */
.aboutUsRow {margin-left:-10px; margin-right:-10px}
.aboutUsCol {width:50%; float:left; padding-left:10px; padding-right:10px;}
.marketingLeftBox ul li.more a {margin-right:20px}
.marketingLeftBox ul li.more a:last-child {margin-right:0px}

/* aboutUsRightTab */
.aboutUsRightBox .aboutUsRightTab:last-child {margin-bottom:0px}
.aboutUsRightTab {margin-bottom:20px}
.aboutUsRightTab ul {width:100%; display:inline-block; float:left; position:relative; padding-top:15px; padding-left:140px; min-height:120px;}
.aboutUsRightTab ul li {width:100%; display:inline-block; float:left;}
.aboutUsRightTab ul li.title {color:#2f313e; font-size:25px; line-height:30px; margin-bottom:10px;}
.aboutUsRightTab ul li.desc {color:#75767f; font-size:14px; line-height:24px; font-weight:500;}
.aboutUsRightTab ul li.icon {width:120px; height:120px; border-radius:5px; background:url(../images/about1x.png) no-repeat top center, url(../images/about2x.png) no-repeat bottom center; background-color:#fff; position:absolute; left:0; top:0;}
.aboutUsRightTab ul li.icon i {-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%); width:60px; height:60px; text-align:center; font-size:60px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto}
.aboutUsAll {padding-top:70px; padding-bottom:70px}

/* featuresTypeRow */
.featuresTypeRow {margin-left:-10px; margin-right:-10px;}
.featuresTypeCol {width:25%; float:left; padding-left:10px; padding-right:10px;}
.featuresTypeBox ul {width:100%; display:inline-block; float:left;}
.featuresTypeBox {padding:40px; background:#fff; border-radius:10px; background-color:#fff; background:#fff url(../images/soft1bg.png) no-repeat top center;}

.featuresTypeBox ul li {width:100%; display:inline-block; float:left; text-align:center;}
.featuresTypeBox ul li.icon {text-align:center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%); font-size:60px; line-height:60px; margin-bottom:40px; position:relative;}
.featuresTypeBox ul li.icon:before {content:""; width:100px; height:2px; background:#efe8fc; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; bottom:-20px;}
.featuresTypeBox ul li.icon i:before {float:none}
.featuresTypeBox ul li.title {color:#2f313e; font-size:22px; line-height:25px; margin-bottom:10px; position:relative;}
.featuresTypeBox ul li.title:before {content:""; left:20px; width:20px; height:2px; background:#efe8fc; display:inline-block; position:absolute; top:-22px;}
.featuresTypeBox ul li.title:after {content:""; right:20px; width:20px; height:2px; background:#efe8fc; display:inline-block; position:absolute; top:-22px;}
.featuresTypeBox ul li.desc {color:#75767f; font-size:14px; font-weight:500; line-height:22px; height:60px;}

/* homeInfoBoxAll */
.homeInfoBoxAll {background:#fff; margin-bottom:40px; padding:20px 0px}
.homeInfoBoxRow {margin-left:-10px; margin-right:-10px;}
.homeInfoBoxCol {width:25%; float:left; padding-left:10px; padding-right:10px;}
.homeInfoBoxRow .homeInfoBoxCol:last-child .homeInfoBoxColDiv:after {display:none}
.homeInfoBoxColDiv {position:relative;}
.homeInfoBoxColDiv:after {content:""; width:2px; height:80px; position:absolute; right:0; top:0; background-image:linear-gradient(180deg, #f2f5f7 0%, transparent 100%); }
.homeInfoBoxColDiv ul {width:100%; position:relative; display:inline-block; position:relative; padding-left:100px; min-height:80px; padding-top:15px}
.homeInfoBoxColDiv ul li {width:100%; display:inline-block; float:left;}
.homeInfoBoxColDiv ul li.icon {position:absolute; left:0; top:0; width:80px; height:80px; border-radius:50%; background:#fbf1d8;}
.homeInfoBoxColDiv ul li.icon i {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; font-size:40px; line-height:40px; width:40px; height:40px; background-image: linear-gradient(90deg, #eabb3d 0%, #ea923d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.homeInfoBoxColDiv ul li.title {color:#8c8e98; font-size:14px; line-height:25px; font-weight:500;}
.homeInfoBoxColDiv ul li.title strong {color:#2f313e; font-size:19px;}
.homeInfoBoxRow .homeInfoBoxCol:nth-of-type(2) .homeInfoBoxColDiv ul li.icon {background:#efe8fc}
.homeInfoBoxRow .homeInfoBoxCol:nth-of-type(2) .homeInfoBoxColDiv ul li.icon i {background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%);}
.homeInfoBoxRow .homeInfoBoxCol:nth-of-type(3) .homeInfoBoxColDiv ul li.icon {background:#dcf6fc}
.homeInfoBoxRow .homeInfoBoxCol:nth-of-type(3) .homeInfoBoxColDiv ul li.icon i {background-image:linear-gradient(90deg, #3dcfee 0%, #3d99ee 100%);}
.homeInfoBoxRow .homeInfoBoxCol:nth-of-type(4) .homeInfoBoxColDiv ul li.icon {background:#fee9f0}
.homeInfoBoxRow .homeInfoBoxCol:nth-of-type(4) .homeInfoBoxColDiv ul li.icon i {background-image:linear-gradient(90deg, #f34783 0%, #f34757 100%);}
.homeInfoBox {position:relative;}
.homeInfoBoxTitle {position:absolute; right:0; top:-60px; z-index:12}
.homeInfoBoxTitle .title {color:#2f313e; font-size:14px; line-height:20px; font-weight:600; padding:10px 30px; border-radius:5px; background:#eabb3d; display:inline-block; position:relative; border-bottom-right-radius:0px}
.homeInfoBoxTitle .title:after {content:""; position:absolute; right:0; bottom:-16px; width: 0; height: 0; border-style: solid; border-width: 0 16px 16px 0; border-color: transparent #eabb3d transparent transparent;}

/* headerAll */
.headerAll {position:fixed; top:0; z-index:123; background:#2f313e; padding:20px 0px; padding-bottom:15px; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-bottom:1px solid rgba(0,0,0,0.1)}
.logo {float:left; margin-right:40px;}
.logo a {float:left; padding:2px 0px; display:inline-block;}
.logo a img {float:left; height:36px; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headerRight {float:right;}
.headerAll.fixed {padding:15px 0px; padding-bottom:10px}
.headerAll.fixed .logo a img {height:30px}
.headerAll.fixed .logo a {padding:5px 0px}
.header .tooltip-inner {background:#fff; min-width:130px; text-align:center; color: #2f313e; padding-top:10px; padding-bottom:10px; font-weight:500; font-size:14px; font-family:Poppins; border-radius:40px}
.header .tooltip.bottom .tooltip-arrow {border-bottom-color: #fff;}
.headerAll.white .header .tooltip-inner {background:#2f313e; color:#fff;}
.headerAll.white .header .tooltip-arrow {border-bottom-color: #2f313e;}

/* topMenu */
.topMenu {float:left;}
.topMenu>nav {float:left;}
.topMenu>nav>ul {float:left;}
.topMenu>nav>ul>li {float:left; position:relative; padding-bottom:5px;}
.topMenu>nav>ul>li:hover>a {background:#292a36}
.topMenu>nav>ul>li>a {float:left; color:#e4e8ec; font-size:14px; line-height:20px; padding:10px 12.5px; border-radius:40px;}
.topMenu>nav>ul>li>a .arrow {color:#eabb3d; float:right; font-size:6px; margin-left:5px; line-height:20px; display:inline-block}
.topMenu>nav>ul>li ul {position:absolute; top:55px; width:260px; box-shadow: 0 0 30px 0 rgba(122,70,230,0.12); background:#fff; border-radius:10px; opacity:0; visibility: hidden; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.topMenu>nav>ul>li ul.active {opacity:1; visibility: visible;}
.topMenu>nav>ul>li ul li {width:100%; display:inline-block; float:left; border-bottom:1px solid #f2f5f7}
.topMenu>nav>ul>li ul li:last-child {border-bottom:0px}
.topMenu>nav>ul>li ul li a {width:100%; display:inline-block; float:left; color:#8c8e98; font-size:14px; font-weight:500; line-height:20px; padding:15px 20px;}
.topMenu>nav>ul>li ul li:first-child a {border-radius:10px 10px 0px 0px}
.topMenu>nav>ul>li ul li:last-child a {border-radius:0px 0px 10px 10px}
.topMenu>nav>ul>li ul li a i {float:left; line-height:20px; background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:12px; width:12px; text-align:center; margin-right:15px; transform: rotate(180deg);}
.topMenu>nav>ul>li ul li a i.flaticon-left-arrow {display:none;}
.topMenu>nav>ul>li ul li a:hover i.flaticon-left-arrow {display:inline-block}
.topMenu>nav>ul>li ul li a:hover i.flaticon-back {display:none}


.topMenu>nav>ul>li ul li a:hover {background:#f9fbfc; color:#2f313e}
.topMenu>nav>ul>li ul:before {content:""; width: 0; height: 0; border-style: solid; border-width: 0 10.5px 10px 10.5px; border-color: transparent transparent #fff transparent; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-10px;}

/* headerButtons */
.headerButtons {float:left; margin-right:10px;}
.headerButtons>ul {float:left;}
.headerButtons>ul>li {float:left; margin-right:10px; position:relative;}
.headerButtons>ul>li>a {float:left; font-size:20px; line-height:40px; text-align:center; width:40px; text-align:center; border-radius:50%; background:#46423e; position:relative; height:40px; display:inline-block}
.headerButtons>ul>li>a i {background-image: linear-gradient(90deg, #eabb3d 0%, #ea923d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.headerButtons>ul>li>a i:before {float:none}
.headerButtons>ul>li:last-child {margin-right:0px}
.headerButtons>ul>li.live>a {background:#553646}
.headerButtons>ul>li.live>a i {background-image: linear-gradient(90deg, #f34783 0%, #f34757 100%);}
.headerButtons>ul>li.lang>a {background:#3f424e}
.headerButtons>ul>li.lang>a img {position:absolute; left:0; top:0; bottom:0; margin:auto; right:0;}

.headerButtons>ul>li.has-sub ul {position:absolute; top:50px; width:220px; box-shadow: 0 0 30px 0 rgba(122,70,230,0.12); background:#fff; border-radius:10px; opacity:0; visibility: hidden; -webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.headerButtons>ul>li.has-sub ul.active {opacity:1; visibility: visible;}
.headerButtons>ul>li.has-sub ul li {width:100%; display:inline-block; float:left; border-bottom:1px solid #f2f5f7}
.headerButtons>ul>li.has-sub ul li:last-child {border-bottom:0px}
.headerButtons>ul>li.has-sub ul li a {width:100%; display:inline-block; float:left; color:#8c8e98; font-size:14px; font-weight:500; line-height:20px; padding:15px 20px;}
.headerButtons>ul>li.has-sub ul li:first-child a {border-radius:10px 10px 0px 0px}
.headerButtons>ul>li.has-sub ul li:last-child a {border-radius:0px 0px 10px 10px}
.headerButtons>ul>li.has-sub ul:before {content:""; width: 0; height: 0; border-style: solid; border-width: 0 10.5px 10px 10.5px; border-color: transparent transparent #fff transparent; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-10px;}
.headerButtons>ul>li.has-sub ul li a:hover {background:#f9fbfc; color:#2f313e}
.headerButtons>ul>li.has-sub.lang ul {width:60px}
.headerButtons>ul>li.has-sub.lang ul li a {width:100%; text-align:center; position:relative; height:50px;}
.headerButtons>ul>li.has-sub.lang ul li a img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto}

.topMenu>nav>ul>li ul li a:hover {background:#f9fbfc; color:#2f313e}
.topMenu>nav>ul>li ul:before {content:""; width: 0; height: 0; border-style: solid; border-width: 0 10.5px 10px 10.5px; border-color: transparent transparent #fff transparent; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:-10px;}

/* headerDemo */
.headerDemo {float:left;}
.headerDemo .simpleButton {width:auto; float:left}

/* responsiveMenu */
.responsiveMenu {position:absolute; right:0; top:0; color:#fff; font-size:30px; cursor:pointer; display:none; line-height:40px; z-index:1234}

/* homeSliderItem */
.homeSliderItem {height:540px; padding-top:60px}
.homeSliderItemBox ul {width:100%; display:inline-block; float:left; max-width:740px;}
.homeSliderItemBox ul li {width:100%; display:inline-block; float:left;}
.homeSliderItemBox ul li.icon .iconX { display:inline-block; margin-right:100px; float:left; position:relative; height:60px; min-width:60px}
.homeSliderItemBox ul li.icon .iconX img {margin-top:10px; float:left;}
.homeSliderItemBox ul li.icon .iconX .flaticon-aspect {margin-top:7px;}
.homeSliderItemBox ul li.icon .iconX i {position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; line-height:60px; font-size:60px; color:#fefeff; line-height:60px;}
.homeSliderItemBox ul li.icon {margin-bottom:20px}
.homeSliderItemBox ul li.icon .iconTitle {font-size:14px; font-weight:500; line-height:20px; letter-spacing: 11px; padding:20px 0px; display:inline-block; color:#fefeff; float:left; position:relative;}
.homeSliderItemBox ul li.icon .iconTitle:before {content:""; width:60px; height:2px; position:absolute; left:-80px; top:50%; margin-top:-1px; background:rgba(255,255,255,0.1); display:inline-block}
.homeSliderItemBox ul li.title {color:#fefeff; font-size:62px; line-height:70px; font-weight:300; margin-bottom:15px;}
.homeSliderItemBox ul li.desc {color:#e4e8ec; font-size:17px; line-height:28px; font-weight:500; margin-bottom:20px;}
.homeSliderItemBox ul li.buttons a {width:200px; margin-right:20px;}
.homeSliderItemBox ul li.buttons a:last-child {margin-right:0px}
.homeSliderAll .owl-dots .owl-dot {width:40px; height:40px; background:rgba(255,255,255,0.3); border-radius:50%;  margin-right:10px; float:left; display:inline-block; position:relative;}
.homeSliderAll .owl-dots .owl-dot:last-child {margin-right:0px}
.homeSliderAll .owl-dots .owl-dot.active {background:#f2f5f7}
.homeSliderAll .owl-dots {position:absolute; left:0; width:100%; max-width:1290px; padding-left:15px; padding-right:15px; bottom:50px; right:0; margin-left:auto; margin-right:auto;}
.homeSliderAll .owl-dots .owl-dot:before {content:""; width:100%; color:#fff; font-size:17px; line-height:40px; text-align:center; display:inline-block;}
.homeSliderAll .owl-dots .owl-dot.active:before {color:#2f313e}
.homeSliderAll .owl-dots .owl-dot:nth-of-type(1):before {content:"01";}
.homeSliderAll .owl-dots .owl-dot:nth-of-type(2):before {content:"02";}
.homeSliderAll .owl-dots .owl-dot:nth-of-type(3):before {content:"03";}
.homeSliderAll .owl-dots .owl-dot:nth-of-type(4):before {content:"04";}
.homeSliderAll .owl-dots .owl-dot:nth-of-type(5):before {content:"05";}
.homeSliderAll .owl-dots .owl-dot:nth-of-type(6):before {content:"06";}
.homeSliderAll .owl-dots .owl-dot:nth-of-type(7):before {content:"07";}
.homeSliderAll .owl-dots .owl-dot:nth-of-type(8):before {content:"08";}
.homeSliderAll .owl-dots .owl-dot:nth-of-type(9):before {content:"09";}
.homeSliderAll .owl-dots .owl-dot:nth-of-type(10):before {content:"10";}

/* headerAll.white */
.headerAll.white {background:#fff}
.headerAll.white .topMenu>nav>ul>li>a {color:#8c8e98}
.headerAll.white .topMenu>nav>ul>li:hover>a {color:#2f313e; background:#f2f5f7}
.headerAll.white .headerButtons>ul>li>a {background:#fbf1d8}
.headerAll.white .headerButtons>ul>li.live>a {background:#fee9f0}
.headerAll.white .headerButtons>ul>li.lang>a {background:#f2f5f7}
.headerAll.white .responsiveMenu {color:#2f313e}
.headerAll.white .topMenu {background:#fff}

.renk {-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.hw {-webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

/* gradient */
.gradient {background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%);}
.textGradient {-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.gradient2 {background-image: linear-gradient(-90deg, #ea923d 0%, #eabb3d 100%);}
.yellowX {background-image: linear-gradient(90deg, #eabb3d 0%, #ea923d 100%); }
.blueX {background-image: linear-gradient(90deg, #3dcfee 0%, #3d99ee 100%); }
.purpleX {background-image: linear-gradient(90deg, #7a45e6 0%, #563ae4 100%); }
.redX {background-image: linear-gradient(90deg, #f34783 0%, #f34757 100%); }

/* shadow */
.shadow {box-shadow: 0 0 30px 0 rgba(122,70,230,0.12);}
.featuresTypeBox, .customersListBox, .productsSliderItem, .packageListBox, .featuresListBox {-webkit-transition: all 0.3 ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.featuresTypeBox:hover, .customersListBox:hover, .productsSliderItem:hover, .packageListBox:hover, .featuresListBox:hover {box-shadow: 0 0 30px 0 rgba(122,70,230,0.12);}

.animation-element { opacity:0; -webkit-transition: all 1 ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.animation-element.in-view {opacity:0; -webkit-transition: all 1 ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.animation-element.in-view-active {opacity: 1!important;}

@media (min-width:1200px) {
.container {width:1170px;}
}

@media (min-width:1320px) {
.container {width:1290px;}
}

@media (min-width:1201px) and (max-width:1319px) {
.logo {margin-right:20px;}
.topMenu>nav>ul>li>a {padding:10px 7px;}
.featuresTypeBox, .productsSliderItem, .packageListBox {padding:40px 20px}
.productsTop ul li a {padding:20px 30px}
.contactInfoLine {margin-left:15px; margin-right:15px;}
}

@media (max-width:1199px) {
.logo {margin-right:10px;}
.topMenu>nav>ul>li>a {padding:10px 7px; font-size:14px}
.featuresTypeBox, .productsSliderItem, .packageListBox {padding:30px 10px}
.productsTop ul li a {padding:20px 10px}
.contactInfoLine {margin-left:15px; margin-right:15px;}
.headerDemo {display:none}
.homeInfoBoxColDiv ul li.title {font-size:10px}
.homeInfoBoxColDiv ul li.title strong {font-size:15px;}
.featuresTypeBox ul li.desc {font-size:12px; line-height:20px}
.marketingRight {padding-left:0px}
.customersList ul li {width:50%}
.productsSliderItem ul li.title {font-size:16px;}
.productsSliderItem ul li.desc {height:100px}
.packageListCol {width:50%}
.contactInfoBox ul li .title {font-size:13px}
.contactInfoLine {margin-left:5px; margin-right:5px}
}

@media (min-width:993px) {
.topMenu {display:inline-block!important}
.footerMenuBox {display:inline-block!important}
}

@media (max-width:992px) {
body {padding-top:65px}
.headerRight {margin-top:0px; position:absolute; right:35px; top:0px; }
.responsiveMenu {line-height:30px}
.logo a {padding:0px}
.headerButtons>ul>li {margin-right:5px;}
.headerButtons>ul>li:last-child {margin-right:0px}
.logo a img {height:30px}
.headerButtons>ul>li>a {width:30px; height:30px; line-height:30px; font-size:15px;}
.topMenu {display:none; position:fixed; top:55px; z-index:123; left:0; background:#2f313e; padding-top:10px; height:100%; overflow-x: scroll;}
.headerAll {padding-top:17.5px!important; padding-bottom:17.5px!important}
.logo a {padding:0px!important}
.homeInfoBoxCol {width:50%; margin-bottom:15px}
.homeInfoBoxRow .homeInfoBoxCol:nth-of-type(2) .homeInfoBoxColDiv:after {display:none}
.featuresTypeCol {width:50%; margin-bottom:20px}
.aboutUsCol {width:100%; margin-bottom:15px;}
.aboutUsAll {padding:30px 0px}
.marketingAll {padding:30px 0px;}
.marketingLeft {width:100%; margin-bottom:30px}
.marketingRight {width:100%}
.customersCol {width:100%}
.customersAll {padding:30px 0px;}
.productsAll {padding-top:30px}
.productsTop ul li {width:50%}
.productsTop ul li a {width:100%}
.productsBotBoxTitle {padding-right:0px; margin-bottom:60px}
.productsSlider .owl-controls {top:-60px}
.otherProductsBoxTab {width:50%}
.packageTitle {padding-top:30px}
.featuresListCol {width:33.33%}
.aboutRow {margin-left:-10px; margin-right:-10px;}
.aboutCol {padding-left:10px; padding-right:10px; margin-bottom:10px; width:100%;}
.aboutAll:before {display:none;}
.aboutAll:after {display:none;}
.aboutAll {background:#dee2e5; padding:30px 0px }
.aboutVisionText {margin-bottom:30px;}
.aboutTeam {padding-left:0px;}
.aboutTeamContent {margin-bottom:30px}
.contactAll {padding:30px 0px}
.contactBotRow {margin-left:-10px; margin-right:-10px;}
.contactBotCol {width:100%; padding-left:10px; padding-right:10px}
.footerRef ul li {width:33.33%; margin-bottom:10px}
.footerRef {padding:15px 0px}
.footerMenuCol {width:100%; margin-bottom:15px}
.copyrightLogo {width:100%; text-align:center; max-width:100%; margin-bottom:20px}
.copyrightText {width:100%; text-align:center; max-width:100%}
.footerMenuRow {margin-left:-10px; margin-right:-10px;}
.footerMenuCol {padding-left:10px; padding-right:10px}
.contactForm {margin-bottom:30px}
.customersRow {margin-left:-10px; margin-right:-10px;}
.customersCol {padding-left:10px; padding-right:10px}
.featuresListBox {overflow:hidden}
.responsiveMenu {display:inline-block}
.header {position:relative;}
.homeSliderAll .owl-dots {text-align:center;}
.homeSliderAll .owl-dots .owl-dot {float:none; margin-right:5px}
.homeSliderAll .owl-dots .owl-dot:last-child {margin-right:0px}
.homeSliderItem {padding-top:20px}
.homeSliderItemBox ul li.title {font-size:40px; line-height:45px}
.homeSliderItemBox ul li.desc {font-size:15px; line-height:20px}
.headerButtons>ul>li.has-sub ul {top:40px}

.topMenu>nav>ul>li ul:before {display:none;}
.topMenu>nav, .topMenu>nav>ul, .topMenu>nav>ul>li, .topMenu>nav>ul>li>a {width:100%}
.topMenu>nav>ul>li>a {border-radius:0px; padding:10px 15px;}
.topMenu>nav>ul>li {border-bottom:1px solid rgba(0,0,0,0.1)}
.topMenu>nav>ul>li:first-child {border-top:1px solid rgba(0,0,0,0.1)}
.flaticon-cancel:before {content:"\f11c"!important}
.topMenu>nav>ul>li ul {position:relative; width:100%!important; left:0px!important; opacity:1; visibility: visible; display:none; top:0px; }
.topMenu>nav>ul>li ul.active {display:inline-block}
.footerMenuTitle {cursor:pointer;}
.footerMenuBox {display:none;}
.homeInfoBoxTitle {position:relative; top:0px; margin-bottom:30px; text-align:center; width:100%; display:inline-block}
.homeInfoBoxTitle .title:after {display:none}
}

@media (max-width:768px) {
.productsTop ul li {width:100%}
.featuresListCol {width:50%}
.aboutVisionButtons ul li {width:100%; margin-bottom:15px; margin-right:0px;}
.aboutVisionButtons ul li a {width:100%;}
.footerRef ul li {width:50%}
}

@media (max-width:500px) {
.homeInfoBoxCol {width:50%}
.homeInfoBoxColDiv ul li.icon {float:none; position:relative; margin:0 auto; display:table; margin-bottom:15px; }
.homeInfoBoxColDiv ul {padding:0px}
.homeInfoBoxColDiv:after {display:none;}
.featuresTypeCol {width:100%;}
.featuresTypeBox ul li.desc {height:auto; margin-bottom:15px;}
.aboutUsRightTab ul li.icon {float:none; margin:0 auto; margin-bottom:30px; position:relative; display:table; }
.aboutUsRightTab ul {padding:0px; }
.aboutUsRightTab ul li {text-align:center;}
.marketingLeftBox ul li.more .simpleButton {width:100%; margin-right:0px; margin-bottom:10px}
.homeInfoBoxColDiv ul li.title {font-size:15px}
.homeInfoBoxColDiv ul li.title strong {font-size:20px;}
.homeInfoBoxColDiv ul li {text-align:center}
.marketingRightTab ul {padding-right:150px; padding-top:0px}
.simpleTitle .moreCustomers {width:100%; margin-top:10px}
.otherProductsBoxTab {width:100%}
.packageTitleButton {width:100%; margin-top:15px;}
.packageListCol {width:100%}
.aboutTeamCount ul li {text-align:center;}
.aboutTeamCount ul li .count {font-size:35px;}
.aboutTeamCount ul li .title {letter-spacing:0px}
.contactInfoTitle {padding:15px;}
.contactInfoTitle .title i {display:none;}
.contactInfoTitle .title {padding-left:0px}
.contactInfoBox ul li .icon {left:15px; top:15px}
.contactInfoBox ul li {padding-top:15px; padding-bottom:15px; padding-left:55px;}
.homeSliderItemBox ul li.buttons a {width:100%; margin-right:0px; margin-bottom:15px;}
.homeSliderItemBox ul li.buttons a:last-child {margin-bottom:0px}
.homeSliderAll .owl-dots {bottom:20px}
.homeSliderItemBox ul li.icon .iconTitle {letter-spacing:0px}
}

@media (max-width:400px) {
.homeInfoBoxColDiv ul li.title {font-size:11px; line-height:20px;}
.homeInfoBoxColDiv ul li.title strong {font-size:15px;}
.customersListBox .img {height:40px;}
.customersListBox .img img {max-width:90%}
.customersListBox .title {font-size:14px;}
.featuresListBox ul li.link a {width:50px;}
.featuresListBox ul li.title {font-size:13px;}

.featuresListBox {padding:30px 10px}
}

/* other reset */
::-webkit-input-placeholder { color:inherit}
::-moz-placeholder { color:inherit } /* firefox 19+ */
:-ms-input-placeholder { color:inherit } /* ie */
input:-moz-placeholder { color:inherit }


a:focus,
select:focus,
			textarea:focus,
input[type="text"]:focus,
input[type="submit"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
button[type="submit"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color:inherit;
  box-shadow:inset;
  outline: 0 none;
  text-decoration:none;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}
/* other reset */