@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');

*{margin:0; padding:0; transition:all 0.5 ease-in; -webkit-transition:all 0.5 ease-in; -moz-transition:all 0.5 ease-in; -o-transition:all 0.5 ease-in; -ms-transition:all 0.5 ease-in;}

html {
  scroll-behavior: smooth;
}

body{font-family: 'Poppins', sans-serif; font-weight:400; font-size:14px; color:#3a3a3a; line-height:normal; overflow-x:hidden}

a{color:#6e56a4; text-decoration:none}
a:hover{color:#4e338b;  text-decoration:none}
a:focus{outline:none; color:#4e338b}

h1,h2,h3,h4,h5,h6, p{margin:0; padding:0}


.main-wrap{width:100%}
.banner-wrap{position:relative; /*padding-bottom:62px;*/ background:url(../images/banner-left-ng.png), url(../images/banner-bg.png); background-position:left top, right top; background-color:#fffbf3; background-repeat:no-repeat}
 .navigation{width:100%; position:relative; background:#6e56a4; padding: 25px 0;}
 .navbar-default{border-color:transparent; background-color:transparent; /*margin-top:51px; margin-bottom:23px*/}
 .navbar{margin-bottom:0; min-height:inherit;}
 .navbar-default .navbar-nav > li{border-right:2px solid #f0efef;}
 .navbar-default .navbar-nav > li:last-child{border-right:none;}
 .navbar-default .navbar-nav > li > a{font-size:28px; font-weight:500; color:#f0efef!important; padding:4px 21px;}
 .navbar-default .navbar-nav > li > a:hover{color:#fff!important}
 .navigation .portal-btn{position:absolute; right:0; top:-4px; 
/*background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 )*/
background:#6e56a4;
 color:#fff; font-size:24px; font-weight:600; padding:8px 45px; border-radius:8px; box-shadow:rgba(0,0,0,.3) 0px 5px 0px;
 transition: 0.3s;}
.banner-wrap .navigation .portal-btn:hover{
background: #4f4e4c;
/*background: -moz-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,231,103,1)), color-stop(100%, rgba(254,182,69,1)));
background: -webkit-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -o-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: -ms-linear-gradient(top, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
background: linear-gradient(to bottom, rgba(241,231,103,1) 0%, rgba(254,182,69,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 );*/
 color:#fff}

.banner-wrap .leftwrap{width:50%; float:left;  padding-top:80px}
.banner-wrap .rightwrap{width:50%; float:right}
.banner-content{width:90%; margin:0 auto}
.banner-txt{text-align:center; font-size:40px; color:#4f4e4c; line-height:78px}
.banner-txt span{font-size:78px; font-weight:600; color:#4f4e4c; display:block}
.banner-txt span.hglight{font-size:71px; color:#352f1c; margin-top:-10px}
.banner-wrap .logo{display:block; margin:0 auto; text-align:center; margin-bottom:30px}
.banner-wrap .banner-pic{}
.banner-wrap .banner-pic img{width:100%}

.section-title{font-size:62px; font-weight:400; color:#000; margin-bottom:62px}
.section-title span{font-size:70px; font-weight:600; color:#6e56a4; display:block; padding-top:5px}

.product-wrap{background:url(../images/effect-bg.jpg) bottom right no-repeat; padding:96px 0 66px}
.product-wrap .productbx{margin:15px 0 30px}
.product-wrap .productbx .product-pic{width:200px;/* height:93px;*/ border:#bebebf 1px solid}
.product-wrap .productbx .product-pic img{width:100%}
.product-wrap .productbx a.title{font-size:33px; font-weight:300; color:#000; padding:20px 0 8px; line-height:normal; display:block}
.product-wrap .productbx .title span{font-weight:600}
.product-wrap .productbx .txt{font-size:15px; font-weight:400; color:#313131; line-height:28px} 

.service-wrap{width:100%; background:#e3eeed url(../images/service-bg.jpg) left top no-repeat; background-size:cover; padding:100px 0}
.service-wrap .servicebox-holder{width:100%; display:flex; flex-direction: row;  justify-content:space-between; margin:0}
.service-wrap .servicebox{width:32%; background:#fff; padding:20px 20px 60px; box-shadow:rgba(0,0,0,.1) 2px 0 41px} 
.service-wrap .servicebox .iconbox{padding:30px 20px 13px}
.service-wrap .servicebox .iconbox.customize{background:url(../images/srvc-customizing-bg.png) left 3px bottom no-repeat; }
.service-wrap .servicebox .iconbox.integrate{background:url(../images/srvc-integretion-bg.png) left 3px bottom no-repeat; }
.service-wrap .servicebox .iconbox.accesories{background:url(../images/srvc-accessoriesicon.png) left 3px bottom no-repeat; }
.service-wrap .servicebox .title{font-size:22px; font-weight:600; color:#000; line-height:30px; margin:20px 20px 20px}
.service-wrap .servicebox .title span{font-size:28px; font-weight:600; display:block}
.service-wrap .servicebox .txt{font-size:16px; font-weight:400; color:#3a3a3a; line-height:27px; margin:0 20px}


.product-detailwrap{padding:0 0 85px; background:url(../images/efct-bg-left.png), url(../images/effect-bg.jpg), url(../images/efct-bg-left.png); background-position:left top, top 50% right, left bottom; background-repeat:no-repeat;}
/*.product-detailwrap .row{padding-bottom:140px}*/
.product-detailwrap .section-title{margin-bottom:23px; margin-top:100px}
.product-detailwrap .product-pic{width:100%; margin-bottom:34px}
.product-detailwrap .product-pic img{width:100%; border:#ccc 1px solid}
.product-detailwrap .details{}
.product-detailwrap .details .title{font-size:26px; font-weight:700; color:#1a1a19; padding-bottom:10px}
.product-detailwrap .details .txt{font-size:18px; color:#575757; font-weight:300; line-height:31px}
.product-detailwrap .product-detail-content{}
/*.product-detail-content .panel-body {
	  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}*/
.product-detail-content .product-specs{width:100%; display:block; vertical-align:top; padding:0 15px 23px; box-sizing:border-box}
.product-detail-content .product-specs.block{width:100%}
.product-detail-content .product-specs .heading{font-size:23px; font-weight:600; color:#6e56a4; line-height:30px; margin-bottom:16px}
.product-detail-content .product-specs ul{margin:0 0 0 15px; padding:0; list-style-type:disc; line-height:normal}
.product-detail-content .product-specs ul li{font-size:15px; color:#29302e; margin:0 0 9px; line-height:19px;} 
.product-detail-content .product-specs ul li ul{margin:8px 30px}
.product-detail-content .product-specs h6{font-size:16px; line-height:22px; color:#6e56a4}

.product-detail-content .panel{box-shadow:none}
.product-detail-content .panel-default{border-color:transparent}
.product-detailwrap .product-detail-content .panel-default>.panel-heading {
  color: #666666;
  background-color: #f0efef;
  border-color:transparent;
  padding:0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.product-detail-content .panel-default>.panel-heading a {
  display: block;
  padding: 20px 15px;
  color: #666666;
  font-size:24px;
  font-weight:300;
}

.product-detail-content .panel-default>.panel-heading a:after {
  width:28px; height:28px; text-align:center; border:#333 1px solid;
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
  border-radius:100%;
}

.product-detail-content .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eae5f5;
  color:#131e1c;
  text-decoration:none
}

.product-detail-content .panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product-detail-content .panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.product-detail-content .panel-group .panel-heading + .panel-collapse > .panel-body{border:0; padding:27px 17px 0}
/*#backTotop-btm{width:100px; position:fixed; right:0; bottom:20px; display:none}*/
#backTotop-btm {
    width: 100px;
    position: fixed;
    left: 0;
    bottom: 20px;
    display: none;
}
#backTotop-btm img{width:60px}
button.top-btn{background:none; border:0}

.modal-dialog.donate-modal{margin:20% auto}
.modal-dialog.donate-modal .modal-content{border-radius:10px}
.modal-dialog.donate-modal .modal-header{border:0}
.modal-dialog.donate-modal .modal-body{text-align:center; padding:0 0 40px}
.modal-dialog.donate-modal .modal-body .site-logo{width:150px; display:inline-block; margin:0}
.modal-dialog.donate-modal .modal-body .site-logo img{width:100%}
.modal-dialog.donate-modal .modal-body p{font-size:56px; font-weight:600; color:#9477d5; text-transform:uppercase; text-shadow:#c5c5c5 1px 1px 2px}


footer{background:#eee7ff url(../images/footer-bg.jpg) left top no-repeat; background-size:100% auto; padding:42px 0 0}
footer .title{font-size:70px; font-weight:600; color:#6e56a4; text-align:center; line-height:normal; margin:0 0 56px}
footer .info-holder{text-align:center}
footer .info{display:inline-block; vertical-align:top}
footer .info .icon{width:37px; display:inline-block; vertical-align:top; margin:4px 0 0}
footer .info .icon img{width:100%}
footer .info p{display:inline-block; font-size:28px; font-weight:300; color:#464646; line-height:32px; margin:0 15px}
footer .info p a{color:#464646}
footer .infosep{width:1px; height:65px; display:inline-block; vertical-align:top; background:#c8c8c8; margin:0 56px}
footer .copyright{background:#9477d5; border-top:#fff 1px solid; text-align:center; font-weight:400; font-size:16px; color:#fff; margin:42px 0 0; padding:25px 0}



.technology, .heading {
	font-size: 23px;
	font-weight: 600;
	color: #6e56a4;
	line-height: 30px;
	margin-bottom: 16px;
	cursor: pointer;
	width: 75%;
	position: relative;
	padding-right: 10%;
}

.accordprefix{position:absolute; right:0; top:0;}


.top-bar{background:#decfff; padding:8px 0;}

.main_banner img{width:100%; max-width:100%;}
.banner-wrap .navbar-default .navbar-nav > li:first-child > a{padding-left:0;}
.portal-btn{padding-right:20px; color:#000;}
.circle{border: 1px solid;
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}

.contact-top{font-size:20px; font-weight:600;}

/*----------------26-08-19-------------------*/
.donate-wrap{ padding:40px 0}
.file {
  visibility: hidden;
  position: absolute;
}
.btn-purple{ background:#6e56a4;border-color: #9477d5;}
.btn-purple:hover{ background:#9477d5;border-color: #9477d5;}
.donate-form{ max-width:680px; margin:0 auto;
	border: 10px solid #9477d5;
	border-radius: 5px 5px 5px 5px;
	padding: 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.donate-form .block-header h2 {
	background: #6e56a4;
	text-align: center;
	color: #fff;
	margin: -20px -20px 10px;
	padding: 10px 25px 15px;
}


.addi-payment{ border:1px solid #9477d5; padding-top:20px;}


.alert {
    border: 1px solid;
    clear: both;
    margin-bottom: 9px;
    margin-top: 10px;
    padding: 10px 10px 10px 35px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-repeat: no-repeat;
    background-position: 10px 10px
}

    .alert.no-margin {
        border-radius: 0;
        margin-left: -10px;
        margin-right: -10px;
        border-width: 1px 0
    }

        .alert.no-margin.top {
            border-width: 0 0 1px 0;
            margin-top: 0
        }

        .alert.no-margin.bottom {
            border-width: 1px 0 0 0;
            margin-bottom: 0
        }

    .alert span.hide {
        font-weight: bold;
        text-shadow: 1px 1px 0 #fff;
        float: right;
        cursor: pointer;
        margin: 0
    }

    .alert.success {
        background-image: url("../img/icons/packs/fugue/16x16/tick-circle.png");
        background-color: #d1e8d2;
        border-color: #393;
        color: #00632e
    }

    .alert.error {
        background-image: url("../img/icons/packs/fugue/16x16/cross-circle.png");
        background-color: #facfcf;
        border-color: #dc1c1c;
        color: #820101
    }

    .alert.warning {
        background-image: url("../img/icons/packs/fugue/16x16/exclamation.png");
        background-color: #fdefbd;
        border-color: #d4b64b;
        color: #675100
    }

    .alert.info {
        background-image: url("../img/icons/packs/fugue/16x16/information.png");
        background-color: #d8e7fa;
        border-color: #9dbfea;
        color: #00357b
    }

    .alert.note {
        background-image: url("../img/icons/packs/fugue/16x16/notebook.png");
        background-color: #f4f4f4;
        border-color: #bdbdbd;
        color: #4d4d4d
    }
.dropdown-menu li a:hover {
    background: #6e56a4;
    color:#fff
}