/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */

/*
* Simple style overrides or custom adds
*/

.some-css-selector {font-size:13px;}


/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){

}

@media only screen and (max-width : 1440px){

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){

}

@media only screen and (max-width: 1199px){


}

@media only screen and (min-width: 992px) and (max-width: 1199px){

}

@media only screen and (min-width: 992px){


}

@media only screen and (max-width: 991px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px){

}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 320px) {

}
.topnav > li > a{color:#FFFFFF;}
.h-ht-400, .h-ht-445{height:auto;}
@media only screen and (min-width: 991px) {
.topnav > li > a{color:#222222;}
.h-ht-400{height:400px;}
.h-ht-445{height:445px;}
}
.solution-button {text-align:center;}
.ind-title h3{text-align:center;padding-bottom:60px;}
.screenshot-box {margin-bottom:30px;}
.dashed-border, .v-border{position:relative;}
.v-border img{z-index:99;}
.dashed-border span{position:absolute; width:100%; height:10px; border-bottom:3px dashed #333333;}
.v-border span{width:1px; position:absolute; height:100px; margin-left:50%; z-index:9; border-left:3px dashed #333333; bottom:-50px;}
.works{position:relative; display:block; border-left:3px dashed #333333;}
.works-steps{position:relative; display:block; padding:40px 0px; height:100%; padding-left:70px;}
.works-steps span{position:absolute; width:50px; height:50px; text-align:center; line-height:50px; color:#000000; border-radius:50%; background:#EEEEEE; left:-25px; top:70px;}
.works-steps:hover span{background:#2F5C87; color:#FFFFFF;}
.main-text{background:#2E305E; width:100%; height:445px;}
.main-text h1{margin:0px; padding:130px 50px 20px; color:#FFFFFF; }
.main-text h1 strong{font-weight:600;}
.main-text h1 strong, .main-text h1 span{display:block;}
.map-container {width: 100%; height:100%;}
.map-container iframe{width: 100%;display: block;pointer-events: none;position: relative; }
.map-container iframe.clicked{pointer-events: auto;}
.industry-bg{display:block; width:100%; height:500px; background-repeat:no-repeat; background-size:cover;}
.industry-content{display:block; width:100%; height:500px; background:#2E305E; background:rgba(46, 48, 94, 0.9); color:#FFFFFF; padding:30px 20px;}
.industry-content h2{padding-bottom:30px;}
.industry-content p{text-align:justify; font-size:16px; line-height:28px; }
.education{background-image:url(../images/banner3.jpg);}
.gov{background-image:url(../images/government.jpg);}
.retail{background-image:url(../images/retail3.jpg);}
.health{background-image:url(../images/healthcare.jpg);}
.hospital{background-image:url(../images/hospital.jpg);}
.bank{background-image:url(../images/banner1.jpg);}
.corporate{background-image:url(../images/banner2.jpg);}

div.radio-check {
  margin:0 0 0.75em 0;
}

.radio-check input[type="radio"] {
    display:none;
}
.radio-check input[type="radio"] + label {
    color: #292321;
    font-family:Arial, sans-serif;
    font-size:14px;
	font-weight:normal;
}
.radio-check input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 10px 0 0;
    vertical-align:middle;
    cursor:pointer;
    -moz-border-radius:  50%;
    border-radius:  50%;
}

.radio-check input[type="radio"] + label span {
     /*background-color:#292321;*/ border:2px solid #2E305E;
}

.radio-check input[type="radio"]:checked + label span{
     background-color:#2E305E;
}

.radio-check input[type="radio"] + label span,
.radio-check input[type="radio"]:checked + label span {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
}
.select-choice{width:100%; display:table;}
.radio-check{display:table-cell;}
.p-discount{position:relative; padding-left:140px;}
.p-discount .discount-img{position:absolute; top:10px; left:5px;}
.main-title{padding:20px; width:100%; background:#2E305E; display:block; color:#FFFFFF;}
.addr-sec{display:block; padding:10px; border:1px solid #eeeeee; box-shadow:0px 0px 5px #aaaaaa; position:relative; width:100%; border-radius:5px;}
.addr-sec .addr-edit{position:absolute; right:50px; top:5px;}
.addr-sec .addr-delete{position:absolute; right:10px; top:5px;}
.myact-aside{display:block;}
.myact-aside h4{padding:5px 10px 8px; border-bottom:1px solid #dddddd; margin-bottom:0px; position:relative;}
.myact-aside h4:after{position:absolute; width:130px; height:2px; background:#2E305E; content:""; bottom:0px; left:0px;}
.myact-aside ul{list-style:none; padding:0px; margin:10px 0px 0px;}
.myact-aside ul li{position:relative; border-bottom:1px solid #dddddd;}
.myact-aside ul li:last-child{border-bottom:none;}
.myact-aside ul li a{display:block; padding:8px 10px; font-size:14px; font-weight:600;}
.myact-aside ul li.active a, .myact-aside ul li:hover a{background:#2E305E; color:#FFFFFF;}
.my-order{display:block; border:1px solid #dddddd; border-radius:5px;}
.my-order .col-md-12{padding:5px 0px; border-bottom:1px solid #dddddd; background:#f8f8f8;}
.my-order .col-md-12 strong{display:block;}
.my-order .col-md-12 span a{color:#2e305e; font-weight:600;}
.order-details h2{padding:8px 15px;}
.order-details h2 small{display:block;}
.services_box__title{width:100%; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
	background:#FFFFFF;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 120px;
    height: 120px;
    margin: -60px 0 0 -60px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #657fb2;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #eb4695 ;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #537090;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
      animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#successMessage
{
    color:#28a745!important;
    display:none;
    font-weight:500;
    padding-bottom: 10px;
}
.login_loader
{
        display: block;
    position: absolute;
    top: 30%;
    left: 35%;
    z-index: 1;
    margin: 0px 0px;
    width: 100px;
     visibility: hidden; 
}
.contact_loader1
{
        display: block;
    position: absolute;
    top: 5%;
    left: 35%;
    z-index: 1;
    margin: 0px 0px;
    width: 100px;
     visibility: hidden; 
}
#register_panel #free_demo{position: relative;}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}